@shohojdhara/atomix 0.4.8 → 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 (165) hide show
  1. package/atomix.config.ts +58 -1
  2. package/dist/atomix.css +148 -120
  3. package/dist/atomix.css.map +1 -1
  4. package/dist/atomix.min.css +1 -1
  5. package/dist/atomix.min.css.map +1 -1
  6. package/dist/charts.d.ts +33 -0
  7. package/dist/charts.js +1227 -122
  8. package/dist/charts.js.map +1 -1
  9. package/dist/core.d.ts +33 -10
  10. package/dist/core.js +1052 -41
  11. package/dist/core.js.map +1 -1
  12. package/dist/forms.d.ts +33 -0
  13. package/dist/forms.js +2086 -1035
  14. package/dist/forms.js.map +1 -1
  15. package/dist/heavy.d.ts +42 -1
  16. package/dist/heavy.js +1620 -600
  17. package/dist/heavy.js.map +1 -1
  18. package/dist/index.d.ts +441 -270
  19. package/dist/index.esm.js +1900 -638
  20. package/dist/index.esm.js.map +1 -1
  21. package/dist/index.js +1935 -670
  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 +148 -4
  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 +4 -1
  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 +135 -14
  44. package/scripts/cli/commands/init.js +45 -18
  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/component-validator.js +443 -0
  52. package/scripts/cli/internal/config-loader.js +162 -0
  53. package/scripts/cli/internal/filesystem.js +102 -2
  54. package/scripts/cli/internal/generator.js +359 -39
  55. package/scripts/cli/internal/glass-generator.js +398 -0
  56. package/scripts/cli/internal/hook-generator.js +369 -0
  57. package/scripts/cli/internal/hooks.js +61 -0
  58. package/scripts/cli/internal/itcss-generator.js +565 -0
  59. package/scripts/cli/internal/motion-generator.js +679 -0
  60. package/scripts/cli/internal/template-engine.js +301 -0
  61. package/scripts/cli/internal/theme-bridge.js +664 -0
  62. package/scripts/cli/internal/tokens/engine.js +122 -0
  63. package/scripts/cli/internal/tokens/provider.js +34 -0
  64. package/scripts/cli/internal/tokens/providers/figma.js +50 -0
  65. package/scripts/cli/internal/tokens/providers/style-dictionary.js +48 -0
  66. package/scripts/cli/internal/tokens/providers/w3c.js +48 -0
  67. package/scripts/cli/internal/tokens/token-provider.js +443 -0
  68. package/scripts/cli/internal/tokens/token-validator.js +513 -0
  69. package/scripts/cli/internal/validator.js +276 -0
  70. package/scripts/cli/internal/wizard.js +60 -6
  71. package/scripts/cli/mappings.js +23 -0
  72. package/scripts/cli/migration-tools.js +164 -94
  73. package/scripts/cli/plugins/style-dictionary.js +46 -0
  74. package/scripts/cli/templates/README.md +525 -95
  75. package/scripts/cli/templates/common-templates.js +40 -14
  76. package/scripts/cli/templates/components/react-component.ts +282 -0
  77. package/scripts/cli/templates/config/project-config.ts +112 -0
  78. package/scripts/cli/templates/hooks/use-component.ts +477 -0
  79. package/scripts/cli/templates/index.js +19 -4
  80. package/scripts/cli/templates/index.ts +171 -0
  81. package/scripts/cli/templates/next-templates.js +72 -0
  82. package/scripts/cli/templates/react-templates.js +70 -126
  83. package/scripts/cli/templates/scss-templates.js +35 -35
  84. package/scripts/cli/templates/stories/storybook-story.ts +241 -0
  85. package/scripts/cli/templates/styles/scss-component.ts +255 -0
  86. package/scripts/cli/templates/tests/vitest-test.ts +229 -0
  87. package/scripts/cli/templates/token-templates.js +337 -1
  88. package/scripts/cli/templates/tokens/token-generators.ts +1088 -0
  89. package/scripts/cli/templates/types/component-types.ts +145 -0
  90. package/scripts/cli/templates/utils/testing-utils.ts +144 -0
  91. package/scripts/cli/templates/vanilla-templates.js +39 -0
  92. package/scripts/cli/token-manager.js +8 -2
  93. package/scripts/cli/utils/cache-manager.js +240 -0
  94. package/scripts/cli/utils/detector.js +46 -0
  95. package/scripts/cli/utils/diagnostics.js +289 -0
  96. package/scripts/cli/utils/error.js +45 -3
  97. package/scripts/cli/utils/helpers.js +24 -0
  98. package/scripts/cli/utils/logger.js +1 -1
  99. package/scripts/cli/utils/security.js +302 -0
  100. package/scripts/cli/utils/telemetry.js +115 -0
  101. package/scripts/cli/utils/validation.js +4 -38
  102. package/scripts/cli/utils.js +46 -0
  103. package/src/components/Accordion/Accordion.stories.tsx +0 -18
  104. package/src/components/Accordion/Accordion.test.tsx +0 -17
  105. package/src/components/Accordion/Accordion.tsx +0 -4
  106. package/src/components/AtomixGlass/AtomixGlass.tsx +102 -2
  107. package/src/components/AtomixGlass/AtomixGlassContainer.tsx +125 -12
  108. package/src/components/AtomixGlass/PerformanceDashboard.tsx +219 -0
  109. package/src/components/AtomixGlass/README.md +25 -10
  110. package/src/components/AtomixGlass/animation-system.ts +578 -0
  111. package/src/components/AtomixGlass/shader-utils.ts +4 -1
  112. package/src/components/AtomixGlass/stories/Overview.stories.tsx +157 -6
  113. package/src/components/AtomixGlass/stories/Phase1-Animation.stories.tsx +653 -0
  114. package/src/components/AtomixGlass/stories/Phase1-Test.stories.tsx +95 -0
  115. package/src/components/AtomixGlass/stories/Playground.stories.tsx +51 -51
  116. package/src/components/AtomixGlass/stories/shared-components.tsx +6 -0
  117. package/src/components/Avatar/Avatar.tsx +1 -1
  118. package/src/components/Button/Button.stories.disabled-link.tsx +10 -0
  119. package/src/components/Button/Button.stories.tsx +10 -0
  120. package/src/components/Button/Button.test.tsx +16 -11
  121. package/src/components/Button/Button.tsx +4 -4
  122. package/src/components/Card/Card.tsx +1 -1
  123. package/src/components/Dropdown/Dropdown.tsx +12 -12
  124. package/src/components/Form/Select.tsx +62 -3
  125. package/src/components/Modal/Modal.tsx +14 -3
  126. package/src/components/Navigation/Navbar/Navbar.tsx +44 -0
  127. package/src/components/Slider/Slider.stories.tsx +3 -3
  128. package/src/components/Slider/Slider.tsx +38 -0
  129. package/src/components/Steps/Steps.tsx +3 -3
  130. package/src/components/Tabs/Tabs.tsx +77 -8
  131. package/src/components/Testimonial/Testimonial.tsx +1 -1
  132. package/src/components/TypedButton/TypedButton.stories.tsx +59 -0
  133. package/src/components/TypedButton/TypedButton.tsx +39 -0
  134. package/src/components/TypedButton/index.ts +2 -0
  135. package/src/components/VideoPlayer/VideoPlayer.tsx +11 -4
  136. package/src/lib/composables/index.ts +4 -7
  137. package/src/lib/composables/types.ts +45 -0
  138. package/src/lib/composables/useAccordion.ts +0 -7
  139. package/src/lib/composables/useAtomixGlass.ts +144 -5
  140. package/src/lib/composables/useChartExport.ts +3 -13
  141. package/src/lib/composables/useDropdown.ts +66 -0
  142. package/src/lib/composables/useFocusTrap.ts +80 -0
  143. package/src/lib/composables/usePerformanceMonitor.ts +448 -0
  144. package/src/lib/composables/useResponsiveGlass.presets.ts +192 -0
  145. package/src/lib/composables/useResponsiveGlass.ts +441 -0
  146. package/src/lib/composables/useTooltip.ts +16 -0
  147. package/src/lib/composables/useTypedButton.ts +66 -0
  148. package/src/lib/config/index.ts +62 -5
  149. package/src/lib/constants/components.ts +55 -0
  150. package/src/lib/theme/devtools/__tests__/useHistory.test.tsx +150 -0
  151. package/src/lib/theme/tokens/centralized-tokens.ts +120 -0
  152. package/src/lib/theme/utils/__tests__/domUtils.test.ts +101 -0
  153. package/src/lib/types/components.ts +37 -11
  154. package/src/lib/types/glass.ts +35 -0
  155. package/src/lib/types/index.ts +1 -0
  156. package/src/lib/utils/displacement-generator.ts +1 -1
  157. package/src/styles/01-settings/_settings.testtypecheck.scss +53 -0
  158. package/src/styles/01-settings/_settings.typedbutton.scss +53 -0
  159. package/src/styles/06-components/_components.testbutton.scss +212 -0
  160. package/src/styles/06-components/_components.testtypecheck.scss +212 -0
  161. package/src/styles/06-components/_components.typedbutton.scss +212 -0
  162. package/src/styles/99-utilities/_index.scss +1 -0
  163. package/src/styles/99-utilities/_utilities.text.scss +1 -1
  164. package/src/styles/99-utilities/_utilities.touch-target.scss +36 -0
  165. 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,
