diff --git a/packages/html/src/action-sheet/templates/action-sheet-left.tsx b/packages/html/src/action-sheet/templates/action-sheet-left.tsx
index 6f8d4898603..fd88a31410c 100644
--- a/packages/html/src/action-sheet/templates/action-sheet-left.tsx
+++ b/packages/html/src/action-sheet/templates/action-sheet-left.tsx
@@ -3,3 +3,5 @@ import { ActionSheetNormal } from './action-sheet-normal';
 export const ActionSheetLeft = (props) => (
     <ActionSheetNormal side="left" {...props}/>
 );
+
+export default ActionSheetLeft;
diff --git a/packages/html/src/action-sheet/templates/action-sheet-normal.tsx b/packages/html/src/action-sheet/templates/action-sheet-normal.tsx
index c16fe048099..59120a3b19c 100644
--- a/packages/html/src/action-sheet/templates/action-sheet-normal.tsx
+++ b/packages/html/src/action-sheet/templates/action-sheet-normal.tsx
@@ -13,3 +13,5 @@ export const ActionSheetNormal = (props) => (
     {...props}>
     </ActionSheet>
 );
+
+export default ActionSheetNormal;
diff --git a/packages/html/src/action-sheet/templates/action-sheet-right.tsx b/packages/html/src/action-sheet/templates/action-sheet-right.tsx
index 0970e3b1988..e9af76b9b4c 100644
--- a/packages/html/src/action-sheet/templates/action-sheet-right.tsx
+++ b/packages/html/src/action-sheet/templates/action-sheet-right.tsx
@@ -3,3 +3,5 @@ import { ActionSheetNormal } from './action-sheet-normal';
 export const ActionSheetRight = (props) => (
     <ActionSheetNormal side="right" {...props}/>
 );
+
+export default ActionSheetRight;
diff --git a/packages/html/src/action-sheet/templates/action-sheet-top.tsx b/packages/html/src/action-sheet/templates/action-sheet-top.tsx
index 1fa8c22dda9..3c6bcaf4876 100644
--- a/packages/html/src/action-sheet/templates/action-sheet-top.tsx
+++ b/packages/html/src/action-sheet/templates/action-sheet-top.tsx
@@ -3,3 +3,5 @@ import { ActionSheetNormal } from './action-sheet-normal';
 export const ActionSheetTop = (props) => (
     <ActionSheetNormal side="top" {...props}/>
 );
+
+export default ActionSheetTop;
diff --git a/packages/html/src/appbar/templates/appbar-normal.tsx b/packages/html/src/appbar/templates/appbar-normal.tsx
index 4dd47589a8c..d0465360fe7 100644
--- a/packages/html/src/appbar/templates/appbar-normal.tsx
+++ b/packages/html/src/appbar/templates/appbar-normal.tsx
@@ -29,3 +29,5 @@ export const AppbarNormal = (props) => (
     {...props} >
     </Appbar>
 );
+
+export default AppbarNormal;
diff --git a/packages/html/src/autocomplete/templates/autocomplete-adaptive.tsx b/packages/html/src/autocomplete/templates/autocomplete-adaptive.tsx
index bb570eaf48f..95a0d2b6286 100644
--- a/packages/html/src/autocomplete/templates/autocomplete-adaptive.tsx
+++ b/packages/html/src/autocomplete/templates/autocomplete-adaptive.tsx
@@ -5,4 +5,6 @@ export const AutocompleteAdaptive = (props) => (
         adaptive={true}
         {...props}
     />
-);
\ No newline at end of file
+);
+
+export default AutocompleteAdaptive;
diff --git a/packages/html/src/autocomplete/templates/autocomplete-grouping-modern.tsx b/packages/html/src/autocomplete/templates/autocomplete-grouping-modern.tsx
index ab5bad87296..ee1157b6d6f 100644
--- a/packages/html/src/autocomplete/templates/autocomplete-grouping-modern.tsx
+++ b/packages/html/src/autocomplete/templates/autocomplete-grouping-modern.tsx
@@ -22,3 +22,5 @@ export const AutocompleteGroupingModern = (props) => (
         {...props}
     />
 );
+
+export default AutocompleteGroupingModern;
diff --git a/packages/html/src/autocomplete/templates/autocomplete-grouping.tsx b/packages/html/src/autocomplete/templates/autocomplete-grouping.tsx
index a579a076de3..92b499e0eab 100644
--- a/packages/html/src/autocomplete/templates/autocomplete-grouping.tsx
+++ b/packages/html/src/autocomplete/templates/autocomplete-grouping.tsx
@@ -21,3 +21,5 @@ export const AutocompleteGrouping = (props) => (
         {...props}
     />
 );
+
+export default AutocompleteGrouping;
diff --git a/packages/html/src/autocomplete/templates/autocomplete-normal.tsx b/packages/html/src/autocomplete/templates/autocomplete-normal.tsx
index 6070a016985..26522e471a3 100644
--- a/packages/html/src/autocomplete/templates/autocomplete-normal.tsx
+++ b/packages/html/src/autocomplete/templates/autocomplete-normal.tsx
@@ -1,3 +1,5 @@
 import Autocomplete from "../autocomplete.spec";
 
-export const AutocompleteNormal = (props) => <Autocomplete {...props} />;
\ No newline at end of file
+export const AutocompleteNormal = (props) => <Autocomplete {...props} />;
+
+export default AutocompleteNormal;
diff --git a/packages/html/src/autocomplete/templates/autocomplete-popup.tsx b/packages/html/src/autocomplete/templates/autocomplete-popup.tsx
index 30495fa5413..5b998e2914e 100644
--- a/packages/html/src/autocomplete/templates/autocomplete-popup.tsx
+++ b/packages/html/src/autocomplete/templates/autocomplete-popup.tsx
@@ -14,3 +14,5 @@ export const AutocompletePopup = (props) => (
         {...props}
     />
 );
+
+export default AutocompletePopup;
diff --git a/packages/html/src/autocomplete/templates/autocomplete-prefix.tsx b/packages/html/src/autocomplete/templates/autocomplete-prefix.tsx
index fddb9ed0ee2..5598b9c20ae 100644
--- a/packages/html/src/autocomplete/templates/autocomplete-prefix.tsx
+++ b/packages/html/src/autocomplete/templates/autocomplete-prefix.tsx
@@ -11,3 +11,5 @@ export const AutocompletePrefix = (props) => (
         {...props}
     />
 );
+
+export default AutocompletePrefix;
diff --git a/packages/html/src/autocomplete/templates/autocomplete-suffix.tsx b/packages/html/src/autocomplete/templates/autocomplete-suffix.tsx
index 5e5d25c6bae..b845d86a87d 100644
--- a/packages/html/src/autocomplete/templates/autocomplete-suffix.tsx
+++ b/packages/html/src/autocomplete/templates/autocomplete-suffix.tsx
@@ -11,3 +11,5 @@ export const AutocompleteSuffix = (props) => (
         {...props}
     />
 );
+
+export default AutocompleteSuffix;
diff --git a/packages/html/src/avatar/templates/avatar-icon.tsx b/packages/html/src/avatar/templates/avatar-icon.tsx
index c137e1e47b9..f403a9a83d7 100644
--- a/packages/html/src/avatar/templates/avatar-icon.tsx
+++ b/packages/html/src/avatar/templates/avatar-icon.tsx
@@ -1,3 +1,5 @@
 import Avatar from "../avatar.spec";
 
 export const AvatarIcon = (props: any) => <Avatar type="icon" {...props} />;
+
+export default AvatarIcon;
diff --git a/packages/html/src/avatar/templates/avatar-image.tsx b/packages/html/src/avatar/templates/avatar-image.tsx
index 6168caaf27b..44a4efd2f2c 100644
--- a/packages/html/src/avatar/templates/avatar-image.tsx
+++ b/packages/html/src/avatar/templates/avatar-image.tsx
@@ -1,3 +1,5 @@
 import Avatar from "../avatar.spec";
 
 export const AvatarImage = (props: any) => <Avatar type="image" {...props} />;
+
+export default AvatarImage;
diff --git a/packages/html/src/avatar/templates/avatar-text.tsx b/packages/html/src/avatar/templates/avatar-text.tsx
index 3fe498d64b5..2fc3758802c 100644
--- a/packages/html/src/avatar/templates/avatar-text.tsx
+++ b/packages/html/src/avatar/templates/avatar-text.tsx
@@ -1,3 +1,5 @@
 import Avatar from "../avatar.spec";
 
 export const AvatarText = (props: any) => <Avatar type="text" {...props} />;
+
+export default AvatarText;
diff --git a/packages/html/src/badge/templates/badge-normal.tsx b/packages/html/src/badge/templates/badge-normal.tsx
index 8faa9b1f4e9..79ae98112e0 100644
--- a/packages/html/src/badge/templates/badge-normal.tsx
+++ b/packages/html/src/badge/templates/badge-normal.tsx
@@ -1,3 +1,5 @@
 import { Badge } from "..";
 
 export const BadgeNormal = (props) => <Badge {...props}/>;
+
+export default BadgeNormal;
diff --git a/packages/html/src/badge/templates/icon-badge.tsx b/packages/html/src/badge/templates/icon-badge.tsx
index 0a8fc015b25..c635f2ee2f7 100644
--- a/packages/html/src/badge/templates/icon-badge.tsx
+++ b/packages/html/src/badge/templates/icon-badge.tsx
@@ -9,3 +9,5 @@ export const IconBadge = (props) =>
         {...props}
     />
 ;
+
+export default IconBadge;
diff --git a/packages/html/src/bottom-nav/templates/bottom-nav-icons.tsx b/packages/html/src/bottom-nav/templates/bottom-nav-icons.tsx
index 553734ad67b..e36d0a8331e 100644
--- a/packages/html/src/bottom-nav/templates/bottom-nav-icons.tsx
+++ b/packages/html/src/bottom-nav/templates/bottom-nav-icons.tsx
@@ -13,3 +13,5 @@ export const BottomNavIcons = (props) => (
     >
     </BottomNav>
 );
+
+export default BottomNavIcons;
diff --git a/packages/html/src/bottom-nav/templates/bottom-nav-links.tsx b/packages/html/src/bottom-nav/templates/bottom-nav-links.tsx
index f72f04f0c47..20006ce802d 100644
--- a/packages/html/src/bottom-nav/templates/bottom-nav-links.tsx
+++ b/packages/html/src/bottom-nav/templates/bottom-nav-links.tsx
@@ -13,3 +13,5 @@ export const BottomNavLinks = (props) => (
     >
     </BottomNav>
 );
+
+export default BottomNavLinks;
diff --git a/packages/html/src/bottom-nav/templates/bottom-nav-normal.tsx b/packages/html/src/bottom-nav/templates/bottom-nav-normal.tsx
index 23e1b8385df..e9cb701aa91 100644
--- a/packages/html/src/bottom-nav/templates/bottom-nav-normal.tsx
+++ b/packages/html/src/bottom-nav/templates/bottom-nav-normal.tsx
@@ -13,3 +13,5 @@ export const BottomNavNormal = (props) => (
     >
     </BottomNav>
 );
+
+export default BottomNavNormal;
diff --git a/packages/html/src/breadcrumb/templates/breadcrumb-collapsing-auto.tsx b/packages/html/src/breadcrumb/templates/breadcrumb-collapsing-auto.tsx
index 85348615213..ad7630e9d54 100644
--- a/packages/html/src/breadcrumb/templates/breadcrumb-collapsing-auto.tsx
+++ b/packages/html/src/breadcrumb/templates/breadcrumb-collapsing-auto.tsx
@@ -37,3 +37,5 @@ export const BreadcrumbCollapsingAuto = ({ dir, ...other }: any) => (
         {...other}>
     </Breadcrumb>
 );
+
+export default BreadcrumbCollapsingAuto;
diff --git a/packages/html/src/breadcrumb/templates/breadcrumb-collapsing-none.tsx b/packages/html/src/breadcrumb/templates/breadcrumb-collapsing-none.tsx
index f5de89d667b..91957053ee9 100644
--- a/packages/html/src/breadcrumb/templates/breadcrumb-collapsing-none.tsx
+++ b/packages/html/src/breadcrumb/templates/breadcrumb-collapsing-none.tsx
@@ -37,3 +37,5 @@ export const BreadcrumbCollapsingNone = ({ dir, ...other }: any) => (
         {...other}>
     </Breadcrumb>
 );
+
+export default BreadcrumbCollapsingNone;
diff --git a/packages/html/src/breadcrumb/templates/breadcrumb-collapsing-wrap.tsx b/packages/html/src/breadcrumb/templates/breadcrumb-collapsing-wrap.tsx
index cf200693fb6..6e12ead8abc 100644
--- a/packages/html/src/breadcrumb/templates/breadcrumb-collapsing-wrap.tsx
+++ b/packages/html/src/breadcrumb/templates/breadcrumb-collapsing-wrap.tsx
@@ -51,3 +51,5 @@ export const BreadcrumbCollapsingWrap = ({ dir, ...other }: any) => (
         {...other}>
     </Breadcrumb>
 );
+
+export default BreadcrumbCollapsingWrap;
diff --git a/packages/html/src/button-group/templates/icon-button-group.tsx b/packages/html/src/button-group/templates/icon-button-group.tsx
index 03375fc8c30..c25e3fe58d1 100644
--- a/packages/html/src/button-group/templates/icon-button-group.tsx
+++ b/packages/html/src/button-group/templates/icon-button-group.tsx
@@ -10,3 +10,5 @@ export const IconButtonGroup = (props) => (
         </>
     } />
 );
+
+export default IconButtonGroup;
diff --git a/packages/html/src/button-group/templates/icon-text-button-group.tsx b/packages/html/src/button-group/templates/icon-text-button-group.tsx
index a1cba8c765b..631c324128c 100644
--- a/packages/html/src/button-group/templates/icon-text-button-group.tsx
+++ b/packages/html/src/button-group/templates/icon-text-button-group.tsx
@@ -10,3 +10,5 @@ export const IconTextButtonGroup = (props) => (
         </>
     } />
 );
+
+export default IconTextButtonGroup;
diff --git a/packages/html/src/button-group/templates/mixed-button-group.tsx b/packages/html/src/button-group/templates/mixed-button-group.tsx
index 5f871c89de7..35d702d69fb 100644
--- a/packages/html/src/button-group/templates/mixed-button-group.tsx
+++ b/packages/html/src/button-group/templates/mixed-button-group.tsx
@@ -10,3 +10,5 @@ export const MixedButtonGroup = (props) => (
         </>
     } />
 );
+
+export default MixedButtonGroup;
diff --git a/packages/html/src/button-group/templates/text-button-group.tsx b/packages/html/src/button-group/templates/text-button-group.tsx
index 9f4d88b2e38..9bfbd0225ce 100644
--- a/packages/html/src/button-group/templates/text-button-group.tsx
+++ b/packages/html/src/button-group/templates/text-button-group.tsx
@@ -10,3 +10,5 @@ export const TextButtonGroup = (props) => (
         </>
     } />
 );
+
+export default TextButtonGroup;
diff --git a/packages/html/src/button/templates/icon-button.tsx b/packages/html/src/button/templates/icon-button.tsx
index 64d3b015b92..0bdc37b839d 100644
--- a/packages/html/src/button/templates/icon-button.tsx
+++ b/packages/html/src/button/templates/icon-button.tsx
@@ -1,3 +1,5 @@
 import { Button } from "../button.spec";
 
 export const IconButton = (props) => <Button icon="folder" {...props} children={undefined} />;
+
+export default IconButton;
diff --git a/packages/html/src/button/templates/icon-text-button.tsx b/packages/html/src/button/templates/icon-text-button.tsx
index 5b98e8c8799..51bacce1b48 100644
--- a/packages/html/src/button/templates/icon-text-button.tsx
+++ b/packages/html/src/button/templates/icon-text-button.tsx
@@ -1,3 +1,5 @@
 import { Button } from "../button.spec";
 
 export const IconTextButton = (props) => <Button icon="folder" children="Button" {...props} />;
+
+export default IconTextButton;
diff --git a/packages/html/src/button/templates/text-button.tsx b/packages/html/src/button/templates/text-button.tsx
index a5bcdc0c324..0c22ff83cbf 100644
--- a/packages/html/src/button/templates/text-button.tsx
+++ b/packages/html/src/button/templates/text-button.tsx
@@ -1,3 +1,5 @@
 import { Button } from "../button.spec";
 
 export const TextButton = (props) => <Button children="Button" {...props} />;
+
+export default TextButton;
diff --git a/packages/html/src/calendar/templates/calendar-century.tsx b/packages/html/src/calendar/templates/calendar-century.tsx
index 53cb1aeeb42..4b002c6b3e0 100644
--- a/packages/html/src/calendar/templates/calendar-century.tsx
+++ b/packages/html/src/calendar/templates/calendar-century.tsx
@@ -27,3 +27,5 @@ export const CalendarCentury = ({ showOtherCentury, ...props }: any) => (
         {...props}
     />
 );
+
+export default CalendarCentury;
diff --git a/packages/html/src/calendar/templates/calendar-decade.tsx b/packages/html/src/calendar/templates/calendar-decade.tsx
index c2747468a05..fd670d5f2a5 100644
--- a/packages/html/src/calendar/templates/calendar-decade.tsx
+++ b/packages/html/src/calendar/templates/calendar-decade.tsx
@@ -27,3 +27,5 @@ export const CalendarDecade = ({ showOtherDecade, ...props }: any) => (
         {...props}
     />
 );
+
+export default CalendarDecade;
diff --git a/packages/html/src/calendar/templates/calendar-infinite-century.tsx b/packages/html/src/calendar/templates/calendar-infinite-century.tsx
index b339fec4f9c..132a73d2ac9 100644
--- a/packages/html/src/calendar/templates/calendar-infinite-century.tsx
+++ b/packages/html/src/calendar/templates/calendar-infinite-century.tsx
@@ -40,3 +40,5 @@ export const CalendarInfiniteCentury = ({ firstCaption = "2000 - 2099", ...other
 
     </CalendarInfinite>
 );
+
+export default CalendarInfiniteCentury;
diff --git a/packages/html/src/calendar/templates/calendar-infinite-decade.tsx b/packages/html/src/calendar/templates/calendar-infinite-decade.tsx
index 7b03c97da3d..29471613fea 100644
--- a/packages/html/src/calendar/templates/calendar-infinite-decade.tsx
+++ b/packages/html/src/calendar/templates/calendar-infinite-decade.tsx
@@ -66,3 +66,5 @@ export const CalendarInfiniteDecade = ({ firstCaption = "2020 - 2029", secondCap
 
     </CalendarInfinite>
 );
+
+export default CalendarInfiniteDecade;
diff --git a/packages/html/src/calendar/templates/calendar-infinite-normal.tsx b/packages/html/src/calendar/templates/calendar-infinite-normal.tsx
index 97c932a25f0..9ba05f572bf 100644
--- a/packages/html/src/calendar/templates/calendar-infinite-normal.tsx
+++ b/packages/html/src/calendar/templates/calendar-infinite-normal.tsx
@@ -84,3 +84,5 @@ export const CalendarInfiniteNormal = ({ firstCaption = "January 2021", secondCa
 
     </CalendarInfinite>
 );
+
+export default CalendarInfiniteNormal;
diff --git a/packages/html/src/calendar/templates/calendar-infinite-week-number.tsx b/packages/html/src/calendar/templates/calendar-infinite-week-number.tsx
index 6b69ecd2d5c..c63b005914f 100644
--- a/packages/html/src/calendar/templates/calendar-infinite-week-number.tsx
+++ b/packages/html/src/calendar/templates/calendar-infinite-week-number.tsx
@@ -89,3 +89,5 @@ export const CalendarInfiniteWeekNumber = ({ firstCaption = "January 2021", seco
 
     </CalendarInfinite>
 );
+
+export default CalendarInfiniteWeekNumber;
diff --git a/packages/html/src/calendar/templates/calendar-infinite-year.tsx b/packages/html/src/calendar/templates/calendar-infinite-year.tsx
index 5f8f6b0556d..b57efcafbaa 100644
--- a/packages/html/src/calendar/templates/calendar-infinite-year.tsx
+++ b/packages/html/src/calendar/templates/calendar-infinite-year.tsx
@@ -70,3 +70,5 @@ export const CalendarInfiniteYear = ({ firstCaption = "2021", secondCaption = "2
 
     </CalendarInfinite>
 );
+
+export default CalendarInfiniteYear;
diff --git a/packages/html/src/calendar/templates/calendar-normal.tsx b/packages/html/src/calendar/templates/calendar-normal.tsx
index 6441540176b..0644981b9ed 100644
--- a/packages/html/src/calendar/templates/calendar-normal.tsx
+++ b/packages/html/src/calendar/templates/calendar-normal.tsx
@@ -63,3 +63,5 @@ export const CalendarNormal = ({ showCaptions, showOtherMonth, ...props }: any)
         {...props}
     />
 );
+
+export default CalendarNormal;
diff --git a/packages/html/src/calendar/templates/calendar-with-weeks.tsx b/packages/html/src/calendar/templates/calendar-with-weeks.tsx
index df1e7c3711f..ec21aeac854 100644
--- a/packages/html/src/calendar/templates/calendar-with-weeks.tsx
+++ b/packages/html/src/calendar/templates/calendar-with-weeks.tsx
@@ -69,3 +69,5 @@ export const CalendarWithWeeks = ({ showOtherMonth, ...props }: any) => (
         {...props}
     />
 );
+
+export default CalendarWithWeeks;
diff --git a/packages/html/src/calendar/templates/calendar-year.tsx b/packages/html/src/calendar/templates/calendar-year.tsx
index afbc93cbc8a..fc4d80ec664 100644
--- a/packages/html/src/calendar/templates/calendar-year.tsx
+++ b/packages/html/src/calendar/templates/calendar-year.tsx
@@ -27,3 +27,5 @@ export const CalendarYear = (props: any) => (
         {...props}
     />
 );
+
+export default CalendarYear;
diff --git a/packages/html/src/captcha/templates/captcha-normal.tsx b/packages/html/src/captcha/templates/captcha-normal.tsx
index 20ea174f221..a0cc592fa50 100644
--- a/packages/html/src/captcha/templates/captcha-normal.tsx
+++ b/packages/html/src/captcha/templates/captcha-normal.tsx
@@ -3,3 +3,5 @@ import { Captcha } from '..';
 export const CaptchaNormal = (props) => (
     <Captcha value="YR890" { ...props }/>
 );
+
+export default CaptchaNormal;
diff --git a/packages/html/src/card/templates/card-horizontal.tsx b/packages/html/src/card/templates/card-horizontal.tsx
index 2b66e56222e..48fb51ab43e 100644
--- a/packages/html/src/card/templates/card-horizontal.tsx
+++ b/packages/html/src/card/templates/card-horizontal.tsx
@@ -17,4 +17,6 @@ export const CardHorizontal = (props) => (
         }
         {...props}>
     </Card>
-);
\ No newline at end of file
+);
+
+export default CardHorizontal;
diff --git a/packages/html/src/card/templates/card-normal.tsx b/packages/html/src/card/templates/card-normal.tsx
index 5c4e857788f..deef376c071 100644
--- a/packages/html/src/card/templates/card-normal.tsx
+++ b/packages/html/src/card/templates/card-normal.tsx
@@ -18,4 +18,6 @@ export const CardNormal = (props) => (
         }
         {...props}>
     </Card>
-);
\ No newline at end of file
+);
+
+export default CardNormal;
diff --git a/packages/html/src/chat/templates/chat-normal.tsx b/packages/html/src/chat/templates/chat-normal.tsx
index 68af154b6b5..d220e54392b 100644
--- a/packages/html/src/chat/templates/chat-normal.tsx
+++ b/packages/html/src/chat/templates/chat-normal.tsx
@@ -21,3 +21,5 @@ export const ChatNormal = (props) => (
     {...props}
     />
 );
