@incognia/cosmik 0.40.2-beta.2 → 0.41.0

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 (288) hide show
  1. package/README.md +19 -7
  2. package/dist/Alert/index.d.ts +2 -2
  3. package/dist/Alert/index.d.ts.map +1 -1
  4. package/dist/AlertDialog/index.d.ts +5 -5
  5. package/dist/AlertDialog/index.d.ts.map +1 -1
  6. package/dist/Badge/index.d.ts +6 -7
  7. package/dist/Badge/index.d.ts.map +1 -1
  8. package/dist/Button/index.d.ts +6 -6
  9. package/dist/Button/index.d.ts.map +1 -1
  10. package/dist/Calendar/index.d.ts +1 -1
  11. package/dist/Colors.d.ts +71 -0
  12. package/dist/Colors.d.ts.map +1 -0
  13. package/dist/Command/index.d.ts +20 -20
  14. package/dist/Command/index.d.ts.map +1 -1
  15. package/dist/Dialog/index.d.ts +2 -2
  16. package/dist/Dialog/index.d.ts.map +1 -1
  17. package/dist/DropdownMenu/index.d.ts +4 -4
  18. package/dist/DropdownMenu/index.d.ts.map +1 -1
  19. package/dist/Filter/index.d.ts +4 -2
  20. package/dist/Filter/index.d.ts.map +1 -1
  21. package/dist/FilterBar/GradientScroll.d.ts +4 -4
  22. package/dist/FilterBar/index.d.ts +2 -2
  23. package/dist/Label/index.d.ts +2 -2
  24. package/dist/Layout/index.d.ts +1 -1
  25. package/dist/Layout/index.d.ts.map +1 -1
  26. package/dist/Pagination/index.d.ts +3 -3
  27. package/dist/Pagination/index.d.ts.map +1 -1
  28. package/dist/Popover/index.d.ts +1 -1
  29. package/dist/Popover/index.d.ts.map +1 -1
  30. package/dist/Select/index.d.ts +1 -1
  31. package/dist/Select/index.d.ts.map +1 -1
  32. package/dist/Sheet/index.d.ts +23 -13
  33. package/dist/Sheet/index.d.ts.map +1 -1
  34. package/dist/Skeleton/index.d.ts +1 -0
  35. package/dist/Skeleton/index.d.ts.map +1 -1
  36. package/dist/Sonner/index.d.ts +1 -0
  37. package/dist/Sonner/index.d.ts.map +1 -1
  38. package/dist/Table/index.d.ts +2 -2
  39. package/dist/Table/index.d.ts.map +1 -1
  40. package/dist/Tabs/index.d.ts +1 -1
  41. package/dist/Tabs/index.d.ts.map +1 -1
  42. package/dist/TagInput/index.d.ts +2 -2
  43. package/dist/TagInput/index.d.ts.map +1 -1
  44. package/dist/Toggle/index.d.ts +3 -3
  45. package/dist/ToggleGroup/index.d.ts +13 -4
  46. package/dist/ToggleGroup/index.d.ts.map +1 -1
  47. package/dist/Tooltip/index.d.ts +11 -7
  48. package/dist/Tooltip/index.d.ts.map +1 -1
  49. package/dist/cosmik.css +1 -1
  50. package/dist/index.cjs +1 -1
  51. package/dist/index.d.ts +9 -1
  52. package/dist/index.d.ts.map +1 -1
  53. package/dist/index.js +178 -173
  54. package/dist/index.js.map +1 -1
  55. package/dist/index10.cjs +1 -1
  56. package/dist/index10.cjs.map +1 -1
  57. package/dist/index10.js +34 -127
  58. package/dist/index10.js.map +1 -1
  59. package/dist/index11.cjs +1 -1
  60. package/dist/index11.cjs.map +1 -1
  61. package/dist/index11.js +28 -105
  62. package/dist/index11.js.map +1 -1
  63. package/dist/index12.cjs +1 -1
  64. package/dist/index12.cjs.map +1 -1
  65. package/dist/index12.js +112 -112
  66. package/dist/index12.js.map +1 -1
  67. package/dist/index13.cjs +1 -1
  68. package/dist/index13.cjs.map +1 -1
  69. package/dist/index13.js +103 -96
  70. package/dist/index13.js.map +1 -1
  71. package/dist/index14.cjs +1 -1
  72. package/dist/index14.cjs.map +1 -1
  73. package/dist/index14.js +141 -22
  74. package/dist/index14.js.map +1 -1
  75. package/dist/index15.cjs +1 -1
  76. package/dist/index15.cjs.map +1 -1
  77. package/dist/index15.js +105 -22
  78. package/dist/index15.js.map +1 -1
  79. package/dist/index16.cjs +1 -1
  80. package/dist/index16.cjs.map +1 -1
  81. package/dist/index16.js +22 -17
  82. package/dist/index16.js.map +1 -1
  83. package/dist/index17.cjs +1 -1
  84. package/dist/index17.cjs.map +1 -1
  85. package/dist/index17.js +22 -58
  86. package/dist/index17.js.map +1 -1
  87. package/dist/index18.cjs +1 -1
  88. package/dist/index18.cjs.map +1 -1
  89. package/dist/index18.js +17 -20
  90. package/dist/index18.js.map +1 -1
  91. package/dist/index19.cjs +1 -1
  92. package/dist/index19.cjs.map +1 -1
  93. package/dist/index19.js +64 -96
  94. package/dist/index19.js.map +1 -1
  95. package/dist/index2.cjs +2 -0
  96. package/dist/index2.cjs.map +1 -0
  97. package/dist/index2.js +5 -0
  98. package/dist/index2.js.map +1 -0
  99. package/dist/index20.cjs +1 -1
  100. package/dist/index20.cjs.map +1 -1
  101. package/dist/index20.js +20 -22
  102. package/dist/index20.js.map +1 -1
  103. package/dist/index21.cjs +1 -1
  104. package/dist/index21.cjs.map +1 -1
  105. package/dist/index21.js +93 -21
  106. package/dist/index21.js.map +1 -1
  107. package/dist/index22.cjs +1 -1
  108. package/dist/index22.cjs.map +1 -1
  109. package/dist/index22.js +19 -27
  110. package/dist/index22.js.map +1 -1
  111. package/dist/index23.cjs +1 -1
  112. package/dist/index23.cjs.map +1 -1
  113. package/dist/index23.js +19 -126
  114. package/dist/index23.js.map +1 -1
  115. package/dist/index24.cjs +1 -1
  116. package/dist/index24.cjs.map +1 -1
  117. package/dist/index24.js +30 -23
  118. package/dist/index24.js.map +1 -1
  119. package/dist/index25.cjs +1 -1
  120. package/dist/index25.cjs.map +1 -1
  121. package/dist/index25.js +130 -128
  122. package/dist/index25.js.map +1 -1
  123. package/dist/index26.cjs +1 -1
  124. package/dist/index26.cjs.map +1 -1
  125. package/dist/index26.js +21 -13
  126. package/dist/index26.js.map +1 -1
  127. package/dist/index27.cjs +1 -1
  128. package/dist/index27.cjs.map +1 -1
  129. package/dist/index27.js +103 -28
  130. package/dist/index27.js.map +1 -1
  131. package/dist/index28.cjs +1 -1
  132. package/dist/index28.cjs.map +1 -1
  133. package/dist/index28.js +15 -27
  134. package/dist/index28.js.map +1 -1
  135. package/dist/index29.cjs +1 -1
  136. package/dist/index29.cjs.map +1 -1
  137. package/dist/index29.js +30 -108
  138. package/dist/index29.js.map +1 -1
  139. package/dist/index3.cjs +1 -1
  140. package/dist/index3.cjs.map +1 -1
  141. package/dist/index3.js +70 -54
  142. package/dist/index3.js.map +1 -1
  143. package/dist/index30.cjs +1 -1
  144. package/dist/index30.cjs.map +1 -1
  145. package/dist/index30.js +23 -38
  146. package/dist/index30.js.map +1 -1
  147. package/dist/index31.cjs +1 -1
  148. package/dist/index31.cjs.map +1 -1
  149. package/dist/index31.js +102 -73
  150. package/dist/index31.js.map +1 -1
  151. package/dist/index32.cjs +1 -1
  152. package/dist/index32.cjs.map +1 -1
  153. package/dist/index32.js +42 -23
  154. package/dist/index32.js.map +1 -1
  155. package/dist/index33.cjs +1 -1
  156. package/dist/index33.cjs.map +1 -1
  157. package/dist/index33.js +78 -78
  158. package/dist/index33.js.map +1 -1
  159. package/dist/index34.cjs +1 -1
  160. package/dist/index34.cjs.map +1 -1
  161. package/dist/index34.js +20 -67
  162. package/dist/index34.js.map +1 -1
  163. package/dist/index35.cjs +1 -1
  164. package/dist/index35.cjs.map +1 -1
  165. package/dist/index35.js +75 -55
  166. package/dist/index35.js.map +1 -1
  167. package/dist/index36.cjs +1 -1
  168. package/dist/index36.cjs.map +1 -1
  169. package/dist/index36.js +36 -58
  170. package/dist/index36.js.map +1 -1
  171. package/dist/index37.cjs +1 -1
  172. package/dist/index37.cjs.map +1 -1
  173. package/dist/index37.js +33 -3
  174. package/dist/index37.js.map +1 -1
  175. package/dist/index38.cjs +1 -1
  176. package/dist/index38.cjs.map +1 -1
  177. package/dist/index38.js +65 -33
  178. package/dist/index38.js.map +1 -1
  179. package/dist/index39.cjs +1 -1
  180. package/dist/index39.cjs.map +1 -1
  181. package/dist/index39.js +261 -11
  182. package/dist/index39.js.map +1 -1
  183. package/dist/index4.cjs +1 -1
  184. package/dist/index4.cjs.map +1 -1
  185. package/dist/index4.js +324 -112
  186. package/dist/index4.js.map +1 -1
  187. package/dist/index40.cjs +1 -1
  188. package/dist/index40.cjs.map +1 -1
  189. package/dist/index40.js +6 -118
  190. package/dist/index40.js.map +1 -1
  191. package/dist/index41.cjs +1 -1
  192. package/dist/index41.cjs.map +1 -1
  193. package/dist/index41.js +12 -13
  194. package/dist/index41.js.map +1 -1
  195. package/dist/index42.cjs +1 -1
  196. package/dist/index42.cjs.map +1 -1
  197. package/dist/index42.js +118 -7
  198. package/dist/index42.js.map +1 -1
  199. package/dist/index43.cjs +1 -1
  200. package/dist/index43.cjs.map +1 -1
  201. package/dist/index43.js +14 -2
  202. package/dist/index43.js.map +1 -1
  203. package/dist/index44.cjs +1 -9
  204. package/dist/index44.cjs.map +1 -1
  205. package/dist/index44.js +3 -25
  206. package/dist/index44.js.map +1 -1
  207. package/dist/index45.cjs +1 -22
  208. package/dist/index45.cjs.map +1 -1
  209. package/dist/index45.js +104 -601
  210. package/dist/index45.js.map +1 -1
  211. package/dist/index46.cjs +1 -1
  212. package/dist/index46.cjs.map +1 -1
  213. package/dist/index46.js +32 -13
  214. package/dist/index46.js.map +1 -1
  215. package/dist/index47.cjs +1 -1
  216. package/dist/index47.cjs.map +1 -1
  217. package/dist/index47.js +2 -2729
  218. package/dist/index47.js.map +1 -1
  219. package/dist/index48.cjs +9 -1
  220. package/dist/index48.cjs.map +1 -1
  221. package/dist/index48.js +30 -2
  222. package/dist/index48.js.map +1 -1
  223. package/dist/index49.cjs +19 -1
  224. package/dist/index49.cjs.map +1 -1
  225. package/dist/index49.js +599 -2
  226. package/dist/index49.js.map +1 -1
  227. package/dist/index5.cjs +1 -1
  228. package/dist/index5.cjs.map +1 -1
  229. package/dist/index5.js +41 -77
  230. package/dist/index5.js.map +1 -1
  231. package/dist/index50.cjs +2 -0
  232. package/dist/index50.cjs.map +1 -0
  233. package/dist/index50.js +5 -0
  234. package/dist/index50.js.map +1 -0
  235. package/dist/index51.cjs +2 -0
  236. package/dist/index51.cjs.map +1 -0
  237. package/dist/index51.js +154 -0
  238. package/dist/index51.js.map +1 -0
  239. package/dist/index52.cjs +2 -0
  240. package/dist/index52.cjs.map +1 -0
  241. package/dist/index52.js +19 -0
  242. package/dist/index52.js.map +1 -0
  243. package/dist/index53.cjs +2 -0
  244. package/dist/index53.cjs.map +1 -0
  245. package/dist/index53.js +345 -0
  246. package/dist/index53.js.map +1 -0
  247. package/dist/index54.cjs +2 -0
  248. package/dist/index54.cjs.map +1 -0
  249. package/dist/index54.js +48 -0
  250. package/dist/index54.js.map +1 -0
  251. package/dist/index55.cjs +2 -0
  252. package/dist/index55.cjs.map +1 -0
  253. package/dist/index55.js +5 -0
  254. package/dist/index55.js.map +1 -0
  255. package/dist/index56.cjs +2 -0
  256. package/dist/index56.cjs.map +1 -0
  257. package/dist/index56.js +5 -0
  258. package/dist/index56.js.map +1 -0
  259. package/dist/index57.cjs +2 -0
  260. package/dist/index57.cjs.map +1 -0
  261. package/dist/index57.js +5 -0
  262. package/dist/index57.js.map +1 -0
  263. package/dist/index58.cjs +2 -0
  264. package/dist/index58.cjs.map +1 -0
  265. package/dist/index58.js +7 -0
  266. package/dist/index58.js.map +1 -0
  267. package/dist/index6.cjs +1 -1
  268. package/dist/index6.cjs.map +1 -1
  269. package/dist/index6.js +110 -157
  270. package/dist/index6.js.map +1 -1
  271. package/dist/index7.cjs +1 -1
  272. package/dist/index7.cjs.map +1 -1
  273. package/dist/index7.js +85 -65
  274. package/dist/index7.js.map +1 -1
  275. package/dist/index8.cjs +1 -1
  276. package/dist/index8.cjs.map +1 -1
  277. package/dist/index8.js +155 -42
  278. package/dist/index8.js.map +1 -1
  279. package/dist/index9.cjs +1 -1
  280. package/dist/index9.cjs.map +1 -1
  281. package/dist/index9.js +70 -33
  282. package/dist/index9.js.map +1 -1
  283. package/dist/lib/utils.d.ts +1 -1
  284. package/dist/lib/utils.d.ts.map +1 -1
  285. package/dist/tailwind-theme-config.d.ts +318 -0
  286. package/dist/tailwind-theme-config.d.ts.map +1 -0
  287. package/package.json +62 -58
  288. package/dist/cosmik-theme.css +0 -185
