@donotdev/components 0.0.13 → 0.0.15

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 (209) hide show
  1. package/dist/advanced/Code/CodeContent.d.ts.map +1 -1
  2. package/dist/advanced/Code/CodeContent.js +5 -1
  3. package/dist/advanced/Code/CodeSkeleton.d.ts.map +1 -1
  4. package/dist/advanced/Code/CodeSkeleton.js +2 -1
  5. package/dist/advanced/ImageGallery/ImageGallery.d.ts +39 -0
  6. package/dist/advanced/ImageGallery/ImageGallery.d.ts.map +1 -0
  7. package/dist/advanced/ImageGallery/ImageGallery.js +138 -0
  8. package/dist/advanced/ImageGallery/index.d.ts +3 -0
  9. package/dist/advanced/ImageGallery/index.d.ts.map +1 -0
  10. package/dist/advanced/ImageGallery/index.js +2 -0
  11. package/dist/advanced/JsonViewer/JsonViewer.d.ts.map +1 -1
  12. package/dist/advanced/JsonViewer/JsonViewer.js +2 -1
  13. package/dist/advanced/index.d.ts +2 -0
  14. package/dist/advanced/index.d.ts.map +1 -1
  15. package/dist/advanced/index.js +1 -0
  16. package/dist/atomic/Accordion/AccordionPrimitive.d.ts +1 -1
  17. package/dist/atomic/Accordion/AccordionPrimitive.d.ts.map +1 -1
  18. package/dist/atomic/Accordion/AccordionPrimitive.js +1 -1
  19. package/dist/atomic/Accordion/index.d.ts.map +1 -1
  20. package/dist/atomic/Accordion/index.js +1 -1
  21. package/dist/atomic/AlertDialog/AlertDialogPrimitive.d.ts +1 -1
  22. package/dist/atomic/AlertDialog/AlertDialogPrimitive.d.ts.map +1 -1
  23. package/dist/atomic/AlertDialog/AlertDialogPrimitive.js +1 -1
  24. package/dist/atomic/AlertDialog/index.d.ts.map +1 -1
  25. package/dist/atomic/AlertDialog/index.js +1 -1
  26. package/dist/atomic/Avatar/AvatarPrimitive.d.ts +1 -2
  27. package/dist/atomic/Avatar/AvatarPrimitive.d.ts.map +1 -1
  28. package/dist/atomic/Avatar/AvatarPrimitive.js +1 -2
  29. package/dist/atomic/Avatar/index.d.ts +1 -1
  30. package/dist/atomic/Avatar/index.d.ts.map +1 -1
  31. package/dist/atomic/Avatar/index.js +1 -1
  32. package/dist/atomic/Badge/index.d.ts +1 -1
  33. package/dist/atomic/Button/index.d.ts +1 -1
  34. package/dist/atomic/Button/index.d.ts.map +1 -1
  35. package/dist/atomic/Checkbox/CheckboxPrimitive.d.ts +1 -1
  36. package/dist/atomic/Checkbox/CheckboxPrimitive.d.ts.map +1 -1
  37. package/dist/atomic/Checkbox/CheckboxPrimitive.js +1 -1
  38. package/dist/atomic/Checkbox/index.d.ts +17 -3
  39. package/dist/atomic/Checkbox/index.d.ts.map +1 -1
  40. package/dist/atomic/Checkbox/index.js +21 -5
  41. package/dist/atomic/Collapsible/CollapsiblePrimitive.d.ts +1 -2
  42. package/dist/atomic/Collapsible/CollapsiblePrimitive.d.ts.map +1 -1
  43. package/dist/atomic/Collapsible/CollapsiblePrimitive.js +1 -2
  44. package/dist/atomic/Collapsible/index.d.ts.map +1 -1
  45. package/dist/atomic/Collapsible/index.js +6 -2
  46. package/dist/atomic/ContextMenu/ContextMenuPrimitive.d.ts +1 -1
  47. package/dist/atomic/ContextMenu/ContextMenuPrimitive.d.ts.map +1 -1
  48. package/dist/atomic/ContextMenu/ContextMenuPrimitive.js +1 -1
  49. package/dist/atomic/ContextMenu/index.d.ts.map +1 -1
  50. package/dist/atomic/ContextMenu/index.js +1 -1
  51. package/dist/atomic/Dialog/DialogPrimitive.d.ts +1 -1
  52. package/dist/atomic/Dialog/DialogPrimitive.d.ts.map +1 -1
  53. package/dist/atomic/Dialog/DialogPrimitive.js +1 -1
  54. package/dist/atomic/DropdownMenu/DropdownMenuPrimitive.d.ts +1 -1
  55. package/dist/atomic/DropdownMenu/DropdownMenuPrimitive.d.ts.map +1 -1
  56. package/dist/atomic/DropdownMenu/DropdownMenuPrimitive.js +1 -1
  57. package/dist/atomic/DropdownMenu/index.d.ts.map +1 -1
  58. package/dist/atomic/DropdownMenu/index.js +1 -1
  59. package/dist/atomic/HoverCard/HoverCardPrimitive.d.ts +1 -1
  60. package/dist/atomic/HoverCard/HoverCardPrimitive.d.ts.map +1 -1
  61. package/dist/atomic/HoverCard/HoverCardPrimitive.js +1 -1
  62. package/dist/atomic/HoverCard/index.d.ts.map +1 -1
  63. package/dist/atomic/HoverCard/index.js +1 -1
  64. package/dist/atomic/Icons/Partner/providerIcons.d.ts.map +1 -1
  65. package/dist/atomic/Icons/Partner/providerIcons.js +17 -1
  66. package/dist/atomic/Input/index.d.ts +6 -1
  67. package/dist/atomic/Input/index.d.ts.map +1 -1
  68. package/dist/atomic/Input/index.js +10 -5
  69. package/dist/atomic/Label/FloatingLabel.d.ts +3 -1
  70. package/dist/atomic/Label/FloatingLabel.d.ts.map +1 -1
  71. package/dist/atomic/Label/FloatingLabel.js +2 -2
  72. package/dist/atomic/Label/LabelPrimitive.d.ts +1 -1
  73. package/dist/atomic/Label/LabelPrimitive.d.ts.map +1 -1
  74. package/dist/atomic/Label/LabelPrimitive.js +1 -1
  75. package/dist/atomic/Label/index.d.ts.map +1 -1
  76. package/dist/atomic/Label/index.js +1 -1
  77. package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.d.ts +1 -1
  78. package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.d.ts.map +1 -1
  79. package/dist/atomic/NavigationMenu/NavigationMenuPrimitive.js +1 -1
  80. package/dist/atomic/NavigationMenu/index.d.ts +1 -1
  81. package/dist/atomic/NavigationMenu/index.d.ts.map +1 -1
  82. package/dist/atomic/NavigationMenu/index.js +1 -1
  83. package/dist/atomic/Pagination/index.d.ts +7 -29
  84. package/dist/atomic/Pagination/index.d.ts.map +1 -1
  85. package/dist/atomic/Pagination/index.js +101 -71
  86. package/dist/atomic/PasswordInput/index.d.ts.map +1 -1
  87. package/dist/atomic/PasswordInput/index.js +1 -1
  88. package/dist/atomic/Popover/PopoverPrimitive.d.ts +1 -1
  89. package/dist/atomic/Popover/PopoverPrimitive.d.ts.map +1 -1
  90. package/dist/atomic/Popover/PopoverPrimitive.js +1 -1
  91. package/dist/atomic/Popover/index.d.ts.map +1 -1
  92. package/dist/atomic/Popover/index.js +1 -1
  93. package/dist/atomic/Portal/PortalPrimitive.d.ts +1 -1
  94. package/dist/atomic/Portal/PortalPrimitive.d.ts.map +1 -1
  95. package/dist/atomic/Portal/PortalPrimitive.js +1 -1
  96. package/dist/atomic/Portal/index.d.ts +1 -1
  97. package/dist/atomic/Portal/index.d.ts.map +1 -1
  98. package/dist/atomic/Portal/index.js +1 -1
  99. package/dist/atomic/Progress/ProgressPrimitive.d.ts +1 -1
  100. package/dist/atomic/Progress/ProgressPrimitive.d.ts.map +1 -1
  101. package/dist/atomic/Progress/ProgressPrimitive.js +1 -1
  102. package/dist/atomic/Progress/index.d.ts +1 -1
  103. package/dist/atomic/Progress/index.d.ts.map +1 -1
  104. package/dist/atomic/Progress/index.js +1 -1
  105. package/dist/atomic/RadioGroup/RadioGroupPrimitive.d.ts +1 -1
  106. package/dist/atomic/RadioGroup/RadioGroupPrimitive.d.ts.map +1 -1
  107. package/dist/atomic/RadioGroup/RadioGroupPrimitive.js +1 -1
  108. package/dist/atomic/RadioGroup/index.d.ts.map +1 -1
  109. package/dist/atomic/RadioGroup/index.js +1 -1
  110. package/dist/atomic/RangeInput/index.d.ts +45 -0
  111. package/dist/atomic/RangeInput/index.d.ts.map +1 -0
  112. package/dist/atomic/RangeInput/index.js +63 -0
  113. package/dist/atomic/Rating/index.d.ts +39 -0
  114. package/dist/atomic/Rating/index.d.ts.map +1 -0
  115. package/dist/atomic/Rating/index.js +115 -0
  116. package/dist/atomic/ScrollArea/ScrollAreaPrimitive.d.ts +1 -1
  117. package/dist/atomic/ScrollArea/ScrollAreaPrimitive.d.ts.map +1 -1
  118. package/dist/atomic/ScrollArea/ScrollAreaPrimitive.js +1 -1
  119. package/dist/atomic/ScrollArea/index.d.ts +1 -1
  120. package/dist/atomic/ScrollArea/index.d.ts.map +1 -1
  121. package/dist/atomic/ScrollArea/index.js +1 -1
  122. package/dist/atomic/Section/index.d.ts.map +1 -1
  123. package/dist/atomic/Section/index.js +1 -1
  124. package/dist/atomic/Select/SelectPrimitive.d.ts +1 -1
  125. package/dist/atomic/Select/SelectPrimitive.d.ts.map +1 -1
  126. package/dist/atomic/Select/SelectPrimitive.js +1 -1
  127. package/dist/atomic/Select/index.d.ts +2 -2
  128. package/dist/atomic/Select/index.d.ts.map +1 -1
  129. package/dist/atomic/Select/index.js +3 -3
  130. package/dist/atomic/Separator/SeparatorPrimitive.d.ts +1 -1
  131. package/dist/atomic/Separator/SeparatorPrimitive.d.ts.map +1 -1
  132. package/dist/atomic/Separator/SeparatorPrimitive.js +1 -1
  133. package/dist/atomic/Separator/index.d.ts +1 -1
  134. package/dist/atomic/Separator/index.d.ts.map +1 -1
  135. package/dist/atomic/Separator/index.js +1 -1
  136. package/dist/atomic/Sheet/SheetPrimitive.d.ts +1 -1
  137. package/dist/atomic/Sheet/SheetPrimitive.d.ts.map +1 -1
  138. package/dist/atomic/Sheet/SheetPrimitive.js +1 -1
  139. package/dist/atomic/Slider/SliderPrimitive.d.ts +1 -1
  140. package/dist/atomic/Slider/SliderPrimitive.d.ts.map +1 -1
  141. package/dist/atomic/Slider/SliderPrimitive.js +1 -1
  142. package/dist/atomic/Slider/index.d.ts +3 -2
  143. package/dist/atomic/Slider/index.d.ts.map +1 -1
  144. package/dist/atomic/Slider/index.js +9 -6
  145. package/dist/atomic/Stepper/index.d.ts +1 -1
  146. package/dist/atomic/Switch/SwitchPrimitive.d.ts +1 -1
  147. package/dist/atomic/Switch/SwitchPrimitive.d.ts.map +1 -1
  148. package/dist/atomic/Switch/SwitchPrimitive.js +1 -1
  149. package/dist/atomic/Switch/index.d.ts +1 -1
  150. package/dist/atomic/Switch/index.d.ts.map +1 -1
  151. package/dist/atomic/Switch/index.js +1 -1
  152. package/dist/atomic/Table/index.d.ts +18 -5
  153. package/dist/atomic/Table/index.d.ts.map +1 -1
  154. package/dist/atomic/Table/index.js +91 -31
  155. package/dist/atomic/Tabs/TabsPrimitive.d.ts +1 -2
  156. package/dist/atomic/Tabs/TabsPrimitive.d.ts.map +1 -1
  157. package/dist/atomic/Tabs/TabsPrimitive.js +1 -2
  158. package/dist/atomic/Tabs/index.d.ts +2 -2
  159. package/dist/atomic/Tabs/index.d.ts.map +1 -1
  160. package/dist/atomic/Tabs/index.js +1 -1
  161. package/dist/atomic/Text/index.d.ts +6 -0
  162. package/dist/atomic/Text/index.d.ts.map +1 -1
  163. package/dist/atomic/Text/index.js +2 -1
  164. package/dist/atomic/Textarea/index.d.ts +4 -0
  165. package/dist/atomic/Textarea/index.d.ts.map +1 -1
  166. package/dist/atomic/Textarea/index.js +3 -3
  167. package/dist/atomic/Toaster/Toast.types.d.ts +17 -0
  168. package/dist/atomic/Toaster/Toast.types.d.ts.map +1 -0
  169. package/dist/atomic/Toaster/Toast.types.js +2 -0
  170. package/dist/atomic/Toaster/ToastPrimitive.d.ts +2 -2
  171. package/dist/atomic/Toaster/ToastPrimitive.d.ts.map +1 -1
  172. package/dist/atomic/Toaster/ToastPrimitive.js +1 -1
  173. package/dist/atomic/Toaster/index.js +1 -1
  174. package/dist/atomic/Toggle/TogglePrimitive.d.ts +0 -1
  175. package/dist/atomic/Toggle/TogglePrimitive.d.ts.map +1 -1
  176. package/dist/atomic/Toggle/TogglePrimitive.js +0 -1
  177. package/dist/atomic/Toggle/index.d.ts +2 -2
  178. package/dist/atomic/Toggle/index.d.ts.map +1 -1
  179. package/dist/atomic/Toggle/index.js +1 -1
  180. package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.d.ts +1 -1
  181. package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.d.ts.map +1 -1
  182. package/dist/atomic/ToggleGroup/ToggleGroupPrimitive.js +1 -1
  183. package/dist/atomic/ToggleGroup/index.d.ts.map +1 -1
  184. package/dist/atomic/ToggleGroup/index.js +1 -1
  185. package/dist/atomic/Tooltip/TooltipPrimitive.d.ts +1 -1
  186. package/dist/atomic/Tooltip/TooltipPrimitive.d.ts.map +1 -1
  187. package/dist/atomic/Tooltip/TooltipPrimitive.js +1 -1
  188. package/dist/atomic/Tooltip/index.d.ts.map +1 -1
  189. package/dist/atomic/Tooltip/index.js +1 -1
  190. package/dist/atomic/VideoPlayer/index.d.ts +11 -1
  191. package/dist/atomic/VideoPlayer/index.d.ts.map +1 -1
  192. package/dist/atomic/VideoPlayer/index.js +6 -8
  193. package/dist/atomic/VisuallyHidden/VisuallyHiddenPrimitive.d.ts +0 -1
  194. package/dist/atomic/VisuallyHidden/VisuallyHiddenPrimitive.d.ts.map +1 -1
  195. package/dist/atomic/VisuallyHidden/VisuallyHiddenPrimitive.js +0 -1
  196. package/dist/atomic/index.d.ts +7 -0
  197. package/dist/atomic/index.d.ts.map +1 -1
  198. package/dist/atomic/index.js +5 -0
  199. package/dist/hooks/index.d.ts +2 -1
  200. package/dist/hooks/index.d.ts.map +1 -1
  201. package/dist/hooks/useToast.d.ts +1 -8
  202. package/dist/hooks/useToast.d.ts.map +1 -1
  203. package/dist/hooks/useToast.js +1 -0
  204. package/dist/index.d.ts +2 -0
  205. package/dist/index.d.ts.map +1 -1
  206. package/dist/index.js +4 -4
  207. package/dist/styles/index.css +365 -72
  208. package/dist/utils/variants.d.ts +1 -1
  209. package/package.json +5 -5