+
+export default ChatNormal;
diff --git a/packages/html/src/chat/templates/chat-with-options.tsx b/packages/html/src/chat/templates/chat-with-options.tsx
index 21d151ce4f0..40f07757a5f 100644
--- a/packages/html/src/chat/templates/chat-with-options.tsx
+++ b/packages/html/src/chat/templates/chat-with-options.tsx
@@ -23,3 +23,5 @@ export const ChatWithOptions = (props) => (
         {...props}
     />
 );
+
+export default ChatWithOptions;
diff --git a/packages/html/src/chat/templates/chat-with-toolbar.tsx b/packages/html/src/chat/templates/chat-with-toolbar.tsx
index 1eabdf84b7b..09cfd2b1f4d 100644
--- a/packages/html/src/chat/templates/chat-with-toolbar.tsx
+++ b/packages/html/src/chat/templates/chat-with-toolbar.tsx
@@ -24,3 +24,5 @@ export const ChatWithToolbar = (props) => (
         {...props}
     />
 );
+
+export default ChatWithToolbar;
diff --git a/packages/html/src/checkbox/templates/checkbox-group-horizontal.tsx b/packages/html/src/checkbox/templates/checkbox-group-horizontal.tsx
index 218ff318855..04508d48508 100644
--- a/packages/html/src/checkbox/templates/checkbox-group-horizontal.tsx
+++ b/packages/html/src/checkbox/templates/checkbox-group-horizontal.tsx
@@ -18,3 +18,5 @@ export const CheckboxGroupHorizontal = (props: any) => (
     {...props}
     />
 );
+
+export default CheckboxGroupHorizontal;
diff --git a/packages/html/src/checkbox/templates/checkbox-group-normal.tsx b/packages/html/src/checkbox/templates/checkbox-group-normal.tsx
index dca4de5b174..2c3db0ea671 100644
--- a/packages/html/src/checkbox/templates/checkbox-group-normal.tsx
+++ b/packages/html/src/checkbox/templates/checkbox-group-normal.tsx
@@ -17,3 +17,5 @@ export const CheckboxGroupNormal = (props: any) => (
     {...props}
     />
 );
+
+export default CheckboxGroupNormal;
diff --git a/packages/html/src/checkbox/templates/checkbox-normal.tsx b/packages/html/src/checkbox/templates/checkbox-normal.tsx
index 4b43b044b85..efc561c8d9f 100644
--- a/packages/html/src/checkbox/templates/checkbox-normal.tsx
+++ b/packages/html/src/checkbox/templates/checkbox-normal.tsx
@@ -1,3 +1,5 @@
 import Checkbox from "../checkbox.spec";
 
-export const CheckboxNormal = (props: any) => <Checkbox {...props}/>;
\ No newline at end of file
+export const CheckboxNormal = (props: any) => <Checkbox {...props}/>;
+
+export default CheckboxNormal;
diff --git a/packages/html/src/checkbox/templates/checkbox-with-label-after.tsx b/packages/html/src/checkbox/templates/checkbox-with-label-after.tsx
index 739eaeacc34..15fdfdc44f1 100644
--- a/packages/html/src/checkbox/templates/checkbox-with-label-after.tsx
+++ b/packages/html/src/checkbox/templates/checkbox-with-label-after.tsx
@@ -6,3 +6,5 @@ export const CheckboxWithLabelAfter = ({ children, id, ...other }: any) => (
         <label className={"k-checkbox-label"} htmlFor={id}>{children}</label>
     </>
 );
+
+export default CheckboxWithLabelAfter;
diff --git a/packages/html/src/checkbox/templates/checkbox-with-label-before.tsx b/packages/html/src/checkbox/templates/checkbox-with-label-before.tsx
index 1d7a577dc58..f0556de58c6 100644
--- a/packages/html/src/checkbox/templates/checkbox-with-label-before.tsx
+++ b/packages/html/src/checkbox/templates/checkbox-with-label-before.tsx
@@ -6,3 +6,5 @@ export const CheckboxWithLabelBefore = ({ children, id, ...other }: any) => (
         <Checkbox id={id} {...other} />
     </>
 );
+
+export default CheckboxWithLabelBefore;
diff --git a/packages/html/src/chip/templates/chip-avatar.tsx b/packages/html/src/chip/templates/chip-avatar.tsx
index da8ad87f20c..7fd6ffbf63c 100644
--- a/packages/html/src/chip/templates/chip-avatar.tsx
+++ b/packages/html/src/chip/templates/chip-avatar.tsx
@@ -1,3 +1,5 @@
 import Chip from "../chip.spec";
 
 export const ChipAvatar = (props: any) => <Chip showAvatar={true} {...props} />;
+
+export default ChipAvatar;
diff --git a/packages/html/src/chip/templates/chip-icon.tsx b/packages/html/src/chip/templates/chip-icon.tsx
index fc6f922d4d9..6c0dd56a662 100644
--- a/packages/html/src/chip/templates/chip-icon.tsx
+++ b/packages/html/src/chip/templates/chip-icon.tsx
@@ -1,3 +1,5 @@
 import Chip from "../chip.spec";
 
 export const ChipIcon = (props: any) => <Chip icon="map-marker-target" {...props} />;
+
+export default ChipIcon;
diff --git a/packages/html/src/chip/templates/chip-normal.tsx b/packages/html/src/chip/templates/chip-normal.tsx
index 815c9c60707..58037277608 100644
--- a/packages/html/src/chip/templates/chip-normal.tsx
+++ b/packages/html/src/chip/templates/chip-normal.tsx
@@ -1,3 +1,5 @@
 import Chip from "../chip.spec";
 
 export const ChipNormal = (props: any) => <Chip text="text" {...props} />;
+
+export default ChipNormal;
diff --git a/packages/html/src/chip/templates/chip-removable.tsx b/packages/html/src/chip/templates/chip-removable.tsx
index 9384fd156b2..8bd133a767e 100644
--- a/packages/html/src/chip/templates/chip-removable.tsx
+++ b/packages/html/src/chip/templates/chip-removable.tsx
@@ -2,3 +2,5 @@ import Chip from "../chip.spec";
 import { ChipAction } from "../chip-action";
 
 export const ChipRemovable = (props: any) => <Chip text="Removable" {...props} actions={ <ChipAction type="remove" />} />;
+
+export default ChipRemovable;
diff --git a/packages/html/src/coloreditor/templates/coloreditor-group.tsx b/packages/html/src/coloreditor/templates/coloreditor-group.tsx
index a54b5e26f16..29b2f07f938 100644
--- a/packages/html/src/coloreditor/templates/coloreditor-group.tsx
+++ b/packages/html/src/coloreditor/templates/coloreditor-group.tsx
@@ -7,3 +7,5 @@ export const ColorEditorGroup = (props) => (
         {...props}
     />
 );
+
+export default ColorEditorGroup;
diff --git a/packages/html/src/coloreditor/templates/coloreditor-normal.tsx b/packages/html/src/coloreditor/templates/coloreditor-normal.tsx
index 3e8ea46a5b9..d007b6402e9 100644
--- a/packages/html/src/coloreditor/templates/coloreditor-normal.tsx
+++ b/packages/html/src/coloreditor/templates/coloreditor-normal.tsx
@@ -6,3 +6,5 @@ export const ColorEditorNormal = (props) => (
         {...props}
     />
 );
+
+export default ColorEditorNormal;
diff --git a/packages/html/src/coloreditor/templates/coloreditor-palette-group.tsx b/packages/html/src/coloreditor/templates/coloreditor-palette-group.tsx
index 6c42e9a3657..a76c4123794 100644
--- a/packages/html/src/coloreditor/templates/coloreditor-palette-group.tsx
+++ b/packages/html/src/coloreditor/templates/coloreditor-palette-group.tsx
@@ -8,3 +8,5 @@ export const ColorEditorPaletteGroup = (props) => (
         {...props}
     />
 );
+
+export default ColorEditorPaletteGroup;
diff --git a/packages/html/src/coloreditor/templates/coloreditor-palette.tsx b/packages/html/src/coloreditor/templates/coloreditor-palette.tsx
index f0122e61f24..aa7789d2247 100644
--- a/packages/html/src/coloreditor/templates/coloreditor-palette.tsx
+++ b/packages/html/src/coloreditor/templates/coloreditor-palette.tsx
@@ -7,3 +7,5 @@ export const ColorEditorPalette = (props) => (
         {...props}
     />
 );
+
+export default ColorEditorPalette;
diff --git a/packages/html/src/colorgradient/templates/colorgradient-contrast.tsx b/packages/html/src/colorgradient/templates/colorgradient-contrast.tsx
index 1cb1cae0637..e5ca6852022 100644
--- a/packages/html/src/colorgradient/templates/colorgradient-contrast.tsx
+++ b/packages/html/src/colorgradient/templates/colorgradient-contrast.tsx
@@ -1,3 +1,5 @@
 import { ColorGradient } from "../color-gradient.spec";
 
 export const ColorGradientContrast = (props) => <ColorGradient contrast {...props}/>;
+
+export default ColorGradientContrast;
diff --git a/packages/html/src/colorgradient/templates/colorgradient-normal.tsx b/packages/html/src/colorgradient/templates/colorgradient-normal.tsx
index caa5888c702..24606ef9320 100644
--- a/packages/html/src/colorgradient/templates/colorgradient-normal.tsx
+++ b/packages/html/src/colorgradient/templates/colorgradient-normal.tsx
@@ -1,3 +1,5 @@
 import { ColorGradient } from "../color-gradient.spec";
 
 export const ColorGradientNormal = (props) => <ColorGradient {...props}/>;
+
+export default ColorGradientNormal;
diff --git a/packages/html/src/colorpalette/templates/colorpalette-normal.tsx b/packages/html/src/colorpalette/templates/colorpalette-normal.tsx
index 5cb911e9fd3..1318c332f5f 100644
--- a/packages/html/src/colorpalette/templates/colorpalette-normal.tsx
+++ b/packages/html/src/colorpalette/templates/colorpalette-normal.tsx
@@ -2,3 +2,5 @@ import { PALETTEPRESETS } from "../colorpalette-presets";
 import ColorPalette from "../colorpalette.spec";
 
 export const ColorPaletteNormal = (props) => <ColorPalette palette={PALETTEPRESETS.basic} {...props} />;
+
+export default ColorPaletteNormal;
diff --git a/packages/html/src/colorpicker/templates/colorpicker-normal.tsx b/packages/html/src/colorpicker/templates/colorpicker-normal.tsx
index 7a522f538be..d3dd6cf14f6 100644
--- a/packages/html/src/colorpicker/templates/colorpicker-normal.tsx
+++ b/packages/html/src/colorpicker/templates/colorpicker-normal.tsx
@@ -1,3 +1,5 @@
 import ColorPicker from "../colorpicker.spec";
 
 export const ColorPickerNormal = (props: any) => <ColorPicker {...props} />;
+
+export default ColorPickerNormal;
diff --git a/packages/html/src/colorpicker/templates/colorpicker-popup-gradient.tsx b/packages/html/src/colorpicker/templates/colorpicker-popup-gradient.tsx
index d7fbeef4ca4..1b9f82d4bb3 100644
--- a/packages/html/src/colorpicker/templates/colorpicker-popup-gradient.tsx
+++ b/packages/html/src/colorpicker/templates/colorpicker-popup-gradient.tsx
@@ -15,3 +15,5 @@ export const ColorPickerPopupGradient = ({ value, color, currentColor, ...other
         {...other}
     />
 );
+
+export default ColorPickerPopupGradient;
diff --git a/packages/html/src/colorpicker/templates/colorpicker-popup-palette.tsx b/packages/html/src/colorpicker/templates/colorpicker-popup-palette.tsx
index 2edf51f254a..02663d36e7d 100644
--- a/packages/html/src/colorpicker/templates/colorpicker-popup-palette.tsx
+++ b/packages/html/src/colorpicker/templates/colorpicker-popup-palette.tsx
@@ -16,3 +16,5 @@ export const ColorPickerPopupPalette = ({ value = "fuchsia", color = "fuchsia",
         {...other}
     />
 );
+
+export default ColorPickerPopupPalette;
diff --git a/packages/html/src/column-menu/templates/column-menu-normal.tsx b/packages/html/src/column-menu/templates/column-menu-normal.tsx
index 66ca8a1858d..d6c965060a6 100644
--- a/packages/html/src/column-menu/templates/column-menu-normal.tsx
+++ b/packages/html/src/column-menu/templates/column-menu-normal.tsx
@@ -23,3 +23,5 @@ export const ColumnMenuNormal = (props) => (
     >
     </ColumnMenu>
 );
+
+export default ColumnMenuNormal;
diff --git a/packages/html/src/column-menu/templates/column-menu-tabbed.tsx b/packages/html/src/column-menu/templates/column-menu-tabbed.tsx
index 0699816f848..3c236d3d3ed 100644
--- a/packages/html/src/column-menu/templates/column-menu-tabbed.tsx
+++ b/packages/html/src/column-menu/templates/column-menu-tabbed.tsx
@@ -24,3 +24,5 @@ export const ColumnMenuTabbed = (props) => (
     >
     </ColumnMenu>
 );
+
+export default ColumnMenuTabbed;
diff --git a/packages/html/src/column-menu/templates/filter-menu-multi-check.tsx b/packages/html/src/column-menu/templates/filter-menu-multi-check.tsx
index efb88c4a22b..3f46180395c 100644
--- a/packages/html/src/column-menu/templates/filter-menu-multi-check.tsx
+++ b/packages/html/src/column-menu/templates/filter-menu-multi-check.tsx
@@ -26,3 +26,5 @@ export const FilterMenuMultiCheck = (props) => (
     >
     </FilterMenu>
 );
+
+export default FilterMenuMultiCheck;
diff --git a/packages/html/src/column-menu/templates/filter-menu-normal.tsx b/packages/html/src/column-menu/templates/filter-menu-normal.tsx
index b8eb7a92d50..4a7562d1100 100644
--- a/packages/html/src/column-menu/templates/filter-menu-normal.tsx
+++ b/packages/html/src/column-menu/templates/filter-menu-normal.tsx
@@ -23,3 +23,5 @@ export const FilterMenuNormal = (props) => (
     >
     </FilterMenu>
 );
+
+export default FilterMenuNormal;
diff --git a/packages/html/src/combobox/templates/combobox-adaptive.tsx b/packages/html/src/combobox/templates/combobox-adaptive.tsx
index c100d97f0b9..0fc04b07a6c 100644
--- a/packages/html/src/combobox/templates/combobox-adaptive.tsx
+++ b/packages/html/src/combobox/templates/combobox-adaptive.tsx
@@ -6,3 +6,5 @@ export const ComboboxAdaptive = (props) => (
         {...props}
     />
 );
+
+export default ComboboxAdaptive;
diff --git a/packages/html/src/combobox/templates/combobox-grouping-modern.tsx b/packages/html/src/combobox/templates/combobox-grouping-modern.tsx
index de4a14dec2f..376b64b16a2 100644
--- a/packages/html/src/combobox/templates/combobox-grouping-modern.tsx
+++ b/packages/html/src/combobox/templates/combobox-grouping-modern.tsx
@@ -22,3 +22,5 @@ export const ComboboxGroupingModern = (props) => (
         {...props}
     />
 );
+
+export default ComboboxGroupingModern;
diff --git a/packages/html/src/combobox/templates/combobox-grouping.tsx b/packages/html/src/combobox/templates/combobox-grouping.tsx
index d71335a2a5d..022049b37e4 100644
--- a/packages/html/src/combobox/templates/combobox-grouping.tsx
+++ b/packages/html/src/combobox/templates/combobox-grouping.tsx
@@ -21,3 +21,5 @@ export const ComboboxGrouping = (props) => (
         {...props}
     />
 );
+
+export default ComboboxGrouping;
diff --git a/packages/html/src/combobox/templates/combobox-normal.tsx b/packages/html/src/combobox/templates/combobox-normal.tsx
index c45769b36af..0e929afb188 100644
--- a/packages/html/src/combobox/templates/combobox-normal.tsx
+++ b/packages/html/src/combobox/templates/combobox-normal.tsx
@@ -1,3 +1,5 @@
 import Combobox from "../combobox.spec";
 
 export const ComboboxNormal = (props) => <Combobox {...props} />;
+
+export default ComboboxNormal;
diff --git a/packages/html/src/combobox/templates/combobox-popup.tsx b/packages/html/src/combobox/templates/combobox-popup.tsx
index 0f0901b82e0..a3d444bba9b 100644
--- a/packages/html/src/combobox/templates/combobox-popup.tsx
+++ b/packages/html/src/combobox/templates/combobox-popup.tsx
@@ -14,3 +14,5 @@ export const ComboboxPopup = (props) => (
         {...props}
     />
 );
+
+export default ComboboxPopup;
diff --git a/packages/html/src/combobox/templates/combobox-prefix.tsx b/packages/html/src/combobox/templates/combobox-prefix.tsx
index 400df956e94..aac8b73de79 100644
--- a/packages/html/src/combobox/templates/combobox-prefix.tsx
+++ b/packages/html/src/combobox/templates/combobox-prefix.tsx
@@ -11,3 +11,5 @@ export const ComboboxPrefix = (props) => (
         {...props}
     />
 );
+
+export default ComboboxPrefix;
diff --git a/packages/html/src/combobox/templates/combobox-suffix.tsx b/packages/html/src/combobox/templates/combobox-suffix.tsx
index a731fe6d3ec..2ed43d80fdf 100644
--- a/packages/html/src/combobox/templates/combobox-suffix.tsx
+++ b/packages/html/src/combobox/templates/combobox-suffix.tsx
@@ -11,3 +11,5 @@ export const ComboboxSuffix = (props) => (
         {...props}
     />
 );
+
+export default ComboboxSuffix;
diff --git a/packages/html/src/context-menu/templates/context-menu-normal.tsx b/packages/html/src/context-menu/templates/context-menu-normal.tsx
index 2a8642ece3d..4a9d3b2d476 100644
--- a/packages/html/src/context-menu/templates/context-menu-normal.tsx
+++ b/packages/html/src/context-menu/templates/context-menu-normal.tsx
@@ -11,3 +11,5 @@ export const ContextMenuNormal = (props) => (
         {...props}
     />
 );
+
+export default ContextMenuNormal;
diff --git a/packages/html/src/dateinput/templates/dateinput-normal.tsx b/packages/html/src/dateinput/templates/dateinput-normal.tsx
index f800c88a8e1..3602fba7670 100644
--- a/packages/html/src/dateinput/templates/dateinput-normal.tsx
+++ b/packages/html/src/dateinput/templates/dateinput-normal.tsx
@@ -1,3 +1,5 @@
 import DateInput from "../dateinput.spec";
 
 export const DateInputNormal = (props) => <DateInput {...props} />;
+
+export default DateInputNormal;
diff --git a/packages/html/src/datepicker/templates/datepicker-adaptive.tsx b/packages/html/src/datepicker/templates/datepicker-adaptive.tsx
index 7728c5bf47c..2a88188491a 100644
--- a/packages/html/src/datepicker/templates/datepicker-adaptive.tsx
+++ b/packages/html/src/datepicker/templates/datepicker-adaptive.tsx
@@ -5,4 +5,6 @@ export const DatePickerAdaptive = (props) => (
         adaptive={true}
         {...props}
     />
-);
\ No newline at end of file
+);
+
+export default DatePickerAdaptive;
diff --git a/packages/html/src/datepicker/templates/datepicker-normal.tsx b/packages/html/src/datepicker/templates/datepicker-normal.tsx
index d9e8bac16f0..b6a830e92d0 100644
--- a/packages/html/src/datepicker/templates/datepicker-normal.tsx
+++ b/packages/html/src/datepicker/templates/datepicker-normal.tsx
@@ -1,3 +1,5 @@
 import DatePicker from "../datepicker.spec";
 
 export const DatePickerNormal = (props) => <DatePicker {...props} />;
+
+export default DatePickerNormal;
diff --git a/packages/html/src/datepicker/templates/datepicker-popup.tsx b/packages/html/src/datepicker/templates/datepicker-popup.tsx
index c2c116906ce..7f2ba466be1 100644
--- a/packages/html/src/datepicker/templates/datepicker-popup.tsx
+++ b/packages/html/src/datepicker/templates/datepicker-popup.tsx
@@ -6,3 +6,5 @@ export const DatePickerPopup = (props) => (
         {...props}
     />
 );
+
+export default DatePickerPopup;
diff --git a/packages/html/src/daterangepicker/templates/daterangepicker-adaptive.tsx b/packages/html/src/daterangepicker/templates/daterangepicker-adaptive.tsx
index f5b710faeef..79d2d92f318 100644
--- a/packages/html/src/daterangepicker/templates/daterangepicker-adaptive.tsx
+++ b/packages/html/src/daterangepicker/templates/daterangepicker-adaptive.tsx
@@ -5,4 +5,6 @@ export const DateRangePickerAdaptive = (props) => (
         adaptive={true}
         {...props}
     />
-);
\ No newline at end of file
+);
+
+export default DateRangePickerAdaptive;
diff --git a/packages/html/src/daterangepicker/templates/daterangepicker-normal.tsx b/packages/html/src/daterangepicker/templates/daterangepicker-normal.tsx
index e5ce3b8ae16..f0a08ce7a05 100644
--- a/packages/html/src/daterangepicker/templates/daterangepicker-normal.tsx
+++ b/packages/html/src/daterangepicker/templates/daterangepicker-normal.tsx
@@ -1,3 +1,5 @@
 import DateRangePicker from "../daterangepicker.spec";
 
 export const DateRangePickerNormal = (props) => <DateRangePicker {...props} />;