@@ -11409,6 +11516,12 @@ interface UseAtomixGlassOptions extends Omit<AtomixGlassProps, 'children'> {
11409
11516
  wrapperRef?: React__default.RefObject<HTMLDivElement>;
11410
11517
  children?: React__default.ReactNode;
11411
11518
  isFixedOrSticky?: boolean;
11519
+ withLiquidBlur?: boolean;
11520
+ animationQuality?: 'low' | 'medium' | 'high';
11521
+ timeSpeed?: number;
11522
+ noiseAmplitude?: number;
11523
+ noiseFrequency?: number;
11524
+ displacementStrength?: number;
11412
11525
  }
11413
11526
  interface UseAtomixGlassReturn {
11414
11527
  isHovered: boolean;
@@ -11433,6 +11546,14 @@ interface UseAtomixGlassReturn {
11433
11546
  borderOpacity: number;
11434
11547
  };
11435
11548
  transformStyle: string;
11549
+ getShaderTime: () => number;
11550
+ applyTimeBasedDistortion: (uv: {
11551
+ x: number;
11552
+ y: number;
11553
+ }) => {
11554
+ x: number;
11555
+ y: number;
11556
+ };
11436
11557
  handleMouseEnter: () => void;
11437
11558
  handleMouseLeave: () => void;
11438
11559
  handleMouseDown: () => void;
@@ -11443,7 +11564,7 @@ interface UseAtomixGlassReturn {
11443
11564
  * Composable hook for AtomixGlass component logic
11444
11565
  * Manages all state, calculations, and event handlers
11445
11566
  */
11446
- 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, }: 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;
11447
11568
 
11448
11569
  /**
11449
11570
  * Input state and functionality
@@ -11497,258 +11618,241 @@ declare function useTextarea(initialProps?: Partial<TextareaProps>): {
11497
11618
  generateTextareaClass: (props: Partial<TextareaProps>) => string;
11498
11619
  };
11499
11620
 
11500
- interface BreadcrumbOptions {
11501
- items: BreadcrumbItemType[];
11502
- divider?: React.ReactNode;
11503
- className?: string;
11504
- 'aria-label'?: string;
11505
- }
11506
11621
  /**
11507
- * Breadcrumb state and functionality
11508
- * @param initialOptions - Initial breadcrumb options
11509
- * @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
11510
11628
  */
11511
- declare function useBreadcrumb(initialOptions?: Partial<BreadcrumbOptions>): {
11512
- defaultOptions: BreadcrumbOptions;
11513
- generateBreadcrumbClass: (options: Partial<BreadcrumbOptions>) => string;
11514
- generateItemClass: (item: BreadcrumbItemType, isLast: boolean) => string;
11515
- isItemLink: (item: BreadcrumbItemType, isLast: boolean) => boolean;
11516
- parseItemsFromJson: (jsonString: string) => BreadcrumbItemType[];
11517
- };
11518
-
11629
+ declare const DEFAULT_BREAKPOINTS: Record<string, ResponsiveBreakpoint>;
11519
11630
  /**
11520
- * Hook for managing Card component state and behaviors
11521
- *
11522
- * @param options - Configuration options for the card
11523
- * @returns Card state and handlers
11631
+ * Hook options for responsive glass parameters
11524
11632
  */
11525
- declare const useCard: (options?: UseCardOptions) => UseCardReturn;
11526
-
11527
- interface UseDataTableProps {
11528
- /**
11529
- * Data array to display
11530
- */
11531
- data: any[];
11532
- /**
11533
- * Column definitions
11534
- */
11535
- columns: DataTableColumn[];
11536
- /**
11537
- * Whether the table is sortable
11538
- */
11539
- sortable?: boolean;
11540
- /**
11541
- * Whether the table is paginated
11542
- */
11543
- paginated?: boolean;
11544
- /**
11545
- * Number of rows per page
11546
- */
11547
- pageSize?: number;
11548
- /**
11549
- * Callback when sorting changes
11550
- */
11551
- onSort?: (sortConfig: SortConfig) => void;
11552
- /**
11553
- * Initial sort configuration
11554
- */
11555
- initialSortConfig?: SortConfig;
11556
- /**
11557
- * Row selection mode
11558
- */
11559
- selectionMode?: SelectionMode;
11560
- /**
11561
- * Selected row IDs (controlled)
11562
- */
11563
- selectedRowIds?: (string | number)[];
11564
- /**
11565
- * Callback when selection changes
11566
- */
11567
- onSelectionChange?: (selectedRows: any[], selectedIds: (string | number)[]) => void;
11568
- /**
11569
- * Key to use as unique identifier for rows
11570
- */
11571
- rowKey?: string | ((row: any) => string | number);
11572
- /**
11573
- * Column-specific filters
11574
- */
11575
- columnFilters?: boolean;
11576
- /**
11577
- * Whether columns can be reordered
11578
- */
11579
- reorderable?: boolean;
11580
- /**
11581
- * Callback when column order changes
11582
- */
11583
- onColumnReorder?: (columnKeys: string[]) => void;
11584
- /**
11585
- * Callback when column visibility changes
11586
- */
11587
- 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;
11588
11644
  }
11589
- interface UseDataTableReturn {
11590
- /**
11591
- * Data to display (filtered, sorted, paginated)
11592
- */
11593
- displayData: any[];
11594
- /**
11595
- * Current sort configuration
11596
- */
11597
- sortConfig: SortConfig | null;
11598
- /**
11599
- * Current page number
11600
- */
11601
- currentPage: number;
11602
- /**
11603
- * Total number of pages
11604
- */
11605
- totalPages: number;
11606
- /**
11607
- * Handle sort column click
11608
- */
11609
- handleSort: (key: string) => void;
11610
- /**
11611
- * Handle page change
11612
- */
11613
- handlePageChange: (page: number) => void;
11614
- /**
11615
- * Handle search input
11616
- */
11617
- handleSearch: (query: string) => void;
11618
- /**
11619
- * Selected row IDs
11620
- */
11621
- selectedRowIds: (string | number)[];
11622
- /**
11623
- * Selected rows data
11624
- */
11625
- selectedRows: any[];
11626
- /**
11627
- * Handle row selection
11628
- */
11629
- handleRowSelect: (rowId: string | number, selected: boolean) => void;
11630
- /**
11631
- * Handle select all
11632
- */
11633
- handleSelectAll: (selected: boolean) => void;
11634
- /**
11635
- * Whether all rows are selected
11636
- */
11637
- isAllSelected: boolean;
11638
- /**
11639
- * Whether some rows are selected
11640
- */
11641
- isIndeterminate: boolean;
11642
- /**
11643
- * Column order
11644
- */
11645
- columnOrder: string[];
11646
- /**
11647
- * Visible columns
11648
- */
11649
- visibleColumns: DataTableColumn[];
11650
- /**
11651
- * Column visibility map
11652
- */
11653
- columnVisibility: Record<string, boolean>;
11654
- /**
11655
- * Handle column visibility toggle
11656
- */
11657
- handleColumnVisibilityToggle: (columnKey: string) => void;
11658
- /**
11659
- * Column-specific filter values
11660
- */
11661
- columnFilterValues: Record<string, string>;
11662
- /**
11663
- * Handle column filter change
11664
- */
11665
- handleColumnFilterChange: (columnKey: string, value: string) => void;
11666
- /**
11667
- * Clear all column filters
11668
- */
11669
- 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;
11670
11659
  }
11671
11660
  /**
11672
- * 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
11673
11693
  */
11674
- 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>;
11675
11702
 
11676
- interface UseModalProps {
11677
- /**
11678
- * Whether the modal is open
11679
- */
11680
- isOpen?: boolean;
11681
- /**
11682
- * Callback when modal state changes
11683
- */
11684
- onOpenChange?: (isOpen: boolean) => void;
11685
- /**
11686
- * Callback when modal opens
11687
- */
11688
- onOpen?: () => void;
11689
- /**
11690
- * Callback when modal closes
11691
- */
11692
- 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;
11693
11742
  }
11694
- interface UseModalReturn {
11695
- /**
11696
- * Current open state
11697
- */
11698
- isOpen: boolean;
11699
- /**
11700
- * Function to open the modal
11701
- */
11702
- open: () => void;
11703
- /**
11704
- * Function to close the modal
11705
- */
11706
- close: () => void;
11707
- /**
11708
- * Function to toggle the modal
11709
- */
11710
- 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;
11711
11759
  }
11712
11760
  /**
11713
- * 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
11714
11784
  */
11715
- declare function useModal({ isOpen: isOpenProp, onOpenChange, onOpen, onClose, }?: UseModalProps): UseModalReturn;
11716
-
11717
- declare const DOTS = "...";
11718
- declare const usePagination: ({ currentPage, totalPages, siblingCount, onPageChange, }: Omit<PaginationProps, "className">) => {
11719
- paginationRange: (string | number)[];
11720
- currentPage: number;
11721
- totalPages: number;
11722
- goToPage: (page: number) => void;
11723
- nextPage: () => void;
11724
- prevPage: () => void;
11725
- firstPage: () => void;
11726
- lastPage: () => void;
11727
- 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;
11728
11804
  };
11729
11805
 
11730
- interface UseSliderOptions extends Omit<SliderProps, 'slides' | 'children'> {
11731
- slides: SliderSlide[];
11732
- }
11733
- interface UseSliderReturn extends SliderState {
11734
- slideNext: () => void;
11735
- slidePrev: () => void;
11736
- goToSlide: (index: number) => void;
11737
- canSlideNext: boolean;
11738
- canSlidePrev: boolean;
11739
- containerRef: React.RefObject<HTMLDivElement | null>;
11740
- wrapperRef: React.RefObject<HTMLDivElement | null>;
11741
- handleTouchStart: (e: React.TouchEvent | React.MouseEvent) => void;
11742
- handleTouchMove: (e: React.TouchEvent | React.MouseEvent) => void;
11743
- handleTouchEnd: (e: React.TouchEvent | React.MouseEvent) => void;
11744
- allSlides: SliderSlide[];
11745
- translateValue: number;
11746
- slideWidth: number;
11747
- currentSlidesToShow: number;
11748
- loopedSlides: number;
11749
- repositioningRef: React.RefObject<boolean>;
11750
- }
11751
- 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
+ };
11752
11856
 
