@oneplatformdev/ui 0.1.99-beta.27 → 0.1.99-beta.270

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 (252) hide show
  1. package/Accordion/Accordion.d.ts +1 -1
  2. package/Accordion/Accordion.d.ts.map +1 -1
  3. package/Accordion/Accordion.js +48 -26
  4. package/Accordion/Accordion.js.map +1 -1
  5. package/AlertDialog/AlertDialog.stories.js +66 -23
  6. package/AlertDialog/AlertDialog.stories.js.map +1 -1
  7. package/AlertDialog/AlertDialogRoot.d.ts.map +1 -1
  8. package/AlertDialog/AlertDialogRoot.js +19 -18
  9. package/AlertDialog/AlertDialogRoot.js.map +1 -1
  10. package/Button/Button.d.ts.map +1 -1
  11. package/Button/Button.js +40 -40
  12. package/Button/Button.js.map +1 -1
  13. package/Button/Button.stories.js +15 -12
  14. package/Button/Button.stories.js.map +1 -1
  15. package/Button/Button.utils.d.ts +3 -0
  16. package/Button/Button.utils.d.ts.map +1 -0
  17. package/Button/Button.utils.js +14 -0
  18. package/Button/Button.utils.js.map +1 -0
  19. package/Button/buttonVariants.d.ts +2 -2
  20. package/Button/buttonVariants.d.ts.map +1 -1
  21. package/Button/buttonVariants.js +38 -6
  22. package/Button/buttonVariants.js.map +1 -1
  23. package/Button/index.d.ts +1 -0
  24. package/Button/index.d.ts.map +1 -1
  25. package/Button/index.js +8 -6
  26. package/Button/index.js.map +1 -1
  27. package/ButtonIcon/ButtonIcon.d.ts.map +1 -1
  28. package/ButtonIcon/ButtonIcon.js +47 -47
  29. package/ButtonIcon/ButtonIcon.js.map +1 -1
  30. package/ButtonIcon/ButtonIcon.stories.js +35 -33
  31. package/ButtonIcon/ButtonIcon.stories.js.map +1 -1
  32. package/ButtonIcon/buttonIconVariants.d.ts +1 -1
  33. package/ButtonIcon/buttonIconVariants.d.ts.map +1 -1
  34. package/ButtonIcon/buttonIconVariants.js +3 -2
  35. package/ButtonIcon/buttonIconVariants.js.map +1 -1
  36. package/CHANGELOG.md +1527 -0
  37. package/Card/Card.d.ts.map +1 -1
  38. package/Card/Card.js +22 -21
  39. package/Card/Card.js.map +1 -1
  40. package/Checkbox/Checkbox.d.ts.map +1 -1
  41. package/Checkbox/Checkbox.js +35 -33
  42. package/Checkbox/Checkbox.js.map +1 -1
  43. package/Checkbox/Checkbox.stories.js +108 -0
  44. package/Checkbox/Checkbox.stories.js.map +1 -0
  45. package/Checkbox/Checkbox.types.d.ts +2 -1
  46. package/Checkbox/Checkbox.types.d.ts.map +1 -1
  47. package/Combobox/Combobox.d.ts +4 -2
  48. package/Combobox/Combobox.d.ts.map +1 -1
  49. package/Combobox/Combobox.js +222 -192
  50. package/Combobox/Combobox.js.map +1 -1
  51. package/Combobox/Combobox.stories.js +231 -85
  52. package/Combobox/Combobox.stories.js.map +1 -1
  53. package/Combobox/Combobox.types.d.ts +88 -24
  54. package/Combobox/Combobox.types.d.ts.map +1 -1
  55. package/Combobox/Combobox.types.js +4 -1
  56. package/Combobox/Combobox.types.js.map +1 -1
  57. package/Combobox/ComboboxOptionItem.d.ts +5 -3
  58. package/Combobox/ComboboxOptionItem.d.ts.map +1 -1
  59. package/Combobox/ComboboxOptionItem.js +80 -23
  60. package/Combobox/ComboboxOptionItem.js.map +1 -1
  61. package/Combobox/ComboboxRenderContent.d.ts +28 -0
  62. package/Combobox/ComboboxRenderContent.d.ts.map +1 -0
  63. package/Combobox/ComboboxRenderContent.js +142 -0
  64. package/Combobox/ComboboxRenderContent.js.map +1 -0
  65. package/Combobox/ComboboxRenderOptions.d.ts +4 -0
  66. package/Combobox/ComboboxRenderOptions.d.ts.map +1 -0
  67. package/Combobox/ComboboxRenderOptions.js +53 -0
  68. package/Combobox/ComboboxRenderOptions.js.map +1 -0
  69. package/Combobox/ComboboxRenderTrigger.d.ts +18 -0
  70. package/Combobox/ComboboxRenderTrigger.d.ts.map +1 -0
  71. package/Combobox/ComboboxRenderTrigger.js +118 -0
  72. package/Combobox/ComboboxRenderTrigger.js.map +1 -0
  73. package/Command/Command.d.ts +6 -1
  74. package/Command/Command.d.ts.map +1 -1
  75. package/Command/Command.js +66 -48
  76. package/Command/Command.js.map +1 -1
  77. package/ContextPopover/ContextDropdownMenu.d.ts +12 -0
  78. package/ContextPopover/ContextDropdownMenu.d.ts.map +1 -0
  79. package/ContextPopover/ContextDropdownMenu.js +41 -0
  80. package/ContextPopover/ContextDropdownMenu.js.map +1 -0
  81. package/ContextPopover/ContextPopover.d.ts +12 -0
  82. package/ContextPopover/ContextPopover.d.ts.map +1 -0
  83. package/ContextPopover/ContextPopover.js +34 -0
  84. package/ContextPopover/ContextPopover.js.map +1 -0
  85. package/ContextPopover/index.d.ts +4 -0
  86. package/ContextPopover/index.d.ts.map +1 -0
  87. package/ContextPopover/index.js +9 -0
  88. package/ContextPopover/index.js.map +1 -0
  89. package/ContextPopover/useContextPopoverHandler.d.ts +14 -0
  90. package/ContextPopover/useContextPopoverHandler.d.ts.map +1 -0
  91. package/ContextPopover/useContextPopoverHandler.js +21 -0
  92. package/ContextPopover/useContextPopoverHandler.js.map +1 -0
  93. package/DataTable/DataTable.js +6 -6
  94. package/DataTable/useDataTable.d.ts +1 -1
  95. package/Dialog/Dialog.d.ts +4 -1
  96. package/Dialog/Dialog.d.ts.map +1 -1
  97. package/Dialog/Dialog.js +82 -40
  98. package/Dialog/Dialog.js.map +1 -1
  99. package/Dialog/Dialog.stories.js +108 -0
  100. package/Dialog/Dialog.stories.js.map +1 -0
  101. package/Dialog/Dialog.types.d.ts +4 -0
  102. package/Dialog/Dialog.types.d.ts.map +1 -0
  103. package/Dialog/Dialog.types.js +2 -0
  104. package/Dialog/Dialog.types.js.map +1 -0
  105. package/Dialog/index.d.ts +1 -0
  106. package/Dialog/index.d.ts.map +1 -1
  107. package/Dialog/useDialogClosePosition.d.ts +11 -0
  108. package/Dialog/useDialogClosePosition.d.ts.map +1 -0
  109. package/Dialog/useDialogClosePosition.js +50 -0
  110. package/Dialog/useDialogClosePosition.js.map +1 -0
  111. package/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  112. package/DropdownMenu/DropdownMenu.js +33 -20
  113. package/DropdownMenu/DropdownMenu.js.map +1 -1
  114. package/Dropzone/Dropzone.d.ts.map +1 -1
  115. package/Dropzone/Dropzone.js +340 -141
  116. package/Dropzone/Dropzone.js.map +1 -1
  117. package/Dropzone/Dropzone.stories.js +308 -0
  118. package/Dropzone/Dropzone.stories.js.map +1 -0
  119. package/Dropzone/Dropzone.types.d.ts +17 -1
  120. package/Dropzone/Dropzone.types.d.ts.map +1 -1
  121. package/Dropzone/Dropzone.types.js +19 -8
  122. package/Dropzone/Dropzone.types.js.map +1 -1
  123. package/Dropzone/DropzoneFilePreview.d.ts.map +1 -1
  124. package/Dropzone/DropzoneFilePreview.js +46 -26
  125. package/Dropzone/DropzoneFilePreview.js.map +1 -1
  126. package/Dropzone/DropzoneSinglePickPreview.d.ts +5 -2
  127. package/Dropzone/DropzoneSinglePickPreview.d.ts.map +1 -1
  128. package/Dropzone/DropzoneSinglePickPreview.js +119 -22
  129. package/Dropzone/DropzoneSinglePickPreview.js.map +1 -1
  130. package/Dropzone/index.js +7 -5
  131. package/Form/FormRenderControl.d.ts +1 -1
  132. package/Form/FormRenderControl.d.ts.map +1 -1
  133. package/Form/FormRenderControl.js +51 -24
  134. package/Form/FormRenderControl.js.map +1 -1
  135. package/Form/FormRenderControl.types.d.ts +4 -1
  136. package/Form/FormRenderControl.types.d.ts.map +1 -1
  137. package/FormCombobox/FormCombobox.d.ts +4 -2
  138. package/FormCombobox/FormCombobox.d.ts.map +1 -1
  139. package/FormCombobox/FormCombobox.js +30 -17
  140. package/FormCombobox/FormCombobox.js.map +1 -1
  141. package/FormCombobox/FormCombobox.types.d.ts +6 -2
  142. package/FormCombobox/FormCombobox.types.d.ts.map +1 -1
  143. package/FormDatePicker/FormDatePicker.d.ts.map +1 -1
  144. package/FormDatePicker/FormDatePicker.js +18 -16
  145. package/FormDatePicker/FormDatePicker.js.map +1 -1
  146. package/FormDropzone/FormDropzone.d.ts.map +1 -1
  147. package/FormDropzone/FormDropzone.js +11 -9
  148. package/FormDropzone/FormDropzone.js.map +1 -1
  149. package/FormInput/FormInput.d.ts.map +1 -1
  150. package/FormInput/FormInput.js +47 -28
  151. package/FormInput/FormInput.js.map +1 -1
  152. package/FormInput/FormInput.stories.js +61 -0
  153. package/FormInput/FormInput.stories.js.map +1 -0
  154. package/FormInput/FormInput.types.d.ts +1 -0
  155. package/FormInput/FormInput.types.d.ts.map +1 -1
  156. package/FormSelect/FormSelect.d.ts.map +1 -1
  157. package/FormSelect/FormSelect.js +33 -29
  158. package/FormSelect/FormSelect.js.map +1 -1
  159. package/FormTextarea/FormTextarea.d.ts.map +1 -1
  160. package/FormTextarea/FormTextarea.js +15 -12
  161. package/FormTextarea/FormTextarea.js.map +1 -1
  162. package/InfoBlock/InfoBlock.d.ts +7 -0
  163. package/InfoBlock/InfoBlock.d.ts.map +1 -0
  164. package/InfoBlock/InfoBlock.js +28 -0
  165. package/InfoBlock/InfoBlock.js.map +1 -0
  166. package/InfoBlock/InfoBlock.stories.js +50 -0
  167. package/InfoBlock/InfoBlock.stories.js.map +1 -0
  168. package/InfoBlock/InfoBlock.types.d.ts +9 -0
  169. package/InfoBlock/InfoBlock.types.d.ts.map +1 -0
  170. package/InfoBlock/InfoBlock.types.js +2 -0
  171. package/InfoBlock/InfoBlock.types.js.map +1 -0
  172. package/InfoBlock/index.d.ts +3 -0
  173. package/InfoBlock/index.d.ts.map +1 -0
  174. package/InfoBlock/index.js +5 -0
  175. package/InfoBlock/index.js.map +1 -0
  176. package/InfoBlock/infoBlockVariants.d.ts +6 -0
  177. package/InfoBlock/infoBlockVariants.d.ts.map +1 -0
  178. package/InfoBlock/infoBlockVariants.js +27 -0
  179. package/InfoBlock/infoBlockVariants.js.map +1 -0
  180. package/Input/Input.d.ts.map +1 -1
  181. package/Input/Input.js +104 -53
  182. package/Input/Input.js.map +1 -1
  183. package/Input/Input.stories.js +225 -0
  184. package/Input/Input.stories.js.map +1 -0
  185. package/Input/Input.types.d.ts +5 -0
  186. package/Input/Input.types.d.ts.map +1 -1
  187. package/LoadingMask/LoadingMask.d.ts +1 -2
  188. package/LoadingMask/LoadingMask.d.ts.map +1 -1
  189. package/LoadingMask/LoadingMask.js +8 -8
  190. package/LoadingMask/LoadingMask.js.map +1 -1
  191. package/LoadingMask/LoadingMask.types.d.ts +1 -0
  192. package/LoadingMask/LoadingMask.types.d.ts.map +1 -1
  193. package/Popover/Popover.d.ts +3 -1
  194. package/Popover/Popover.d.ts.map +1 -1
  195. package/Popover/Popover.js +15 -10
  196. package/Popover/Popover.js.map +1 -1
  197. package/ScrollArea/ScrollArea.d.ts +5 -1
  198. package/ScrollArea/ScrollArea.d.ts.map +1 -1
  199. package/ScrollArea/ScrollArea.js +23 -17
  200. package/ScrollArea/ScrollArea.js.map +1 -1
  201. package/Search/Search.d.ts.map +1 -1
  202. package/Search/Search.js +40 -31
  203. package/Search/Search.js.map +1 -1
  204. package/Select/Select.d.ts.map +1 -1
  205. package/Select/Select.js +53 -48
  206. package/Select/Select.js.map +1 -1
  207. package/Select/Select.types.d.ts +4 -0
  208. package/Select/Select.types.d.ts.map +1 -1
  209. package/Select/SelectRoot.d.ts.map +1 -1
  210. package/Select/SelectRoot.js +81 -68
  211. package/Select/SelectRoot.js.map +1 -1
  212. package/Switch/Switch.d.ts +1 -1
  213. package/Switch/Switch.d.ts.map +1 -1
  214. package/Switch/Switch.js +19 -9
  215. package/Switch/Switch.js.map +1 -1
  216. package/Switch/Switch.stories.js +62 -0
  217. package/Switch/Switch.stories.js.map +1 -0
  218. package/Textarea/Textarea.d.ts.map +1 -1
  219. package/Textarea/Textarea.js +50 -45
  220. package/Textarea/Textarea.js.map +1 -1
  221. package/Textarea/Textarea.types.d.ts +3 -1
  222. package/Textarea/Textarea.types.d.ts.map +1 -1
  223. package/Toast/Toast.d.ts +1 -1
  224. package/Toast/toastVariants.d.ts +1 -1
  225. package/Tooltip/QuestionMarkIcon.svg.js +6 -0
  226. package/Tooltip/QuestionMarkIcon.svg.js.map +1 -0
  227. package/Tooltip/Tooltip.d.ts.map +1 -1
  228. package/Tooltip/Tooltip.js +52 -32
  229. package/Tooltip/Tooltip.js.map +1 -1
  230. package/Tooltip/Tooltip.types.d.ts +10 -0
  231. package/Tooltip/Tooltip.types.d.ts.map +1 -1
  232. package/Tooltip/tooltipVariants.d.ts +4 -0
  233. package/Tooltip/tooltipVariants.d.ts.map +1 -0
  234. package/Tooltip/tooltipVariants.js +23 -0
  235. package/Tooltip/tooltipVariants.js.map +1 -0
  236. package/index.d.ts +2 -0
  237. package/index.d.ts.map +1 -1
  238. package/index.js +352 -340
  239. package/index.js.map +1 -1
  240. package/package.json +10 -6
  241. package/styles.css +1 -0
  242. package/vite-env.d.js +2 -0
  243. package/vite-env.d.js.map +1 -0
  244. package/vite-env.d.ts +7 -0
  245. package/Combobox/ComboboxOptions.d.ts +0 -4
  246. package/Combobox/ComboboxOptions.d.ts.map +0 -1
  247. package/Combobox/ComboboxOptions.js +0 -64
  248. package/Combobox/ComboboxOptions.js.map +0 -1
  249. package/Form/FormTooltipButton.d.ts +0 -6
  250. package/Form/FormTooltipButton.d.ts.map +0 -1
  251. package/Form/FormTooltipButton.js +0 -33
  252. package/Form/FormTooltipButton.js.map +0 -1