+
+export default DateRangePickerNormal;
diff --git a/packages/html/src/daterangepicker/templates/daterangepicker-popup.tsx b/packages/html/src/daterangepicker/templates/daterangepicker-popup.tsx
index 8a55b2ffabc..51f5d10e928 100644
--- a/packages/html/src/daterangepicker/templates/daterangepicker-popup.tsx
+++ b/packages/html/src/daterangepicker/templates/daterangepicker-popup.tsx
@@ -6,3 +6,5 @@ export const DateRangePickerPopup = (props) => (
         {...props}
     />
 );
+
+export default DateRangePickerPopup;
diff --git a/packages/html/src/datetimepicker/templates/datetimepicker-adaptive.tsx b/packages/html/src/datetimepicker/templates/datetimepicker-adaptive.tsx
index 8e84da8e30a..6d85980c00a 100644
--- a/packages/html/src/datetimepicker/templates/datetimepicker-adaptive.tsx
+++ b/packages/html/src/datetimepicker/templates/datetimepicker-adaptive.tsx
@@ -6,3 +6,5 @@ export const DateTimePickerAdaptive = (props) => (
         {...props}
     />
 );
+
+export default DateTimePickerAdaptive;
diff --git a/packages/html/src/datetimepicker/templates/datetimepicker-normal.tsx b/packages/html/src/datetimepicker/templates/datetimepicker-normal.tsx
index f0d5f7842c0..a91513f71f8 100644
--- a/packages/html/src/datetimepicker/templates/datetimepicker-normal.tsx
+++ b/packages/html/src/datetimepicker/templates/datetimepicker-normal.tsx
@@ -1,3 +1,5 @@
 import DateTimePicker from "../datetimepicker.spec";
 
 export const DateTimePickerNormal = (props) => <DateTimePicker {...props} />;
+
+export default DateTimePickerNormal;
diff --git a/packages/html/src/datetimepicker/templates/datetimepicker-popup.tsx b/packages/html/src/datetimepicker/templates/datetimepicker-popup.tsx
index f4443baf677..a10891d86f3 100644
--- a/packages/html/src/datetimepicker/templates/datetimepicker-popup.tsx
+++ b/packages/html/src/datetimepicker/templates/datetimepicker-popup.tsx
@@ -5,4 +5,6 @@ export const DateTimePickerPopup = (props) => (
         opened={true}
         {...props}
     />
-);
\ No newline at end of file
+);
+
+export default DateTimePickerPopup;
diff --git a/packages/html/src/dialog/templates/dialog-non-modal.tsx b/packages/html/src/dialog/templates/dialog-non-modal.tsx
index 4a27212695c..41eb0837f9e 100644
--- a/packages/html/src/dialog/templates/dialog-non-modal.tsx
+++ b/packages/html/src/dialog/templates/dialog-non-modal.tsx
@@ -20,3 +20,5 @@ export const DialogNonModal = (props) => (
         {...props}
     />
 );
+
+export default DialogNonModal;
diff --git a/packages/html/src/dialog/templates/dialog-normal.tsx b/packages/html/src/dialog/templates/dialog-normal.tsx
index b33322e8a4f..9efdb3a2207 100644
--- a/packages/html/src/dialog/templates/dialog-normal.tsx
+++ b/packages/html/src/dialog/templates/dialog-normal.tsx
@@ -24,3 +24,5 @@ export const DialogNormal = (props) => (
  * @deprecated This template has been moved to DialogNormal. Please update your code accordingly.
  */
 export const DialogModal = DialogNormal;
+
+export default DialogNormal;
diff --git a/packages/html/src/dock-manager/templates/dock-manager-normal.tsx b/packages/html/src/dock-manager/templates/dock-manager-normal.tsx
index 26bdcf1606a..71efc633317 100644
--- a/packages/html/src/dock-manager/templates/dock-manager-normal.tsx
+++ b/packages/html/src/dock-manager/templates/dock-manager-normal.tsx
@@ -60,3 +60,5 @@ export const DockManagerNormal = (props) => (
         {...props}
     />
 );
+
+export default DockManagerNormal;
diff --git a/packages/html/src/dock-manager/templates/dock-manager-unpinned-pane.tsx b/packages/html/src/dock-manager/templates/dock-manager-unpinned-pane.tsx
index ee6d3fb9968..486d62ed691 100644
--- a/packages/html/src/dock-manager/templates/dock-manager-unpinned-pane.tsx
+++ b/packages/html/src/dock-manager/templates/dock-manager-unpinned-pane.tsx
@@ -70,3 +70,5 @@ export const DockManagerUnpinnedPane = (props) => (
         {...props}
     />
 );
+
+export default DockManagerUnpinnedPane;
diff --git a/packages/html/src/drawer/templates/drawer-mini.tsx b/packages/html/src/drawer/templates/drawer-mini.tsx
index ba688503f21..722641a7723 100644
--- a/packages/html/src/drawer/templates/drawer-mini.tsx
+++ b/packages/html/src/drawer/templates/drawer-mini.tsx
@@ -25,3 +25,5 @@ export const DrawerMini = (props) => (
         }
     </Drawer>
 );
+
+export default DrawerMini;
diff --git a/packages/html/src/drawer/templates/drawer-normal.tsx b/packages/html/src/drawer/templates/drawer-normal.tsx
index 89055de3b59..81899faca71 100644
--- a/packages/html/src/drawer/templates/drawer-normal.tsx
+++ b/packages/html/src/drawer/templates/drawer-normal.tsx
@@ -25,3 +25,5 @@ export const DrawerNormal = (props) => (
         }
     </Drawer>
 );
+
+export default DrawerNormal;
diff --git a/packages/html/src/drawer/templates/drawer-with-hierarchy.tsx b/packages/html/src/drawer/templates/drawer-with-hierarchy.tsx
index abf2a95132e..88213797ac1 100644
--- a/packages/html/src/drawer/templates/drawer-with-hierarchy.tsx
+++ b/packages/html/src/drawer/templates/drawer-with-hierarchy.tsx
@@ -26,3 +26,5 @@ export const DrawerWithHierarchy = (props) => (
         }
     </Drawer>
 );
+
+export default DrawerWithHierarchy;
diff --git a/packages/html/src/drawer/templates/drawer-with-overlay.tsx b/packages/html/src/drawer/templates/drawer-with-overlay.tsx
index a526888393f..4e0bce188b2 100644
--- a/packages/html/src/drawer/templates/drawer-with-overlay.tsx
+++ b/packages/html/src/drawer/templates/drawer-with-overlay.tsx
@@ -25,3 +25,5 @@ export const DrawerWithOverlay = (props) => (
         }
     </Drawer>
 );
+
+export default DrawerWithOverlay;
diff --git a/packages/html/src/dropdowngrid/templates/dropdowngrid-adaptive.tsx b/packages/html/src/dropdowngrid/templates/dropdowngrid-adaptive.tsx
index fcf44325c32..d308c73ec70 100644
--- a/packages/html/src/dropdowngrid/templates/dropdowngrid-adaptive.tsx
+++ b/packages/html/src/dropdowngrid/templates/dropdowngrid-adaptive.tsx
@@ -7,3 +7,5 @@ export const DropdownGridAdaptive = (props) => (
     />
 );
 
+
+export default DropdownGridAdaptive;
diff --git a/packages/html/src/dropdowngrid/templates/dropdowngrid-normal.tsx b/packages/html/src/dropdowngrid/templates/dropdowngrid-normal.tsx
index 3a90f69e857..b3e3c6b2c7c 100644
--- a/packages/html/src/dropdowngrid/templates/dropdowngrid-normal.tsx
+++ b/packages/html/src/dropdowngrid/templates/dropdowngrid-normal.tsx
@@ -1,3 +1,5 @@
 import DropdownGrid from "../dropdowngrid.spec";
 
 export const DropdownGridNormal = (props) => <DropdownGrid {...props} />;
+
+export default DropdownGridNormal;
diff --git a/packages/html/src/dropdowngrid/templates/dropdowngrid-popup.tsx b/packages/html/src/dropdowngrid/templates/dropdowngrid-popup.tsx
index debd83f1a49..efc89fa4f51 100644
--- a/packages/html/src/dropdowngrid/templates/dropdowngrid-popup.tsx
+++ b/packages/html/src/dropdowngrid/templates/dropdowngrid-popup.tsx
@@ -68,3 +68,5 @@ export const DropdownGridPopup = (props) => (
         {...props}
     />
 );
+
+export default DropdownGridPopup;
diff --git a/packages/html/src/dropdowngrid/templates/dropdowngrid-prefix.tsx b/packages/html/src/dropdowngrid/templates/dropdowngrid-prefix.tsx
index cc95028c01a..b1c5757ba11 100644
--- a/packages/html/src/dropdowngrid/templates/dropdowngrid-prefix.tsx
+++ b/packages/html/src/dropdowngrid/templates/dropdowngrid-prefix.tsx
@@ -11,3 +11,5 @@ export const DropdownGridPrefix = (props) => (
         {...props}
     />
 );
+
+export default DropdownGridPrefix;
diff --git a/packages/html/src/dropdowngrid/templates/dropdowngrid-suffix.tsx b/packages/html/src/dropdowngrid/templates/dropdowngrid-suffix.tsx
index 1ca58896e9f..3002aa566d5 100644
--- a/packages/html/src/dropdowngrid/templates/dropdowngrid-suffix.tsx
+++ b/packages/html/src/dropdowngrid/templates/dropdowngrid-suffix.tsx
@@ -11,3 +11,5 @@ export const DropdownGridSuffix = (props) => (
         {...props}
     />
 );
+
+export default DropdownGridSuffix;
diff --git a/packages/html/src/dropdownlist/templates/dropdownlist-filtering.tsx b/packages/html/src/dropdownlist/templates/dropdownlist-filtering.tsx
index e602bb9548b..f5580347f8a 100644
--- a/packages/html/src/dropdownlist/templates/dropdownlist-filtering.tsx
+++ b/packages/html/src/dropdownlist/templates/dropdownlist-filtering.tsx
@@ -20,3 +20,5 @@ export const DropdownListFiltering = (props) => (
         {...props}
     />
 );
+
+export default DropdownListFiltering;
diff --git a/packages/html/src/dropdownlist/templates/dropdownlist-grouping-filtering-modern.tsx b/packages/html/src/dropdownlist/templates/dropdownlist-grouping-filtering-modern.tsx
index abb3f24d1cc..be9b97f86c4 100644
--- a/packages/html/src/dropdownlist/templates/dropdownlist-grouping-filtering-modern.tsx
+++ b/packages/html/src/dropdownlist/templates/dropdownlist-grouping-filtering-modern.tsx
@@ -28,3 +28,5 @@ export const DropdownListGroupingFilteringModern = (props) => (
         {...props}
     />
 );
+
+export default DropdownListGroupingFilteringModern;
diff --git a/packages/html/src/dropdownlist/templates/dropdownlist-grouping-filtering.tsx b/packages/html/src/dropdownlist/templates/dropdownlist-grouping-filtering.tsx
index 1ea192fe267..701afda8ffb 100644
--- a/packages/html/src/dropdownlist/templates/dropdownlist-grouping-filtering.tsx
+++ b/packages/html/src/dropdownlist/templates/dropdownlist-grouping-filtering.tsx
@@ -27,3 +27,5 @@ export const DropdownListGroupingFiltering = (props) => (
         {...props}
     />
 );
+
+export default DropdownListGroupingFiltering;
diff --git a/packages/html/src/dropdownlist/templates/dropdownlist-grouping-modern.tsx b/packages/html/src/dropdownlist/templates/dropdownlist-grouping-modern.tsx
index 9b7a3ee0aec..567964fbcbb 100644
--- a/packages/html/src/dropdownlist/templates/dropdownlist-grouping-modern.tsx
+++ b/packages/html/src/dropdownlist/templates/dropdownlist-grouping-modern.tsx
@@ -22,3 +22,5 @@ export const DropdownListGroupingModern = (props) => (
         {...props}
     />
 );
+
+export default DropdownListGroupingModern;
diff --git a/packages/html/src/dropdownlist/templates/dropdownlist-grouping.tsx b/packages/html/src/dropdownlist/templates/dropdownlist-grouping.tsx
index b3ca24d10d1..798330f1489 100644
--- a/packages/html/src/dropdownlist/templates/dropdownlist-grouping.tsx
+++ b/packages/html/src/dropdownlist/templates/dropdownlist-grouping.tsx
@@ -21,3 +21,5 @@ export const DropdownListGrouping = (props) => (
         {...props}
     />
 );
+
+export default DropdownListGrouping;
diff --git a/packages/html/src/dropdownlist/templates/dropdownlist-normal.tsx b/packages/html/src/dropdownlist/templates/dropdownlist-normal.tsx
index bb687095b54..0f06df4b682 100644
--- a/packages/html/src/dropdownlist/templates/dropdownlist-normal.tsx
+++ b/packages/html/src/dropdownlist/templates/dropdownlist-normal.tsx
@@ -1,3 +1,5 @@
 import DropdownList from "../dropdownlist.spec";
 
 export const DropdownListNormal = (props) => <DropdownList {...props} />;
+
+export default DropdownListNormal;
diff --git a/packages/html/src/dropdownlist/templates/dropdownlist-popup.tsx b/packages/html/src/dropdownlist/templates/dropdownlist-popup.tsx
index c30f52b4897..f59ef71fbab 100644
--- a/packages/html/src/dropdownlist/templates/dropdownlist-popup.tsx
+++ b/packages/html/src/dropdownlist/templates/dropdownlist-popup.tsx
@@ -14,3 +14,5 @@ export const DropdownListPopup = (props) => (
         {...props}
     />
 );
+
+export default DropdownListPopup;
diff --git a/packages/html/src/dropdowntree/templates/dropdowntree-adaptive.tsx b/packages/html/src/dropdowntree/templates/dropdowntree-adaptive.tsx
index b7fbd96572d..b6233f42026 100644
--- a/packages/html/src/dropdowntree/templates/dropdowntree-adaptive.tsx
+++ b/packages/html/src/dropdowntree/templates/dropdowntree-adaptive.tsx
@@ -5,4 +5,6 @@ export const DropdownTreeAdaptive = (props) => (
         adaptive={true}
         {...props}
     />
-);
\ No newline at end of file
+);
+
+export default DropdownTreeAdaptive;
diff --git a/packages/html/src/dropdowntree/templates/dropdowntree-filtering.tsx b/packages/html/src/dropdowntree/templates/dropdowntree-filtering.tsx
index 01b20bdbf7f..9c035721a7e 100644
--- a/packages/html/src/dropdowntree/templates/dropdowntree-filtering.tsx
+++ b/packages/html/src/dropdowntree/templates/dropdowntree-filtering.tsx
@@ -35,3 +35,5 @@ export const DropdownTreeFiltering = (props) => (
         {...props}
     />
 );
+
+export default DropdownTreeFiltering;
diff --git a/packages/html/src/dropdowntree/templates/dropdowntree-normal.tsx b/packages/html/src/dropdowntree/templates/dropdowntree-normal.tsx
index 7c5ecbd75ae..ee1b0a2b7f5 100644
--- a/packages/html/src/dropdowntree/templates/dropdowntree-normal.tsx
+++ b/packages/html/src/dropdowntree/templates/dropdowntree-normal.tsx
@@ -1,3 +1,5 @@
 import DropdownTree from "../dropdowntree.spec";
 
-export const DropdownTreeNormal = (props) => <DropdownTree {...props} />;
\ No newline at end of file
+export const DropdownTreeNormal = (props) => <DropdownTree {...props} />;
+
+export default DropdownTreeNormal;
diff --git a/packages/html/src/dropdowntree/templates/dropdowntree-popup.tsx b/packages/html/src/dropdowntree/templates/dropdowntree-popup.tsx
index 723a3ca1bdc..cebcd21633b 100644
--- a/packages/html/src/dropdowntree/templates/dropdowntree-popup.tsx
+++ b/packages/html/src/dropdowntree/templates/dropdowntree-popup.tsx
@@ -25,3 +25,5 @@ export const DropdownTreePopup = (props) => (
         {...props}
     />
 );
+
+export default DropdownTreePopup;
diff --git a/packages/html/src/dropzone/templates/dropzone-normal.tsx b/packages/html/src/dropzone/templates/dropzone-normal.tsx
index 1b3a4abce9c..7b967f19f8b 100644
--- a/packages/html/src/dropzone/templates/dropzone-normal.tsx
+++ b/packages/html/src/dropzone/templates/dropzone-normal.tsx
@@ -1,3 +1,5 @@
 import { Dropzone } from "..";
 
 export const DropzoneNormal = (props) => <Dropzone {...props}/>;
+
+export default DropzoneNormal;
diff --git a/packages/html/src/dropzone/templates/dropzone-with-note.tsx b/packages/html/src/dropzone/templates/dropzone-with-note.tsx
index dafd39b9cd5..74c94647ccf 100644
--- a/packages/html/src/dropzone/templates/dropzone-with-note.tsx
+++ b/packages/html/src/dropzone/templates/dropzone-with-note.tsx
@@ -5,3 +5,5 @@ export const DropzoneWithNote = (props) =>
         note="Only JPEG, PNG and SVG files are allowed."
         {...props}
     />;
+
+export default DropzoneWithNote;
diff --git a/packages/html/src/editor/templates/editor-normal.tsx b/packages/html/src/editor/templates/editor-normal.tsx
index 73b99728e7f..f9a0e1144c3 100644
--- a/packages/html/src/editor/templates/editor-normal.tsx
+++ b/packages/html/src/editor/templates/editor-normal.tsx
@@ -38,3 +38,5 @@ export const EditorNormal = (props) => (
         {...props}
     />
 );
+
+export default EditorNormal;
diff --git a/packages/html/src/editor/templates/editor-resizable.tsx b/packages/html/src/editor/templates/editor-resizable.tsx
index 73f33502c5d..8074d51167f 100644
--- a/packages/html/src/editor/templates/editor-resizable.tsx
+++ b/packages/html/src/editor/templates/editor-resizable.tsx
@@ -39,3 +39,5 @@ export const EditorResizable = (props) => (
         {...props}
     />
 );
+
+export default EditorResizable;
diff --git a/packages/html/src/editor/templates/editor-responsive-toolbar.tsx b/packages/html/src/editor/templates/editor-responsive-toolbar.tsx
index e222dcd4f77..5572712decb 100644
--- a/packages/html/src/editor/templates/editor-responsive-toolbar.tsx
+++ b/packages/html/src/editor/templates/editor-responsive-toolbar.tsx
@@ -40,3 +40,5 @@ export const EditorResponsiveToolbar = (props) => (
         {...props}
     />
 );
+
+export default EditorResponsiveToolbar;
diff --git a/packages/html/src/expansion-panel/templates/expansion-panel-expanded.tsx b/packages/html/src/expansion-panel/templates/expansion-panel-expanded.tsx
index 9ce81b583f6..2330dcec4aa 100644
--- a/packages/html/src/expansion-panel/templates/expansion-panel-expanded.tsx
+++ b/packages/html/src/expansion-panel/templates/expansion-panel-expanded.tsx
@@ -12,3 +12,5 @@ export const ExpansionPanelExpanded = (props) => (
     >
     </ExpansionPanel>
 );
+
+export default ExpansionPanelExpanded;
diff --git a/packages/html/src/expansion-panel/templates/expansion-panel-normal.tsx b/packages/html/src/expansion-panel/templates/expansion-panel-normal.tsx
index 623c3a147ee..6d6ab11d9d3 100644
--- a/packages/html/src/expansion-panel/templates/expansion-panel-normal.tsx
+++ b/packages/html/src/expansion-panel/templates/expansion-panel-normal.tsx
@@ -11,3 +11,5 @@ export const ExpansionPanelNormal = (props) => (
     >
     </ExpansionPanel>
 );
+
+export default ExpansionPanelNormal;
diff --git a/packages/html/src/fab/templates/icon-fab.tsx b/packages/html/src/fab/templates/icon-fab.tsx
index b5c3bf03667..7db5d9a3f92 100644
--- a/packages/html/src/fab/templates/icon-fab.tsx
+++ b/packages/html/src/fab/templates/icon-fab.tsx
@@ -5,3 +5,5 @@ export const IconFloatingActionButton = (props) =>
         icon="plus"
         {...props}
     />;
+
+export default IconFloatingActionButton;
diff --git a/packages/html/src/fab/templates/icon-text-fab.tsx b/packages/html/src/fab/templates/icon-text-fab.tsx
index 75a0735cc98..e6352850d6e 100644
--- a/packages/html/src/fab/templates/icon-text-fab.tsx
+++ b/packages/html/src/fab/templates/icon-text-fab.tsx
@@ -6,3 +6,5 @@ export const IconTextFloatingActionButton = (props) =>
         text="Create"
         {...props}
     />;
+
+export default IconTextFloatingActionButton;
diff --git a/packages/html/src/fab/templates/text-fab.tsx b/packages/html/src/fab/templates/text-fab.tsx
index 114b6bcd75f..61bff392a6f 100644
--- a/packages/html/src/fab/templates/text-fab.tsx
+++ b/packages/html/src/fab/templates/text-fab.tsx
@@ -5,3 +5,5 @@ export const TextFloatingActionButton = (props) =>
         text="Create"
         {...props}
     />;
