@oneplatformdev/ui 0.1.99-beta.2 → 0.1.99-beta.201

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 (291) hide show
  1. package/.storybook/Wrappers.js.map +1 -1
  2. package/Accordion/Accordion.d.ts +1 -1
  3. package/Accordion/Accordion.d.ts.map +1 -1
  4. package/Accordion/Accordion.js +48 -26
  5. package/Accordion/Accordion.js.map +1 -1
  6. package/Alert/Alert.js.map +1 -1
  7. package/Alert/alertVariants.js.map +1 -1
  8. package/AlertDialog/AlertDialog.js.map +1 -1
  9. package/AlertDialog/AlertDialog.stories.js +2 -3
  10. package/AlertDialog/AlertDialog.stories.js.map +1 -1
  11. package/AlertDialog/AlertDialogRoot.d.ts.map +1 -1
  12. package/AlertDialog/AlertDialogRoot.js +23 -23
  13. package/AlertDialog/AlertDialogRoot.js.map +1 -1
  14. package/AreaChart/AreaChart.js.map +1 -1
  15. package/Aside/Aside.js.map +1 -1
  16. package/Aside/AsideSidebar.js.map +1 -1
  17. package/AspectRatio/AspectRatio.js.map +1 -1
  18. package/Avatar/Avatar.js.map +1 -1
  19. package/Badge/Badge.js.map +1 -1
  20. package/Badge/badgeVariants.d.ts +1 -1
  21. package/Badge/badgeVariants.js.map +1 -1
  22. package/Breadcrumb/Breadcrumb.js.map +1 -1
  23. package/Button/Button.d.ts +12 -6
  24. package/Button/Button.d.ts.map +1 -1
  25. package/Button/Button.js +46 -45
  26. package/Button/Button.js.map +1 -1
  27. package/Button/Button.stories.js +45 -53
  28. package/Button/Button.stories.js.map +1 -1
  29. package/Button/Button.types.d.ts +24 -1
  30. package/Button/Button.types.d.ts.map +1 -1
  31. package/Button/Button.utils.d.ts +3 -0
  32. package/Button/Button.utils.d.ts.map +1 -0
  33. package/Button/Button.utils.js +14 -0
  34. package/Button/Button.utils.js.map +1 -0
  35. package/Button/ButtonCounterBadge.d.ts +7 -0
  36. package/Button/ButtonCounterBadge.d.ts.map +1 -0
  37. package/Button/ButtonCounterBadge.js +20 -0
  38. package/Button/ButtonCounterBadge.js.map +1 -0
  39. package/Button/buttonVariants.d.ts +11 -20
  40. package/Button/buttonVariants.d.ts.map +1 -1
  41. package/Button/buttonVariants.js +76 -12
  42. package/Button/buttonVariants.js.map +1 -1
  43. package/Button/index.d.ts +1 -0
  44. package/Button/index.d.ts.map +1 -1
  45. package/Button/index.js +6 -3
  46. package/Button/index.js.map +1 -1
  47. package/ButtonIcon/ButtonIcon.d.ts +55 -0
  48. package/ButtonIcon/ButtonIcon.d.ts.map +1 -1
  49. package/ButtonIcon/ButtonIcon.js +69 -46
  50. package/ButtonIcon/ButtonIcon.js.map +1 -1
  51. package/ButtonIcon/ButtonIcon.stories.js +123 -78
  52. package/ButtonIcon/ButtonIcon.stories.js.map +1 -1
  53. package/ButtonIcon/ButtonIcon.types.d.ts +2 -1
  54. package/ButtonIcon/ButtonIcon.types.d.ts.map +1 -1
  55. package/ButtonIcon/buttonIconVariants.d.ts +1 -1
  56. package/ButtonIcon/buttonIconVariants.d.ts.map +1 -1
  57. package/ButtonIcon/buttonIconVariants.js +7 -6
  58. package/ButtonIcon/buttonIconVariants.js.map +1 -1
  59. package/CHANGELOG.md +2674 -1527
  60. package/Calendar/Calendar.js +0 -1
  61. package/Calendar/Calendar.js.map +1 -1
  62. package/Card/Card.js.map +1 -1
  63. package/Carousel/Carousel.js +6 -7
  64. package/Carousel/Carousel.js.map +1 -1
  65. package/Chart/Chart.js.map +1 -1
  66. package/Checkbox/Checkbox.d.ts.map +1 -1
  67. package/Checkbox/Checkbox.js +34 -33
  68. package/Checkbox/Checkbox.js.map +1 -1
  69. package/Checkbox/Checkbox.stories.js +108 -0
  70. package/Checkbox/Checkbox.stories.js.map +1 -0
  71. package/Collapsible/Collapsible.js.map +1 -1
  72. package/Combobox/Combobox.d.ts +1 -1
  73. package/Combobox/Combobox.d.ts.map +1 -1
  74. package/Combobox/Combobox.js +205 -192
  75. package/Combobox/Combobox.js.map +1 -1
  76. package/Combobox/Combobox.stories.js +212 -0
  77. package/Combobox/Combobox.stories.js.map +1 -0
  78. package/Combobox/Combobox.types.d.ts +34 -19
  79. package/Combobox/Combobox.types.d.ts.map +1 -1
  80. package/Combobox/ComboboxOptionItem.d.ts +4 -3
  81. package/Combobox/ComboboxOptionItem.d.ts.map +1 -1
  82. package/Combobox/ComboboxOptionItem.js +49 -22
  83. package/Combobox/ComboboxOptionItem.js.map +1 -1
  84. package/Combobox/ComboboxOptions.d.ts +2 -2
  85. package/Combobox/ComboboxOptions.d.ts.map +1 -1
  86. package/Combobox/ComboboxOptions.js +48 -49
  87. package/Combobox/ComboboxOptions.js.map +1 -1
  88. package/Command/Command.d.ts +6 -1
  89. package/Command/Command.d.ts.map +1 -1
  90. package/Command/Command.js +61 -47
  91. package/Command/Command.js.map +1 -1
  92. package/DataTable/DataTable.js +12 -13
  93. package/DataTable/DataTable.js.map +1 -1
  94. package/DataTable/DataTableColumnFilter.js +6 -7
  95. package/DataTable/DataTableColumnFilter.js.map +1 -1
  96. package/DataTable/useDataTable.js.map +1 -1
  97. package/DatePicker/DatePicker.js +12 -13
  98. package/DatePicker/DatePicker.js.map +1 -1
  99. package/Dialog/Dialog.d.ts +4 -1
  100. package/Dialog/Dialog.d.ts.map +1 -1
  101. package/Dialog/Dialog.js +70 -37
  102. package/Dialog/Dialog.js.map +1 -1
  103. package/Dialog/Dialog.stories.js +101 -0
  104. package/Dialog/Dialog.stories.js.map +1 -0
  105. package/Dialog/Dialog.types.d.ts +4 -0
  106. package/Dialog/Dialog.types.d.ts.map +1 -0
  107. package/Dialog/Dialog.types.js +2 -0
  108. package/Dialog/Dialog.types.js.map +1 -0
  109. package/Dialog/DialogOverlayScope.js.map +1 -1
  110. package/Dialog/index.d.ts +1 -0
  111. package/Dialog/index.d.ts.map +1 -1
  112. package/Drawer/Drawer.js.map +1 -1
  113. package/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  114. package/DropdownMenu/DropdownMenu.js +33 -20
  115. package/DropdownMenu/DropdownMenu.js.map +1 -1
  116. package/Dropzone/Dropzone.d.ts.map +1 -1
  117. package/Dropzone/Dropzone.js +46 -28
  118. package/Dropzone/Dropzone.js.map +1 -1
  119. package/Dropzone/Dropzone.stories.js +100 -0
  120. package/Dropzone/Dropzone.stories.js.map +1 -0
  121. package/Dropzone/Dropzone.types.js.map +1 -1
  122. package/Dropzone/DropzoneFilePreview.js.map +1 -1
  123. package/Dropzone/DropzoneSinglePickPreview.js.map +1 -1
  124. package/Dropzone/DropzoneUtils.js.map +1 -1
  125. package/Form/Form.d.ts.map +1 -1
  126. package/Form/Form.js +14 -15
  127. package/Form/Form.js.map +1 -1
  128. package/Form/FormRenderControl.d.ts +1 -1
  129. package/Form/FormRenderControl.d.ts.map +1 -1
  130. package/Form/FormRenderControl.js +53 -14
  131. package/Form/FormRenderControl.js.map +1 -1
  132. package/Form/FormRenderControl.types.d.ts +4 -1
  133. package/Form/FormRenderControl.types.d.ts.map +1 -1
  134. package/Form/Form_old.js +4 -5
  135. package/Form/Form_old.js.map +1 -1
  136. package/FormCheckbox/FormCheckbox.js +4 -4
  137. package/FormCheckbox/FormCheckbox.js.map +1 -1
  138. package/FormCombobox/FormCombobox.d.ts.map +1 -1
  139. package/FormCombobox/FormCombobox.js +15 -13
  140. package/FormCombobox/FormCombobox.js.map +1 -1
  141. package/FormDatePicker/FormDatePicker.d.ts.map +1 -1
  142. package/FormDatePicker/FormDatePicker.js +18 -16
  143. package/FormDatePicker/FormDatePicker.js.map +1 -1
  144. package/FormDropzone/FormDropzone.d.ts.map +1 -1
  145. package/FormDropzone/FormDropzone.js +13 -11
  146. package/FormDropzone/FormDropzone.js.map +1 -1
  147. package/FormInput/FormInput.d.ts.map +1 -1
  148. package/FormInput/FormInput.js +47 -27
  149. package/FormInput/FormInput.js.map +1 -1
  150. package/FormInput/FormInput.stories.js +61 -0
  151. package/FormInput/FormInput.stories.js.map +1 -0
  152. package/FormInput/FormInput.types.d.ts +1 -0
  153. package/FormInput/FormInput.types.d.ts.map +1 -1
  154. package/FormRadio/FormRadio.js.map +1 -1
  155. package/FormSelect/FormSelect.d.ts.map +1 -1
  156. package/FormSelect/FormSelect.js +19 -18
  157. package/FormSelect/FormSelect.js.map +1 -1
  158. package/FormTextarea/FormTextarea.d.ts.map +1 -1
  159. package/FormTextarea/FormTextarea.js +13 -11
  160. package/FormTextarea/FormTextarea.js.map +1 -1
  161. package/Header/Header.js.map +1 -1
  162. package/HoverCard/HoverCard.js.map +1 -1
  163. package/InfoBlock/InfoBlock.d.ts +7 -0
  164. package/InfoBlock/InfoBlock.d.ts.map +1 -0
  165. package/InfoBlock/InfoBlock.js +28 -0
  166. package/InfoBlock/InfoBlock.js.map +1 -0
  167. package/InfoBlock/InfoBlock.stories.js +50 -0
  168. package/InfoBlock/InfoBlock.stories.js.map +1 -0
  169. package/InfoBlock/InfoBlock.types.d.ts +9 -0
  170. package/InfoBlock/InfoBlock.types.d.ts.map +1 -0
  171. package/InfoBlock/InfoBlock.types.js +2 -0
  172. package/InfoBlock/InfoBlock.types.js.map +1 -0
  173. package/InfoBlock/index.d.ts +3 -0
  174. package/InfoBlock/index.d.ts.map +1 -0
  175. package/InfoBlock/index.js +5 -0
  176. package/InfoBlock/index.js.map +1 -0
  177. package/InfoBlock/infoBlockVariants.d.ts +6 -0
  178. package/InfoBlock/infoBlockVariants.d.ts.map +1 -0
  179. package/InfoBlock/infoBlockVariants.js +27 -0
  180. package/InfoBlock/infoBlockVariants.js.map +1 -0
  181. package/Input/Input.d.ts.map +1 -1
  182. package/Input/Input.js +80 -53
  183. package/Input/Input.js.map +1 -1
  184. package/Input/Input.types.d.ts +2 -0
  185. package/Input/Input.types.d.ts.map +1 -1
  186. package/Input/inputVariants.d.ts.map +1 -1
  187. package/Input/inputVariants.js +5 -4
  188. package/Input/inputVariants.js.map +1 -1
  189. package/InputOTP/InputOTP.d.ts.map +1 -1
  190. package/InputOTP/InputOTP.js.map +1 -1
  191. package/LICENSE +21 -21
  192. package/Label/Label.js.map +1 -1
  193. package/Label/labelVariants.js.map +1 -1
  194. package/LazyLoader/LazyLoader.js +4 -5
  195. package/LazyLoader/LazyLoader.js.map +1 -1
  196. package/LoadedIcon/LoadedIcon.d.ts.map +1 -1
  197. package/LoadedIcon/LoadedIcon.js +3 -1
  198. package/LoadedIcon/LoadedIcon.js.map +1 -1
  199. package/LoadingMask/LoadingMask.d.ts +1 -2
  200. package/LoadingMask/LoadingMask.d.ts.map +1 -1
  201. package/LoadingMask/LoadingMask.js +8 -8
  202. package/LoadingMask/LoadingMask.js.map +1 -1
  203. package/LoadingMask/LoadingMask.types.d.ts +1 -0
  204. package/LoadingMask/LoadingMask.types.d.ts.map +1 -1
  205. package/LoadingMask/RenderLoadingMask.js.map +1 -1
  206. package/LoadingProgress/LoadingProgress.js.map +1 -1
  207. package/LoadingProgress/loadingProgressVariants.js.map +1 -1
  208. package/Menubar/Menubar.js.map +1 -1
  209. package/NavigationMenu/NavigationMenu.js.map +1 -1
  210. package/NavigationMenu/navigationMenuVariants.js.map +1 -1
  211. package/Pagination/Pagination.js +0 -1
  212. package/Pagination/Pagination.js.map +1 -1
  213. package/Popover/Popover.js.map +1 -1
  214. package/Progress/Progress.js.map +1 -1
  215. package/README.md +7 -7
  216. package/Radio/Radio.js.map +1 -1
  217. package/RadioGroup/RadioGroup.js.map +1 -1
  218. package/Resizable/Resizable.d.ts +5 -20
  219. package/Resizable/Resizable.d.ts.map +1 -1
  220. package/Resizable/Resizable.js +48 -31
  221. package/Resizable/Resizable.js.map +1 -1
  222. package/Resizable/Resizable.stories.js +140 -0
  223. package/Resizable/Resizable.stories.js.map +1 -0
  224. package/ScrollArea/ScrollArea.js.map +1 -1
  225. package/Search/Search.d.ts.map +1 -1
  226. package/Search/Search.js +40 -31
  227. package/Search/Search.js.map +1 -1
  228. package/Search/Search.stories.js +17 -0
  229. package/Search/Search.stories.js.map +1 -0
  230. package/Select/Select.d.ts.map +1 -1
  231. package/Select/Select.js +53 -49
  232. package/Select/Select.js.map +1 -1
  233. package/Select/Select.stories.js.map +1 -1
  234. package/Select/Select.types.d.ts +4 -0
  235. package/Select/Select.types.d.ts.map +1 -1
  236. package/Select/SelectRoot.js +1 -1
  237. package/Select/SelectRoot.js.map +1 -1
  238. package/Separator/Separator.js.map +1 -1
  239. package/Sheet/Sheet.js.map +1 -1
  240. package/Sidebar/Sidebar.js +20 -21
  241. package/Sidebar/Sidebar.js.map +1 -1
  242. package/Skeleton/Skeleton.js.map +1 -1
  243. package/Slider/Slider.js.map +1 -1
  244. package/Sonner/Sonner.js.map +1 -1
  245. package/Switch/Switch.js.map +1 -1
  246. package/Table/Table.js.map +1 -1
  247. package/TablePagination/TablePagination.js +17 -21
  248. package/TablePagination/TablePagination.js.map +1 -1
  249. package/Tabs/Tabs.js.map +1 -1
  250. package/Tabs/TabsRoot.js.map +1 -1
  251. package/Textarea/Textarea.d.ts.map +1 -1
  252. package/Textarea/Textarea.js +50 -45
  253. package/Textarea/Textarea.js.map +1 -1
  254. package/Textarea/Textarea.stories.js +12 -0
  255. package/Textarea/Textarea.stories.js.map +1 -0
  256. package/Textarea/Textarea.types.d.ts +3 -1
  257. package/Textarea/Textarea.types.d.ts.map +1 -1
  258. package/Textarea/useAutosizeTextArea.d.ts +1 -1
  259. package/Textarea/useAutosizeTextArea.d.ts.map +1 -1
  260. package/Textarea/useAutosizeTextArea.js.map +1 -1
  261. package/Theme/ThemeModeToggle.js +3 -4
  262. package/Theme/ThemeModeToggle.js.map +1 -1
  263. package/Theme/ThemeProvider.js.map +1 -1
  264. package/Toast/Toast.d.ts +1 -1
  265. package/Toast/Toast.js.map +1 -1
  266. package/Toast/toast.constants.js.map +1 -1
  267. package/Toast/toastVariants.d.ts +1 -1
  268. package/Toast/toastVariants.js.map +1 -1
  269. package/Toast/useToast.js.map +1 -1
  270. package/Toaster/Toaster.js.map +1 -1
  271. package/Toggle/Toggle.js.map +1 -1
  272. package/ToggleGroup/ToggleGroup.js.map +1 -1
  273. package/Tooltip/Tooltip.d.ts.map +1 -1
  274. package/Tooltip/Tooltip.js +41 -29
  275. package/Tooltip/Tooltip.js.map +1 -1
  276. package/Tooltip/Tooltip.types.d.ts +1 -0
  277. package/Tooltip/Tooltip.types.d.ts.map +1 -1
  278. package/Tooltip/TooltipRoot.js.map +1 -1
  279. package/Tooltip/tooltipVariants.d.ts +4 -0
  280. package/Tooltip/tooltipVariants.d.ts.map +1 -0
  281. package/Tooltip/tooltipVariants.js +23 -0
  282. package/Tooltip/tooltipVariants.js.map +1 -0
  283. package/index.d.ts +1 -0
  284. package/index.d.ts.map +1 -1
  285. package/index.js +335 -330
  286. package/index.js.map +1 -1
  287. package/package.json +9 -5
  288. package/Button/Button.s.d.ts +0 -83
  289. package/Button/Button.s.d.ts.map +0 -1
  290. package/Button/Button.s.js +0 -163
  291. package/Button/Button.s.js.map +0 -1
