@shohojdhara/atomix 0.4.1 → 0.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (131) hide show
  1. package/dist/atomix.css +9351 -9259
  2. package/dist/atomix.css.map +1 -1
  3. package/dist/atomix.min.css +4 -4
  4. package/dist/atomix.min.css.map +1 -1
  5. package/dist/charts.d.ts +12 -19
  6. package/dist/charts.js +555 -358
  7. package/dist/charts.js.map +1 -1
  8. package/dist/core.d.ts +21 -24
  9. package/dist/core.js +435 -265
  10. package/dist/core.js.map +1 -1
  11. package/dist/forms.d.ts +11 -18
  12. package/dist/forms.js +411 -257
  13. package/dist/forms.js.map +1 -1
  14. package/dist/heavy.d.ts +14 -21
  15. package/dist/heavy.js +409 -254
  16. package/dist/heavy.js.map +1 -1
  17. package/dist/index.d.ts +38 -41
  18. package/dist/index.esm.js +731 -487
  19. package/dist/index.esm.js.map +1 -1
  20. package/dist/index.js +733 -492
  21. package/dist/index.js.map +1 -1
  22. package/dist/index.min.js +1 -1
  23. package/dist/index.min.js.map +1 -1
  24. package/package.json +1 -1
  25. package/scripts/atomix-cli.js +34 -1
  26. package/src/components/AtomixGlass/AtomixGlass.tsx +82 -54
  27. package/src/components/AtomixGlass/AtomixGlassContainer.tsx +17 -18
  28. package/src/components/AtomixGlass/README.md +5 -5
  29. package/src/components/AtomixGlass/stories/Customization.stories.tsx +2 -2
  30. package/src/components/AtomixGlass/stories/Examples.stories.tsx +42 -42
  31. package/src/components/AtomixGlass/stories/Modes.stories.tsx +5 -5
  32. package/src/components/AtomixGlass/stories/Overview.stories.tsx +3 -3
  33. package/src/components/AtomixGlass/stories/Performance.stories.tsx +2 -2
  34. package/src/components/AtomixGlass/stories/Playground.stories.tsx +45 -45
  35. package/src/components/AtomixGlass/stories/Shaders.stories.tsx +3 -3
  36. package/src/components/Badge/Badge.stories.tsx +1 -1
  37. package/src/components/Badge/Badge.tsx +1 -1
  38. package/src/components/Breadcrumb/Breadcrumb.tsx +90 -77
  39. package/src/components/Breadcrumb/index.ts +2 -2
  40. package/src/components/Button/Button.stories.tsx +1 -1
  41. package/src/components/Button/Button.tsx +2 -1
  42. package/src/components/Button/README.md +2 -2
  43. package/src/components/Callout/Callout.test.tsx +3 -3
  44. package/src/components/Callout/Callout.tsx +2 -2
  45. package/src/components/Callout/README.md +2 -2
  46. package/src/components/Card/Card.tsx +31 -11
  47. package/src/components/Chart/Chart.stories.tsx +1 -1
  48. package/src/components/Chart/Chart.tsx +5 -5
  49. package/src/components/Chart/TreemapChart.tsx +37 -29
  50. package/src/components/DatePicker/readme.md +3 -3
  51. package/src/components/Dropdown/Dropdown.stories.tsx +1 -1
  52. package/src/components/Dropdown/Dropdown.tsx +276 -273
  53. package/src/components/EdgePanel/EdgePanel.stories.tsx +7 -7
  54. package/src/components/Footer/FooterLink.tsx +2 -2
  55. package/src/components/Form/Checkbox.stories.tsx +1 -1
  56. package/src/components/Form/Checkbox.tsx +1 -1
  57. package/src/components/Form/Input.stories.tsx +1 -1
  58. package/src/components/Form/Input.tsx +1 -1
  59. package/src/components/Form/Radio.stories.tsx +1 -1
  60. package/src/components/Form/Radio.tsx +1 -1
  61. package/src/components/Form/Select.stories.tsx +1 -1
  62. package/src/components/Form/Select.tsx +1 -1
  63. package/src/components/Form/Textarea.stories.tsx +1 -1
  64. package/src/components/Form/Textarea.tsx +1 -1
  65. package/src/components/Hero/Hero.stories.tsx +2 -2
  66. package/src/components/Hero/Hero.tsx +2 -2
  67. package/src/components/Messages/Messages.stories.tsx +1 -1
  68. package/src/components/Messages/Messages.tsx +2 -2
  69. package/src/components/Modal/Modal.stories.tsx +1 -1
  70. package/src/components/Navigation/Nav/Nav.stories.tsx +2 -2
  71. package/src/components/Navigation/Nav/Nav.tsx +1 -1
  72. package/src/components/Navigation/Nav/NavItem.tsx +6 -3
  73. package/src/components/Navigation/Navbar/Navbar.stories.tsx +3 -3
  74. package/src/components/Navigation/Navbar/Navbar.tsx +1 -1
  75. package/src/components/Navigation/SideMenu/SideMenu.stories.tsx +2 -2
  76. package/src/components/Navigation/SideMenu/SideMenu.tsx +1 -1
  77. package/src/components/Pagination/Pagination.stories.tsx +1 -1
  78. package/src/components/Pagination/Pagination.tsx +1 -1
  79. package/src/components/Popover/Popover.stories.tsx +1 -1
  80. package/src/components/Popover/Popover.tsx +1 -1
  81. package/src/components/Progress/Progress.tsx +1 -1
  82. package/src/components/Rating/Rating.stories.tsx +1 -1
  83. package/src/components/Rating/Rating.test.tsx +73 -0
  84. package/src/components/Rating/Rating.tsx +25 -37
  85. package/src/components/Spinner/Spinner.tsx +1 -1
  86. package/src/components/Steps/Steps.stories.tsx +1 -1
  87. package/src/components/Steps/Steps.tsx +2 -2
  88. package/src/components/Tabs/Tabs.stories.tsx +1 -1
  89. package/src/components/Tabs/Tabs.tsx +1 -1
  90. package/src/components/Todo/Todo.tsx +0 -1
  91. package/src/components/Toggle/Toggle.stories.tsx +1 -1
  92. package/src/components/Toggle/Toggle.tsx +1 -1
  93. package/src/components/Tooltip/Tooltip.stories.tsx +1 -1
  94. package/src/components/VideoPlayer/VideoPlayer.stories.tsx +2 -2
  95. package/src/lib/composables/__tests__/useAtomixGlassPerf.test.tsx +88 -0
  96. package/src/lib/composables/__tests__/useChart.test.ts +50 -0
  97. package/src/lib/composables/__tests__/useChart.test.tsx +139 -0
  98. package/src/lib/composables/__tests__/useHeroBackgroundSlider.test.tsx +59 -0
  99. package/src/lib/composables/__tests__/useSliderAutoplay.test.tsx +68 -0
  100. package/src/lib/composables/atomix-glass/useGlassBackgroundDetection.ts +329 -0
  101. package/src/lib/composables/atomix-glass/useGlassCornerRadius.ts +82 -0
  102. package/src/lib/composables/atomix-glass/useGlassMouseTracking.ts +153 -0
  103. package/src/lib/composables/atomix-glass/useGlassOverLight.ts +198 -0
  104. package/src/lib/composables/atomix-glass/useGlassSize.ts +117 -0
  105. package/src/lib/composables/atomix-glass/useGlassState.ts +112 -0
  106. package/src/lib/composables/atomix-glass/useGlassTransforms.ts +160 -0
  107. package/src/lib/composables/glass-styles.ts +302 -0
  108. package/src/lib/composables/index.ts +0 -4
  109. package/src/lib/composables/useAtomixGlass.ts +331 -522
  110. package/src/lib/composables/useAtomixGlassStyles.ts +307 -0
  111. package/src/lib/composables/useBarChart.ts +1 -1
  112. package/src/lib/composables/useBreadcrumb.ts +6 -6
  113. package/src/lib/composables/useChart.ts +104 -21
  114. package/src/lib/composables/useHeroBackgroundSlider.ts +16 -7
  115. package/src/lib/composables/useSlider.ts +66 -34
  116. package/src/lib/theme/devtools/CLI.ts +1 -1
  117. package/src/lib/theme/utils/__tests__/themeUtils.test.ts +213 -0
  118. package/src/lib/types/components.ts +18 -21
  119. package/src/lib/utils/__tests__/dom.test.ts +100 -0
  120. package/src/lib/utils/__tests__/fontPreloader.test.ts +102 -0
  121. package/src/styles/02-tools/_tools.breakpoints.scss +1 -1
  122. package/src/styles/02-tools/_tools.utility-api.scss +6 -6
  123. package/src/styles/06-components/_components.accordion.scss +0 -2
  124. package/src/styles/06-components/_components.chart.scss +0 -1
  125. package/src/styles/06-components/_components.dropdown.scss +0 -1
  126. package/src/styles/06-components/_components.edge-panel.scss +0 -2
  127. package/src/styles/06-components/_components.photoviewer.scss +0 -1
  128. package/src/styles/06-components/_components.river.scss +0 -1
  129. package/src/styles/06-components/_components.slider.scss +0 -3
  130. package/src/styles/99-utilities/_utilities.glass-fixes.scss +0 -1
  131. package/src/styles/99-utilities/_utilities.text.scss +1 -0