@@ -1 +1 @@
1
- {"version":3,"file":"CodeContent.d.ts","sourceRoot":"","sources":["../../../src/advanced/Code/CodeContent.tsx"],"names":[],"mappings":"AA2BA,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,eAAsB,EACtB,SAAiB,EACjB,cAAqB,EACrB,MAAM,EACN,OAAe,GAChB,EAAE,SAAS,2CAsOX;AAED,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"CodeContent.d.ts","sourceRoot":"","sources":["../../../src/advanced/Code/CodeContent.tsx"],"names":[],"mappings":"AAyBA,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,QAAgB,EAChB,SAAS,EACT,eAAsB,EACtB,SAAiB,EACjB,cAAqB,EACrB,MAAM,EACN,OAAe,GAChB,EAAE,SAAS,2CAsOX;AAED,eAAe,IAAI,CAAC"}
@@ -12,7 +12,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
12
12
  * @author AMBROISE PARK Consulting
13
13
  */
14
14
  import { useEffect, useState, useMemo } from 'react';
15
- import { ScrollArea, CopyToClipboard, useIsDark, Stack, Text, } from '../../index';
15
+ import ScrollArea from '../../atomic/ScrollArea';
16
+ import CopyToClipboard from '../../atomic/CopyToClipboard';
17
+ import Stack from '../../atomic/Stack';
18
+ import Text from '../../atomic/Text';
19
+ import { useIsDark } from '../../utils/isDark';
16
20
  /**
17
21
  * Professional IDE-style code display component with Shiki syntax highlighting
18
22
  *
@@ -1 +1 @@
1
- {"version":3,"file":"CodeSkeleton.d.ts","sourceRoot":"","sources":["../../../src/advanced/Code/CodeSkeleton.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,eAAsB,EACtB,cAAqB,EACrB,OAAe,EACf,SAAc,GACf,EAAE,iBAAiB,2CAyFnB;AAED,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"CodeSkeleton.d.ts","sourceRoot":"","sources":["../../../src/advanced/Code/CodeSkeleton.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,eAAsB,EACtB,cAAqB,EACrB,OAAe,EACf,SAAc,GACf,EAAE,iBAAiB,2CAyFnB;AAED,eAAe,YAAY,CAAC"}
@@ -8,7 +8,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
8
  * @since 0.0.1
9
9
  * @author AMBROISE PARK Consulting
10
10
  */
11
- import { cn, Stack } from '@donotdev/components';
11
+ import { cn } from '../../utils/helpers';
12
+ import Stack from '../../atomic/Stack';
12
13
  function CodeSkeleton({ className, showLineNumbers = true, showCopyButton = true, compact = false, lineCount = 10, }) {
13
14
  return (_jsx("div", { className: cn('dndev-relative', className), style: {
14
15
  opacity: 'var(--opacity-muted)',
@@ -0,0 +1,39 @@
1
+ import type { ReactElement } from 'react';
2
+ import './ImageGallery.css';
3
+ export interface ImageData {
4
+ fullUrl?: string;
5
+ thumbUrl?: string;
6
+ }
7
+ export interface ImageGalleryProps {
8
+ /** Array of images - can be objects with fullUrl/thumbUrl or plain strings */
9
+ images: Array<ImageData | string>;
10
+ /** Aspect ratio for main image (default: '16/9') */
11
+ aspectRatio?: string;
12
+ /** Alt text prefix for images */
13
+ altPrefix?: string;
14
+ /** Callback when image changes */
15
+ onImageChange?: (index: number) => void;
16
+ }
17
+ /**
18
+ * ImageGallery - Full-featured image gallery component
19
+ *
20
+ * Features:
21
+ * - Keyboard navigation (← → arrows)
22
+ * - Previous/Next buttons on main image
23
+ * - Wrapping thumbnail grid
24
+ * - Focus management for accessibility
25
+ *
26
+ * @example
27
+ * ```tsx
28
+ * <ImageGallery
29
+ * images={[
30
+ * { fullUrl: '/img1-full.jpg', thumbUrl: '/img1-thumb.jpg' },
31
+ * '/img2.jpg',
32
+ * ]}
33
+ * aspectRatio="16/9"
34
+ * />
35
+ * ```
36
+ */
37
+ export declare function ImageGallery({ images, aspectRatio, altPrefix, onImageChange, }: ImageGalleryProps): ReactElement;
38
+ export default ImageGallery;
39
+ //# sourceMappingURL=ImageGallery.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ImageGallery.d.ts","sourceRoot":"","sources":["../../../src/advanced/ImageGallery/ImageGallery.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,8EAA8E;IAC9E,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;IAClC,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAkBD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,WAAoB,EACpB,SAAmB,EACnB,aAAa,GACd,EAAE,iBAAiB,GAAG,YAAY,CAqOlC;AAED,eAAe,YAAY,CAAC"}
@@ -0,0 +1,138 @@
1
+ 'use client';
2
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
3
+ // packages/components/src/advanced/ImageGallery/ImageGallery.tsx
4
+ /**
5
+ * @fileoverview ImageGallery component
6
+ * @description Full-featured image gallery with keyboard navigation, arrows, and wrapping thumbnails
7
+ *
8
+ * @version 0.0.1
9
+ * @since 0.0.1
10
+ * @author AMBROISE PARK Consulting
11
+ */
12
+ import { useState, useCallback, useEffect, useRef } from 'react';
13
+ import './ImageGallery.css';
14
+ /**
15
+ * Normalize image data to consistent format
16
+ */
17
+ function normalizeImage(img) {
18
+ if (typeof img === 'string') {
19
+ return { full: img, thumb: img };
20
+ }
21
+ return {
22
+ full: img.fullUrl || img.thumbUrl || '',
23
+ thumb: img.thumbUrl || img.fullUrl || '',
24
+ };
25
+ }
26
+ /**
27
+ * ImageGallery - Full-featured image gallery component
28
+ *
29
+ * Features:
30
+ * - Keyboard navigation (← → arrows)
31
+ * - Previous/Next buttons on main image
32
+ * - Wrapping thumbnail grid
33
+ * - Focus management for accessibility
34
+ *
35
+ * @example
36
+ * ```tsx
37
+ * <ImageGallery
38
+ * images={[
39
+ * { fullUrl: '/img1-full.jpg', thumbUrl: '/img1-thumb.jpg' },
40
+ * '/img2.jpg',
41
+ * ]}
42
+ * aspectRatio="16/9"
43
+ * />
44
+ * ```
45
+ */
46
+ export function ImageGallery({ images, aspectRatio = '16/9', altPrefix = 'Image', onImageChange, }) {
47
+ const [selectedIndex, setSelectedIndex] = useState(0);
48
+ const [loadedFullUrls, setLoadedFullUrls] = useState(new Set());
49
+ const containerRef = useRef(null);
50
+ const thumbnailRefs = useRef([]);
51
+ const normalizedImages = images.map(normalizeImage);
52
+ const hasMultiple = normalizedImages.length > 1;
53
+ const goToImage = useCallback((index) => {
54
+ const newIndex = (index + normalizedImages.length) % normalizedImages.length;
55
+ setSelectedIndex(newIndex);
56
+ onImageChange?.(newIndex);
57
+ // Preload full image if not already loaded
58
+ const image = normalizedImages[newIndex];
59
+ if (image &&
60
+ image.full !== image.thumb &&
61
+ !loadedFullUrls.has(newIndex)) {
62
+ const img = new Image();
63
+ img.onload = () => {
64
+ setLoadedFullUrls((prev) => new Set(prev).add(newIndex));
65
+ };
66
+ img.src = image.full;
67
+ }
68
+ }, [normalizedImages, onImageChange, loadedFullUrls]);
69
+ const goNext = useCallback(() => goToImage(selectedIndex + 1), [goToImage, selectedIndex]);
70
+ const goPrev = useCallback(() => goToImage(selectedIndex - 1), [goToImage, selectedIndex]);
71
+ // Keyboard navigation
72
+ const handleKeyDown = useCallback((e) => {
73
+ if (!hasMultiple)
74
+ return;
75
+ switch (e.key) {
76
+ case 'ArrowLeft':
77
+ e.preventDefault();
78
+ goPrev();
79
+ break;
80
+ case 'ArrowRight':
81
+ e.preventDefault();
82
+ goNext();
83
+ break;
84
+ case 'Home':
85
+ e.preventDefault();
86
+ goToImage(0);
87
+ break;
88
+ case 'End':
89
+ e.preventDefault();
90
+ goToImage(normalizedImages.length - 1);
91
+ break;
92
+ }
93
+ }, [hasMultiple, goPrev, goNext, goToImage, normalizedImages.length]);
94
+ // Focus thumbnail when selected
95
+ useEffect(() => {
96
+ thumbnailRefs.current[selectedIndex]?.focus();
97
+ }, [selectedIndex]);
98
+ if (normalizedImages.length === 0) {
99
+ return (_jsx("div", { className: "image-gallery image-gallery--empty", style: { aspectRatio }, children: _jsx("span", { className: "image-gallery__placeholder", children: "No images" }) }));
100
+ }
101
+ // Safe: selectedIndex bounded by goToImage, array guaranteed non-empty (early return above)
102
+ const currentImage = normalizedImages[selectedIndex];
103
+ return (_jsxs("div", { ref: containerRef, className: "image-gallery", onKeyDown: handleKeyDown, tabIndex: 0, role: "region", "aria-label": "Image gallery", "aria-roledescription": "carousel", children: [_jsxs("div", { className: "image-gallery__main", style: { aspectRatio }, children: [currentImage.full !== currentImage.thumb && (_jsx("img", { src: currentImage.thumb, alt: "", className: "image-gallery__main-image", style: {
104
+ position: 'absolute',
105
+ top: 0,
106
+ left: 0,
107
+ width: '100%',
108
+ height: '100%',
109
+ objectFit: 'cover',
110
+ opacity: loadedFullUrls.has(selectedIndex) ? 0 : 1,
111
+ transition: 'opacity 0.3s ease',
112
+ zIndex: 1,
113
+ } })), _jsx("img", { src: currentImage.full, alt: `${altPrefix} ${selectedIndex + 1} of ${normalizedImages.length}`, className: "image-gallery__main-image", style: {
114
+ position: currentImage.full !== currentImage.thumb
115
+ ? 'absolute'
116
+ : 'relative',
117
+ top: 0,
118
+ left: 0,
119
+ width: '100%',
120
+ height: '100%',
121
+ objectFit: 'cover',
122
+ opacity: loadedFullUrls.has(selectedIndex) ||
123
+ currentImage.full === currentImage.thumb
124
+ ? 1
125
+ : 0,
126
+ transition: 'opacity 0.3s ease',
127
+ zIndex: 2,
128
+ }, onLoad: () => {
129
+ if (currentImage.full !== currentImage.thumb) {
130
+ setLoadedFullUrls((prev) => new Set(prev).add(selectedIndex));
131
+ }
132
+ } }), hasMultiple && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "image-gallery__nav image-gallery__nav--prev", onClick: goPrev, "aria-label": "Previous image", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "15 18 9 12 15 6" }) }) }), _jsx("button", { type: "button", className: "image-gallery__nav image-gallery__nav--next", onClick: goNext, "aria-label": "Next image", children: _jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "9 18 15 12 9 6" }) }) })] }))] }), hasMultiple && (_jsx("div", { className: "image-gallery__thumbnails", role: "tablist", "aria-label": "Image thumbnails", children: normalizedImages.map((img, index) => (_jsx("button", { ref: (el) => {
133
+ thumbnailRefs.current[index] = el;
134
+ }, type: "button", role: "tab", "aria-selected": index === selectedIndex, "aria-label": `View image ${index + 1}`, className: `image-gallery__thumbnail ${index === selectedIndex
135
+ ? 'image-gallery__thumbnail--selected'
136
+ : ''}`, onClick: () => goToImage(index), children: _jsx("img", { src: img.thumb, alt: "", className: "image-gallery__thumbnail-image" }) }, index))) }))] }));
137
+ }
138
+ export default ImageGallery;
@@ -0,0 +1,3 @@
1
+ export { ImageGallery, default } from './ImageGallery';
2
+ export type { ImageGalleryProps, ImageData } from './ImageGallery';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/advanced/ImageGallery/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
@@ -0,0 +1,2 @@
1
+ // packages/components/src/advanced/ImageGallery/index.ts
2
+ export { ImageGallery, default } from './ImageGallery';
@@ -1 +1 @@
1
- {"version":3,"file":"JsonViewer.d.ts","sourceRoot":"","sources":["../../../src/advanced/JsonViewer/JsonViewer.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,IAAI,EAAE,GAAG,CAAC;IAEV,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,uBAAuB;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoID;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,UAAU;oEAMb,eAAe;;CA0FjB,CAAC;AAIF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"JsonViewer.d.ts","sourceRoot":"","sources":["../../../src/advanced/JsonViewer/JsonViewer.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,IAAI,EAAE,GAAG,CAAC;IAEV,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,uBAAuB;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoID;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,UAAU;oEAMb,eAAe;;CA0FjB,CAAC;AAIF,eAAe,UAAU,CAAC"}
@@ -11,7 +11,8 @@ import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
11
11
  */
12
12
  import { Copy, ChevronRight, ChevronDown } from 'lucide-react';
13
13
  import { useState, useMemo, useCallback } from 'react';
14
- import { cn, Button, BUTTON_VARIANT } from '@donotdev/components';
14
+ import { cn } from '../../utils/helpers';
15
+ import Button, { BUTTON_VARIANT } from '../../atomic/Button';
15
16
  const JsonNode = ({ data, keyName, depth, defaultDepth, path, collapsed, onToggle, expandedPaths, }) => {
16
17
  const isExpanded = expandedPaths.has(path) || (depth < defaultDepth && !collapsed);
17
18
  const isObject = typeof data === 'object' && data !== null && !Array.isArray(data);
@@ -11,4 +11,6 @@ export type { BentoProps, BentoCellData, BentoGap, BentoColumns, } from './Bento
11
11
  export { default as Code } from './Code';
12
12
  export type { CodeProps } from './Code';
13
13
  export { default as JsonViewer } from './JsonViewer';
14
+ export { default as ImageGallery } from './ImageGallery';
15
+ export type { ImageGalleryProps, ImageData } from './ImageGallery';
14
16
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/advanced/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EACV,UAAU,EACV,aAAa,EACb,QAAQ,EACR,YAAY,GACb,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/advanced/index.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EACV,UAAU,EACV,aAAa,EACb,QAAQ,EACR,YAAY,GACb,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}
@@ -10,3 +10,4 @@
10
10
  export { default as Bento } from './Bento';
11
11
  export { default as Code } from './Code';
12
12
  export { default as JsonViewer } from './JsonViewer';
13
+ export { default as ImageGallery } from './ImageGallery';
@@ -18,6 +18,6 @@ declare const AccordionTriggerPrimitive: ({ className, children, asChild, ...pro
18
18
  declare const AccordionContentPrimitive: ({ className, children, asChild, ...rest }: ComponentProps<typeof RadixAccordion.Content> & {
19
19
  asChild?: boolean;
20
20
  }) => import("react/jsx-runtime").JSX.Element;
21
- export default AccordionPrimitive;
21
+ export { AccordionPrimitive };
22
22
  export { AccordionItemPrimitive, AccordionTriggerPrimitive, AccordionContentPrimitive, };
23
23
  //# sourceMappingURL=AccordionPrimitive.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Accordion/AccordionPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAM5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,kBAAkB,0KAAsB,CAAC;AAE/C,QAAA,MAAM,sBAAsB,GAAI,kCAI7B,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAGA,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,4CAKhC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CASA,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,2CAKhC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAcA,CAAC;AAEF,eAAe,kBAAkB,CAAC;AAClC,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,yBAAyB,GAC1B,CAAC"}
1
+ {"version":3,"file":"AccordionPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Accordion/AccordionPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAM5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,kBAAkB,0KAAsB,CAAC;AAE/C,QAAA,MAAM,sBAAsB,GAAI,kCAI7B,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAGA,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,4CAKhC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CASA,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,2CAKhC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,4CAcA,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,yBAAyB,GAC1B,CAAC"}
@@ -25,5 +25,5 @@ const AccordionContentPrimitive = ({ className, children, asChild = false, ...re
25
25
  const Comp = asChild ? Slot : RadixAccordion.Content;
26
26
  return (_jsx(Comp, { className: cn('dndev-accordion-content', 'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down', className), ...rest, children: _jsx("div", { className: "dndev-accordion-content-inner", children: children }) }));
27
27
  };
28
- export default AccordionPrimitive;
28
+ export { AccordionPrimitive };
29
29
  export { AccordionItemPrimitive, AccordionTriggerPrimitive, AccordionContentPrimitive, };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Accordion/index.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,gDAAgD;IAChD,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,kCAAkC;IAClC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,SAAS,GAAI,8EAQhB,cAAc,4CA0DhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Accordion/index.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,gDAAgD;IAChD,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC7B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,kCAAkC;IAClC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,SAAS,GAAI,8EAQhB,cAAc,4CA0DhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
9
  * @author AMBROISE PARK Consulting
10
10
  */
11
11
  import { ChevronDown } from 'lucide-react';
12
- import AccordionPrimitive, { AccordionItemPrimitive, AccordionTriggerPrimitive, AccordionContentPrimitive, } from './AccordionPrimitive';
12
+ import { AccordionPrimitive, AccordionItemPrimitive, AccordionTriggerPrimitive, AccordionContentPrimitive, } from './AccordionPrimitive';
13
13
  import { cn } from '../../utils/helpers';
14
14
  /**
15
15
  * A vertically stacked set of interactive headings that each reveal a section of content.
@@ -21,6 +21,6 @@ declare const AlertDialogTitlePrimitive: ({ className, ...props }: ComponentProp
21
21
  declare const AlertDialogDescriptionPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAlertDialog.Description>) => import("react/jsx-runtime").JSX.Element;
22
22
  declare const AlertDialogActionPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAlertDialog.Action>) => import("react/jsx-runtime").JSX.Element;
23
23
  declare const AlertDialogCancelPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAlertDialog.Cancel>) => import("react/jsx-runtime").JSX.Element;
24
- export default AlertDialogPrimitive;
24
+ export { AlertDialogPrimitive };
25
25
  export { AlertDialogPortalPrimitive, AlertDialogOverlayPrimitive, AlertDialogTriggerPrimitive, AlertDialogContentPrimitive, AlertDialogHeaderPrimitive, AlertDialogFooterPrimitive, AlertDialogTitlePrimitive, AlertDialogDescriptionPrimitive, AlertDialogActionPrimitive, AlertDialogCancelPrimitive, };
26
26
  //# sourceMappingURL=AlertDialogPrimitive.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDialogPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/AlertDialog/AlertDialogPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AAIjE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,QAAA,MAAM,oBAAoB,uDAAwB,CAAC;AACnD,QAAA,MAAM,2BAA2B,wIAA2B,CAAC;AAC7D,QAAA,MAAM,0BAA0B,6DAA0B,CAAC;AAE3D,QAAA,MAAM,2BAA2B,GAAI,yBAGlC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,4CAEjD,CAAC;AAEF,QAAA,MAAM,2BAA2B,GAAI,2CAIlC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACnD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C,4CAMA,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,yBAGhC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,4CAE/C,CAAC;AAEF,QAAA,MAAM,+BAA+B,GAAI,yBAGtC,cAAc,CAAC,OAAO,gBAAgB,CAAC,WAAW,CAAC,4CAErD,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEhD,CAAC;AAEF,eAAe,oBAAoB,CAAC;AACpC,OAAO,EACL,0BAA0B,EAC1B,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,yBAAyB,EACzB,+BAA+B,EAC/B,0BAA0B,EAC1B,0BAA0B,GAC3B,CAAC"}
1
+ {"version":3,"file":"AlertDialogPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/AlertDialog/AlertDialogPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,8BAA8B,CAAC;AAIjE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,QAAA,MAAM,oBAAoB,uDAAwB,CAAC;AACnD,QAAA,MAAM,2BAA2B,wIAA2B,CAAC;AAC7D,QAAA,MAAM,0BAA0B,6DAA0B,CAAC;AAE3D,QAAA,MAAM,2BAA2B,GAAI,yBAGlC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,4CAEjD,CAAC;AAEF,QAAA,MAAM,2BAA2B,GAAI,2CAIlC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACnD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAC3C,4CAMA,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC;AAEF,QAAA,MAAM,yBAAyB,GAAI,yBAGhC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,4CAE/C,CAAC;AAEF,QAAA,MAAM,+BAA+B,GAAI,yBAGtC,cAAc,CAAC,OAAO,gBAAgB,CAAC,WAAW,CAAC,4CAErD,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEhD,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAAI,yBAGjC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,4CAEhD,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,CAAC;AAChC,OAAO,EACL,0BAA0B,EAC1B,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,yBAAyB,EACzB,+BAA+B,EAC/B,0BAA0B,EAC1B,0BAA0B,GAC3B,CAAC"}
@@ -21,5 +21,5 @@ const AlertDialogTitlePrimitive = ({ className, ...props }) => (_jsx(RadixAlertD
21
21
  const AlertDialogDescriptionPrimitive = ({ className, ...props }) => (_jsx(RadixAlertDialog.Description, { className: cn(className), ...props }));
22
22
  const AlertDialogActionPrimitive = ({ className, ...props }) => (_jsx(RadixAlertDialog.Action, { className: cn(className), ...props }));
23
23
  const AlertDialogCancelPrimitive = ({ className, ...props }) => (_jsx(RadixAlertDialog.Cancel, { className: cn(className), ...props }));
24
- export default AlertDialogPrimitive;
24
+ export { AlertDialogPrimitive };
25
25
  export { AlertDialogPortalPrimitive, AlertDialogOverlayPrimitive, AlertDialogTriggerPrimitive, AlertDialogContentPrimitive, AlertDialogHeaderPrimitive, AlertDialogFooterPrimitive, AlertDialogTitlePrimitive, AlertDialogDescriptionPrimitive, AlertDialogActionPrimitive, AlertDialogCancelPrimitive, };
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/AlertDialog/index.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AA+DvD,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,WAAW,GAAI,sGAUlB,gBAAgB,4CAoClB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/AlertDialog/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAC;AA+DvD,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,KAAK,EAAE,SAAS,CAAC;IACjB,kDAAkD;IAClD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,WAAW,GAAI,sGAUlB,gBAAgB,4CAoClB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -11,7 +11,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
11
11
  import { cn } from '../../utils/helpers';
12
12
  import Button from '../Button';
13
13
  import VisuallyHidden from '../VisuallyHidden';
14
- import AlertDialogPrimitive, { AlertDialogTriggerPrimitive, AlertDialogContentPrimitive as ContentPrimitive, AlertDialogHeaderPrimitive as HeaderPrimitive, AlertDialogFooterPrimitive as FooterPrimitive, AlertDialogTitlePrimitive as TitlePrimitive, AlertDialogDescriptionPrimitive as DescriptionPrimitive, AlertDialogActionPrimitive as ActionPrimitive, AlertDialogCancelPrimitive as CancelPrimitive, AlertDialogOverlayPrimitive as OverlayPrimitive, AlertDialogPortalPrimitive, } from './AlertDialogPrimitive';
14
+ import { AlertDialogPrimitive, AlertDialogTriggerPrimitive, AlertDialogContentPrimitive as ContentPrimitive, AlertDialogHeaderPrimitive as HeaderPrimitive, AlertDialogFooterPrimitive as FooterPrimitive, AlertDialogTitlePrimitive as TitlePrimitive, AlertDialogDescriptionPrimitive as DescriptionPrimitive, AlertDialogActionPrimitive as ActionPrimitive, AlertDialogCancelPrimitive as CancelPrimitive, AlertDialogOverlayPrimitive as OverlayPrimitive, AlertDialogPortalPrimitive, } from './AlertDialogPrimitive';
15
15
  // Wrapper components that apply dndev-* classes
16
16
  const AlertDialogOverlay = ({ className, ...props }) => (_jsx(OverlayPrimitive, { className: cn('dndev-alert-dialog-overlay dndev-overlay', className), ...props }));
17
17
  const AlertDialogContent = ({ className, ...props }) => (_jsxs(AlertDialogPortalPrimitive, { children: [_jsx(AlertDialogOverlay, {}), _jsx(ContentPrimitive, { className: cn('dndev-surface dndev-modal-content dndev-alert-dialog-content', className), ...props })] }));
@@ -11,6 +11,5 @@ import type { ComponentProps } from 'react';
11
11
  declare const AvatarPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAvatar.Root>) => import("react/jsx-runtime").JSX.Element;
12
12
  declare const AvatarImagePrimitive: ({ className, ...props }: ComponentProps<typeof RadixAvatar.Image>) => import("react/jsx-runtime").JSX.Element;
13
13
  declare const AvatarFallbackPrimitive: ({ className, ...props }: ComponentProps<typeof RadixAvatar.Fallback>) => import("react/jsx-runtime").JSX.Element;
14
- export default AvatarPrimitive;
15
- export { AvatarImagePrimitive, AvatarFallbackPrimitive };
14
+ export { AvatarPrimitive, AvatarImagePrimitive, AvatarFallbackPrimitive };
16
15
  //# sourceMappingURL=AvatarPrimitive.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Avatar/AvatarPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAItD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,eAAe,GAAI,yBAGtB,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,4CAEzC,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,4CAK1C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,yBAG9B,cAAc,CAAC,OAAO,WAAW,CAAC,QAAQ,CAAC,4CAK7C,CAAC;AAEF,eAAe,eAAe,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,CAAC"}
1
+ {"version":3,"file":"AvatarPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Avatar/AvatarPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAItD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,eAAe,GAAI,yBAGtB,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,4CAEzC,CAAC;AAEF,QAAA,MAAM,oBAAoB,GAAI,yBAG3B,cAAc,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,4CAK1C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,yBAG9B,cAAc,CAAC,OAAO,WAAW,CAAC,QAAQ,CAAC,4CAK7C,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,CAAC"}
@@ -13,5 +13,4 @@ import { cn } from '../../utils/helpers';
13
13
  const AvatarPrimitive = ({ className, ...props }) => (_jsx(RadixAvatar.Root, { className: cn('dndev-avatar', className), ...props }));
14
14
  const AvatarImagePrimitive = ({ className, ...props }) => (_jsx(RadixAvatar.Image, { className: cn('dndev-avatar-image', className), ...props }));
15
15
  const AvatarFallbackPrimitive = ({ className, ...props }) => (_jsx(RadixAvatar.Fallback, { className: cn('dndev-avatar-fallback', className), ...props }));
16
- export default AvatarPrimitive;
17
- export { AvatarImagePrimitive, AvatarFallbackPrimitive };
16
+ export { AvatarPrimitive, AvatarImagePrimitive, AvatarFallbackPrimitive };
@@ -6,7 +6,7 @@
6
6
  * @since 0.0.1
7
7
  * @author AMBROISE PARK Consulting
8
8
  */
9
- import AvatarPrimitive from './AvatarPrimitive';
9
+ import { AvatarPrimitive } from './AvatarPrimitive';
10
10
  import type { ComponentProps } from 'react';
11
11
  export interface AvatarProps extends ComponentProps<typeof AvatarPrimitive> {
12
12
  /** The URL of the avatar image */
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Avatar/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,eAGN,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC;IACzE,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,MAAM,GAAI,kCAAkC,WAAW,4CAO5D,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Avatar/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EACL,eAAe,EAGhB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,OAAO,eAAe,CAAC;IACzE,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,MAAM,GAAI,kCAAkC,WAAW,4CAO5D,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -8,7 +8,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
8
  * @since 0.0.1
9
9
  * @author AMBROISE PARK Consulting
10
10
  */
11
- import AvatarPrimitive, { AvatarImagePrimitive, AvatarFallbackPrimitive, } from './AvatarPrimitive';
11
+ import { AvatarPrimitive, AvatarImagePrimitive, AvatarFallbackPrimitive, } from './AvatarPrimitive';
12
12
  /**
13
13
  * Accessible avatar component built on Radix UI primitives. Provides image and fallback support.
14
14
  *
@@ -24,7 +24,7 @@ export declare const BADGE_VARIANT: {
24
24
  readonly DESTRUCTIVE: "destructive";
25
25
  };
26
26
  declare const badgeVariants: (props?: ({
27
- variant?: "default" | "outline" | "warning" | "success" | "muted" | "primary" | "secondary" | "accent" | "destructive" | null | undefined;
27
+ variant?: "default" | "outline" | "primary" | "destructive" | "warning" | "success" | "muted" | "secondary" | "accent" | null | undefined;
28
28
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
29
29
  export type BadgeVariant = VariantProps<typeof badgeVariants>['variant'];
30
30
  /**
@@ -21,7 +21,7 @@ export declare const BUTTON_VARIANT: {
21
21
  readonly DESTRUCTIVE: "destructive";
22
22
  };
23
23
  declare const buttonVariants: (props?: ({
24
- variant?: "default" | "outline" | "ghost" | "link" | "warning" | "success" | "muted" | "primary" | "secondary" | "accent" | "destructive" | null | undefined;
24
+ variant?: "default" | "outline" | "ghost" | "link" | "primary" | "destructive" | "warning" | "success" | "muted" | "secondary" | "accent" | null | undefined;
25
25
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
26
26
  /**
27
27
  * Button variant type - derived from buttonVariants to ensure type safety
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Button/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAM1D,OAAO,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;CAKjB,CAAC;AAEX,QAAA,MAAM,cAAc;;8EAmBlB,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;AAE3E;;;;;;GAMG;AACH,qEAAqE;AACrE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,WACf,SACE,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;;;;;;;;;;;;;OAeG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;IACjD;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IACjD,yDAAyD;IACzD,IAAI,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC;IACvD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,MAAM,2GAyJV,CAAC;AAIH,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Button/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAM1D,OAAO,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;CAKjB,CAAC;AAEX,QAAA,MAAM,cAAc;;8EAmBlB,CAAC;AAEH;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;AAE3E;;;;;;GAMG;AACH,qEAAqE;AACrE,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,MAAM,WAAW,WACf,SACE,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;;;;;;;;;;;;;;OAeG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;IACjD;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;IACjD,yDAAyD;IACzD,IAAI,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,GAAG,MAAM,GAAG,SAAS,CAAC;IACvD;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,MAAM,2GAiKX,CAAC;AAIF,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,cAAc,EAAE,CAAC"}
@@ -26,5 +26,5 @@ export interface CheckboxProps extends ComponentProps<typeof CheckboxPrimitives.
26
26
  * @returns {JSX.Element} The rendered checkbox
27
27
  */
28
28
  declare const CheckboxPrimitive: ({ className, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
29
- export default CheckboxPrimitive;
29
+ export { CheckboxPrimitive };
30
30
  //# sourceMappingURL=CheckboxPrimitive.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Checkbox/CheckboxPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAK/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CACnD,OAAO,kBAAkB,CAAC,IAAI,CAC/B;CAAG;AAEJ;;;;;;;;;;GAUG;AACH,QAAA,MAAM,iBAAiB,GAAI,yBAAyB,aAAa,4CAUhE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"CheckboxPrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Checkbox/CheckboxPrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,kBAAkB,MAAM,0BAA0B,CAAC;AAK/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;GAGG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CACnD,OAAO,kBAAkB,CAAC,IAAI,CAC/B;CAAG;AAEJ;;;;;;;;;;GAUG;AACH,QAAA,MAAM,iBAAiB,GAAI,yBAAyB,aAAa,4CAUhE,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
@@ -23,4 +23,4 @@ import { cn } from '../../utils/helpers';
23
23
  * @returns {JSX.Element} The rendered checkbox
24
24
  */
25
25
  const CheckboxPrimitive = ({ className, ...props }) => (_jsx(CheckboxPrimitives.Root, { className: cn('peer', className), "data-type": "checkbox", ...props, children: _jsx(CheckboxPrimitives.Indicator, { children: _jsx(Check, {}) }) }));
26
- export default CheckboxPrimitive;
26
+ export { CheckboxPrimitive };
@@ -1,24 +1,38 @@
1
- import CheckboxPrimitive, { type CheckboxProps as CheckboxPrimitiveProps } from './CheckboxPrimitive';
1
+ import { CheckboxPrimitive, type CheckboxProps as CheckboxPrimitiveProps } from './CheckboxPrimitive';
2
2
  import { CONTROL_VARIANT, type ControlVariant } from '../../utils/constants';
3
+ import type { ReactNode } from 'react';
3
4
  import './Checkbox.css';
4
5
  export interface CheckboxProps extends CheckboxPrimitiveProps {
5
6
  /** Semantic color variant */
6
7
  variant?: ControlVariant;
8
+ /** Optional label text - automatically composes with Label component */
9
+ label?: ReactNode;
10
+ /** Whether the label should show required indicator */
11
+ required?: boolean;
7
12
  }
8
13
  /**
9
14
  * Accessible checkbox control with semantic color variants.
10
15
  * Supports smooth animations and full state management.
16
+ * Optionally accepts a label prop for convenience (automatically composes with Label).
11
17
  *
12
18
  * @component
13
19
  * @example
14
20
  * ```tsx
21
+ * // Simple checkbox without label
15
22
  * <Checkbox checked={agreed} onCheckedChange={setAgreed} variant="success" />
16
- * <Checkbox checked={dangerous} variant="destructive" />
23
+ *
24
+ * // Checkbox with label (convenience prop)
25
+ * <Checkbox
26
+ * checked={consent}
27
+ * onCheckedChange={setConsent}
28
+ * label="I agree to the terms"
29
+ * required
30
+ * />
17
31
  * ```
18
32
  * @param {CheckboxProps} props - The props for the checkbox
19
33
  * @returns {JSX.Element} The rendered checkbox
20
34
  */
21
- declare const Checkbox: ({ className, variant, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
35
+ declare const Checkbox: ({ className, variant, label, required, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
22
36
  export default Checkbox;
23
37
  export { CheckboxPrimitive, CONTROL_VARIANT as CHECKBOX_VARIANT };
24
38
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Checkbox/index.tsx"],"names":[],"mappings":"AAaA,OAAO,iBAAiB,EAAE,EACxB,KAAK,aAAa,IAAI,sBAAsB,EAC7C,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG7E,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,aAAc,SAAQ,sBAAsB;IAC3D,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAoBD;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,QAAQ,GAAI,kCAAkC,aAAa,4CAUhE,CAAC;AAEF,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,eAAe,IAAI,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atomic/Checkbox/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,iBAAiB,EACjB,KAAK,aAAa,IAAI,sBAAsB,EAC7C,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAK7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,aAAc,SAAQ,sBAAsB;IAC3D,6BAA6B;IAC7B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,wEAAwE;IACxE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,QAAQ,GAAI,mDAMf,aAAa,4CAsBf,CAAC;AAEF,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,eAAe,IAAI,gBAAgB,EAAE,CAAC"}
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  // packages/components/src/atomic/Checkbox/index.tsx
3
3
  /**
4
4
  * @fileoverview Checkbox component
@@ -9,9 +9,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
9
9
  * @author AMBROISE PARK Consulting
10
10
  */
11
11
  import { cva } from 'class-variance-authority';
12
- import CheckboxPrimitive, {} from './CheckboxPrimitive';
12
+ import { CheckboxPrimitive, } from './CheckboxPrimitive';
13
13
  import { CONTROL_VARIANT } from '../../utils/constants';
14
14
  import { cn, getVariantDataAttrs } from '../../utils/helpers';
15
+ import Label from '../Label';
16
+ import Stack from '../Stack';
15
17
  import './Checkbox.css';
16
18
  const checkboxVariants = cva('dndev-control', {
17
19
  variants: {
@@ -33,19 +35,33 @@ const checkboxVariants = cva('dndev-control', {
33
35
  /**
34
36
  * Accessible checkbox control with semantic color variants.
35
37
  * Supports smooth animations and full state management.
38
+ * Optionally accepts a label prop for convenience (automatically composes with Label).
36
39
  *
37
40
  * @component
38
41
  * @example
39
42
  * ```tsx
43
+ * // Simple checkbox without label
40
44
  * <Checkbox checked={agreed} onCheckedChange={setAgreed} variant="success" />
41
- * <Checkbox checked={dangerous} variant="destructive" />
45
+ *
46
+ * // Checkbox with label (convenience prop)
47
+ * <Checkbox
48
+ * checked={consent}
49
+ * onCheckedChange={setConsent}
50
+ * label="I agree to the terms"
51
+ * required
52
+ * />
42
53
  * ```
43
54
  * @param {CheckboxProps} props - The props for the checkbox
44
55
  * @returns {JSX.Element} The rendered checkbox
45
56
  */
46
- const Checkbox = ({ className, variant, ...props }) => {
57
+ const Checkbox = ({ className, variant, label, required, ...props }) => {
47
58
  const variantAttrs = getVariantDataAttrs({ variant });
48
- return (_jsx(CheckboxPrimitive, { className: cn(checkboxVariants({ variant }), className), ...variantAttrs, ...props }));
59
+ const checkboxElement = (_jsx(CheckboxPrimitive, { className: cn(checkboxVariants({ variant }), className), ...variantAttrs, ...props }));
60
+ // If label is provided, compose with Label and Stack
61
+ if (label) {
62
+ return (_jsxs(Stack, { direction: "row", align: "center", gap: "tight", children: [checkboxElement, _jsx(Label, { required: required, children: label })] }));
63
+ }
64
+ return checkboxElement;
49
65
  };
50
66
  export default Checkbox;
51
67
  export { CheckboxPrimitive, CONTROL_VARIANT as CHECKBOX_VARIANT };
@@ -11,6 +11,5 @@ import type { ComponentProps } from 'react';
11
11
  declare const CollapsiblePrimitive: import("react").ForwardRefExoticComponent<RadixCollapsible.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
12
12
  declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<RadixCollapsible.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
13
13
  declare const CollapsibleContent: ({ className, ...props }: ComponentProps<typeof RadixCollapsible.CollapsibleContent>) => import("react/jsx-runtime").JSX.Element;
14
- export default CollapsiblePrimitive;
15
- export { CollapsibleTrigger, CollapsibleContent };
14
+ export { CollapsiblePrimitive, CollapsibleTrigger, CollapsibleContent };
16
15
  //# sourceMappingURL=CollapsiblePrimitive.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsiblePrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Collapsible/CollapsiblePrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,6BAA6B,CAAC;AAEhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,oBAAoB,8HAAwB,CAAC;AACnD,QAAA,MAAM,kBAAkB,wIAAsC,CAAC;AAW/D,QAAA,MAAM,kBAAkB,GAAI,yBAGzB,cAAc,CAAC,OAAO,gBAAgB,CAAC,kBAAkB,CAAC,4CAI5D,CAAC;AAEF,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
1
+ {"version":3,"file":"CollapsiblePrimitive.d.ts","sourceRoot":"","sources":["../../../src/atomic/Collapsible/CollapsiblePrimitive.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,gBAAgB,MAAM,6BAA6B,CAAC;AAEhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,QAAA,MAAM,oBAAoB,8HAAwB,CAAC;AACnD,QAAA,MAAM,kBAAkB,wIAAsC,CAAC;AAW/D,QAAA,MAAM,kBAAkB,GAAI,yBAGzB,cAAc,CAAC,OAAO,gBAAgB,CAAC,kBAAkB,CAAC,4CAI5D,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
@@ -22,5 +22,4 @@ import { cn } from '../../utils/helpers';
22
22
  const CollapsibleContent = ({ className, ...props }) => {
23
23
  return (_jsx(RadixCollapsible.CollapsibleContent, { className: cn(className), ...props }));
24
24
  };
25
- export default CollapsiblePrimitive;
26
- export { CollapsibleTrigger, CollapsibleContent };
25
+ export { CollapsiblePrimitive, CollapsibleTrigger, CollapsibleContent };