+
+export default TextFloatingActionButton;
diff --git a/packages/html/src/filemanager/templates/filemanager-grid-preview.tsx b/packages/html/src/filemanager/templates/filemanager-grid-preview.tsx
index bc2998c1f41..f81e0b3d138 100644
--- a/packages/html/src/filemanager/templates/filemanager-grid-preview.tsx
+++ b/packages/html/src/filemanager/templates/filemanager-grid-preview.tsx
@@ -113,3 +113,5 @@ export const FileManagerGridPreview = (props) => (
     {...props}>
     </FileManager>
 );
+
+export default FileManagerGridPreview;
diff --git a/packages/html/src/filemanager/templates/filemanager-grid.tsx b/packages/html/src/filemanager/templates/filemanager-grid.tsx
index 7721fda890e..e27ed917424 100644
--- a/packages/html/src/filemanager/templates/filemanager-grid.tsx
+++ b/packages/html/src/filemanager/templates/filemanager-grid.tsx
@@ -108,3 +108,5 @@ export const FileManagerGrid = (props) => (
     {...props}>
     </FileManager>
 );
+
+export default FileManagerGrid;
diff --git a/packages/html/src/filemanager/templates/filemanager-normal.tsx b/packages/html/src/filemanager/templates/filemanager-normal.tsx
index f60fcad0357..cbf3316204a 100644
--- a/packages/html/src/filemanager/templates/filemanager-normal.tsx
+++ b/packages/html/src/filemanager/templates/filemanager-normal.tsx
@@ -67,3 +67,5 @@ export const FileManagerNormal = (props) => (
     {...props}>
     </FileManager>
 );
+
+export default FileManagerNormal;
diff --git a/packages/html/src/filemanager/templates/filemanager-preview.tsx b/packages/html/src/filemanager/templates/filemanager-preview.tsx
index dbb93394810..3b28a4e89e5 100644
--- a/packages/html/src/filemanager/templates/filemanager-preview.tsx
+++ b/packages/html/src/filemanager/templates/filemanager-preview.tsx
@@ -72,3 +72,5 @@ export const FileManagerPreview = (props) => (
     {...props}>
     </FileManager>
 );
+
+export default FileManagerPreview;
diff --git a/packages/html/src/filter/templates/filter-normal.tsx b/packages/html/src/filter/templates/filter-normal.tsx
index 3babeab86c0..569118ed2a0 100644
--- a/packages/html/src/filter/templates/filter-normal.tsx
+++ b/packages/html/src/filter/templates/filter-normal.tsx
@@ -76,3 +76,5 @@ export const FilterNormal = (props) => (
     >
     </Filter>
 );
+
+export default FilterNormal;
diff --git a/packages/html/src/filter/templates/filter-preview.tsx b/packages/html/src/filter/templates/filter-preview.tsx
index 030790c97a8..9520aa20afe 100644
--- a/packages/html/src/filter/templates/filter-preview.tsx
+++ b/packages/html/src/filter/templates/filter-preview.tsx
@@ -94,3 +94,5 @@ export const FilterWithPreview = (props) => (
     >
     </Filter>
 );
+
+export default FilterWithPreview;
diff --git a/packages/html/src/floating-label/templates/floating-label-input-value.tsx b/packages/html/src/floating-label/templates/floating-label-input-value.tsx
index 32bace08b13..e90f7be3f01 100644
--- a/packages/html/src/floating-label/templates/floating-label-input-value.tsx
+++ b/packages/html/src/floating-label/templates/floating-label-input-value.tsx
@@ -11,3 +11,5 @@ export const FloatingLabelInputValue = (props) => (
     >
     </FloatingLabel>
 );
+
+export default FloatingLabelInputValue;
diff --git a/packages/html/src/floating-label/templates/floating-label-normal.tsx b/packages/html/src/floating-label/templates/floating-label-normal.tsx
index 0168405b6bd..18fe54675a4 100644
--- a/packages/html/src/floating-label/templates/floating-label-normal.tsx
+++ b/packages/html/src/floating-label/templates/floating-label-normal.tsx
@@ -12,3 +12,5 @@ export const FloatingLabelNormal = (props) => (
     >
     </FloatingLabel>
 );
+
+export default FloatingLabelNormal;
diff --git a/packages/html/src/form/templates/form-horizontal.tsx b/packages/html/src/form/templates/form-horizontal.tsx
index 77855ff8935..ff8e5a6a63f 100644
--- a/packages/html/src/form/templates/form-horizontal.tsx
+++ b/packages/html/src/form/templates/form-horizontal.tsx
@@ -46,3 +46,5 @@ export const FormHorizontal = ({ size, ...other }: any) => (
         {...other}>
     </Form>
 );
+
+export default FormHorizontal;
diff --git a/packages/html/src/form/templates/form-normal.tsx b/packages/html/src/form/templates/form-normal.tsx
index 9f0c6c84ab3..2e7562f478e 100644
--- a/packages/html/src/form/templates/form-normal.tsx
+++ b/packages/html/src/form/templates/form-normal.tsx
@@ -45,3 +45,5 @@ export const FormNormal = ({ size, ...other }: any) => (
         {...other}>
     </Form>
 );
+
+export default FormNormal;
diff --git a/packages/html/src/gantt/templates/gantt-normal.tsx b/packages/html/src/gantt/templates/gantt-normal.tsx
index a7181fa8728..5a9603864d3 100644
--- a/packages/html/src/gantt/templates/gantt-normal.tsx
+++ b/packages/html/src/gantt/templates/gantt-normal.tsx
@@ -796,3 +796,5 @@ export const GanttNormal = ({ flexBasis = "30%", gridContentHeight = "530px", ta
         </GanttContent>
     </Gantt>
 );
+
+export default GanttNormal;
diff --git a/packages/html/src/gantt/templates/gantt-row-reordering.tsx b/packages/html/src/gantt/templates/gantt-row-reordering.tsx
index 30f13817e57..8ea2bafcceb 100644
--- a/packages/html/src/gantt/templates/gantt-row-reordering.tsx
+++ b/packages/html/src/gantt/templates/gantt-row-reordering.tsx
@@ -822,3 +822,5 @@ export const GanttRowReordering = ({ flexBasis = "30%", gridContentHeight = "530
         </GanttContent>
     </Gantt>
 );
+
+export default GanttRowReordering;
diff --git a/packages/html/src/grid/templates/grid-hierarchy.tsx b/packages/html/src/grid/templates/grid-hierarchy.tsx
index f686acf2074..4323177f144 100644
--- a/packages/html/src/grid/templates/grid-hierarchy.tsx
+++ b/packages/html/src/grid/templates/grid-hierarchy.tsx
@@ -114,3 +114,5 @@ export const GridHierarchy = ({ containerClassName, ...other }: any) => (
         {...other}>
     </Grid>
 );
+
+export default GridHierarchy;
diff --git a/packages/html/src/grid/templates/grid-normal.tsx b/packages/html/src/grid/templates/grid-normal.tsx
index da279ded69f..62a76ba3a0c 100644
--- a/packages/html/src/grid/templates/grid-normal.tsx
+++ b/packages/html/src/grid/templates/grid-normal.tsx
@@ -78,3 +78,5 @@ export const GridNormal = ({ contentClassName, ...other }: any) => (
         {...other}>
     </Grid>
 );
+
+export default GridNormal;
diff --git a/packages/html/src/grid/templates/grid-with-column-menu.tsx b/packages/html/src/grid/templates/grid-with-column-menu.tsx
index a2fc5abe2c7..4179dc5c218 100644
--- a/packages/html/src/grid/templates/grid-with-column-menu.tsx
+++ b/packages/html/src/grid/templates/grid-with-column-menu.tsx
@@ -67,3 +67,5 @@ export const GridWithColumnMenu = ({ contentClassName, sortable, resizable, ...o
         {...other}>
     </Grid>
 );
+
+export default GridWithColumnMenu;
diff --git a/packages/html/src/grid/templates/grid-with-edit-row.tsx b/packages/html/src/grid/templates/grid-with-edit-row.tsx
index 13414784223..8dcca225bce 100644
--- a/packages/html/src/grid/templates/grid-with-edit-row.tsx
+++ b/packages/html/src/grid/templates/grid-with-edit-row.tsx
@@ -80,3 +80,5 @@ export const GridWithEditRow = (props) => (
         {...props}>
     </Grid>
 );
+
+export default GridWithEditRow;
diff --git a/packages/html/src/grid/templates/grid-with-filter-menu.tsx b/packages/html/src/grid/templates/grid-with-filter-menu.tsx
index 528ccf390bf..62686e1c4ae 100644
--- a/packages/html/src/grid/templates/grid-with-filter-menu.tsx
+++ b/packages/html/src/grid/templates/grid-with-filter-menu.tsx
@@ -67,3 +67,5 @@ export const GridWithFilterMenu = ({ contentClassName, sortable, resizable, ...o
         {...other}>
     </Grid>
 );
+
+export default GridWithFilterMenu;
diff --git a/packages/html/src/grid/templates/grid-with-filter-row.tsx b/packages/html/src/grid/templates/grid-with-filter-row.tsx
index ca96e328d3c..afc134de6bc 100644
--- a/packages/html/src/grid/templates/grid-with-filter-row.tsx
+++ b/packages/html/src/grid/templates/grid-with-filter-row.tsx
@@ -147,3 +147,5 @@ export const GridWithFilterRow = ({ contentClassName, ...other }: any) => (
         {...other}
     ></Grid>
 );
+
+export default GridWithFilterRow;
diff --git a/packages/html/src/grid/templates/grid-with-grouping.tsx b/packages/html/src/grid/templates/grid-with-grouping.tsx
index e0bfcaf35c1..02421445402 100644
--- a/packages/html/src/grid/templates/grid-with-grouping.tsx
+++ b/packages/html/src/grid/templates/grid-with-grouping.tsx
@@ -93,3 +93,5 @@ export const GridWithGrouping = ({ contentClassName, ...other }: any) => (
         {...other} >
     </Grid>
 );
+
+export default GridWithGrouping;
diff --git a/packages/html/src/grid/templates/grid-with-locked-columns.tsx b/packages/html/src/grid/templates/grid-with-locked-columns.tsx
index c93ccfa34d0..0b884926b49 100644
--- a/packages/html/src/grid/templates/grid-with-locked-columns.tsx
+++ b/packages/html/src/grid/templates/grid-with-locked-columns.tsx
@@ -141,3 +141,5 @@ export const GridWithLockedColumns = ({ className, headerWrapClassName, contentC
         {...other}>
     </Grid>
 );
+
+export default GridWithLockedColumns;
diff --git a/packages/html/src/grid/templates/grid-with-multicolumn-headers.tsx b/packages/html/src/grid/templates/grid-with-multicolumn-headers.tsx
index 440ed4984a5..b4260f2dd4f 100644
--- a/packages/html/src/grid/templates/grid-with-multicolumn-headers.tsx
+++ b/packages/html/src/grid/templates/grid-with-multicolumn-headers.tsx
@@ -80,3 +80,5 @@ export const GridWithMultiColumnHeaders = ({ headerWrapClassName, contentClassNa
         {...other}>
     </Grid>
 );
+
+export default GridWithMultiColumnHeaders;
diff --git a/packages/html/src/grid/templates/grid-with-row-reordering.tsx b/packages/html/src/grid/templates/grid-with-row-reordering.tsx
index cfe47be4fd7..82f167d9041 100644
--- a/packages/html/src/grid/templates/grid-with-row-reordering.tsx
+++ b/packages/html/src/grid/templates/grid-with-row-reordering.tsx
@@ -81,3 +81,5 @@ export const GridWithRowReordering = ({ contentClassName, ...other }: any) => (
 
     </Grid>
 );
+
+export default GridWithRowReordering;
diff --git a/packages/html/src/grid/templates/grid-with-selection-aggregates.tsx b/packages/html/src/grid/templates/grid-with-selection-aggregates.tsx
index 17a0b525ea4..7085439b913 100644
--- a/packages/html/src/grid/templates/grid-with-selection-aggregates.tsx
+++ b/packages/html/src/grid/templates/grid-with-selection-aggregates.tsx
@@ -106,3 +106,5 @@ export const GridWithSelectionAggregates = ({ aggregated = false, contentClassNa
 
     </Grid>
 );
+
+export default GridWithSelectionAggregates;
diff --git a/packages/html/src/grid/templates/grid-with-sticky-columns.tsx b/packages/html/src/grid/templates/grid-with-sticky-columns.tsx
index 100843e556c..9a47ae57ee6 100644
--- a/packages/html/src/grid/templates/grid-with-sticky-columns.tsx
+++ b/packages/html/src/grid/templates/grid-with-sticky-columns.tsx
@@ -120,3 +120,5 @@ export const GridWithStickyColumns = ({ contentClassName, ...other }: any) => (
         {...other}>
     </Grid>
 );
+
+export default GridWithStickyColumns;
diff --git a/packages/html/src/imageeditor/templates/imageeditor-crop.tsx b/packages/html/src/imageeditor/templates/imageeditor-crop.tsx
index 4ec2e2279ed..b3d1582d289 100644
--- a/packages/html/src/imageeditor/templates/imageeditor-crop.tsx
+++ b/packages/html/src/imageeditor/templates/imageeditor-crop.tsx
@@ -84,3 +84,5 @@ export const ImageEditorCrop = (props: any) => (
         }
         {...props} />
 );
+
+export default ImageEditorCrop;
diff --git a/packages/html/src/imageeditor/templates/imageeditor-normal.tsx b/packages/html/src/imageeditor/templates/imageeditor-normal.tsx
index 9fbe73e4d25..b753cae0019 100644
--- a/packages/html/src/imageeditor/templates/imageeditor-normal.tsx
+++ b/packages/html/src/imageeditor/templates/imageeditor-normal.tsx
@@ -3,3 +3,5 @@ import { ImageEditor } from "..";
 export const ImageEditorNormal = (props: any) => (
     <ImageEditor {...props} />
 );
+
+export default ImageEditorNormal;
diff --git a/packages/html/src/imageeditor/templates/imageeditor-resize.tsx b/packages/html/src/imageeditor/templates/imageeditor-resize.tsx
index 09d4b90966c..8ef24602090 100644
--- a/packages/html/src/imageeditor/templates/imageeditor-resize.tsx
+++ b/packages/html/src/imageeditor/templates/imageeditor-resize.tsx
@@ -65,3 +65,5 @@ export const ImageEditorResize = (props: any) => (
         }
         {...props} />
 );
+
+export default ImageEditorResize;
diff --git a/packages/html/src/layout/templates/grid-layout-normal.tsx b/packages/html/src/layout/templates/grid-layout-normal.tsx
index 84989d305de..86bc4911d8f 100644
--- a/packages/html/src/layout/templates/grid-layout-normal.tsx
+++ b/packages/html/src/layout/templates/grid-layout-normal.tsx
@@ -16,3 +16,5 @@ export const GridLayoutNormal = ({ alignItems = "start", justifyItems = "start",
         }
         {...other} />
 );
+
+export default GridLayoutNormal;
diff --git a/packages/html/src/layout/templates/stack-layout-normal.tsx b/packages/html/src/layout/templates/stack-layout-normal.tsx
index cda1853ead2..7e1c6fe19b2 100644
--- a/packages/html/src/layout/templates/stack-layout-normal.tsx
+++ b/packages/html/src/layout/templates/stack-layout-normal.tsx
@@ -13,3 +13,5 @@ export const StackLayoutNormal = ({ alignItems = "start", justifyContent = "star
         }
         {...other} />
 );
+
+export default StackLayoutNormal;
diff --git a/packages/html/src/layout/templates/stack-layout-vertical.tsx b/packages/html/src/layout/templates/stack-layout-vertical.tsx
index f641a3a2aef..9f30920fcb5 100644
--- a/packages/html/src/layout/templates/stack-layout-vertical.tsx
+++ b/packages/html/src/layout/templates/stack-layout-vertical.tsx
@@ -13,3 +13,5 @@ export const StackLayoutVertical = ({ alignItems = "start", justifyContent = "st
         }
         {...other} />
 );
+
+export default StackLayoutVertical;
diff --git a/packages/html/src/list/templates/list-grouping-angular.tsx b/packages/html/src/list/templates/list-grouping-angular.tsx
index 2685eb7eecc..dbdc83f5b48 100644
--- a/packages/html/src/list/templates/list-grouping-angular.tsx
+++ b/packages/html/src/list/templates/list-grouping-angular.tsx
@@ -13,4 +13,6 @@ export const AngularListWithGrouping = (props) => (
             <ListItem>List item 2.3</ListItem>
         </ListGroup>
     </ListAngular>
-);
\ No newline at end of file
+);
+
+export default AngularListWithGrouping;
diff --git a/packages/html/src/list/templates/list-grouping.tsx b/packages/html/src/list/templates/list-grouping.tsx
index f24e3cfdac0..9e32438efe0 100644
--- a/packages/html/src/list/templates/list-grouping.tsx
+++ b/packages/html/src/list/templates/list-grouping.tsx
@@ -13,4 +13,6 @@ export const ListWithGrouping = (props) => (
             <ListItem>List item 2.3</ListItem>
         </ListGroup>
     </List>
-);
\ No newline at end of file
+);
+
+export default ListWithGrouping;
diff --git a/packages/html/src/list/templates/list-normal.tsx b/packages/html/src/list/templates/list-normal.tsx
index 19741f6224c..d6a83fd8e0a 100644
--- a/packages/html/src/list/templates/list-normal.tsx
+++ b/packages/html/src/list/templates/list-normal.tsx
@@ -10,3 +10,5 @@ export const ListNormal = (props) => (
         {...props}
     />
 );
+
+export default ListNormal;
diff --git a/packages/html/src/list/templates/list-virtualization-angular.tsx b/packages/html/src/list/templates/list-virtualization-angular.tsx
index ded588a79b4..6811500c1c8 100644
--- a/packages/html/src/list/templates/list-virtualization-angular.tsx
+++ b/packages/html/src/list/templates/list-virtualization-angular.tsx
@@ -1,3 +1,5 @@
 import { ListAngular } from "../../list";
 
 export const AngularListVirtualization = (props) => <ListAngular virtualization {...props} />;
+
+export default AngularListVirtualization;
diff --git a/packages/html/src/list/templates/list-virtualization.tsx b/packages/html/src/list/templates/list-virtualization.tsx
index db7592adb14..da7216db2e5 100644
--- a/packages/html/src/list/templates/list-virtualization.tsx
+++ b/packages/html/src/list/templates/list-virtualization.tsx
@@ -1,3 +1,5 @@
 import { List } from "../../list";
 
 export const ListVirtualization = (props) => <List virtualization {...props} />;
+
+export default ListVirtualization;
diff --git a/packages/html/src/list/templates/list-virualization-grouping-angular.tsx b/packages/html/src/list/templates/list-virualization-grouping-angular.tsx
index 3f76c7ea7bf..5ad2e8d8d08 100644
--- a/packages/html/src/list/templates/list-virualization-grouping-angular.tsx
+++ b/packages/html/src/list/templates/list-virualization-grouping-angular.tsx
@@ -15,4 +15,6 @@ export const AngularVirtualListWithGrouping = (props) => (
             <ListItem>List item 2.3</ListItem>
         </ListGroup>
     </ListAngular>
-);
\ No newline at end of file
+);
+
+export default AngularVirtualListWithGrouping;
diff --git a/packages/html/src/list/templates/list-virualization-grouping.tsx b/packages/html/src/list/templates/list-virualization-grouping.tsx
index eb8eea18c7a..12ff46cff42 100644
--- a/packages/html/src/list/templates/list-virualization-grouping.tsx
+++ b/packages/html/src/list/templates/list-virualization-grouping.tsx
@@ -15,4 +15,6 @@ export const VirtualListWithGrouping = (props) => (
             <ListItem>List item 2.3</ListItem>
         </ListGroup>
     </List>
-);
\ No newline at end of file
+);
+
+export default VirtualListWithGrouping;
diff --git a/packages/html/src/listbox/templates/listbox-normal.tsx b/packages/html/src/listbox/templates/listbox-normal.tsx
index b1393fdaa4b..4e1b2960ec4 100644
--- a/packages/html/src/listbox/templates/listbox-normal.tsx
+++ b/packages/html/src/listbox/templates/listbox-normal.tsx
@@ -17,3 +17,5 @@ export const ListBoxNormal = (props) => (
         {...props}
     />
 );
+
+export default ListBoxNormal;
diff --git a/packages/html/src/listgroup/templates/listgroup-normal.tsx b/packages/html/src/listgroup/templates/listgroup-normal.tsx
index 28bedaa852f..c362deec36b 100644
--- a/packages/html/src/listgroup/templates/listgroup-normal.tsx
+++ b/packages/html/src/listgroup/templates/listgroup-normal.tsx
@@ -10,3 +10,5 @@ export const ListGroupNormal = (props) => (
         {...props}
     />
 );
+
+export default ListGroupNormal;
diff --git a/packages/html/src/listview/templates/listview-normal.tsx b/packages/html/src/listview/templates/listview-normal.tsx
index 9a0fdf47e05..6f880591e3b 100644
--- a/packages/html/src/listview/templates/listview-normal.tsx
+++ b/packages/html/src/listview/templates/listview-normal.tsx
@@ -11,3 +11,5 @@ export const ListViewNormal = (props) => (
     {...props}>
     </ListView>
 );
+
+export default ListViewNormal;
diff --git a/packages/html/src/loader/templates/loader-container-normal.tsx b/packages/html/src/loader/templates/loader-container-normal.tsx
index 42dc533d360..63da2098603 100644
--- a/packages/html/src/loader/templates/loader-container-normal.tsx
+++ b/packages/html/src/loader/templates/loader-container-normal.tsx
@@ -3,3 +3,5 @@ import { LoaderContainer } from "..";
 export const LoaderContainerNormal = (props) => (
     <LoaderContainer {...props} />
 );
+
+export default LoaderContainerNormal;
diff --git a/packages/html/src/loader/templates/loader-converging.tsx b/packages/html/src/loader/templates/loader-converging.tsx
index 3312bb033d4..965551b33f7 100644
--- a/packages/html/src/loader/templates/loader-converging.tsx
+++ b/packages/html/src/loader/templates/loader-converging.tsx
@@ -3,3 +3,5 @@ import { Loader } from "..";
 export const LoaderConverging = (props) => (
     <Loader animation="converging-spinner" {...props} />
 );
+
+export default LoaderConverging;
diff --git a/packages/html/src/loader/templates/loader-infinite.tsx b/packages/html/src/loader/templates/loader-infinite.tsx
index 48b9ccb1e61..d70be232518 100644
--- a/packages/html/src/loader/templates/loader-infinite.tsx
+++ b/packages/html/src/loader/templates/loader-infinite.tsx
@@ -3,3 +3,5 @@ import { Loader } from "..";
 export const LoaderInfinite = (props) => (
     <Loader animation="infinite-spinner" {...props} />
 );
+
+export default LoaderInfinite;
diff --git a/packages/html/src/loader/templates/loader-normal.tsx b/packages/html/src/loader/templates/loader-normal.tsx
index 0d105739030..0e5190b804b 100644
--- a/packages/html/src/loader/templates/loader-normal.tsx
+++ b/packages/html/src/loader/templates/loader-normal.tsx
@@ -3,3 +3,5 @@ import { Loader } from "..";
 export const LoaderNormal = (props) => (
     <Loader {...props} />
 );
+
+export default LoaderNormal;
diff --git a/packages/html/src/map/templates/map-normal.tsx b/packages/html/src/map/templates/map-normal.tsx
index ac50d6f4c73..b64d062c2d9 100644
--- a/packages/html/src/map/templates/map-normal.tsx
+++ b/packages/html/src/map/templates/map-normal.tsx
@@ -1,3 +1,5 @@
 import { Map } from "..";
 
 export const MapNormal = (props) => <Map {...props} />;
+
+export default MapNormal;
diff --git a/packages/html/src/maskedtextbox/templates/maskedtextbox-normal.tsx b/packages/html/src/maskedtextbox/templates/maskedtextbox-normal.tsx
index d2daeb1228a..34ad931dbc6 100644
--- a/packages/html/src/maskedtextbox/templates/maskedtextbox-normal.tsx
+++ b/packages/html/src/maskedtextbox/templates/maskedtextbox-normal.tsx
@@ -1,3 +1,5 @@
 import MaskedTextbox from "../maskedtextbox.spec";
 
-export const MaskedTextboxNormal = (props) => <MaskedTextbox {...props} />;
\ No newline at end of file
+export const MaskedTextboxNormal = (props) => <MaskedTextbox {...props} />;
+
+export default MaskedTextboxNormal;
diff --git a/packages/html/src/maskedtextbox/templates/maskedtextbox-prefix.tsx b/packages/html/src/maskedtextbox/templates/maskedtextbox-prefix.tsx
index ea8f4ff6d17..99216bc5b5a 100644
--- a/packages/html/src/maskedtextbox/templates/maskedtextbox-prefix.tsx
+++ b/packages/html/src/maskedtextbox/templates/maskedtextbox-prefix.tsx
@@ -11,3 +11,5 @@ export const MaskedTextboxPrefix = (props) => (
         {...props}
     />
 );
+
+export default MaskedTextboxPrefix;
diff --git a/packages/html/src/maskedtextbox/templates/maskedtextbox-suffix.tsx b/packages/html/src/maskedtextbox/templates/maskedtextbox-suffix.tsx
index 91b90783a01..51b52b50333 100644
--- a/packages/html/src/maskedtextbox/templates/maskedtextbox-suffix.tsx
+++ b/packages/html/src/maskedtextbox/templates/maskedtextbox-suffix.tsx
@@ -11,3 +11,5 @@ export const MaskedTextboxSuffix = (props) => (
         {...props}
     />
 );
+
+export default MaskedTextboxSuffix;
diff --git a/packages/html/src/mediaplayer/templates/mediaplayer-normal.tsx b/packages/html/src/mediaplayer/templates/mediaplayer-normal.tsx
index c2210d7958e..51d6443526f 100644
--- a/packages/html/src/mediaplayer/templates/mediaplayer-normal.tsx
+++ b/packages/html/src/mediaplayer/templates/mediaplayer-normal.tsx
@@ -1,3 +1,5 @@
 import { MediaPlayer } from "..";
 
 export const MediaPlayerNormal = (props) => <MediaPlayer {...props} />;
+
+export default MediaPlayerNormal;
diff --git a/packages/html/src/menu-button/templates/icon-menu-button.tsx b/packages/html/src/menu-button/templates/icon-menu-button.tsx
index 4c1209c7e27..3b8ad2ce072 100644
--- a/packages/html/src/menu-button/templates/icon-menu-button.tsx
+++ b/packages/html/src/menu-button/templates/icon-menu-button.tsx
@@ -1,3 +1,5 @@
 import MenuButton from "../menu-button.spec";
 
 export const IconMenuButton = (props) => <MenuButton icon="save" {...props} children={undefined} />;
+
+export default IconMenuButton;
diff --git a/packages/html/src/menu-button/templates/icon-text-menu-button.tsx b/packages/html/src/menu-button/templates/icon-text-menu-button.tsx
index 27e953ee93c..5828b3be3dd 100644
--- a/packages/html/src/menu-button/templates/icon-text-menu-button.tsx
+++ b/packages/html/src/menu-button/templates/icon-text-menu-button.tsx
@@ -1,3 +1,5 @@
 import MenuButton from "../menu-button.spec";
 
 export const IconTextMenuButton = (props) => <MenuButton icon="save" children="button" {...props} />;
+
+export default IconTextMenuButton;
diff --git a/packages/html/src/menu-button/templates/menu-button-popup.tsx b/packages/html/src/menu-button/templates/menu-button-popup.tsx
index c9e1c4f8303..366c86df4d5 100644
--- a/packages/html/src/menu-button/templates/menu-button-popup.tsx
+++ b/packages/html/src/menu-button/templates/menu-button-popup.tsx
@@ -15,3 +15,5 @@ export const MenuButtonPopup = (props) => (
         {...props}
     />
 );
+
+export default MenuButtonPopup;
diff --git a/packages/html/src/menu-button/templates/text-menu-button.tsx b/packages/html/src/menu-button/templates/text-menu-button.tsx
index 5dd92918d1b..df68a71ad34 100644
--- a/packages/html/src/menu-button/templates/text-menu-button.tsx
+++ b/packages/html/src/menu-button/templates/text-menu-button.tsx
@@ -1,3 +1,5 @@
 import MenuButton from "../menu-button.spec";
 
 export const TextMenuButton = (props) => <MenuButton children="button" {...props} />;
+
+export default TextMenuButton;
diff --git a/packages/html/src/menu/templates/menu-normal.tsx b/packages/html/src/menu/templates/menu-normal.tsx
index f6e59c2bcc8..686475a7af4 100644
--- a/packages/html/src/menu/templates/menu-normal.tsx
+++ b/packages/html/src/menu/templates/menu-normal.tsx
@@ -13,3 +13,5 @@ export const MenuNormal = ({ ...other }: any) => (
     {...other}
     />
 );
+
+export default MenuNormal;
diff --git a/packages/html/src/menu/templates/menu-popup.tsx b/packages/html/src/menu/templates/menu-popup.tsx
index b6c1b6e4d95..219aa33cf27 100644
--- a/packages/html/src/menu/templates/menu-popup.tsx
+++ b/packages/html/src/menu/templates/menu-popup.tsx
@@ -26,3 +26,5 @@ export const MenuPopup = ({ ...other }: any) => (
     {...other}
     />
 );
+
+export default MenuPopup;
diff --git a/packages/html/src/menu/templates/menu-scrollable.tsx b/packages/html/src/menu/templates/menu-scrollable.tsx
index 9f230a6dd1b..3ece954ff30 100644
--- a/packages/html/src/menu/templates/menu-scrollable.tsx
+++ b/packages/html/src/menu/templates/menu-scrollable.tsx
@@ -16,3 +16,5 @@ export const MenuScrollable = ({ wrapperStyles, ...other }: any) => (
         <Button icon="caret-alt-right" className="k-menu-scroll-button k-scroll-right"></Button>
     </div>
 );
+
+export default MenuScrollable;
diff --git a/packages/html/src/menu/templates/menu-vertical-scrollable.tsx b/packages/html/src/menu/templates/menu-vertical-scrollable.tsx
index 95c647af8a2..8ed94bdf983 100644
--- a/packages/html/src/menu/templates/menu-vertical-scrollable.tsx
+++ b/packages/html/src/menu/templates/menu-vertical-scrollable.tsx
@@ -16,3 +16,5 @@ export const MenuVerticalScrollable = ({ wrapperStyles, ...other }: any) => (
         <Button icon="caret-alt-down" className="k-menu-scroll-button k-scroll-down"></Button>
     </div>
 );
+
+export default MenuVerticalScrollable;
diff --git a/packages/html/src/menu/templates/menu-vertical.tsx b/packages/html/src/menu/templates/menu-vertical.tsx
index fd0c2cdfebf..d79aeaaf0b8 100644
--- a/packages/html/src/menu/templates/menu-vertical.tsx
+++ b/packages/html/src/menu/templates/menu-vertical.tsx
@@ -13,3 +13,5 @@ export const MenuVertical = ({ ...other }: any) => (
     {...other}
     />
 );
+
+export default MenuVertical;
diff --git a/packages/html/src/multiselect/templates/multiselect-adaptive.tsx b/packages/html/src/multiselect/templates/multiselect-adaptive.tsx
index caa24c6e301..d8984e17df7 100644
--- a/packages/html/src/multiselect/templates/multiselect-adaptive.tsx
+++ b/packages/html/src/multiselect/templates/multiselect-adaptive.tsx
@@ -6,3 +6,5 @@ export const MultiSelectAdaptive = (props) => (
         {...props}
     />
 );
+
+export default MultiSelectAdaptive;
diff --git a/packages/html/src/multiselect/templates/multiselect-arrow-button.tsx b/packages/html/src/multiselect/templates/multiselect-arrow-button.tsx
index 755b2b77367..b48439d989b 100644
--- a/packages/html/src/multiselect/templates/multiselect-arrow-button.tsx
+++ b/packages/html/src/multiselect/templates/multiselect-arrow-button.tsx
@@ -1,3 +1,5 @@
 import MultiSelect from "../multiselect.spec";
 
-export const MultiSelectArrowButton = (props) => <MultiSelect {...props} showArrowButton />;
\ No newline at end of file
+export const MultiSelectArrowButton = (props) => <MultiSelect {...props} showArrowButton />;
+
+export default MultiSelectArrowButton;
diff --git a/packages/html/src/multiselect/templates/multiselect-grouping-modern.tsx b/packages/html/src/multiselect/templates/multiselect-grouping-modern.tsx
index a38c3ad9e30..02cd6f4d70f 100644
--- a/packages/html/src/multiselect/templates/multiselect-grouping-modern.tsx
+++ b/packages/html/src/multiselect/templates/multiselect-grouping-modern.tsx
@@ -22,3 +22,5 @@ export const MultiSelectGroupingModern = (props) => (
         {...props}
     />
 );
+
+export default MultiSelectGroupingModern;
diff --git a/packages/html/src/multiselect/templates/multiselect-grouping.tsx b/packages/html/src/multiselect/templates/multiselect-grouping.tsx
index 60faf64b6d4..bcbfbd5ab5c 100644
--- a/packages/html/src/multiselect/templates/multiselect-grouping.tsx
+++ b/packages/html/src/multiselect/templates/multiselect-grouping.tsx
@@ -21,3 +21,5 @@ export const MultiSelectGrouping = (props) => (
         {...props}
     />
 );
+
+export default MultiSelectGrouping;
diff --git a/packages/html/src/multiselect/templates/multiselect-normal.tsx b/packages/html/src/multiselect/templates/multiselect-normal.tsx
index 4aac3959122..f8837d0723d 100644
--- a/packages/html/src/multiselect/templates/multiselect-normal.tsx
+++ b/packages/html/src/multiselect/templates/multiselect-normal.tsx
@@ -1,3 +1,5 @@
 import MultiSelect from "../multiselect.spec";
 
-export const MultiSelectNormal = (props) => <MultiSelect {...props} />;
\ No newline at end of file
+export const MultiSelectNormal = (props) => <MultiSelect {...props} />;
+
+export default MultiSelectNormal;
diff --git a/packages/html/src/multiselect/templates/multiselect-popup.tsx b/packages/html/src/multiselect/templates/multiselect-popup.tsx
index 20df7781a5f..a553d37d64b 100644
--- a/packages/html/src/multiselect/templates/multiselect-popup.tsx
+++ b/packages/html/src/multiselect/templates/multiselect-popup.tsx
@@ -15,3 +15,5 @@ export const MultiSelectPopup = (props) => (
         {...props}
     />
 );
+
+export default MultiSelectPopup;
diff --git a/packages/html/src/multiselect/templates/multiselect-prefix.tsx b/packages/html/src/multiselect/templates/multiselect-prefix.tsx
index 8ff934add20..b285b694997 100644
--- a/packages/html/src/multiselect/templates/multiselect-prefix.tsx
+++ b/packages/html/src/multiselect/templates/multiselect-prefix.tsx
@@ -17,3 +17,5 @@ export const MultiSelectPrefix = (props) => (
         {...props}
     />
 );
+
+export default MultiSelectPrefix;
diff --git a/packages/html/src/multiselect/templates/multiselect-suffix.tsx b/packages/html/src/multiselect/templates/multiselect-suffix.tsx
index fdd22604ba3..a15e09d5cc1 100644
--- a/packages/html/src/multiselect/templates/multiselect-suffix.tsx
+++ b/packages/html/src/multiselect/templates/multiselect-suffix.tsx
@@ -16,3 +16,5 @@ export const MultiSelectSuffix = (props) => (
         {...props}
     />
 );
+
+export default MultiSelectSuffix;
diff --git a/packages/html/src/multiselect/templates/multiselect-value.tsx b/packages/html/src/multiselect/templates/multiselect-value.tsx
index b9ccbbbd954..c3d4ec40785 100644
--- a/packages/html/src/multiselect/templates/multiselect-value.tsx
+++ b/packages/html/src/multiselect/templates/multiselect-value.tsx
@@ -9,4 +9,6 @@ export const MultiSelectValue = ({ size, rounded, children, ...other }: any) =>
         {...other}
         />
     </>
-);
\ No newline at end of file
+);
+
+export default MultiSelectValue;
diff --git a/packages/html/src/multiselecttree/templates/multiselecttree-adaptive.tsx b/packages/html/src/multiselecttree/templates/multiselecttree-adaptive.tsx
index 34c8c18588c..1ca68ae40d7 100644
--- a/packages/html/src/multiselecttree/templates/multiselecttree-adaptive.tsx
+++ b/packages/html/src/multiselecttree/templates/multiselecttree-adaptive.tsx
@@ -6,3 +6,5 @@ export const MultiSelectTreeAdaptive = (props) => (
         {...props}
     />
 );
