@shohojdhara/atomix 0.6.4 → 0.6.5

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 (77) hide show
  1. package/dist/atomix.css +117 -38
  2. package/dist/atomix.css.map +1 -1
  3. package/dist/atomix.min.css +1 -1
  4. package/dist/atomix.min.css.map +1 -1
  5. package/dist/atomix.umd.js +1 -1
  6. package/dist/atomix.umd.js.map +1 -1
  7. package/dist/atomix.umd.min.js +1 -1
  8. package/dist/charts.d.ts +30 -1
  9. package/dist/charts.js +566 -597
  10. package/dist/charts.js.map +1 -1
  11. package/dist/core.d.ts +30 -1
  12. package/dist/core.js +600 -624
  13. package/dist/core.js.map +1 -1
  14. package/dist/forms.d.ts +30 -1
  15. package/dist/forms.js +1122 -1163
  16. package/dist/forms.js.map +1 -1
  17. package/dist/heavy.d.ts +31 -89
  18. package/dist/heavy.js +1015 -1045
  19. package/dist/heavy.js.map +1 -1
  20. package/dist/index.d.ts +378 -104
  21. package/dist/index.esm.js +10959 -10837
  22. package/dist/index.esm.js.map +1 -1
  23. package/dist/index.js +10935 -10812
  24. package/dist/index.js.map +1 -1
  25. package/dist/index.min.js +1 -1
  26. package/dist/index.min.js.map +1 -1
  27. package/package.json +1 -1
  28. package/src/components/Accordion/Accordion.tsx +2 -5
  29. package/src/components/AtomixGlass/AtomixGlass.test.tsx +14 -16
  30. package/src/components/AtomixGlass/AtomixGlass.tsx +137 -355
  31. package/src/components/AtomixGlass/AtomixGlassContainer.tsx +32 -249
  32. package/src/components/AtomixGlass/GlassFilter.tsx +62 -68
  33. package/src/components/AtomixGlass/README.md +2 -1
  34. package/src/components/AtomixGlass/__snapshots__/AtomixGlass.test.tsx.snap +19 -18
  35. package/src/components/AtomixGlass/glass-border-styles.test.ts +58 -0
  36. package/src/components/AtomixGlass/glass-border-styles.ts +136 -0
  37. package/src/components/AtomixGlass/glass-utils.ts +411 -6
  38. package/src/components/AtomixGlass/stories/AnimationFeatures.stories.tsx +158 -537
  39. package/src/components/AtomixGlass/stories/Border.stories.tsx +149 -0
  40. package/src/components/AtomixGlass/stories/Examples.stories.tsx +229 -89
  41. package/src/components/AtomixGlass/stories/Playground.stories.tsx +29 -340
  42. package/src/components/AtomixGlass/stories/argTypes.ts +30 -13
  43. package/src/components/AtomixGlass/stories/premium-presets.ts +206 -0
  44. package/src/components/AtomixGlass/stories/shared-components.tsx +52 -8
  45. package/src/components/Badge/Badge.tsx +4 -4
  46. package/src/components/Button/Button.tsx +2 -6
  47. package/src/components/Callout/Callout.test.tsx +4 -3
  48. package/src/components/Callout/Callout.tsx +2 -5
  49. package/src/components/Dropdown/Dropdown.tsx +3 -7
  50. package/src/components/Form/Checkbox.tsx +2 -8
  51. package/src/components/Form/Input.tsx +2 -9
  52. package/src/components/Form/Radio.tsx +2 -9
  53. package/src/components/Form/Select.tsx +2 -7
  54. package/src/components/Form/Textarea.tsx +2 -9
  55. package/src/components/Messages/Messages.tsx +2 -8
  56. package/src/components/Modal/Modal.tsx +4 -5
  57. package/src/components/Navigation/Nav/Nav.tsx +2 -6
  58. package/src/components/Navigation/Navbar/Navbar.tsx +2 -9
  59. package/src/components/Navigation/SideMenu/SideMenu.tsx +2 -6
  60. package/src/components/Pagination/Pagination.tsx +2 -10
  61. package/src/components/Popover/Popover.tsx +2 -9
  62. package/src/components/Progress/Progress.tsx +2 -7
  63. package/src/components/Rating/Rating.tsx +2 -10
  64. package/src/components/Spinner/Spinner.tsx +2 -7
  65. package/src/components/Steps/Steps.tsx +2 -10
  66. package/src/components/Tabs/Tabs.tsx +2 -9
  67. package/src/components/Toggle/Toggle.tsx +2 -10
  68. package/src/components/Tooltip/Tooltip.tsx +2 -5
  69. package/src/lib/composables/useAtomixGlass.ts +41 -10
  70. package/src/lib/composables/useAtomixGlassStyles.ts +59 -75
  71. package/src/lib/composables/usePerformanceMonitor.ts +5 -0
  72. package/src/lib/constants/components.ts +358 -46
  73. package/src/lib/types/components.ts +33 -1
  74. package/src/styles/01-settings/_settings.atomix-glass.scss +66 -28
  75. package/src/styles/02-tools/_tools.glass.scss +45 -3
  76. package/src/styles/06-components/_components.atomix-glass.scss +114 -77
  77. package/src/components/AtomixGlass/deprecated/AtomixGlass.deprecated.tsx +0 -390
