BUILD BEFORE CHANGE NEW COMPONENTS WITH UI FUNCTION

src/ui/index.js

@@ -0,0 +1,110 @@
+import * as AccordionModule from './Accordion.js';
+import * as AlertModule from './Alert.js';
+import * as AutocompleteModule from './Autocomplete.js';
+import * as BadgeModule from './Badge.js';
+import * as ButtonModule from './Button.js';
+import * as CheckboxModule from './Checkbox.js';
+import * as ColorpickerModule from './Colorpicker.js';
+import * as DatepickerModule from './Datepicker.js';
+import * as DrawerModule from './Drawer.js';
+import * as DropdownModule from './Dropdown.js';
+import * as FabModule from './Fab.js';
+import * as FieldsetModule from './Fieldset.js';
+import * as FileinputModule from './Fileinput.js';
+import * as IndicatorModule from './Indicator.js';
+import * as InputModule from './Input.js';
+import * as ListModule from './List.js';
+import * as LoadingModule from './Loading.js';
+import * as MenuModule from './Menu.js';
+import * as ModalModule from './Modal.js';
+import * as NavbarModule from './Navbar.js';
+import * as RadioModule from './Radio.js';
+import * as RangeModule from './Range.js';
+import * as RatingModule from './Rating.js';
+import * as SelectModule from './Select.js';
+import * as StackModule from './Stack.js';
+import * as StatModule from './Stat.js';
+import * as SwapModule from './Swap.js';
+import * as TableModule from './Table.js';
+import * as TabsModule from './Tabs.js';
+import * as TimelineModule from './Timeline.js';
+import * as ToastModule from './Toast.js';
+import * as TooltipModule from './Tooltip.js';
+
+export * from './Accordion.js';
+export * from './Alert.js';
+export * from './Autocomplete.js';
+export * from './Badge.js';
+export * from './Button.js';
+export * from './Checkbox.js';
+export * from './Colorpicker.js';
+export * from './Datepicker.js';
+export * from './Drawer.js';
+export * from './Dropdown.js';
+export * from "./Fab.js";
+export * from './Fieldset.js';
+export * from './Fileinput.js';
+export * from './Indicator.js';
+export * from './Input.js';
+export * from './List.js';
+export * from './Loading.js';
+export * from './Menu.js';
+export * from './Modal.js';
+export * from './Navbar.js';
+export * from './Radio.js';
+export * from './Range.js';
+export * from './Rating.js';
+export * from './Select.js';
+export * from './Stack.js';
+export * from './Stat.js';
+export * from './Swap.js';
+export * from './Table.js';
+export * from './Tabs.js';
+export * from './Timeline.js';
+export * from './Toast.js';
+export * from './Tooltip.js';
+
+const Components = {
+  ...AccordionModule,
+  ...AlertModule,
+  ...AutocompleteModule,
+  ...BadgeModule,
+  ...ButtonModule,
+  ...CheckboxModule,
+  ...ColorpickerModule,
+  ...DatepickerModule,
+  ...DrawerModule,
+  ...DropdownModule,
+  ...FabModule,
+  ...FieldsetModule,
+  ...FileinputModule,
+  ...IndicatorModule,
+  ...InputModule,
+  ...ListModule,
+  ...LoadingModule,
+  ...MenuModule,
+  ...ModalModule,
+  ...NavbarModule,
+  ...RadioModule,
+  ...RangeModule,
+  ...RatingModule,
+  ...SelectModule,
+  ...StackModule,
+  ...StatModule,
+  ...SwapModule,
+  ...TableModule,
+  ...TabsModule,
+  ...TimelineModule,
+  ...ToastModule,
+  ...TooltipModule
+};
+
+export default {
+  ...Components,
+  install: (target = window) => {
+    Object.entries(Components).forEach(([name, component]) => {
+      target[name] = component;
+    });
+    console.log("🚀 SigproUI");
+  }
+};