@shohojdhara/atomix 0.4.1 → 0.4.2

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 (126) hide show
  1. package/dist/atomix.css +9341 -9249
  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 +16 -23
  9. package/dist/core.js +418 -262
  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 +408 -254
  16. package/dist/heavy.js.map +1 -1
  17. package/dist/index.d.ts +33 -40
  18. package/dist/index.esm.js +663 -453
  19. package/dist/index.esm.js.map +1 -1
  20. package/dist/index.js +667 -460
  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 -76
  39. package/src/components/Breadcrumb/index.ts +2 -2
  40. package/src/components/Button/Button.stories.tsx +1 -1
  41. package/src/components/Button/README.md +2 -2
  42. package/src/components/Callout/Callout.test.tsx +3 -3
  43. package/src/components/Callout/Callout.tsx +2 -2
  44. package/src/components/Callout/README.md +2 -2
  45. package/src/components/Chart/Chart.stories.tsx +1 -1
  46. package/src/components/Chart/Chart.tsx +5 -5
  47. package/src/components/Chart/TreemapChart.tsx +37 -29
  48. package/src/components/DatePicker/readme.md +3 -3
  49. package/src/components/Dropdown/Dropdown.stories.tsx +1 -1
  50. package/src/components/EdgePanel/EdgePanel.stories.tsx +7 -7
  51. package/src/components/Form/Checkbox.stories.tsx +1 -1
  52. package/src/components/Form/Checkbox.tsx +1 -1
  53. package/src/components/Form/Input.stories.tsx +1 -1
  54. package/src/components/Form/Input.tsx +1 -1
  55. package/src/components/Form/Radio.stories.tsx +1 -1
  56. package/src/components/Form/Radio.tsx +1 -1
  57. package/src/components/Form/Select.stories.tsx +1 -1
  58. package/src/components/Form/Select.tsx +1 -1
  59. package/src/components/Form/Textarea.stories.tsx +1 -1
  60. package/src/components/Form/Textarea.tsx +1 -1
  61. package/src/components/Hero/Hero.stories.tsx +2 -2
  62. package/src/components/Hero/Hero.tsx +2 -2
  63. package/src/components/Messages/Messages.stories.tsx +1 -1
  64. package/src/components/Messages/Messages.tsx +2 -2
  65. package/src/components/Modal/Modal.stories.tsx +1 -1
  66. package/src/components/Navigation/Nav/Nav.stories.tsx +2 -2
  67. package/src/components/Navigation/Nav/Nav.tsx +1 -1
  68. package/src/components/Navigation/Navbar/Navbar.stories.tsx +3 -3
  69. package/src/components/Navigation/Navbar/Navbar.tsx +1 -1
  70. package/src/components/Navigation/SideMenu/SideMenu.stories.tsx +2 -2
  71. package/src/components/Navigation/SideMenu/SideMenu.tsx +1 -1
  72. package/src/components/Pagination/Pagination.stories.tsx +1 -1
  73. package/src/components/Pagination/Pagination.tsx +1 -1
  74. package/src/components/Popover/Popover.stories.tsx +1 -1
  75. package/src/components/Popover/Popover.tsx +1 -1
  76. package/src/components/Progress/Progress.tsx +1 -1
  77. package/src/components/Rating/Rating.stories.tsx +1 -1
  78. package/src/components/Rating/Rating.test.tsx +73 -0
  79. package/src/components/Rating/Rating.tsx +25 -37
  80. package/src/components/Spinner/Spinner.tsx +1 -1
  81. package/src/components/Steps/Steps.stories.tsx +1 -1
  82. package/src/components/Steps/Steps.tsx +2 -2
  83. package/src/components/Tabs/Tabs.stories.tsx +1 -1
  84. package/src/components/Tabs/Tabs.tsx +1 -1
  85. package/src/components/Todo/Todo.tsx +0 -1
  86. package/src/components/Toggle/Toggle.stories.tsx +1 -1
  87. package/src/components/Toggle/Toggle.tsx +1 -1
  88. package/src/components/Tooltip/Tooltip.stories.tsx +1 -1
  89. package/src/components/VideoPlayer/VideoPlayer.stories.tsx +2 -2
  90. package/src/lib/composables/__tests__/useAtomixGlassPerf.test.tsx +88 -0
  91. package/src/lib/composables/__tests__/useChart.test.ts +50 -0
  92. package/src/lib/composables/__tests__/useChart.test.tsx +139 -0
  93. package/src/lib/composables/__tests__/useHeroBackgroundSlider.test.tsx +59 -0
  94. package/src/lib/composables/__tests__/useSliderAutoplay.test.tsx +68 -0
  95. package/src/lib/composables/atomix-glass/useGlassBackgroundDetection.ts +329 -0
  96. package/src/lib/composables/atomix-glass/useGlassCornerRadius.ts +82 -0
  97. package/src/lib/composables/atomix-glass/useGlassMouseTracking.ts +153 -0
  98. package/src/lib/composables/atomix-glass/useGlassOverLight.ts +198 -0
  99. package/src/lib/composables/atomix-glass/useGlassSize.ts +117 -0
  100. package/src/lib/composables/atomix-glass/useGlassState.ts +112 -0
  101. package/src/lib/composables/atomix-glass/useGlassTransforms.ts +160 -0
  102. package/src/lib/composables/glass-styles.ts +302 -0
  103. package/src/lib/composables/index.ts +0 -4
  104. package/src/lib/composables/useAtomixGlass.ts +331 -522
  105. package/src/lib/composables/useAtomixGlassStyles.ts +307 -0
  106. package/src/lib/composables/useBarChart.ts +1 -1
  107. package/src/lib/composables/useBreadcrumb.ts +6 -6
  108. package/src/lib/composables/useChart.ts +104 -21
  109. package/src/lib/composables/useHeroBackgroundSlider.ts +16 -7
  110. package/src/lib/composables/useSlider.ts +66 -34
  111. package/src/lib/theme/devtools/CLI.ts +1 -1
  112. package/src/lib/theme/utils/__tests__/themeUtils.test.ts +213 -0
  113. package/src/lib/types/components.ts +13 -21
  114. package/src/lib/utils/__tests__/dom.test.ts +100 -0
  115. package/src/lib/utils/__tests__/fontPreloader.test.ts +102 -0
  116. package/src/styles/02-tools/_tools.breakpoints.scss +1 -1
  117. package/src/styles/02-tools/_tools.utility-api.scss +6 -6
  118. package/src/styles/06-components/_components.accordion.scss +0 -2
  119. package/src/styles/06-components/_components.chart.scss +0 -1
  120. package/src/styles/06-components/_components.dropdown.scss +0 -1
  121. package/src/styles/06-components/_components.edge-panel.scss +0 -2
  122. package/src/styles/06-components/_components.photoviewer.scss +0 -1
  123. package/src/styles/06-components/_components.river.scss +0 -1
  124. package/src/styles/06-components/_components.slider.scss +0 -3
  125. package/src/styles/99-utilities/_utilities.glass-fixes.scss +0 -1
  126. 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
  *