package/dist/index.d.ts CHANGED
@@ -1325,6 +1325,28 @@ interface OverLightObjectConfig {
1325
1325
  * saturationBoost: 2.0
1326
1326
  */
1327
1327
  saturationBoost?: number;
1328
+ /**
1329
+ * Rim opacity multiplier for animated border gradients (0.1 - 1.0)
1330
+ *
1331
+ * @default 0.7 when over-light is active, 0.35 otherwise
1332
+ */
1333
+ borderOpacity?: number;
1334
+ }
1335
+ /**
1336
+ * Liquid glass rim configuration (Apple-style hairline border).
1337
+ */
1338
+ interface GlassBorderConfig {
1339
+ /** Whether border layers render. @default true */
1340
+ enabled?: boolean;
1341
+ /** Rim width — maps to `--atomix-glass-border-width`. @default 0.5px */
1342
+ width?: string | number;
1343
+ /** Multiplier on rim gradient opacities. @default 1 */
1344
+ opacity?: number;
1345
+ /**
1346
+ * When false, skips JS gradient vars so SCSS static fallbacks apply.
1347
+ * @default true
1348
+ */
1349
+ animated?: boolean;
1328
1350
  }
1329
1351
  /**
1330
1352
  * AtomixGlass component props interface
@@ -1340,7 +1362,6 @@ interface AtomixGlassProps extends React.HTMLAttributes<HTMLDivElement> {
1340
1362
  globalMousePosition?: MousePosition;
1341
1363
  mouseOffset?: MousePosition;
1342
1364
  mouseContainer?: React.RefObject<HTMLElement | null> | null;
1343
- padding?: string;
1344
1365
  height?: string | number;
1345
1366
  width?: string | number;
1346
1367
  overLight?: OverLightConfig;
@@ -1368,6 +1389,14 @@ interface AtomixGlassProps extends React.HTMLAttributes<HTMLDivElement> {
1368
1389
  highContrast?: boolean;
1369
1390
  withoutEffects?: boolean;
1370
1391
  withLiquidBlur?: boolean;
1392
+ /**
1393
+ * Liquid glass rim — boolean shorthand or structured config.
1394
+ * Takes precedence over legacy `withBorder` when provided.
1395
+ */
1396
+ border?: boolean | GlassBorderConfig;
1397
+ /**
1398
+ * @deprecated Use `border` instead. When `border` is omitted, defaults to this value.
1399
+ */
1371
1400
  withBorder?: boolean;
1372
1401
  withOverLightLayers?: boolean;