11753
11857
  /**
11754
11858
  * Simplified hook for chart data processing
@@ -11799,58 +11903,62 @@ interface UseBlockReturn {
11799
11903
  */
11800
11904
  declare const useBlock: () => UseBlockReturn;
11801
11905
 
11906
+ declare const __lib_composables_BALANCED_PRESET: typeof BALANCED_PRESET;
11802
11907
  type __lib_composables_BarChartOptions = BarChartOptions;
11803
11908
  type __lib_composables_BarDimensions = BarDimensions;
11804
- 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;
11805
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;
11806
11917
  type __lib_composables_PieChartOptions = PieChartOptions;
11807
11918
  type __lib_composables_PieSlice = PieSlice;
11919
+ declare const __lib_composables_QUALITY_PRESET: typeof QUALITY_PRESET;
11808
11920
  type __lib_composables_RiverContentColumn = RiverContentColumn;
11809
11921
  type __lib_composables_RiverProps = RiverProps;
11810
11922
  type __lib_composables_UseBlockOptions = UseBlockOptions;
11811
11923
  type __lib_composables_UseBlockReturn = UseBlockReturn;
11812
- type __lib_composables_UseDataTableProps = UseDataTableProps;
11813
- type __lib_composables_UseDataTableReturn = UseDataTableReturn;
11814
- type __lib_composables_UseModalProps = UseModalProps;
11815
- type __lib_composables_UseModalReturn = UseModalReturn;
11816
- type __lib_composables_UseSliderOptions = UseSliderOptions;
11817
- 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;
11818
11930
  declare const __lib_composables_useAccordion: typeof useAccordion;
