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