+
+export default MultiSelectTreeAdaptive;
diff --git a/packages/html/src/multiselecttree/templates/multiselecttree-arrow-button.tsx b/packages/html/src/multiselecttree/templates/multiselecttree-arrow-button.tsx
index 15a80cd07df..f77bfd0b967 100644
--- a/packages/html/src/multiselecttree/templates/multiselecttree-arrow-button.tsx
+++ b/packages/html/src/multiselecttree/templates/multiselecttree-arrow-button.tsx
@@ -6,3 +6,5 @@ export const MultiSelectTreeArrowButton = (props) => (
         {...props}
     />
 );
+
+export default MultiSelectTreeArrowButton;
diff --git a/packages/html/src/multiselecttree/templates/multiselecttree-filtering.tsx b/packages/html/src/multiselecttree/templates/multiselecttree-filtering.tsx
index 9bb7c739aa7..10a3c06dd99 100644
--- a/packages/html/src/multiselecttree/templates/multiselecttree-filtering.tsx
+++ b/packages/html/src/multiselecttree/templates/multiselecttree-filtering.tsx
@@ -45,3 +45,5 @@ export const MultiSelectTreeFiltering = (props) => (
         {...props}
     />
 );
+
+export default MultiSelectTreeFiltering;
diff --git a/packages/html/src/multiselecttree/templates/multiselecttree-normal.tsx b/packages/html/src/multiselecttree/templates/multiselecttree-normal.tsx
index 9959fe9c718..5a27bb56e3b 100644
--- a/packages/html/src/multiselecttree/templates/multiselecttree-normal.tsx
+++ b/packages/html/src/multiselecttree/templates/multiselecttree-normal.tsx
@@ -1,3 +1,5 @@
 import MultiSelectTree from "../multiselecttree.spec";
 
 export const MultiSelectTreeNormal = (props) => <MultiSelectTree {...props} />;
+
+export default MultiSelectTreeNormal;
diff --git a/packages/html/src/multiselecttree/templates/multiselecttree-popup.tsx b/packages/html/src/multiselecttree/templates/multiselecttree-popup.tsx
index 7aad10bf73a..e2115b44f00 100644
--- a/packages/html/src/multiselecttree/templates/multiselecttree-popup.tsx
+++ b/packages/html/src/multiselecttree/templates/multiselecttree-popup.tsx
@@ -34,3 +34,5 @@ export const MultiSelectTreePopup = (props) => (
         {...props}
     />
 );
+
+export default MultiSelectTreePopup;
diff --git a/packages/html/src/multiselecttree/templates/multiselecttree-value.tsx b/packages/html/src/multiselecttree/templates/multiselecttree-value.tsx
index 9af57e310fc..1c66976fbbb 100644
--- a/packages/html/src/multiselecttree/templates/multiselecttree-value.tsx
+++ b/packages/html/src/multiselecttree/templates/multiselecttree-value.tsx
@@ -10,3 +10,5 @@ export const MultiSelectTreeValue = ({ size, rounded, children, ...other }: any)
         />
     </>
 );
+
+export default MultiSelectTreeValue;
diff --git a/packages/html/src/multiviewcalendar/templates/multiviewcalendar-century.tsx b/packages/html/src/multiviewcalendar/templates/multiviewcalendar-century.tsx
index 80eceaec99d..65f8b8778ad 100644
--- a/packages/html/src/multiviewcalendar/templates/multiviewcalendar-century.tsx
+++ b/packages/html/src/multiviewcalendar/templates/multiviewcalendar-century.tsx
@@ -51,3 +51,5 @@ export const MultiViewCalendarCentury = ({ showOtherCentury, ...props }: any) =>
         {...props}
     />
 );
+
+export default MultiViewCalendarCentury;
diff --git a/packages/html/src/multiviewcalendar/templates/multiviewcalendar-decade.tsx b/packages/html/src/multiviewcalendar/templates/multiviewcalendar-decade.tsx
index d43aa8593dc..a1533cd22f5 100644
--- a/packages/html/src/multiviewcalendar/templates/multiviewcalendar-decade.tsx
+++ b/packages/html/src/multiviewcalendar/templates/multiviewcalendar-decade.tsx
@@ -51,3 +51,5 @@ export const MultiViewCalendarDecade = ({ showOtherDecade, ...props }: any) => (
         {...props}
     />
 );
+
+export default MultiViewCalendarDecade;
diff --git a/packages/html/src/multiviewcalendar/templates/multiviewcalendar-normal.tsx b/packages/html/src/multiviewcalendar/templates/multiviewcalendar-normal.tsx
index 78a4f1a039a..8f5f23e6433 100644
--- a/packages/html/src/multiviewcalendar/templates/multiviewcalendar-normal.tsx
+++ b/packages/html/src/multiviewcalendar/templates/multiviewcalendar-normal.tsx
@@ -123,3 +123,5 @@ export const MultiViewCalendarNormal = ({ showCaptions, showOtherMonth, ...props
         {...props}
     />
 );
+
+export default MultiViewCalendarNormal;
diff --git a/packages/html/src/multiviewcalendar/templates/multiviewcalendar-with-weeks.tsx b/packages/html/src/multiviewcalendar/templates/multiviewcalendar-with-weeks.tsx
index 59467a75cd1..90663bd2826 100644
--- a/packages/html/src/multiviewcalendar/templates/multiviewcalendar-with-weeks.tsx
+++ b/packages/html/src/multiviewcalendar/templates/multiviewcalendar-with-weeks.tsx
@@ -135,3 +135,5 @@ export const MultiViewCalendarWithWeeks = ({ showOtherMonth, ...other }: any) =>
         {...other}
     />
 );
+
+export default MultiViewCalendarWithWeeks;
diff --git a/packages/html/src/multiviewcalendar/templates/multiviewcalendar-year.tsx b/packages/html/src/multiviewcalendar/templates/multiviewcalendar-year.tsx
index dbc81b13a09..89952daa787 100644
--- a/packages/html/src/multiviewcalendar/templates/multiviewcalendar-year.tsx
+++ b/packages/html/src/multiviewcalendar/templates/multiviewcalendar-year.tsx
@@ -51,3 +51,5 @@ export const MultiViewCalendarYear = (props: any) => (
         {...props}
     />
 );
+
+export default MultiViewCalendarYear;
diff --git a/packages/html/src/notification/templates/icon-notification-closable.tsx b/packages/html/src/notification/templates/icon-notification-closable.tsx
index 6876d71beaf..80b34a956f7 100644
--- a/packages/html/src/notification/templates/icon-notification-closable.tsx
+++ b/packages/html/src/notification/templates/icon-notification-closable.tsx
@@ -8,3 +8,5 @@ export const IconNotificationClosable = (props) => (
         actions={<NotificationAction type="close" />}
         {...props} />
 );
+
+export default IconNotificationClosable;
diff --git a/packages/html/src/notification/templates/icon-notification.tsx b/packages/html/src/notification/templates/icon-notification.tsx
index 0ec6b66d889..cc61739a4e7 100644
--- a/packages/html/src/notification/templates/icon-notification.tsx
+++ b/packages/html/src/notification/templates/icon-notification.tsx
@@ -7,3 +7,5 @@ export const IconNotification = (props) => (
         {...props}
     />
 );
+
+export default IconNotification;
diff --git a/packages/html/src/notification/templates/notification-closable.tsx b/packages/html/src/notification/templates/notification-closable.tsx
index f0108c063f1..4800e427dd4 100644
--- a/packages/html/src/notification/templates/notification-closable.tsx
+++ b/packages/html/src/notification/templates/notification-closable.tsx
@@ -7,3 +7,5 @@ export const NotificationClosable = (props) => (
         actions={<NotificationAction type="close" />}
         {...props} />
 );
