@shohojdhara/atomix 0.4.7 → 0.4.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (176) hide show
  1. package/atomix.config.ts +58 -1
  2. package/dist/atomix.css +172 -157
  3. package/dist/atomix.css.map +1 -1
  4. package/dist/atomix.min.css +4 -4
  5. package/dist/atomix.min.css.map +1 -1
  6. package/dist/charts.d.ts +33 -0
  7. package/dist/charts.js +1274 -164
  8. package/dist/charts.js.map +1 -1
  9. package/dist/core.d.ts +33 -10
  10. package/dist/core.js +1099 -83
  11. package/dist/core.js.map +1 -1
  12. package/dist/forms.d.ts +33 -0
  13. package/dist/forms.js +2106 -1050
  14. package/dist/forms.js.map +1 -1
  15. package/dist/heavy.d.ts +42 -1
  16. package/dist/heavy.js +1663 -638
  17. package/dist/heavy.js.map +1 -1
  18. package/dist/index.d.ts +442 -270
  19. package/dist/index.esm.js +1947 -680
  20. package/dist/index.esm.js.map +1 -1
  21. package/dist/index.js +1982 -712
  22. package/dist/index.js.map +1 -1
  23. package/dist/index.min.js +1 -1
  24. package/dist/index.min.js.map +1 -1
  25. package/package.json +6 -3
  26. package/scripts/atomix-cli.js +136 -1827
  27. package/scripts/cli/__tests__/basic.test.js +3 -2
  28. package/scripts/cli/__tests__/clean.test.js +278 -0
  29. package/scripts/cli/__tests__/component-validator.test.js +433 -0
  30. package/scripts/cli/__tests__/generator.test.js +613 -0
  31. package/scripts/cli/__tests__/glass-motion.test.js +256 -0
  32. package/scripts/cli/__tests__/integration.test.js +719 -108
  33. package/scripts/cli/__tests__/migrate.test.js +74 -0
  34. package/scripts/cli/__tests__/security.test.js +206 -0
  35. package/scripts/cli/__tests__/test-setup.js +3 -1
  36. package/scripts/cli/__tests__/theme-bridge.test.js +507 -0
  37. package/scripts/cli/__tests__/token-provider.test.js +361 -0
  38. package/scripts/cli/__tests__/utils.test.js +5 -5
  39. package/scripts/cli/commands/benchmark.js +105 -0
  40. package/scripts/cli/commands/build-theme.js +115 -0
  41. package/scripts/cli/commands/clean.js +109 -0
  42. package/scripts/cli/commands/doctor.js +88 -0
  43. package/scripts/cli/commands/generate.js +218 -0
  44. package/scripts/cli/commands/init.js +73 -0
  45. package/scripts/cli/commands/migrate.js +106 -0
  46. package/scripts/cli/commands/sync-tokens.js +206 -0
  47. package/scripts/cli/commands/theme-bridge.js +248 -0
  48. package/scripts/cli/commands/tokens.js +157 -0
  49. package/scripts/cli/commands/validate.js +194 -0
  50. package/scripts/cli/internal/ai-engine.js +156 -0
  51. package/scripts/cli/internal/compiler.js +114 -0
  52. package/scripts/cli/internal/component-validator.js +443 -0
  53. package/scripts/cli/internal/config-loader.js +162 -0
  54. package/scripts/cli/internal/filesystem.js +158 -0
  55. package/scripts/cli/internal/generator.js +430 -0
  56. package/scripts/cli/internal/glass-generator.js +398 -0
  57. package/scripts/cli/internal/hook-generator.js +369 -0
  58. package/scripts/cli/internal/hooks.js +61 -0
  59. package/scripts/cli/internal/itcss-generator.js +565 -0
  60. package/scripts/cli/internal/motion-generator.js +679 -0
  61. package/scripts/cli/internal/template-engine.js +301 -0
  62. package/scripts/cli/internal/theme-bridge.js +664 -0
  63. package/scripts/cli/internal/tokens/engine.js +122 -0
  64. package/scripts/cli/internal/tokens/provider.js +34 -0
  65. package/scripts/cli/internal/tokens/providers/figma.js +50 -0
  66. package/scripts/cli/internal/tokens/providers/style-dictionary.js +48 -0
  67. package/scripts/cli/internal/tokens/providers/w3c.js +48 -0
  68. package/scripts/cli/internal/tokens/token-provider.js +443 -0
  69. package/scripts/cli/internal/tokens/token-validator.js +513 -0
  70. package/scripts/cli/internal/validator.js +276 -0
  71. package/scripts/cli/internal/wizard.js +115 -0
  72. package/scripts/cli/mappings.js +23 -0
  73. package/scripts/cli/migration-tools.js +164 -94
  74. package/scripts/cli/plugins/style-dictionary.js +46 -0
  75. package/scripts/cli/templates/README.md +525 -95
  76. package/scripts/cli/templates/common-templates.js +40 -14
  77. package/scripts/cli/templates/components/react-component.ts +282 -0
  78. package/scripts/cli/templates/config/project-config.ts +112 -0
  79. package/scripts/cli/templates/hooks/use-component.ts +477 -0
  80. package/scripts/cli/templates/index.js +19 -4
  81. package/scripts/cli/templates/index.ts +171 -0
  82. package/scripts/cli/templates/next-templates.js +72 -0
  83. package/scripts/cli/templates/react-templates.js +70 -126
  84. package/scripts/cli/templates/scss-templates.js +35 -35
  85. package/scripts/cli/templates/stories/storybook-story.ts +241 -0
  86. package/scripts/cli/templates/styles/scss-component.ts +255 -0
  87. package/scripts/cli/templates/tests/vitest-test.ts +229 -0
  88. package/scripts/cli/templates/token-templates.js +337 -1
  89. package/scripts/cli/templates/tokens/token-generators.ts +1088 -0
  90. package/scripts/cli/templates/types/component-types.ts +145 -0
  91. package/scripts/cli/templates/utils/testing-utils.ts +144 -0
  92. package/scripts/cli/templates/vanilla-templates.js +39 -0
  93. package/scripts/cli/token-manager.js +8 -2
  94. package/scripts/cli/utils/cache-manager.js +240 -0
  95. package/scripts/cli/utils/detector.js +46 -0
  96. package/scripts/cli/utils/diagnostics.js +289 -0
  97. package/scripts/cli/utils/error.js +89 -0
  98. package/scripts/cli/utils/helpers.js +67 -0
  99. package/scripts/cli/utils/logger.js +75 -0
  100. package/scripts/cli/utils/security.js +302 -0
  101. package/scripts/cli/utils/telemetry.js +115 -0
  102. package/scripts/cli/utils/validation.js +37 -0
  103. package/scripts/cli/utils.js +28 -341
  104. package/src/components/Accordion/Accordion.stories.tsx +0 -18
  105. package/src/components/Accordion/Accordion.test.tsx +0 -17
  106. package/src/components/Accordion/Accordion.tsx +0 -4
  107. package/src/components/AtomixGlass/AtomixGlass.test.tsx +37 -3
  108. package/src/components/AtomixGlass/AtomixGlass.tsx +143 -31
  109. package/src/components/AtomixGlass/AtomixGlassContainer.tsx +129 -31
  110. package/src/components/AtomixGlass/PerformanceDashboard.tsx +219 -0
  111. package/src/components/AtomixGlass/README.md +25 -10
  112. package/src/components/AtomixGlass/__snapshots__/AtomixGlass.test.tsx.snap +216 -0
  113. package/src/components/AtomixGlass/animation-system.ts +578 -0
  114. package/src/components/AtomixGlass/shader-utils.ts +4 -1
  115. package/src/components/AtomixGlass/stories/Overview.stories.tsx +157 -6
  116. package/src/components/AtomixGlass/stories/Phase1-Animation.stories.tsx +653 -0
  117. package/src/components/AtomixGlass/stories/Phase1-Test.stories.tsx +95 -0
  118. package/src/components/AtomixGlass/stories/Playground.stories.tsx +51 -51
  119. package/src/components/AtomixGlass/stories/shared-components.tsx +6 -0
  120. package/src/components/Avatar/Avatar.tsx +1 -1
  121. package/src/components/Button/Button.stories.disabled-link.tsx +10 -0
  122. package/src/components/Button/Button.stories.tsx +10 -0
  123. package/src/components/Button/Button.test.tsx +16 -11
  124. package/src/components/Button/Button.tsx +4 -4
  125. package/src/components/Card/Card.tsx +1 -1
  126. package/src/components/Dropdown/Dropdown.tsx +12 -12
  127. package/src/components/Form/Select.tsx +62 -3
  128. package/src/components/Modal/Modal.tsx +14 -3
  129. package/src/components/Navigation/Navbar/Navbar.tsx +44 -0
  130. package/src/components/Slider/Slider.stories.tsx +3 -3
  131. package/src/components/Slider/Slider.tsx +38 -0
  132. package/src/components/Steps/Steps.tsx +3 -3
  133. package/src/components/Tabs/Tabs.tsx +77 -8
  134. package/src/components/Testimonial/Testimonial.tsx +1 -1
  135. package/src/components/TypedButton/TypedButton.stories.tsx +59 -0
  136. package/src/components/TypedButton/TypedButton.tsx +39 -0
  137. package/src/components/TypedButton/index.ts +2 -0
  138. package/src/components/VideoPlayer/VideoPlayer.tsx +11 -4
  139. package/src/lib/composables/index.ts +4 -7
  140. package/src/lib/composables/types.ts +45 -0
  141. package/src/lib/composables/useAccordion.ts +0 -7
  142. package/src/lib/composables/useAtomixGlass.ts +148 -6
  143. package/src/lib/composables/useAtomixGlassStyles.ts +9 -7
  144. package/src/lib/composables/useChartExport.ts +3 -13
  145. package/src/lib/composables/useDropdown.ts +66 -0
  146. package/src/lib/composables/useFocusTrap.ts +80 -0
  147. package/src/lib/composables/usePerformanceMonitor.ts +448 -0
  148. package/src/lib/composables/useResponsiveGlass.presets.ts +192 -0
  149. package/src/lib/composables/useResponsiveGlass.ts +441 -0
  150. package/src/lib/composables/useTooltip.ts +16 -0
  151. package/src/lib/composables/useTypedButton.ts +66 -0
  152. package/src/lib/config/index.ts +62 -5
  153. package/src/lib/constants/components.ts +62 -7
  154. package/src/lib/theme/devtools/__tests__/useHistory.test.tsx +150 -0
  155. package/src/lib/theme/tokens/centralized-tokens.ts +120 -0
  156. package/src/lib/theme/utils/__tests__/domUtils.test.ts +101 -0
  157. package/src/lib/types/components.ts +37 -11
  158. package/src/lib/types/glass.ts +35 -0
  159. package/src/lib/types/index.ts +1 -0
  160. package/src/lib/utils/displacement-generator.ts +1 -1
  161. package/src/styles/01-settings/_settings.testtypecheck.scss +53 -0
  162. package/src/styles/01-settings/_settings.typedbutton.scss +53 -0
  163. package/src/styles/06-components/_components.atomix-glass.scss +17 -21
  164. package/src/styles/06-components/_components.edge-panel.scss +1 -5
  165. package/src/styles/06-components/_components.modal.scss +1 -4
  166. package/src/styles/06-components/_components.navbar.scss +1 -1
  167. package/src/styles/06-components/_components.testbutton.scss +212 -0
  168. package/src/styles/06-components/_components.testtypecheck.scss +212 -0
  169. package/src/styles/06-components/_components.tooltip.scss +9 -5
  170. package/src/styles/06-components/_components.typedbutton.scss +212 -0
  171. package/src/styles/99-utilities/_index.scss +1 -0
  172. package/src/styles/99-utilities/_utilities.text.scss +1 -1
  173. package/src/styles/99-utilities/_utilities.touch-target.scss +36 -0
  174. package/scripts/cli/component-generator.js +0 -564
  175. package/scripts/cli/interactive-init.js +0 -357
  176. package/src/styles/06-components/old.chart.styles.scss +0 -2788