package/dist/index12.js CHANGED
@@ -1,144 +1,144 @@
1
- import { j as o } from "./index37.js";
2
- import * as e from "@radix-ui/react-dropdown-menu";
3
- import { ChevronRight as l, Check as m, Circle as p } from "lucide-react";
4
- import * as d from "react";
5
- import { cn as n } from "./index39.js";
6
- const M = e.Root, R = e.Trigger, I = e.Group, S = e.Portal, C = e.Sub, v = e.RadioGroup, c = d.forwardRef(({ className: t, inset: a, children: s, ...r }, i) => /* @__PURE__ */ o.jsxs(
7
- e.SubTrigger,
1
+ import { j as o } from "./index40.js";
2
+ import { Command as m } from "cmdk";
3
+ import { Search as s } from "lucide-react";
4
+ import * as i from "react";
5
+ import "./index2.js";
6
+ import "./index4.js";
7
+ import "./index5.js";
8
+ import "./index6.js";
9
+ import "./index7.js";
10
+ import "./index8.js";
11
+ import "./index9.js";
12
+ import "./index10.js";
13
+ import "./index11.js";
14
+ import { Dialog as n, DialogContent as l } from "./index13.js";
15
+ import "./index14.js";
16
+ import "./index22.js";
17
+ import { cn as r } from "./index41.js";
18
+ import "./index42.js";
19
+ import "./index17.js";
20
+ import "./index18.js";
21
+ import "./index21.js";
22
+ import "./index23.js";
23
+ import "./index24.js";
24
+ import "./index25.js";
25
+ import "./index26.js";
26
+ import "./index27.js";
27
+ import "sonner";
28
+ import "./index30.js";
29
+ import "./index31.js";
30
+ import "./index32.js";
31
+ import "./index33.js";
32
+ import "./index34.js";
33
+ import "./index35.js";
34
+ import "./index36.js";
35
+ import "./index37.js";
36
+ import "./index38.js";
37
+ const p = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o.jsx(
38
+ m,
8
39
  {
9
- ref: i,
10
- className: n(
11
- "flex cursor-default select-none items-center pl-16 py-8 text-base outline-none focus:bg-gray-200 data-[state=open]:bg-gray-200",
12
- a && "pl-32",
13
- t
40
+ ref: a,
41
+ className: r(
42
+ "flex h-full w-full flex-col overflow-hidden rounded bg-white text-gray-900",
43
+ e
14
44
  ),
15
- ...r,
16
- children: [
17
- s,
18
- /* @__PURE__ */ o.jsx(l, { className: "ml-auto mr-4 h-16 w-16" })
19
- ]
45
+ ...t
20
46
  }
21
47
  ));
22
- c.displayName = e.SubTrigger.displayName;
23
- const u = d.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o.jsx(
24
- e.SubContent,
48
+ p.displayName = m.displayName;
49
+ const ee = ({ children: e, ...t }) => /* @__PURE__ */ o.jsx(n, { ...t, children: /* @__PURE__ */ o.jsx(l, { hideCloseIcon: !0, className: "overflow-hidden p-0 shadow-200", children: /* @__PURE__ */ o.jsx(p, { className: "[&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-16 [&_[cmdk-item]]:py-8 [&_[cmdk-item]_svg]:h-16 [&_[cmdk-item]_svg]:w-16", children: e }) }) }), c = i.forwardRef(({ className: e, inputWrapperClassName: t, ...a }, d) => /* @__PURE__ */ o.jsxs(
50
+ "div",
25
51
  {
26
- ref: s,
27
- className: n(
28
- "z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900/8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2",
29
- t
30
- ),
31
- ...a
52
+ className: r("flex items-center border-b px-12", t),
53
+ "cmdk-input-wrapper": "",
54
+ children: [
55
+ /* @__PURE__ */ o.jsx(
56
+ m.Input,
57
+ {
58
+ ref: d,
59
+ className: r(
60
+ "flex h-[44px] w-full rounded bg-white py-12 text-sm outline-none placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-64",
61
+ e
62
+ ),
63
+ ...a
64
+ }
65
+ ),
66
+ /* @__PURE__ */ o.jsx(s, { className: "ml-8 h-16 w-16 shrink-0" })
67
+ ]
32
68
  }
33
69
  ));
34
- u.displayName = e.SubContent.displayName;
35
- const f = d.forwardRef(({ className: t, sideOffset: a = 4, ...s }, r) => /* @__PURE__ */ o.jsx(e.Portal, { children: /* @__PURE__ */ o.jsx(
36
- e.Content,
37
- {
38
- ref: r,
39
- sideOffset: a,
40
- className: n(
41
- "z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900/8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2",
42
- t
43
- ),
44
- ...s
45
- }
46
- ) }));
47
- f.displayName = e.Content.displayName;
48
- const x = d.forwardRef(({ className: t, inset: a, ...s }, r) => /* @__PURE__ */ o.jsx(
49
- e.Item,
70
+ c.displayName = m.Input.displayName;
71
+ const x = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o.jsx(
72
+ m.List,
50
73
  {
51
- ref: r,
52
- className: n(
53
- "relative flex cursor-default select-none items-center px-16 py-8 text-base outline-none transition-colors focus:bg-gray-200 focus:bg-gray-200 data-disabled:pointer-events-none data-disabled:opacity-40",
54
- a && "pl-[2rem]",
55
- t
56
- ),
57
- ...s
74
+ ref: a,
75
+ className: r("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
76
+ ...t
58
77
  }
59
78
  ));
60
- x.displayName = e.Item.displayName;
61
- const b = d.forwardRef(({ className: t, children: a, checked: s, ...r }, i) => /* @__PURE__ */ o.jsxs(
62
- e.CheckboxItem,
79
+ x.displayName = m.List.displayName;
80
+ const u = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o.jsx(
81
+ m.Empty,
63
82
  {
64
- ref: i,
65
- className: n(
66
- "relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-disabled:pointer-events-none data-disabled:opacity-40",
67
- t
68
- ),
69
- checked: s,
70
- ...r,
71
- children: [
72
- /* @__PURE__ */ o.jsx("span", { className: "absolute left-8 flex h-[14px] w-[14px] items-center justify-center", children: /* @__PURE__ */ o.jsx(e.ItemIndicator, { children: /* @__PURE__ */ o.jsx(m, { className: "h-16 w-16" }) }) }),
73
- a
74
- ]
83
+ ref: a,
84
+ className: r("py-[10px] text-center text-sm", e),
85
+ ...t
75
86
  }
76
87
  ));
77
- b.displayName = e.CheckboxItem.displayName;
78
- const y = d.forwardRef(({ className: t, children: a, ...s }, r) => /* @__PURE__ */ o.jsxs(
79
- e.RadioItem,
88
+ u.displayName = m.Empty.displayName;
89
+ const g = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o.jsx(
90
+ m.Group,
80
91
  {
81
- ref: r,
82
- className: n(
83
- "relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-disabled:pointer-events-none data-disabled:opacity-40",
84
- t
92
+ ref: a,
93
+ className: r(
94
+ "overflow-hidden text-gray-900 [&_[cmdk-group-heading]]:px-16 [&_[cmdk-group-heading]]:py-8 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900",
95
+ e
85
96
  ),
86
- ...s,
87
- children: [
88
- /* @__PURE__ */ o.jsx("span", { className: "absolute left-8 flex h-[14px] w-[14px] items-center justify-center", children: /* @__PURE__ */ o.jsx(e.ItemIndicator, { children: /* @__PURE__ */ o.jsx(p, { className: "h-8 w-8 fill-gray-900" }) }) }),
89
- a
90
- ]
97
+ ...t
91
98
  }
92
99
  ));
93
- y.displayName = e.RadioItem.displayName;
94
- const g = d.forwardRef(({ className: t, inset: a, ...s }, r) => /* @__PURE__ */ o.jsx(
95
- e.Label,
100
+ g.displayName = m.Group.displayName;
101
+ const f = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o.jsx(
102
+ m.Separator,
96
103
  {
97
- ref: r,
98
- className: n(
99
- "px-16 py-8 text-base font-medium",
100
- a && "pl-32",
101
- t
102
- ),
103
- ...s
104
+ ref: a,
105
+ className: r("-mx-4 h-[1px] bg-gray-900-8", e),
106
+ ...t
104
107
  }
105
108
  ));
106
- g.displayName = e.Label.displayName;
107
- const w = d.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ o.jsx(
108
- e.Separator,
109
+ f.displayName = m.Separator.displayName;
110
+ const y = i.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o.jsx(
111
+ m.Item,
109
112
  {
110
- ref: s,
111
- className: n("h-px bg-gray-900/8", t),
112
- ...a
113
+ ref: a,
114
+ className: r(
115
+ "relative flex cursor-default select-none items-center py-8 px-16 outline-none aria-selected:bg-gray-200 aria-selected:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-64",
116
+ e
117
+ ),
118
+ ...t
113
119
  }
114
120
  ));
115
- w.displayName = e.Separator.displayName;
121
+ y.displayName = m.Item.displayName;
116
122
  const h = ({
117
- className: t,
118
- ...a
123
+ className: e,
124
+ ...t
119
125
  }) => /* @__PURE__ */ o.jsx(
120
126
  "span",
121
127
  {
122
- className: n("ml-auto text-xs tracking-widest opacity-40", t),
123
- ...a
128
+ className: r("ml-auto text-xs tracking-widest text-gray-700", e),
129
+ ...t
124
130
  }
125
131
  );
126
- h.displayName = "DropdownMenuShortcut";
132
+ h.displayName = "CommandShortcut";
127
133
  export {
128
- M as DropdownMenu,
129
- b as DropdownMenuCheckboxItem,
130
- f as DropdownMenuContent,
131
- I as DropdownMenuGroup,
132
- x as DropdownMenuItem,
133
- g as DropdownMenuLabel,
134
- S as DropdownMenuPortal,
135
- v as DropdownMenuRadioGroup,
136
- y as DropdownMenuRadioItem,
137
- w as DropdownMenuSeparator,
138
- h as DropdownMenuShortcut,
139
- C as DropdownMenuSub,
140
- u as DropdownMenuSubContent,
141
- c as DropdownMenuSubTrigger,
142
- R as DropdownMenuTrigger
134
+ p as Command,
135
+ ee as CommandDialog,
136
+ u as CommandEmpty,
137
+ g as CommandGroup,
138
+ c as CommandInput,
139
+ y as CommandItem,
140
+ x as CommandList,
141
+ f as CommandSeparator,
142
+ h as CommandShortcut
143
143
  };
144
144
  //# sourceMappingURL=index12.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index12.js","sources":["../src/DropdownMenu/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'\nimport { Check, ChevronRight, Circle } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n }\n>(({ className, inset, children, ...props }, ref) => (\n <DropdownMenuPrimitive.SubTrigger\n ref={ref}\n className={cn(\n 'flex cursor-default select-none items-center pl-16 py-8 text-base outline-none focus:bg-gray-200 data-[state=open]:bg-gray-200',\n inset && 'pl-32',\n className\n )}\n {...props}\n >\n {children}\n <ChevronRight className=\"ml-auto mr-4 h-16 w-16\" />\n </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cn(\n 'z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900/8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n))\nDropdownMenuSubContent.displayName =\n DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n 'z-50 min-w-[8rem] overflow-hidden rounded border border-gray-900/8 bg-white text-gray-900 shadow-200 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-[0.25rem] data-[side=top]:slide-in-from-bottom-2',\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Item\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center px-16 py-8 text-base outline-none transition-colors focus:bg-gray-200 focus:bg-gray-200 data-disabled:pointer-events-none data-disabled:opacity-40',\n inset && 'pl-[2rem]',\n className\n )}\n {...props}\n />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <DropdownMenuPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-disabled:pointer-events-none data-disabled:opacity-40',\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-8 flex h-[14px] w-[14px] items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Check className=\"h-16 w-16\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <DropdownMenuPrimitive.RadioItem\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center py-8 pl-32 pr-4 text-base outline-none transition-colors focus:bg-gray-200 focus:text-gray-900 data-disabled:pointer-events-none data-disabled:opacity-40',\n className\n )}\n {...props}\n >\n <span className=\"absolute left-8 flex h-[14px] w-[14px] items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <Circle className=\"h-8 w-8 fill-gray-900\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Label\n ref={ref}\n className={cn(\n 'px-16 py-8 text-base font-medium',\n inset && 'pl-32',\n className\n )}\n {...props}\n />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Separator\n ref={ref}\n className={cn('h-px bg-gray-900/8', className)}\n {...props}\n />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn('ml-auto text-xs tracking-widest opacity-40', className)}\n {...props}\n />\n )\n}\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut'\n\nexport {\n DropdownMenu,\n DropdownMenuCheckboxItem,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger\n}\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","jsxs","cn","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}
1
+ {"version":3,"file":"index12.js","sources":["../src/Command/index.tsx"],"sourcesContent":["'use client'\n\nimport { type DialogProps } from '@radix-ui/react-dialog'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport { Search } from 'lucide-react'\nimport * as React from 'react'\nimport { Dialog, DialogContent } from '../'\nimport { cn } from '../lib/utils'\n\nconst Command = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n 'flex h-full w-full flex-col overflow-hidden rounded bg-white text-gray-900',\n className\n )}\n {...props}\n />\n))\nCommand.displayName = CommandPrimitive.displayName\n\ninterface CommandDialogProps extends DialogProps {}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <DialogContent hideCloseIcon className=\"overflow-hidden p-0 shadow-200\">\n <Command className=\"[&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-16 [&_[cmdk-input-wrapper]_svg]:w-16 [&_[cmdk-input]]:h-48 [&_[cmdk-item]]:px-16 [&_[cmdk-item]]:py-8 [&_[cmdk-item]_svg]:h-16 [&_[cmdk-item]_svg]:w-16\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n )\n}\n\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input> & {\n inputWrapperClassName?: string\n }\n>(({ className, inputWrapperClassName, ...props }, ref) => (\n <div\n className={cn('flex items-center border-b px-12', inputWrapperClassName)}\n cmdk-input-wrapper=\"\"\n >\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n 'flex h-[44px] w-full rounded bg-white py-12 text-sm outline-none placeholder:text-gray-400 disabled:cursor-not-allowed disabled:opacity-64',\n className\n )}\n {...props}\n />\n <Search className=\"ml-8 h-16 w-16 shrink-0\" />\n </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn('max-h-[300px] overflow-y-auto overflow-x-hidden', className)}\n {...props}\n />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Empty\n ref={ref}\n className={cn('py-[10px] text-center text-sm', className)}\n {...props}\n />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n 'overflow-hidden text-gray-900 [&_[cmdk-group-heading]]:px-16 [&_[cmdk-group-heading]]:py-8 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-900',\n className\n )}\n {...props}\n />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={cn('-mx-4 h-[1px] bg-gray-900-8', className)}\n {...props}\n />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n 'relative flex cursor-default select-none items-center py-8 px-16 outline-none aria-selected:bg-gray-200 aria-selected:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-64',\n className\n )}\n {...props}\n />\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn('ml-auto text-xs tracking-widest text-gray-700', className)}\n {...props}\n />\n )\n}\nCommandShortcut.displayName = 'CommandShortcut'\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandShortcut,\n CommandSeparator\n}\n"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","inputWrapperClassName","jsxs","Search","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"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"}
package/dist/index13.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs"),b=require("lucide-react"),x=require("react"),l=require("./index6.cjs"),u=require("./index20.cjs"),v=require("./index39.cjs");function w({children:d,label:p,selectedLabel:c,trigger:m,i18n:s,value:t,onOpenChange:j,onApply:o,contentProps:f={},...h}){const[R,a]=x.useState(!1),[i,r]=x.useState(t||null),g=t?c?c(t):t.toString():p,E=e.jsxRuntimeExports.jsxs(l.Button,{variant:t?"filled":"outline",intent:t?"filter":"secondary",size:"sm",className:v.cn("font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]",{"pr-12":!!t}),children:[g,t&&e.jsxRuntimeExports.jsx(b.LucideX,{className:"w-16 h-16 rounded hover:bg-purple-100 shrink-0",onClick:n=>{n.preventDefault(),r(null),o?.(void 0)}})]});return e.jsxRuntimeExports.jsxs(u.Popover,{open:R,onOpenChange:n=>{j?.(n),n||o?.(i||void 0),n&&r(t||null),a(n)},...h,children:[e.jsxRuntimeExports.jsx(u.PopoverTrigger,{asChild:!0,children:m||E}),e.jsxRuntimeExports.jsx(u.PopoverContent,{className:"w-full min-w-[200px]",align:"start",...f,children:e.jsxRuntimeExports.jsxs("form",{onSubmit:n=>{n.preventDefault(),o?.(i||void 0),a(!1)},children:[e.jsxRuntimeExports.jsx("div",{children:d({onFilterChange:r,filterValue:i})}),e.jsxRuntimeExports.jsxs("div",{className:"w-full flex justify-between mt-16",children:[i&&s.clear&&e.jsxRuntimeExports.jsx(l.Button,{variant:"link",intent:"secondary",size:"fit-content",type:"button",onClick:()=>{r(null)},children:s.clear}),s.apply&&e.jsxRuntimeExports.jsx(l.Button,{className:"ml-auto",variant:"link",size:"fit-content",type:"submit",children:s.apply})]})]})})]})}exports.Filter=w;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index40.cjs"),b=require("@radix-ui/react-dialog"),N=require("lucide-react"),v=require("react"),h=require("./index8.cjs"),i=require("./index41.cjs");function m(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,n.get?n:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const o=m(b),r=m(v),E=o.Root,w=o.Trigger,p=o.Portal,d=r.forwardRef(({className:t,...e},a)=>s.jsxRuntimeExports.jsx(o.Overlay,{ref:a,className:i.cn("fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...e}));d.displayName=o.Overlay.displayName;const u=r.forwardRef(({className:t,children:e,fullscreen:a,hideCloseIcon:n,onInteractOutside:D,...y},R)=>s.jsxRuntimeExports.jsx(p,{children:s.jsxRuntimeExports.jsx(d,{children:s.jsxRuntimeExports.jsxs(o.Content,{ref:R,className:i.cn("fixed z-50 text-left bg-white border-0 shadow-200 select-text min-w-[384px] left-[50%] translate-x-[-50%] font-normal p-24 duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",{"top-24 rounded":!a,"top-0 w-full min-h-full":a},t),onInteractOutside:l=>{const{originalEvent:c}=l.detail;c.target instanceof Element&&c.target.closest(".group.toast")&&l.preventDefault(),D?.(l)},...y,children:[e,!n&&s.jsxRuntimeExports.jsxs(o.Close,{className:i.cn(h.buttonVariants({variant:"link",intent:"secondary",size:"icon"}),"absolute right-8 top-8 disabled:pointer-events-none h-24 w-24"),children:[s.jsxRuntimeExports.jsx(N.X,{}),s.jsxRuntimeExports.jsx("span",{className:"sr-only",children:"Close"})]})]})})}));u.displayName=o.Content.displayName;const x=({className:t,...e})=>s.jsxRuntimeExports.jsx("div",{className:i.cn("mb-16",t),...e});x.displayName="DialogHeader";const g=({className:t,...e})=>s.jsxRuntimeExports.jsx("div",{className:i.cn("flex justify-end gap-8 mx-[-8px] mb-[-8px] mt-24",t),...e});g.displayName="DialogFooter";const f=r.forwardRef(({className:t,...e},a)=>s.jsxRuntimeExports.jsx(o.Title,{ref:a,className:i.cn("font-medium text-lg text-gray-800",t),...e}));f.displayName=o.Title.displayName;const j=r.forwardRef(({className:t,...e},a)=>s.jsxRuntimeExports.jsx(o.Description,{ref:a,className:i.cn("mt-8 text-base text-gray-900",t),...e}));j.displayName=o.Description.displayName;exports.Dialog=E;exports.DialogContent=u;exports.DialogDescription=j;exports.DialogFooter=g;exports.DialogHeader=x;exports.DialogOverlay=d;exports.DialogPortal=p;exports.DialogTitle=f;exports.DialogTrigger=w;
2
2
  //# sourceMappingURL=index13.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index13.cjs","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button } from '../Button'\nimport {\n Popover,\n PopoverContent,\n PopoverContentProps,\n PopoverTrigger\n} from '../Popover'\nimport { cn } from '../lib/utils'\n\ntype FilterPropsBase<T> = {\n i18n: {\n apply?: string\n clear?: string\n }\n value?: T\n onOpenChange?: (open: boolean) => void\n onApply: (value?: T) => void\n children: (props: {\n onFilterChange: (value: T | null) => void\n filterValue: T | null\n }) => React.ReactNode\n contentProps?: PopoverContentProps\n}\n\ntype FilterPropsWithLabel<T> = FilterPropsBase<T> & {\n label: string\n selectedLabel?: (value: T) => React.ReactNode\n trigger?: never\n}\n\ntype FilterPropsWithTrigger<T> = FilterPropsBase<T> & {\n trigger: React.ReactNode\n label?: never\n selectedLabel?: never\n}\n\ntype FilterProps<T> = FilterPropsWithLabel<T> | FilterPropsWithTrigger<T>\n\nfunction Filter<T>({\n children,\n label,\n selectedLabel,\n trigger,\n i18n,\n value,\n onOpenChange,\n onApply,\n contentProps = {},\n ...props\n}: FilterProps<T>) {\n const [isOpen, setIsOpen] = React.useState(false)\n const [localValue, setLocalValue] = React.useState<T | null>(value || null)\n\n const filterLabel = value\n ? selectedLabel\n ? selectedLabel(value)\n : value.toString()\n : label\n\n const defaultTrigger = (\n <Button\n variant={value ? 'filled' : 'outline'}\n intent={value ? 'filter' : 'secondary'}\n size=\"sm\"\n className={cn(\n 'font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]',\n {\n 'pr-12': !!value\n }\n )}\n >\n {filterLabel}\n {value && (\n <LucideX\n className=\"w-16 h-16 rounded hover:bg-purple-100 shrink-0\"\n onClick={e => {\n e.preventDefault()\n setLocalValue(null)\n onApply?.(undefined)\n }}\n />\n )}\n </Button>\n )\n\n return (\n <Popover\n open={isOpen}\n onOpenChange={open => {\n onOpenChange?.(open)\n if (!open) onApply?.(localValue || undefined)\n if (open) setLocalValue(value || null)\n setIsOpen(open)\n }}\n {...props}\n >\n <PopoverTrigger asChild>{trigger || defaultTrigger}</PopoverTrigger>\n <PopoverContent\n className=\"w-full min-w-[200px]\"\n align=\"start\"\n {...contentProps}\n >\n <form\n onSubmit={event => {\n event.preventDefault()\n onApply?.(localValue || undefined)\n setIsOpen(false)\n }}\n >\n <div>\n {children({\n onFilterChange: setLocalValue,\n filterValue: localValue\n })}\n </div>\n <div className=\"w-full flex justify-between mt-16\">\n {localValue && i18n.clear && (\n <Button\n variant=\"link\"\n intent=\"secondary\"\n size=\"fit-content\"\n type=\"button\"\n onClick={() => {\n setLocalValue(null)\n }}\n >\n {i18n.clear}\n </Button>\n )}\n {i18n.apply && (\n <Button\n className=\"ml-auto\"\n variant=\"link\"\n size=\"fit-content\"\n type=\"submit\"\n >\n {i18n.apply}\n </Button>\n )}\n </div>\n </form>\n </PopoverContent>\n </Popover>\n )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","Popover","open","PopoverTrigger","PopoverContent","event"],"mappings":"8OAwCA,SAASA,EAAU,CACjB,SAAAC,EACA,MAAAC,EACA,cAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,QAAAC,EACA,aAAAC,EAAe,CAAA,EACf,GAAGC,CACL,EAAmB,CACjB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAAS,EAAK,EAC1C,CAACC,EAAYC,CAAa,EAAIF,EAAM,SAAmBP,GAAS,IAAI,EAEpEU,EAAcV,EAChBH,EACEA,EAAcG,CAAK,EACnBA,EAAM,WACRJ,EAEEe,EACJC,EAAAA,kBAAAA,KAACC,EAAAA,OAAA,CACC,QAASb,EAAQ,SAAW,UAC5B,OAAQA,EAAQ,SAAW,YAC3B,KAAK,KACL,UAAWc,EAAAA,GACT,yEACA,CACE,QAAS,CAAC,CAACd,CAAA,CACb,EAGD,SAAA,CAAAU,EACAV,GACCe,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CACC,UAAU,iDACV,QAASC,GAAK,CACZA,EAAE,eAAA,EACFR,EAAc,IAAI,EAClBP,IAAU,MAAS,CACrB,CAAA,CAAA,CACF,CAAA,CAAA,EAKN,OACEU,EAAAA,kBAAAA,KAACM,EAAAA,QAAA,CACC,KAAMb,EACN,aAAcc,GAAQ,CACpBlB,IAAekB,CAAI,EACdA,GAAMjB,IAAUM,GAAc,MAAS,EACxCW,GAAMV,EAAcT,GAAS,IAAI,EACrCM,EAAUa,CAAI,CAChB,EACC,GAAGf,EAEJ,SAAA,CAAAW,EAAAA,kBAAAA,IAACK,EAAAA,eAAA,CAAe,QAAO,GAAE,SAAAtB,GAAWa,EAAe,EACnDI,EAAAA,kBAAAA,IAACM,EAAAA,eAAA,CACC,UAAU,uBACV,MAAM,QACL,GAAGlB,EAEJ,SAAAS,EAAAA,kBAAAA,KAAC,OAAA,CACC,SAAUU,GAAS,CACjBA,EAAM,eAAA,EACNpB,IAAUM,GAAc,MAAS,EACjCF,EAAU,EAAK,CACjB,EAEA,SAAA,CAAAS,EAAAA,kBAAAA,IAAC,OACE,SAAApB,EAAS,CACR,eAAgBc,EAChB,YAAaD,CAAA,CACd,EACH,EACAI,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,oCACZ,SAAA,CAAAJ,GAAcT,EAAK,OAClBgB,EAAAA,kBAAAA,IAACF,EAAAA,OAAA,CACC,QAAQ,OACR,OAAO,YACP,KAAK,cACL,KAAK,SACL,QAAS,IAAM,CACbJ,EAAc,IAAI,CACpB,EAEC,SAAAV,EAAK,KAAA,CAAA,EAGTA,EAAK,OACJgB,EAAAA,kBAAAA,IAACF,EAAAA,OAAA,CACC,UAAU,UACV,QAAQ,OACR,KAAK,cACL,KAAK,SAEJ,SAAAd,EAAK,KAAA,CAAA,CACR,CAAA,CAEJ,CAAA,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAGN"}
1
+ {"version":3,"file":"index13.cjs","sources":["../src/Dialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { X } from 'lucide-react'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n 'fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\ntype DialogContentProps = DialogPrimitive.DialogContentProps & {\n fullscreen?: boolean\n hideCloseIcon?: boolean\n}\n\ntype DialogContentType = React.ForwardRefExoticComponent<\n DialogContentProps & React.RefAttributes<HTMLDivElement>\n>\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<DialogContentType>,\n React.ComponentPropsWithoutRef<DialogContentType>\n>(\n (\n {\n className,\n children,\n fullscreen,\n hideCloseIcon,\n onInteractOutside,\n ...props\n },\n ref\n ) => (\n <DialogPortal>\n <DialogOverlay>\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n 'fixed z-50 text-left bg-white border-0 shadow-200 select-text min-w-[384px] left-[50%] translate-x-[-50%] font-normal p-24 duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]',\n {\n 'top-24 rounded': !fullscreen,\n 'top-0 w-full min-h-full': fullscreen\n },\n className\n )}\n onInteractOutside={e => {\n const { originalEvent } = e.detail\n // Prevent closing the dialog when clicking on a sonner toast\n if (\n originalEvent.target instanceof Element &&\n originalEvent.target.closest('.group.toast')\n ) {\n e.preventDefault()\n }\n onInteractOutside?.(e)\n }}\n {...props}\n >\n {children}\n {!hideCloseIcon && (\n <DialogPrimitive.Close\n className={cn(\n buttonVariants({\n variant: 'link',\n intent: 'secondary',\n size: 'icon'\n }),\n 'absolute right-8 top-8 disabled:pointer-events-none h-24 w-24'\n )}\n >\n <X />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n )}\n </DialogPrimitive.Content>\n </DialogOverlay>\n </DialogPortal>\n )\n)\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div className={cn('mb-16', className)} {...props} />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n 'flex justify-end gap-8 mx-[-8px] mb-[-8px] mt-24',\n className\n )}\n {...props}\n />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn('font-medium text-lg text-gray-800', className)}\n {...props}\n />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn('mt-8 text-base text-gray-900', className)}\n {...props}\n />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogTitle,\n DialogTrigger\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","fullscreen","hideCloseIcon","onInteractOutside","jsxs","e","originalEvent","buttonVariants","X","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"whBAQMA,EAASC,EAAgB,KAEzBC,EAAgBD,EAAgB,QAEhCE,EAAeF,EAAgB,OAE/BG,EAAgBC,EAAM,WAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACR,EAAgB,QAAhB,CACC,IAAAO,EACA,UAAWE,EAAA,GACT,0MACAJ,CACF,EACC,GAAGC,CAAA,CACN,CACD,EACDH,EAAc,YAAcH,EAAgB,QAAQ,YAWpD,MAAMU,EAAgBN,EAAM,WAI1B,CACE,CACE,UAAAC,EACA,SAAAM,EACA,WAAAC,EACA,cAAAC,EACA,kBAAAC,EACA,GAAGR,CAAA,EAELC,IAECC,EAAA,kBAAA,IAAAN,EAAA,CACC,iCAACC,EACC,CAAA,SAAAY,EAAA,kBAAA,KAACf,EAAgB,QAAhB,CACC,IAAAO,EACA,UAAWE,EAAA,GACT,ueACA,CACE,iBAAkB,CAACG,EACnB,0BAA2BA,CAC7B,EACAP,CACF,EACA,kBAAwBW,GAAA,CAChB,KAAA,CAAE,cAAAC,CAAc,EAAID,EAAE,OAG1BC,EAAc,kBAAkB,SAChCA,EAAc,OAAO,QAAQ,cAAc,GAE3CD,EAAE,eAAe,EAEnBF,IAAoBE,CAAC,CACvB,EACC,GAAGV,EAEH,SAAA,CAAAK,EACA,CAACE,GACAE,EAAA,kBAAA,KAACf,EAAgB,MAAhB,CACC,UAAWS,EAAA,GACTS,iBAAe,CACb,QAAS,OACT,OAAQ,YACR,KAAM,MAAA,CACP,EACD,+DACF,EAEA,SAAA,CAAAV,EAAA,kBAAA,IAACW,EAAE,EAAA,EAAA,EACFX,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAU,UAAU,SAAK,QAAA,CAAA,CAAA,CACjC,CAAA,CAAA,GAGN,CACF,CAAA,CAEJ,EACAE,EAAc,YAAcV,EAAgB,QAAQ,YAEpD,MAAMoB,EAAe,CAAC,CACpB,UAAAf,EACA,GAAGC,CACL,IACEE,EAAA,kBAAA,IAAC,OAAI,UAAWC,EAAAA,GAAG,QAASJ,CAAS,EAAI,GAAGC,EAAO,EAErDc,EAAa,YAAc,eAE3B,MAAMC,EAAe,CAAC,CACpB,UAAAhB,EACA,GAAGC,CACL,IACEE,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWC,EAAA,GACT,mDACAJ,CACF,EACC,GAAGC,CAAA,CACN,EAEFe,EAAa,YAAc,eAErB,MAAAC,EAAclB,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACR,EAAgB,MAAhB,CACC,IAAAO,EACA,UAAWE,EAAAA,GAAG,oCAAqCJ,CAAS,EAC3D,GAAGC,CAAA,CACN,CACD,EACDgB,EAAY,YAActB,EAAgB,MAAM,YAE1C,MAAAuB,EAAoBnB,EAAM,WAG9B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACR,EAAgB,YAAhB,CACC,IAAAO,EACA,UAAWE,EAAAA,GAAG,+BAAgCJ,CAAS,EACtD,GAAGC,CAAA,CACN,CACD,EACDiB,EAAkB,YAAcvB,EAAgB,YAAY"}
package/dist/index13.js CHANGED
@@ -1,109 +1,116 @@
1
- import { j as e } from "./index37.js";
2
- import { LucideX as v } from "lucide-react";
3
- import f from "react";
4
- import { Button as o } from "./index6.js";
5
- import { Popover as C, PopoverTrigger as b, PopoverContent as k } from "./index20.js";
6
- import { cn as y } from "./index39.js";
7
- function D({
8
- children: m,
9
- label: d,
10
- selectedLabel: a,
11
- trigger: p,
12
- i18n: n,
13
- value: t,
14
- onOpenChange: u,
15
- onApply: l,
16
- contentProps: x = {},
17
- ...h
18
- }) {
19
- const [j, c] = f.useState(!1), [i, s] = f.useState(t || null), g = t ? a ? a(t) : t.toString() : d, w = /* @__PURE__ */ e.jsxs(
20
- o,
1
+ import { j as o } from "./index40.js";
2
+ import * as t from "@radix-ui/react-dialog";
3
+ import { X as x } from "lucide-react";
4
+ import * as l from "react";
5
+ import { buttonVariants as g } from "./index8.js";
6
+ import { cn as i } from "./index41.js";
7
+ const z = t.Root, C = t.Trigger, u = t.Portal, d = l.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ o.jsx(
8
+ t.Overlay,
9
+ {
10
+ ref: s,
11
+ className: i(
12
+ "fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm overflow-y-auto max-h-screen data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
13
+ a
14
+ ),
15
+ ...e
16
+ }
17
+ ));
18
+ d.displayName = t.Overlay.displayName;
19
+ const y = l.forwardRef(
20
+ ({
21
+ className: a,
22
+ children: e,
23
+ fullscreen: s,
24
+ hideCloseIcon: m,
25
+ onInteractOutside: p,
26
+ ...c
27
+ }, f) => /* @__PURE__ */ o.jsx(u, { children: /* @__PURE__ */ o.jsx(d, { children: /* @__PURE__ */ o.jsxs(
28
+ t.Content,
21
29
  {
22
- variant: t ? "filled" : "outline",
23
- intent: t ? "filter" : "secondary",
24
- size: "sm",
25
- className: y(
26
- "font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]",
30
+ ref: f,
31
+ className: i(
32
+ "fixed z-50 text-left bg-white border-0 shadow-200 select-text min-w-[384px] left-[50%] translate-x-[-50%] font-normal p-24 duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
27
33
  {
28
- "pr-12": !!t
29
- }
34
+ "top-24 rounded": !s,
35
+ "top-0 w-full min-h-full": s
36
+ },
37
+ a
30
38
  ),
31
- children: [
32
- g,
33
- t && /* @__PURE__ */ e.jsx(
34
- v,
35
- {
36
- className: "w-16 h-16 rounded hover:bg-purple-100 shrink-0",
37
- onClick: (r) => {
38
- r.preventDefault(), s(null), l?.(void 0);
39
- }
40
- }
41
- )
42
- ]
43
- }
44
- );
45
- return /* @__PURE__ */ e.jsxs(
46
- C,
47
- {
48
- open: j,
49
- onOpenChange: (r) => {
50
- u?.(r), r || l?.(i || void 0), r && s(t || null), c(r);
39
+ onInteractOutside: (n) => {
40
+ const { originalEvent: r } = n.detail;
41
+ r.target instanceof Element && r.target.closest(".group.toast") && n.preventDefault(), p?.(n);
51
42
  },
52
- ...h,
43
+ ...c,
53
44
  children: [
54
- /* @__PURE__ */ e.jsx(b, { asChild: !0, children: p || w }),
55
- /* @__PURE__ */ e.jsx(
56
- k,
45
+ e,
46
+ !m && /* @__PURE__ */ o.jsxs(
47
+ t.Close,
57
48
  {
58
- className: "w-full min-w-[200px]",
59
- align: "start",
60
- ...x,
61
- children: /* @__PURE__ */ e.jsxs(
62
- "form",
63
- {
64
- onSubmit: (r) => {
65
- r.preventDefault(), l?.(i || void 0), c(!1);
66
- },
67
- children: [
68
- /* @__PURE__ */ e.jsx("div", { children: m({
69
- onFilterChange: s,
70
- filterValue: i
71
- }) }),
72
- /* @__PURE__ */ e.jsxs("div", { className: "w-full flex justify-between mt-16", children: [
73
- i && n.clear && /* @__PURE__ */ e.jsx(
74
- o,
75
- {
76
- variant: "link",
77
- intent: "secondary",
78
- size: "fit-content",
79
- type: "button",
80
- onClick: () => {
81
- s(null);
82
- },
83
- children: n.clear
84
- }
85
- ),
86
- n.apply && /* @__PURE__ */ e.jsx(
87
- o,
88
- {
89
- className: "ml-auto",
90
- variant: "link",
91
- size: "fit-content",
92
- type: "submit",
93
- children: n.apply
94
- }
95
- )
96
- ] })
97
- ]
98
- }
99
- )
49
+ className: i(
50
+ g({
51
+ variant: "link",
52
+ intent: "secondary",
53
+ size: "icon"
54
+ }),
55
+ "absolute right-8 top-8 disabled:pointer-events-none h-24 w-24"
56
+ ),
57
+ children: [
58
+ /* @__PURE__ */ o.jsx(x, {}),
59
+ /* @__PURE__ */ o.jsx("span", { className: "sr-only", children: "Close" })
60
+ ]
100
61
  }
101
62
  )
102
63
  ]
103
64
  }
104
- );
105
- }
65
+ ) }) })
66
+ );
67
+ y.displayName = t.Content.displayName;
68
+ const N = ({
69
+ className: a,
70
+ ...e
71
+ }) => /* @__PURE__ */ o.jsx("div", { className: i("mb-16", a), ...e });
72
+ N.displayName = "DialogHeader";
73
+ const D = ({
74
+ className: a,
75
+ ...e
76
+ }) => /* @__PURE__ */ o.jsx(
77
+ "div",
78
+ {
79
+ className: i(
80
+ "flex justify-end gap-8 mx-[-8px] mb-[-8px] mt-24",
81
+ a
82
+ ),
83
+ ...e
84
+ }
85
+ );
86
+ D.displayName = "DialogFooter";
87
+ const j = l.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ o.jsx(
88
+ t.Title,
89
+ {
90
+ ref: s,
91
+ className: i("font-medium text-lg text-gray-800", a),
92
+ ...e
93
+ }
94
+ ));
95
+ j.displayName = t.Title.displayName;
96
+ const h = l.forwardRef(({ className: a, ...e }, s) => /* @__PURE__ */ o.jsx(
97
+ t.Description,
98
+ {
99
+ ref: s,
100
+ className: i("mt-8 text-base text-gray-900", a),
101
+ ...e
102
+ }
103
+ ));
104
+ h.displayName = t.Description.displayName;
106
105
  export {
107
- D as Filter
106
+ z as Dialog,
107
+ y as DialogContent,
108
+ h as DialogDescription,
109
+ D as DialogFooter,
110
+ N as DialogHeader,
111
+ d as DialogOverlay,
112
+ u as DialogPortal,
113
+ j as DialogTitle,
114
+ C as DialogTrigger
108
115
  };
109
116
  //# sourceMappingURL=index13.js.map