+
+export default NotificationClosable;
diff --git a/packages/html/src/notification/templates/notification-normal.tsx b/packages/html/src/notification/templates/notification-normal.tsx
index 8a1f699eb49..b7e28f05810 100644
--- a/packages/html/src/notification/templates/notification-normal.tsx
+++ b/packages/html/src/notification/templates/notification-normal.tsx
@@ -6,3 +6,5 @@ export const NotificationNormal = (props) => (
         {...props}
     />
 );
+
+export default NotificationNormal;
diff --git a/packages/html/src/numerictextbox/templates/numerictextbox-normal.tsx b/packages/html/src/numerictextbox/templates/numerictextbox-normal.tsx
index 7a8394ac52f..64ada4a223a 100644
--- a/packages/html/src/numerictextbox/templates/numerictextbox-normal.tsx
+++ b/packages/html/src/numerictextbox/templates/numerictextbox-normal.tsx
@@ -1,3 +1,5 @@
 import NumericTextbox from "../numerictextbox.spec";
 
 export const NumericTextboxNormal = (props) => <NumericTextbox {...props} />;
+
+export default NumericTextboxNormal;
diff --git a/packages/html/src/numerictextbox/templates/numerictextbox-prefix.tsx b/packages/html/src/numerictextbox/templates/numerictextbox-prefix.tsx
index 876049781f4..46c3c84c6f6 100644
--- a/packages/html/src/numerictextbox/templates/numerictextbox-prefix.tsx
+++ b/packages/html/src/numerictextbox/templates/numerictextbox-prefix.tsx
@@ -11,3 +11,5 @@ export const NumericTextboxPrefix = (props) => (
         {...props}
     />
 );
+
+export default NumericTextboxPrefix;
diff --git a/packages/html/src/numerictextbox/templates/numerictextbox-suffix.tsx b/packages/html/src/numerictextbox/templates/numerictextbox-suffix.tsx
index b0ab1282bcb..4bd54ceeb84 100644
--- a/packages/html/src/numerictextbox/templates/numerictextbox-suffix.tsx
+++ b/packages/html/src/numerictextbox/templates/numerictextbox-suffix.tsx
@@ -11,3 +11,5 @@ export const NumericTextboxSuffix = (props) => (
         {...props}
     />
 );
+
+export default NumericTextboxSuffix;
diff --git a/packages/html/src/orgchart/templates/orgchart-group-normal.tsx b/packages/html/src/orgchart/templates/orgchart-group-normal.tsx
index 657567e96df..9e52a046e42 100644
--- a/packages/html/src/orgchart/templates/orgchart-group-normal.tsx
+++ b/packages/html/src/orgchart/templates/orgchart-group-normal.tsx
@@ -19,3 +19,5 @@ export const OrgchartGroupNormal = ({ details, orientation, justifyContent, ...o
         {...other}
     />
 );
+
+export default OrgchartGroupNormal;
diff --git a/packages/html/src/orgchart/templates/orgchart-group-vertical.tsx b/packages/html/src/orgchart/templates/orgchart-group-vertical.tsx
index 20860243640..ea0d3b41ef6 100644
--- a/packages/html/src/orgchart/templates/orgchart-group-vertical.tsx
+++ b/packages/html/src/orgchart/templates/orgchart-group-vertical.tsx
@@ -21,3 +21,5 @@ export const OrgchartGroupVertical = ({ details, orientation, justifyContent, ..
         {...other}
     />
 );
+
+export default OrgchartGroupVertical;
diff --git a/packages/html/src/orgchart/templates/orgchart-normal.tsx b/packages/html/src/orgchart/templates/orgchart-normal.tsx
index f2b54fd9aa3..cbc39cae071 100644
--- a/packages/html/src/orgchart/templates/orgchart-normal.tsx
+++ b/packages/html/src/orgchart/templates/orgchart-normal.tsx
@@ -14,3 +14,5 @@ export const OrgchartNormal = ({ details, justifyContent, ...other }: any) => (
         {...other}
     />
 );
+
+export default OrgchartNormal;
diff --git a/packages/html/src/orgchart/templates/orgchart-vertical.tsx b/packages/html/src/orgchart/templates/orgchart-vertical.tsx
index f538de3d3a3..58ac0e0fa31 100644
--- a/packages/html/src/orgchart/templates/orgchart-vertical.tsx
+++ b/packages/html/src/orgchart/templates/orgchart-vertical.tsx
@@ -15,3 +15,5 @@ export const OrgchartVertical = ({ details, justifyContent, ...other }: any) =>
         {...other}
     />
 );
+
+export default OrgchartVertical;
diff --git a/packages/html/src/pager/templates/pager-adaptive-input.tsx b/packages/html/src/pager/templates/pager-adaptive-input.tsx
index 0be5c79570a..ddc0eded4a7 100644
--- a/packages/html/src/pager/templates/pager-adaptive-input.tsx
+++ b/packages/html/src/pager/templates/pager-adaptive-input.tsx
@@ -7,3 +7,5 @@ export const PagerAdaptiveInput = (props) => (
         {...props}
     />
 );
+
+export default PagerAdaptiveInput;
diff --git a/packages/html/src/pager/templates/pager-adaptive.tsx b/packages/html/src/pager/templates/pager-adaptive.tsx
index 2cc281778ec..a722f9b6189 100644
--- a/packages/html/src/pager/templates/pager-adaptive.tsx
+++ b/packages/html/src/pager/templates/pager-adaptive.tsx
@@ -6,3 +6,5 @@ export const PagerAdaptive = (props) => (
         {...props}
     />
 );
+
+export default PagerAdaptive;
diff --git a/packages/html/src/pager/templates/pager-input.tsx b/packages/html/src/pager/templates/pager-input.tsx
index 676dac25435..004b1d9e84f 100644
--- a/packages/html/src/pager/templates/pager-input.tsx
+++ b/packages/html/src/pager/templates/pager-input.tsx
@@ -6,3 +6,5 @@ export const PagerInput = (props) => (
         {...props}
     />
 );
+
+export default PagerInput;
diff --git a/packages/html/src/pager/templates/pager-normal.tsx b/packages/html/src/pager/templates/pager-normal.tsx
index 9af13567102..ee34f374283 100644
--- a/packages/html/src/pager/templates/pager-normal.tsx
+++ b/packages/html/src/pager/templates/pager-normal.tsx
@@ -1,3 +1,5 @@
 import Pager from "../pager.spec";
 
 export const PagerNormal = (props) => <Pager {...props} />;
+
+export default PagerNormal;
diff --git a/packages/html/src/panelbar/templates/panelbar-expand-content.tsx b/packages/html/src/panelbar/templates/panelbar-expand-content.tsx
index 1bac6b1188a..5d3ba1b712e 100644
--- a/packages/html/src/panelbar/templates/panelbar-expand-content.tsx
+++ b/packages/html/src/panelbar/templates/panelbar-expand-content.tsx
@@ -21,3 +21,5 @@ export const PanelBarExpandContent = (props) => (
         {...props}
     />
 );
+
+export default PanelBarExpandContent;
diff --git a/packages/html/src/panelbar/templates/panelbar-expand-group.tsx b/packages/html/src/panelbar/templates/panelbar-expand-group.tsx
index bc3a8002bbc..9eb9084b5d4 100644
--- a/packages/html/src/panelbar/templates/panelbar-expand-group.tsx
+++ b/packages/html/src/panelbar/templates/panelbar-expand-group.tsx
@@ -31,3 +31,5 @@ export const PanelBarExpandGroup = (props) => (
         {...props}
     />
 );
+
+export default PanelBarExpandGroup;
diff --git a/packages/html/src/panelbar/templates/panelbar-normal.tsx b/packages/html/src/panelbar/templates/panelbar-normal.tsx
index 2848e9ee410..c3eb87e8646 100644
--- a/packages/html/src/panelbar/templates/panelbar-normal.tsx
+++ b/packages/html/src/panelbar/templates/panelbar-normal.tsx
@@ -19,3 +19,5 @@ export const PanelBarNormal = (props) => (
         {...props}
     />
 );
+
+export default PanelBarNormal;
diff --git a/packages/html/src/pdf-viewer/templates/pdf-viewer-blank.tsx b/packages/html/src/pdf-viewer/templates/pdf-viewer-blank.tsx
index b991184b1dd..6728b10200e 100644
--- a/packages/html/src/pdf-viewer/templates/pdf-viewer-blank.tsx
+++ b/packages/html/src/pdf-viewer/templates/pdf-viewer-blank.tsx
@@ -27,3 +27,5 @@ export const PDFViewerBlank = (props) => (
         {...props}
     />
 );
+
+export default PDFViewerBlank;
diff --git a/packages/html/src/pdf-viewer/templates/pdf-viewer-normal.tsx b/packages/html/src/pdf-viewer/templates/pdf-viewer-normal.tsx
index 9455255a722..7a726f9016a 100644
--- a/packages/html/src/pdf-viewer/templates/pdf-viewer-normal.tsx
+++ b/packages/html/src/pdf-viewer/templates/pdf-viewer-normal.tsx
@@ -11,3 +11,5 @@ export const PDFViewerNormal = (props) => (
         {...props}
     />
 );
+
+export default PDFViewerNormal;
diff --git a/packages/html/src/pdf-viewer/templates/pdf-viewer-with-search-panel.tsx b/packages/html/src/pdf-viewer/templates/pdf-viewer-with-search-panel.tsx
index 2b69fe965d5..fc6501c267b 100644
--- a/packages/html/src/pdf-viewer/templates/pdf-viewer-with-search-panel.tsx
+++ b/packages/html/src/pdf-viewer/templates/pdf-viewer-with-search-panel.tsx
@@ -12,3 +12,5 @@ export const PDFViewerWithSearchPanel = (props) => (
         {...props}
     />
 );
+
+export default PDFViewerWithSearchPanel;
diff --git a/packages/html/src/pivotgrid/templates/pivotgrid-normal.tsx b/packages/html/src/pivotgrid/templates/pivotgrid-normal.tsx
index 0418060161b..5b1f142e875 100644
--- a/packages/html/src/pivotgrid/templates/pivotgrid-normal.tsx
+++ b/packages/html/src/pivotgrid/templates/pivotgrid-normal.tsx
@@ -107,3 +107,5 @@ export const PivotGridNormal = (props) => (
         {...props}
     />
 );
+
+export default PivotGridNormal;
diff --git a/packages/html/src/pivotgrid/templates/pivotgrid-with-configurator-opened.tsx b/packages/html/src/pivotgrid/templates/pivotgrid-with-configurator-opened.tsx
index d65a2b5208c..b2500c4eb23 100644
--- a/packages/html/src/pivotgrid/templates/pivotgrid-with-configurator-opened.tsx
+++ b/packages/html/src/pivotgrid/templates/pivotgrid-with-configurator-opened.tsx
@@ -87,3 +87,5 @@ export const PivotGridWithConfiguratorOpened = (props) => (
         <PivotGridConfiguratorButton />
     </>
 );
+
+export default PivotGridWithConfiguratorOpened;
diff --git a/packages/html/src/pivotgrid/templates/pivotgrid-with-configurator.tsx b/packages/html/src/pivotgrid/templates/pivotgrid-with-configurator.tsx
index 50a138baf74..06f58a241ac 100644
--- a/packages/html/src/pivotgrid/templates/pivotgrid-with-configurator.tsx
+++ b/packages/html/src/pivotgrid/templates/pivotgrid-with-configurator.tsx
@@ -6,3 +6,5 @@ export const PivotGridWithConfigurator = (props) => (
         <PivotGridConfiguratorButton />
     </>
 );
+
+export default PivotGridWithConfigurator;
diff --git a/packages/html/src/popover/templates/popover-normal.tsx b/packages/html/src/popover/templates/popover-normal.tsx
index 31d4dc2f627..dc74ce72f2d 100644
--- a/packages/html/src/popover/templates/popover-normal.tsx
+++ b/packages/html/src/popover/templates/popover-normal.tsx
@@ -14,3 +14,5 @@ export const PopoverNormal = (props) => (
         {...props}
     />
 );
+
+export default PopoverNormal;
diff --git a/packages/html/src/progressbar/templates/chunk-progressbar-normal.tsx b/packages/html/src/progressbar/templates/chunk-progressbar-normal.tsx
index 07adf4e3e3f..4b8b327a81e 100644
--- a/packages/html/src/progressbar/templates/chunk-progressbar-normal.tsx
+++ b/packages/html/src/progressbar/templates/chunk-progressbar-normal.tsx
@@ -1,3 +1,5 @@
 import ChunkProgressBar from "../chunk-progressbar.spec";
 
 export const ChunkProgressBarNormal = (props) => <ChunkProgressBar {...props} />;
+
+export default ChunkProgressBarNormal;
diff --git a/packages/html/src/progressbar/templates/progressbar-normal.tsx b/packages/html/src/progressbar/templates/progressbar-normal.tsx
index 7db5f8dd965..7b6294e35e4 100644
--- a/packages/html/src/progressbar/templates/progressbar-normal.tsx
+++ b/packages/html/src/progressbar/templates/progressbar-normal.tsx
@@ -1,3 +1,5 @@
 import ProgressBar from "../progressbar.spec";
 
 export const ProgressBarNormal = (props) => <ProgressBar {...props} />;
+
+export default ProgressBarNormal;
diff --git a/packages/html/src/prompt/templates/prompt-more-actions.tsx b/packages/html/src/prompt/templates/prompt-more-actions.tsx
index 6715606a90d..62a68eac119 100644
--- a/packages/html/src/prompt/templates/prompt-more-actions.tsx
+++ b/packages/html/src/prompt/templates/prompt-more-actions.tsx
@@ -36,3 +36,5 @@ export const PromptMoreActions = (props) => (
         </PromptContent>
     </Prompt>
 );
+
+export default PromptMoreActions;
diff --git a/packages/html/src/prompt/templates/prompt-normal.tsx b/packages/html/src/prompt/templates/prompt-normal.tsx
index ce5eeaf32c5..35b9eb65f89 100644
--- a/packages/html/src/prompt/templates/prompt-normal.tsx
+++ b/packages/html/src/prompt/templates/prompt-normal.tsx
@@ -24,3 +24,5 @@ export const PromptNormal = (props) => (
         </PromptFooter>
     </Prompt>
 );
+
+export default PromptNormal;
diff --git a/packages/html/src/prompt/templates/prompt-output.tsx b/packages/html/src/prompt/templates/prompt-output.tsx
index 30d2e2ceb64..e57cb849057 100644
--- a/packages/html/src/prompt/templates/prompt-output.tsx
+++ b/packages/html/src/prompt/templates/prompt-output.tsx
@@ -52,3 +52,5 @@ export const PromptOutput = (props) => (
         </PromptContent>
     </Prompt>
 );
+
+export default PromptOutput;
diff --git a/packages/html/src/prompt/templates/prompt-popup.tsx b/packages/html/src/prompt/templates/prompt-popup.tsx
index 3063b416298..54fd3d96cec 100644
--- a/packages/html/src/prompt/templates/prompt-popup.tsx
+++ b/packages/html/src/prompt/templates/prompt-popup.tsx
@@ -29,3 +29,5 @@ export const PromptInPopup = (props) => (
         </Prompt>
     </Popup>
 );
+
+export default PromptInPopup;
diff --git a/packages/html/src/prompt/templates/prompt-settings.tsx b/packages/html/src/prompt/templates/prompt-settings.tsx
index 5c6ac0656d4..8e7d2b55aeb 100644
--- a/packages/html/src/prompt/templates/prompt-settings.tsx
+++ b/packages/html/src/prompt/templates/prompt-settings.tsx
@@ -47,3 +47,5 @@ export const PromptSettings = (props) => (
         </PromptFooter>
     </Prompt>
 );
+
+export default PromptSettings;
diff --git a/packages/html/src/prompt/templates/prompt-suggestions.tsx b/packages/html/src/prompt/templates/prompt-suggestions.tsx
index f52ec5e32a3..4df99301480 100644
--- a/packages/html/src/prompt/templates/prompt-suggestions.tsx
+++ b/packages/html/src/prompt/templates/prompt-suggestions.tsx
@@ -32,3 +32,5 @@ export const PromptSuggestions = (props) => (
         </PromptFooter>
     </Prompt>
 );
+
+export default PromptSuggestions;
diff --git a/packages/html/src/radio/templates/radio-group-horizontal.tsx b/packages/html/src/radio/templates/radio-group-horizontal.tsx
index 5f2b26cb6b0..86f730c1f6c 100644
--- a/packages/html/src/radio/templates/radio-group-horizontal.tsx
+++ b/packages/html/src/radio/templates/radio-group-horizontal.tsx
@@ -18,3 +18,5 @@ export const RadioGroupHorizontal = ({ name, ...other }: any) => (
     {...other}
     />
 );
+
+export default RadioGroupHorizontal;
diff --git a/packages/html/src/radio/templates/radio-group-normal.tsx b/packages/html/src/radio/templates/radio-group-normal.tsx
index 77a44c3ffe2..3d2e50a1a03 100644
--- a/packages/html/src/radio/templates/radio-group-normal.tsx
+++ b/packages/html/src/radio/templates/radio-group-normal.tsx
@@ -17,3 +17,5 @@ export const RadioGroupNormal = ({ name, ...other }: any) => (
     {...other}
     />
 );
+
+export default RadioGroupNormal;
diff --git a/packages/html/src/radio/templates/radio-inside-label.tsx b/packages/html/src/radio/templates/radio-inside-label.tsx
index 6a618af3072..499fc06bc82 100644
--- a/packages/html/src/radio/templates/radio-inside-label.tsx
+++ b/packages/html/src/radio/templates/radio-inside-label.tsx
@@ -7,4 +7,6 @@ export const RadioButtonInsideLabel = ({ children, ...other }: any) => (
             {children}
         </label>
     </>
-);
\ No newline at end of file
+);
+
+export default RadioButtonInsideLabel;
diff --git a/packages/html/src/radio/templates/radio-normal.tsx b/packages/html/src/radio/templates/radio-normal.tsx
index 9507801696b..ae99452dff6 100644
--- a/packages/html/src/radio/templates/radio-normal.tsx
+++ b/packages/html/src/radio/templates/radio-normal.tsx
@@ -1,3 +1,5 @@
 import RadioButton from "../radio.spec";
 
