@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.
- package/dist/atomix.css +117 -38
- package/dist/atomix.css.map +1 -1
- package/dist/atomix.min.css +1 -1
- package/dist/atomix.min.css.map +1 -1
- package/dist/atomix.umd.js +1 -1
- package/dist/atomix.umd.js.map +1 -1
- package/dist/atomix.umd.min.js +1 -1
- package/dist/charts.d.ts +30 -1
- package/dist/charts.js +566 -597
- package/dist/charts.js.map +1 -1
- package/dist/core.d.ts +30 -1
- package/dist/core.js +600 -624
- package/dist/core.js.map +1 -1
- package/dist/forms.d.ts +30 -1
- package/dist/forms.js +1122 -1163
- package/dist/forms.js.map +1 -1
- package/dist/heavy.d.ts +31 -89
- package/dist/heavy.js +1015 -1045
- package/dist/heavy.js.map +1 -1
- package/dist/index.d.ts +378 -104
- package/dist/index.esm.js +10959 -10837
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +10935 -10812
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Accordion/Accordion.tsx +2 -5
- package/src/components/AtomixGlass/AtomixGlass.test.tsx +14 -16
- package/src/components/AtomixGlass/AtomixGlass.tsx +137 -355
- package/src/components/AtomixGlass/AtomixGlassContainer.tsx +32 -249
- package/src/components/AtomixGlass/GlassFilter.tsx +62 -68
- package/src/components/AtomixGlass/README.md +2 -1
- package/src/components/AtomixGlass/__snapshots__/AtomixGlass.test.tsx.snap +19 -18
- package/src/components/AtomixGlass/glass-border-styles.test.ts +58 -0
- package/src/components/AtomixGlass/glass-border-styles.ts +136 -0
- package/src/components/AtomixGlass/glass-utils.ts +411 -6
- package/src/components/AtomixGlass/stories/AnimationFeatures.stories.tsx +158 -537
- package/src/components/AtomixGlass/stories/Border.stories.tsx +149 -0
- package/src/components/AtomixGlass/stories/Examples.stories.tsx +229 -89
- package/src/components/AtomixGlass/stories/Playground.stories.tsx +29 -340
- package/src/components/AtomixGlass/stories/argTypes.ts +30 -13
- package/src/components/AtomixGlass/stories/premium-presets.ts +206 -0
- package/src/components/AtomixGlass/stories/shared-components.tsx +52 -8
- package/src/components/Badge/Badge.tsx +4 -4
- package/src/components/Button/Button.tsx +2 -6
- package/src/components/Callout/Callout.test.tsx +4 -3
- package/src/components/Callout/Callout.tsx +2 -5
- package/src/components/Dropdown/Dropdown.tsx +3 -7
- package/src/components/Form/Checkbox.tsx +2 -8
- package/src/components/Form/Input.tsx +2 -9
- package/src/components/Form/Radio.tsx +2 -9
- package/src/components/Form/Select.tsx +2 -7
- package/src/components/Form/Textarea.tsx +2 -9
- package/src/components/Messages/Messages.tsx +2 -8
- package/src/components/Modal/Modal.tsx +4 -5
- package/src/components/Navigation/Nav/Nav.tsx +2 -6
- package/src/components/Navigation/Navbar/Navbar.tsx +2 -9
- package/src/components/Navigation/SideMenu/SideMenu.tsx +2 -6
- package/src/components/Pagination/Pagination.tsx +2 -10
- package/src/components/Popover/Popover.tsx +2 -9
- package/src/components/Progress/Progress.tsx +2 -7
- package/src/components/Rating/Rating.tsx +2 -10
- package/src/components/Spinner/Spinner.tsx +2 -7
- package/src/components/Steps/Steps.tsx +2 -10
- package/src/components/Tabs/Tabs.tsx +2 -9
- package/src/components/Toggle/Toggle.tsx +2 -10
- package/src/components/Tooltip/Tooltip.tsx +2 -5
- package/src/lib/composables/useAtomixGlass.ts +41 -10
- package/src/lib/composables/useAtomixGlassStyles.ts +59 -75
- package/src/lib/composables/usePerformanceMonitor.ts +5 -0
- package/src/lib/constants/components.ts +358 -46
- package/src/lib/types/components.ts +33 -1
- package/src/styles/01-settings/_settings.atomix-glass.scss +66 -28
- package/src/styles/02-tools/_tools.glass.scss +45 -3
- package/src/styles/06-components/_components.atomix-glass.scss +114 -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
|
-
|
|
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:
|
|
10798
|
-
ANGLE_MULTIPLIER:
|
|
10799
|
-
VELOCITY_ANGLE_MULTIPLIER:
|
|
10800
|
-
CHROMATIC_OFFSET:
|
|
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:
|
|
10803
|
-
BASE:
|
|
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:
|
|
10808
|
-
BASE:
|
|
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
|
-
|
|
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,
|
|
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 };
|