1373
1402
  /**
@@ -9044,6 +9073,7 @@ type __lib_types_FooterSectionProps = FooterSectionProps;
9044
9073
  type __lib_types_FooterSocialLinkProps = FooterSocialLinkProps;
9045
9074
  type __lib_types_FormGroupProps = FormGroupProps;
9046
9075
  type __lib_types_FormProps = FormProps;
9076
+ type __lib_types_GlassBorderConfig = GlassBorderConfig;
9047
9077
  type __lib_types_GlassContainerProps = GlassContainerProps;
9048
9078
  type __lib_types_GlassMode = GlassMode;
9049
9079
  type __lib_types_GlassParams = GlassParams;
@@ -9123,7 +9153,7 @@ type __lib_types_VideoQuality = VideoQuality;
9123
9153
  type __lib_types_VideoSubtitle = VideoSubtitle;
9124
9154
  type __lib_types_listvariant = listvariant;
9125
9155
  declare namespace __lib_types {
9126
- 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, IconProps$1 as IconProps, 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 };
9156
+ 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_GlassBorderConfig as GlassBorderConfig, __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, IconProps$1 as IconProps, 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 };
9127
9157
  }
9128
9158
 
9129
9159
  /**
@@ -10713,6 +10743,275 @@ declare const FOOTER: {
10713
10743
  BACK_TO_TOP_TEXT: string;
10714
10744
  };
10715
10745
  };
10746
+ /**
10747
+ * Per-component AtomixGlass default configurations.
10748
+ *
10749
+ * These are the canonical glass-effect settings used by each component when
10750
+ * `glass={true}` is passed and no override props are supplied. They follow the
10751
+ * Apple "liquid glass" design language introduced in the AtomixGlass refinement:
10752
+ *
10753
+ * - Displacement is lower than the raw ATOMIX_GLASS.DEFAULTS (55) for tight
10754
+ * UI elements (Button, Badge, Accordion) and raised for overlay/panel surfaces.
10755
+ * - Elasticity is 0 for all static / overlay components — only interactive
10756
+ * standalone glass cards should use non-zero elasticity.
10757
+ * - Shader mode is enabled for surfaces ≥ "medium" viewport area (Navbar, Nav,
10758
+ * Popover, Tabs) where the refraction effect is visible and worth the cost.
10759
+ * - blurAmount is omitted where the SCSS $glass-backdrop-filter token is
10760
+ * sufficient on its own (Button, Accordion, Dropdown, EdgePanel).
10761
+ */
10762
+ declare const GLASS_DEFAULTS: {
10763
+ /**
10764
+ * Button — compact interactive element.
10765
+ * Low displacement + no blur override so the backdrop token handles frosting.
10766
+ * Zero elasticity: the button itself handles press/hover feedback.
10767
+ */
10768
+ readonly BUTTON: {
10769
+ readonly displacementScale: 16;
10770
+ readonly saturation: 180;
10771
+ readonly elasticity: 0;
10772
+ };
10773
+ /**
10774
+ * Badge — pill-shaped tag. Tiny surface, minimal distortion.
10775
+ * borderRadius is set dynamically at runtime; this serves as a safe fallback.
10776
+ */
10777
+ readonly BADGE: {
10778
+ readonly displacementScale: 14;
10779
+ readonly borderRadius: 16;
10780
+ readonly elasticity: 0;
10781
+ };
10782
+ /**
10783
+ * Accordion — block-level content container.
10784
+ * Gentle displacement; zero elasticity so open/close animation isn't jittery.
10785
+ */
10786
+ readonly ACCORDION: {
10787
+ readonly displacementScale: 18;
10788
+ readonly elasticity: 0;
10789
+ };
10790
+ /**
10791
+ * Callout — notification / alert banner.
10792
+ * Slightly more frosted than Accordion to give it visual priority.
10793
+ */
10794
+ readonly CALLOUT: {
10795
+ readonly displacementScale: 22;
10796
+ readonly borderRadius: 8;
10797
+ readonly elasticity: 0;
10798
+ };
10799
+ /**
10800
+ * Dropdown — floating menu. Small surface, should feel light and airy.
10801
+ * No blur override — rely on the backdrop token.
10802
+ */
10803
+ readonly DROPDOWN: {
10804
+ readonly displacementScale: 16;
10805
+ readonly elasticity: 0;
10806
+ };
10807
+ /**
10808
+ * EdgePanel — full-height side drawer.
10809
+ * Empty config: the panel inherits all ATOMIX_GLASS.DEFAULTS.
10810
+ * borderRadius and size are managed by the panel's own SCSS.
10811
+ */
10812
+ readonly EDGE_PANEL: Record<string, never>;
10813
+ /**
10814
+ * Modal — full-screen overlay dialog. Shader mode for premium refraction.
10815
+ * displacementScale omitted — set dynamically from modal content height at runtime.
10816
+ * elasticity: 0 — modals should not wobble when the user interacts with them.
10817
+ */
10818
+ readonly MODAL: {
10819
+ readonly blurAmount: 28;
10820
+ readonly elasticity: 0;
10821
+ readonly mode: "shader";
10822
+ readonly shaderMode: "premiumGlass";
10823
+ };
10824
+ /**
10825
+ * Navbar — sticky / fixed navigation bar spanning full width.
10826
+ * Shader gives the top edge a polished lens look.
10827
+ * borderRadius: 0 — navbars run edge-to-edge.
10828
+ * elasticity: 0 — no wobble on a fixed chrome element.
10829
+ */
10830
+ readonly NAVBAR: {
10831
+ readonly displacementScale: 24;
10832
+ readonly blurAmount: 24;
10833
+ readonly borderRadius: 0;
10834
+ readonly elasticity: 0;
10835
+ readonly mode: "shader";
10836
+ readonly shaderVariant: "premiumGlass";
10837
+ };
10838
+ /**
10839
+ * Nav (inline nav list) — narrower than a full Navbar, standard mode is
10840
+ * enough. Rounded corners to match typical pill / tab nav designs.
10841
+ */
10842
+ readonly NAV: {
10843
+ readonly displacementScale: 24;
10844
+ readonly blurAmount: 20;
10845
+ readonly borderRadius: 8;
10846
+ readonly elasticity: 0;
10847
+ readonly mode: "shader";
10848
+ };
10849
+ /**
10850
+ * SideMenu — persistent sidebar navigation.
10851
+ * Moderate displacement; shader for depth. Zero elasticity.
10852
+ */
10853
+ readonly SIDE_MENU: {
10854
+ readonly displacementScale: 24;
10855
+ readonly blurAmount: 24;
10856
+ readonly borderRadius: 0;
10857
+ readonly elasticity: 0;
10858
+ readonly mode: "shader";
10859
+ };
10860
+ /**
10861
+ * Popover — small floating card above content.
10862
+ * Shader mode + aberration for the characteristic lens fringe.
10863
+ * Low displacement so the content remains readable.
10864
+ */
10865
+ readonly POPOVER: {
10866
+ readonly displacementScale: 22;
10867
+ readonly blurAmount: 20;
10868
+ readonly saturation: 180;
10869
+ readonly aberrationIntensity: 0.35;
10870
+ readonly borderRadius: 12;
10871
+ readonly elasticity: 0;
10872
+ readonly mode: "shader";
10873
+ };
10874
+ /**
10875
+ * Tooltip — tiny single-line label.
10876
+ * Higher displacement than other small elements because tooltips float
10877
+ * freely and the distortion reads as depth. No shader (too small to matter).
10878
+ */
10879
+ readonly TOOLTIP: {
10880
+ readonly displacementScale: 18;
10881
+ readonly blurAmount: 16;
10882
+ readonly elasticity: 0;
10883
+ };
10884
+ /**
10885
+ * Tabs — tabbed content panel. Shader for the nav strip refraction.
10886
+ */
10887
+ readonly TABS: {
10888
+ readonly displacementScale: 24;
10889
+ readonly blurAmount: 20;
10890
+ readonly saturation: 180;
10891
+ readonly aberrationIntensity: 0.35;
10892
+ readonly borderRadius: 12;
10893
+ readonly elasticity: 0;
10894
+ readonly mode: "shader";
10895
+ };
10896
+ /**
10897
+ * Toggle — switch control. Compact, pill shape.
10898
+ * Relies on borderRadius from the component's own SCSS.
10899
+ */
10900
+ readonly TOGGLE: {
10901
+ readonly displacementScale: 16;
10902
+ readonly elasticity: 0;
10903
+ };
10904
+ /**
10905
+ * Form inputs (Input, Textarea, Select, Checkbox, Radio).
10906
+ * Unified glass feel for all form controls — subtle displacement,
10907
+ * rounded corners matching the $input-border-radius token (≈ 6px).
10908
+ */
10909
+ readonly INPUT: {
10910
+ readonly displacementScale: 18;
10911
+ readonly borderRadius: 6;
10912
+ readonly elasticity: 0;
10913
+ };
10914
+ readonly TEXTAREA: {
10915
+ readonly displacementScale: 18;
10916
+ readonly borderRadius: 6;
10917
+ readonly elasticity: 0;
10918
+ };
10919
+ readonly SELECT: {
10920
+ readonly displacementScale: 18;
10921
+ readonly borderRadius: 6;
10922
+ readonly elasticity: 0;
10923
+ };
10924
+ readonly CHECKBOX: {
10925
+ readonly displacementScale: 14;
10926
+ readonly borderRadius: 4;
10927
+ readonly elasticity: 0;
10928
+ };
10929
+ readonly RADIO: {
10930
+ readonly displacementScale: 14;
10931
+ readonly borderRadius: 99;
10932
+ readonly elasticity: 0;
10933
+ };
10934
+ /**
10935
+ * Pagination — row of page buttons.
10936
+ * Thin, horizontal strip; low displacement so numbers stay legible.
10937
+ */
10938
+ readonly PAGINATION: {
10939
+ readonly displacementScale: 18;
10940
+ readonly borderRadius: 8;
10941
+ readonly elasticity: 0;
10942
+ };
10943
+ /**
10944
+ * Progress — horizontal bar track.
10945
+ * Very low displacement — the bar should not distort.
10946
+ */
10947
+ readonly PROGRESS: {
10948
+ readonly displacementScale: 10;
10949
+ readonly borderRadius: 99;
10950
+ readonly elasticity: 0;
10951
+ };
10952
+ /**
10953
+ * Rating — star picker.
10954
+ * Compact inline element; minimal glass, no shader needed.
10955
+ */
10956
+ readonly RATING: {
10957
+ readonly displacementScale: 16;
10958
+ readonly elasticity: 0;
10959
+ };
10960
+ /**
10961
+ * Spinner — loading indicator.
10962
+ * Barely-there glass; the spinner itself provides visual interest.
10963
+ */
10964
+ readonly SPINNER: {
10965
+ readonly displacementScale: 12;
10966
+ readonly elasticity: 0;
10967
+ };
10968
+ /**
10969
+ * Steps — horizontal / vertical stepper.
10970
+ * Moderate displacement so the connector lines remain crisp.
10971
+ */
10972
+ readonly STEPS: {
10973
+ readonly displacementScale: 22;
10974
+ readonly borderRadius: 8;
10975
+ readonly elasticity: 0;
10976
+ };
10977
+ /**
10978
+ * Messages / chat bubbles.
10979
+ * Rounded pill-like bubbles; gentle glass to aid readability.
10980
+ */
10981
+ readonly MESSAGES: {
10982
+ readonly displacementScale: 20;
10983
+ readonly borderRadius: 16;
10984
+ readonly elasticity: 0;
10985
+ };
10986
+ };
10987
+ /**
10988
+ * Liquid glass border gradient math (canonical; mirrors _settings.atomix-glass.scss).
10989
+ */
10990
+ declare const GLASS_BORDER_GRADIENT: {
10991
+ readonly BASE_ANGLE: 135;
10992
+ readonly ANGLE_MULTIPLIER: 0.5;
10993
+ readonly VELOCITY_ANGLE_MULTIPLIER: 0.5;
10994
+ readonly CHROMATIC_OFFSET: 1.5;
10995
+ readonly STOP_1: {
10996
+ readonly MIN: 10;
10997
+ readonly BASE: 33;
10998
+ readonly MULTIPLIER: number;
10999
+ };
11000
+ readonly STOP_2: {
11001
+ readonly MAX: 90;
11002
+ readonly BASE: 66;
11003
+ readonly MULTIPLIER: number;
11004
+ };
11005
+ readonly OPACITY: {
11006
+ /** Matches $glass-border-1-opacity (0.08) */
11007
+ readonly BASE_1: 0.08;
11008
+ readonly BASE_2: number;
11009
+ readonly BASE_3: number;
11010
+ readonly BASE_4: number;
11011
+ readonly MULTIPLIER_LOW: number;
11012
+ readonly MULTIPLIER_HIGH: number;
11013
+ };
11014
+ };
10716
11015
  /**
10717
11016
  * AtomixGlass-specific constants
10718
11017
  */