-export const RadioButtonNormal = (props: any) => <RadioButton {...props}/>;
\ No newline at end of file
+export const RadioButtonNormal = (props: any) => <RadioButton {...props}/>;
+
+export default RadioButtonNormal;
diff --git a/packages/html/src/radio/templates/radio-with-label-after.tsx b/packages/html/src/radio/templates/radio-with-label-after.tsx
index ad902c0ab18..2829410893e 100644
--- a/packages/html/src/radio/templates/radio-with-label-after.tsx
+++ b/packages/html/src/radio/templates/radio-with-label-after.tsx
@@ -11,3 +11,5 @@ export const RadioButtonWithLabelAfter = ({ children, id, ...other }: any) => (
  * @deprecated This template has been renamed to RadioButtonWithLabelAfter. Please update your code accordingly.
  */
 export const RadioButtonLabel = RadioButtonWithLabelAfter;
+
+export default RadioButtonWithLabelAfter;
diff --git a/packages/html/src/radio/templates/radio-with-label-before.tsx b/packages/html/src/radio/templates/radio-with-label-before.tsx
index ac421bf9d81..29b64824ca6 100644
--- a/packages/html/src/radio/templates/radio-with-label-before.tsx
+++ b/packages/html/src/radio/templates/radio-with-label-before.tsx
@@ -6,3 +6,5 @@ export const RadioButtonWithLabelBefore = ({ children, id, ...other }: any) => (
         <RadioButton {...other} id={id} />
     </>
 );
+
+export default RadioButtonWithLabelBefore;
diff --git a/packages/html/src/rating/templates/rating-normal.tsx b/packages/html/src/rating/templates/rating-normal.tsx
index 01c308838c5..b5fa6970b1f 100644
--- a/packages/html/src/rating/templates/rating-normal.tsx
+++ b/packages/html/src/rating/templates/rating-normal.tsx
@@ -6,3 +6,5 @@ export const RatingNormal = ({ value = 2.5, ...props }: any) =>(
         {...props}
     />
 );
+
+export default RatingNormal;
diff --git a/packages/html/src/rating/templates/rating-with-label.tsx b/packages/html/src/rating/templates/rating-with-label.tsx
index 86d2cf01491..3563f59f4bb 100644
--- a/packages/html/src/rating/templates/rating-with-label.tsx
+++ b/packages/html/src/rating/templates/rating-with-label.tsx
@@ -8,3 +8,5 @@ export const RatingWithLabel = ({ value = 2.5, max = 5, ...props }: any) =>(
         {...props}
     />
 );
+
+export default RatingWithLabel;
diff --git a/packages/html/src/scheduler/templates/scheduler-agenda.tsx b/packages/html/src/scheduler/templates/scheduler-agenda.tsx
index 9915414ebbf..b7e76cecbd1 100644
--- a/packages/html/src/scheduler/templates/scheduler-agenda.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-agenda.tsx
@@ -121,3 +121,5 @@ export const SchedulerAgenda = ({ style, ...props }: any) => (
         {...props}
     ></Scheduler>
 );
+
+export default SchedulerAgenda;
diff --git a/packages/html/src/scheduler/templates/scheduler-day.tsx b/packages/html/src/scheduler/templates/scheduler-day.tsx
index 1d095373cb1..456f5cad750 100644
--- a/packages/html/src/scheduler/templates/scheduler-day.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-day.tsx
@@ -226,3 +226,5 @@ export const SchedulerDay = ({ style, ...props }: any) => (
         {...props}
     />
 );
+
+export default SchedulerDay;
diff --git a/packages/html/src/scheduler/templates/scheduler-flex-agenda.tsx b/packages/html/src/scheduler/templates/scheduler-flex-agenda.tsx
index ac2dfdfcd16..fa950aa8b5d 100644
--- a/packages/html/src/scheduler/templates/scheduler-flex-agenda.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-flex-agenda.tsx
@@ -129,3 +129,5 @@ export const SchedulerFlexAgenda = ({ style, ...props }: any) => (
         {...props}
     />
 );
+
+export default SchedulerFlexAgenda;
diff --git a/packages/html/src/scheduler/templates/scheduler-flex-day.tsx b/packages/html/src/scheduler/templates/scheduler-flex-day.tsx
index 4417210d311..733d0413bc2 100644
--- a/packages/html/src/scheduler/templates/scheduler-flex-day.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-flex-day.tsx
@@ -151,3 +151,5 @@ export const SchedulerFlexDay = ({ style,...props }: any) => (
         {...props}
     ></Scheduler>
 );
+
+export default SchedulerFlexDay;
diff --git a/packages/html/src/scheduler/templates/scheduler-flex-horizontal-grouping.tsx b/packages/html/src/scheduler/templates/scheduler-flex-horizontal-grouping.tsx
index 84a6684a017..e32d4163f51 100644
--- a/packages/html/src/scheduler/templates/scheduler-flex-horizontal-grouping.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-flex-horizontal-grouping.tsx
@@ -334,3 +334,5 @@ export const SchedulerFlexHorizontalGrouping = (...props) => (
         {...props}
     />
 );
+
+export default SchedulerFlexHorizontalGrouping;
diff --git a/packages/html/src/scheduler/templates/scheduler-flex-month.tsx b/packages/html/src/scheduler/templates/scheduler-flex-month.tsx
index a52e6b61ec5..056378cb5d5 100644
--- a/packages/html/src/scheduler/templates/scheduler-flex-month.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-flex-month.tsx
@@ -154,3 +154,5 @@ export const SchedulerFlexMonth = ({ style, ...props } :any) => (
         {...props}
     ></Scheduler>
 );
+
+export default SchedulerFlexMonth;
diff --git a/packages/html/src/scheduler/templates/scheduler-flex-timeline.tsx b/packages/html/src/scheduler/templates/scheduler-flex-timeline.tsx
index 1dc87017de4..01f85b76516 100644
--- a/packages/html/src/scheduler/templates/scheduler-flex-timeline.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-flex-timeline.tsx
@@ -112,3 +112,5 @@ export const SchedulerFlexTimeline = ({ style, ...props }: any) => (
         {...props}
     ></Scheduler>
 );
+
+export default SchedulerFlexTimeline;
diff --git a/packages/html/src/scheduler/templates/scheduler-flex-vertical-grouping.tsx b/packages/html/src/scheduler/templates/scheduler-flex-vertical-grouping.tsx
index 0603fbac1bd..052ba0dbe34 100644
--- a/packages/html/src/scheduler/templates/scheduler-flex-vertical-grouping.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-flex-vertical-grouping.tsx
@@ -343,3 +343,5 @@ export const SchedulerFlexVerticalGrouping = ({ style, ...props }: any) => (
         {...props}
     />
 );
+
+export default SchedulerFlexVerticalGrouping;
diff --git a/packages/html/src/scheduler/templates/scheduler-flex-week.tsx b/packages/html/src/scheduler/templates/scheduler-flex-week.tsx
index f62b542dd0a..65190bd8412 100644
--- a/packages/html/src/scheduler/templates/scheduler-flex-week.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-flex-week.tsx
@@ -208,3 +208,5 @@ export const SchedulerFlexWeek = ({ style, ...props }: any) => (
         {...props}
     ></Scheduler>
 );
+
+export default SchedulerFlexWeek;
diff --git a/packages/html/src/scheduler/templates/scheduler-flex-year.tsx b/packages/html/src/scheduler/templates/scheduler-flex-year.tsx
index 28b93629d55..30b1997f188 100644
--- a/packages/html/src/scheduler/templates/scheduler-flex-year.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-flex-year.tsx
@@ -712,3 +712,5 @@ export const SchedulerFlexYear = ({ style, ...props }: any) => (
         {...props}
     />
 );
+
+export default SchedulerFlexYear;
diff --git a/packages/html/src/scheduler/templates/scheduler-horizontal-grouping.tsx b/packages/html/src/scheduler/templates/scheduler-horizontal-grouping.tsx
index 27e2e1126c7..888cba110bf 100644
--- a/packages/html/src/scheduler/templates/scheduler-horizontal-grouping.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-horizontal-grouping.tsx
@@ -263,3 +263,5 @@ export const SchedulerHorizontalGrouping = (...props) => (
         {...props}
     />
 );
+
+export default SchedulerHorizontalGrouping;
diff --git a/packages/html/src/scheduler/templates/scheduler-month.tsx b/packages/html/src/scheduler/templates/scheduler-month.tsx
index 04bb4f581bf..46df597ae03 100644
--- a/packages/html/src/scheduler/templates/scheduler-month.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-month.tsx
@@ -164,3 +164,5 @@ export const SchedulerMonth = ({ style, ...props }: any) => (
         {...props}
     />
 );
+
+export default SchedulerMonth;
diff --git a/packages/html/src/scheduler/templates/scheduler-timeline.tsx b/packages/html/src/scheduler/templates/scheduler-timeline.tsx
index beffa3426cc..ad198d1f5e9 100644
--- a/packages/html/src/scheduler/templates/scheduler-timeline.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-timeline.tsx
@@ -114,3 +114,5 @@ export const SchedulerTimeline = ({ style, ...props }: any) => (
         {...props}
     ></Scheduler>
 );
+
+export default SchedulerTimeline;
diff --git a/packages/html/src/scheduler/templates/scheduler-vertical-grouping.tsx b/packages/html/src/scheduler/templates/scheduler-vertical-grouping.tsx
index 9777be16806..7b65aa6fad8 100644
--- a/packages/html/src/scheduler/templates/scheduler-vertical-grouping.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-vertical-grouping.tsx
@@ -310,3 +310,5 @@ export const SchedulerVerticalGrouping = (...props) => (
         {...props}
     />
 );
+
+export default SchedulerVerticalGrouping;
diff --git a/packages/html/src/scheduler/templates/scheduler-week.tsx b/packages/html/src/scheduler/templates/scheduler-week.tsx
index 2577a24c927..39bbc714561 100644
--- a/packages/html/src/scheduler/templates/scheduler-week.tsx
+++ b/packages/html/src/scheduler/templates/scheduler-week.tsx
@@ -266,3 +266,5 @@ export const SchedulerWeek = ({ style, ...props }: any) => (
         {...props}
     />
 );
+
+export default SchedulerWeek;
diff --git a/packages/html/src/scrollview/templates/scrollview-normal.tsx b/packages/html/src/scrollview/templates/scrollview-normal.tsx
index 58f256c70ae..873dfe14adc 100644
--- a/packages/html/src/scrollview/templates/scrollview-normal.tsx
+++ b/packages/html/src/scrollview/templates/scrollview-normal.tsx
@@ -1,3 +1,5 @@
 import ScrollView from "../scrollview-spec";
 
 export const ScrollViewNormal = (props) => (<ScrollView {...props} />);
+
+export default ScrollViewNormal;
diff --git a/packages/html/src/searchbox/templates/searchbox-normal.tsx b/packages/html/src/searchbox/templates/searchbox-normal.tsx
index fb216bbb970..3d02183f4c4 100644
--- a/packages/html/src/searchbox/templates/searchbox-normal.tsx
+++ b/packages/html/src/searchbox/templates/searchbox-normal.tsx
@@ -1,3 +1,5 @@
 import Searchbox from "../searchbox.spec";
 
 export const SearchboxNormal = (props) => <Searchbox {...props} />;
+
+export default SearchboxNormal;
diff --git a/packages/html/src/signature/templates/signature-maximized.tsx b/packages/html/src/signature/templates/signature-maximized.tsx
index 47215bc0eba..879a81c16b7 100644
--- a/packages/html/src/signature/templates/signature-maximized.tsx
+++ b/packages/html/src/signature/templates/signature-maximized.tsx
@@ -1,3 +1,5 @@
 import Signature from "../signature.spec";
 
 export const SignatureMaximized = (props) => <Signature maximized {...props} />;
+
+export default SignatureMaximized;
diff --git a/packages/html/src/signature/templates/signature-normal.tsx b/packages/html/src/signature/templates/signature-normal.tsx
index 9f8011aea7a..bab2c5e1dc5 100644
--- a/packages/html/src/signature/templates/signature-normal.tsx
+++ b/packages/html/src/signature/templates/signature-normal.tsx
@@ -1,3 +1,5 @@
 import Signature from "../signature.spec";
 
 export const SignatureNormal = (props) => <Signature {...props} />;
+
+export default SignatureNormal;
diff --git a/packages/html/src/skeleton/templates/skeleton-circle.tsx b/packages/html/src/skeleton/templates/skeleton-circle.tsx
index 98e87894ecc..c72758ae828 100644
--- a/packages/html/src/skeleton/templates/skeleton-circle.tsx
+++ b/packages/html/src/skeleton/templates/skeleton-circle.tsx
@@ -5,3 +5,5 @@ export const SkeletonCircle = (props) =>
         shape={'circle'}
         {...props}
     />;
+
+export default SkeletonCircle;
diff --git a/packages/html/src/skeleton/templates/skeleton-normal.tsx b/packages/html/src/skeleton/templates/skeleton-normal.tsx
index b9528fba90d..0e0f1407937 100644
--- a/packages/html/src/skeleton/templates/skeleton-normal.tsx
+++ b/packages/html/src/skeleton/templates/skeleton-normal.tsx
@@ -1,3 +1,5 @@
 import { Skeleton } from "..";
 
 export const SkeletonNormal = (props) => <Skeleton {...props}/>;
+
+export default SkeletonNormal;
diff --git a/packages/html/src/skeleton/templates/skeleton-rectangle.tsx b/packages/html/src/skeleton/templates/skeleton-rectangle.tsx
index 3bf3870a1f0..29f4e2420a6 100644
--- a/packages/html/src/skeleton/templates/skeleton-rectangle.tsx
+++ b/packages/html/src/skeleton/templates/skeleton-rectangle.tsx
@@ -5,3 +5,5 @@ export const SkeletonRectangle = (props) =>
         shape={'rect'}
         {...props}
     />;
+
+export default SkeletonRectangle;
diff --git a/packages/html/src/slider/templates/slider-gradient-vertical.tsx b/packages/html/src/slider/templates/slider-gradient-vertical.tsx
index 44def311c42..bd85bf4ebab 100644
--- a/packages/html/src/slider/templates/slider-gradient-vertical.tsx
+++ b/packages/html/src/slider/templates/slider-gradient-vertical.tsx
@@ -9,3 +9,5 @@ export const SliderGradientVertical = (props) => (
         {...props}>
     </Slider>
 );
+
+export default SliderGradientVertical;
diff --git a/packages/html/src/slider/templates/slider-gradient.tsx b/packages/html/src/slider/templates/slider-gradient.tsx
index 3b6fa504971..b00674024fe 100644
--- a/packages/html/src/slider/templates/slider-gradient.tsx
+++ b/packages/html/src/slider/templates/slider-gradient.tsx
@@ -8,3 +8,5 @@ export const SliderGradient = (props) => (
         {...props}>
     </Slider>
 );
+
+export default SliderGradient;
diff --git a/packages/html/src/slider/templates/slider-normal.tsx b/packages/html/src/slider/templates/slider-normal.tsx
index 2e958b0c949..adfb69803dc 100644
--- a/packages/html/src/slider/templates/slider-normal.tsx
+++ b/packages/html/src/slider/templates/slider-normal.tsx
@@ -18,3 +18,5 @@ export const SliderNormal = (props) => (
     {...props}>
     </Slider>
 );
+
+export default SliderNormal;
diff --git a/packages/html/src/slider/templates/slider-range-vertical.tsx b/packages/html/src/slider/templates/slider-range-vertical.tsx
index f5c6aadbe59..2758a74d6de 100644
--- a/packages/html/src/slider/templates/slider-range-vertical.tsx
+++ b/packages/html/src/slider/templates/slider-range-vertical.tsx
@@ -22,3 +22,5 @@ export const SliderRangeVertical = (props) => (
         {...props}>
     </Slider>
 );
+
+export default SliderRangeVertical;
diff --git a/packages/html/src/slider/templates/slider-range.tsx b/packages/html/src/slider/templates/slider-range.tsx
index d88ba7290b3..8c55e4b45a2 100644
--- a/packages/html/src/slider/templates/slider-range.tsx
+++ b/packages/html/src/slider/templates/slider-range.tsx
@@ -21,3 +21,5 @@ export const SliderRange = (props) => (
         {...props}>
     </Slider>
 );
+
+export default SliderRange;
diff --git a/packages/html/src/slider/templates/slider-vertical.tsx b/packages/html/src/slider/templates/slider-vertical.tsx
index 9f37c16e2d5..7c22774e8a8 100644
--- a/packages/html/src/slider/templates/slider-vertical.tsx
+++ b/packages/html/src/slider/templates/slider-vertical.tsx
@@ -19,3 +19,5 @@ export const SliderVertical = (props) => (
         {...props}>
     </Slider>
 );
+
+export default SliderVertical;
diff --git a/packages/html/src/split-button/templates/icon-split-button.tsx b/packages/html/src/split-button/templates/icon-split-button.tsx
index 55dfb6e9d53..07acd0b0029 100644
--- a/packages/html/src/split-button/templates/icon-split-button.tsx
+++ b/packages/html/src/split-button/templates/icon-split-button.tsx
@@ -1,3 +1,5 @@
 import { SplitButton } from "../split-button.spec";
 
 export const IconSplitButton = (props) => <SplitButton icon="folder" {...props} children={undefined} />;
+
+export default IconSplitButton;
diff --git a/packages/html/src/split-button/templates/icon-text-split-button.tsx b/packages/html/src/split-button/templates/icon-text-split-button.tsx
index 6f44687c611..b596500a9cc 100644
--- a/packages/html/src/split-button/templates/icon-text-split-button.tsx
+++ b/packages/html/src/split-button/templates/icon-text-split-button.tsx
@@ -1,3 +1,5 @@
 import { SplitButton } from "../split-button.spec";
 
 export const IconTextSplitButton = (props) => <SplitButton icon="folder" children="Button" {...props} />;
+
+export default IconTextSplitButton;
diff --git a/packages/html/src/split-button/templates/split-button-popup.tsx b/packages/html/src/split-button/templates/split-button-popup.tsx
index c27b06ce2fa..67a71543391 100644
--- a/packages/html/src/split-button/templates/split-button-popup.tsx
+++ b/packages/html/src/split-button/templates/split-button-popup.tsx
@@ -15,3 +15,5 @@ export const SplitButtonPopup = (props) => (
         {...props}
     />
 );
+
+export default SplitButtonPopup;
diff --git a/packages/html/src/split-button/templates/text-split-button.tsx b/packages/html/src/split-button/templates/text-split-button.tsx
index 84c5a4b5d9c..8f7e4f005c0 100644
--- a/packages/html/src/split-button/templates/text-split-button.tsx
+++ b/packages/html/src/split-button/templates/text-split-button.tsx
@@ -1,3 +1,5 @@
 import { SplitButton } from "../split-button.spec";
 
 export const TextSplitButton = (props) => <SplitButton children="Button" {...props} />;
+
+export default TextSplitButton;
diff --git a/packages/html/src/splitter/templates/splitter-normal.tsx b/packages/html/src/splitter/templates/splitter-normal.tsx
index 3cb3de1a441..84f074eb325 100644
--- a/packages/html/src/splitter/templates/splitter-normal.tsx
+++ b/packages/html/src/splitter/templates/splitter-normal.tsx
@@ -18,3 +18,5 @@ export const SplitterNormal = (props) => (
         {...props}>
     </Splitter>
 );
+
+export default SplitterNormal;
diff --git a/packages/html/src/splitter/templates/splitter-vertical.tsx b/packages/html/src/splitter/templates/splitter-vertical.tsx
index bc7bbb29a2f..c7ba4a87e36 100644
--- a/packages/html/src/splitter/templates/splitter-vertical.tsx
+++ b/packages/html/src/splitter/templates/splitter-vertical.tsx
@@ -19,3 +19,5 @@ export const SplitterVertical = (props) => (
         {...props}>
     </Splitter>
 );
+
+export default SplitterVertical;
diff --git a/packages/html/src/spreadsheet/templates/spreadsheet-normal.tsx b/packages/html/src/spreadsheet/templates/spreadsheet-normal.tsx
index fb715dd0c22..b8b5ff5e664 100644
--- a/packages/html/src/spreadsheet/templates/spreadsheet-normal.tsx
+++ b/packages/html/src/spreadsheet/templates/spreadsheet-normal.tsx
@@ -20,3 +20,5 @@ export const SpreadsheetNormal = (props) => (
         {...props}
     />
 );
+
+export default SpreadsheetNormal;
diff --git a/packages/html/src/stepper/templates/stepper-normal.tsx b/packages/html/src/stepper/templates/stepper-normal.tsx
index dd2457ee305..cf5a7b34786 100644
--- a/packages/html/src/stepper/templates/stepper-normal.tsx
+++ b/packages/html/src/stepper/templates/stepper-normal.tsx
@@ -17,3 +17,5 @@ export const StepperNormal = ({ gridTemplateColumns = "repeat(6, 1fr)", ...other
         {...other}
     />
 );
+
+export default StepperNormal;
diff --git a/packages/html/src/stepper/templates/stepper-vertical.tsx b/packages/html/src/stepper/templates/stepper-vertical.tsx
index e9abbf41059..fcdca0ed626 100644
--- a/packages/html/src/stepper/templates/stepper-vertical.tsx
+++ b/packages/html/src/stepper/templates/stepper-vertical.tsx
@@ -17,3 +17,5 @@ export const StepperVertical = ({ gridTemplateRows = "repeat(3, 1fr)", ...other
         {...other}
     />
 );
+
+export default StepperVertical;
diff --git a/packages/html/src/switch/templates/switch-checked.tsx b/packages/html/src/switch/templates/switch-checked.tsx
index 901a65898fb..9ff8adbeae7 100644
--- a/packages/html/src/switch/templates/switch-checked.tsx
+++ b/packages/html/src/switch/templates/switch-checked.tsx
@@ -1,3 +1,5 @@
 import Switch from "../switch.spec";
 
-export const SwitchChecked = (props) => <Switch {...props} checked />;
\ No newline at end of file
+export const SwitchChecked = (props) => <Switch {...props} checked />;
+
+export default SwitchChecked;
diff --git a/packages/html/src/switch/templates/switch-normal.tsx b/packages/html/src/switch/templates/switch-normal.tsx
index 33b9e94cc7f..db8079625d6 100644
--- a/packages/html/src/switch/templates/switch-normal.tsx
+++ b/packages/html/src/switch/templates/switch-normal.tsx
@@ -1,3 +1,5 @@
 import Switch from "../switch.spec";
 
 export const SwitchNormal = (props) => <Switch {...props} />;
+
+export default SwitchNormal;
diff --git a/packages/html/src/table/templates/data-table-normal.tsx b/packages/html/src/table/templates/data-table-normal.tsx
index bef2fbef719..5701d162e67 100644
--- a/packages/html/src/table/templates/data-table-normal.tsx
+++ b/packages/html/src/table/templates/data-table-normal.tsx
@@ -74,3 +74,5 @@ export const DataTableNormal = (props) => (
         </TableFooter>
     </DataTable>
 );
+
+export default DataTableNormal;
diff --git a/packages/html/src/table/templates/table-list-virtualization.tsx b/packages/html/src/table/templates/table-list-virtualization.tsx
index b2344e31b32..9c90203466d 100644
--- a/packages/html/src/table/templates/table-list-virtualization.tsx
+++ b/packages/html/src/table/templates/table-list-virtualization.tsx
@@ -77,3 +77,5 @@ export const DataTableVirtualization = (props) => (
         </TableBody>
     </DataTable>
 );
+
+export default DataTableVirtualization;
diff --git a/packages/html/src/table/templates/table-list.tsx b/packages/html/src/table/templates/table-list.tsx
index 2b975eda0d5..40ee43878a1 100644
--- a/packages/html/src/table/templates/table-list.tsx
+++ b/packages/html/src/table/templates/table-list.tsx
@@ -61,3 +61,5 @@ export const DataTableList = (props) => (
         </TableFooter>
     </DataTable>
 );
+
+export default DataTableList;
diff --git a/packages/html/src/table/templates/table-native.tsx b/packages/html/src/table/templates/table-native.tsx
index 54dccc33263..1b47d2e216b 100644
--- a/packages/html/src/table/templates/table-native.tsx
+++ b/packages/html/src/table/templates/table-native.tsx
@@ -64,3 +64,5 @@ export const TableNative = (props) => (
     >
     </Table>
 );
+
+export default TableNative;
diff --git a/packages/html/src/tabstrip/templates/tabstrip-bottom.tsx b/packages/html/src/tabstrip/templates/tabstrip-bottom.tsx
index 425d11ad3da..7be8115cf23 100644
--- a/packages/html/src/tabstrip/templates/tabstrip-bottom.tsx
+++ b/packages/html/src/tabstrip/templates/tabstrip-bottom.tsx
@@ -3,3 +3,5 @@ import { TabStripNormal } from "..";
 export const TabStripBottom = (props) => (
     <TabStripNormal position="bottom" {...props}/>
 );
+
+export default TabStripBottom;
diff --git a/packages/html/src/tabstrip/templates/tabstrip-left.tsx b/packages/html/src/tabstrip/templates/tabstrip-left.tsx
index af278513f23..06184600a75 100644
--- a/packages/html/src/tabstrip/templates/tabstrip-left.tsx
+++ b/packages/html/src/tabstrip/templates/tabstrip-left.tsx
@@ -3,3 +3,5 @@ import { TabStripNormal } from "..";
 export const TabStripLeft = (props) => (
     <TabStripNormal position="left" {...props}/>
 );
+
+export default TabStripLeft;
diff --git a/packages/html/src/tabstrip/templates/tabstrip-normal.tsx b/packages/html/src/tabstrip/templates/tabstrip-normal.tsx
index f74857458bc..cc24b935807 100644
--- a/packages/html/src/tabstrip/templates/tabstrip-normal.tsx
+++ b/packages/html/src/tabstrip/templates/tabstrip-normal.tsx
@@ -20,3 +20,5 @@ export const TabStripNormal = ({ children, ...other }: any) => (
         }
     </TabStrip>
 );
+
+export default TabStripNormal;
diff --git a/packages/html/src/tabstrip/templates/tabstrip-right.tsx b/packages/html/src/tabstrip/templates/tabstrip-right.tsx
index 52655a2aa89..5d6b6a61538 100644
--- a/packages/html/src/tabstrip/templates/tabstrip-right.tsx
+++ b/packages/html/src/tabstrip/templates/tabstrip-right.tsx
@@ -3,3 +3,5 @@ import { TabStripNormal } from "..";
 export const TabStripRight = (props) => (
     <TabStripNormal position="right" {...props}/>
 );
+
+export default TabStripRight;
diff --git a/packages/html/src/tabstrip/templates/tabstrip-scrollable.tsx b/packages/html/src/tabstrip/templates/tabstrip-scrollable.tsx
index df0a68b18e2..44d4c1c953a 100644
--- a/packages/html/src/tabstrip/templates/tabstrip-scrollable.tsx
+++ b/packages/html/src/tabstrip/templates/tabstrip-scrollable.tsx
@@ -3,3 +3,5 @@ import { TabStripNormal } from "..";
 export const TabStripScrollable = (props) => (
     <TabStripNormal scrollable {...props}/>
 );
+
+export default TabStripScrollable;
diff --git a/packages/html/src/taskboard/templates/taskboard-normal.tsx b/packages/html/src/taskboard/templates/taskboard-normal.tsx
index 7c6fd15ec9d..adbbb9854c8 100644
--- a/packages/html/src/taskboard/templates/taskboard-normal.tsx
+++ b/packages/html/src/taskboard/templates/taskboard-normal.tsx
@@ -68,3 +68,5 @@ export const TaskBoardNormal = (props) =>
     }
     {...props} />
 ;
+
+export default TaskBoardNormal;
diff --git a/packages/html/src/textarea/templates/textarea-normal.tsx b/packages/html/src/textarea/templates/textarea-normal.tsx
index 1fb7b35938b..d0609c4d8f9 100644
--- a/packages/html/src/textarea/templates/textarea-normal.tsx
+++ b/packages/html/src/textarea/templates/textarea-normal.tsx
@@ -1,3 +1,5 @@
 import Textarea from "../textarea.spec";
 
 export const TextareaNormal = (props) => <Textarea {...props} />;
+
+export default TextareaNormal;
diff --git a/packages/html/src/textarea/templates/textarea-prefix.tsx b/packages/html/src/textarea/templates/textarea-prefix.tsx
index af900cedbce..ad0948c0239 100644
--- a/packages/html/src/textarea/templates/textarea-prefix.tsx
+++ b/packages/html/src/textarea/templates/textarea-prefix.tsx
@@ -11,3 +11,5 @@ export const TextareaPrefix = (props) => (
         {...props}
     />
 );
+
+export default TextareaPrefix;
diff --git a/packages/html/src/textarea/templates/textarea-suffix.tsx b/packages/html/src/textarea/templates/textarea-suffix.tsx
index 28385066f1d..3c359461e52 100644
--- a/packages/html/src/textarea/templates/textarea-suffix.tsx
+++ b/packages/html/src/textarea/templates/textarea-suffix.tsx
@@ -11,3 +11,5 @@ export const TextareaSuffix = (props) => (
         {...props}
     />
 );
+
+export default TextareaSuffix;
diff --git a/packages/html/src/textbox/templates/textbox-normal.tsx b/packages/html/src/textbox/templates/textbox-normal.tsx
index fad5b34d92c..aa75f0656c8 100644
--- a/packages/html/src/textbox/templates/textbox-normal.tsx
+++ b/packages/html/src/textbox/templates/textbox-normal.tsx
@@ -1,3 +1,5 @@
 import Textbox from "../textbox.spec";
 
 export const TextboxNormal = (props) => <Textbox {...props} />;
+
+export default TextboxNormal;
diff --git a/packages/html/src/textbox/templates/textbox-prefix.tsx b/packages/html/src/textbox/templates/textbox-prefix.tsx
index 4654048dac6..1b85386c606 100644
--- a/packages/html/src/textbox/templates/textbox-prefix.tsx
+++ b/packages/html/src/textbox/templates/textbox-prefix.tsx
@@ -11,3 +11,5 @@ export const TextboxPrefix = (props) => (
         {...props}
     />
 );
+
+export default TextboxPrefix;
diff --git a/packages/html/src/textbox/templates/textbox-suffix.tsx b/packages/html/src/textbox/templates/textbox-suffix.tsx
index b89806929e5..01093466c5d 100644
--- a/packages/html/src/textbox/templates/textbox-suffix.tsx
+++ b/packages/html/src/textbox/templates/textbox-suffix.tsx
@@ -11,3 +11,5 @@ export const TextboxSuffix = (props) => (
         {...props}
     />
 );
+
+export default TextboxSuffix;
diff --git a/packages/html/src/tilelayout/templates/tilelayout-normal.tsx b/packages/html/src/tilelayout/templates/tilelayout-normal.tsx
index af05f4a4a2b..d629b3771a9 100644
--- a/packages/html/src/tilelayout/templates/tilelayout-normal.tsx
+++ b/packages/html/src/tilelayout/templates/tilelayout-normal.tsx
@@ -14,3 +14,5 @@ export const TileLayoutNormal = (props) => (
     >
     </TileLayout>
 );
+
+export default TileLayoutNormal;
diff --git a/packages/html/src/time-selector/templates/time-selector-all.tsx b/packages/html/src/time-selector/templates/time-selector-all.tsx
index 4e5bd35df5a..2b06f308df3 100644
--- a/packages/html/src/time-selector/templates/time-selector-all.tsx
+++ b/packages/html/src/time-selector/templates/time-selector-all.tsx
@@ -23,3 +23,5 @@ export const TimeSelectorAll = (props) => (
     >
     </Popup>
 );
+
+export default TimeSelectorAll;
diff --git a/packages/html/src/time-selector/templates/time-selector-hour.tsx b/packages/html/src/time-selector/templates/time-selector-hour.tsx
index aa7b0cc9fc2..297bb72d205 100644
--- a/packages/html/src/time-selector/templates/time-selector-hour.tsx
+++ b/packages/html/src/time-selector/templates/time-selector-hour.tsx
@@ -23,3 +23,5 @@ export const TimeSelectorHour = (props) => (
     >
     </Popup>
 );
+
+export default TimeSelectorHour;
diff --git a/packages/html/src/time-selector/templates/time-selector-minute.tsx b/packages/html/src/time-selector/templates/time-selector-minute.tsx
index 808189ec6de..80ca42908fc 100644
--- a/packages/html/src/time-selector/templates/time-selector-minute.tsx
+++ b/packages/html/src/time-selector/templates/time-selector-minute.tsx
@@ -23,3 +23,5 @@ export const TimeSelectorMinute = (props) => (
     >
     </Popup>
 );
+
+export default TimeSelectorMinute;
diff --git a/packages/html/src/timeline/templates/timeline-horizontal.tsx b/packages/html/src/timeline/templates/timeline-horizontal.tsx
index 2c47f807b95..48858877fbd 100644
--- a/packages/html/src/timeline/templates/timeline-horizontal.tsx
+++ b/packages/html/src/timeline/templates/timeline-horizontal.tsx
@@ -33,3 +33,5 @@ export const TimelineHorizontal = (props) => (
         {...props}>
     </Timeline>
 );
+
+export default TimelineHorizontal;
diff --git a/packages/html/src/timeline/templates/timeline-normal-alternating.tsx b/packages/html/src/timeline/templates/timeline-normal-alternating.tsx
index a7bc9296841..0ae6322c4d8 100644
--- a/packages/html/src/timeline/templates/timeline-normal-alternating.tsx
+++ b/packages/html/src/timeline/templates/timeline-normal-alternating.tsx
@@ -16,3 +16,5 @@ export const TimelineNormalAlternating = (props) => (
         {...props}>
     </Timeline>
 );
+
+export default TimelineNormalAlternating;
diff --git a/packages/html/src/timeline/templates/timeline-normal-collapsible.tsx b/packages/html/src/timeline/templates/timeline-normal-collapsible.tsx
index 1ef39927d31..58f813c989a 100644
--- a/packages/html/src/timeline/templates/timeline-normal-collapsible.tsx
+++ b/packages/html/src/timeline/templates/timeline-normal-collapsible.tsx
@@ -14,3 +14,5 @@ export const TimelineNormalCollapsible = (props) => (
         {...props}>
     </Timeline>
 );
+
+export default TimelineNormalCollapsible;
diff --git a/packages/html/src/timeline/templates/timeline-normal.tsx b/packages/html/src/timeline/templates/timeline-normal.tsx
index 31e9972e1a0..031bb7bf8b1 100644
--- a/packages/html/src/timeline/templates/timeline-normal.tsx
+++ b/packages/html/src/timeline/templates/timeline-normal.tsx
@@ -13,3 +13,5 @@ export const TimelineNormal = (props) => (
         {...props}>
     </Timeline>
 );
+
+export default TimelineNormal;
diff --git a/packages/html/src/timepicker/templates/timepicker-adaptive.tsx b/packages/html/src/timepicker/templates/timepicker-adaptive.tsx
index ea49056ab34..53218ac2d04 100644
--- a/packages/html/src/timepicker/templates/timepicker-adaptive.tsx
+++ b/packages/html/src/timepicker/templates/timepicker-adaptive.tsx
@@ -5,4 +5,6 @@ export const TimePickerAdaptive = (props) => (
         adaptive={true}
         {...props}
     />
-);
\ No newline at end of file
+);
+
+export default TimePickerAdaptive;
diff --git a/packages/html/src/timepicker/templates/timepicker-normal.tsx b/packages/html/src/timepicker/templates/timepicker-normal.tsx
index 1eb326943d6..f520c810d5f 100644
--- a/packages/html/src/timepicker/templates/timepicker-normal.tsx
+++ b/packages/html/src/timepicker/templates/timepicker-normal.tsx
@@ -1,3 +1,5 @@
 import TimePicker from "../timepicker.spec";
 