package/Dialog/Dialog.js CHANGED
@@ -1,28 +1,29 @@
1
- import { jsx as e, jsxs as s } from "react/jsx-runtime";
1
+ import { jsx as e, jsxs as l } from "react/jsx-runtime";
2
2
  import * as a from "@radix-ui/react-dialog";
3
- import { XIcon as c } from "lucide-react";
3
+ import { XIcon as u } from "lucide-react";
4
4
  import { cn as n } from "@oneplatformdev/utils";
5
- function x({
5
+ import { ButtonIcon as f } from "../ButtonIcon/ButtonIcon.js";
6
+ function b({
6
7
  ...t
7
8
  }) {
8
9
  return /* @__PURE__ */ e(a.Root, { "data-slot": "dialog", ...t });
9
10
  }
10
- function v({
11
+ function y({
11
12
  ...t
12
13
  }) {
13
14
  return /* @__PURE__ */ e(a.Trigger, { "data-slot": "dialog-trigger", ...t });
14
15
  }
15
- function u({
16
+ function g({
16
17
  ...t
17
18
  }) {
18
19
  return /* @__PURE__ */ e(a.Portal, { "data-slot": "dialog-portal", ...t });
19
20
  }
20
- function D({
21
+ function w({
21
22
  ...t
22
23
  }) {
23
24
  return /* @__PURE__ */ e(a.Close, { "data-slot": "dialog-close", ...t });
24
25
  }
25
- function g({
26
+ function p({
26
27
  className: t,
27
28
  ...o
28
29
  }) {
@@ -38,22 +39,26 @@ function g({
38
39
  }
39
40
  );
40
41
  }
41
- function b(t) {
42
+ function D(t) {
42
43
  const {
43
44
  className: o,
44
45
  children: i,
45
- showCloseButton: l = !0,
46
+ showCloseButton: s = !0,
46
47
  style: r,
48
+ slotProps: c,
47
49
  ...d
48
50
  } = t;
49
- return /* @__PURE__ */ e(u, { "data-slot": "dialog-portal", children: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ s(
51
+ return /* @__PURE__ */ e(g, { "data-slot": "dialog-portal", children: /* @__PURE__ */ e(p, { ...c?.overlay, children: /* @__PURE__ */ l(
50
52
  a.Content,
51
53
  {
52
54
  "data-slot": "dialog-content",
55
+ "data-closable": JSON.stringify(s),
53
56
  className: n(
57
+ "group group/content",
54
58
  "fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]",
55
- "grid w-full max-w-[calc(100%-2rem)] gap-4 sm:max-w-2xl",
56
- "bg-background rounded-lg border p-6 shadow-lg duration-200",
59
+ "flex flex-col w-full max-w-[calc(100%-2rem)] sm:max-w-2xl gap-3",
60
+ "max-h-[90%] overflow-auto overscroll-none",
61
+ "bg-background rounded-lg border shadow-lg duration-200 p-6",
57
62
  "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",
58
63
  "focus:outline-none focus-visible:outline-none focus:ring-0 focus-visible:ring-0 focus:ring-transparent",
59
64
  "outline-none focus:outline-none focus-visible:outline-none",
@@ -66,12 +71,12 @@ function b(t) {
66
71
  },
67
72
  children: [
68
73
  i,
69
- l && /* @__PURE__ */ s(
74
+ s && /* @__PURE__ */ l(
70
75
  a.Close,
71
76
  {
72
77
  "data-slot": "dialog-close",
73
78
  className: n(
74
- "absolute top-4 right-4 rounded-2xl opacity-70 transition-opacity hover:opacity-100",
79
+ "absolute top-6 right-6 rounded-2xl opacity-70 transition-opacity hover:opacity-100",
75
80
  "data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
76
81
  "ring-offset-background focus:ring-transparent focus:ring-0 focus:ring-offset-0 focus:outline-hidden",
77
82
  "focus:outline-none focus:ring-0",
@@ -80,7 +85,14 @@ function b(t) {
80
85
  "cursor-pointer size-10 flex items-center justify-center"
81
86
  ),
82
87
  children: [
83
- /* @__PURE__ */ e(c, { className: "size-6 text-[#06080D]" }),
88
+ /* @__PURE__ */ e(
89
+ f,
90
+ {
91
+ variant: "ghost",
92
+ color: "secondary",
93
+ icon: u
94
+ }
95
+ ),
84
96
  /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
85
97
  ]
86
98
  }
@@ -89,43 +101,60 @@ function b(t) {
89
101
  }
90
102
  ) }) });
91
103
  }
92
- function h({ className: t, ...o }) {
104
+ function N({ className: t, ...o }) {
93
105
  return /* @__PURE__ */ e(
94
106
  "div",
95
107
  {
96
108
  "data-slot": "dialog-header",
97
- className: n("flex flex-col gap-4 justify-center text-center sm:text-left", t),
109
+ className: n("flex flex-col gap-4 justify-center text-center sm:text-left min-h-10", t),
98
110
  ...o
99
111
  }
100
112
  );
101
113
  }
102
- function y({ className: t, ...o }) {
114
+ function C({ className: t, ...o }) {
103
115
  return /* @__PURE__ */ e(
104
116
  "div",
105
117
  {
106
118
  "data-slot": "dialog-footer",
107
119
  className: n(
108
- "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
120
+ "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-4",
109
121
  t
110
122
  ),
111
123
  ...o
112
124
  }
113
125
  );
114
126
  }
115
- function N({
116
- className: t,
117
- ...o
118
- }) {
127
+ function z(t) {
128
+ const {
129
+ className: o,
130
+ children: i,
131
+ ...s
132
+ } = t;
119
133
  return /* @__PURE__ */ e(
120
134
  a.Title,
121
135
  {
136
+ asChild: !0,
122
137
  "data-slot": "dialog-title",
123
- className: n("text-lg leading-none font-bold text-[#06080D]", t),
124
- ...o
138
+ className: n(
139
+ "flex items-center min-h-10",
140
+ "group-data-[closable='true']/content:pr-13",
141
+ o
142
+ ),
143
+ ...s,
144
+ children: /* @__PURE__ */ e(
145
+ "span",
146
+ {
147
+ className: n(
148
+ "text-lg leading-[1.2] font-bold text-[#06080D]",
149
+ "whitespace-pre-wrap wrap-break-word line-clamp-10"
150
+ ),
151
+ children: i
152
+ }
153
+ )
125
154
  }
126
155
  );
127
156
  }
128
- function z({
157
+ function k({
129
158
  className: t,
130
159
  ...o
131
160
  }) {
@@ -133,22 +162,26 @@ function z({
133
162
  a.Description,
134
163
  {
135
164
  "data-slot": "dialog-description",
136
- className: n("text-[#363B4E] font-medium text-base", t),
165
+ className: n(
166
+ "text-[#06080D] font-medium text-base",
167
+ "whitespace-pre-wrap wrap-break-word line-clamp-10",
168
+ t
169
+ ),
137
170
  ...o
138
171
  }
139
172
  );
140
173
  }
141
174
  export {
142
- x as Dialog,
143
- D as DialogClose,
144
- b as DialogContent,
145
- z as DialogDescription,
146
- y as DialogFooter,
147
- h as DialogHeader,
148
- g as DialogOverlay,
149
- u as DialogPortal,
175
+ b as Dialog,
176
+ w as DialogClose,
177
+ D as DialogContent,
178
+ k as DialogDescription,
179
+ C as DialogFooter,
180
+ N as DialogHeader,
181
+ p as DialogOverlay,
182
+ g as DialogPortal,
150
183
  a as DialogPrimitive,
151
- N as DialogTitle,
152
- v as DialogTrigger
184
+ z as DialogTitle,
185
+ y as DialogTrigger
153
186
  };
154
187
  //# sourceMappingURL=Dialog.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Dialog({\n ...props\n }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n ...props\n }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n ...props\n }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n ...props\n }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n className,\n ...props\n }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n return (\n <DialogPrimitive.Overlay\n data-slot=\"dialog-overlay\"\n className={cn(\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\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DialogContent(props: React.ComponentProps<typeof DialogPrimitive.Content> & {\n showCloseButton?: boolean\n}) {\n const {\n className,\n children,\n showCloseButton = true,\n style,\n ...rest\n } = props;\n return (\n <DialogPortal data-slot=\"dialog-portal\">\n <DialogOverlay>\n <DialogPrimitive.Content\n data-slot=\"dialog-content\"\n className={cn(\n 'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\n 'grid w-full max-w-[calc(100%-2rem)] gap-4 sm:max-w-2xl',\n 'bg-background rounded-lg border p-6 shadow-lg duration-200',\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',\n \"focus:outline-none focus-visible:outline-none focus:ring-0 focus-visible:ring-0 focus:ring-transparent\",\n 'outline-none focus:outline-none focus-visible:outline-none',\n className\n )}\n {...rest}\n style={{\n pointerEvents: 'auto',\n ...(style || {}),\n }}\n >\n {children}\n {showCloseButton && (\n <DialogPrimitive.Close\n data-slot=\"dialog-close\"\n className={cn(\n 'absolute top-4 right-4 rounded-2xl opacity-70 transition-opacity hover:opacity-100',\n 'data-[state=open]:bg-accent data-[state=open]:text-muted-foreground',\n 'ring-offset-background focus:ring-transparent focus:ring-0 focus:ring-offset-0 focus:outline-hidden',\n 'focus:outline-none focus:ring-0',\n 'disabled:pointer-events-none [&_svg]:pointer-events-none',\n '[&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-5',\n 'cursor-pointer size-10 flex items-center justify-center',\n )}\n >\n <XIcon className='size-6 text-[#06080D]'/>\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogOverlay>\n </DialogPortal>\n )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-header\"\n className={cn(\"flex flex-col gap-4 justify-center text-center sm:text-left\", className)}\n {...props}\n />\n )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"dialog-footer\"\n className={cn(\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DialogTitle({\n className,\n ...props\n }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n return (\n <DialogPrimitive.Title\n data-slot=\"dialog-title\"\n className={cn(\"text-lg leading-none font-bold text-[#06080D]\", className)}\n {...props}\n />\n )\n}\n\nfunction DialogDescription({\n className,\n ...props\n }: React.ComponentProps<typeof DialogPrimitive.Description>) {\n return (\n <DialogPrimitive.Description\n data-slot=\"dialog-description\"\n className={cn(\"text-[#363B4E] font-medium text-base\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Dialog,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger,\n DialogPrimitive\n}\n"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","jsx","cn","DialogContent","children","showCloseButton","style","rest","jsxs","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}
1
+ {"version":3,"file":"Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\r\nimport { XIcon } from \"lucide-react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\"\r\nimport { ButtonIcon } from \"../ButtonIcon\";\r\n\r\nfunction Dialog({\r\n ...props\r\n }: React.ComponentProps<typeof DialogPrimitive.Root>) {\r\n return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\r\n}\r\n\r\nfunction DialogTrigger({\r\n ...props\r\n }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\r\n return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\r\n}\r\n\r\nfunction DialogPortal({\r\n ...props\r\n }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\r\n return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\r\n}\r\n\r\nfunction DialogClose({\r\n ...props\r\n }: React.ComponentProps<typeof DialogPrimitive.Close>) {\r\n return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\r\n}\r\n\r\nfunction DialogOverlay({\r\n className,\r\n ...props\r\n }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\r\n return (\r\n <DialogPrimitive.Overlay\r\n data-slot=\"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 {...props}\r\n />\r\n )\r\n}\r\n\r\nfunction DialogContent(props: React.ComponentProps<typeof DialogPrimitive.Content> & {\r\n showCloseButton?: boolean;\r\n slotProps?: {\r\n overlay?: React.ComponentProps<typeof DialogPrimitive.Overlay>;\r\n }\r\n}) {\r\n const {\r\n className,\r\n children,\r\n showCloseButton = true,\r\n style,\r\n slotProps,\r\n ...rest\r\n } = props;\r\n return (\r\n <DialogPortal data-slot=\"dialog-portal\">\r\n <DialogOverlay {...slotProps?.overlay}>\r\n <DialogPrimitive.Content\r\n data-slot=\"dialog-content\"\r\n data-closable={JSON.stringify(showCloseButton)}\r\n className={cn(\r\n 'group group/content',\r\n 'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\r\n 'flex flex-col w-full max-w-[calc(100%-2rem)] sm:max-w-2xl gap-3',\r\n 'max-h-[90%] overflow-auto overscroll-none',\r\n 'bg-background rounded-lg border shadow-lg duration-200 p-6',\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',\r\n \"focus:outline-none focus-visible:outline-none focus:ring-0 focus-visible:ring-0 focus:ring-transparent\",\r\n 'outline-none focus:outline-none focus-visible:outline-none',\r\n className\r\n )}\r\n {...rest}\r\n style={{\r\n pointerEvents: 'auto',\r\n ...(style || {}),\r\n }}\r\n >\r\n {children}\r\n {showCloseButton && (\r\n <DialogPrimitive.Close\r\n data-slot=\"dialog-close\"\r\n className={cn(\r\n 'absolute top-6 right-6 rounded-2xl opacity-70 transition-opacity hover:opacity-100',\r\n 'data-[state=open]:bg-accent data-[state=open]:text-muted-foreground',\r\n 'ring-offset-background focus:ring-transparent focus:ring-0 focus:ring-offset-0 focus:outline-hidden',\r\n 'focus:outline-none focus:ring-0',\r\n 'disabled:pointer-events-none [&_svg]:pointer-events-none',\r\n '[&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-5',\r\n 'cursor-pointer size-10 flex items-center justify-center',\r\n )}\r\n >\r\n <ButtonIcon\r\n variant='ghost'\r\n color='secondary'\r\n icon={XIcon}\r\n />\r\n <span className=\"sr-only\">Close</span>\r\n </DialogPrimitive.Close>\r\n )}\r\n </DialogPrimitive.Content>\r\n </DialogOverlay>\r\n </DialogPortal>\r\n )\r\n}\r\n\r\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"dialog-header\"\r\n className={cn(\"flex flex-col gap-4 justify-center text-center sm:text-left min-h-10\", className)}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\r\n return (\r\n <div\r\n data-slot=\"dialog-footer\"\r\n className={cn(\r\n \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-4\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nfunction DialogTitle(props: React.ComponentProps<typeof DialogPrimitive.Title>) {\r\n const {\r\n className,\r\n children,\r\n ...rest\r\n } = props;\r\n return (\r\n <DialogPrimitive.Title\r\n asChild\r\n data-slot=\"dialog-title\"\r\n className={cn(\r\n \"flex items-center min-h-10\",\r\n \"group-data-[closable='true']/content:pr-13\",\r\n className\r\n )}\r\n {...rest}\r\n >\r\n <span\r\n className={cn(\r\n \"text-lg leading-[1.2] font-bold text-[#06080D]\",\r\n 'whitespace-pre-wrap wrap-break-word line-clamp-10',\r\n )}\r\n >\r\n {children}\r\n </span>\r\n </DialogPrimitive.Title>\r\n )\r\n}\r\n\r\nfunction DialogDescription({\r\n className,\r\n ...props\r\n }: React.ComponentProps<typeof DialogPrimitive.Description>) {\r\n return (\r\n <DialogPrimitive.Description\r\n data-slot=\"dialog-description\"\r\n className={cn(\r\n \"text-[#06080D] font-medium text-base\",\r\n 'whitespace-pre-wrap wrap-break-word line-clamp-10',\r\n className\r\n )}\r\n {...props}\r\n />\r\n )\r\n}\r\n\r\nexport {\r\n Dialog,\r\n DialogClose,\r\n DialogContent,\r\n DialogDescription,\r\n DialogFooter,\r\n DialogHeader,\r\n DialogOverlay,\r\n DialogPortal,\r\n DialogTitle,\r\n DialogTrigger,\r\n DialogPrimitive\r\n}\r\n"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","jsx","cn","DialogContent","children","showCloseButton","style","slotProps","rest","jsxs","ButtonIcon","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}
@@ -0,0 +1,101 @@
1
+ import { jsx as o, jsxs as e } from "react/jsx-runtime";
2
+ import { Dialog as b, DialogTrigger as O, DialogContent as B, DialogHeader as v, DialogTitle as w, DialogDescription as T, DialogFooter as F, DialogClose as L } from "./Dialog.js";
3
+ import { useState as N, useCallback as S } from "react";
4
+ import { Button as l } from "../Button/Button.js";
5
+ function I(p) {
6
+ const {
7
+ open: i,
8
+ onOpenChange: r,
9
+ title: h,
10
+ description: a,
11
+ showCloseButton: u = !0,
12
+ withFooter: m = !0,
13
+ initialOpen: f = !1,
14
+ triggerLabel: C = "Open dialog",
15
+ bodyText: s = "Some content inside dialog…",
16
+ longBody: c = !1
17
+ } = p, [D, x] = N(f), t = i !== void 0, y = t ? i : D, d = S((n) => {
18
+ t || x(n), r?.(n);
19
+ }, [t, r]);
20
+ return /* @__PURE__ */ o("div", { className: "p-10", children: /* @__PURE__ */ e(b, { open: y, onOpenChange: d, children: [
21
+ /* @__PURE__ */ o(O, { asChild: !0, children: /* @__PURE__ */ o(l, { variant: "outlined", children: C }) }),
22
+ /* @__PURE__ */ e(B, { showCloseButton: u, children: [
23
+ /* @__PURE__ */ e(v, { children: [
24
+ /* @__PURE__ */ e(w, { children: [
25
+ h,
26
+ " 123"
27
+ ] }),
28
+ a ? /* @__PURE__ */ o(T, { children: a }) : null
29
+ ] }),
30
+ /* @__PURE__ */ o("div", { className: c ? "max-h-[50vh] overflow-auto pr-1" : void 0, children: c ? /* @__PURE__ */ o("div", { className: "space-y-3 text-sm leading-6", children: Array.from({ length: 30 }).map((n, g) => /* @__PURE__ */ e("p", { children: [
31
+ "#",
32
+ g + 1,
33
+ ". ",
34
+ s,
35
+ " Lorem ipsum dolor sit amet, consectetur adipiscing elit."
36
+ ] }, g)) }) : /* @__PURE__ */ o("p", { className: "text-sm leading-6", children: s }) }),
37
+ m ? /* @__PURE__ */ e(F, { children: [
38
+ /* @__PURE__ */ o(L, { asChild: !0, children: /* @__PURE__ */ o(l, { color: "secondary", children: "Cancel" }) }),
39
+ /* @__PURE__ */ o(l, { onClick: () => d(!1), children: "Save" })
40
+ ] }) : null
41
+ ] })
42
+ ] }) });
43
+ }
44
+ const U = {
45
+ title: "UI/Dialog",
46
+ component: I,
47
+ parameters: {
48
+ layout: "fullscreen"
49
+ },
50
+ argTypes: {
51
+ title: { control: "text" },
52
+ description: { control: "text" },
53
+ showCloseButton: { control: "boolean" },
54
+ withFooter: { control: "boolean" },
55
+ initialOpen: { control: "boolean" },
56
+ triggerLabel: { control: "text" },
57
+ bodyText: { control: "text" },
58
+ longBody: { control: "boolean" }
59
+ },
60
+ args: {
61
+ title: "Dialog title",
62
+ description: "Dialog description",
63
+ showCloseButton: !0,
64
+ withFooter: !0,
65
+ initialOpen: !1,
66
+ triggerLabel: "Open dialog",
67
+ bodyText: "Some content inside dialog…",
68
+ longBody: !1
69
+ }
70
+ }, W = {}, _ = {
71
+ args: {
72
+ description: ""
73
+ }
74
+ }, q = {
75
+ args: {
76
+ showCloseButton: !1
77
+ }
78
+ }, z = {
79
+ args: {
80
+ withFooter: !1
81
+ }
82
+ }, E = {
83
+ args: {
84
+ longBody: !0,
85
+ bodyText: "Long text line"
86
+ }
87
+ }, G = {
88
+ args: {
89
+ initialOpen: !0
90
+ }
91
+ };
92
+ export {
93
+ W as Default,
94
+ G as InitiallyOpen,
95
+ E as LongContentScrollable,
96
+ q as NoCloseButton,
97
+ z as NoFooter,
98
+ _ as WithoutDescription,
99
+ U as default
100
+ };
101
+ //# sourceMappingURL=Dialog.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dialog.stories.js","sources":["../../src/Dialog/Dialog.stories.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport type { Meta, StoryObj } from \"@storybook/react\";\r\n\r\nimport {\r\n Dialog,\r\n DialogTrigger,\r\n DialogContent,\r\n DialogHeader,\r\n DialogTitle,\r\n DialogDescription,\r\n DialogFooter,\r\n DialogClose,\r\n} from \"./Dialog\";\r\nimport { Button } from \"../Button\";\r\nimport { useCallback, useState } from \"react\";\r\nimport { DialogControlsProps } from \"./Dialog.types\";\r\n\r\ntype DialogDemoProps = DialogControlsProps & {\r\n title: string;\r\n description?: string;\r\n showCloseButton?: boolean;\r\n withFooter?: boolean;\r\n initialOpen?: boolean;\r\n triggerLabel?: string;\r\n bodyText?: string;\r\n longBody?: boolean;\r\n};\r\n\r\n// TODO: create cmp like alert\r\nfunction DialogDemo(props: DialogDemoProps) {\r\n const {\r\n open: controlledOpen,\r\n onOpenChange,\r\n title,\r\n description,\r\n showCloseButton = true,\r\n withFooter = true,\r\n initialOpen = false,\r\n triggerLabel = \"Open dialog\",\r\n bodyText = \"Some content inside dialog…\",\r\n longBody = false,\r\n } = props;\r\n\r\n const [ internalOpen, setInternalOpen ] = useState(initialOpen);\r\n const isControlled = controlledOpen !== undefined;\r\n const open = isControlled ? controlledOpen : internalOpen;\r\n const setOpen = useCallback((next: boolean) => {\r\n if (!isControlled) setInternalOpen(next);\r\n onOpenChange?.(next);\r\n }, [ isControlled, onOpenChange ]);\r\n\r\n return (\r\n <div className=\"p-10\">\r\n <Dialog open={open} onOpenChange={setOpen}>\r\n <DialogTrigger asChild>\r\n <Button variant='outlined'>\r\n {triggerLabel}\r\n </Button>\r\n </DialogTrigger>\r\n\r\n <DialogContent showCloseButton={showCloseButton}>\r\n <DialogHeader>\r\n <DialogTitle>{title} 123</DialogTitle>\r\n {description ? <DialogDescription>{description}</DialogDescription> : null}\r\n </DialogHeader>\r\n\r\n <div className={longBody ? \"max-h-[50vh] overflow-auto pr-1\" : undefined}>\r\n {longBody ? (\r\n <div className=\"space-y-3 text-sm leading-6\">\r\n {Array.from({ length: 30 }).map((_, i) => (\r\n <p key={i}>\r\n #{i + 1}. {bodyText} Lorem ipsum dolor sit amet, consectetur adipiscing elit.\r\n </p>\r\n ))}\r\n </div>\r\n ) : (\r\n <p className=\"text-sm leading-6\">{bodyText}</p>\r\n )}\r\n </div>\r\n\r\n {withFooter ? (\r\n <DialogFooter>\r\n <DialogClose asChild>\r\n <Button color='secondary'>\r\n Cancel\r\n </Button>\r\n </DialogClose>\r\n\r\n <Button onClick={() => setOpen(false)}>\r\n Save\r\n </Button>\r\n </DialogFooter>\r\n ) : null}\r\n </DialogContent>\r\n </Dialog>\r\n </div>\r\n );\r\n}\r\n\r\nconst meta: Meta<typeof DialogDemo> = {\r\n title: \"UI/Dialog\",\r\n component: DialogDemo,\r\n parameters: {\r\n layout: \"fullscreen\",\r\n },\r\n argTypes: {\r\n title: { control: \"text\" },\r\n description: { control: \"text\" },\r\n showCloseButton: { control: \"boolean\" },\r\n withFooter: { control: \"boolean\" },\r\n initialOpen: { control: \"boolean\" },\r\n triggerLabel: { control: \"text\" },\r\n bodyText: { control: \"text\" },\r\n longBody: { control: \"boolean\" },\r\n },\r\n args: {\r\n title: \"Dialog title\",\r\n description: \"Dialog description\",\r\n showCloseButton: true,\r\n withFooter: true,\r\n initialOpen: false,\r\n triggerLabel: \"Open dialog\",\r\n bodyText: \"Some content inside dialog…\",\r\n longBody: false,\r\n },\r\n};\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof DialogDemo>;\r\n\r\nexport const Default: Story = {};\r\n\r\nexport const WithoutDescription: Story = {\r\n args: {\r\n description: \"\",\r\n },\r\n};\r\n\r\nexport const NoCloseButton: Story = {\r\n args: {\r\n showCloseButton: false,\r\n },\r\n};\r\n\r\nexport const NoFooter: Story = {\r\n args: {\r\n withFooter: false,\r\n },\r\n};\r\n\r\nexport const LongContentScrollable: Story = {\r\n args: {\r\n longBody: true,\r\n bodyText: \"Long text line\",\r\n },\r\n};\r\n\r\nexport const InitiallyOpen: Story = {\r\n args: {\r\n initialOpen: true,\r\n },\r\n};\r\n"],"names":["DialogDemo","props","controlledOpen","onOpenChange","title","description","showCloseButton","withFooter","initialOpen","triggerLabel","bodyText","longBody","internalOpen","setInternalOpen","useState","isControlled","open","setOpen","useCallback","next","jsx","Dialog","DialogTrigger","Button","jsxs","DialogContent","DialogHeader","DialogTitle","DialogDescription","_","i","DialogFooter","DialogClose","meta","Default","WithoutDescription","NoCloseButton","NoFooter","LongContentScrollable","InitiallyOpen"],"mappings":";;;;AA6BA,SAASA,EAAWC,GAAwB;AAC1C,QAAM;AAAA,IACJ,MAAMC;AAAA,IACN,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,YAAAC,IAAa;AAAA,IACb,aAAAC,IAAc;AAAA,IACd,cAAAC,IAAe;AAAA,IACf,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,EAAA,IACTV,GAEE,CAAEW,GAAcC,CAAgB,IAAIC,EAASN,CAAW,GACxDO,IAAeb,MAAmB,QAClCc,IAAOD,IAAeb,IAAiBU,GACvCK,IAAUC,EAAY,CAACC,MAAkB;AAC7C,IAAKJ,KAAcF,EAAgBM,CAAI,GACvChB,IAAegB,CAAI;AAAA,EACrB,GAAG,CAAEJ,GAAcZ,CAAa,CAAC;AAEjC,SACE,gBAAAiB,EAAC,SAAI,WAAU,QACb,4BAACC,GAAA,EAAO,MAAAL,GAAY,cAAcC,GAChC,UAAA;AAAA,IAAA,gBAAAG,EAACE,GAAA,EAAc,SAAO,IACpB,UAAA,gBAAAF,EAACG,KAAO,SAAQ,YACb,aACH,EAAA,CACF;AAAA,IAEA,gBAAAC,EAACC,KAAc,iBAAAnB,GACb,UAAA;AAAA,MAAA,gBAAAkB,EAACE,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAa,UAAA;AAAA,UAAAvB;AAAA,UAAM;AAAA,QAAA,GAAI;AAAA,QACvBC,IAAc,gBAAAe,EAACQ,GAAA,EAAmB,UAAAvB,EAAA,CAAY,IAAuB;AAAA,MAAA,GACxE;AAAA,MAEA,gBAAAe,EAAC,SAAI,WAAWT,IAAW,oCAAoC,QAC5D,UAAAA,IACC,gBAAAS,EAAC,OAAA,EAAI,WAAU,+BACZ,gBAAM,KAAK,EAAE,QAAQ,GAAA,CAAI,EAAE,IAAI,CAACS,GAAGC,MAClC,gBAAAN,EAAC,KAAA,EAAU,UAAA;AAAA,QAAA;AAAA,QACPM,IAAI;AAAA,QAAE;AAAA,QAAGpB;AAAA,QAAS;AAAA,MAAA,EAAA,GADdoB,CAER,CACD,EAAA,CACH,sBAEC,KAAA,EAAE,WAAU,qBAAqB,UAAApB,EAAA,CAAS,EAAA,CAE/C;AAAA,MAECH,sBACEwB,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAX,EAACY,GAAA,EAAY,SAAO,IAClB,UAAA,gBAAAZ,EAACG,KAAO,OAAM,aAAY,oBAE1B,EAAA,CACF;AAAA,0BAECA,GAAA,EAAO,SAAS,MAAMN,EAAQ,EAAK,GAAG,UAAA,OAAA,CAEvC;AAAA,MAAA,EAAA,CACF,IACE;AAAA,IAAA,EAAA,CACN;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;AAEA,MAAMgB,IAAgC;AAAA,EACpC,OAAO;AAAA,EACP,WAAWjC;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EAAA;AAAA,EAEV,UAAU;AAAA,IACR,OAAO,EAAE,SAAS,OAAA;AAAA,IAClB,aAAa,EAAE,SAAS,OAAA;AAAA,IACxB,iBAAiB,EAAE,SAAS,UAAA;AAAA,IAC5B,YAAY,EAAE,SAAS,UAAA;AAAA,IACvB,aAAa,EAAE,SAAS,UAAA;AAAA,IACxB,cAAc,EAAE,SAAS,OAAA;AAAA,IACzB,UAAU,EAAE,SAAS,OAAA;AAAA,IACrB,UAAU,EAAE,SAAS,UAAA;AAAA,EAAU;AAAA,EAEjC,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,UAAU;AAAA,IACV,UAAU;AAAA,EAAA;AAEd,GAKakC,IAAiB,CAAA,GAEjBC,IAA4B;AAAA,EACvC,MAAM;AAAA,IACJ,aAAa;AAAA,EAAA;AAEjB,GAEaC,IAAuB;AAAA,EAClC,MAAM;AAAA,IACJ,iBAAiB;AAAA,EAAA;AAErB,GAEaC,IAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,YAAY;AAAA,EAAA;AAEhB,GAEaC,IAA+B;AAAA,EAC1C,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,EAAA;AAEd,GAEaC,IAAuB;AAAA,EAClC,MAAM;AAAA,IACJ,aAAa;AAAA,EAAA;AAEjB;"}
@@ -0,0 +1,4 @@
1
+ import { ComponentProps } from 'react';
2
+ import { Dialog } from './Dialog';
3
+ export type DialogControlsProps = Pick<ComponentProps<typeof Dialog>, 'open' | 'onOpenChange'>;
4
+ //# sourceMappingURL=Dialog.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dialog.types.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,CAAA"}
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=Dialog.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dialog.types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1 +1 @@
1
- {"version":3,"file":"DialogOverlayScope.js","sources":["../../src/Dialog/DialogOverlayScope.tsx"],"sourcesContent":["import { createContext, PropsWithChildren, useContext } from 'react';\n\nexport const DialogOverlayContainerContext = createContext<HTMLElement | null>(\n null\n);\nexport const useDialogOverlayContainer = () => useContext(DialogOverlayContainerContext);\n\ninterface IDialogOverlayScopeProps\n extends PropsWithChildren {\n value: HTMLElement | null;\n}\n\nexport const DialogOverlayScope = ({ value, children }: IDialogOverlayScopeProps) => {\n return (\n <DialogOverlayContainerContext.Provider value={value}>\n {children}\n </DialogOverlayContainerContext.Provider>\n );\n}\n"],"names":["DialogOverlayContainerContext","createContext","useDialogOverlayContainer","useContext","DialogOverlayScope","value","children","jsx"],"mappings":";;AAEO,MAAMA,IAAgCC;AAAA,EAC3C;AACF,GACaC,IAA4B,MAAMC,EAAWH,CAA6B,GAO1EI,IAAqB,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAExC,gBAAAC,EAACP,EAA8B,UAA9B,EAAuC,OAAAK,GACrC,UAAAC,EAAA,CACH;"}
1
+ {"version":3,"file":"DialogOverlayScope.js","sources":["../../src/Dialog/DialogOverlayScope.tsx"],"sourcesContent":["import { createContext, PropsWithChildren, useContext } from 'react';\r\n\r\nexport const DialogOverlayContainerContext = createContext<HTMLElement | null>(\r\n null\r\n);\r\nexport const useDialogOverlayContainer = () => useContext(DialogOverlayContainerContext);\r\n\r\ninterface IDialogOverlayScopeProps\r\n extends PropsWithChildren {\r\n value: HTMLElement | null;\r\n}\r\n\r\nexport const DialogOverlayScope = ({ value, children }: IDialogOverlayScopeProps) => {\r\n return (\r\n <DialogOverlayContainerContext.Provider value={value}>\r\n {children}\r\n </DialogOverlayContainerContext.Provider>\r\n );\r\n}\r\n"],"names":["DialogOverlayContainerContext","createContext","useDialogOverlayContainer","useContext","DialogOverlayScope","value","children","jsx"],"mappings":";;AAEO,MAAMA,IAAgCC;AAAA,EAC3C;AACF,GACaC,IAA4B,MAAMC,EAAWH,CAA6B,GAO1EI,IAAqB,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAExC,gBAAAC,EAACP,EAA8B,UAA9B,EAAuC,OAAAK,GACrC,UAAAC,EAAA,CACH;"}
package/Dialog/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  export * from './Dialog';
2
2
  export * from './DialogOverlayScope';
3
+ export type * from './Dialog.types';
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAA;AACpC,mBAAmB,gBAAgB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.js","sources":["../../src/Drawer/Drawer.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@oneplatformdev/utils\";\n\nconst Drawer = ({\n shouldScaleBackground = true,\n ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\n <DrawerPrimitive.Root\n shouldScaleBackground={shouldScaleBackground}\n {...props}\n />\n)\nDrawer.displayName = \"Drawer\"\n\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\nconst DrawerPortal = DrawerPrimitive.Portal\n\nconst DrawerClose = DrawerPrimitive.Close\n\nconst DrawerOverlay = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Overlay\n ref={ref}\n className={cn(\"fixed inset-0 z-50 bg-black/80\", className)}\n {...props}\n />\n))\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\n\nconst DrawerContent = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DrawerPortal>\n <DrawerOverlay />\n <DrawerPrimitive.Content\n ref={ref}\n className={cn(\n \"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\n className\n )}\n {...props}\n >\n <div className=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\n {children}\n </DrawerPrimitive.Content>\n </DrawerPortal>\n))\nDrawerContent.displayName = \"DrawerContent\"\n\nconst DrawerHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)}\n {...props}\n />\n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\nconst DrawerFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n {...props}\n />\n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\nconst DrawerTitle = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Title\n ref={ref}\n className={cn(\n \"text-lg font-semibold leading-none tracking-tight\",\n className\n )}\n {...props}\n />\n))\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\n\nconst DrawerDescription = React.forwardRef<\n React.ElementRef<typeof DrawerPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DrawerPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n}\n"],"names":["Drawer","shouldScaleBackground","props","jsx","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","React","className","ref","cn","DrawerContent","children","jsxs","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;;AAOA,MAAMA,IAAS,CAAC;AAAA,EACd,uBAAAC,IAAwB;AAAA,EACxB,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,uBAAAH;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAO,cAAc;AAErB,MAAMK,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,kCAAkCF,CAAS;AAAA,IACxD,GAAGR;AAAA,EAAA;AACN,CACD;AACDM,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMS,IAAgBJ,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAI,GAAU,GAAGZ,EAAA,GAASS,MACpC,gBAAAI,EAACT,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAH,EAACK,GAAA,EAAc;AAAA,EACf,gBAAAO;AAAA,IAACX,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAO;AAAA,MACA,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,mDAAA,CAAmD;AAAA,QACjEW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDD,EAAc,cAAc;AAE5B,MAAMG,IAAe,CAAC;AAAA,EACpB,WAAAN;AAAA,EACA,GAAGR;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWS,EAAG,6CAA6CF,CAAS;AAAA,IACnE,GAAGR;AAAA,EAAA;AACN;AAEFc,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAP;AAAA,EACA,GAAGR;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWS,EAAG,mCAAmCF,CAAS;AAAA,IACzD,GAAGR;AAAA,EAAA;AACN;AAEFe,EAAa,cAAc;AAE3B,MAAMC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAF;AAAA,IAAA;AAAA,IAED,GAAGR;AAAA,EAAA;AACN,CACD;AACDgB,EAAY,cAAcd,EAAgB,MAAM;AAEhD,MAAMe,IAAoBV,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,iCAAiCF,CAAS;AAAA,IACvD,GAAGR;AAAA,EAAA;AACN,CACD;AACDiB,EAAkB,cAAcf,EAAgB,YAAY;"}
1
+ {"version":3,"file":"Drawer.js","sources":["../../src/Drawer/Drawer.tsx"],"sourcesContent":["\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { Drawer as DrawerPrimitive } from \"vaul\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\";\r\n\r\nconst Drawer = ({\r\n shouldScaleBackground = true,\r\n ...props\r\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) => (\r\n <DrawerPrimitive.Root\r\n shouldScaleBackground={shouldScaleBackground}\r\n {...props}\r\n />\r\n)\r\nDrawer.displayName = \"Drawer\"\r\n\r\nconst DrawerTrigger = DrawerPrimitive.Trigger\r\n\r\nconst DrawerPortal = DrawerPrimitive.Portal\r\n\r\nconst DrawerClose = DrawerPrimitive.Close\r\n\r\nconst DrawerOverlay = React.forwardRef<\r\n React.ElementRef<typeof DrawerPrimitive.Overlay>,\r\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Overlay>\r\n>(({ className, ...props }, ref) => (\r\n <DrawerPrimitive.Overlay\r\n ref={ref}\r\n className={cn(\"fixed inset-0 z-50 bg-black/80\", className)}\r\n {...props}\r\n />\r\n))\r\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\r\n\r\nconst DrawerContent = React.forwardRef<\r\n React.ElementRef<typeof DrawerPrimitive.Content>,\r\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>\r\n>(({ className, children, ...props }, ref) => (\r\n <DrawerPortal>\r\n <DrawerOverlay />\r\n <DrawerPrimitive.Content\r\n ref={ref}\r\n className={cn(\r\n \"fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background\",\r\n className\r\n )}\r\n {...props}\r\n >\r\n <div className=\"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted\" />\r\n {children}\r\n </DrawerPrimitive.Content>\r\n </DrawerPortal>\r\n))\r\nDrawerContent.displayName = \"DrawerContent\"\r\n\r\nconst DrawerHeader = ({\r\n className,\r\n ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n <div\r\n className={cn(\"grid gap-1.5 p-4 text-center sm:text-left\", className)}\r\n {...props}\r\n />\r\n)\r\nDrawerHeader.displayName = \"DrawerHeader\"\r\n\r\nconst DrawerFooter = ({\r\n className,\r\n ...props\r\n}: React.HTMLAttributes<HTMLDivElement>) => (\r\n <div\r\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\r\n {...props}\r\n />\r\n)\r\nDrawerFooter.displayName = \"DrawerFooter\"\r\n\r\nconst DrawerTitle = React.forwardRef<\r\n React.ElementRef<typeof DrawerPrimitive.Title>,\r\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>\r\n>(({ className, ...props }, ref) => (\r\n <DrawerPrimitive.Title\r\n ref={ref}\r\n className={cn(\r\n \"text-lg font-semibold leading-none tracking-tight\",\r\n className\r\n )}\r\n {...props}\r\n />\r\n))\r\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\r\n\r\nconst DrawerDescription = React.forwardRef<\r\n React.ElementRef<typeof DrawerPrimitive.Description>,\r\n React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>\r\n>(({ className, ...props }, ref) => (\r\n <DrawerPrimitive.Description\r\n ref={ref}\r\n className={cn(\"text-sm text-muted-foreground\", className)}\r\n {...props}\r\n />\r\n))\r\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\r\n\r\nexport {\r\n Drawer,\r\n DrawerPortal,\r\n DrawerOverlay,\r\n DrawerTrigger,\r\n DrawerClose,\r\n DrawerContent,\r\n DrawerHeader,\r\n DrawerFooter,\r\n DrawerTitle,\r\n DrawerDescription,\r\n}\r\n"],"names":["Drawer","shouldScaleBackground","props","jsx","DrawerPrimitive","DrawerTrigger","DrawerPortal","DrawerClose","DrawerOverlay","React","className","ref","cn","DrawerContent","children","jsxs","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":";;;;AAOA,MAAMA,IAAS,CAAC;AAAA,EACd,uBAAAC,IAAwB;AAAA,EACxB,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,uBAAAH;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAO,cAAc;AAErB,MAAMK,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,kCAAkCF,CAAS;AAAA,IACxD,GAAGR;AAAA,EAAA;AACN,CACD;AACDM,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMS,IAAgBJ,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAI,GAAU,GAAGZ,EAAA,GAASS,MACpC,gBAAAI,EAACT,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAH,EAACK,GAAA,EAAc;AAAA,EACf,gBAAAO;AAAA,IAACX,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAO;AAAA,MACA,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGR;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,mDAAA,CAAmD;AAAA,QACjEW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF,CACD;AACDD,EAAc,cAAc;AAE5B,MAAMG,IAAe,CAAC;AAAA,EACpB,WAAAN;AAAA,EACA,GAAGR;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWS,EAAG,6CAA6CF,CAAS;AAAA,IACnE,GAAGR;AAAA,EAAA;AACN;AAEFc,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAP;AAAA,EACA,GAAGR;AACL,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWS,EAAG,mCAAmCF,CAAS;AAAA,IACzD,GAAGR;AAAA,EAAA;AACN;AAEFe,EAAa,cAAc;AAE3B,MAAMC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAF;AAAA,IAAA;AAAA,IAED,GAAGR;AAAA,EAAA;AACN,CACD;AACDgB,EAAY,cAAcd,EAAgB,MAAM;AAEhD,MAAMe,IAAoBV,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGR,EAAA,GAASS,MAC1B,gBAAAR;AAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,iCAAiCF,CAAS;AAAA,IACvD,GAAGR;AAAA,EAAA;AACN,CACD;AACDiB,EAAkB,cAAcf,EAAgB,YAAY;"}
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
@@ -12,7 +12,7 @@ function g({
12
12
  }) {
13
13
  return /* @__PURE__ */ t(n.Portal, { "data-slot": "dropdown-menu-portal", ...e });
14
14
  }
15
- function v({
15
+ function x({
16
16
  ...e
17
17
  }) {
18
18
  return /* @__PURE__ */ t(
@@ -23,7 +23,7 @@ function v({
23
23
  }
24
24
  );
25
25
  }
26
- function x({
26
+ function v({
27
27
  className: e,
28
28
  sideOffset: o = 4,
29
29
  ...a
@@ -34,19 +34,24 @@ function x({
34
34
  "data-slot": "dropdown-menu-content",
35
35
  sideOffset: o,
36
36
  className: r(
37
- "bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
37
+ "rounded-lg border border-[#EBEBEB] p-1",
38
+ "bg-[#FCFCFC] shadow-[1px_1px_10px_rgba(6,8,13,0.06)]",
39
+ "text-sm text-[#06080D] font-medium leading-[1.25]",
40
+ "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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50",
41
+ "max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin)",
42
+ "overflow-x-hidden overflow-y-auto",
38
43
  e
39
44
  ),
40
45
  ...a
41
46
  }
42
47
  ) });
43
48
  }
44
- function w({
49
+ function b({
45
50
  ...e
46
51
  }) {
47
52
  return /* @__PURE__ */ t(n.Group, { "data-slot": "dropdown-menu-group", ...e });
48
53
  }
49
- function b({
54
+ function w({
50
55
  className: e,
51
56
  inset: o,
52
57
  variant: a = "default",
@@ -59,7 +64,15 @@ function b({
59
64
  "data-inset": o,
60
65
  "data-variant": a,
61
66
  className: r(
62
- "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
67
+ "relative flex items-center gap-1 rounded-md p-1",
68
+ "text-sm text-[#06080D] font-medium leading-[1.25]",
69
+ "[&_svg:not([class*='text-'])]:text-[#06080D]",
70
+ "outline-hidden select-none",
71
+ "focus:bg-accent focus:text-accent-foreground ",
72
+ "data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive",
73
+ "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-6",
74
+ "data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8",
75
+ "cursor-pointer",
63
76
  e
64
77
  ),
65
78
  ...d
@@ -89,7 +102,7 @@ function h({
89
102
  }
90
103
  );
91
104
  }
92
- function z({
105
+ function D({
93
106
  ...e
94
107
  }) {
95
108
  return /* @__PURE__ */ t(
@@ -100,7 +113,7 @@ function z({
100
113
  }
101
114
  );
102
115
  }
103
- function D({
116
+ function z({
104
117
  className: e,
105
118
  children: o,
106
119
  ...a
@@ -168,12 +181,12 @@ function I({
168
181
  }
169
182
  );
170
183
  }
171
- function y({
184
+ function _({
172
185
  ...e
173
186
  }) {
174
187
  return /* @__PURE__ */ t(n.Sub, { "data-slot": "dropdown-menu-sub", ...e });
175
188
  }
176
- function _({
189
+ function C({
177
190
  className: e,
178
191
  inset: o,
179
192
  children: a,
@@ -196,7 +209,7 @@ function _({
196
209
  }
197
210
  );
198
211
  }
199
- function k({
212
+ function y({
200
213
  className: e,
201
214
  ...o
202
215
  }) {
@@ -215,19 +228,19 @@ function k({
215
228
  export {
216
229
  f as DropdownMenu,
217
230
  h as DropdownMenuCheckboxItem,
218
- x as DropdownMenuContent,
219
- w as DropdownMenuGroup,
220
- b as DropdownMenuItem,
231
+ v as DropdownMenuContent,
232
+ b as DropdownMenuGroup,
233
+ w as DropdownMenuItem,
221
234
  M as DropdownMenuLabel,
222
235
  g as DropdownMenuPortal,
223
236
  n as DropdownMenuPrimitive,
224
- z as DropdownMenuRadioGroup,
225
- D as DropdownMenuRadioItem,
237
+ D as DropdownMenuRadioGroup,
238
+ z as DropdownMenuRadioItem,
226
239
  N as DropdownMenuSeparator,
227
240
  I as DropdownMenuShortcut,
228
- y as DropdownMenuSub,
229
- k as DropdownMenuSubContent,
230
- _ as DropdownMenuSubTrigger,
231
- v as DropdownMenuTrigger
241
+ _ as DropdownMenuSub,
242
+ y as DropdownMenuSubContent,
243
+ C as DropdownMenuSubTrigger,
244
+ x as DropdownMenuTrigger
232
245
  };
233
246
  //# sourceMappingURL=DropdownMenu.js.map