@@ -10727,6 +11026,46 @@ declare const ATOMIX_GLASS: {
10727
11026
  BORDER_BACKDROP_CLASS: string;
10728
11027
  BORDER_1_CLASS: string;
10729
11028
  BORDER_2_CLASS: string;
11029
+ /** Centralized liquid glass rim configuration */
11030
+ BORDER: {
11031
+ WIDTH_CSS_VAR: string;
11032
+ DEFAULT_WIDTH: string;
11033
+ GRADIENT_CSS_VARS: {
11034
+ GRADIENT_1: string;
11035
+ GRADIENT_2: string;
11036
+ };
11037
+ GRADIENT: {
11038
+ readonly BASE_ANGLE: 135;
11039
+ readonly ANGLE_MULTIPLIER: 0.5;
11040
+ readonly VELOCITY_ANGLE_MULTIPLIER: 0.5;
11041
+ readonly CHROMATIC_OFFSET: 1.5;
11042
+ readonly STOP_1: {
11043
+ readonly MIN: 10;
11044
+ readonly BASE: 33;
11045
+ readonly MULTIPLIER: number;
11046
+ };
11047
+ readonly STOP_2: {
11048
+ readonly MAX: 90;
11049
+ readonly BASE: 66;
11050
+ readonly MULTIPLIER: number;
11051
+ };
11052
+ readonly OPACITY: {
11053
+ /** Matches $glass-border-1-opacity (0.08) */
11054
+ readonly BASE_1: 0.08;
11055
+ readonly BASE_2: number;
11056
+ readonly BASE_3: number;
11057
+ readonly BASE_4: number;
11058
+ readonly MULTIPLIER_LOW: number;
11059
+ readonly MULTIPLIER_HIGH: number;
11060
+ };
11061
+ };
11062
+ OVER_LIGHT: {
11063
+ opacity: number;
11064
+ };
11065
+ DARK: {
11066
+ opacity: number;
11067
+ };
11068
+ };
10730
11069
  HOVER_1_CLASS: string;
10731
11070
  HOVER_2_CLASS: string;
10732
11071
  HOVER_3_CLASS: string;
@@ -10754,13 +11093,14 @@ declare const ATOMIX_GLASS: {
10754
11093
  SHADER: string;
10755
11094
  };
10756
11095
  DEFAULTS: {
11096
+ /** Subtle refraction — Apple UI chrome avoids heavy liquid distortion */
10757
11097
  DISPLACEMENT_SCALE: number;
10758
11098
  readonly BLUR_AMOUNT: number;
10759
- readonly SATURATION: number;
11099
+ /** Fixed 180% matches Apple's saturate(180%) backdrop recipe */
11100
+ SATURATION: number;
10760
11101
  readonly ABERRATION_INTENSITY: number;
10761
11102
  ELASTICITY: number;
10762
11103
  readonly CORNER_RADIUS: number;
10763
- PADDING: string;
10764
11104
  MODE: "standard";
10765
11105
  OVER_LIGHT: false;
10766
11106
  ENABLE_OVER_LIGHT_LAYERS: boolean;
@@ -10794,22 +11134,26 @@ declare const ATOMIX_GLASS: {
10794
11134
  BLACK: string;
10795
11135
  };
10796
11136
  GRADIENT: {
10797
- BASE_ANGLE: number;
10798
- ANGLE_MULTIPLIER: number;
10799
- VELOCITY_ANGLE_MULTIPLIER: number;
10800
- CHROMATIC_OFFSET: number;
11137
+ BASE_ANGLE: 135;
11138
+ ANGLE_MULTIPLIER: 0.5;
11139
+ VELOCITY_ANGLE_MULTIPLIER: 0.5;
11140
+ CHROMATIC_OFFSET: 1.5;
11141
+ /** @deprecated Use ATOMIX_GLASS.BORDER.GRADIENT.STOP_1 */
10801
11142
  BORDER_STOP_1: {
10802
- MIN: number;
10803
- BASE: number;
11143
+ readonly MIN: 10;
11144
+ readonly BASE: 33;
10804
11145
  readonly MULTIPLIER: number;
10805
11146
  };
11147
+ /** @deprecated Use ATOMIX_GLASS.BORDER.GRADIENT.STOP_2 */
10806
11148
  BORDER_STOP_2: {
10807
- MAX: number;
10808
- BASE: number;
11149
+ readonly MAX: 90;
11150
+ readonly BASE: 66;
10809
11151
  readonly MULTIPLIER: number;
10810
11152
  };
11153
+ /** @deprecated Use ATOMIX_GLASS.BORDER.GRADIENT.OPACITY */
10811
11154
  BORDER_OPACITY: {
10812
- BASE_1: number;
11155
+ /** Matches $glass-border-1-opacity (0.08) */
11156
+ readonly BASE_1: 0.08;
10813
11157
  readonly BASE_2: number;
10814
11158
  readonly BASE_3: number;
10815
11159
  readonly BASE_4: number;
@@ -10885,6 +11229,9 @@ declare const ATOMIX_GLASS: {
10885
11229
  SATURATION: {
10886
11230
  HIGH_CONTRAST: number;
10887
11231
  };
11232
+ CONTAINER_SHADOW: {
11233
+ LIGHT: string;
11234
+ };
10888
11235
  ANIMATION: {
10889
11236
  BREATHING_CYCLE: number;
10890
11237
  FLOW_SPEED_X: number;
@@ -10940,6 +11287,8 @@ declare const __lib_constants_EDGE_PANEL: typeof EDGE_PANEL;
10940
11287
  declare const __lib_constants_FOOTER: typeof FOOTER;
10941
11288
  declare const __lib_constants_FORM: typeof FORM;
10942
11289
  declare const __lib_constants_FORM_GROUP: typeof FORM_GROUP;
11290
+ declare const __lib_constants_GLASS_BORDER_GRADIENT: typeof GLASS_BORDER_GRADIENT;
11291
+ declare const __lib_constants_GLASS_DEFAULTS: typeof GLASS_DEFAULTS;
10943
11292
  declare const __lib_constants_HERO: typeof HERO;
10944
11293
  declare const __lib_constants_INPUT: typeof INPUT;
10945
11294
  declare const __lib_constants_LIST: typeof LIST;
@@ -10999,6 +11348,8 @@ declare namespace __lib_constants {
10999
11348
  __lib_constants_FOOTER as FOOTER,
11000
11349
  __lib_constants_FORM as FORM,
11001
11350
  __lib_constants_FORM_GROUP as FORM_GROUP,
11351
+ __lib_constants_GLASS_BORDER_GRADIENT as GLASS_BORDER_GRADIENT,
11352
+ __lib_constants_GLASS_DEFAULTS as GLASS_DEFAULTS,
11002
11353
  __lib_constants_HERO as HERO,
11003
11354
  __lib_constants_INPUT as INPUT,
11004
11355
  __lib_constants_LIST as LIST,
@@ -11613,6 +11964,14 @@ declare function useFormGroup(initialProps?: Partial<FormGroupProps>): {
11613
11964
  generateFormGroupClass: (props: Partial<FormGroupProps>) => string;
11614
11965
  };
11615
11966
 
11967
+ /** Resolved border configuration after normalizing props. */
11968
+ interface ResolvedGlassBorderConfig {
11969
+ enabled: boolean;
11970
+ width: string;
11971
+ opacityMultiplier: number;
11972
+ animated: boolean;
11973
+ }
11974
+
11616
11975
  interface UseAtomixGlassOptions extends Omit<AtomixGlassProps, 'children'> {
11617
11976
  glassRef: React__default.RefObject<HTMLDivElement | null>;
11618
11977
  contentRef: React__default.RefObject<HTMLDivElement | null>;
@@ -11650,6 +12009,8 @@ interface UseAtomixGlassReturn {
11650
12009
  borderOpacity: number;
11651
12010
  };
11652
12011
  transformStyle: string;
12012
+ /** Resolved liquid glass rim configuration */
12013
+ resolvedBorder: ResolvedGlassBorderConfig;
11653
12014
  getShaderTime: () => number;
11654
12015
  applyTimeBasedDistortion: (uv: {
11655
12016
  x: number;
@@ -11668,7 +12029,7 @@ interface UseAtomixGlassReturn {
11668
12029
  * Composable hook for AtomixGlass component logic
11669
12030
  * Manages all state, calculations, and event handlers
11670
12031
  */
11671
- 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, priority, // Default priority
12032
+ declare function useAtomixGlass({ glassRef, contentRef, wrapperRef, borderRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, overLight, reducedMotion, highContrast, withoutEffects, border, withBorder, elasticity, onClick, debugBorderRadius, debugOverLight, children, blurAmount, saturation, withLiquidBlur, isFixedOrSticky, priority, // Default priority
11672
12033
  withTimeAnimation, animationSpeed, withMultiLayerDistortion, distortionOctaves, distortionLacunarity, distortionGain, distortionQuality, }: UseAtomixGlassOptions): UseAtomixGlassReturn;
11673
12034
 
11674
12035
  /**
@@ -12071,94 +12432,7 @@ interface AtomixLogoProps extends React__default.SVGProps<SVGSVGElement> {
12071
12432
  }
12072
12433
  declare const AtomixLogo: React__default.FC<AtomixLogoProps>;
12073
12434
 
12074
- /**
12075
- * AtomixGlass - A high-performance glass morphism component with liquid distortion effects
12076
- *
12077
- * Features:
12078
- * - Hardware-accelerated glass effects with SVG filters
12079
- * - Mouse-responsive liquid distortion
12080
- * - Dynamic border-radius extraction from children CSS properties
12081
- * - Automatic light/dark theme detection via overLight prop
12082
- * - Accessibility and performance optimizations
12083
- * - Multiple displacement modes (standard, polar, prominent, shader)
12084
- * - Design token integration for consistent theming
12085
- * - Focus ring support for keyboard navigation
12086
- * - Responsive breakpoints for mobile optimization
12087
- * - Enhanced ARIA attributes for screen readers
12088
- * - Time-based animation system with FBM distortion
12089
- * - Device preset optimization for performance/quality balance
12090
- *
12091
- * Design System Compliance:
12092
- * - Uses design tokens for opacity, spacing, and colors
12093
- * - Follows BEM methodology for class naming
12094
- * - Implements focus-ring mixin for accessibility
12095
- * - Supports reduced motion and high contrast preferences
12096
- *
12097
- * @example
12098
- * // Basic usage with dynamic border-radius extraction
12099
- * <AtomixGlass>
12100
- * <div style={{ borderRadius: '12px' }}>Content with 12px radius</div>
12101
- * </AtomixGlass>
12102
- *
12103
- * @example
12104
- * // Manual border-radius override
12105
- * <AtomixGlass borderRadius={20}>
12106
- * <div>Content with 20px glass radius</div>
12107
- * </AtomixGlass>
12108
- *
12109
- * @example
12110
- * // Interactive glass with click handler
12111
- * <AtomixGlass onClick={() => console.log('Clicked')} aria-label="Glass card">
12112
- * <div>Clickable content</div>
12113
- * </AtomixGlass>
12114
- *
12115
- * @example
12116
- * // OverLight - Boolean mode (explicit control)
12117
- * <AtomixGlass overLight={true}>
12118
- * <div>Content on light background</div>
12119
- * </AtomixGlass>
12120
- *
12121
- * @example
12122
- * // OverLight - Auto-detection mode
12123
- * <AtomixGlass overLight="auto">
12124
- * <div>Content with auto-detected background</div>
12125
- * </AtomixGlass>
12126
- *
12127
- * @example
12128
- * // OverLight - Object config with custom settings
12129
- * <AtomixGlass
12130
- * overLight={{
12131
- * threshold: 0.8,
12132
- * opacity: 0.6,
12133
- * contrast: 1.8,
12134
- * brightness: 1.0,
12135
- * saturationBoost: 1.5
12136
- * }}
12137
- * >
12138
- * <div>Content with custom overLight config</div>
12139
- * </AtomixGlass>
12140
- *
12141
- * @example
12142
- * // Debug mode for overLight detection
12143
- * <AtomixGlass overLight="auto" debugOverLight={true}>
12144
- * <div>Content with debug logging enabled</div>
12145
- * </AtomixGlass>
12146
- *
12147
- * @example
12148
- * // Performance-optimized for mobile devices
12149
- * <AtomixGlass devicePreset="performance" disableResponsiveBreakpoints={false}>
12150
- * <div>Mobile-optimized glass effect</div>
12151
- * </AtomixGlass>
12152
- */
12153
- declare global {
12154
- interface Window {
12155
- enablePerformanceMonitoring?: boolean;
12156
- }
12157
- }
12158
- /**
12159
- * AtomixGlass - wrapped with React.memo to prevent unnecessary re-renders.
12160
- * Ref is forwarded to the root `<div>` element.
12161
- */
12435
+ /** Memoized public export. Ref targets the root `.c-atomix-glass` wrapper. */
12162
12436
  declare const AtomixGlass: React__default.NamedExoticComponent<AtomixGlassProps & React__default.RefAttributes<HTMLDivElement>>;
12163
12437
 
12164
12438
  declare const Avatar: React__default.FC<AvatarProps>;
@@ -16836,5 +17110,5 @@ declare const atomix: {
16836
17110
  VideoPlayer: React$1.ForwardRefExoticComponent<VideoPlayerProps & React$1.RefAttributes<HTMLVideoElement>>;
16837
17111
  };
16838
17112
 
16839
- export { ACCORDION, ATOMIX_GLASS, AVATAR, AVATAR_GROUP, _default$1 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, 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, ThemeToggle, ThemeValidator, Todo, Toggle, Tooltip, TreemapChart, UPLOAD, Upload, VIDEO_PLAYER, VideoPlayer, WaterfallChart, alpha, applyCSSVariables, applyCSSVarsToStyle, applyComponentTheme, applyPartStyles, applyTheme, camelToKebab, clearThemePreference, clearThemes, composables, configToTokens, constants, createBreakpoints, createCSSVarStyle, createDarkVariant, createDebugAttrs, createFontPreloadLink, createPartProps, createPerformanceMonitor, createRTLManager, createResponsiveUtil, createSlotComponent, createSlotProps, createSpacing, createTheme, createThemeRegistry, createTokens, cssVarsToStyle, darken, deepMerge, atomix as default, defaultTokens, defineConfig, designTokensToCSSVars, emphasize, exportTheme, extendTheme, extractComponentName, extractYouTubeId, generateCSSVariableName, generateCSSVariables, generateCSSVariablesForSelector, generateClassName, generateComponentCSSVars, generateFontPreloadTags, generateUUID, getAllThemes, getCSSVariable, getComponentCSSVars, getComponentThemeValue, getContrastRatio, getContrastText, getCurrentTheme, getDefaultBreakpoints, getDevicePreset, getDirectionFromLocale, getLuminance, getMobileOptimizedParams, getPartStyles, getSystemTheme, getTheme, getThemeApplicator, getThemeCount, getThemeIds, getThemeMetadata, hasCustomization, hasTheme, hexToRgb, importTheme, initializeTheme, injectCSS, injectTheme, isAccessible, isCSSInjected, isDesignTokens, isRTLLocale, isSlot, isValidCSSVariableName, isYouTubeUrl, lighten, listenToSystemTheme, loadAtomixConfig, loadConfig, mapSCSSTokensToCSSVars, mergeCSSVars, mergeClassNames, mergeComponentProps, mergePartStyles, mergeSlots, mergeTheme, mergeTokens, normalizeThemeTokens, omitTokens, overrideTokens, persistTheme, pickTokens, preloadFonts, printConfigReport, quickTheme, registerTheme, removeCSS, removeCSSVariables, removeTheme, renderSlot, resolveConfigPath, rgbToHex, rtlCSS, sliderConstants, supportsDarkMode, switchTheme, theme, themePropertyToCSSVar, themeToCSS, toggleTheme, 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, useResponsive, useResponsiveGlass, useRiver, useSelect, useSideMenu, useSideMenuItem, useSlot, useSpinner, useTextarea, useTheme, useThemeSwitcher, useThemeTokens, useTodo, utils, validateConfig, validateConfiguration, validateTheme };
16840
- 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, DesignTokenCategory, DesignTokenValue, 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, GeneratorConfig, 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, InteractiveEffectsConfig, 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, OptimizationConfig, OverLightConfig, OverLightObjectConfig, PaginationProps, PaletteColorOptions, PartStyleProps, PerformanceMetrics, 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, ThemeMode, ThemeName, ThemePersistenceOptions, ThemePreviewProps, ThemeProviderProps, ThemeSwitcherOptions, ThemeToggleProps, ThemeTokens, ThemeValidationResult, TodoItem, TodoProps, ToggleProps, TokenEngineConfig, TokenProviderConfig, TooltipCSSVariable, TooltipParts, TooltipProps, TreemapChartProps, TreemapDataPoint, TreemapNode, UploadProps, UseBlockOptions, UseBlockReturn, UseCardOptions, UseCardReturn, UseHistoryOptions, UseHistoryReturn, UseThemeReturn, UseThemeSwitcherOptions, UseThemeSwitcherReturn, ValidationResult, Variant, VideoChapter, VideoPlayerProps, VideoQuality, VideoSubtitle, VisualPolishConfig, WaterfallChartProps, WaterfallDataPoint, listvariant };
17113
+ export { ACCORDION, ATOMIX_GLASS, AVATAR, AVATAR_GROUP, _default$1 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, GLASS_BORDER_GRADIENT, GLASS_DEFAULTS, 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, 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, ThemeToggle, ThemeValidator, Todo, Toggle, Tooltip, TreemapChart, UPLOAD, Upload, VIDEO_PLAYER, VideoPlayer, WaterfallChart, alpha, applyCSSVariables, applyCSSVarsToStyle, applyComponentTheme, applyPartStyles, applyTheme, camelToKebab, clearThemePreference, clearThemes, composables, configToTokens, constants, createBreakpoints, createCSSVarStyle, createDarkVariant, createDebugAttrs, createFontPreloadLink, createPartProps, createPerformanceMonitor, createRTLManager, createResponsiveUtil, createSlotComponent, createSlotProps, createSpacing, createTheme, createThemeRegistry, createTokens, cssVarsToStyle, darken, deepMerge, atomix as default, defaultTokens, defineConfig, designTokensToCSSVars, emphasize, exportTheme, extendTheme, extractComponentName, extractYouTubeId, generateCSSVariableName, generateCSSVariables, generateCSSVariablesForSelector, generateClassName, generateComponentCSSVars, generateFontPreloadTags, generateUUID, getAllThemes, getCSSVariable, getComponentCSSVars, getComponentThemeValue, getContrastRatio, getContrastText, getCurrentTheme, getDefaultBreakpoints, getDevicePreset, getDirectionFromLocale, getLuminance, getMobileOptimizedParams, getPartStyles, getSystemTheme, getTheme, getThemeApplicator, getThemeCount, getThemeIds, getThemeMetadata, hasCustomization, hasTheme, hexToRgb, importTheme, initializeTheme, injectCSS, injectTheme, isAccessible, isCSSInjected, isDesignTokens, isRTLLocale, isSlot, isValidCSSVariableName, isYouTubeUrl, lighten, listenToSystemTheme, loadAtomixConfig, loadConfig, mapSCSSTokensToCSSVars, mergeCSSVars, mergeClassNames, mergeComponentProps, mergePartStyles, mergeSlots, mergeTheme, mergeTokens, normalizeThemeTokens, omitTokens, overrideTokens, persistTheme, pickTokens, preloadFonts, printConfigReport, quickTheme, registerTheme, removeCSS, removeCSSVariables, removeTheme, renderSlot, resolveConfigPath, rgbToHex, rtlCSS, sliderConstants, supportsDarkMode, switchTheme, theme, themePropertyToCSSVar, themeToCSS, toggleTheme, 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, useResponsive, useResponsiveGlass, useRiver, useSelect, useSideMenu, useSideMenuItem, useSlot, useSpinner, useTextarea, useTheme, useThemeSwitcher, useThemeTokens, useTodo, utils, validateConfig, validateConfiguration, validateTheme };
17114
+ 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, DesignTokenCategory, DesignTokenValue, 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, GeneratorConfig, GlassBorderConfig, 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, InteractiveEffectsConfig, 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, OptimizationConfig, OverLightConfig, OverLightObjectConfig, PaginationProps, PaletteColorOptions, PartStyleProps, PerformanceMetrics, 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, ThemeMode, ThemeName, ThemePersistenceOptions, ThemePreviewProps, ThemeProviderProps, ThemeSwitcherOptions, ThemeToggleProps, ThemeTokens, ThemeValidationResult, TodoItem, TodoProps, ToggleProps, TokenEngineConfig, TokenProviderConfig, TooltipCSSVariable, TooltipParts, TooltipProps, TreemapChartProps, TreemapDataPoint, TreemapNode, UploadProps, UseBlockOptions, UseBlockReturn, UseCardOptions, UseCardReturn, UseHistoryOptions, UseHistoryReturn, UseThemeReturn, UseThemeSwitcherOptions, UseThemeSwitcherReturn, ValidationResult, Variant, VideoChapter, VideoPlayerProps, VideoQuality, VideoSubtitle, VisualPolishConfig, WaterfallChartProps, WaterfallDataPoint, listvariant };