11819
11931
  declare const __lib_composables_useAtomixGlass: typeof useAtomixGlass;
11820
11932
  declare const __lib_composables_useBadge: typeof useBadge;
11821
11933
  declare const __lib_composables_useBarChart: typeof useBarChart;
11822
11934
  declare const __lib_composables_useBlock: typeof useBlock;
11823
- declare const __lib_composables_useBreadcrumb: typeof useBreadcrumb;
11824
- declare const __lib_composables_useCard: typeof useCard;
11825
11935
  declare const __lib_composables_useChartData: typeof useChartData;
11826
11936
  declare const __lib_composables_useChartInteraction: typeof useChartInteraction;
11827
11937
  declare const __lib_composables_useChartScale: typeof useChartScale;
11828
- declare const __lib_composables_useDataTable: typeof useDataTable;
11829
11938
  declare const __lib_composables_useEdgePanel: typeof useEdgePanel;
11830
11939
  declare const __lib_composables_useForm: typeof useForm;
11831
11940
  declare const __lib_composables_useFormGroup: typeof useFormGroup;
11832
11941
  declare const __lib_composables_useHero: typeof useHero;
11833
11942
  declare const __lib_composables_useInput: typeof useInput;
11834
11943
  declare const __lib_composables_useLineChart: typeof useLineChart;
