Import individual

index.js

@@ -1,56 +1,85 @@
-// import './src/sigpro.js';
-import { $, Watch, Tag, If, For, Router, Mount } from './src/sigpro.js';
-import * as Components from './src/components/index.js';
-import * as Utils from './src/core/utils.js';
-import { tt } from './src/core/i18n.js';
+import * as AccordionModule from './src/components/Accordion.js';
+import * as AlertModule from './src/components/Alert.js';
+import * as AutocompleteModule from './src/components/Autocomplete.js';
+import * as BadgeModule from './src/components/Badge.js';
+import * as ButtonModule from './src/components/Button.js';
+import * as CheckboxModule from './src/components/Checkbox.js';
+import * as ColorpickerModule from './src/components/Colorpicker.js';
+import * as DatepickerModule from './src/components/Datepicker.js';
+import * as DrawerModule from './src/components/Drawer.js';
+import * as DropdownModule from './src/components/Dropdown.js';
+import * as FabModule from './src/components/Fab.js';
+import * as FieldsetModule from './src/components/Fieldset.js';
+import * as FileinputModule from './src/components/Fileinput.js';
+import * as IndicatorModule from './src/components/Indicator.js';
+import * as InputModule from './src/components/Input.js';
+import * as LabelModule from './src/components/Label.js';
+import * as ListModule from './src/components/List.js';
+import * as MenuModule from './src/components/Menu.js';
+import * as ModalModule from './src/components/Modal.js';
+import * as NavbarModule from './src/components/Navbar.js';
+import * as RadioModule from './src/components/Radio.js';
+import * as RangeModule from './src/components/Range.js';
+import * as RatingModule from './src/components/Rating.js';
+import * as SelectModule from './src/components/Select.js';
+import * as StackModule from './src/components/Stack.js';
+import * as StatModule from './src/components/Stat.js';
+import * as SwapModule from './src/components/Swap.js';
+import * as TableModule from './src/components/Table.js';
+import * as TabsModule from './src/components/Tabs.js';
+import * as TimelineModule from './src/components/Timeline.js';
+import * as ToastModule from './src/components/Toast.js';
+import * as TooltipModule from './src/components/Tooltip.js';
+import { Locale, tt } from './src/core/utils.js';
+
+export const Components = {
+  ...AccordionModule,
+  ...AlertModule,
+  ...AutocompleteModule,
+  ...BadgeModule,
+  ...ButtonModule,
+  ...CheckboxModule,
+  ...ColorpickerModule,
+  ...DatepickerModule,
+  ...DrawerModule,
+  ...DropdownModule,
+  ...FabModule,
+  ...FieldsetModule,
+  ...FileinputModule,
+  ...IndicatorModule,
+  ...InputModule,
+  ...LabelModule,
+  ...ListModule,
+  ...MenuModule,
+  ...ModalModule,
+  ...NavbarModule,
+  ...RadioModule,
+  ...RangeModule,
+  ...RatingModule,
+  ...SelectModule,
+  ...StackModule,
+  ...StatModule,
+  ...SwapModule,
+  ...TableModule,
+  ...TabsModule,
+  ...TimelineModule,
+  ...ToastModule,
+  ...TooltipModule
+};
+
+export const Utils = {
+  Locale, tt
+};
 
-export * from './src/components/index.js';
-export * from './src/core/utils.js';
-export { $, Watch, Tag, If, For, Router, Mount,  tt };
 
 if (typeof window !== 'undefined') {
-  // const CoreAPI = { $, $$, ender, Watch, Tag, If, For, Router, Mount } = SigPro;
-  
-  // Object.entries(CoreAPI).forEach(([name, fn]) => {
-  //   Object.defineProperty(window, name, {
-  //     value: fn,
-  //     writable: false,
-  //     configurable: false,
-  //     enumerable: true
-  //   });
-  // });
-  
-  Object.entries(Components).forEach(([name, component]) => {
+  Object.entries({ ...Components, ...Utils }).forEach(([name, value]) => {
     Object.defineProperty(window, name, {
-      value: component,
+      value,
       writable: false,
       configurable: true,
       enumerable: true
     });
   });
-  
-  Object.entries(Utils).forEach(([name, fn]) => {
-    Object.defineProperty(window, name, {
-      value: fn,
-      writable: false,
-      configurable: true,
-      enumerable: true
-    });
-  });
-  
-  Object.defineProperty(window, 'tt', {
-    value: tt,
-    writable: false,
-    configurable: true,
-    enumerable: true
-  });
-  
-  Object.defineProperty(window, 'SigProUI', {
-    value: { ...Components, Utils, tt },
-    writable: false,
-    configurable: true,
-    enumerable: true
-  });
-  
-  console.log("🎨 SigProUI ready");
-}
+  console.log("SigProUI installed");
+}