@@ -1,6 +1,6 @@
1
1
  import * as React from "react";
2
2
  import * as AccordionPrimitive from "@radix-ui/react-accordion";
3
- declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
3
+ declare function Accordion(props: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
4
  declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
5
5
  declare function AccordionTrigger({ className, children, showChevron, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & {
6
6
  showChevron?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAK/D,iBAAS,SAAS,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEzE;AAED,iBAAS,aAAa,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAQ7E;AAED,iBAAS,gBAAgB,CAAC,EACE,SAAS,EACT,QAAQ,EACR,WAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,2CAgB/G;AAED,iBAAS,gBAAgB,CAAC,EACE,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAUnF;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
1
+ {"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAK/D,iBAAS,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAe7E;AAED,iBAAS,aAAa,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAY7E;AAED,iBAAS,gBAAgB,CAAC,EACE,SAAS,EACT,QAAQ,EACR,WAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,2CAsB/G;AAED,iBAAS,gBAAgB,CAAC,EACE,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAUnF;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}
@@ -1,50 +1,72 @@
1
- import { jsx as e, jsxs as s } from "react/jsx-runtime";
1
+ import { jsx as e, jsxs as c } from "react/jsx-runtime";
2
2
  import * as n from "@radix-ui/react-accordion";
3
- import { ChevronDownIcon as c } from "lucide-react";
3
+ import { ChevronRightIcon as s } from "lucide-react";
4
4
  import { cn as i } from "@oneplatformdev/utils";
5
- function u({
6
- ...t
7
- }) {
8
- return /* @__PURE__ */ e(n.Root, { "data-slot": "accordion", ...t });
5
+ function u(o) {
6
+ const {
7
+ className: t,
8
+ ...r
9
+ } = o;
10
+ return /* @__PURE__ */ e(
11
+ n.Root,
12
+ {
13
+ "data-slot": "accordion",
14
+ className: i(
15
+ "group group/accordion",
16
+ t
17
+ ),
18
+ ...r
19
+ }
20
+ );
9
21
  }
10
- function f({
11
- className: t,
12
- ...o
22
+ function p({
23
+ className: o,
24
+ ...t
13
25
  }) {
14
26
  return /* @__PURE__ */ e(
15
27
  n.Item,
16
28
  {
17
29
  "data-slot": "accordion-item",
18
- className: i("border-b last:border-b-0", t),
19
- ...o
30
+ className: i(
31
+ "group group/accordion-item",
32
+ "border-b last:border-b-0",
33
+ o
34
+ ),
35
+ ...t
20
36
  }
21
37
  );
22
38
  }
23
- function p({
24
- className: t,
25
- children: o,
39
+ function g({
40
+ className: o,
41
+ children: t,
26
42
  showChevron: r = !0,
27
43
  ...a
28
44
  }) {
29
- return /* @__PURE__ */ e(n.Header, { className: "flex", children: /* @__PURE__ */ s(
45
+ return /* @__PURE__ */ e(n.Header, { className: "flex", children: /* @__PURE__ */ c(
30
46
  n.Trigger,
31
47
  {
32
48
  "data-slot": "accordion-trigger",
33
49
  className: i(
34
- "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
35
- t
50
+ "group group/accordion-trigger",
51
+ "flex flex-1 items-start justify-between gap-4 rounded-md py-4",
52
+ "text-left text-sm font-medium",
53
+ "transition-all outline-none",
54
+ "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
55
+ "disabled:pointer-events-none disabled:opacity-50",
56
+ "[&[data-state=open]>svg]:rotate-90",
57
+ o
36
58
  ),
37
59
  ...a,
38
60
  children: [
39
- o,
40
- r && /* @__PURE__ */ e(c, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
61
+ r && /* @__PURE__ */ e(s, { "data-slot": "accordion-chevrone", className: "text-[#06080D] pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" }),
62
+ t
41
63
  ]
42
64
  }
43
65
  ) });
44
66
  }
45
- function g({
46
- className: t,
47
- children: o,
67
+ function f({
68
+ className: o,
69
+ children: t,
48
70
  ...r
49
71
  }) {
50
72
  return /* @__PURE__ */ e(
@@ -53,14 +75,14 @@ function g({
53
75
  "data-slot": "accordion-content",
54
76
  className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
55
77
  ...r,
56
- children: /* @__PURE__ */ e("div", { className: i("pt-0 pb-4", t), children: o })
78
+ children: /* @__PURE__ */ e("div", { className: i("group group/accordion-content", "pt-0 pb-4", o), children: t })
57
79
  }
58
80
  );
59
81
  }
60
82
  export {
61
83
  u as Accordion,
62
- g as AccordionContent,
63
- f as AccordionItem,
64
- p as AccordionTrigger
84
+ f as AccordionContent,
85
+ p as AccordionItem,
86
+ g as AccordionTrigger
65
87
  };
66
88
  //# sourceMappingURL=Accordion.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\r\nimport { ChevronDownIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nfunction Accordion({\r\n ...props\r\n }: React.ComponentProps<typeof AccordionPrimitive.Root>) {\r\n return <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />\r\n}\r\n\r\nfunction AccordionItem({\r\n className,\r\n ...props\r\n }: React.ComponentProps<typeof AccordionPrimitive.Item>) {\r\n return (\r\n <AccordionPrimitive.Item\r\n data-slot=\"accordion-item\"\r\n className={cn(\"border-b last:border-b-0\", className)}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nfunction AccordionTrigger({\r\n className,\r\n children,\r\n showChevron = true,\r\n ...props\r\n }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & { showChevron?: boolean }) {\r\n return (\r\n <AccordionPrimitive.Header className=\"flex\">\r\n <AccordionPrimitive.Trigger\r\n data-slot=\"accordion-trigger\"\r\n className={cn(\r\n \"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n {showChevron && <ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />}\r\n </AccordionPrimitive.Trigger>\r\n </AccordionPrimitive.Header>\r\n )\r\n}\r\n\r\nfunction AccordionContent({\r\n className,\r\n children,\r\n ...props\r\n }: React.ComponentProps<typeof AccordionPrimitive.Content>) {\r\n return (\r\n <AccordionPrimitive.Content\r\n data-slot=\"accordion-content\"\r\n className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\r\n {...props}\r\n >\r\n <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\r\n </AccordionPrimitive.Content>\r\n )\r\n}\r\n\r\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\r\n"],"names":["Accordion","props","AccordionPrimitive","AccordionItem","className","jsx","cn","AccordionTrigger","children","showChevron","jsxs","ChevronDownIcon","AccordionContent"],"mappings":";;;;AAQA,SAASA,EAAU;AAAA,EACE,GAAGC;AACL,GAAyD;AAC1E,2BAAQC,EAAmB,MAAnB,EAAwB,aAAU,aAAa,GAAGD,GAAO;AACnE;AAEA,SAASE,EAAc;AAAA,EACE,WAAAC;AAAA,EACA,GAAGH;AACL,GAAyD;AAC9E,SACE,gBAAAI;AAAA,IAACH,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI,EAAG,4BAA4BF,CAAS;AAAA,MAClD,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAiB;AAAA,EACE,WAAAH;AAAA,EACA,UAAAI;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGR;AACL,GAAwF;AAChH,SACE,gBAAAI,EAACH,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAQ;AAAA,IAACR,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGH;AAAA,MAEH,UAAA;AAAA,QAAAO;AAAA,QACAC,KAAe,gBAAAJ,EAACM,GAAA,EAAgB,WAAU,8GAAA,CAA8G;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE7J;AAEJ;AAEA,SAASC,EAAiB;AAAA,EACE,WAAAR;AAAA,EACA,UAAAI;AAAA,EACA,GAAGP;AACL,GAA4D;AACpF,SACE,gBAAAI;AAAA,IAACH,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGD;AAAA,MAEJ,4BAAC,OAAA,EAAI,WAAWK,EAAG,aAAaF,CAAS,GAAI,UAAAI,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG5D;"}
1
+ {"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\r\nimport { ChevronRightIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\n\r\nfunction Accordion(props: React.ComponentProps<typeof AccordionPrimitive.Root>) {\r\n const {\r\n className,\r\n ...rest\r\n } = props;\r\n return (\r\n <AccordionPrimitive.Root\r\n data-slot=\"accordion\"\r\n className={cn(\r\n 'group group/accordion',\r\n className\r\n )}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AccordionItem({\r\n className,\r\n ...props\r\n }: React.ComponentProps<typeof AccordionPrimitive.Item>) {\r\n return (\r\n <AccordionPrimitive.Item\r\n data-slot=\"accordion-item\"\r\n className={cn(\r\n 'group group/accordion-item',\r\n \"border-b last:border-b-0\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nfunction AccordionTrigger({\r\n className,\r\n children,\r\n showChevron = true,\r\n ...props\r\n }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & { showChevron?: boolean }) {\r\n return (\r\n <AccordionPrimitive.Header className=\"flex\">\r\n <AccordionPrimitive.Trigger\r\n data-slot=\"accordion-trigger\"\r\n className={cn(\r\n 'group group/accordion-trigger',\r\n 'flex flex-1 items-start justify-between gap-4 rounded-md py-4',\r\n 'text-left text-sm font-medium',\r\n 'transition-all outline-none',\r\n \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\r\n 'disabled:pointer-events-none disabled:opacity-50',\r\n '[&[data-state=open]>svg]:rotate-90',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {showChevron && <ChevronRightIcon data-slot=\"accordion-chevrone\" className=\"text-[#06080D] pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />}\r\n {children}\r\n </AccordionPrimitive.Trigger>\r\n </AccordionPrimitive.Header>\r\n )\r\n}\r\n\r\nfunction AccordionContent({\r\n className,\r\n children,\r\n ...props\r\n }: React.ComponentProps<typeof AccordionPrimitive.Content>) {\r\n return (\r\n <AccordionPrimitive.Content\r\n data-slot=\"accordion-content\"\r\n className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\r\n {...props}\r\n >\r\n <div className={cn('group group/accordion-content', \"pt-0 pb-4\", className)}>{children}</div>\r\n </AccordionPrimitive.Content>\r\n )\r\n}\r\n\r\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\r\n"],"names":["Accordion","props","className","rest","jsx","AccordionPrimitive","cn","AccordionItem","AccordionTrigger","children","showChevron","jsxs","ChevronRightIcon","AccordionContent"],"mappings":";;;;AAQA,SAASA,EAAUC,GAA6D;AAC9E,QAAM;AAAA,IACJ,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDF;AACJ,SACE,gBAAAG;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAc;AAAA,EACE,WAAAL;AAAA,EACA,GAAGD;AACL,GAAyD;AAC9E,SACE,gBAAAG;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAiB;AAAA,EACE,WAAAN;AAAA,EACA,UAAAO;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGT;AACL,GAAwF;AAChH,SACE,gBAAAG,EAACC,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAA,gBAAAM;AAAA,IAACN,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGD;AAAA,MAEH,UAAA;AAAA,QAAAS,KAAe,gBAAAN,EAACQ,GAAA,EAAiB,aAAU,sBAAqB,WAAU,wGAAuG;AAAA,QACjLH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEA,SAASI,EAAiB;AAAA,EACE,WAAAX;AAAA,EACA,UAAAO;AAAA,EACA,GAAGR;AACL,GAA4D;AACpF,SACE,gBAAAG;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MACT,GAAGJ;AAAA,MAEJ,UAAA,gBAAAG,EAAC,SAAI,WAAWE,EAAG,iCAAiC,aAAaJ,CAAS,GAAI,UAAAO,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG7F;"}
@@ -1,10 +1,11 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
2
  import { AlertDialog as n } from "./AlertDialog.js";
3
- import { Button as l } from "../Button/Button.js";
4
- const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destructive"], u = {
3
+ import { Button as o } from "../Button/Button.js";
4
+ import { InfoBlock as p } from "../InfoBlock/InfoBlock.js";
5
+ const d = (e) => /* @__PURE__ */ t(n, { ...e }), l = ["confirm", "alert", "destructive"], C = {
5
6
  title: "AlertDialog",
6
7
  component: n,
7
- render: c,
8
+ render: d,
8
9
  argTypes: {
9
10
  open: {
10
11
  control: {
@@ -14,7 +15,7 @@ const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destr
14
15
  variant: {
15
16
  name: "variant",
16
17
  description: "ButtonIcon variant",
17
- options: r,
18
+ options: l,
18
19
  control: {
19
20
  type: "inline-radio"
20
21
  }
@@ -45,13 +46,13 @@ const c = (e) => /* @__PURE__ */ t(n, { ...e }), r = ["confirm", "alert", "destr
45
46
  cancelLabel: "Cancel",
46
47
  actionLabel: "Action"
47
48
  }
48
- }, s = (e) => /* @__PURE__ */ t(
49
+ }, m = (e) => /* @__PURE__ */ t(
49
50
  n,
50
51
  {
51
52
  ...e
52
53
  }
53
54
  );
54
- s.args = {
55
+ m.args = {
55
56
  trigger: "Trigger text or ReactNode",
56
57
  variant: "confirm",
57
58
  title: "Dialog title...",
@@ -59,33 +60,33 @@ s.args = {
59
60
  cancelLabel: "Cancel label",
60
61
  actionLabel: "Action label"
61
62
  };
62
- const i = (e) => /* @__PURE__ */ t("div", { className: "flex gap-3", children: r.map((o) => /* @__PURE__ */ t(
63
+ const r = (e) => /* @__PURE__ */ t("div", { className: "flex gap-3", children: l.map((i) => /* @__PURE__ */ t(
63
64
  n,
64
65
  {
65
- trigger: o,
66
+ trigger: i,
66
67
  ...e,
67
- variant: o
68
+ variant: i
68
69
  },
69
- o
70
+ i
70
71
  )) });
71
- i.parameters = {
72
+ r.parameters = {
72
73
  controls: {
73
74
  include: ["title", "description", "cancelLabel", "actionLabel"]
74
75
  }
75
76
  };
76
- i.args = {
77
+ r.args = {
77
78
  title: "Dialog title",
78
79
  description: "Description text..."
79
80
  };
80
81
  const a = (e) => /* @__PURE__ */ t(
81
82
  n,
82
83
  {
83
- onOpenChange: (o) => console.log(o),
84
- trigger: /* @__PURE__ */ t(l, { variant: "outline", children: "Control Trigger" }),
84
+ onOpenChange: (i) => console.log(i),
85
+ trigger: /* @__PURE__ */ t(o, { variant: "outline", children: "Control Trigger" }),
85
86
  header: /* @__PURE__ */ t("div", { children: "Custom Header" }),
86
87
  footer: [
87
- /* @__PURE__ */ t(l, { variant: "outline", onClick: console.log, children: "On cancel" }, "cancel"),
88
- /* @__PURE__ */ t(l, { variant: "outline", onClick: console.log, children: "On Action" }, "action")
88
+ /* @__PURE__ */ t(o, { variant: "outline", onClick: console.log, children: "On cancel" }, "cancel"),
89
+ /* @__PURE__ */ t(o, { variant: "outline", onClick: console.log, children: "On Action" }, "action")
89
90
  ],
90
91
  ...e
91
92
  }
@@ -98,24 +99,66 @@ a.parameters = {
98
99
  a.args = {
99
100
  open: !1
100
101
  };
101
- const p = (e) => /* @__PURE__ */ t(
102
+ const L = (e) => /* @__PURE__ */ t(
102
103
  n,
103
104
  {
104
- trigger: /* @__PURE__ */ t(l, { variant: "outline", children: "Full Content Trigger" }),
105
+ trigger: /* @__PURE__ */ t(o, { variant: "outlined", children: "Full Content Trigger" }),
105
106
  ...e,
106
107
  children: "Full Content..."
107
108
  }
108
109
  );
109
- p.parameters = {
110
+ L.parameters = {
110
111
  controls: {
111
112
  include: []
112
113
  }
113
114
  };
115
+ const c = "a".repeat(300), s = (e) => /* @__PURE__ */ t(
116
+ n,
117
+ {
118
+ ...e,
119
+ trigger: /* @__PURE__ */ t(o, { variant: "outlined", children: "Long Description" })
120
+ }
121
+ );
122
+ s.args = {
123
+ trigger: "Long description",
124
+ variant: "confirm",
125
+ title: "Dialog title",
126
+ description: c,
127
+ cancelLabel: "Cancel",
128
+ actionLabel: "Action"
129
+ };
130
+ s.parameters = {
131
+ controls: {
132
+ include: ["title", "cancelLabel", "actionLabel"]
133
+ }
134
+ };
135
+ const g = (e) => /* @__PURE__ */ t(
136
+ n,
137
+ {
138
+ ...e,
139
+ trigger: /* @__PURE__ */ t(o, { variant: "outlined", children: "Long InfoBlock Description" }),
140
+ description: /* @__PURE__ */ t(p, { content: c })
141
+ }
142
+ );
143
+ g.args = {
144
+ trigger: "Long InfoBlock description",
145
+ variant: "confirm",
146
+ title: "Dialog title",
147
+ cancelLabel: "Cancel",
148
+ actionLabel: "Action"
149
+ };
150
+ g.parameters = {
151
+ controls: {
152
+ include: ["title", "cancelLabel", "actionLabel"]
153
+ }
154
+ };
114
155
  export {
115
- p as FullContent,
156
+ L as FullContent,
116
157
  a as FullControl,
117
- s as Playground,
118
- i as Variants,
119
- u as default
158
+ s as LongDescription,
159
+ g as LongInfoBlockDescription,
160
+ m as Playground,
161
+ r as Variants,
162
+ C as default
120
163
  };
121
164
  //# sourceMappingURL=AlertDialog.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDialog.stories.js","sources":["../../src/AlertDialog/AlertDialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\r\n\r\nimport { AlertDialog } from './AlertDialog';\r\nimport { AlertDialogProps } from './AlertDialog.types';\r\nimport React from 'react';\r\nimport { Button } from '../Button';\r\n\r\nconst Template = (props: AlertDialogProps) => <AlertDialog {...props} />;\r\n\r\nconst variants = ['confirm', 'alert', 'destructive'] as const;\r\n\r\nconst meta = {\r\n title: 'AlertDialog',\r\n component: AlertDialog,\r\n render: Template,\r\n argTypes: {\r\n open: {\r\n control: {\r\n type: 'boolean',\r\n },\r\n },\r\n variant: {\r\n name: 'variant',\r\n description: 'ButtonIcon variant',\r\n options: variants,\r\n control: {\r\n type: 'inline-radio',\r\n },\r\n },\r\n cancelLabel: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n actionLabel: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n title: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n description: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n },\r\n args: {\r\n variant: 'alert',\r\n cancelLabel: 'Cancel',\r\n actionLabel: 'Action',\r\n },\r\n} satisfies Meta<typeof AlertDialog>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Playground = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n {...args}\r\n />\r\n);\r\nPlayground.args = {\r\n trigger: 'Trigger text or ReactNode',\r\n variant: 'confirm',\r\n title: 'Dialog title...',\r\n description: 'Description text...',\r\n cancelLabel: 'Cancel label',\r\n actionLabel: 'Action label',\r\n}\r\n\r\nexport const Variants = (args: AlertDialogProps) => (\r\n <div className='flex gap-3'>\r\n {variants.map((variant) => (\r\n <AlertDialog\r\n key={variant}\r\n trigger={variant}\r\n {...args}\r\n variant={variant}\r\n />\r\n ))}\r\n </div>\r\n);\r\nVariants.parameters = {\r\n controls: {\r\n include: ['title', 'description', 'cancelLabel', 'actionLabel'],\r\n },\r\n};\r\nVariants.args = {\r\n title: \"Dialog title\",\r\n description: \"Description text...\"\r\n}\r\n\r\nexport const FullControl = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n onOpenChange={(nextState) => console.log(nextState)}\r\n trigger={<Button variant=\"outline\">Control Trigger</Button>}\r\n header={<div>Custom Header</div>}\r\n footer={[\r\n <Button key='cancel' variant=\"outline\" onClick={console.log}>On cancel</Button>,\r\n <Button key='action' variant=\"outline\" onClick={console.log}>On Action</Button>,\r\n ]}\r\n {...args}\r\n />\r\n);\r\nFullControl.parameters = {\r\n controls: {\r\n include: ['open'],\r\n },\r\n};\r\nFullControl.args = {\r\n open: false,\r\n}\r\n\r\n\r\nexport const FullContent = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n trigger={<Button variant=\"outline\">Full Content Trigger</Button>}\r\n {...args}\r\n >\r\n Full Content...\r\n </AlertDialog>\r\n);\r\nFullContent.parameters = {\r\n controls: {\r\n include: [],\r\n },\r\n};\r\n"],"names":["Template","props","jsx","AlertDialog","variants","meta","Playground","args","Variants","variant","FullControl","nextState","Button","FullContent"],"mappings":";;;AAOA,MAAMA,IAAW,CAACC,MAA4B,gBAAAC,EAACC,GAAA,EAAa,GAAGF,GAAO,GAEhEG,IAAW,CAAC,WAAW,SAAS,aAAa,GAE7CC,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWF;AAAA,EACX,QAAQH;AAAA,EACR,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,SAAS;AAAA,MACP,MAAM;AAAA,MACN,aAAa;AAAA,MACb,SAASI;AAAA,MACT,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,OAAO;AAAA,MACL,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,aAAa;AAAA,MACX,SAAS;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAAA,EAEF,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,EAAA;AAEjB,GAKaE,IAAa,CAACC,MACzB,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGI;AAAA,EAAA;AACN;AAEFD,EAAW,OAAO;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AACf;AAEO,MAAME,IAAW,CAACD,MACvB,gBAAAL,EAAC,OAAA,EAAI,WAAU,cACZ,UAAAE,EAAS,IAAI,CAACK,MACb,gBAAAP;AAAA,EAACC;AAAA,EAAA;AAAA,IAEC,SAASM;AAAA,IACR,GAAGF;AAAA,IACJ,SAAAE;AAAA,EAAA;AAAA,EAHKA;AAIP,CACD,EAAA,CACH;AAEFD,EAAS,aAAa;AAAA,EACpB,UAAU;AAAA,IACR,SAAS,CAAC,SAAS,eAAe,eAAe,aAAa;AAAA,EAAA;AAElE;AACAA,EAAS,OAAO;AAAA,EACd,OAAO;AAAA,EACP,aAAa;AACf;AAEO,MAAME,IAAc,CAACH,MAC1B,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,cAAc,CAACQ,MAAc,QAAQ,IAAIA,CAAS;AAAA,IAClD,SAAS,gBAAAT,EAACU,GAAA,EAAO,SAAQ,WAAU,UAAA,mBAAe;AAAA,IAClD,QAAQ,gBAAAV,EAAC,OAAA,EAAI,UAAA,gBAAA,CAAa;AAAA,IAC1B,QAAQ;AAAA,MACN,gBAAAA,EAACU,KAAoB,SAAQ,WAAU,SAAS,QAAQ,KAAK,yBAAjD,QAA0D;AAAA,MACtE,gBAAAV,EAACU,KAAoB,SAAQ,WAAU,SAAS,QAAQ,KAAK,yBAAjD,QAA0D;AAAA,IAAA;AAAA,IAEvE,GAAGL;AAAA,EAAA;AACN;AAEFG,EAAY,aAAa;AAAA,EACvB,UAAU;AAAA,IACR,SAAS,CAAC,MAAM;AAAA,EAAA;AAEpB;AACAA,EAAY,OAAO;AAAA,EACjB,MAAM;AACR;AAGO,MAAMG,IAAc,CAACN,MAC1B,gBAAAL;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,SAAS,gBAAAD,EAACU,GAAA,EAAO,SAAQ,WAAU,UAAA,wBAAoB;AAAA,IACtD,GAAGL;AAAA,IACL,UAAA;AAAA,EAAA;AAED;AAEFM,EAAY,aAAa;AAAA,EACvB,UAAU;AAAA,IACR,SAAS,CAAA;AAAA,EAAC;AAEd;"}
1
+ {"version":3,"file":"AlertDialog.stories.js","sources":["../../src/AlertDialog/AlertDialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react';\r\n\r\nimport { AlertDialog } from './AlertDialog';\r\nimport { AlertDialogProps } from './AlertDialog.types';\r\nimport React from 'react';\r\nimport { Button } from '../Button';\r\nimport { InfoBlock } from '../InfoBlock';\r\n\r\nconst Template = (props: AlertDialogProps) => <AlertDialog {...props} />;\r\n\r\nconst variants = ['confirm', 'alert', 'destructive'] as const;\r\n\r\nconst meta = {\r\n title: 'AlertDialog',\r\n component: AlertDialog,\r\n render: Template,\r\n argTypes: {\r\n open: {\r\n control: {\r\n type: 'boolean',\r\n },\r\n },\r\n variant: {\r\n name: 'variant',\r\n description: 'ButtonIcon variant',\r\n options: variants,\r\n control: {\r\n type: 'inline-radio',\r\n },\r\n },\r\n cancelLabel: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n actionLabel: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n title: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n description: {\r\n control: {\r\n type: 'text',\r\n },\r\n },\r\n },\r\n args: {\r\n variant: 'alert',\r\n cancelLabel: 'Cancel',\r\n actionLabel: 'Action',\r\n },\r\n} satisfies Meta<typeof AlertDialog>;\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Playground = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n {...args}\r\n />\r\n);\r\nPlayground.args = {\r\n trigger: 'Trigger text or ReactNode',\r\n variant: 'confirm',\r\n title: 'Dialog title...',\r\n description: 'Description text...',\r\n cancelLabel: 'Cancel label',\r\n actionLabel: 'Action label',\r\n}\r\n\r\nexport const Variants = (args: AlertDialogProps) => (\r\n <div className='flex gap-3'>\r\n {variants.map((variant) => (\r\n <AlertDialog\r\n key={variant}\r\n trigger={variant}\r\n {...args}\r\n variant={variant}\r\n />\r\n ))}\r\n </div>\r\n);\r\nVariants.parameters = {\r\n controls: {\r\n include: ['title', 'description', 'cancelLabel', 'actionLabel'],\r\n },\r\n};\r\nVariants.args = {\r\n title: \"Dialog title\",\r\n description: \"Description text...\"\r\n}\r\n\r\nexport const FullControl = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n onOpenChange={(nextState) => console.log(nextState)}\r\n trigger={<Button variant=\"outline\">Control Trigger</Button>}\r\n header={<div>Custom Header</div>}\r\n footer={[\r\n <Button key='cancel' variant=\"outline\" onClick={console.log}>On cancel</Button>,\r\n <Button key='action' variant=\"outline\" onClick={console.log}>On Action</Button>,\r\n ]}\r\n {...args}\r\n />\r\n);\r\nFullControl.parameters = {\r\n controls: {\r\n include: ['open'],\r\n },\r\n};\r\nFullControl.args = {\r\n open: false,\r\n}\r\n\r\n\r\nexport const FullContent = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n trigger={<Button variant=\"outlined\">Full Content Trigger</Button>}\r\n {...args}\r\n >\r\n Full Content...\r\n </AlertDialog>\r\n);\r\nFullContent.parameters = {\r\n controls: {\r\n include: [],\r\n },\r\n};\r\n\r\nconst LONG_UNBREAKABLE_STRING = 'a'.repeat(300);\r\n\r\nexport const LongDescription = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n {...args}\r\n trigger={<Button variant=\"outlined\">Long Description</Button>}\r\n />\r\n);\r\nLongDescription.args = {\r\n trigger: 'Long description',\r\n variant: 'confirm',\r\n title: 'Dialog title',\r\n description: LONG_UNBREAKABLE_STRING,\r\n cancelLabel: 'Cancel',\r\n actionLabel: 'Action',\r\n};\r\nLongDescription.parameters = {\r\n controls: {\r\n include: ['title', 'cancelLabel', 'actionLabel'],\r\n },\r\n};\r\n\r\nexport const LongInfoBlockDescription = (args: AlertDialogProps) => (\r\n <AlertDialog\r\n {...args}\r\n trigger={<Button variant=\"outlined\">Long InfoBlock Description</Button>}\r\n description={\r\n <InfoBlock content={LONG_UNBREAKABLE_STRING} />\r\n }\r\n />\r\n);\r\nLongInfoBlockDescription.args = {\r\n trigger: 'Long InfoBlock description',\r\n variant: 'confirm',\r\n title: 'Dialog title',\r\n cancelLabel: 'Cancel',\r\n actionLabel: 'Action',\r\n};\r\nLongInfoBlockDescription.parameters = {\r\n controls: {\r\n include: ['title', 'cancelLabel', 'actionLabel'],\r\n },\r\n};\r\n"],"names":["Template","props","jsx","AlertDialog","variants","meta","Playground","args","Variants","variant","FullControl","nextState","Button","FullContent","LONG_UNBREAKABLE_STRING","LongDescription","LongInfoBlockDescription","InfoBlock"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDialogRoot.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAkB,MAAM,WAAW,CAAC;AAExD,iBAAS,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAErF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE3F;AACD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAEzF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAY3F;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAmB3F;AAGD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAS5D;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAY5D;AACD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CASvF;AAED,iBAAS,sBAAsB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CASnG;AAGD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,WAAW,2CAQvG;AACD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,WAAW,2CAQvG;AAED,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACrB,CAAC"}
1
+ {"version":3,"file":"AlertDialogRoot.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAkB,MAAM,WAAW,CAAC;AAExD,iBAAS,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAErF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE3F;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAEzF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAY3F;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAmB3F;AAGD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAS5D;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAY5D;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CASvF;AAED,iBAAS,sBAAsB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAanG;AAGD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,WAAW,2CAQvG;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,WAAW,2CAQvG;AAED,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACrB,CAAC"}
@@ -5,7 +5,7 @@ import { buttonVariants as d } from "../Button/buttonVariants.js";
5
5
  function x(t) {
6
6
  return /* @__PURE__ */ o(r.Root, { "data-slot": "alert-dialog", ...t });
7
7
  }
8
- function N(t) {
8
+ function w(t) {
9
9
  return /* @__PURE__ */ o(r.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
10
10
  }
11
11
  function m(t) {
@@ -25,7 +25,7 @@ function g(t) {
25
25
  }
26
26
  );
27
27
  }
28
- function A(t) {
28
+ function N(t) {
29
29
  const { className: a, ...e } = t;
30
30
  return /* @__PURE__ */ c(m, { children: [
31
31
  /* @__PURE__ */ o(g, {}),
@@ -35,7 +35,7 @@ function A(t) {
35
35
  "data-slot": "alert-dialog-content",
36
36
  className: l(
37
37
  "fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]",
38
- "grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 p-6",
38
+ "grid w-full max-w-[calc(100%-2rem)] sm:max-w-md min-h-10 gap-4 p-6",
39
39
  "bg-background border rounded-lg shadow-lg",
40
40
  "overflow-x-hidden break-words",
41
41
  "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200",
@@ -46,18 +46,18 @@ function A(t) {
46
46
  )
47
47
  ] });
48
48
  }
49
- function D(t) {
49
+ function A(t) {
50
50
  const { className: a, ...e } = t;
51
51
  return /* @__PURE__ */ o(
52
52
  "div",
53
53
  {
54
54
  "data-slot": "alert-dialog-header",
55
- className: l("flex flex-col gap-2 text-center sm:text-left", a),
55
+ className: l("flex flex-col gap-3 text-center sm:text-left min-w-0", a),
56
56
  ...e
57
57
  }
58
58
  );
59
59
  }
60
- function w(t) {
60
+ function D(t) {
61
61
  const { className: a, ...e } = t;
62
62
  return /* @__PURE__ */ o(
63
63
  "div",
@@ -71,29 +71,30 @@ function w(t) {
71
71
  }
72
72
  );
73
73
  }
74
- function b(t) {
74
+ function h(t) {
75
75
  const { className: a, ...e } = t;
76
76
  return /* @__PURE__ */ o(
77
77
  r.Title,
78
78
  {
79
79
  "data-slot": "alert-dialog-title",
80
- className: l("text-lg font-semibold break-words", a),
80
+ className: l("min-w-0 text-lg font-semibold break-words min-h-10 flex items-center", a),
81
81
  ...e
82
82
  }
83
83
  );
84
84
  }
85
85
  function v(t) {
86
- const { className: a, ...e } = t;
86
+ const { className: a, children: e, ...s } = t;
87
87
  return /* @__PURE__ */ o(
88
88
  r.Description,
89
89
  {
90
+ ...s,
91
+ asChild: !0,
90
92
  "data-slot": "alert-dialog-description",
91
- className: l("text-muted-foreground text-sm whitespace-pre-wrap break-words", a),
92
- ...e
93
+ children: /* @__PURE__ */ o("div", { className: l("min-w-0 text-muted-foreground text-sm whitespace-pre-wrap [overflow-wrap:anywhere]", a), children: e })
93
94
  }
94
95
  );
95
96
  }
96
- function h(t) {
97
+ function b(t) {
97
98
  const { className: a, variant: e, size: s, color: n, ...i } = t;
98
99
  return /* @__PURE__ */ o(
99
100
  r.Action,
@@ -114,17 +115,17 @@ function y(t) {
114
115
  );
115
116
  }
116
117
  export {
117
- h as AlertDialogAction,
118
+ b as AlertDialogAction,
118
119
  y as AlertDialogCancel,
119
- A as AlertDialogContent,
120
+ N as AlertDialogContent,
120
121
  v as AlertDialogDescription,
121
- w as AlertDialogFooter,
122
- D as AlertDialogHeader,
122
+ D as AlertDialogFooter,
123
+ A as AlertDialogHeader,
123
124
  g as AlertDialogOverlay,
124
125
  m as AlertDialogPortal,
125
126
  r as AlertDialogPrimitive,
126
127
  x as AlertDialogRoot,
127
- b as AlertDialogTitle,
128
- N as AlertDialogTrigger
128
+ h as AlertDialogTitle,
129
+ w as AlertDialogTrigger
129
130
  };
130
131
  //# sourceMappingURL=AlertDialogRoot.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"AlertDialogRoot.js","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"sourcesContent":["'use client';\r\n\r\nimport * as React from 'react';\r\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\r\n\r\nimport { cn } from '@oneplatformdev/utils';\r\nimport { ButtonProps, buttonVariants } from '../Button';\r\n\r\nfunction AlertDialogRoot(props: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\r\n return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\r\n}\r\n\r\nfunction AlertDialogTrigger(props: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\r\n return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\r\n}\r\nfunction AlertDialogPortal(props: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\r\n return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" asChild {...props} />;\r\n}\r\n\r\nfunction AlertDialogOverlay(props: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Overlay\r\n data-slot=\"alert-dialog-overlay\"\r\n className={cn(\r\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\r\n className\r\n )}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogContent(props: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPortal>\r\n <AlertDialogOverlay />\r\n <AlertDialogPrimitive.Content\r\n data-slot=\"alert-dialog-content\"\r\n className={cn(\r\n 'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\r\n 'grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 p-6',\r\n 'bg-background border rounded-lg shadow-lg',\r\n 'overflow-x-hidden break-words',\r\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200',\r\n className\r\n )}\r\n {...rest}\r\n />\r\n </AlertDialogPortal>\r\n )\r\n}\r\n\r\n\r\nfunction AlertDialogHeader(props: React.ComponentProps<\"div\">) {\r\n const { className, ...rest } = props;\r\n return (\r\n <div\r\n data-slot=\"alert-dialog-header\"\r\n className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogFooter(props: React.ComponentProps<\"div\">) {\r\n const { className, ...rest } = props;\r\n return (\r\n <div\r\n data-slot=\"alert-dialog-footer\"\r\n className={cn(\r\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\r\n className\r\n )}\r\n {...rest}\r\n />\r\n )\r\n}\r\nfunction AlertDialogTitle(props: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Title\r\n data-slot=\"alert-dialog-title\"\r\n className={cn(\"text-lg font-semibold break-words\", className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogDescription(props: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Description\r\n data-slot=\"alert-dialog-description\"\r\n className={cn(\"text-muted-foreground text-sm whitespace-pre-wrap break-words\", className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\n\r\nfunction AlertDialogAction(props: React.ComponentProps<typeof AlertDialogPrimitive.Action> & ButtonProps) {\r\n const { className, variant, size, color, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Action\r\n className={cn(buttonVariants({ variant, size, color }), className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\nfunction AlertDialogCancel(props: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & ButtonProps) {\r\n const { className, variant, color = 'secondary', size, ...rest } = props\r\n return (\r\n <AlertDialogPrimitive.Cancel\r\n className={cn(buttonVariants({ variant, size, color }), className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nexport {\r\n AlertDialogRoot,\r\n AlertDialogPortal,\r\n AlertDialogOverlay,\r\n AlertDialogTrigger,\r\n AlertDialogContent,\r\n AlertDialogHeader,\r\n AlertDialogFooter,\r\n AlertDialogTitle,\r\n AlertDialogDescription,\r\n AlertDialogAction,\r\n AlertDialogCancel,\r\n AlertDialogPrimitive\r\n};\r\n"],"names":["AlertDialogRoot","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","jsx","AlertDialogOverlay","className","rest","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","variant","size","color","buttonVariants","AlertDialogCancel"],"mappings":"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"}
1
+ {"version":3,"file":"AlertDialogRoot.js","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"sourcesContent":["'use client';\r\n\r\nimport * as React from 'react';\r\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\r\n\r\nimport { cn } from '@oneplatformdev/utils';\r\nimport { ButtonProps, buttonVariants } from '../Button';\r\n\r\nfunction AlertDialogRoot(props: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\r\n return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\r\n}\r\n\r\nfunction AlertDialogTrigger(props: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\r\n return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\r\n}\r\n\r\nfunction AlertDialogPortal(props: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\r\n return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" asChild {...props} />;\r\n}\r\n\r\nfunction AlertDialogOverlay(props: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Overlay\r\n data-slot=\"alert-dialog-overlay\"\r\n className={cn(\r\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\r\n className\r\n )}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogContent(props: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPortal>\r\n <AlertDialogOverlay/>\r\n <AlertDialogPrimitive.Content\r\n data-slot=\"alert-dialog-content\"\r\n className={cn(\r\n 'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\r\n 'grid w-full max-w-[calc(100%-2rem)] sm:max-w-md min-h-10 gap-4 p-6',\r\n 'bg-background border rounded-lg shadow-lg',\r\n 'overflow-x-hidden break-words',\r\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 duration-200',\r\n className\r\n )}\r\n {...rest}\r\n />\r\n </AlertDialogPortal>\r\n )\r\n}\r\n\r\n\r\nfunction AlertDialogHeader(props: React.ComponentProps<\"div\">) {\r\n const { className, ...rest } = props;\r\n return (\r\n <div\r\n data-slot=\"alert-dialog-header\"\r\n className={cn(\"flex flex-col gap-3 text-center sm:text-left min-w-0\", className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogFooter(props: React.ComponentProps<\"div\">) {\r\n const { className, ...rest } = props;\r\n return (\r\n <div\r\n data-slot=\"alert-dialog-footer\"\r\n className={cn(\r\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\r\n className\r\n )}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogTitle(props: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\r\n const { className, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Title\r\n data-slot=\"alert-dialog-title\"\r\n className={cn(\"min-w-0 text-lg font-semibold break-words min-h-10 flex items-center\", className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogDescription(props: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\r\n const { className, children, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Description\r\n {...rest}\r\n asChild\r\n data-slot=\"alert-dialog-description\"\r\n >\r\n <div className={cn(\"min-w-0 text-muted-foreground text-sm whitespace-pre-wrap [overflow-wrap:anywhere]\", className)}>\r\n {children}\r\n </div>\r\n </AlertDialogPrimitive.Description>\r\n )\r\n}\r\n\r\n\r\nfunction AlertDialogAction(props: React.ComponentProps<typeof AlertDialogPrimitive.Action> & ButtonProps) {\r\n const { className, variant, size, color, ...rest } = props;\r\n return (\r\n <AlertDialogPrimitive.Action\r\n className={cn(buttonVariants({ variant, size, color }), className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nfunction AlertDialogCancel(props: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & ButtonProps) {\r\n const { className, variant, color = 'secondary', size, ...rest } = props\r\n return (\r\n <AlertDialogPrimitive.Cancel\r\n className={cn(buttonVariants({ variant, size, color }), className)}\r\n {...rest}\r\n />\r\n )\r\n}\r\n\r\nexport {\r\n AlertDialogRoot,\r\n AlertDialogPortal,\r\n AlertDialogOverlay,\r\n AlertDialogTrigger,\r\n AlertDialogContent,\r\n AlertDialogHeader,\r\n AlertDialogFooter,\r\n AlertDialogTitle,\r\n AlertDialogDescription,\r\n AlertDialogAction,\r\n AlertDialogCancel,\r\n AlertDialogPrimitive\r\n};\r\n"],"names":["AlertDialogRoot","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","jsx","AlertDialogOverlay","className","rest","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","children","AlertDialogAction","variant","size","color","buttonVariants","AlertDialogCancel"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAqDxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,eAAO,MAAM,MAAM,uFA0ElB,CAAA;AAED,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA+ClD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+DG;AACH,eAAO,MAAM,MAAM,uFA0ElB,CAAA;AAED,eAAe,MAAM,CAAC"}
package/Button/Button.js CHANGED
@@ -1,75 +1,75 @@
1
- import { jsxs as N, Fragment as E, jsx as o } from "react/jsx-runtime";
1
+ import { jsxs as I, Fragment as N, jsx as r } from "react/jsx-runtime";
2
2
  import * as R from "react";
3
- import { isValidElement as V, createElement as j } from "react";
4
- import { Slot as C } from "@radix-ui/react-slot";
5
- import { cn as I } from "@oneplatformdev/utils";
6
- import { buttonVariants as F } from "./buttonVariants.js";
7
- import { LoadedIcon as y } from "../LoadedIcon/LoadedIcon.js";
8
- import { Tooltip as L } from "../Tooltip/Tooltip.js";
9
- const S = (n) => {
10
- const { variant: t, size: r, color: s } = n, e = { color: s, variant: t, size: r };
11
- if (t === "default")
3
+ import { Slot as j } from "@radix-ui/react-slot";
4
+ import { cn as A } from "@oneplatformdev/utils";
5
+ import { buttonVariants as C } from "./buttonVariants.js";
6
+ import { renderInnerIcon as y } from "./Button.utils.js";
7
+ import { LoadedIcon as B } from "../LoadedIcon/LoadedIcon.js";
8
+ import { Tooltip as V } from "../Tooltip/Tooltip.js";
9
+ const E = (i) => {
10
+ const { variant: n, size: t, color: s } = i, e = { color: s, variant: n, size: t };
11
+ if (n === "default")
12
12
  return console.warn('Button variant "default" is deprecated. Please use "variant=contained color=primary" instead.'), e.variant = "contained", e.color = "primary", e;
13
- if (r === "icon")
13
+ if (t === "icon")
14
14
  return console.warn('Button size "icon" is deprecated. Please use "<ButtonIcon/>" component instead.'), e.variant = "contained", e.color = "secondary", e;
15
- if (t === "transparent")
15
+ if (n === "transparent")
16
16
  throw console.warn('Button variant "transparent" is removed. Please use "variant=none" instead.'), new Error('Button variant "transparent" is removed. Please use "variant=none" instead.');
17
- return t === "outline" ? (console.warn('Button variant "outline" is deprecated. Please use "variant=outlined color=primary" instead.'), e.variant = "outlined", e.color = "primary", e) : t === "secondary" ? (console.warn('Button variant "secondary" is deprecated. Please use "variant=contained color=secondary" instead.'), e.variant = "contained", e.color = "secondary", e) : (t === "destructive" && (console.warn('Button variant "destructive" is deprecated. Please use "variant=contained color=error" instead.'), e.variant = "contained", e.color = "error"), e);
18
- }, B = (n) => n ? V(n) ? n : j(n) : null, T = R.forwardRef(
19
- (n, t) => {
17
+ return n === "outline" ? (console.warn('Button variant "outline" is deprecated. Please use "variant=outlined color=primary" instead.'), e.variant = "outlined", e.color = "primary", e) : n === "secondary" ? (console.warn('Button variant "secondary" is deprecated. Please use "variant=contained color=secondary" instead.'), e.variant = "contained", e.color = "secondary", e) : (n === "destructive" && (console.warn('Button variant "destructive" is deprecated. Please use "variant=contained color=error" instead.'), e.variant = "contained", e.color = "error"), e);
18
+ }, F = R.forwardRef(
19
+ (i, n) => {
20
20
  const {
21
- disabled: r,
21
+ disabled: t,
22
22
  className: s,
23
23
  variant: e,
24
24
  color: h,
25
25
  size: c,
26
- asChild: d = !1,
26
+ asChild: l = !1,
27
27
  title: w = "",
28
28
  tooltip: P,
29
29
  tooltipProps: u = {},
30
30
  message: g,
31
- loading: a = !1,
31
+ loading: o = !1,
32
32
  children: p,
33
33
  startAdornment: m,
34
- endAdornment: f,
35
- screenReader: i,
34
+ endAdornment: v,
35
+ screenReader: a,
36
36
  ...b
37
- } = n, x = d ? C : "button", l = g || P || w, z = d ? p : /* @__PURE__ */ N(E, { children: [
38
- !!m && /* @__PURE__ */ o(y, { loading: a, size: c, children: B(m) }),
37
+ } = i, x = l ? j : "button", d = g || P || w, z = l ? p : /* @__PURE__ */ I(N, { children: [
38
+ !!m && /* @__PURE__ */ r(B, { loading: o, size: c, children: y(m) }),
39
39
  p,
40
- !!f && /* @__PURE__ */ o(y, { loading: a, size: c, children: B(f) }),
41
- !!i && /* @__PURE__ */ o("span", { className: "sr-only", children: typeof i == "string" ? i : i.text })
42
- ] }), v = /* @__PURE__ */ o(
40
+ !!v && /* @__PURE__ */ r(B, { loading: o, size: c, children: y(v) }),
41
+ !!a && /* @__PURE__ */ r("span", { className: "sr-only", children: typeof a == "string" ? a : a.text })
42
+ ] }), f = /* @__PURE__ */ r(
43
43
  x,
44
44
  {
45
45
  type: "button",
46
- ref: t,
47
- disabled: r,
48
- className: I(
49
- F({
50
- ...S({ variant: e, size: c, color: h }),
46
+ ref: n,
47
+ disabled: t,
48
+ className: A(
49
+ C({
50
+ ...E({ variant: e, size: c, color: h }),
51
51
  className: s
52
52
  }),
53
- a && "pointer-events-none opacity-80 user-select-none"
53
+ o && "pointer-events-none opacity-80 user-select-none"
54
54
  ),
55
55
  ...b,
56
56
  children: z
57
57
  }
58
58
  );
59
- return l ? /* @__PURE__ */ o(
60
- L,
59
+ return d ? /* @__PURE__ */ r(
60
+ V,
61
61
  {
62
62
  ...u || {},
63
- open: u.open ?? (r || a || !l) ? !1 : void 0,
64
- message: l,
65
- children: v
63
+ open: u.open ?? (t || o || !d) ? !1 : void 0,
64
+ message: d,
65
+ children: f
66
66
  }
67
- ) : v;
67
+ ) : f;
68
68
  }
69
69
  );
70
- T.displayName = "Button";
70
+ F.displayName = "Button";
71
71
  export {
72
- T as Button,
73
- T as default
72
+ F as Button,
73
+ F as default
74
74
  };
75
75
  //# sourceMappingURL=Button.js.map