11835
- declare const __lib_composables_useModal: typeof useModal;
11836
11944
  declare const __lib_composables_useNav: typeof useNav;
11837
11945
  declare const __lib_composables_useNavDropdown: typeof useNavDropdown;
11838
11946
  declare const __lib_composables_useNavItem: typeof useNavItem;
11839
11947
  declare const __lib_composables_useNavbar: typeof useNavbar;
11840
- declare const __lib_composables_usePagination: typeof usePagination;
11948
+ declare const __lib_composables_usePerformanceMonitor: typeof usePerformanceMonitor;
11841
11949
  declare const __lib_composables_usePieChart: typeof usePieChart;
11842
11950
  declare const __lib_composables_useRadio: typeof useRadio;
11951
+ declare const __lib_composables_useResponsiveGlass: typeof useResponsiveGlass;
11843
11952
  declare const __lib_composables_useRiver: typeof useRiver;
11844
11953
  declare const __lib_composables_useSelect: typeof useSelect;
11845
11954
  declare const __lib_composables_useSideMenu: typeof useSideMenu;
11846
11955
  declare const __lib_composables_useSideMenuItem: typeof useSideMenuItem;
11847
- declare const __lib_composables_useSlider: typeof useSlider;
11848
11956
  declare const __lib_composables_useSpinner: typeof useSpinner;
