@shohojdhara/atomix 0.4.7 → 0.4.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/atomix.config.ts +58 -1
- package/dist/atomix.css +172 -157
- package/dist/atomix.css.map +1 -1
- package/dist/atomix.min.css +4 -4
- package/dist/atomix.min.css.map +1 -1
- package/dist/charts.d.ts +33 -0
- package/dist/charts.js +1274 -164
- package/dist/charts.js.map +1 -1
- package/dist/core.d.ts +33 -10
- package/dist/core.js +1099 -83
- package/dist/core.js.map +1 -1
- package/dist/forms.d.ts +33 -0
- package/dist/forms.js +2106 -1050
- package/dist/forms.js.map +1 -1
- package/dist/heavy.d.ts +42 -1
- package/dist/heavy.js +1663 -638
- package/dist/heavy.js.map +1 -1
- package/dist/index.d.ts +442 -270
- package/dist/index.esm.js +1947 -680
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +1982 -712
- 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 +136 -1827
- 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 +115 -0
- package/scripts/cli/commands/clean.js +109 -0
- package/scripts/cli/commands/doctor.js +88 -0
- package/scripts/cli/commands/generate.js +218 -0
- package/scripts/cli/commands/init.js +73 -0
- 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/compiler.js +114 -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 +158 -0
- package/scripts/cli/internal/generator.js +430 -0
- 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 +115 -0
- 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 +89 -0
- package/scripts/cli/utils/helpers.js +67 -0
- package/scripts/cli/utils/logger.js +75 -0
- package/scripts/cli/utils/security.js +302 -0
- package/scripts/cli/utils/telemetry.js +115 -0
- package/scripts/cli/utils/validation.js +37 -0
- package/scripts/cli/utils.js +28 -341
- 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.test.tsx +37 -3
- package/src/components/AtomixGlass/AtomixGlass.tsx +143 -31
- package/src/components/AtomixGlass/AtomixGlassContainer.tsx +129 -31
- package/src/components/AtomixGlass/PerformanceDashboard.tsx +219 -0
- package/src/components/AtomixGlass/README.md +25 -10
- package/src/components/AtomixGlass/__snapshots__/AtomixGlass.test.tsx.snap +216 -0
- 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 +148 -6
- package/src/lib/composables/useAtomixGlassStyles.ts +9 -7
- 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 +62 -7
- 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.atomix-glass.scss +17 -21
- package/src/styles/06-components/_components.edge-panel.scss +1 -5
- package/src/styles/06-components/_components.modal.scss +1 -4
- package/src/styles/06-components/_components.navbar.scss +1 -1
- 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.tooltip.scss +9 -5
- 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/scripts/cli/component-generator.js +0 -564
- package/scripts/cli/interactive-init.js +0 -357
- 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,
|
|
@@ -11408,6 +11515,13 @@ interface UseAtomixGlassOptions extends Omit<AtomixGlassProps, 'children'> {
|
|
|
11408
11515
|
contentRef: React__default.RefObject<HTMLDivElement>;
|
|
11409
11516
|
wrapperRef?: React__default.RefObject<HTMLDivElement>;
|
|
11410
11517
|
children?: React__default.ReactNode;
|
|
11518
|
+
isFixedOrSticky?: boolean;
|
|
11519
|
+
withLiquidBlur?: boolean;
|
|
11520
|
+
animationQuality?: 'low' | 'medium' | 'high';
|
|
11521
|
+
timeSpeed?: number;
|
|
11522
|
+
noiseAmplitude?: number;
|
|
11523
|
+
noiseFrequency?: number;
|
|
11524
|
+
displacementStrength?: number;
|
|
11411
11525
|
}
|
|
11412
11526
|
interface UseAtomixGlassReturn {
|
|
11413
11527
|
isHovered: boolean;
|
|
@@ -11432,6 +11546,14 @@ interface UseAtomixGlassReturn {
|
|
|
11432
11546
|
borderOpacity: number;
|
|
11433
11547
|
};
|
|
11434
11548
|
transformStyle: string;
|
|
11549
|
+
getShaderTime: () => number;
|
|
11550
|
+
applyTimeBasedDistortion: (uv: {
|
|
11551
|
+
x: number;
|
|
11552
|
+
y: number;
|
|
11553
|
+
}) => {
|
|
11554
|
+
x: number;
|
|
11555
|
+
y: number;
|
|
11556
|
+
};
|
|
11435
11557
|
handleMouseEnter: () => void;
|
|
11436
11558
|
handleMouseLeave: () => void;
|
|
11437
11559
|
handleMouseDown: () => void;
|
|
@@ -11442,7 +11564,7 @@ interface UseAtomixGlassReturn {
|
|
|
11442
11564
|
* Composable hook for AtomixGlass component logic
|
|
11443
11565
|
* Manages all state, calculations, and event handlers
|
|
11444
11566
|
*/
|
|
11445
|
-
declare function useAtomixGlass({ glassRef, contentRef, wrapperRef, borderRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, overLight, reducedMotion, highContrast, withoutEffects, elasticity, onClick, debugBorderRadius, debugOverLight,
|
|
11567
|
+
declare function useAtomixGlass({ glassRef, contentRef, wrapperRef, borderRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, overLight, reducedMotion, highContrast, withoutEffects, elasticity, onClick, debugBorderRadius, debugOverLight, children, blurAmount, saturation, padding, withLiquidBlur, isFixedOrSticky, withTimeAnimation, animationSpeed, withMultiLayerDistortion, distortionOctaves, distortionLacunarity, distortionGain, distortionQuality, }: UseAtomixGlassOptions): UseAtomixGlassReturn;
|
|
11446
11568
|
|
|
11447
11569
|
/**
|
|
11448
11570
|
* Input state and functionality
|
|
@@ -11496,258 +11618,241 @@ declare function useTextarea(initialProps?: Partial<TextareaProps>): {
|
|
|
11496
11618
|
generateTextareaClass: (props: Partial<TextareaProps>) => string;
|
|
11497
11619
|
};
|
|
11498
11620
|
|
|
11499
|
-
interface BreadcrumbOptions {
|
|
11500
|
-
items: BreadcrumbItemType[];
|
|
11501
|
-
divider?: React.ReactNode;
|
|
11502
|
-
className?: string;
|
|
11503
|
-
'aria-label'?: string;
|
|
11504
|
-
}
|
|
11505
11621
|
/**
|
|
11506
|
-
*
|
|
11507
|
-
*
|
|
11508
|
-
*
|
|
11622
|
+
* Default responsive breakpoints configuration
|
|
11623
|
+
*
|
|
11624
|
+
* These breakpoints are optimized for glass effect performance across device classes:
|
|
11625
|
+
* - Mobile: Reduced complexity for 60 FPS target
|
|
11626
|
+
* - Tablet: Balanced quality and performance
|
|
11627
|
+
* - Desktop: Full fidelity effects
|
|
11509
11628
|
*/
|
|
11510
|
-
declare
|
|
11511
|
-
defaultOptions: BreadcrumbOptions;
|
|
11512
|
-
generateBreadcrumbClass: (options: Partial<BreadcrumbOptions>) => string;
|
|
11513
|
-
generateItemClass: (item: BreadcrumbItemType, isLast: boolean) => string;
|
|
11514
|
-
isItemLink: (item: BreadcrumbItemType, isLast: boolean) => boolean;
|
|
11515
|
-
parseItemsFromJson: (jsonString: string) => BreadcrumbItemType[];
|
|
11516
|
-
};
|
|
11517
|
-
|
|
11629
|
+
declare const DEFAULT_BREAKPOINTS: Record<string, ResponsiveBreakpoint>;
|
|
11518
11630
|
/**
|
|
11519
|
-
* Hook for
|
|
11520
|
-
*
|
|
11521
|
-
* @param options - Configuration options for the card
|
|
11522
|
-
* @returns Card state and handlers
|
|
11631
|
+
* Hook options for responsive glass parameters
|
|
11523
11632
|
*/
|
|
11524
|
-
|
|
11525
|
-
|
|
11526
|
-
|
|
11527
|
-
/**
|
|
11528
|
-
|
|
11529
|
-
|
|
11530
|
-
|
|
11531
|
-
/**
|
|
11532
|
-
|
|
11533
|
-
|
|
11534
|
-
|
|
11535
|
-
/**
|
|
11536
|
-
* Whether the table is sortable
|
|
11537
|
-
*/
|
|
11538
|
-
sortable?: boolean;
|
|
11539
|
-
/**
|
|
11540
|
-
* Whether the table is paginated
|
|
11541
|
-
*/
|
|
11542
|
-
paginated?: boolean;
|
|
11543
|
-
/**
|
|
11544
|
-
* Number of rows per page
|
|
11545
|
-
*/
|
|
11546
|
-
pageSize?: number;
|
|
11547
|
-
/**
|
|
11548
|
-
* Callback when sorting changes
|
|
11549
|
-
*/
|
|
11550
|
-
onSort?: (sortConfig: SortConfig) => void;
|
|
11551
|
-
/**
|
|
11552
|
-
* Initial sort configuration
|
|
11553
|
-
*/
|
|
11554
|
-
initialSortConfig?: SortConfig;
|
|
11555
|
-
/**
|
|
11556
|
-
* Row selection mode
|
|
11557
|
-
*/
|
|
11558
|
-
selectionMode?: SelectionMode;
|
|
11559
|
-
/**
|
|
11560
|
-
* Selected row IDs (controlled)
|
|
11561
|
-
*/
|
|
11562
|
-
selectedRowIds?: (string | number)[];
|
|
11563
|
-
/**
|
|
11564
|
-
* Callback when selection changes
|
|
11565
|
-
*/
|
|
11566
|
-
onSelectionChange?: (selectedRows: any[], selectedIds: (string | number)[]) => void;
|
|
11567
|
-
/**
|
|
11568
|
-
* Key to use as unique identifier for rows
|
|
11569
|
-
*/
|
|
11570
|
-
rowKey?: string | ((row: any) => string | number);
|
|
11571
|
-
/**
|
|
11572
|
-
* Column-specific filters
|
|
11573
|
-
*/
|
|
11574
|
-
columnFilters?: boolean;
|
|
11575
|
-
/**
|
|
11576
|
-
* Whether columns can be reordered
|
|
11577
|
-
*/
|
|
11578
|
-
reorderable?: boolean;
|
|
11579
|
-
/**
|
|
11580
|
-
* Callback when column order changes
|
|
11581
|
-
*/
|
|
11582
|
-
onColumnReorder?: (columnKeys: string[]) => void;
|
|
11583
|
-
/**
|
|
11584
|
-
* Callback when column visibility changes
|
|
11585
|
-
*/
|
|
11586
|
-
onColumnVisibilityChange?: (visibleColumns: string[]) => void;
|
|
11633
|
+
interface UseResponsiveGlassOptions {
|
|
11634
|
+
/** Base glass parameters (before responsive scaling) */
|
|
11635
|
+
baseParams: GlassParams;
|
|
11636
|
+
/** Custom breakpoints (optional, uses defaults if not provided) */
|
|
11637
|
+
breakpoints?: Record<string, ResponsiveBreakpoint>;
|
|
11638
|
+
/** Enable/disable responsive system */
|
|
11639
|
+
enabled?: boolean;
|
|
11640
|
+
/** Enable performance-based adjustments */
|
|
11641
|
+
enablePerformanceAdjustment?: boolean;
|
|
11642
|
+
/** Debug mode - logs breakpoint changes */
|
|
11643
|
+
debug?: boolean;
|
|
11587
11644
|
}
|
|
11588
|
-
|
|
11589
|
-
|
|
11590
|
-
|
|
11591
|
-
|
|
11592
|
-
|
|
11593
|
-
|
|
11594
|
-
|
|
11595
|
-
|
|
11596
|
-
|
|
11597
|
-
|
|
11598
|
-
|
|
11599
|
-
|
|
11600
|
-
|
|
11601
|
-
|
|
11602
|
-
* Total number of pages
|
|
11603
|
-
*/
|
|
11604
|
-
totalPages: number;
|
|
11605
|
-
/**
|
|
11606
|
-
* Handle sort column click
|
|
11607
|
-
*/
|
|
11608
|
-
handleSort: (key: string) => void;
|
|
11609
|
-
/**
|
|
11610
|
-
* Handle page change
|
|
11611
|
-
*/
|
|
11612
|
-
handlePageChange: (page: number) => void;
|
|
11613
|
-
/**
|
|
11614
|
-
* Handle search input
|
|
11615
|
-
*/
|
|
11616
|
-
handleSearch: (query: string) => void;
|
|
11617
|
-
/**
|
|
11618
|
-
* Selected row IDs
|
|
11619
|
-
*/
|
|
11620
|
-
selectedRowIds: (string | number)[];
|
|
11621
|
-
/**
|
|
11622
|
-
* Selected rows data
|
|
11623
|
-
*/
|
|
11624
|
-
selectedRows: any[];
|
|
11625
|
-
/**
|
|
11626
|
-
* Handle row selection
|
|
11627
|
-
*/
|
|
11628
|
-
handleRowSelect: (rowId: string | number, selected: boolean) => void;
|
|
11629
|
-
/**
|
|
11630
|
-
* Handle select all
|
|
11631
|
-
*/
|
|
11632
|
-
handleSelectAll: (selected: boolean) => void;
|
|
11633
|
-
/**
|
|
11634
|
-
* Whether all rows are selected
|
|
11635
|
-
*/
|
|
11636
|
-
isAllSelected: boolean;
|
|
11637
|
-
/**
|
|
11638
|
-
* Whether some rows are selected
|
|
11639
|
-
*/
|
|
11640
|
-
isIndeterminate: boolean;
|
|
11641
|
-
/**
|
|
11642
|
-
* Column order
|
|
11643
|
-
*/
|
|
11644
|
-
columnOrder: string[];
|
|
11645
|
-
/**
|
|
11646
|
-
* Visible columns
|
|
11647
|
-
*/
|
|
11648
|
-
visibleColumns: DataTableColumn[];
|
|
11649
|
-
/**
|
|
11650
|
-
* Column visibility map
|
|
11651
|
-
*/
|
|
11652
|
-
columnVisibility: Record<string, boolean>;
|
|
11653
|
-
/**
|
|
11654
|
-
* Handle column visibility toggle
|
|
11655
|
-
*/
|
|
11656
|
-
handleColumnVisibilityToggle: (columnKey: string) => void;
|
|
11657
|
-
/**
|
|
11658
|
-
* Column-specific filter values
|
|
11659
|
-
*/
|
|
11660
|
-
columnFilterValues: Record<string, string>;
|
|
11661
|
-
/**
|
|
11662
|
-
* Handle column filter change
|
|
11663
|
-
*/
|
|
11664
|
-
handleColumnFilterChange: (columnKey: string, value: string) => void;
|
|
11665
|
-
/**
|
|
11666
|
-
* Clear all column filters
|
|
11667
|
-
*/
|
|
11668
|
-
clearColumnFilters: () => void;
|
|
11645
|
+
/**
|
|
11646
|
+
* Return value from responsive glass hook
|
|
11647
|
+
*/
|
|
11648
|
+
interface UseResponsiveGlassReturn {
|
|
11649
|
+
/** Current responsive parameters based on breakpoint */
|
|
11650
|
+
responsiveParams: GlassParams;
|
|
11651
|
+
/** Current breakpoint name ('mobile', 'tablet', 'desktop', or 'custom') */
|
|
11652
|
+
currentBreakpoint: string;
|
|
11653
|
+
/** Current device performance tier */
|
|
11654
|
+
performanceTier: 'low' | 'medium' | 'high';
|
|
11655
|
+
/** Whether responsive system is active */
|
|
11656
|
+
isActive: boolean;
|
|
11657
|
+
/** Manually recalculate responsive parameters */
|
|
11658
|
+
recalculate: () => void;
|
|
11669
11659
|
}
|
|
11670
11660
|
/**
|
|
11671
|
-
*
|
|
11661
|
+
* Responsive Glass Parameters Hook
|
|
11662
|
+
*
|
|
11663
|
+
* Automatically adjusts glass effect parameters based on:
|
|
11664
|
+
* 1. Screen size (mobile/tablet/desktop breakpoints)
|
|
11665
|
+
* 2. Device performance (RAM and CPU detection)
|
|
11666
|
+
* 3. Custom breakpoint configuration
|
|
11667
|
+
*
|
|
11668
|
+
* Features:
|
|
11669
|
+
* - Debounced resize handling
|
|
11670
|
+
* - Performance-based quality adjustment
|
|
11671
|
+
* - Smooth parameter transitions
|
|
11672
|
+
* - Debug mode for development
|
|
11673
|
+
*
|
|
11674
|
+
* @example
|
|
11675
|
+
* ```typescript
|
|
11676
|
+
* const { responsiveParams, currentBreakpoint } = useResponsiveGlass({
|
|
11677
|
+
* baseParams: {
|
|
11678
|
+
* distortionOctaves: 5,
|
|
11679
|
+
* displacementScale: 20,
|
|
11680
|
+
* blurAmount: 10,
|
|
11681
|
+
* },
|
|
11682
|
+
* debug: true,
|
|
11683
|
+
* });
|
|
11684
|
+
* ```
|
|
11685
|
+
*
|
|
11686
|
+
* @param options Hook configuration options
|
|
11687
|
+
* @returns Responsive parameters and metadata
|
|
11688
|
+
*/
|
|
11689
|
+
declare function useResponsiveGlass({ baseParams, breakpoints, enabled, enablePerformanceAdjustment, debug, }: UseResponsiveGlassOptions): UseResponsiveGlassReturn;
|
|
11690
|
+
/**
|
|
11691
|
+
* Utility function to get default breakpoints
|
|
11692
|
+
* Useful for documentation and debugging
|
|
11672
11693
|
*/
|
|
11673
|
-
declare function
|
|
11694
|
+
declare function getDefaultBreakpoints(): Record<string, ResponsiveBreakpoint>;
|
|
11695
|
+
/**
|
|
11696
|
+
* Utility function to create custom breakpoints
|
|
11697
|
+
*
|
|
11698
|
+
* @param customBreakpoints Partial breakpoint overrides
|
|
11699
|
+
* @returns Complete breakpoint configuration
|
|
11700
|
+
*/
|
|
11701
|
+
declare function createBreakpoints(customBreakpoints: Partial<Record<string, ResponsiveBreakpoint>>): Record<string, ResponsiveBreakpoint>;
|
|
11674
11702
|
|
|
11675
|
-
|
|
11676
|
-
|
|
11677
|
-
|
|
11678
|
-
|
|
11679
|
-
|
|
11680
|
-
|
|
11681
|
-
|
|
11682
|
-
|
|
11683
|
-
|
|
11684
|
-
|
|
11685
|
-
|
|
11686
|
-
|
|
11687
|
-
|
|
11688
|
-
|
|
11689
|
-
|
|
11690
|
-
|
|
11691
|
-
|
|
11703
|
+
/**
|
|
11704
|
+
* Performance metrics collected by the monitor
|
|
11705
|
+
*/
|
|
11706
|
+
interface PerformanceMetrics {
|
|
11707
|
+
/** Frames per second (target: 60) */
|
|
11708
|
+
fps: number;
|
|
11709
|
+
/** Time to render last frame in milliseconds (target: <16ms) */
|
|
11710
|
+
frameTime: number;
|
|
11711
|
+
/** GPU memory usage in MB (if available, target: <50MB) */
|
|
11712
|
+
gpuMemory: number | null;
|
|
11713
|
+
/** Current quality level based on performance */
|
|
11714
|
+
qualityLevel: 'low' | 'medium' | 'high';
|
|
11715
|
+
/** Timestamp of last measurement */
|
|
11716
|
+
timestamp: number;
|
|
11717
|
+
/** Whether auto-scaling is active */
|
|
11718
|
+
isAutoScaling: boolean;
|
|
11719
|
+
/** Number of consecutive low-FPS frames */
|
|
11720
|
+
lowFpsCount: number;
|
|
11721
|
+
}
|
|
11722
|
+
/**
|
|
11723
|
+
* Configuration for performance monitor
|
|
11724
|
+
*/
|
|
11725
|
+
interface PerformanceMonitorConfig {
|
|
11726
|
+
/** Enable/disable monitoring */
|
|
11727
|
+
enabled?: boolean;
|
|
11728
|
+
/** Target FPS for auto-scaling (default: 60) */
|
|
11729
|
+
targetFps?: number;
|
|
11730
|
+
/** Minimum acceptable FPS before scaling down (default: 45) */
|
|
11731
|
+
minFps?: number;
|
|
11732
|
+
/** FPS threshold to scale up (default: 58) */
|
|
11733
|
+
scaleUpThreshold?: number;
|
|
11734
|
+
/** Consecutive low-FPS frames before scaling down (default: 3) */
|
|
11735
|
+
lowFpsFrames?: number;
|
|
11736
|
+
/** Consecutive high-FPS frames before scaling up (default: 10) */
|
|
11737
|
+
highFpsFrames?: number;
|
|
11738
|
+
/** Enable debug logging */
|
|
11739
|
+
debug?: boolean;
|
|
11740
|
+
/** Show debug overlay on screen */
|
|
11741
|
+
showOverlay?: boolean;
|
|
11692
11742
|
}
|
|
11693
|
-
|
|
11694
|
-
|
|
11695
|
-
|
|
11696
|
-
|
|
11697
|
-
|
|
11698
|
-
|
|
11699
|
-
|
|
11700
|
-
|
|
11701
|
-
|
|
11702
|
-
|
|
11703
|
-
|
|
11704
|
-
|
|
11705
|
-
|
|
11706
|
-
|
|
11707
|
-
|
|
11708
|
-
|
|
11709
|
-
toggle: () => void;
|
|
11743
|
+
/**
|
|
11744
|
+
* Return value from performance monitor hook
|
|
11745
|
+
*/
|
|
11746
|
+
interface UsePerformanceMonitorReturn {
|
|
11747
|
+
/** Current performance metrics */
|
|
11748
|
+
metrics: PerformanceMetrics;
|
|
11749
|
+
/** Recommended quality level based on performance */
|
|
11750
|
+
recommendedQuality: 'low' | 'medium' | 'high';
|
|
11751
|
+
/** Whether performance is below target */
|
|
11752
|
+
isUnderperforming: boolean;
|
|
11753
|
+
/** Manually set quality level */
|
|
11754
|
+
setQualityLevel: (level: 'low' | 'medium' | 'high') => void;
|
|
11755
|
+
/** Reset auto-scaling state */
|
|
11756
|
+
resetAutoScaling: () => void;
|
|
11757
|
+
/** Toggle monitoring on/off */
|
|
11758
|
+
toggleMonitoring: () => void;
|
|
11710
11759
|
}
|
|
11711
11760
|
/**
|
|
11712
|
-
*
|
|
11761
|
+
* Performance Monitor Hook
|
|
11762
|
+
*
|
|
11763
|
+
* Real-time performance tracking with automatic quality scaling.
|
|
11764
|
+
* Monitors FPS, frame time, and GPU memory to optimize glass effects.
|
|
11765
|
+
*
|
|
11766
|
+
* Features:
|
|
11767
|
+
* - Real-time FPS measurement
|
|
11768
|
+
* - Frame timing analysis
|
|
11769
|
+
* - Automatic quality scaling
|
|
11770
|
+
* - Debug overlay option
|
|
11771
|
+
* - Manual override capability
|
|
11772
|
+
*
|
|
11773
|
+
* @example
|
|
11774
|
+
* ```typescript
|
|
11775
|
+
* const { metrics, recommendedQuality, setQualityLevel } = usePerformanceMonitor({
|
|
11776
|
+
* targetFps: 60,
|
|
11777
|
+
* minFps: 45,
|
|
11778
|
+
* debug: true,
|
|
11779
|
+
* });
|
|
11780
|
+
* ```
|
|
11781
|
+
*
|
|
11782
|
+
* @param config Monitor configuration
|
|
11783
|
+
* @returns Performance metrics and controls
|
|
11713
11784
|
*/
|
|
11714
|
-
declare function
|
|
11715
|
-
|
|
11716
|
-
|
|
11717
|
-
|
|
11718
|
-
|
|
11719
|
-
|
|
11720
|
-
|
|
11721
|
-
|
|
11722
|
-
|
|
11723
|
-
|
|
11724
|
-
|
|
11725
|
-
|
|
11726
|
-
|
|
11785
|
+
declare function usePerformanceMonitor(config?: PerformanceMonitorConfig): UsePerformanceMonitorReturn;
|
|
11786
|
+
/**
|
|
11787
|
+
* Debug Overlay Component (Optional)
|
|
11788
|
+
*
|
|
11789
|
+
* Shows real-time performance metrics on screen.
|
|
11790
|
+
* Only rendered when showOverlay is enabled.
|
|
11791
|
+
*/
|
|
11792
|
+
declare function PerformanceOverlay({ metrics }: {
|
|
11793
|
+
metrics: PerformanceMetrics;
|
|
11794
|
+
}): null;
|
|
11795
|
+
/**
|
|
11796
|
+
* Utility to get quality multipliers for glass parameters
|
|
11797
|
+
*/
|
|
11798
|
+
declare function getQualityMultipliers(quality: 'low' | 'medium' | 'high'): {
|
|
11799
|
+
distortionOctaves: number;
|
|
11800
|
+
displacementScale: number;
|
|
11801
|
+
blurAmount: number;
|
|
11802
|
+
animationSpeed: number;
|
|
11803
|
+
chromaticIntensity: number;
|
|
11727
11804
|
};
|
|
11728
11805
|
|
|
11729
|
-
|
|
11730
|
-
|
|
11731
|
-
|
|
11732
|
-
|
|
11733
|
-
|
|
11734
|
-
|
|
11735
|
-
|
|
11736
|
-
|
|
11737
|
-
|
|
11738
|
-
|
|
11739
|
-
|
|
11740
|
-
|
|
11741
|
-
|
|
11742
|
-
|
|
11743
|
-
|
|
11744
|
-
|
|
11745
|
-
|
|
11746
|
-
|
|
11747
|
-
|
|
11748
|
-
|
|
11749
|
-
|
|
11750
|
-
|
|
11806
|
+
/**
|
|
11807
|
+
* Mobile optimization presets
|
|
11808
|
+
*
|
|
11809
|
+
* These presets adjust glass effect parameters based on device performance tier
|
|
11810
|
+
* to ensure smooth animations and responsive interactions.
|
|
11811
|
+
*/
|
|
11812
|
+
/**
|
|
11813
|
+
* Performance preset - Maximum FPS, reduced quality
|
|
11814
|
+
* Best for low-end devices or when battery saving is priority
|
|
11815
|
+
*/
|
|
11816
|
+
declare const PERFORMANCE_PRESET: GlassParams;
|
|
11817
|
+
/**
|
|
11818
|
+
* Balanced preset - Good quality with reasonable performance
|
|
11819
|
+
* Default preset for most mobile devices
|
|
11820
|
+
*/
|
|
11821
|
+
declare const BALANCED_PRESET: GlassParams;
|
|
11822
|
+
/**
|
|
11823
|
+
* Quality preset - Maximum visual fidelity
|
|
11824
|
+
* For high-end devices with powerful GPUs
|
|
11825
|
+
*/
|
|
11826
|
+
declare const QUALITY_PRESET: GlassParams;
|
|
11827
|
+
/**
|
|
11828
|
+
* Get preset by name
|
|
11829
|
+
*/
|
|
11830
|
+
declare function getDevicePreset(presetName: 'performance' | 'balanced' | 'quality'): GlassParams;
|
|
11831
|
+
/**
|
|
11832
|
+
* Mobile-optimized responsive breakpoints
|
|
11833
|
+
* Automatically applies appropriate presets based on viewport size
|
|
11834
|
+
*/
|
|
11835
|
+
declare const MOBILE_OPTIMIZED_BREAKPOINTS: Record<string, ResponsiveBreakpoint>;
|
|
11836
|
+
/**
|
|
11837
|
+
* Get mobile-optimized parameters for current viewport
|
|
11838
|
+
* Can be used standalone or with useResponsiveGlass hook
|
|
11839
|
+
*/
|
|
11840
|
+
declare function getMobileOptimizedParams(viewportWidth: number): GlassParams;
|
|
11841
|
+
/**
|
|
11842
|
+
* Device detection utilities
|
|
11843
|
+
*/
|
|
11844
|
+
declare const DeviceDetector: {
|
|
11845
|
+
/** Check if device is mobile */
|
|
11846
|
+
isMobile(): boolean;
|
|
11847
|
+
/** Check if device is tablet */
|
|
11848
|
+
isTablet(): boolean;
|
|
11849
|
+
/** Get recommended preset based on device type */
|
|
11850
|
+
getRecommendedPreset(): "performance" | "balanced" | "quality";
|
|
11851
|
+
/** Get device pixel ratio */
|
|
11852
|
+
getPixelRatio(): number;
|
|
11853
|
+
/** Check if device has touch support */
|
|
11854
|
+
hasTouchSupport(): boolean;
|
|
11855
|
+
};
|
|
11751
11856
|
|
|
11752
11857
|
/**
|
|
11753
11858
|
* Simplified hook for chart data processing
|
|
@@ -11798,58 +11903,62 @@ interface UseBlockReturn {
|
|
|
11798
11903
|
*/
|
|
11799
11904
|
declare const useBlock: () => UseBlockReturn;
|
|
11800
11905
|
|
|
11906
|
+
declare const __lib_composables_BALANCED_PRESET: typeof BALANCED_PRESET;
|
|
11801
11907
|
type __lib_composables_BarChartOptions = BarChartOptions;
|
|
11802
11908
|
type __lib_composables_BarDimensions = BarDimensions;
|
|
11803
|
-
declare const
|
|
11909
|
+
declare const __lib_composables_DEFAULT_BREAKPOINTS: typeof DEFAULT_BREAKPOINTS;
|
|
11910
|
+
declare const __lib_composables_DeviceDetector: typeof DeviceDetector;
|
|
11804
11911
|
type __lib_composables_LineChartOptions = LineChartOptions;
|
|
11912
|
+
declare const __lib_composables_MOBILE_OPTIMIZED_BREAKPOINTS: typeof MOBILE_OPTIMIZED_BREAKPOINTS;
|
|
11913
|
+
declare const __lib_composables_PERFORMANCE_PRESET: typeof PERFORMANCE_PRESET;
|
|
11914
|
+
type __lib_composables_PerformanceMetrics = PerformanceMetrics;
|
|
11915
|
+
type __lib_composables_PerformanceMonitorConfig = PerformanceMonitorConfig;
|
|
11916
|
+
declare const __lib_composables_PerformanceOverlay: typeof PerformanceOverlay;
|
|
11805
11917
|
type __lib_composables_PieChartOptions = PieChartOptions;
|
|
11806
11918
|
type __lib_composables_PieSlice = PieSlice;
|
|
11919
|
+
declare const __lib_composables_QUALITY_PRESET: typeof QUALITY_PRESET;
|
|
11807
11920
|
type __lib_composables_RiverContentColumn = RiverContentColumn;
|
|
11808
11921
|
type __lib_composables_RiverProps = RiverProps;
|
|
11809
11922
|
type __lib_composables_UseBlockOptions = UseBlockOptions;
|
|
11810
11923
|
type __lib_composables_UseBlockReturn = UseBlockReturn;
|
|
11811
|
-
type
|
|
11812
|
-
|
|
11813
|
-
|
|
11814
|
-
|
|
11815
|
-
|
|
11816
|
-
|
|
11924
|
+
type __lib_composables_UsePerformanceMonitorReturn = UsePerformanceMonitorReturn;
|
|
11925
|
+
declare const __lib_composables_createBreakpoints: typeof createBreakpoints;
|
|
11926
|
+
declare const __lib_composables_getDefaultBreakpoints: typeof getDefaultBreakpoints;
|
|
11927
|
+
declare const __lib_composables_getDevicePreset: typeof getDevicePreset;
|
|
11928
|
+
declare const __lib_composables_getMobileOptimizedParams: typeof getMobileOptimizedParams;
|
|
11929
|
+
declare const __lib_composables_getQualityMultipliers: typeof getQualityMultipliers;
|
|
11817
11930
|
declare const __lib_composables_useAccordion: typeof useAccordion;
|
|
11818
11931
|
declare const __lib_composables_useAtomixGlass: typeof useAtomixGlass;
|
|
11819
11932
|
declare const __lib_composables_useBadge: typeof useBadge;
|
|
11820
11933
|
declare const __lib_composables_useBarChart: typeof useBarChart;
|
|
11821
11934
|
declare const __lib_composables_useBlock: typeof useBlock;
|
|
11822
|
-
declare const __lib_composables_useBreadcrumb: typeof useBreadcrumb;
|
|
11823
|
-
declare const __lib_composables_useCard: typeof useCard;
|
|
11824
11935
|
declare const __lib_composables_useChartData: typeof useChartData;
|
|
11825
11936
|
declare const __lib_composables_useChartInteraction: typeof useChartInteraction;
|
|
11826
11937
|
declare const __lib_composables_useChartScale: typeof useChartScale;
|
|
11827
|
-
declare const __lib_composables_useDataTable: typeof useDataTable;
|
|
11828
11938
|
declare const __lib_composables_useEdgePanel: typeof useEdgePanel;
|
|
11829
11939
|
declare const __lib_composables_useForm: typeof useForm;
|
|
11830
11940
|
declare const __lib_composables_useFormGroup: typeof useFormGroup;
|
|
11831
11941
|
declare const __lib_composables_useHero: typeof useHero;
|
|
11832
11942
|
declare const __lib_composables_useInput: typeof useInput;
|
|
11833
11943
|
declare const __lib_composables_useLineChart: typeof useLineChart;
|
|
11834
|
-
declare const __lib_composables_useModal: typeof useModal;
|
|
11835
11944
|
declare const __lib_composables_useNav: typeof useNav;
|
|
11836
11945
|
declare const __lib_composables_useNavDropdown: typeof useNavDropdown;
|
|
11837
11946
|
declare const __lib_composables_useNavItem: typeof useNavItem;
|
|
11838
11947
|
declare const __lib_composables_useNavbar: typeof useNavbar;
|
|
11839
|
-
declare const
|
|
11948
|
+
declare const __lib_composables_usePerformanceMonitor: typeof usePerformanceMonitor;
|
|
11840
11949
|
declare const __lib_composables_usePieChart: typeof usePieChart;
|
|
11841
11950
|
declare const __lib_composables_useRadio: typeof useRadio;
|
|
11951
|
+
declare const __lib_composables_useResponsiveGlass: typeof useResponsiveGlass;
|
|
11842
11952
|
declare const __lib_composables_useRiver: typeof useRiver;
|
|
11843
11953
|
declare const __lib_composables_useSelect: typeof useSelect;
|
|
11844
11954
|
declare const __lib_composables_useSideMenu: typeof useSideMenu;
|
|
11845
11955
|
declare const __lib_composables_useSideMenuItem: typeof useSideMenuItem;
|
|
11846
|
-
declare const __lib_composables_useSlider: typeof useSlider;
|
|
11847
11956
|
declare const __lib_composables_useSpinner: typeof useSpinner;
|
|
11848
11957
|
declare const __lib_composables_useTextarea: typeof useTextarea;
|
|
11849
11958
|
declare const __lib_composables_useTodo: typeof useTodo;
|
|
11850
11959
|
declare namespace __lib_composables {
|
|
11851
|
-
export {
|
|
11852
|
-
export type { __lib_composables_BarChartOptions as BarChartOptions, __lib_composables_BarDimensions as BarDimensions, __lib_composables_LineChartOptions as LineChartOptions, __lib_composables_PieChartOptions as PieChartOptions, __lib_composables_PieSlice as PieSlice, __lib_composables_RiverContentColumn as RiverContentColumn, __lib_composables_RiverProps as RiverProps, __lib_composables_UseBlockOptions as UseBlockOptions, __lib_composables_UseBlockReturn as UseBlockReturn,
|
|
11960
|
+
export { __lib_composables_BALANCED_PRESET as BALANCED_PRESET, __lib_composables_DEFAULT_BREAKPOINTS as DEFAULT_BREAKPOINTS, __lib_composables_DeviceDetector as DeviceDetector, __lib_composables_MOBILE_OPTIMIZED_BREAKPOINTS as MOBILE_OPTIMIZED_BREAKPOINTS, __lib_composables_PERFORMANCE_PRESET as PERFORMANCE_PRESET, __lib_composables_PerformanceOverlay as PerformanceOverlay, __lib_composables_QUALITY_PRESET as QUALITY_PRESET, __lib_composables_createBreakpoints as createBreakpoints, __lib_composables_getDefaultBreakpoints as getDefaultBreakpoints, __lib_composables_getDevicePreset as getDevicePreset, __lib_composables_getMobileOptimizedParams as getMobileOptimizedParams, __lib_composables_getQualityMultipliers as getQualityMultipliers, __lib_composables_useAccordion as useAccordion, __lib_composables_useAtomixGlass as useAtomixGlass, __lib_composables_useBadge as useBadge, __lib_composables_useBarChart as useBarChart, __lib_composables_useBlock as useBlock, __lib_composables_useChartData as useChartData, __lib_composables_useChartInteraction as useChartInteraction, __lib_composables_useChartScale as useChartScale, __lib_composables_useEdgePanel as useEdgePanel, __lib_composables_useForm as useForm, __lib_composables_useFormGroup as useFormGroup, __lib_composables_useHero as useHero, __lib_composables_useInput as useInput, __lib_composables_useLineChart as useLineChart, __lib_composables_useNav as useNav, __lib_composables_useNavDropdown as useNavDropdown, __lib_composables_useNavItem as useNavItem, __lib_composables_useNavbar as useNavbar, __lib_composables_usePerformanceMonitor as usePerformanceMonitor, __lib_composables_usePieChart as usePieChart, __lib_composables_useRadio as useRadio, __lib_composables_useResponsiveGlass as useResponsiveGlass, __lib_composables_useRiver as useRiver, __lib_composables_useSelect as useSelect, __lib_composables_useSideMenu as useSideMenu, __lib_composables_useSideMenuItem as useSideMenuItem, __lib_composables_useSpinner as useSpinner, __lib_composables_useTextarea as useTextarea, __lib_composables_useTodo as useTodo };
|
|
11961
|
+
export type { __lib_composables_BarChartOptions as BarChartOptions, __lib_composables_BarDimensions as BarDimensions, __lib_composables_LineChartOptions as LineChartOptions, __lib_composables_PerformanceMetrics as PerformanceMetrics, __lib_composables_PerformanceMonitorConfig as PerformanceMonitorConfig, __lib_composables_PieChartOptions as PieChartOptions, __lib_composables_PieSlice as PieSlice, __lib_composables_RiverContentColumn as RiverContentColumn, __lib_composables_RiverProps as RiverProps, __lib_composables_UseBlockOptions as UseBlockOptions, __lib_composables_UseBlockReturn as UseBlockReturn, __lib_composables_UsePerformanceMonitorReturn as UsePerformanceMonitorReturn };
|
|
11853
11962
|
}
|
|
11854
11963
|
|
|
11855
11964
|
interface AtomixLogoProps extends React__default.SVGProps<SVGSVGElement> {
|
|
@@ -11873,6 +11982,8 @@ declare const AtomixLogo: React__default.FC<AtomixLogoProps>;
|
|
|
11873
11982
|
* - Focus ring support for keyboard navigation
|
|
11874
11983
|
* - Responsive breakpoints for mobile optimization
|
|
11875
11984
|
* - Enhanced ARIA attributes for screen readers
|
|
11985
|
+
* - Time-based animation system with FBM distortion
|
|
11986
|
+
* - Device preset optimization for performance/quality balance
|
|
11876
11987
|
*
|
|
11877
11988
|
* Design System Compliance:
|
|
11878
11989
|
* - Uses design tokens for opacity, spacing, and colors
|
|
@@ -11929,8 +12040,14 @@ declare const AtomixLogo: React__default.FC<AtomixLogoProps>;
|
|
|
11929
12040
|
* <AtomixGlass overLight="auto" debugOverLight={true}>
|
|
11930
12041
|
* <div>Content with debug logging enabled</div>
|
|
11931
12042
|
* </AtomixGlass>
|
|
12043
|
+
*
|
|
12044
|
+
* @example
|
|
12045
|
+
* // Performance-optimized for mobile devices
|
|
12046
|
+
* <AtomixGlass devicePreset="performance" disableResponsiveBreakpoints={false}>
|
|
12047
|
+
* <div>Mobile-optimized glass effect</div>
|
|
12048
|
+
* </AtomixGlass>
|
|
11932
12049
|
*/
|
|
11933
|
-
declare function AtomixGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity, borderRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, className, padding, overLight, style, mode, onClick, shaderVariant, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, role, tabIndex, reducedMotion, highContrast, withoutEffects, withLiquidBlur, withBorder, withOverLightLayers, debugPerformance,
|
|
12050
|
+
declare function AtomixGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity, borderRadius, globalMousePosition: externalGlobalMousePosition, mouseOffset: externalMouseOffset, mouseContainer, className, padding, overLight, style, mode, onClick, shaderVariant, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, role, tabIndex, reducedMotion, highContrast, withoutEffects, withLiquidBlur, withBorder, withOverLightLayers, debugPerformance, debugOverLight, height, width, withTimeAnimation, animationSpeed, withMultiLayerDistortion, distortionOctaves, distortionLacunarity, distortionGain, distortionQuality, devicePreset, disableResponsiveBreakpoints, ...rest }: AtomixGlassProps): react_jsx_runtime.JSX.Element;
|
|
11934
12051
|
|
|
11935
12052
|
declare const Avatar: React__default.FC<AvatarProps>;
|
|
11936
12053
|
|
|
@@ -14890,6 +15007,31 @@ interface IntegrationConfig {
|
|
|
14890
15007
|
colorMode?: string;
|
|
14891
15008
|
};
|
|
14892
15009
|
}
|
|
15010
|
+
/**
|
|
15011
|
+
* Plugin Configuration
|
|
15012
|
+
*/
|
|
15013
|
+
interface PluginConfig {
|
|
15014
|
+
name: string;
|
|
15015
|
+
options?: Record<string, any>;
|
|
15016
|
+
}
|
|
15017
|
+
/**
|
|
15018
|
+
* Token Provider Configuration
|
|
15019
|
+
*/
|
|
15020
|
+
interface TokenProviderConfig {
|
|
15021
|
+
type: 'figma' | 'style-dictionary' | 'w3c' | string;
|
|
15022
|
+
options?: Record<string, any>;
|
|
15023
|
+
}
|
|
15024
|
+
/**
|
|
15025
|
+
* Token Engine Configuration
|
|
15026
|
+
*/
|
|
15027
|
+
interface TokenEngineConfig {
|
|
15028
|
+
providers?: Record<string, TokenProviderConfig>;
|
|
15029
|
+
sync?: {
|
|
15030
|
+
pull?: boolean;
|
|
15031
|
+
push?: boolean;
|
|
15032
|
+
onBuild?: boolean;
|
|
15033
|
+
};
|
|
15034
|
+
}
|
|
14893
15035
|
/**
|
|
14894
15036
|
* Atomix Configuration Interface
|
|
14895
15037
|
*
|
|
@@ -14904,6 +15046,36 @@ interface AtomixConfig {
|
|
|
14904
15046
|
* Example: prefix: 'myapp' → --myapp-primary instead of --atomix-primary
|
|
14905
15047
|
*/
|
|
14906
15048
|
prefix?: string;
|
|
15049
|
+
/**
|
|
15050
|
+
* Plugins to extend CLI functionality
|
|
15051
|
+
*/
|
|
15052
|
+
plugins?: (string | PluginConfig)[];
|
|
15053
|
+
/**
|
|
15054
|
+
* Universal Token Engine configuration
|
|
15055
|
+
*/
|
|
15056
|
+
tokenEngine?: TokenEngineConfig;
|
|
15057
|
+
/**
|
|
15058
|
+
* AI-Assisted Scaffolding configuration
|
|
15059
|
+
*/
|
|
15060
|
+
ai?: {
|
|
15061
|
+
/** AI provider (default: 'openai') */
|
|
15062
|
+
provider?: 'openai' | 'anthropic';
|
|
15063
|
+
/** LLM model to use */
|
|
15064
|
+
model?: string;
|
|
15065
|
+
/** API key for the provider */
|
|
15066
|
+
apiKey?: string;
|
|
15067
|
+
};
|
|
15068
|
+
/**
|
|
15069
|
+
* Performance & Telemetry (Phase 4)
|
|
15070
|
+
*/
|
|
15071
|
+
telemetry?: {
|
|
15072
|
+
/** Enable local telemetry logging (default: false) */
|
|
15073
|
+
enabled?: boolean;
|
|
15074
|
+
/** Output path for telemetry logs (default: '.atomix/telemetry.json') */
|
|
15075
|
+
path?: string;
|
|
15076
|
+
/** Anonymize telemetry data (default: true) */
|
|
15077
|
+
anonymize?: boolean;
|
|
15078
|
+
};
|
|
14907
15079
|
/**
|
|
14908
15080
|
* Theme customization (Tailwind-like)
|
|
14909
15081
|
*
|
|
@@ -15444,5 +15616,5 @@ declare const atomix: {
|
|
|
15444
15616
|
VideoPlayer: React$1.ForwardRefExoticComponent<VideoPlayerProps & React$1.RefAttributes<HTMLVideoElement>>;
|
|
15445
15617
|
};
|
|
15446
15618
|
|
|
15447
|
-
export { ACCORDION, ATOMIX_GLASS, AVATAR, AVATAR_GROUP, _default as Accordion, AreaChart, AtomixGlass, AtomixLogo, Avatar, AvatarGroup, BADGE, BADGE_CSS_VARS, BLOCK, BREADCRUMB, BUTTON, BUTTON_CSS_VARS, BUTTON_GROUP, Badge, BarChart, Block, Breadcrumb, BubbleChart, Button, ButtonGroup, CALLOUT, CARD, CARD_CSS_VARS, CHART, CHECKBOX_CSS_VARS, CLASS_PREFIX, CODE_SNIPPET, COMPONENT_CSS_VARS, COUNTDOWN, Callout, CandlestickChart, Card, Chart, ChartRenderer, Checkbox, ColorModeToggle, Container, Countdown, DATA_TABLE_CLASSES, DATA_TABLE_SELECTORS, DATEPICKER, DEFAULT_ATOMIX_FONTS,
|
|
15448
|
-
export type { A11yIssue, AccordionParts, AccordionProps$1 as AccordionProps, AccordionState, AreaChartProps, AtomixConfig, AtomixGlassProps, AtomixLogoProps, AvatarGroupProps, AvatarParts, AvatarProps, AvatarSize, BadgeCSSVariable, BadgeParts, BadgeProps, BarChartOptions, BarChartProps, BarDimensions, BaseComponentProps, BlockProps, BreadcrumbInstance, BreadcrumbItem$1 as BreadcrumbItem, BreadcrumbOptions
|
|
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 };
|