@@ -1240,7 +1233,6 @@ interface BreadcrumbItemData {
1240
1233
  */
1241
1234
  className?: string;
1242
1235
  }
1243
-
1244
1236
  interface BreadcrumbItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
1245
1237
  /**
1246
1238
  * URL for the breadcrumb item
@@ -1257,11 +1249,11 @@ interface BreadcrumbItemProps extends React$1.HTMLAttributes<HTMLLIElement> {
1257
1249
  /**
1258
1250
  * Optional click handler for the link
1259
1251
  */
1260
- onClick?: (event: React$1.MouseEvent<HTMLAnchorElement | HTMLSpanElement>) => void;
1252
+ onClick?: (event: React$1.MouseEvent<any>) => void;
1261
1253
  /**
1262
1254
  * Optional custom link component
1263
1255
  */
1264
- linkAs?: React$1.ElementType;
1256
+ linkAs?: React$1.ElementType<any>;
1265
1257
  /**
1266
1258
  * Link props to pass to the underlying anchor or LinkComponent
1267
1259
  */
@@ -1298,10 +1290,11 @@ interface BreadcrumbProps {
1298
1290
  */
1299
1291
  children?: ReactNode;
1300
1292
  }
1301
- type BreadcrumbComponent = React$1.FC<BreadcrumbProps> & {
1293
+ declare const BreadcrumbComponent: React$1.FC<BreadcrumbProps>;
1294
+ type BreadcrumbType = typeof BreadcrumbComponent & {
1302
1295
  Item: typeof BreadcrumbItem;
1303
1296
  };
1304
- declare const Breadcrumb: BreadcrumbComponent;
1297
+ declare const Breadcrumb: BreadcrumbType;
1305
1298
 
1306
1299
  type ButtonAsProp = {
1307
1300
  as?: ElementType;