package/dist/core.d.ts CHANGED
@@ -383,20 +383,20 @@ interface OverLightObjectConfig {
383
383
  /**
384
384
  * AtomixGlass component props interface
385
385
  */
386
- interface AtomixGlassProps {
386
+ interface AtomixGlassProps extends React.HTMLAttributes<HTMLDivElement> {
387
387
  children?: React.ReactNode;
388
388
  displacementScale?: number;
389
389
  blurAmount?: number;
390
390
  saturation?: number;
391
391
  aberrationIntensity?: number;
392
392
  elasticity?: number;
393
- cornerRadius?: number;
393
+ borderRadius?: number;
394
394
  globalMousePosition?: MousePosition;
395
395
  mouseOffset?: MousePosition;
396
396
  mouseContainer?: React.RefObject<HTMLElement | null> | null;
397
- className?: string;
398
397
  padding?: string;
399
- style?: React.CSSProperties;
398
+ height?: string | number;
399
+ width?: string | number;
400
400
  overLight?: OverLightConfig;
401
401
  mode?: DisplacementMode;
402
402
  onClick?: () => void;
@@ -404,30 +404,23 @@ interface AtomixGlassProps {
404
404
  * Shader variant for shader mode
405
405
  */
406
406
  shaderVariant?: 'liquidGlass' | 'premiumGlass' | 'appleFluid' | 'liquidMetal' | 'plasma' | 'waves' | 'noise';
407
- /**
408
- * Accessibility props
409
- */
410
- 'aria-label'?: string;
411
- 'aria-describedby'?: string;
412
- role?: string;
413
- tabIndex?: number;
414
407
  /**
415
408
  * Performance and accessibility options
416
409
  */
417
410
  reducedMotion?: boolean;
418
411
  highContrast?: boolean;
419
- disableEffects?: boolean;
420
- enableLiquidBlur?: boolean;
421
- enableBorderEffect?: boolean;
422
- enableOverLightLayers?: boolean;
412
+ withoutEffects?: boolean;
413
+ withLiquidBlur?: boolean;
414
+ withBorder?: boolean;
415
+ withOverLightLayers?: boolean;
423
416
  /**
424
417
  * Performance monitoring
425
418
  */
426
- enablePerformanceMonitoring?: boolean;
419
+ debugPerformance?: boolean;
427
420
  /**
428
- * Debug mode for cornerRadius extraction
421
+ * Debug mode for borderRadius extraction
429
422
  */
430
- debugCornerRadius?: boolean;
423
+ debugBorderRadius?: boolean;
431
424
  /**
432
425
  * Debug mode for overLight detection and configuration
433
426
  *
@@ -993,6 +986,10 @@ interface CardProps extends BaseComponentProps {
993
986
  * Card className
994
987
  */
995
988
  className?: string;
989
+ /**
990
+ * Optional custom link component (e.g., Next.js Link, React Router Link)
991
+ */
992
+ LinkComponent?: React.ElementType;
996
993
  /**
997
994
  * Optional click handler
998
995
  */
@@ -1240,7 +1237,6 @@ interface BreadcrumbItemData {
1240
1237
  */
1241
1238
  className?: string;
1242
1239
  }
1243
-
1244
1240
  interface BreadcrumbItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
1245
1241
  /**
1246
1242
  * URL for the breadcrumb item
@@ -1257,11 +1253,11 @@ interface BreadcrumbItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
1257
1253
  /**
1258
1254
  * Optional click handler for the link
1259
1255
  */
1260
- onClick?: (event: React$1.MouseEvent<HTMLAnchorElement | HTMLSpanElement>) => void;
1256
+ onClick?: (event: React$1.MouseEvent<any>) => void;
1261
1257
  /**
1262
1258
  * Optional custom link component
1263
1259
  */
1264
- linkAs?: React$1.ElementType;
1260
+ linkAs?: React$1.ElementType<any>;
1265
1261
  /**
1266
1262
  * Link props to pass to the underlying anchor or LinkComponent
1267
1263
  */
@@ -1298,16 +1294,17 @@ interface BreadcrumbProps {
1298
1294
  */
1299
1295
  children?: ReactNode;
1300
1296
  }
1301
- type BreadcrumbComponent = React$1.FC<BreadcrumbProps> & {
1297
+ declare const BreadcrumbComponent: React$1.FC<BreadcrumbProps>;
1298
+ type BreadcrumbType = typeof BreadcrumbComponent & {
1302
1299
  Item: typeof BreadcrumbItem;
1303
1300
  };
1304
- declare const Breadcrumb: BreadcrumbComponent;
1301
+ declare const Breadcrumb: BreadcrumbType;
1305
1302
 
1306
1303
  type ButtonAsProp = {
1307
1304
  as?: ElementType;
1308
1305
  to?: string;
1309
1306
  href?: string;
1310
- LinkComponent?: React$1.ComponentType<any>;
1307
+ LinkComponent?: React$1.ElementType;
1311
1308
  [key: string]: any;
1312
1309
  };
1313
1310
  declare const Button: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<ButtonProps & ButtonAsProp, "ref"> & React$1.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>>;