11849
11957
  declare const __lib_composables_useTextarea: typeof useTextarea;
11850
11958
  declare const __lib_composables_useTodo: typeof useTodo;
11851
11959
  declare namespace __lib_composables {
11852
- 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 };
11853
- 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 };
11854
11962
  }
11855
11963
 
11856
11964
  interface AtomixLogoProps extends React__default.SVGProps<SVGSVGElement> {
@@ -11874,6 +11982,8 @@ declare const AtomixLogo: React__default.FC<AtomixLogoProps>;
11874
11982
  * - Focus ring support for keyboard navigation
11875
11983
  * - Responsive breakpoints for mobile optimization
11876
11984
  * - Enhanced ARIA attributes for screen readers
11985
+ * - Time-based animation system with FBM distortion
11986
+ * - Device preset optimization for performance/quality balance
11877
11987
  *
11878
11988
  * Design System Compliance:
11879
11989
  * - Uses design tokens for opacity, spacing, and colors
@@ -11930,8 +12040,14 @@ declare const AtomixLogo: React__default.FC<AtomixLogoProps>;
11930
12040
  * <AtomixGlass overLight="auto" debugOverLight={true}>
11931
12041
  * <div>Content with debug logging enabled</div>
11932
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>
11933
12049
  */
11934
- 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;
11935
12051
 
11936
12052
  declare const Avatar: React__default.FC<AvatarProps>;
11937
12053
 
@@ -14891,6 +15007,31 @@ interface IntegrationConfig {
14891
15007
  colorMode?: string;
14892
15008
  };
14893
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
+ }
14894
15035
  /**
14895
15036
  * Atomix Configuration Interface
14896
15037
  *
@@ -14905,6 +15046,36 @@ interface AtomixConfig {
14905
15046
  * Example: prefix: 'myapp' → --myapp-primary instead of --atomix-primary
14906
15047
  */
14907
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
+ };
14908
15079
  /**
14909
15080
  * Theme customization (Tailwind-like)
14910
15081
  *
@@ -15445,5 +15616,5 @@ declare const atomix: {
15445
15616
  VideoPlayer: React$1.ForwardRefExoticComponent<VideoPlayerProps & React$1.RefAttributes<HTMLVideoElement>>;
15446
15617
  };
15447
15618
 
15448
- 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 };
15449
- 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 };