-export const TimePickerNormal = (props) => <TimePicker {...props} />;
\ No newline at end of file
+export const TimePickerNormal = (props) => <TimePicker {...props} />;
+
+export default TimePickerNormal;
diff --git a/packages/html/src/timepicker/templates/timepicker-popup.tsx b/packages/html/src/timepicker/templates/timepicker-popup.tsx
index 84903ffef72..b139e58a639 100644
--- a/packages/html/src/timepicker/templates/timepicker-popup.tsx
+++ b/packages/html/src/timepicker/templates/timepicker-popup.tsx
@@ -6,3 +6,5 @@ export const TimePickerPopup = (props) => (
         {...props}
     />
 );
+
+export default TimePickerPopup;
diff --git a/packages/html/src/toolbar/templates/toolbar-angular-normal.tsx b/packages/html/src/toolbar/templates/toolbar-angular-normal.tsx
index c7e8195817c..8edd974f97d 100644
--- a/packages/html/src/toolbar/templates/toolbar-angular-normal.tsx
+++ b/packages/html/src/toolbar/templates/toolbar-angular-normal.tsx
@@ -18,3 +18,5 @@ export const ToolbarAngularNormal = (props) => (
     {...props}
     />
 );
+
+export default ToolbarAngularNormal;
diff --git a/packages/html/src/toolbar/templates/toolbar-angular-resizable.tsx b/packages/html/src/toolbar/templates/toolbar-angular-resizable.tsx
index 8e5f315469a..77aa8974f28 100644
--- a/packages/html/src/toolbar/templates/toolbar-angular-resizable.tsx
+++ b/packages/html/src/toolbar/templates/toolbar-angular-resizable.tsx
@@ -19,3 +19,5 @@ export const ToolbarAngularResizable = (props) => (
     {...props}
     />
 );
+
+export default ToolbarAngularResizable;
diff --git a/packages/html/src/toolbar/templates/toolbar-normal.tsx b/packages/html/src/toolbar/templates/toolbar-normal.tsx
index 9707aeca794..b33cca28098 100644
--- a/packages/html/src/toolbar/templates/toolbar-normal.tsx
+++ b/packages/html/src/toolbar/templates/toolbar-normal.tsx
@@ -18,3 +18,5 @@ export const ToolbarNormal = (props) => (
     {...props}>
     </Toolbar>
 );
+
+export default ToolbarNormal;
diff --git a/packages/html/src/toolbar/templates/toolbar-resizable.tsx b/packages/html/src/toolbar/templates/toolbar-resizable.tsx
index adeb48de47c..7591047b01a 100644
--- a/packages/html/src/toolbar/templates/toolbar-resizable.tsx
+++ b/packages/html/src/toolbar/templates/toolbar-resizable.tsx
@@ -19,3 +19,5 @@ export const ToolbarResizable = (props) => (
     {...props}>
     </Toolbar>
 );
+
+export default ToolbarResizable;
diff --git a/packages/html/src/tooltip/templates/tooltip-closable.tsx b/packages/html/src/tooltip/templates/tooltip-closable.tsx
index aff5d7bbef3..7cc5a0f1fd3 100644
--- a/packages/html/src/tooltip/templates/tooltip-closable.tsx
+++ b/packages/html/src/tooltip/templates/tooltip-closable.tsx
@@ -6,4 +6,6 @@ export const TooltipClosable = (props) => (
         closable={true}
         {...props}
     />
-);
\ No newline at end of file
+);
+
+export default TooltipClosable;
diff --git a/packages/html/src/tooltip/templates/tooltip-normal.tsx b/packages/html/src/tooltip/templates/tooltip-normal.tsx
index 9583dbffedb..6e2c2e5f011 100644
--- a/packages/html/src/tooltip/templates/tooltip-normal.tsx
+++ b/packages/html/src/tooltip/templates/tooltip-normal.tsx
@@ -5,4 +5,6 @@ export const TooltipNormal = (props: any) => (
         content="Tooltip Content"
         {...props}
     />
-);
\ No newline at end of file
+);
+
+export default TooltipNormal;
diff --git a/packages/html/src/treelist/templates/treelist-aggregates.tsx b/packages/html/src/treelist/templates/treelist-aggregates.tsx
index ca139f8aaf8..45981b0abe8 100644
--- a/packages/html/src/treelist/templates/treelist-aggregates.tsx
+++ b/packages/html/src/treelist/templates/treelist-aggregates.tsx
@@ -131,3 +131,5 @@ export const TreeListAggregates = ({ gridHeader, gridContent, menu, ...other }:
     </TreeList>
 );
 
+
+export default TreeListAggregates;
diff --git a/packages/html/src/treelist/templates/treelist-normal.tsx b/packages/html/src/treelist/templates/treelist-normal.tsx
index c4971ab8cc8..1a53cee90a4 100644
--- a/packages/html/src/treelist/templates/treelist-normal.tsx
+++ b/packages/html/src/treelist/templates/treelist-normal.tsx
@@ -91,3 +91,5 @@ export const TreeListNormal = ({ gridHeader, gridContent, menu, ...other }: any)
     </TreeList>
 );
 
+
+export default TreeListNormal;
diff --git a/packages/html/src/treelist/templates/treelist-row-reordering.tsx b/packages/html/src/treelist/templates/treelist-row-reordering.tsx
index 6f895db1b1e..45b79ee9ea9 100644
--- a/packages/html/src/treelist/templates/treelist-row-reordering.tsx
+++ b/packages/html/src/treelist/templates/treelist-row-reordering.tsx
@@ -109,3 +109,5 @@ export const TreeListRowReordering = ({ gridHeader, gridContent, menu, ...other
     </TreeList>
 );
 
+
+export default TreeListRowReordering;
diff --git a/packages/html/src/treelist/templates/treelist-with-column-menu.tsx b/packages/html/src/treelist/templates/treelist-with-column-menu.tsx
index 51071a92b33..e2c465ec8fa 100644
--- a/packages/html/src/treelist/templates/treelist-with-column-menu.tsx
+++ b/packages/html/src/treelist/templates/treelist-with-column-menu.tsx
@@ -4,3 +4,5 @@ export const TreeListWithColumnMenu = (props) => (
     <TreeListNormal menu="column" {...props} />
 );
 
+
+export default TreeListWithColumnMenu;
diff --git a/packages/html/src/treelist/templates/treelist-with-filter-menu.tsx b/packages/html/src/treelist/templates/treelist-with-filter-menu.tsx
index 6019727783a..58a20edd2a4 100644
--- a/packages/html/src/treelist/templates/treelist-with-filter-menu.tsx
+++ b/packages/html/src/treelist/templates/treelist-with-filter-menu.tsx
@@ -4,3 +4,5 @@ export const TreeListWithFilterMenu = (props) => (
     <TreeListNormal menu="filter" {...props} />
 );
 
+
+export default TreeListWithFilterMenu;
diff --git a/packages/html/src/treeview/templates/treeview-checkboxes.tsx b/packages/html/src/treeview/templates/treeview-checkboxes.tsx
index ff11cae013c..1d44d0566d1 100644
--- a/packages/html/src/treeview/templates/treeview-checkboxes.tsx
+++ b/packages/html/src/treeview/templates/treeview-checkboxes.tsx
@@ -25,3 +25,5 @@ export const TreeviewCheckboxes = (props) => (
     >
     </Treeview>
 );
+
+export default TreeviewCheckboxes;
diff --git a/packages/html/src/treeview/templates/treeview-hierarchy.tsx b/packages/html/src/treeview/templates/treeview-hierarchy.tsx
index 9efc60d040d..1e8cd5498cf 100644
--- a/packages/html/src/treeview/templates/treeview-hierarchy.tsx
+++ b/packages/html/src/treeview/templates/treeview-hierarchy.tsx
@@ -27,3 +27,5 @@ export const TreeviewHierarchy = (props) => (
     >
     </Treeview>
 );
+
+export default TreeviewHierarchy;
diff --git a/packages/html/src/treeview/templates/treeview-icons.tsx b/packages/html/src/treeview/templates/treeview-icons.tsx
index cbd3c3a7e0f..d8584336cc1 100644
--- a/packages/html/src/treeview/templates/treeview-icons.tsx
+++ b/packages/html/src/treeview/templates/treeview-icons.tsx
@@ -27,3 +27,5 @@ export const TreeviewIcons = (props) => (
     >
     </Treeview>
 );
+
+export default TreeviewIcons;
diff --git a/packages/html/src/treeview/templates/treeview-load-more.tsx b/packages/html/src/treeview/templates/treeview-load-more.tsx
index 70bf0fc975a..108023e6b01 100644
--- a/packages/html/src/treeview/templates/treeview-load-more.tsx
+++ b/packages/html/src/treeview/templates/treeview-load-more.tsx
@@ -28,3 +28,5 @@ export const TreeviewLoadMore = (props) => (
     >
     </Treeview>
 );
+
+export default TreeviewLoadMore;
diff --git a/packages/html/src/treeview/templates/treeview-normal.tsx b/packages/html/src/treeview/templates/treeview-normal.tsx
index 2e0ea459ef9..3e5cb2d2aed 100644
--- a/packages/html/src/treeview/templates/treeview-normal.tsx
+++ b/packages/html/src/treeview/templates/treeview-normal.tsx
@@ -11,3 +11,5 @@ export const TreeviewNormal = (props) => (
     >
     </Treeview>
 );
+
+export default TreeviewNormal;
diff --git a/packages/html/src/upload/templates/upload-batch.tsx b/packages/html/src/upload/templates/upload-batch.tsx
index 2114b5f3702..0bf2b283874 100644
--- a/packages/html/src/upload/templates/upload-batch.tsx
+++ b/packages/html/src/upload/templates/upload-batch.tsx
@@ -12,3 +12,5 @@ export const UploadBatch = (props) => (
     {...props}>
     </Upload>
 );
+
+export default UploadBatch;
diff --git a/packages/html/src/upload/templates/upload-chunk.tsx b/packages/html/src/upload/templates/upload-chunk.tsx
index dac5119b483..345b78486f8 100644
--- a/packages/html/src/upload/templates/upload-chunk.tsx
+++ b/packages/html/src/upload/templates/upload-chunk.tsx
@@ -10,3 +10,5 @@ export const UploadChunk = (props) => (
     {...props}>
     </Upload>
 );
+
+export default UploadChunk;
diff --git a/packages/html/src/upload/templates/upload-normal.tsx b/packages/html/src/upload/templates/upload-normal.tsx
index 1319744654d..ada4a2c9170 100644
--- a/packages/html/src/upload/templates/upload-normal.tsx
+++ b/packages/html/src/upload/templates/upload-normal.tsx
@@ -3,3 +3,5 @@ import { Upload } from "..";
 export const UploadNormal = (props) => (
     <Upload async empty {...props} />
 );
+
+export default UploadNormal;
diff --git a/packages/html/src/upload/templates/upload-with-action-buttons.tsx b/packages/html/src/upload/templates/upload-with-action-buttons.tsx
index fce8a1b64c4..9a1d0b3613d 100644
--- a/packages/html/src/upload/templates/upload-with-action-buttons.tsx
+++ b/packages/html/src/upload/templates/upload-with-action-buttons.tsx
@@ -11,3 +11,5 @@ export const UploadWithActionButtons = (props) => (
         {...props}>
     </Upload>
 );
+
+export default UploadWithActionButtons;
diff --git a/packages/html/src/window/templates/window-normal.tsx b/packages/html/src/window/templates/window-normal.tsx
index 27e9648649d..da794b298ce 100644
--- a/packages/html/src/window/templates/window-normal.tsx
+++ b/packages/html/src/window/templates/window-normal.tsx
@@ -7,3 +7,5 @@ export const WindowNormal = (props) => (
         } {...props}>
     </Window>
 );
+
+export default WindowNormal;
diff --git a/packages/html/src/wizard/templates/wizard-normal.tsx b/packages/html/src/wizard/templates/wizard-normal.tsx
index 198133f8239..500499fd795 100644
--- a/packages/html/src/wizard/templates/wizard-normal.tsx
+++ b/packages/html/src/wizard/templates/wizard-normal.tsx
@@ -17,3 +17,5 @@ export const WizardNormal = ({ ...other }: any) => (
         {...other}
     />
 );
+
+export default WizardNormal;
diff --git a/packages/html/src/wizard/templates/wizard-vertical.tsx b/packages/html/src/wizard/templates/wizard-vertical.tsx
index 3a780f607ba..fdeb429272a 100644
--- a/packages/html/src/wizard/templates/wizard-vertical.tsx
+++ b/packages/html/src/wizard/templates/wizard-vertical.tsx
@@ -18,3 +18,5 @@ export const WizardVertical = ({ ...other }: any) => (
         {...other}
     />
 );
+
+export default WizardVertical;