package/dist/index.d.ts CHANGED
@@ -1350,6 +1350,16 @@ interface AtomixGlassProps extends React.HTMLAttributes<HTMLDivElement> {
1350
1350
  * Shader variant for shader mode
1351
1351
  */
1352
1352
  shaderVariant?: 'liquidGlass' | 'premiumGlass' | 'appleFluid' | 'liquidMetal' | 'plasma' | 'waves' | 'noise';
1353
+ /**
1354
+ * Phase 1: Animation System props
1355
+ */
1356
+ withTimeAnimation?: boolean;
1357
+ animationSpeed?: number;
1358
+ withMultiLayerDistortion?: boolean;
1359
+ distortionOctaves?: number;
1360
+ distortionLacunarity?: number;
1361
+ distortionGain?: number;
1362
+ distortionQuality?: 'low' | 'medium' | 'high' | 'ultra';
1353
1363
  /**
1354
1364
  * Performance and accessibility options
1355
1365
  */
@@ -1385,6 +1395,29 @@ interface AtomixGlassProps extends React.HTMLAttributes<HTMLDivElement> {
1385
1395
  * </AtomixGlass>
1386
1396
  */
1387
1397
  debugOverLight?: boolean;
1398
+ /**
1399
+ * Phase 3: Responsive & Performance Optimization props
1400
+ */
1401
+ /**
1402
+ * Device preset for responsive optimization
1403
+ *
1404
+ * Pre-configured presets that adjust glass parameters based on device capabilities
1405
+ * - 'performance': Optimized for low-end devices (reduced octaves, lower quality)
1406
+ * - 'balanced': Balanced quality and performance (default)
1407
+ * - 'quality': Maximum visual quality (high octaves, ultra quality)
1408
+ *
1409
+ * @default 'balanced'
1410
+ */
1411
+ devicePreset?: 'performance' | 'balanced' | 'quality';
1412
+ /**
1413
+ * Disable responsive breakpoint system
1414
+ *
1415
+ * When true, disables automatic parameter adjustment based on viewport size
1416
+ * Use this when you want full manual control over all parameters
1417
+ *
1418
+ * @default false
1419
+ */
1420
+ disableResponsiveBreakpoints?: boolean;
1388
1421
  }
1389
1422
  /**
1390
1423
  * Common component size options
@@ -1802,16 +1835,6 @@ interface AccordionProps$1 extends BaseComponentProps {
1802
1835
  * Callback called when the open state changes
1803
1836
  */
1804
1837
  onOpenChange?: (open: boolean) => void;
1805
- /**
1806
- * @deprecated Use onOpenChange instead
1807
- * Optional open handler
1808
- */
1809
- onOpen?: () => void;
1810
- /**
1811
- * @deprecated Use onOpenChange instead
1812
- * Optional close handler
1813
- */
1814
- onClose?: () => void;
1815
1838
  /**
1816
1839
  * Glass morphism effect for the accordion
1817
1840
  * Can be a boolean to enable with default settings, or an object with AtomixGlassProps to customize the effect
@@ -3759,7 +3782,7 @@ interface BreadcrumbItem$1 {
3759
3782
  /**
3760
3783
  * Breadcrumb options interface (for vanilla JS)
3761
3784
  */
3762
- interface BreadcrumbOptions$1 {
3785
+ interface BreadcrumbOptions {
3763
3786
  /**
3764
3787
  * Array of breadcrumb items
3765
3788
  */
@@ -3789,7 +3812,7 @@ interface BreadcrumbInstance {
3789
3812
  /**
3790
3813
  * Update the breadcrumb with new options
3791
3814
  */
3792
- update: (options: Partial<BreadcrumbOptions$1>) => void;
3815
+ update: (options: Partial<BreadcrumbOptions>) => void;
3793
3816
  /**
3794
3817
  * Destroy the breadcrumb component
3795
3818
  */
@@ -8776,7 +8799,6 @@ interface BreadcrumbItemData {
8776
8799
  */
8777
8800
  className?: string;
8778
8801
  }
8779
- type BreadcrumbItemType = BreadcrumbItemData;
8780
8802
  interface BreadcrumbItemProps extends React__default.HTMLAttributes<HTMLLIElement> {
8781
8803
  /**
8782
8804
  * URL for the breadcrumb item
@@ -8859,6 +8881,40 @@ type AccordionComponent = React__default.FC<AccordionProps> & {
8859
8881
  };
8860
8882
  declare const _default: AccordionComponent;
8861
8883
 
8884
+ /**
8885
+ * Glass effect parameters for responsive breakpoints
8886
+ */
8887
+ interface GlassParams {
8888
+ distortionOctaves?: number;
8889
+ displacementScale?: number;
8890
+ blurAmount?: number;
8891
+ saturation?: number;
8892
+ aberrationIntensity?: number;
8893
+ animationSpeed?: number;
8894
+ chromaticIntensity?: number;
8895
+ distortionLacunarity?: number;
8896
+ distortionGain?: number;
8897
+ }
8898
+ /**
8899
+ * Responsive breakpoint configuration
8900
+ */
8901
+ interface ResponsiveBreakpoint {
8902
+ maxWidth?: number;
8903
+ minWidth?: number;
8904
+ params: GlassParams;
8905
+ }
8906
+ /**
8907
+ * Design system theme tokens for glass component
8908
+ */
8909
+ interface GlassThemeTokens {
8910
+ glassOpacity?: string;
8911
+ glassBlur?: string;
8912
+ glassBorderRadius?: string;
8913
+ glassBorderColor?: string;
8914
+ glassShadow?: string;
8915
+ glassSaturation?: string;
8916
+ }
8917
+
8862
8918
  type __lib_types_AccordionState = AccordionState;
8863
8919
  type __lib_types_AtomixGlassProps = AtomixGlassProps;
8864
8920
  type __lib_types_AvatarGroupProps = AvatarGroupProps;
@@ -8867,6 +8923,7 @@ type __lib_types_AvatarSize = AvatarSize;
8867
8923
  type __lib_types_BadgeProps = BadgeProps;
8868
8924
  type __lib_types_BaseComponentProps = BaseComponentProps;
8869
8925
  type __lib_types_BreadcrumbInstance = BreadcrumbInstance;
8926
+ type __lib_types_BreadcrumbOptions = BreadcrumbOptions;
8870
8927
  type __lib_types_ButtonGroupProps = ButtonGroupProps;
8871
8928
  type __lib_types_ButtonProps = ButtonProps;
8872
8929
  type __lib_types_CalloutProps = CalloutProps;
@@ -8896,7 +8953,9 @@ type __lib_types_FormGroupProps = FormGroupProps;
8896
8953
  type __lib_types_FormProps = FormProps;
8897
8954
  type __lib_types_GlassContainerProps = GlassContainerProps;
8898
8955
  type __lib_types_GlassMode = GlassMode;
8956
+ type __lib_types_GlassParams = GlassParams;
8899
8957
  type __lib_types_GlassSize = GlassSize;
8958
+ type __lib_types_GlassThemeTokens = GlassThemeTokens;
8900
8959
  type __lib_types_HeroAlignment = HeroAlignment;
8901
8960
  type __lib_types_HeroBackgroundSlide = HeroBackgroundSlide;
8902
8961
  type __lib_types_HeroBackgroundSliderConfig = HeroBackgroundSliderConfig;
@@ -8931,6 +8990,7 @@ type __lib_types_PopoverTriggerProps = PopoverTriggerProps;
8931
8990
  type __lib_types_ProgressProps = ProgressProps;
8932
8991
  type __lib_types_RadioProps = RadioProps;
8933
8992
  type __lib_types_RatingProps = RatingProps;
8993
+ type __lib_types_ResponsiveBreakpoint = ResponsiveBreakpoint;
8934
8994
  type __lib_types_SelectProps = SelectProps;
8935
8995
  type __lib_types_SelectionMode = SelectionMode;
8936
8996
  type __lib_types_SideMenuItemProps = SideMenuItemProps;
@@ -8970,7 +9030,7 @@ type __lib_types_VideoQuality = VideoQuality;
8970
9030
  type __lib_types_VideoSubtitle = VideoSubtitle;
8971
9031
  type __lib_types_listvariant = listvariant;
8972
9032
  declare namespace __lib_types {
8973
- export type { AccordionProps$1 as AccordionProps, __lib_types_AccordionState as AccordionState, __lib_types_AtomixGlassProps as AtomixGlassProps, __lib_types_AvatarGroupProps as AvatarGroupProps, __lib_types_AvatarProps as AvatarProps, __lib_types_AvatarSize as AvatarSize, __lib_types_BadgeProps as BadgeProps, __lib_types_BaseComponentProps as BaseComponentProps, __lib_types_BreadcrumbInstance as BreadcrumbInstance, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbOptions$1 as BreadcrumbOptions, __lib_types_ButtonGroupProps as ButtonGroupProps, __lib_types_ButtonProps as ButtonProps, __lib_types_CalloutProps as CalloutProps, __lib_types_CardProps as CardProps, ChartAxis$1 as ChartAxis, ChartConfig$1 as ChartConfig, ChartDataPoint$1 as ChartDataPoint, ChartDataset$1 as ChartDataset, ChartProps$1 as ChartProps, ChartSize$1 as ChartSize, ChartType$1 as ChartType, __lib_types_CheckboxProps as CheckboxProps, __lib_types_CodeBlockProps as CodeBlockProps, __lib_types_DataTableColumn as DataTableColumn, __lib_types_DataTableProps as DataTableProps, __lib_types_DisplacementMode as DisplacementMode, __lib_types_DropdownDividerProps as DropdownDividerProps, __lib_types_DropdownHeaderProps as DropdownHeaderProps, __lib_types_DropdownItemProps as DropdownItemProps, __lib_types_DropdownPlacement as DropdownPlacement, __lib_types_DropdownProps as DropdownProps, DropdownTrigger$1 as DropdownTrigger, __lib_types_EdgePanelMode as EdgePanelMode, __lib_types_EdgePanelPosition as EdgePanelPosition, __lib_types_EdgePanelProps as EdgePanelProps, __lib_types_ElementRefs as ElementRefs, __lib_types_ElevationCardProps as ElevationCardProps, __lib_types_ExportFormat as ExportFormat, __lib_types_FooterLayout as FooterLayout, __lib_types_FooterLinkProps as FooterLinkProps, __lib_types_FooterProps as FooterProps, __lib_types_FooterSectionProps as FooterSectionProps, __lib_types_FooterSocialLinkProps as FooterSocialLinkProps, __lib_types_FormGroupProps as FormGroupProps, __lib_types_FormProps as FormProps, __lib_types_GlassContainerProps as GlassContainerProps, __lib_types_GlassMode as GlassMode, __lib_types_GlassSize as GlassSize, __lib_types_HeroAlignment as HeroAlignment, __lib_types_HeroBackgroundSlide as HeroBackgroundSlide, __lib_types_HeroBackgroundSliderConfig as HeroBackgroundSliderConfig, __lib_types_HeroParts as HeroParts, __lib_types_HeroProps as HeroProps, __lib_types_IconPosition as IconPosition, IconSize$1 as IconSize, IconWeight$1 as IconWeight, __lib_types_ImageType as ImageType, __lib_types_InputProps as InputProps, ListGroupProps$1 as ListGroupProps, __lib_types_ListProps as ListProps, __lib_types_MegaMenuColumnProps as MegaMenuColumnProps, __lib_types_MegaMenuLinkProps as MegaMenuLinkProps, __lib_types_MegaMenuProps as MegaMenuProps, __lib_types_MenuItemProps as MenuItemProps, __lib_types_MenuProps as MenuProps, __lib_types_MessageItem as MessageItem, __lib_types_MessagesProps as MessagesProps, __lib_types_ModalProps as ModalProps, __lib_types_MousePosition as MousePosition, __lib_types_NavAlignment as NavAlignment, __lib_types_NavDropdownProps as NavDropdownProps, __lib_types_NavItemProps as NavItemProps, __lib_types_NavProps as NavProps, __lib_types_NavVariant as NavVariant, __lib_types_NavbarPosition as NavbarPosition, __lib_types_NavbarProps as NavbarProps, __lib_types_OverLightConfig as OverLightConfig, __lib_types_OverLightObjectConfig as OverLightObjectConfig, __lib_types_PaginationProps as PaginationProps, PhosphorIconsType$1 as PhosphorIconsType, __lib_types_PhotoViewerProps as PhotoViewerProps, __lib_types_PopoverProps as PopoverProps, __lib_types_PopoverTriggerProps as PopoverTriggerProps, __lib_types_ProgressProps as ProgressProps, __lib_types_RadioProps as RadioProps, __lib_types_RatingProps as RatingProps, SelectOption$1 as SelectOption, __lib_types_SelectProps as SelectProps, __lib_types_SelectionMode as SelectionMode, __lib_types_SideMenuItemProps as SideMenuItemProps, __lib_types_SideMenuListProps as SideMenuListProps, __lib_types_SideMenuProps as SideMenuProps, __lib_types_Size as Size, __lib_types_SliderAutoplay as SliderAutoplay, __lib_types_SliderBreakpoint as SliderBreakpoint, __lib_types_SliderEffect as SliderEffect, __lib_types_SliderLazy as SliderLazy, __lib_types_SliderNavigation as SliderNavigation, __lib_types_SliderPagination as SliderPagination, __lib_types_SliderProps as SliderProps, __lib_types_SliderRefs as SliderRefs, __lib_types_SliderScrollbar as SliderScrollbar, __lib_types_SliderSlide as SliderSlide, __lib_types_SliderState as SliderState, __lib_types_SliderThumbs as SliderThumbs, __lib_types_SliderVirtual as SliderVirtual, __lib_types_SliderZoom as SliderZoom, __lib_types_SocialLink as SocialLink, __lib_types_SocialPlatform as SocialPlatform, __lib_types_SortConfig as SortConfig, __lib_types_SpinnerProps as SpinnerProps, __lib_types_StateModifier as StateModifier, __lib_types_TextareaProps as TextareaProps, __lib_types_ThemeColor as ThemeColor, __lib_types_ThemeName as ThemeName, __lib_types_TodoItem as TodoItem, __lib_types_TodoProps as TodoProps, __lib_types_UseCardOptions as UseCardOptions, __lib_types_UseCardReturn as UseCardReturn, __lib_types_Variant as Variant, __lib_types_VideoChapter as VideoChapter, __lib_types_VideoPlayerProps as VideoPlayerProps, __lib_types_VideoQuality as VideoQuality, __lib_types_VideoSubtitle as VideoSubtitle, __lib_types_listvariant as listvariant };
9033
+ export type { AccordionProps$1 as AccordionProps, __lib_types_AccordionState as AccordionState, __lib_types_AtomixGlassProps as AtomixGlassProps, __lib_types_AvatarGroupProps as AvatarGroupProps, __lib_types_AvatarProps as AvatarProps, __lib_types_AvatarSize as AvatarSize, __lib_types_BadgeProps as BadgeProps, __lib_types_BaseComponentProps as BaseComponentProps, __lib_types_BreadcrumbInstance as BreadcrumbInstance, BreadcrumbItem$1 as BreadcrumbItem, __lib_types_BreadcrumbOptions as BreadcrumbOptions, __lib_types_ButtonGroupProps as ButtonGroupProps, __lib_types_ButtonProps as ButtonProps, __lib_types_CalloutProps as CalloutProps, __lib_types_CardProps as CardProps, ChartAxis$1 as ChartAxis, ChartConfig$1 as ChartConfig, ChartDataPoint$1 as ChartDataPoint, ChartDataset$1 as ChartDataset, ChartProps$1 as ChartProps, ChartSize$1 as ChartSize, ChartType$1 as ChartType, __lib_types_CheckboxProps as CheckboxProps, __lib_types_CodeBlockProps as CodeBlockProps, __lib_types_DataTableColumn as DataTableColumn, __lib_types_DataTableProps as DataTableProps, __lib_types_DisplacementMode as DisplacementMode, __lib_types_DropdownDividerProps as DropdownDividerProps, __lib_types_DropdownHeaderProps as DropdownHeaderProps, __lib_types_DropdownItemProps as DropdownItemProps, __lib_types_DropdownPlacement as DropdownPlacement, __lib_types_DropdownProps as DropdownProps, DropdownTrigger$1 as DropdownTrigger, __lib_types_EdgePanelMode as EdgePanelMode, __lib_types_EdgePanelPosition as EdgePanelPosition, __lib_types_EdgePanelProps as EdgePanelProps, __lib_types_ElementRefs as ElementRefs, __lib_types_ElevationCardProps as ElevationCardProps, __lib_types_ExportFormat as ExportFormat, __lib_types_FooterLayout as FooterLayout, __lib_types_FooterLinkProps as FooterLinkProps, __lib_types_FooterProps as FooterProps, __lib_types_FooterSectionProps as FooterSectionProps, __lib_types_FooterSocialLinkProps as FooterSocialLinkProps, __lib_types_FormGroupProps as FormGroupProps, __lib_types_FormProps as FormProps, __lib_types_GlassContainerProps as GlassContainerProps, __lib_types_GlassMode as GlassMode, __lib_types_GlassParams as GlassParams, __lib_types_GlassSize as GlassSize, __lib_types_GlassThemeTokens as GlassThemeTokens, __lib_types_HeroAlignment as HeroAlignment, __lib_types_HeroBackgroundSlide as HeroBackgroundSlide, __lib_types_HeroBackgroundSliderConfig as HeroBackgroundSliderConfig, __lib_types_HeroParts as HeroParts, __lib_types_HeroProps as HeroProps, __lib_types_IconPosition as IconPosition, IconSize$1 as IconSize, IconWeight$1 as IconWeight, __lib_types_ImageType as ImageType, __lib_types_InputProps as InputProps, ListGroupProps$1 as ListGroupProps, __lib_types_ListProps as ListProps, __lib_types_MegaMenuColumnProps as MegaMenuColumnProps, __lib_types_MegaMenuLinkProps as MegaMenuLinkProps, __lib_types_MegaMenuProps as MegaMenuProps, __lib_types_MenuItemProps as MenuItemProps, __lib_types_MenuProps as MenuProps, __lib_types_MessageItem as MessageItem, __lib_types_MessagesProps as MessagesProps, __lib_types_ModalProps as ModalProps, __lib_types_MousePosition as MousePosition, __lib_types_NavAlignment as NavAlignment, __lib_types_NavDropdownProps as NavDropdownProps, __lib_types_NavItemProps as NavItemProps, __lib_types_NavProps as NavProps, __lib_types_NavVariant as NavVariant, __lib_types_NavbarPosition as NavbarPosition, __lib_types_NavbarProps as NavbarProps, __lib_types_OverLightConfig as OverLightConfig, __lib_types_OverLightObjectConfig as OverLightObjectConfig, __lib_types_PaginationProps as PaginationProps, PhosphorIconsType$1 as PhosphorIconsType, __lib_types_PhotoViewerProps as PhotoViewerProps, __lib_types_PopoverProps as PopoverProps, __lib_types_PopoverTriggerProps as PopoverTriggerProps, __lib_types_ProgressProps as ProgressProps, __lib_types_RadioProps as RadioProps, __lib_types_RatingProps as RatingProps, __lib_types_ResponsiveBreakpoint as ResponsiveBreakpoint, SelectOption$1 as SelectOption, __lib_types_SelectProps as SelectProps, __lib_types_SelectionMode as SelectionMode, __lib_types_SideMenuItemProps as SideMenuItemProps, __lib_types_SideMenuListProps as SideMenuListProps, __lib_types_SideMenuProps as SideMenuProps, __lib_types_Size as Size, __lib_types_SliderAutoplay as SliderAutoplay, __lib_types_SliderBreakpoint as SliderBreakpoint, __lib_types_SliderEffect as SliderEffect, __lib_types_SliderLazy as SliderLazy, __lib_types_SliderNavigation as SliderNavigation, __lib_types_SliderPagination as SliderPagination, __lib_types_SliderProps as SliderProps, __lib_types_SliderRefs as SliderRefs, __lib_types_SliderScrollbar as SliderScrollbar, __lib_types_SliderSlide as SliderSlide, __lib_types_SliderState as SliderState, __lib_types_SliderThumbs as SliderThumbs, __lib_types_SliderVirtual as SliderVirtual, __lib_types_SliderZoom as SliderZoom, __lib_types_SocialLink as SocialLink, __lib_types_SocialPlatform as SocialPlatform, __lib_types_SortConfig as SortConfig, __lib_types_SpinnerProps as SpinnerProps, __lib_types_StateModifier as StateModifier, __lib_types_TextareaProps as TextareaProps, __lib_types_ThemeColor as ThemeColor, __lib_types_ThemeName as ThemeName, __lib_types_TodoItem as TodoItem, __lib_types_TodoProps as TodoProps, __lib_types_UseCardOptions as UseCardOptions, __lib_types_UseCardReturn as UseCardReturn, __lib_types_Variant as Variant, __lib_types_VideoChapter as VideoChapter, __lib_types_VideoPlayerProps as VideoPlayerProps, __lib_types_VideoQuality as VideoQuality, __lib_types_VideoSubtitle as VideoSubtitle, __lib_types_listvariant as listvariant };
8974
9034
  }
8975
9035
 
8976
9036
  /**
@@ -8999,6 +9059,15 @@ declare const THEME_NAMING: {
8999
9059
  LABEL_ELEMENT: string;
9000
9060
  SPINNER_ELEMENT: string;
9001
9061
  };
9062
+ declare const TYPEDBUTTON: {
9063
+ BASE_CLASS: string;
9064
+ VARIANT_PREFIX: string;
9065
+ CLASSES: {
9066
+ BASE: string;
9067
+ DISABLED: string;
9068
+ GLASS: string;
9069
+ };
9070
+ };
9002
9071
  declare const BUTTON: {
9003
9072
  BASE_CLASS: string;
9004
9073
  ICON_CLASS: string;
@@ -10601,6 +10670,13 @@ declare const ATOMIX_GLASS: {
10601
10670
  MODE: "standard";
10602
10671
  OVER_LIGHT: false;
10603
10672
  ENABLE_OVER_LIGHT_LAYERS: boolean;
10673
+ WITH_TIME_ANIMATION: true;
10674
+ ANIMATION_SPEED: number;
10675
+ WITH_MULTI_LAYER_DISTORTION: false;
10676
+ DISTORTION_OCTAVES: number;
10677
+ DISTORTION_LACUNARITY: number;
10678
+ DISTORTION_GAIN: number;
10679
+ DISTORTION_QUALITY: "high";
10604
10680
  };
10605
10681
  CONSTANTS: {
10606
10682
  ACTIVATION_ZONE: number;
@@ -10705,6 +10781,35 @@ declare const ATOMIX_GLASS: {
10705
10781
  SATURATION: {
10706
10782
  HIGH_CONTRAST: number;
10707
10783
  };
10784
+ ANIMATION: {
10785
+ BREATHING_CYCLE: number;
10786
+ FLOW_SPEED_X: number;
10787
+ FLOW_SPEED_Y: number;
10788
+ WAVE_SPEED: number;
10789
+ WAVE_AMPLITUDE: number;
10790
+ };
10791
+ DISTORTION_QUALITY_PRESETS: {
10792
+ readonly low: {
10793
+ readonly octaves: 2;
10794
+ readonly lacunarity: 2;
10795
+ readonly gain: 0.5;
10796
+ };
10797
+ readonly medium: {
10798
+ readonly octaves: 4;
10799
+ readonly lacunarity: 2;
10800
+ readonly gain: 0.5;
10801
+ };
10802
+ readonly high: {
10803
+ readonly octaves: 5;
10804
+ readonly lacunarity: 2;
10805
+ readonly gain: 0.5;
10806
+ };
10807
+ readonly ultra: {
10808
+ readonly octaves: 7;
10809
+ readonly lacunarity: 2;
10810
+ readonly gain: 0.5;
10811
+ };
10812
+ };
10708
10813
  };
10709
10814
  };
10710
10815
 
@@ -10761,6 +10866,7 @@ declare const __lib_constants_THEME_NAMING: typeof THEME_NAMING;
10761
10866
  declare const __lib_constants_TODO: typeof TODO;
10762
10867
  declare const __lib_constants_TOGGLE: typeof TOGGLE;
10763
10868
  declare const __lib_constants_TOOLTIP: typeof TOOLTIP;
10869
+ declare const __lib_constants_TYPEDBUTTON: typeof TYPEDBUTTON;
10764
10870
  declare const __lib_constants_UPLOAD: typeof UPLOAD;
10765
10871
  declare const __lib_constants_VIDEO_PLAYER: typeof VIDEO_PLAYER;
10766
10872
  declare const __lib_constants_sliderConstants: typeof sliderConstants;
@@ -10819,6 +10925,7 @@ declare namespace __lib_constants {
10819
10925
  __lib_constants_TODO as TODO,
10820
10926
  __lib_constants_TOGGLE as TOGGLE,
10821
10927
  __lib_constants_TOOLTIP as TOOLTIP,
10928
+ __lib_constants_TYPEDBUTTON as TYPEDBUTTON,
10822
10929
  __lib_constants_UPLOAD as UPLOAD,
10823
10930
  __lib_constants_VIDEO_PLAYER as VIDEO_PLAYER,
10824
10931
  __lib_constants_sliderConstants as sliderConstants,
@@ -11408,6 +11515,13 @@ interface UseAtomixGlassOptions extends Omit<AtomixGlassProps, 'children'> {
11408
11515
  contentRef: React__default.RefObject<HTMLDivElement>;
11409
11516
  wrapperRef?: React__default.RefObject<HTMLDivElement>;
11410
11517
  children?: React__default.ReactNode;
11518
+ isFixedOrSticky?: boolean;
11519
+ withLiquidBlur?: boolean;
11520
+ animationQuality?: 'low' | 'medium' | 'high';
11521
+ timeSpeed?: number;
11522
+ noiseAmplitude?: number;
11523
+ noiseFrequency?: number;
11524
+ displacementStrength?: number;
11411
11525
  }
11412
11526
  interface UseAtomixGlassReturn {
11413
11527
  isHovered: boolean;
@@ -11432,6 +11546,14 @@ interface UseAtomixGlassReturn {
11432
11546
  borderOpacity: number;
11433
11547
  };
11434
11548
  transformStyle: string;
11549
+ getShaderTime: () => number;
11550
+ applyTimeBasedDistortion: (uv: {
11551
+ x: number;
11552
+ y: number;
11553
+ }) => {
11554
+ x: number;
11555
+ y: number;
11556
+ };
11435
11557
  handleMouseEnter: () => void;
11436
11558
  handleMouseLeave: () => void;
11437
11559
  handleMouseDown: () => void;
@@ -11442,7 +11564,7 @@ interface UseAtomixGlassReturn {
11442
11564
  * Composable hook for AtomixGlass component logic
11443
11565
  * Manages all state, calculations, and event handlers
11444
11566
  */
11445
- declare function useAtomixGlass({ glassRef, contentRef, wrapperRef, borderRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, overLight, reducedMotion, highContrast, withoutEffects, elasticity, onClick, debugBorderRadius, debugOverLight, debugPerformance, children, blurAmount, saturation, padding, withLiquidBlur, }: UseAtomixGlassOptions): UseAtomixGlassReturn;
11567
+ declare function useAtomixGlass({ glassRef, contentRef, wrapperRef, borderRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, overLight, reducedMotion, highContrast, withoutEffects, elasticity, onClick, debugBorderRadius, debugOverLight, children, blurAmount, saturation, padding, withLiquidBlur, isFixedOrSticky, withTimeAnimation, animationSpeed, withMultiLayerDistortion, distortionOctaves, distortionLacunarity, distortionGain, distortionQuality, }: UseAtomixGlassOptions): UseAtomixGlassReturn;
11446
11568
 
11447
11569
  /**
11448
11570
  * Input state and functionality
@@ -11496,258 +11618,241 @@ declare function useTextarea(initialProps?: Partial<TextareaProps>): {
11496
11618
  generateTextareaClass: (props: Partial<TextareaProps>) => string;
11497
11619
  };
11498
11620
 
11499
- interface BreadcrumbOptions {
11500
- items: BreadcrumbItemType[];
11501
- divider?: React.ReactNode;
11502
- className?: string;
11503
- 'aria-label'?: string;
11504
- }
11505
11621
  /**
11506
- * Breadcrumb state and functionality
11507
- * @param initialOptions - Initial breadcrumb options
11508
- * @returns Breadcrumb state and methods
11622
+ * Default responsive breakpoints configuration
11623
+ *
11624
+ * These breakpoints are optimized for glass effect performance across device classes:
11625
+ * - Mobile: Reduced complexity for 60 FPS target
11626
+ * - Tablet: Balanced quality and performance
11627
+ * - Desktop: Full fidelity effects
11509
11628
  */
11510
- declare function useBreadcrumb(initialOptions?: Partial<BreadcrumbOptions>): {
11511
- defaultOptions: BreadcrumbOptions;
11512
- generateBreadcrumbClass: (options: Partial<BreadcrumbOptions>) => string;
11513
- generateItemClass: (item: BreadcrumbItemType, isLast: boolean) => string;
11514
- isItemLink: (item: BreadcrumbItemType, isLast: boolean) => boolean;
11515
- parseItemsFromJson: (jsonString: string) => BreadcrumbItemType[];
11516
- };
11517
-
11629
+ declare const DEFAULT_BREAKPOINTS: Record<string, ResponsiveBreakpoint>;
11518
11630
  /**
11519
- * Hook for managing Card component state and behaviors
11520
- *
11521
- * @param options - Configuration options for the card
11522
- * @returns Card state and handlers
11631
+ * Hook options for responsive glass parameters
11523
11632
  */
11524
- declare const useCard: (options?: UseCardOptions) => UseCardReturn;
11525
-
11526
- interface UseDataTableProps {
11527
- /**
11528
- * Data array to display
11529
- */
11530
- data: any[];
11531
- /**
11532
- * Column definitions
11533
- */
11534
- columns: DataTableColumn[];
11535
- /**
11536
- * Whether the table is sortable
11537
- */
11538
- sortable?: boolean;
11539
- /**
11540
- * Whether the table is paginated
11541
- */
11542
- paginated?: boolean;
11543
- /**
11544
- * Number of rows per page
11545
- */
11546
- pageSize?: number;
11547
- /**
11548
- * Callback when sorting changes
11549
- */
11550
- onSort?: (sortConfig: SortConfig) => void;
11551
- /**
11552
- * Initial sort configuration
11553
- */
11554
- initialSortConfig?: SortConfig;
11555
- /**
11556
- * Row selection mode
11557
- */
11558
- selectionMode?: SelectionMode;
11559
- /**
11560
- * Selected row IDs (controlled)
11561
- */
11562
- selectedRowIds?: (string | number)[];
11563
- /**
11564
- * Callback when selection changes
11565
- */
11566
- onSelectionChange?: (selectedRows: any[], selectedIds: (string | number)[]) => void;
11567
- /**
11568
- * Key to use as unique identifier for rows
11569
- */
11570
- rowKey?: string | ((row: any) => string | number);
11571
- /**
11572
- * Column-specific filters
11573
- */
11574
- columnFilters?: boolean;
11575
- /**
11576
- * Whether columns can be reordered
11577
- */
11578
- reorderable?: boolean;
11579
- /**
11580
- * Callback when column order changes
11581
- */
11582
- onColumnReorder?: (columnKeys: string[]) => void;
11583
- /**
11584
- * Callback when column visibility changes
11585
- */
11586
- onColumnVisibilityChange?: (visibleColumns: string[]) => void;
11633
+ interface UseResponsiveGlassOptions {
11634
+ /** Base glass parameters (before responsive scaling) */
11635
+ baseParams: GlassParams;
11636
+ /** Custom breakpoints (optional, uses defaults if not provided) */
11637
+ breakpoints?: Record<string, ResponsiveBreakpoint>;
11638
+ /** Enable/disable responsive system */
11639
+ enabled?: boolean;
11640
+ /** Enable performance-based adjustments */
11641
+ enablePerformanceAdjustment?: boolean;
11642
+ /** Debug mode - logs breakpoint changes */
11643
+ debug?: boolean;
11587
11644
  }
11588
- interface UseDataTableReturn {
11589
- /**
11590
- * Data to display (filtered, sorted, paginated)
11591
- */
11592
- displayData: any[];
11593
- /**
11594
- * Current sort configuration
11595
- */
11596
- sortConfig: SortConfig | null;
11597
- /**
11598
- * Current page number
11599
- */
11600
- currentPage: number;
11601
- /**
11602
- * Total number of pages
11603
- */
11604
- totalPages: number;
11605
- /**
11606
- * Handle sort column click
11607
- */
11608
- handleSort: (key: string) => void;
11609
- /**
11610
- * Handle page change
11611
- */
11612
- handlePageChange: (page: number) => void;
11613
- /**
11614
- * Handle search input
11615
- */
11616
- handleSearch: (query: string) => void;
11617
- /**
11618
- * Selected row IDs
11619
- */
11620
- selectedRowIds: (string | number)[];
11621
- /**
11622
- * Selected rows data
11623
- */
11624
- selectedRows: any[];
11625
- /**
11626
- * Handle row selection
11627
- */
11628
- handleRowSelect: (rowId: string | number, selected: boolean) => void;
11629
- /**
11630
- * Handle select all
11631
- */
11632
- handleSelectAll: (selected: boolean) => void;
11633
- /**
11634
- * Whether all rows are selected
11635
- */
11636
- isAllSelected: boolean;
11637
- /**
11638
- * Whether some rows are selected
11639
- */
11640
- isIndeterminate: boolean;
11641
- /**
11642
- * Column order
11643
- */
11644
- columnOrder: string[];
11645
- /**
11646
- * Visible columns
11647
- */
11648
- visibleColumns: DataTableColumn[];
11649
- /**
11650
- * Column visibility map
11651
- */
11652
- columnVisibility: Record<string, boolean>;
11653
- /**
11654
- * Handle column visibility toggle
11655
- */
11656
- handleColumnVisibilityToggle: (columnKey: string) => void;
11657
- /**
11658
- * Column-specific filter values
11659
- */
11660
- columnFilterValues: Record<string, string>;
11661
- /**
11662
- * Handle column filter change
11663
- */
11664
- handleColumnFilterChange: (columnKey: string, value: string) => void;
11665
- /**
11666
- * Clear all column filters
11667
- */
11668
- clearColumnFilters: () => void;
11645
+ /**
11646
+ * Return value from responsive glass hook
11647
+ */
11648
+ interface UseResponsiveGlassReturn {
11649
+ /** Current responsive parameters based on breakpoint */
11650
+ responsiveParams: GlassParams;
11651
+ /** Current breakpoint name ('mobile', 'tablet', 'desktop', or 'custom') */
11652
+ currentBreakpoint: string;
11653
+ /** Current device performance tier */
11654
+ performanceTier: 'low' | 'medium' | 'high';
11655
+ /** Whether responsive system is active */
11656
+ isActive: boolean;
11657
+ /** Manually recalculate responsive parameters */
11658
+ recalculate: () => void;
11669
11659
  }
11670
11660
  /**
11671
- * Hook for managing DataTable state and behavior
11661
+ * Responsive Glass Parameters Hook
11662
+ *
11663
+ * Automatically adjusts glass effect parameters based on:
11664
+ * 1. Screen size (mobile/tablet/desktop breakpoints)
11665
+ * 2. Device performance (RAM and CPU detection)
11666
+ * 3. Custom breakpoint configuration
11667
+ *
11668
+ * Features:
11669
+ * - Debounced resize handling
11670
+ * - Performance-based quality adjustment
11671
+ * - Smooth parameter transitions
11672
+ * - Debug mode for development
11673
+ *
11674
+ * @example
11675
+ * ```typescript
11676
+ * const { responsiveParams, currentBreakpoint } = useResponsiveGlass({
11677
+ * baseParams: {
11678
+ * distortionOctaves: 5,
11679
+ * displacementScale: 20,
11680
+ * blurAmount: 10,
11681
+ * },
11682
+ * debug: true,
11683
+ * });
11684
+ * ```
11685
+ *
11686
+ * @param options Hook configuration options
11687
+ * @returns Responsive parameters and metadata
11688
+ */
11689
+ declare function useResponsiveGlass({ baseParams, breakpoints, enabled, enablePerformanceAdjustment, debug, }: UseResponsiveGlassOptions): UseResponsiveGlassReturn;
11690
+ /**
11691
+ * Utility function to get default breakpoints
11692
+ * Useful for documentation and debugging
11672
11693
  */
11673
- declare function useDataTable({ data, columns, sortable, paginated, pageSize, onSort, initialSortConfig, selectionMode, selectedRowIds: controlledSelectedRowIds, onSelectionChange, rowKey, columnFilters, reorderable, onColumnReorder, onColumnVisibilityChange, }: UseDataTableProps): UseDataTableReturn;
11694
+ declare function getDefaultBreakpoints(): Record<string, ResponsiveBreakpoint>;
11695
+ /**
11696
+ * Utility function to create custom breakpoints
11697
+ *
11698
+ * @param customBreakpoints Partial breakpoint overrides
11699
+ * @returns Complete breakpoint configuration
11700
+ */
11701
+ declare function createBreakpoints(customBreakpoints: Partial<Record<string, ResponsiveBreakpoint>>): Record<string, ResponsiveBreakpoint>;
11674
11702
 
11675
- interface UseModalProps {
11676
- /**
11677
- * Whether the modal is open
11678
- */
11679
- isOpen?: boolean;
11680
- /**
11681
- * Callback when modal state changes
11682
- */
11683
- onOpenChange?: (isOpen: boolean) => void;
11684
- /**
11685
- * Callback when modal opens
11686
- */
11687
- onOpen?: () => void;
11688
- /**
11689
- * Callback when modal closes
11690
- */
11691
- onClose?: () => void;
11703
+ /**
11704
+ * Performance metrics collected by the monitor
11705
+ */
11706
+ interface PerformanceMetrics {
11707
+ /** Frames per second (target: 60) */
11708
+ fps: number;
11709
+ /** Time to render last frame in milliseconds (target: <16ms) */
11710
+ frameTime: number;
11711
+ /** GPU memory usage in MB (if available, target: <50MB) */
11712
+ gpuMemory: number | null;
11713
+ /** Current quality level based on performance */
11714
+ qualityLevel: 'low' | 'medium' | 'high';
11715
+ /** Timestamp of last measurement */
11716
+ timestamp: number;
11717
+ /** Whether auto-scaling is active */
11718
+ isAutoScaling: boolean;
11719
+ /** Number of consecutive low-FPS frames */
11720
+ lowFpsCount: number;
11721
+ }
11722
+ /**
11723
+ * Configuration for performance monitor
11724
+ */
11725
+ interface PerformanceMonitorConfig {
11726
+ /** Enable/disable monitoring */
11727
+ enabled?: boolean;
11728
+ /** Target FPS for auto-scaling (default: 60) */
11729
+ targetFps?: number;
11730
+ /** Minimum acceptable FPS before scaling down (default: 45) */
11731
+ minFps?: number;
11732
+ /** FPS threshold to scale up (default: 58) */
11733
+ scaleUpThreshold?: number;
11734
+ /** Consecutive low-FPS frames before scaling down (default: 3) */
11735
+ lowFpsFrames?: number;
11736
+ /** Consecutive high-FPS frames before scaling up (default: 10) */
11737
+ highFpsFrames?: number;
11738
+ /** Enable debug logging */
11739
+ debug?: boolean;
11740
+ /** Show debug overlay on screen */
11741
+ showOverlay?: boolean;
11692
11742
  }
11693
- interface UseModalReturn {
11694
- /**
11695
- * Current open state
11696
- */
11697
- isOpen: boolean;
11698
- /**
11699
- * Function to open the modal
11700
- */
11701
- open: () => void;
11702
- /**
11703
- * Function to close the modal
11704
- */
11705
- close: () => void;
11706
- /**
11707
- * Function to toggle the modal
11708
- */
11709
- toggle: () => void;
11743
+ /**
11744
+ * Return value from performance monitor hook
11745
+ */
11746
+ interface UsePerformanceMonitorReturn {
11747
+ /** Current performance metrics */
11748
+ metrics: PerformanceMetrics;
11749
+ /** Recommended quality level based on performance */
11750
+ recommendedQuality: 'low' | 'medium' | 'high';
11751
+ /** Whether performance is below target */
11752
+ isUnderperforming: boolean;
11753
+ /** Manually set quality level */
11754
+ setQualityLevel: (level: 'low' | 'medium' | 'high') => void;
11755
+ /** Reset auto-scaling state */
11756
+ resetAutoScaling: () => void;
11757
+ /** Toggle monitoring on/off */
11758
+ toggleMonitoring: () => void;
11710
11759
  }
11711
11760
  /**
11712
- * Hook for managing modal state
11761
+ * Performance Monitor Hook
11762
+ *
11763
+ * Real-time performance tracking with automatic quality scaling.
11764
+ * Monitors FPS, frame time, and GPU memory to optimize glass effects.
11765
+ *
11766
+ * Features:
11767
+ * - Real-time FPS measurement
11768
+ * - Frame timing analysis
11769
+ * - Automatic quality scaling
11770
+ * - Debug overlay option
11771
+ * - Manual override capability
11772
+ *
11773
+ * @example
11774
+ * ```typescript
11775
+ * const { metrics, recommendedQuality, setQualityLevel } = usePerformanceMonitor({
11776
+ * targetFps: 60,
11777
+ * minFps: 45,
11778
+ * debug: true,
11779
+ * });
11780
+ * ```
11781
+ *
11782
+ * @param config Monitor configuration
11783
+ * @returns Performance metrics and controls
11713
11784
  */
11714
- declare function useModal({ isOpen: isOpenProp, onOpenChange, onOpen, onClose, }?: UseModalProps): UseModalReturn;
11715
-
11716
- declare const DOTS = "...";
11717
- declare const usePagination: ({ currentPage, totalPages, siblingCount, onPageChange, }: Omit<PaginationProps, "className">) => {
11718
- paginationRange: (string | number)[];
11719
- currentPage: number;
11720
- totalPages: number;
11721
- goToPage: (page: number) => void;
11722
- nextPage: () => void;
11723
- prevPage: () => void;
11724
- firstPage: () => void;
11725
- lastPage: () => void;
11726
- DOTS: string;
11785
+ declare function usePerformanceMonitor(config?: PerformanceMonitorConfig): UsePerformanceMonitorReturn;
11786
+ /**
11787
+ * Debug Overlay Component (Optional)
11788
+ *
11789
+ * Shows real-time performance metrics on screen.
11790
+ * Only rendered when showOverlay is enabled.
11791
+ */
11792
+ declare function PerformanceOverlay({ metrics }: {
11793
+ metrics: PerformanceMetrics;
11794
+ }): null;
11795
+ /**
11796
+ * Utility to get quality multipliers for glass parameters
11797
+ */
11798
+ declare function getQualityMultipliers(quality: 'low' | 'medium' | 'high'): {
11799
+ distortionOctaves: number;
11800
+ displacementScale: number;
11801
+ blurAmount: number;
11802
+ animationSpeed: number;
11803
+ chromaticIntensity: number;
11727
11804
  };
11728
11805
 
11729
- interface UseSliderOptions extends Omit<SliderProps, 'slides' | 'children'> {
11730
- slides: SliderSlide[];
11731
- }
11732
- interface UseSliderReturn extends SliderState {
11733
- slideNext: () => void;
11734
- slidePrev: () => void;
11735
- goToSlide: (index: number) => void;
11736
- canSlideNext: boolean;
11737
- canSlidePrev: boolean;
11738
- containerRef: React.RefObject<HTMLDivElement | null>;
11739
- wrapperRef: React.RefObject<HTMLDivElement | null>;
11740
- handleTouchStart: (e: React.TouchEvent | React.MouseEvent) => void;
11741
- handleTouchMove: (e: React.TouchEvent | React.MouseEvent) => void;
11742
- handleTouchEnd: (e: React.TouchEvent | React.MouseEvent) => void;
11743
- allSlides: SliderSlide[];
11744
- translateValue: number;
11745
- slideWidth: number;
11746
- currentSlidesToShow: number;
11747
- loopedSlides: number;
11748
- repositioningRef: React.RefObject<boolean>;
11749
- }
11750
- declare function useSlider(options: UseSliderOptions): UseSliderReturn;
11806
+ /**
11807
+ * Mobile optimization presets
11808
+ *
11809
+ * These presets adjust glass effect parameters based on device performance tier
11810
+ * to ensure smooth animations and responsive interactions.
11811
+ */
11812
+ /**
11813
+ * Performance preset - Maximum FPS, reduced quality
11814
+ * Best for low-end devices or when battery saving is priority
11815
+ */
11816
+ declare const PERFORMANCE_PRESET: GlassParams;
11817
+ /**
11818
+ * Balanced preset - Good quality with reasonable performance
11819
+ * Default preset for most mobile devices
11820
+ */
11821
+ declare const BALANCED_PRESET: GlassParams;
11822
+ /**
11823
+ * Quality preset - Maximum visual fidelity
11824
+ * For high-end devices with powerful GPUs
11825
+ */
11826
+ declare const QUALITY_PRESET: GlassParams;
11827
+ /**
11828
+ * Get preset by name
11829
+ */
11830
+ declare function getDevicePreset(presetName: 'performance' | 'balanced' | 'quality'): GlassParams;
11831
+ /**
11832
+ * Mobile-optimized responsive breakpoints
11833
+ * Automatically applies appropriate presets based on viewport size
11834
+ */
11835
+ declare const MOBILE_OPTIMIZED_BREAKPOINTS: Record<string, ResponsiveBreakpoint>;
11836
+ /**
11837
+ * Get mobile-optimized parameters for current viewport
11838
+ * Can be used standalone or with useResponsiveGlass hook
11839
+ */
11840
+ declare function getMobileOptimizedParams(viewportWidth: number): GlassParams;
11841
+ /**
11842
+ * Device detection utilities
11843
+ */
11844
+ declare const DeviceDetector: {
11845
+ /** Check if device is mobile */
11846
+ isMobile(): boolean;
11847
+ /** Check if device is tablet */
11848
+ isTablet(): boolean;
11849
+ /** Get recommended preset based on device type */
11850
+ getRecommendedPreset(): "performance" | "balanced" | "quality";
11851
+ /** Get device pixel ratio */
11852
+ getPixelRatio(): number;
11853
+ /** Check if device has touch support */
11854
+ hasTouchSupport(): boolean;
11855
+ };
11751
11856
 
11752
11857
  /**
11753
11858
  * Simplified hook for chart data processing
@@ -11798,58 +11903,62 @@ interface UseBlockReturn {
11798
11903
  */
11799
11904
  declare const useBlock: () => UseBlockReturn;
11800
11905
 
11906
+ declare const __lib_composables_BALANCED_PRESET: typeof BALANCED_PRESET;
11801
11907
  type __lib_composables_BarChartOptions = BarChartOptions;
11802
11908
  type __lib_composables_BarDimensions = BarDimensions;
11803
- declare const __lib_composables_DOTS: typeof DOTS;
11909
+ declare const __lib_composables_DEFAULT_BREAKPOINTS: typeof DEFAULT_BREAKPOINTS;
11910
+ declare const __lib_composables_DeviceDetector: typeof DeviceDetector;
11804
11911
  type __lib_composables_LineChartOptions = LineChartOptions;
11912
+ declare const __lib_composables_MOBILE_OPTIMIZED_BREAKPOINTS: typeof MOBILE_OPTIMIZED_BREAKPOINTS;
11913
+ declare const __lib_composables_PERFORMANCE_PRESET: typeof PERFORMANCE_PRESET;
11914
+ type __lib_composables_PerformanceMetrics = PerformanceMetrics;
11915
+ type __lib_composables_PerformanceMonitorConfig = PerformanceMonitorConfig;
11916
+ declare const __lib_composables_PerformanceOverlay: typeof PerformanceOverlay;
11805
11917
  type __lib_composables_PieChartOptions = PieChartOptions;
11806
11918
  type __lib_composables_PieSlice = PieSlice;
11919
+ declare const __lib_composables_QUALITY_PRESET: typeof QUALITY_PRESET;
11807
11920
  type __lib_composables_RiverContentColumn = RiverContentColumn;
11808
11921
  type __lib_composables_RiverProps = RiverProps;
11809
11922
  type __lib_composables_UseBlockOptions = UseBlockOptions;
11810
11923
  type __lib_composables_UseBlockReturn = UseBlockReturn;
11811
- type __lib_composables_UseDataTableProps = UseDataTableProps;
11812
- type __lib_composables_UseDataTableReturn = UseDataTableReturn;
11813
- type __lib_composables_UseModalProps = UseModalProps;
11814
- type __lib_composables_UseModalReturn = UseModalReturn;
11815
- type __lib_composables_UseSliderOptions = UseSliderOptions;
11816
- type __lib_composables_UseSliderReturn = UseSliderReturn;
11924
+ type __lib_composables_UsePerformanceMonitorReturn = UsePerformanceMonitorReturn;
11925
+ declare const __lib_composables_createBreakpoints: typeof createBreakpoints;
11926
+ declare const __lib_composables_getDefaultBreakpoints: typeof getDefaultBreakpoints;
11927
+ declare const __lib_composables_getDevicePreset: typeof getDevicePreset;
11928
+ declare const __lib_composables_getMobileOptimizedParams: typeof getMobileOptimizedParams;
11929
+ declare const __lib_composables_getQualityMultipliers: typeof getQualityMultipliers;
11817
11930
  declare const __lib_composables_useAccordion: typeof useAccordion;
11818
11931
  declare const __lib_composables_useAtomixGlass: typeof useAtomixGlass;
11819
11932
  declare const __lib_composables_useBadge: typeof useBadge;
11820
11933
  declare const __lib_composables_useBarChart: typeof useBarChart;
11821
11934
  declare const __lib_composables_useBlock: typeof useBlock;
11822
- declare const __lib_composables_useBreadcrumb: typeof useBreadcrumb;
11823
- declare const __lib_composables_useCard: typeof useCard;
11824
11935
  declare const __lib_composables_useChartData: typeof useChartData;
11825
11936
  declare const __lib_composables_useChartInteraction: typeof useChartInteraction;
11826
11937
  declare const __lib_composables_useChartScale: typeof useChartScale;
11827
- declare const __lib_composables_useDataTable: typeof useDataTable;
11828
11938
  declare const __lib_composables_useEdgePanel: typeof useEdgePanel;
11829
11939
  declare const __lib_composables_useForm: typeof useForm;
11830
11940
  declare const __lib_composables_useFormGroup: typeof useFormGroup;
11831
11941
  declare const __lib_composables_useHero: typeof useHero;
11832
11942
  declare const __lib_composables_useInput: typeof useInput;
11833
11943
  declare const __lib_composables_useLineChart: typeof useLineChart;
11834
- declare const __lib_composables_useModal: typeof useModal;
11835
11944
  declare const __lib_composables_useNav: typeof useNav;
11836
11945
  declare const __lib_composables_useNavDropdown: typeof useNavDropdown;
11837
11946
  declare const __lib_composables_useNavItem: typeof useNavItem;
11838
11947
  declare const __lib_composables_useNavbar: typeof useNavbar;
11839
- declare const __lib_composables_usePagination: typeof usePagination;
11948
+ declare const __lib_composables_usePerformanceMonitor: typeof usePerformanceMonitor;
11840
11949
  declare const __lib_composables_usePieChart: typeof usePieChart;
11841
11950
  declare const __lib_composables_useRadio: typeof useRadio;
11951
+ declare const __lib_composables_useResponsiveGlass: typeof useResponsiveGlass;
11842
11952
  declare const __lib_composables_useRiver: typeof useRiver;
11843
11953
  declare const __lib_composables_useSelect: typeof useSelect;
11844
11954
  declare const __lib_composables_useSideMenu: typeof useSideMenu;
11845
11955
  declare const __lib_composables_useSideMenuItem: typeof useSideMenuItem;
11846
- declare const __lib_composables_useSlider: typeof useSlider;
11847
11956
  declare const __lib_composables_useSpinner: typeof useSpinner;
11848
11957
  declare const __lib_composables_useTextarea: typeof useTextarea;
11849
11958
  declare const __lib_composables_useTodo: typeof useTodo;
11850
11959
  declare namespace __lib_composables {
11851
- export { __lib_composables_DOTS as DOTS, __lib_composables_useAccordion as useAccordion, __lib_composables_useAtomixGlass as useAtomixGlass, __lib_composables_useBadge as useBadge, __lib_composables_useBarChart as useBarChart, __lib_composables_useBlock as useBlock, __lib_composables_useBreadcrumb as useBreadcrumb, __lib_composables_useCard as useCard, __lib_composables_useChartData as useChartData, __lib_composables_useChartInteraction as useChartInteraction, __lib_composables_useChartScale as useChartScale, __lib_composables_useDataTable as useDataTable, __lib_composables_useEdgePanel as useEdgePanel, __lib_composables_useForm as useForm, __lib_composables_useFormGroup as useFormGroup, __lib_composables_useHero as useHero, __lib_composables_useInput as useInput, __lib_composables_useLineChart as useLineChart, __lib_composables_useModal as useModal, __lib_composables_useNav as useNav, __lib_composables_useNavDropdown as useNavDropdown, __lib_composables_useNavItem as useNavItem, __lib_composables_useNavbar as useNavbar, __lib_composables_usePagination as usePagination, __lib_composables_usePieChart as usePieChart, __lib_composables_useRadio as useRadio, __lib_composables_useRiver as useRiver, __lib_composables_useSelect as useSelect, __lib_composables_useSideMenu as useSideMenu, __lib_composables_useSideMenuItem as useSideMenuItem, __lib_composables_useSlider as useSlider, __lib_composables_useSpinner as useSpinner, __lib_composables_useTextarea as useTextarea, __lib_composables_useTodo as useTodo };
11852
- export type { __lib_composables_BarChartOptions as BarChartOptions, __lib_composables_BarDimensions as BarDimensions, __lib_composables_LineChartOptions as LineChartOptions, __lib_composables_PieChartOptions as PieChartOptions, __lib_composables_PieSlice as PieSlice, __lib_composables_RiverContentColumn as RiverContentColumn, __lib_composables_RiverProps as RiverProps, __lib_composables_UseBlockOptions as UseBlockOptions, __lib_composables_UseBlockReturn as UseBlockReturn, __lib_composables_UseDataTableProps as UseDataTableProps, __lib_composables_UseDataTableReturn as UseDataTableReturn, __lib_composables_UseModalProps as UseModalProps, __lib_composables_UseModalReturn as UseModalReturn, __lib_composables_UseSliderOptions as UseSliderOptions, __lib_composables_UseSliderReturn as UseSliderReturn };
11960
+ export { __lib_composables_BALANCED_PRESET as BALANCED_PRESET, __lib_composables_DEFAULT_BREAKPOINTS as DEFAULT_BREAKPOINTS, __lib_composables_DeviceDetector as DeviceDetector, __lib_composables_MOBILE_OPTIMIZED_BREAKPOINTS as MOBILE_OPTIMIZED_BREAKPOINTS, __lib_composables_PERFORMANCE_PRESET as PERFORMANCE_PRESET, __lib_composables_PerformanceOverlay as PerformanceOverlay, __lib_composables_QUALITY_PRESET as QUALITY_PRESET, __lib_composables_createBreakpoints as createBreakpoints, __lib_composables_getDefaultBreakpoints as getDefaultBreakpoints, __lib_composables_getDevicePreset as getDevicePreset, __lib_composables_getMobileOptimizedParams as getMobileOptimizedParams, __lib_composables_getQualityMultipliers as getQualityMultipliers, __lib_composables_useAccordion as useAccordion, __lib_composables_useAtomixGlass as useAtomixGlass, __lib_composables_useBadge as useBadge, __lib_composables_useBarChart as useBarChart, __lib_composables_useBlock as useBlock, __lib_composables_useChartData as useChartData, __lib_composables_useChartInteraction as useChartInteraction, __lib_composables_useChartScale as useChartScale, __lib_composables_useEdgePanel as useEdgePanel, __lib_composables_useForm as useForm, __lib_composables_useFormGroup as useFormGroup, __lib_composables_useHero as useHero, __lib_composables_useInput as useInput, __lib_composables_useLineChart as useLineChart, __lib_composables_useNav as useNav, __lib_composables_useNavDropdown as useNavDropdown, __lib_composables_useNavItem as useNavItem, __lib_composables_useNavbar as useNavbar, __lib_composables_usePerformanceMonitor as usePerformanceMonitor, __lib_composables_usePieChart as usePieChart, __lib_composables_useRadio as useRadio, __lib_composables_useResponsiveGlass as useResponsiveGlass, __lib_composables_useRiver as useRiver, __lib_composables_useSelect as useSelect, __lib_composables_useSideMenu as useSideMenu, __lib_composables_useSideMenuItem as useSideMenuItem, __lib_composables_useSpinner as useSpinner, __lib_composables_useTextarea as useTextarea, __lib_composables_useTodo as useTodo };
11961
+ export type { __lib_composables_BarChartOptions as BarChartOptions, __lib_composables_BarDimensions as BarDimensions, __lib_composables_LineChartOptions as LineChartOptions, __lib_composables_PerformanceMetrics as PerformanceMetrics, __lib_composables_PerformanceMonitorConfig as PerformanceMonitorConfig, __lib_composables_PieChartOptions as PieChartOptions, __lib_composables_PieSlice as PieSlice, __lib_composables_RiverContentColumn as RiverContentColumn, __lib_composables_RiverProps as RiverProps, __lib_composables_UseBlockOptions as UseBlockOptions, __lib_composables_UseBlockReturn as UseBlockReturn, __lib_composables_UsePerformanceMonitorReturn as UsePerformanceMonitorReturn };
11853
11962
  }
11854
11963
 
11855
11964
  interface AtomixLogoProps extends React__default.SVGProps<SVGSVGElement> {
@@ -11873,6 +11982,8 @@ declare const AtomixLogo: React__default.FC<AtomixLogoProps>;
11873
11982
  * - Focus ring support for keyboard navigation
11874
11983
  * - Responsive breakpoints for mobile optimization
11875
11984
  * - Enhanced ARIA attributes for screen readers
11985
+ * - Time-based animation system with FBM distortion
11986
+ * - Device preset optimization for performance/quality balance
11876
11987
  *
11877
11988
  * Design System Compliance:
11878
11989
  * - Uses design tokens for opacity, spacing, and colors
@@ -11929,8 +12040,14 @@ declare const AtomixLogo: React__default.FC<AtomixLogoProps>;
11929
12040
  * <AtomixGlass overLight="auto" debugOverLight={true}>
11930
12041
  * <div>Content with debug logging enabled</div>
11931
12042
  * </AtomixGlass>
12043
+ *
12044
+ * @example
12045
+ * // Performance-optimized for mobile devices
12046
+ * <AtomixGlass devicePreset="performance" disableResponsiveBreakpoints={false}>
12047
+ * <div>Mobile-optimized glass effect</div>
12048
+ * </AtomixGlass>
11932
12049
  */
11933
- declare function AtomixGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity, borderRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, className, padding, overLight, style, mode, onClick, shaderVariant, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, role, tabIndex, reducedMotion, highContrast, withoutEffects, withLiquidBlur, withBorder, withOverLightLayers, debugPerformance, debugBorderRadius, debugOverLight, height, width, ...rest }: AtomixGlassProps): react_jsx_runtime.JSX.Element;
12050
+ declare function AtomixGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity, borderRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, className, padding, overLight, style, mode, onClick, shaderVariant, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, role, tabIndex, reducedMotion, highContrast, withoutEffects, withLiquidBlur, withBorder, withOverLightLayers, debugPerformance, debugOverLight, height, width, withTimeAnimation, animationSpeed, withMultiLayerDistortion, distortionOctaves, distortionLacunarity, distortionGain, distortionQuality, devicePreset, disableResponsiveBreakpoints, ...rest }: AtomixGlassProps): react_jsx_runtime.JSX.Element;
11934
12051
 
11935
12052
  declare const Avatar: React__default.FC<AvatarProps>;
11936
12053
 
@@ -14890,6 +15007,31 @@ interface IntegrationConfig {
14890
15007
  colorMode?: string;
14891
15008
  };
14892
15009
  }
15010
+ /**
15011
+ * Plugin Configuration
15012
+ */
15013
+ interface PluginConfig {
15014
+ name: string;
15015
+ options?: Record<string, any>;
15016
+ }
15017
+ /**
15018
+ * Token Provider Configuration
15019
+ */
15020
+ interface TokenProviderConfig {
15021
+ type: 'figma' | 'style-dictionary' | 'w3c' | string;
15022
+ options?: Record<string, any>;
15023
+ }
15024
+ /**
15025
+ * Token Engine Configuration
15026
+ */
15027
+ interface TokenEngineConfig {
15028
+ providers?: Record<string, TokenProviderConfig>;
15029
+ sync?: {
15030
+ pull?: boolean;
15031
+ push?: boolean;
15032
+ onBuild?: boolean;
15033
+ };
15034
+ }
14893
15035
  /**
14894
15036
  * Atomix Configuration Interface
14895
15037
  *
@@ -14904,6 +15046,36 @@ interface AtomixConfig {
14904
15046
  * Example: prefix: 'myapp' → --myapp-primary instead of --atomix-primary
14905
15047
  */
14906
15048
  prefix?: string;
15049
+ /**
15050
+ * Plugins to extend CLI functionality
15051
+ */
15052
+ plugins?: (string | PluginConfig)[];
15053
+ /**
15054
+ * Universal Token Engine configuration
15055
+ */
15056
+ tokenEngine?: TokenEngineConfig;
15057
+ /**
15058
+ * AI-Assisted Scaffolding configuration
15059
+ */
15060
+ ai?: {
15061
+ /** AI provider (default: 'openai') */
15062
+ provider?: 'openai' | 'anthropic';
15063
+ /** LLM model to use */
15064
+ model?: string;
15065
+ /** API key for the provider */
15066
+ apiKey?: string;
15067
+ };
15068
+ /**
15069
+ * Performance & Telemetry (Phase 4)
15070
+ */
15071
+ telemetry?: {
15072
+ /** Enable local telemetry logging (default: false) */
15073
+ enabled?: boolean;
15074
+ /** Output path for telemetry logs (default: '.atomix/telemetry.json') */
15075
+ path?: string;
15076
+ /** Anonymize telemetry data (default: true) */
15077
+ anonymize?: boolean;
15078
+ };
14907
15079
  /**
14908
15080
  * Theme customization (Tailwind-like)
14909
15081
  *
@@ -15444,5 +15616,5 @@ declare const atomix: {
15444
15616
  VideoPlayer: React$1.ForwardRefExoticComponent<VideoPlayerProps & React$1.RefAttributes<HTMLVideoElement>>;
15445
15617
  };
15446
15618
 
15447
- export { ACCORDION, ATOMIX_GLASS, AVATAR, AVATAR_GROUP, _default as Accordion, AreaChart, AtomixGlass, AtomixLogo, Avatar, AvatarGroup, BADGE, BADGE_CSS_VARS, BLOCK, BREADCRUMB, BUTTON, BUTTON_CSS_VARS, BUTTON_GROUP, Badge, BarChart, Block, Breadcrumb, BubbleChart, Button, ButtonGroup, CALLOUT, CARD, CARD_CSS_VARS, CHART, CHECKBOX_CSS_VARS, CLASS_PREFIX, CODE_SNIPPET, COMPONENT_CSS_VARS, COUNTDOWN, Callout, CandlestickChart, Card, Chart, ChartRenderer, Checkbox, ColorModeToggle, Container, Countdown, DATA_TABLE_CLASSES, DATA_TABLE_SELECTORS, DATEPICKER, DEFAULT_ATOMIX_FONTS, DOTS, DROPDOWN, DROPDOWN_CSS_VARS, DataTable, DatePicker, DesignTokensCustomizer, DonutChart, Dropdown, EDGE_PANEL, EdgePanel, ElevationCard, FOOTER, FORM, FORM_GROUP, Footer, FooterLink, FooterSection, FooterSocialLink, Form, FormGroup, FunnelChart, GaugeChart, Grid, GridCol, HERO, HeatmapChart, Hero, INPUT, INPUT_CSS_VARS, Icon, Input, LIST, LIST_GROUP, LineChart, List, ListGroup, MESSAGES, MODAL, MODAL_CSS_VARS, MasonryGrid, MasonryGridItem, MegaMenu, MegaMenuColumn, MegaMenuLink, Menu, MenuDivider, MenuItem, Messages, Modal, MultiAxisChart, NAV, NAVBAR, Nav, NavDropdown, NavItem, Navbar, PAGINATION_DEFAULTS, PHOTOVIEWER, POPOVER, PROGRESS, PROGRESS_CSS_VARS, Pagination, PhotoViewer, PieChart, Popover, ProductReview, Progress, RADIO, RADIO_CSS_VARS, RATING, RIVER, RTLManager, RadarChart, Radio, Rating, River, Row, SECTION_INTRO, SELECT, SIDE_MENU, SIZES, SLIDER, SPINNER, STEPS, ScatterChart, SectionIntro, Select, SideMenu, SideMenuItem, SideMenuList, Slider, Spinner, Steps, TAB, TABS_CSS_VARS, TESTIMONIAL, TEXTAREA, THEME_COLORS, THEME_NAMING, TODO, TOGGLE, TOOLTIP, TOOLTIP_CSS_VARS, Tabs, Testimonial, Textarea, ThemeApplicator, ThemeComparator, ThemeContext, ThemeErrorBoundary, ThemeInspector, ThemeLiveEditor, ThemePreview, ThemeProvider, ThemeValidator, Todo, Toggle, Tooltip, TreemapChart, UPLOAD, Upload, VIDEO_PLAYER, VideoPlayer, WaterfallChart, applyCSSVariables, applyCSSVarsToStyle, applyComponentTheme, applyPartStyles, applyTheme, camelToKebab, clearThemes, composables, constants, createCSSVarStyle, createDarkVariant, createDebugAttrs, createFontPreloadLink, createPartProps, createSlotComponent, createSlotProps, createTheme, createThemeRegistry, createTokens, cssVarsToStyle, deepMerge, atomix as default, defaultTokens, defineConfig, designTokensToCSSVars, exportTheme, extendTheme, extractComponentName, extractYouTubeId, generateCSSVariableName, generateCSSVariables, generateCSSVariablesForSelector, generateClassName, generateComponentCSSVars, generateFontPreloadTags, generateUUID, getAllThemes, getCSSVariable, getComponentCSSVars, getComponentThemeValue, getPartStyles, getTheme, getThemeApplicator, getThemeCount, getThemeIds, getThemeMetadata, hasCustomization, hasTheme, importTheme, injectCSS, injectTheme, isCSSInjected, isDesignTokens, isSlot, isValidCSSVariableName, isYouTubeUrl, mapSCSSTokensToCSSVars, mergeCSSVars, mergeClassNames, mergeComponentProps, mergePartStyles, mergeSlots, mergeTheme, normalizeThemeTokens, preloadFonts, quickTheme, registerTheme, removeCSS, removeCSSVariables, removeTheme, renderSlot, sliderConstants, supportsDarkMode, theme, themePropertyToCSSVar, themeToCSS, types, unregisterTheme, useAccordion, useAtomixGlass, useBadge, useBarChart, useBlock, useBreadcrumb, useCard, useChartData, useChartInteraction, useChartScale, useComponentCustomization, useComponentDefaultProps, useComponentTheme, useDataTable, useEdgePanel, useForm, useFormGroup, useHero, useHistory, useInput, useLineChart, useMergedProps, useModal, useNav, useNavDropdown, useNavItem, useNavbar, usePagination, usePieChart, useRadio, useRiver, useSelect, useSideMenu, useSideMenuItem, useSlider, useSlot, useSpinner, useTextarea, useTheme, useThemeTokens, useTodo, utils, validateTheme };
15448
- export type { A11yIssue, AccordionParts, AccordionProps$1 as AccordionProps, AccordionState, AreaChartProps, AtomixConfig, AtomixGlassProps, AtomixLogoProps, AvatarGroupProps, AvatarParts, AvatarProps, AvatarSize, BadgeCSSVariable, BadgeParts, BadgeProps, BarChartOptions, BarChartProps, BarDimensions, BaseComponentProps, BlockProps, BreadcrumbInstance, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbOptions$1 as BreadcrumbOptions, BreadcrumbProps, BubbleChartProps, BubbleDataPoint, BuildConfig, ButtonCSSVariable, ButtonGroupProps, ButtonIconSlotProps, ButtonLabelSlotProps, ButtonParts, ButtonProps, ButtonRootSlotProps, ButtonSpinnerSlotProps, CSSThemeDefinition, CSSVariableConfig, CSSVariableNamingOptions, CalloutProps, CandlestickChartProps, CandlestickDataPoint, CardBodySlotProps, CardCSSVariable, CardFooterSlotProps, CardHeaderSlotProps, CardParts, CardProps, CardRootSlotProps, ChartAxis$1 as ChartAxis, ChartConfig$1 as ChartConfig, ChartDataPoint$1 as ChartDataPoint, ChartDataset$1 as ChartDataset, ChartProps$1 as ChartProps, ChartSize$1 as ChartSize, ChartType$1 as ChartType, CheckboxCSSVariable, CheckboxParts, CheckboxProps, CodeBlockProps, ColorModeToggleProps, ColorScale, ComponentCSSVariables, ComponentCustomization, ComponentName, ComponentParts, ComponentPartsMap, ComponentThemeOptions, ComponentThemeOverride, ContainerProps, CountdownProps, CustomizableComponentProps, DataTableColumn, DataTableParts, DataTableProps, DatePickerProps, DesignTokens, DesignTokensCustomizerProps, DisplacementMode, DonutChartProps, DropdownCSSVariable, DropdownDividerProps, DropdownHeaderProps, DropdownItemProps, DropdownMenuSlotProps, DropdownParts, DropdownPlacement, DropdownProps, DropdownRootSlotProps, DropdownToggleSlotProps, DropdownTrigger$1 as DropdownTrigger, EdgePanelMode, EdgePanelPosition, EdgePanelProps, ElementRefs, ElevationCardProps, ExportFormat, FontPreloadConfig, FooterLayout, FooterLinkProps, FooterProps, FooterSectionProps, FooterSocialLinkProps, FormGroupParts, FormGroupProps, FormProps, FunnelChartProps, FunnelDataPoint, GaugeChartProps, GenerateCSSVariablesOptions, GlassContainerProps, GlassMode, GlassSize, GridColProps, GridProps, HeatmapChartProps, HeatmapDataPoint, HeroAlignment, HeroBackgroundSlide, HeroBackgroundSliderConfig, HeroParts, HeroProps, IconPosition, IconProps, IconSize$1 as IconSize, IconWeight$1 as IconWeight, ImageType, InputCSSVariable, InputElementSlotProps, InputParts, InputProps, InputRootSlotProps, IntegrationConfig, JSThemeDefinition, LineChartOptions, LineChartProps, ListGroupProps$1 as ListGroupProps, ListParts, ListProps, MasonryGridItemProps, MasonryGridProps, MegaMenuColumnProps, MegaMenuLinkProps, MegaMenuProps, MenuDividerProps, MenuItemProps, MenuProps, MergePropsOptions, MessageItem, MessagesProps, ModalBackdropSlotProps, ModalCSSVariable, ModalContentSlotProps, ModalDialogSlotProps, ModalParts, ModalProps, ModalRootSlotProps, MousePosition, MultiAxisChartProps, NamingOptions, NavAlignment, NavDropdownProps, NavItemProps, NavProps, NavVariant, NavbarParts, NavbarPosition, NavbarProps, OverLightConfig, OverLightObjectConfig, PaginationProps, PaletteColorOptions, PartStyleProps, PhosphorIconsType$1 as PhosphorIconsType, PhotoViewerProps, PieChartOptions, PieChartProps, PieSlice, PopoverProps, PopoverTriggerProps, ProductReviewProps, ProgressCSSVariable, ProgressParts, ProgressProps, RTLConfig, RadarChartProps, RadioCSSVariable, RadioParts, RadioProps, RatingProps, RiverContentColumn, RiverProps, RowProps, RuntimeConfig, ScatterChartProps, ScatterDataPoint, SectionIntroProps, SelectOption$1 as SelectOption, SelectParts, SelectProps, SelectionMode, SideMenuItemProps, SideMenuListProps, SideMenuProps, Size, SliderAutoplay, SliderBreakpoint, SliderEffect, SliderLazy, SliderNavigation, SliderPagination, SliderProps, SliderRefs, SliderScrollbar, SliderSlide, SliderState, SliderThumbs, SliderVirtual, SliderZoom, SlotProps, SocialLink, SocialPlatform, SortConfig, SpinnerProps, StateModifier, StepsProps, TabsCSSVariable, TabsParts, TabsProps, TestimonialProps, TextareaParts, TextareaProps, Theme, ThemeChangeEvent, ThemeColor, ThemeComparatorProps, ThemeComponentOverrides, ThemeContextValue, ThemeDefinition, ThemeErrorBoundaryProps, ThemeInspectorProps, ThemeLiveEditorProps, ThemeLoadOptions, ThemeName, ThemePreviewProps, ThemeProviderProps, ThemeTokens, ThemeValidationResult, TodoItem, TodoProps, ToggleProps, TooltipCSSVariable, TooltipParts, TooltipProps, TreemapChartProps, TreemapDataPoint, TreemapNode, UploadProps, UseBlockOptions, UseBlockReturn, UseCardOptions, UseCardReturn, UseDataTableProps, UseDataTableReturn, UseHistoryOptions, UseHistoryReturn, UseModalProps, UseModalReturn, UseSliderOptions, UseSliderReturn, UseThemeReturn, ValidationResult, Variant, VideoChapter, VideoPlayerProps, VideoQuality, VideoSubtitle, WaterfallChartProps, WaterfallDataPoint, listvariant };
15619
+ export { ACCORDION, ATOMIX_GLASS, AVATAR, AVATAR_GROUP, _default as Accordion, AreaChart, AtomixGlass, AtomixLogo, Avatar, AvatarGroup, BADGE, BADGE_CSS_VARS, BALANCED_PRESET, BLOCK, BREADCRUMB, BUTTON, BUTTON_CSS_VARS, BUTTON_GROUP, Badge, BarChart, Block, Breadcrumb, BubbleChart, Button, ButtonGroup, CALLOUT, CARD, CARD_CSS_VARS, CHART, CHECKBOX_CSS_VARS, CLASS_PREFIX, CODE_SNIPPET, COMPONENT_CSS_VARS, COUNTDOWN, Callout, CandlestickChart, Card, Chart, ChartRenderer, Checkbox, ColorModeToggle, Container, Countdown, DATA_TABLE_CLASSES, DATA_TABLE_SELECTORS, DATEPICKER, DEFAULT_ATOMIX_FONTS, DEFAULT_BREAKPOINTS, DROPDOWN, DROPDOWN_CSS_VARS, DataTable, DatePicker, DesignTokensCustomizer, DeviceDetector, DonutChart, Dropdown, EDGE_PANEL, EdgePanel, ElevationCard, FOOTER, FORM, FORM_GROUP, Footer, FooterLink, FooterSection, FooterSocialLink, Form, FormGroup, FunnelChart, GaugeChart, Grid, GridCol, HERO, HeatmapChart, Hero, INPUT, INPUT_CSS_VARS, Icon, Input, LIST, LIST_GROUP, LineChart, List, ListGroup, MESSAGES, MOBILE_OPTIMIZED_BREAKPOINTS, MODAL, MODAL_CSS_VARS, MasonryGrid, MasonryGridItem, MegaMenu, MegaMenuColumn, MegaMenuLink, Menu, MenuDivider, MenuItem, Messages, Modal, MultiAxisChart, NAV, NAVBAR, Nav, NavDropdown, NavItem, Navbar, PAGINATION_DEFAULTS, PERFORMANCE_PRESET, PHOTOVIEWER, POPOVER, PROGRESS, PROGRESS_CSS_VARS, Pagination, PerformanceOverlay, PhotoViewer, PieChart, Popover, ProductReview, Progress, QUALITY_PRESET, RADIO, RADIO_CSS_VARS, RATING, RIVER, RTLManager, RadarChart, Radio, Rating, River, Row, SECTION_INTRO, SELECT, SIDE_MENU, SIZES, SLIDER, SPINNER, STEPS, ScatterChart, SectionIntro, Select, SideMenu, SideMenuItem, SideMenuList, Slider, Spinner, Steps, TAB, TABS_CSS_VARS, TESTIMONIAL, TEXTAREA, THEME_COLORS, THEME_NAMING, TODO, TOGGLE, TOOLTIP, TOOLTIP_CSS_VARS, TYPEDBUTTON, Tabs, Testimonial, Textarea, ThemeApplicator, ThemeComparator, ThemeContext, ThemeErrorBoundary, ThemeInspector, ThemeLiveEditor, ThemePreview, ThemeProvider, ThemeValidator, Todo, Toggle, Tooltip, TreemapChart, UPLOAD, Upload, VIDEO_PLAYER, VideoPlayer, WaterfallChart, applyCSSVariables, applyCSSVarsToStyle, applyComponentTheme, applyPartStyles, applyTheme, camelToKebab, clearThemes, composables, constants, createBreakpoints, createCSSVarStyle, createDarkVariant, createDebugAttrs, createFontPreloadLink, createPartProps, createSlotComponent, createSlotProps, createTheme, createThemeRegistry, createTokens, cssVarsToStyle, deepMerge, atomix as default, defaultTokens, defineConfig, designTokensToCSSVars, exportTheme, extendTheme, extractComponentName, extractYouTubeId, generateCSSVariableName, generateCSSVariables, generateCSSVariablesForSelector, generateClassName, generateComponentCSSVars, generateFontPreloadTags, generateUUID, getAllThemes, getCSSVariable, getComponentCSSVars, getComponentThemeValue, getDefaultBreakpoints, getDevicePreset, getMobileOptimizedParams, getPartStyles, getQualityMultipliers, getTheme, getThemeApplicator, getThemeCount, getThemeIds, getThemeMetadata, hasCustomization, hasTheme, importTheme, injectCSS, injectTheme, isCSSInjected, isDesignTokens, isSlot, isValidCSSVariableName, isYouTubeUrl, mapSCSSTokensToCSSVars, mergeCSSVars, mergeClassNames, mergeComponentProps, mergePartStyles, mergeSlots, mergeTheme, normalizeThemeTokens, preloadFonts, quickTheme, registerTheme, removeCSS, removeCSSVariables, removeTheme, renderSlot, sliderConstants, supportsDarkMode, theme, themePropertyToCSSVar, themeToCSS, types, unregisterTheme, useAccordion, useAtomixGlass, useBadge, useBarChart, useBlock, useChartData, useChartInteraction, useChartScale, useComponentCustomization, useComponentDefaultProps, useComponentTheme, useEdgePanel, useForm, useFormGroup, useHero, useHistory, useInput, useLineChart, useMergedProps, useNav, useNavDropdown, useNavItem, useNavbar, usePerformanceMonitor, usePieChart, useRadio, useResponsiveGlass, useRiver, useSelect, useSideMenu, useSideMenuItem, useSlot, useSpinner, useTextarea, useTheme, useThemeTokens, useTodo, utils, validateTheme };
15620
+ export type { A11yIssue, AccordionParts, AccordionProps$1 as AccordionProps, AccordionState, AreaChartProps, AtomixConfig, AtomixGlassProps, AtomixLogoProps, AvatarGroupProps, AvatarParts, AvatarProps, AvatarSize, BadgeCSSVariable, BadgeParts, BadgeProps, BarChartOptions, BarChartProps, BarDimensions, BaseComponentProps, BlockProps, BreadcrumbInstance, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbOptions, BreadcrumbProps, BubbleChartProps, BubbleDataPoint, BuildConfig, ButtonCSSVariable, ButtonGroupProps, ButtonIconSlotProps, ButtonLabelSlotProps, ButtonParts, ButtonProps, ButtonRootSlotProps, ButtonSpinnerSlotProps, CSSThemeDefinition, CSSVariableConfig, CSSVariableNamingOptions, CalloutProps, CandlestickChartProps, CandlestickDataPoint, CardBodySlotProps, CardCSSVariable, CardFooterSlotProps, CardHeaderSlotProps, CardParts, CardProps, CardRootSlotProps, ChartAxis$1 as ChartAxis, ChartConfig$1 as ChartConfig, ChartDataPoint$1 as ChartDataPoint, ChartDataset$1 as ChartDataset, ChartProps$1 as ChartProps, ChartSize$1 as ChartSize, ChartType$1 as ChartType, CheckboxCSSVariable, CheckboxParts, CheckboxProps, CodeBlockProps, ColorModeToggleProps, ColorScale, ComponentCSSVariables, ComponentCustomization, ComponentName, ComponentParts, ComponentPartsMap, ComponentThemeOptions, ComponentThemeOverride, ContainerProps, CountdownProps, CustomizableComponentProps, DataTableColumn, DataTableParts, DataTableProps, DatePickerProps, DesignTokens, DesignTokensCustomizerProps, DisplacementMode, DonutChartProps, DropdownCSSVariable, DropdownDividerProps, DropdownHeaderProps, DropdownItemProps, DropdownMenuSlotProps, DropdownParts, DropdownPlacement, DropdownProps, DropdownRootSlotProps, DropdownToggleSlotProps, DropdownTrigger$1 as DropdownTrigger, EdgePanelMode, EdgePanelPosition, EdgePanelProps, ElementRefs, ElevationCardProps, ExportFormat, FontPreloadConfig, FooterLayout, FooterLinkProps, FooterProps, FooterSectionProps, FooterSocialLinkProps, FormGroupParts, FormGroupProps, FormProps, FunnelChartProps, FunnelDataPoint, GaugeChartProps, GenerateCSSVariablesOptions, GlassContainerProps, GlassMode, GlassParams, GlassSize, GlassThemeTokens, GridColProps, GridProps, HeatmapChartProps, HeatmapDataPoint, HeroAlignment, HeroBackgroundSlide, HeroBackgroundSliderConfig, HeroParts, HeroProps, IconPosition, IconProps, IconSize$1 as IconSize, IconWeight$1 as IconWeight, ImageType, InputCSSVariable, InputElementSlotProps, InputParts, InputProps, InputRootSlotProps, IntegrationConfig, JSThemeDefinition, LineChartOptions, LineChartProps, ListGroupProps$1 as ListGroupProps, ListParts, ListProps, MasonryGridItemProps, MasonryGridProps, MegaMenuColumnProps, MegaMenuLinkProps, MegaMenuProps, MenuDividerProps, MenuItemProps, MenuProps, MergePropsOptions, MessageItem, MessagesProps, ModalBackdropSlotProps, ModalCSSVariable, ModalContentSlotProps, ModalDialogSlotProps, ModalParts, ModalProps, ModalRootSlotProps, MousePosition, MultiAxisChartProps, NamingOptions, NavAlignment, NavDropdownProps, NavItemProps, NavProps, NavVariant, NavbarParts, NavbarPosition, NavbarProps, OverLightConfig, OverLightObjectConfig, PaginationProps, PaletteColorOptions, PartStyleProps, PerformanceMetrics, PerformanceMonitorConfig, PhosphorIconsType$1 as PhosphorIconsType, PhotoViewerProps, PieChartOptions, PieChartProps, PieSlice, PluginConfig, PopoverProps, PopoverTriggerProps, ProductReviewProps, ProgressCSSVariable, ProgressParts, ProgressProps, RTLConfig, RadarChartProps, RadioCSSVariable, RadioParts, RadioProps, RatingProps, ResponsiveBreakpoint, RiverContentColumn, RiverProps, RowProps, RuntimeConfig, ScatterChartProps, ScatterDataPoint, SectionIntroProps, SelectOption$1 as SelectOption, SelectParts, SelectProps, SelectionMode, SideMenuItemProps, SideMenuListProps, SideMenuProps, Size, SliderAutoplay, SliderBreakpoint, SliderEffect, SliderLazy, SliderNavigation, SliderPagination, SliderProps, SliderRefs, SliderScrollbar, SliderSlide, SliderState, SliderThumbs, SliderVirtual, SliderZoom, SlotProps, SocialLink, SocialPlatform, SortConfig, SpinnerProps, StateModifier, StepsProps, TabsCSSVariable, TabsParts, TabsProps, TestimonialProps, TextareaParts, TextareaProps, Theme, ThemeChangeEvent, ThemeColor, ThemeComparatorProps, ThemeComponentOverrides, ThemeContextValue, ThemeDefinition, ThemeErrorBoundaryProps, ThemeInspectorProps, ThemeLiveEditorProps, ThemeLoadOptions, ThemeName, ThemePreviewProps, ThemeProviderProps, ThemeTokens, ThemeValidationResult, TodoItem, TodoProps, ToggleProps, TokenEngineConfig, TokenProviderConfig, TooltipCSSVariable, TooltipParts, TooltipProps, TreemapChartProps, TreemapDataPoint, TreemapNode, UploadProps, UseBlockOptions, UseBlockReturn, UseCardOptions, UseCardReturn, UseHistoryOptions, UseHistoryReturn, UsePerformanceMonitorReturn, UseThemeReturn, ValidationResult, Variant, VideoChapter, VideoPlayerProps, VideoQuality, VideoSubtitle, WaterfallChartProps, WaterfallDataPoint, listvariant };