@incognia/cosmik 1.0.11 → 1.1.1

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 (198) hide show
  1. package/dist/Tabs/index.d.ts +5 -1
  2. package/dist/Tabs/index.d.ts.map +1 -1
  3. package/dist/cosmik.css +3 -1
  4. package/dist/index.cjs +1 -2
  5. package/dist/index.js +36 -179
  6. package/dist/index10.cjs +2 -2
  7. package/dist/index10.cjs.map +1 -1
  8. package/dist/index10.js +70 -193
  9. package/dist/index10.js.map +1 -1
  10. package/dist/index11.cjs +2 -2
  11. package/dist/index11.cjs.map +1 -1
  12. package/dist/index11.js +97 -139
  13. package/dist/index11.js.map +1 -1
  14. package/dist/index12.cjs +2 -2
  15. package/dist/index12.cjs.map +1 -1
  16. package/dist/index12.js +57 -229
  17. package/dist/index12.js.map +1 -1
  18. package/dist/index13.cjs +2 -2
  19. package/dist/index13.cjs.map +1 -1
  20. package/dist/index13.js +22 -119
  21. package/dist/index13.js.map +1 -1
  22. package/dist/index14.cjs +2 -2
  23. package/dist/index14.cjs.map +1 -1
  24. package/dist/index14.js +89 -25
  25. package/dist/index14.js.map +1 -1
  26. package/dist/index15.cjs +2 -2
  27. package/dist/index15.cjs.map +1 -1
  28. package/dist/index15.js +89 -26
  29. package/dist/index15.js.map +1 -1
  30. package/dist/index16.cjs +2 -2
  31. package/dist/index16.cjs.map +1 -1
  32. package/dist/index16.js +125 -23
  33. package/dist/index16.js.map +1 -1
  34. package/dist/index17.cjs +2 -2
  35. package/dist/index17.cjs.map +1 -1
  36. package/dist/index17.js +37 -60
  37. package/dist/index17.js.map +1 -1
  38. package/dist/index18.cjs +2 -2
  39. package/dist/index18.cjs.map +1 -1
  40. package/dist/index18.js +75 -22
  41. package/dist/index18.js.map +1 -1
  42. package/dist/index19.cjs +2 -2
  43. package/dist/index19.cjs.map +1 -1
  44. package/dist/index19.js +68 -108
  45. package/dist/index19.js.map +1 -1
  46. package/dist/index2.cjs +1 -0
  47. package/dist/index20.cjs +2 -2
  48. package/dist/index20.cjs.map +1 -1
  49. package/dist/index20.js +28 -45
  50. package/dist/index20.js.map +1 -1
  51. package/dist/index21.cjs +2 -2
  52. package/dist/index21.cjs.map +1 -1
  53. package/dist/index21.js +15 -31
  54. package/dist/index21.js.map +1 -1
  55. package/dist/index22.cjs +2 -2
  56. package/dist/index22.cjs.map +1 -1
  57. package/dist/index22.js +16 -46
  58. package/dist/index22.js.map +1 -1
  59. package/dist/index23.cjs +2 -2
  60. package/dist/index23.cjs.map +1 -1
  61. package/dist/index23.js +51 -186
  62. package/dist/index23.js.map +1 -1
  63. package/dist/index24.cjs +2 -2
  64. package/dist/index24.cjs.map +1 -1
  65. package/dist/index24.js +9 -28
  66. package/dist/index24.js.map +1 -1
  67. package/dist/index25.cjs +2 -2
  68. package/dist/index25.cjs.map +1 -1
  69. package/dist/index25.js +24 -132
  70. package/dist/index25.js.map +1 -1
  71. package/dist/index26.cjs +2 -2
  72. package/dist/index26.cjs.map +1 -1
  73. package/dist/index26.js +68 -17
  74. package/dist/index26.js.map +1 -1
  75. package/dist/index27.cjs +2 -2
  76. package/dist/index27.cjs.map +1 -1
  77. package/dist/index27.js +22 -36
  78. package/dist/index27.js.map +1 -1
  79. package/dist/index28.cjs +2 -2
  80. package/dist/index28.cjs.map +1 -1
  81. package/dist/index28.js +29 -33
  82. package/dist/index28.js.map +1 -1
  83. package/dist/index29.cjs +2 -2
  84. package/dist/index29.cjs.map +1 -1
  85. package/dist/index29.js +89 -127
  86. package/dist/index29.js.map +1 -1
  87. package/dist/index3.js +16 -85
  88. package/dist/index3.js.map +1 -1
  89. package/dist/index30.cjs +2 -2
  90. package/dist/index30.cjs.map +1 -1
  91. package/dist/index30.js +18 -65
  92. package/dist/index30.js.map +1 -1
  93. package/dist/index31.cjs +2 -2
  94. package/dist/index31.cjs.map +1 -1
  95. package/dist/index31.js +82 -87
  96. package/dist/index31.js.map +1 -1
  97. package/dist/index32.cjs +2 -2
  98. package/dist/index32.cjs.map +1 -1
  99. package/dist/index32.js +12 -23
  100. package/dist/index32.js.map +1 -1
  101. package/dist/index33.cjs +2 -2
  102. package/dist/index33.cjs.map +1 -1
  103. package/dist/index33.js +44 -94
  104. package/dist/index33.js.map +1 -1
  105. package/dist/index34.cjs +2 -2
  106. package/dist/index34.cjs.map +1 -1
  107. package/dist/index34.js +20 -72
  108. package/dist/index34.js.map +1 -1
  109. package/dist/index35.cjs +2 -2
  110. package/dist/index35.cjs.map +1 -1
  111. package/dist/index35.js +66 -62
  112. package/dist/index35.js.map +1 -1
  113. package/dist/index36.cjs +2 -2
  114. package/dist/index36.cjs.map +1 -1
  115. package/dist/index36.js +59 -161
  116. package/dist/index36.js.map +1 -1
  117. package/dist/index37.cjs +2 -2
  118. package/dist/index37.cjs.map +1 -1
  119. package/dist/index37.js +73 -6
  120. package/dist/index37.js.map +1 -1
  121. package/dist/index38.cjs +2 -2
  122. package/dist/index38.cjs.map +1 -1
  123. package/dist/index38.js +15 -36
  124. package/dist/index38.js.map +1 -1
  125. package/dist/index39.cjs +2 -2
  126. package/dist/index39.cjs.map +1 -1
  127. package/dist/index39.js +86 -15
  128. package/dist/index39.js.map +1 -1
  129. package/dist/index4.cjs +2 -2
  130. package/dist/index4.cjs.map +1 -1
  131. package/dist/index4.js +34 -159
  132. package/dist/index4.js.map +1 -1
  133. package/dist/index40.cjs +2 -2
  134. package/dist/index40.cjs.map +1 -1
  135. package/dist/index40.js +51 -119
  136. package/dist/index40.js.map +1 -1
  137. package/dist/index41.cjs +2 -2
  138. package/dist/index41.cjs.map +1 -1
  139. package/dist/index41.js +48 -16
  140. package/dist/index41.js.map +1 -1
  141. package/dist/index42.cjs +2 -2
  142. package/dist/index42.cjs.map +1 -1
  143. package/dist/index42.js +84 -11
  144. package/dist/index42.js.map +1 -1
  145. package/dist/index43.cjs +2 -2
  146. package/dist/index43.cjs.map +1 -1
  147. package/dist/index5.cjs +2 -2
  148. package/dist/index5.cjs.map +1 -1
  149. package/dist/index5.js +1586 -79
  150. package/dist/index5.js.map +1 -1
  151. package/dist/index6.cjs +2 -2
  152. package/dist/index6.cjs.map +1 -1
  153. package/dist/index6.js +15 -164
  154. package/dist/index6.js.map +1 -1
  155. package/dist/index7.cjs +2 -2
  156. package/dist/index7.cjs.map +1 -1
  157. package/dist/index7.js +60 -196
  158. package/dist/index7.js.map +1 -1
  159. package/dist/index8.cjs +2 -2
  160. package/dist/index8.cjs.map +1 -1
  161. package/dist/index8.js +156 -90
  162. package/dist/index8.js.map +1 -1
  163. package/dist/index9.cjs +2 -2
  164. package/dist/index9.cjs.map +1 -1
  165. package/dist/index9.js +92 -40
  166. package/dist/index9.js.map +1 -1
  167. package/package.json +22 -20
  168. package/dist/index.cjs.map +0 -1
  169. package/dist/index.js.map +0 -1
  170. package/dist/index3.cjs +0 -2
  171. package/dist/index3.cjs.map +0 -1
  172. package/dist/index43.js +0 -5
  173. package/dist/index43.js.map +0 -1
  174. package/dist/index44.cjs +0 -2
  175. package/dist/index44.cjs.map +0 -1
  176. package/dist/index44.js +0 -27
  177. package/dist/index44.js.map +0 -1
  178. package/dist/index45.cjs +0 -7
  179. package/dist/index45.cjs.map +0 -1
  180. package/dist/index45.js +0 -239
  181. package/dist/index45.js.map +0 -1
  182. package/dist/index46.cjs +0 -2
  183. package/dist/index46.cjs.map +0 -1
  184. package/dist/index46.js +0 -17
  185. package/dist/index46.js.map +0 -1
  186. package/dist/index47.cjs +0 -2
  187. package/dist/index47.cjs.map +0 -1
  188. package/dist/index47.js +0 -2732
  189. package/dist/index47.js.map +0 -1
  190. package/dist/index48.cjs +0 -2
  191. package/dist/index48.cjs.map +0 -1
  192. package/dist/index48.js +0 -5
  193. package/dist/index48.js.map +0 -1
  194. package/dist/index49.cjs +0 -2
  195. package/dist/index49.cjs.map +0 -1
  196. package/dist/index49.js +0 -5
  197. package/dist/index49.js.map +0 -1
  198. /package/dist/{cosmik-theme.css → src/cosmik-theme.css} +0 -0
package/dist/index12.js CHANGED
@@ -1,229 +1,57 @@
1
- import { j as t } from "./index37.js";
2
- import * as n from "@radix-ui/react-dropdown-menu";
3
- import { CheckIcon as d, CircleIcon as i, ChevronRightIcon as u } from "lucide-react";
4
- import { cn as r } from "./index39.js";
5
- function m({
6
- ...e
7
- }) {
8
- return /* @__PURE__ */ t.jsx(n.Root, { "data-slot": "dropdown-menu", ...e });
9
- }
10
- function g({
11
- ...e
12
- }) {
13
- return /* @__PURE__ */ t.jsx(n.Portal, { "data-slot": "dropdown-menu-portal", ...e });
14
- }
15
- function f({
16
- ...e
17
- }) {
18
- return /* @__PURE__ */ t.jsx(
19
- n.Trigger,
20
- {
21
- "data-slot": "dropdown-menu-trigger",
22
- ...e
23
- }
24
- );
25
- }
26
- function x({
27
- className: e,
28
- sideOffset: o = 4,
29
- ...a
30
- }) {
31
- return /* @__PURE__ */ t.jsx(n.Portal, { children: /* @__PURE__ */ t.jsx(
32
- n.Content,
33
- {
34
- "data-slot": "dropdown-menu-content",
35
- sideOffset: o,
36
- className: r(
37
- "bg-white text-gray-900 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 border border-gray-900/8 shadow-200",
38
- e
39
- ),
40
- ...a
41
- }
42
- ) });
43
- }
44
- function b({
45
- ...e
46
- }) {
47
- return /* @__PURE__ */ t.jsx(n.Group, { "data-slot": "dropdown-menu-group", ...e });
48
- }
49
- function w({
50
- className: e,
51
- inset: o,
52
- variant: a = "default",
53
- ...s
54
- }) {
55
- return /* @__PURE__ */ t.jsx(
56
- n.Item,
57
- {
58
- "data-slot": "dropdown-menu-item",
59
- "data-inset": o,
60
- "data-variant": a,
61
- className: r(
62
- "focus:bg-gray-200 focus:text-gray-900 data-[variant=destructive]:text-magenta-700 data-[variant=destructive]:focus:bg-magenta-100 data-[variant=destructive]:focus:text-magenta-700 data-[variant=destructive]:*:[svg]:!text-magenta-700 [&_svg:not([class*='text-'])]:text-gray-700 relative flex cursor-default items-center gap-8 rounded px-16 py-8 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[inset]:pl-32 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16",
63
- e
64
- ),
65
- ...s
66
- }
67
- );
68
- }
69
- function v({
70
- className: e,
71
- children: o,
72
- checked: a,
73
- ...s
74
- }) {
75
- return /* @__PURE__ */ t.jsxs(
76
- n.CheckboxItem,
77
- {
78
- "data-slot": "dropdown-menu-checkbox-item",
79
- className: r(
80
- "focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16",
81
- e
82
- ),
83
- checked: a,
84
- ...s,
85
- children: [
86
- /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-8 flex size-[14px] items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(d, { className: "size-16" }) }) }),
87
- o
88
- ]
89
- }
90
- );
91
- }
92
- function h({
93
- ...e
94
- }) {
95
- return /* @__PURE__ */ t.jsx(
96
- n.RadioGroup,
97
- {
98
- "data-slot": "dropdown-menu-radio-group",
99
- ...e
100
- }
101
- );
102
- }
103
- function y({
104
- className: e,
105
- children: o,
106
- ...a
107
- }) {
108
- return /* @__PURE__ */ t.jsxs(
109
- n.RadioItem,
110
- {
111
- "data-slot": "dropdown-menu-radio-item",
112
- className: r(
113
- "focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16",
114
- e
115
- ),
116
- ...a,
117
- children: [
118
- /* @__PURE__ */ t.jsx("span", { className: "pointer-events-none absolute left-8 flex size-[14px] items-center justify-center", children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(i, { className: "size-8 fill-gray-900" }) }) }),
119
- o
120
- ]
121
- }
122
- );
123
- }
124
- function j({
125
- className: e,
126
- inset: o,
127
- ...a
128
- }) {
129
- return /* @__PURE__ */ t.jsx(
130
- n.Label,
131
- {
132
- "data-slot": "dropdown-menu-label",
133
- "data-inset": o,
134
- className: r(
135
- "px-16 py-8 text-base font-semibold data-[inset]:pl-32",
136
- e
137
- ),
138
- ...a
139
- }
140
- );
141
- }
142
- function z({
143
- className: e,
144
- ...o
145
- }) {
146
- return /* @__PURE__ */ t.jsx(
147
- n.Separator,
148
- {
149
- "data-slot": "dropdown-menu-separator",
150
- className: r("bg-gray-900/8 h-px", e),
151
- ...o
152
- }
153
- );
154
- }
155
- function D({
156
- className: e,
157
- ...o
158
- }) {
159
- return /* @__PURE__ */ t.jsx(
160
- "span",
161
- {
162
- "data-slot": "dropdown-menu-shortcut",
163
- className: r("ml-auto text-sm tracking-widest opacity-40", e),
164
- ...o
165
- }
166
- );
167
- }
168
- function M({
169
- ...e
170
- }) {
171
- return /* @__PURE__ */ t.jsx(n.Sub, { "data-slot": "dropdown-menu-sub", ...e });
172
- }
173
- function N({
174
- className: e,
175
- inset: o,
176
- children: a,
177
- ...s
178
- }) {
179
- return /* @__PURE__ */ t.jsxs(
180
- n.SubTrigger,
181
- {
182
- "data-slot": "dropdown-menu-sub-trigger",
183
- "data-inset": o,
184
- className: r(
185
- "focus:bg-gray-200 focus:text-gray-900 data-[state=open]:bg-gray-200 data-[state=open]:text-gray-900 flex cursor-default items-center rounded px-16 py-8 text-base outline-none select-none data-[inset]:pl-32",
186
- e
187
- ),
188
- ...s,
189
- children: [
190
- a,
191
- /* @__PURE__ */ t.jsx(u, { className: "ml-auto size-16" })
192
- ]
193
- }
194
- );
195
- }
196
- function I({
197
- className: e,
198
- ...o
199
- }) {
200
- return /* @__PURE__ */ t.jsx(
201
- n.SubContent,
202
- {
203
- "data-slot": "dropdown-menu-sub-content",
204
- className: r(
205
- "bg-white text-gray-900 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-48 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded border border-gray-900/8 p-4 shadow-200",
206
- e
207
- ),
208
- ...o
209
- }
210
- );
211
- }
212
- export {
213
- m as DropdownMenu,
214
- v as DropdownMenuCheckboxItem,
215
- x as DropdownMenuContent,
216
- b as DropdownMenuGroup,
217
- w as DropdownMenuItem,
218
- j as DropdownMenuLabel,
219
- g as DropdownMenuPortal,
220
- h as DropdownMenuRadioGroup,
221
- y as DropdownMenuRadioItem,
222
- z as DropdownMenuSeparator,
223
- D as DropdownMenuShortcut,
224
- M as DropdownMenuSub,
225
- I as DropdownMenuSubContent,
226
- N as DropdownMenuSubTrigger,
227
- f as DropdownMenuTrigger
228
- };
229
- //# sourceMappingURL=index12.js.map
1
+ import { cn as e } from "./index6.js";
2
+ import "react";
3
+ import { jsx as t } from "react/jsx-runtime";
4
+ //#region src/Card/index.tsx
5
+ function n({ className: n, ...r }) {
6
+ return /* @__PURE__ */ t("div", {
7
+ "data-slot": "card",
8
+ className: e("bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24", n),
9
+ ...r
10
+ });
11
+ }
12
+ function r({ className: n, ...r }) {
13
+ return /* @__PURE__ */ t("div", {
14
+ "data-slot": "card-header",
15
+ className: e("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24", n),
16
+ ...r
17
+ });
18
+ }
19
+ function i({ className: n, ...r }) {
20
+ return /* @__PURE__ */ t("h3", {
21
+ "data-slot": "card-title",
22
+ className: e("leading-none font-semibold", n),
23
+ ...r
24
+ });
25
+ }
26
+ function a({ className: n, ...r }) {
27
+ return /* @__PURE__ */ t("div", {
28
+ "data-slot": "card-description",
29
+ className: e("text-gray-700 text-sm mt-4", n),
30
+ ...r
31
+ });
32
+ }
33
+ function o({ className: n, ...r }) {
34
+ return /* @__PURE__ */ t("div", {
35
+ "data-slot": "card-action",
36
+ className: e("col-start-2 row-span-2 row-start-1 self-start justify-self-end", n),
37
+ ...r
38
+ });
39
+ }
40
+ function s({ className: n, ...r }) {
41
+ return /* @__PURE__ */ t("div", {
42
+ "data-slot": "card-content",
43
+ className: e("px-24", n),
44
+ ...r
45
+ });
46
+ }
47
+ function c({ className: n, ...r }) {
48
+ return /* @__PURE__ */ t("div", {
49
+ "data-slot": "card-footer",
50
+ className: e("flex items-center px-24 [.border-t]:pt-24", n),
51
+ ...r
52
+ });
53
+ }
54
+ //#endregion
55
+ export { n as Card, o as CardAction, s as CardContent, a as CardDescription, c as CardFooter, r as CardHeader, i as CardTitle };
56
+
57
+ //# 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 { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n return (\n <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n return (\n <DropdownMenuPrimitive.Trigger\n data-slot=\"dropdown-menu-trigger\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuContent({\n className,\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n return (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n data-slot=\"dropdown-menu-content\"\n sideOffset={sideOffset}\n className={cn(\n 'bg-white text-gray-900 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 border border-gray-900/8 shadow-200',\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n return (\n <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = 'default',\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n variant?: 'default' | 'destructive'\n}) {\n return (\n <DropdownMenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"focus:bg-gray-200 focus:text-gray-900 data-[variant=destructive]:text-magenta-700 data-[variant=destructive]:focus:bg-magenta-100 data-[variant=destructive]:focus:text-magenta-700 data-[variant=destructive]:*:[svg]:!text-magenta-700 [&_svg:not([class*='text-'])]:text-gray-700 relative flex cursor-default items-center gap-8 rounded px-16 py-8 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 data-[inset]:pl-32 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n return (\n <DropdownMenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n className={cn(\n \"focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-8 flex size-[14px] items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"size-16\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n return (\n <DropdownMenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n return (\n <DropdownMenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n className={cn(\n \"focus:bg-gray-200 focus:text-gray-900 relative flex cursor-default items-center gap-8 rounded py-8 pr-4 pl-32 text-base outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n className\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-8 flex size-[14px] items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CircleIcon className=\"size-8 fill-gray-900\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuPrimitive.Label\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n 'px-16 py-8 text-base font-semibold data-[inset]:pl-32',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n return (\n <DropdownMenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn('bg-gray-900/8 h-px', className)}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<'span'>) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn('ml-auto text-sm tracking-widest opacity-40', className)}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n}) {\n return (\n <DropdownMenuPrimitive.SubTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n 'focus:bg-gray-200 focus:text-gray-900 data-[state=open]:bg-gray-200 data-[state=open]:text-gray-900 flex cursor-default items-center rounded px-16 py-8 text-base outline-none select-none data-[inset]:pl-32',\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto size-16\" />\n </DropdownMenuPrimitive.SubTrigger>\n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n return (\n <DropdownMenuPrimitive.SubContent\n data-slot=\"dropdown-menu-sub-content\"\n className={cn(\n 'bg-white text-gray-900 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-48 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded border border-gray-900/8 p-4 shadow-200',\n className\n )}\n {...props}\n />\n )\n}\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","props","DropdownMenuPrimitive","DropdownMenuPortal","DropdownMenuTrigger","jsx","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","CircleIcon","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","ChevronRightIcon","DropdownMenuSubContent"],"mappings":"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"}
1
+ {"version":3,"file":"index12.js","names":[],"sources":["../src/Card/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n 'bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n return (\n <h3\n data-slot=\"card-title\"\n className={cn('leading-none font-semibold', className)}\n {...props}\n />\n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn('text-gray-700 text-sm mt-4', className)}\n {...props}\n />\n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n 'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn('px-24', className)}\n {...props}\n />\n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn('flex items-center px-24 [.border-t]:pt-24', className)}\n {...props}\n />\n )\n}\n\nexport {\n Card,\n CardAction,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle\n}\n"],"mappings":";;;;AAGA,SAAS,EAAK,EAAE,cAAW,GAAG,KAAsC;CAClE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,wEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,wJACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAqC;CACtE,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EAAG,8BAA8B,CAAS;EACrD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAsC;CAC7E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,8BAA8B,CAAS;EACrD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,kEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,SAAS,CAAS;EAChC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAsC;CACxE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,6CAA6C,CAAS;EACpE,GAAI;CACL,CAAA;AAEL"}
package/dist/index13.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index37.cjs"),q=require("lucide-react"),m=require("react"),u=require("./index6.cjs"),c=require("./index20.cjs"),B=require("./index39.cjs");function O({children:j,label:g,selectedLabel:x,trigger:h,i18n:s,value:n,onOpenChange:E,onApply:o,contentProps:R={},buttonProps:v={},clearable:d=!0,...y}){const[C,p]=m.useState(!1),[i,r]=m.useState(n||null),N=n?x?x(n):n.toString():g,T=e.jsxRuntimeExports.jsxs(u.Button,{variant:n?"filled":"outline",intent:n?"filter":"secondary",size:"sm",className:B.cn("font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]",{"pr-12":!!n}),...v,children:[N,d&&n&&e.jsxRuntimeExports.jsx(q.LucideX,{className:"w-16 h-16 rounded hover:bg-purple-100 shrink-0",onClick:t=>{t.preventDefault(),r(null),o?.(void 0)}})]});function f(){o?.(i??void 0),p(!1)}return e.jsxRuntimeExports.jsxs(c.Popover,{open:C,onOpenChange:t=>{E?.(t),t||o?.(i??void 0),t&&r(n??null),p(t)},...y,children:[e.jsxRuntimeExports.jsx(c.PopoverTrigger,{asChild:!0,children:h||T}),e.jsxRuntimeExports.jsx(c.PopoverContent,{className:"w-full min-w-[200px]",align:"start",...R,children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{onKeyDown:t=>{if(t.defaultPrevented||t.key!=="Enter")return;const l=t.target;if(!l)return;const a=l.tagName,w=a==="INPUT",b=a==="TEXTAREA",k=a==="BUTTON",P=l.isContentEditable;!w||b||k||P||(t.preventDefault(),t.stopPropagation(),f())},children:j({onFilterChange:r,filterValue:i})}),e.jsxRuntimeExports.jsxs("div",{className:"w-full flex justify-between mt-16",children:[d&&i&&s.clear&&e.jsxRuntimeExports.jsx(u.Button,{variant:"link",intent:"secondary",size:"fit-content",type:"button",onClick:()=>r(null),children:s.clear}),s.apply&&e.jsxRuntimeExports.jsx(u.Button,{className:"ml-auto",variant:"link",size:"fit-content",type:"button",onClick:t=>{t.preventDefault(),f()},children:s.apply})]})]})})]})}exports.Filter=O;
2
- //# sourceMappingURL=index13.cjs.map
1
+ const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card`,className:t.cn(`bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24`,e),...n})}function a({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-header`,className:t.cn(`@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24`,e),...n})}function o({className:e,...n}){return(0,r.jsx)(`h3`,{"data-slot":`card-title`,className:t.cn(`leading-none font-semibold`,e),...n})}function s({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-description`,className:t.cn(`text-gray-700 text-sm mt-4`,e),...n})}function c({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-action`,className:t.cn(`col-start-2 row-span-2 row-start-1 self-start justify-self-end`,e),...n})}function l({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-content`,className:t.cn(`px-24`,e),...n})}function u({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`card-footer`,className:t.cn(`flex items-center px-24 [.border-t]:pt-24`,e),...n})}exports.Card=i,exports.CardAction=c,exports.CardContent=l,exports.CardDescription=s,exports.CardFooter=u,exports.CardHeader=a,exports.CardTitle=o;
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, ButtonProps } 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 buttonProps?: ButtonProps\n clearable?: boolean\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 buttonProps = {},\n clearable = true,\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 {...buttonProps}\n >\n {filterLabel}\n {clearable && 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 function handleApply() {\n onApply?.(localValue ?? undefined)\n setIsOpen(false)\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 <div>\n <div\n onKeyDown={e => {\n if (e.defaultPrevented) return\n if (e.key !== 'Enter') return\n const target = e.target as HTMLElement | null\n if (!target) return\n const tagName = target.tagName\n const isInput = tagName === 'INPUT'\n const isTextarea = tagName === 'TEXTAREA'\n const isButton = tagName === 'BUTTON'\n const isContentEditable = target.isContentEditable\n // Only apply on Enter from filter input fields, not from buttons,\n // textareas, or other interactive/contenteditable elements.\n if (!isInput || isTextarea || isButton || isContentEditable) {\n return\n }\n e.preventDefault()\n e.stopPropagation()\n handleApply()\n }}\n >\n {children({\n onFilterChange: setLocalValue,\n filterValue: localValue\n })}\n </div>\n <div className=\"w-full flex justify-between mt-16\">\n {clearable && localValue && i18n.clear && (\n <Button\n variant=\"link\"\n intent=\"secondary\"\n size=\"fit-content\"\n type=\"button\"\n onClick={() => setLocalValue(null)}\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=\"button\"\n onClick={e => {\n e.preventDefault()\n handleApply()\n }}\n >\n {i18n.apply}\n </Button>\n )}\n </div>\n </div>\n </PopoverContent>\n </Popover>\n )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","buttonProps","clearable","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","handleApply","Popover","open","PopoverTrigger","PopoverContent","target","tagName","isInput","isTextarea","isButton","isContentEditable"],"mappings":"8OA0CA,SAASA,EAAU,CACjB,SAAAC,EACA,MAAAC,EACA,cAAAC,EACA,QAAAC,EACA,KAAAC,EACA,MAAAC,EACA,aAAAC,EACA,QAAAC,EACA,aAAAC,EAAe,CAAA,EACf,YAAAC,EAAc,CAAA,EACd,UAAAC,EAAY,GACZ,GAAGC,CACL,EAAmB,CACjB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAM,SAAS,EAAK,EAC1C,CAACC,EAAYC,CAAa,EAAIF,EAAM,SAAmBT,GAAS,IAAI,EAEpEY,EAAcZ,EAChBH,EACEA,EAAcG,CAAK,EACnBA,EAAM,WACRJ,EAEEiB,EACJC,EAAAA,kBAAAA,KAACC,EAAAA,OAAA,CACC,QAASf,EAAQ,SAAW,UAC5B,OAAQA,EAAQ,SAAW,YAC3B,KAAK,KACL,UAAWgB,EAAAA,GACT,yEACA,CACE,QAAS,CAAC,CAAChB,CAAA,CACb,EAED,GAAGI,EAEH,SAAA,CAAAQ,EACAP,GAAaL,GACZiB,EAAAA,kBAAAA,IAACC,EAAAA,QAAA,CACC,UAAU,iDACV,QAASC,GAAK,CACZA,EAAE,eAAA,EACFR,EAAc,IAAI,EAClBT,IAAU,MAAS,CACrB,CAAA,CAAA,CACF,CAAA,CAAA,EAKN,SAASkB,GAAc,CACrBlB,IAAUQ,GAAc,MAAS,EACjCF,EAAU,EAAK,CACjB,CAEA,OACEM,EAAAA,kBAAAA,KAACO,EAAAA,QAAA,CACC,KAAMd,EACN,aAAce,GAAQ,CACpBrB,IAAeqB,CAAI,EACdA,GAAMpB,IAAUQ,GAAc,MAAS,EACxCY,GAAMX,EAAcX,GAAS,IAAI,EACrCQ,EAAUc,CAAI,CAChB,EACC,GAAGhB,EAEJ,SAAA,CAAAW,EAAAA,kBAAAA,IAACM,EAAAA,eAAA,CAAe,QAAO,GAAE,SAAAzB,GAAWe,EAAe,EACnDI,EAAAA,kBAAAA,IAACO,EAAAA,eAAA,CACC,UAAU,uBACV,MAAM,QACL,GAAGrB,EAEJ,kCAAC,MAAA,CACC,SAAA,CAAAc,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWE,GAAK,CAEd,GADIA,EAAE,kBACFA,EAAE,MAAQ,QAAS,OACvB,MAAMM,EAASN,EAAE,OACjB,GAAI,CAACM,EAAQ,OACb,MAAMC,EAAUD,EAAO,QACjBE,EAAUD,IAAY,QACtBE,EAAaF,IAAY,WACzBG,EAAWH,IAAY,SACvBI,EAAoBL,EAAO,kBAG7B,CAACE,GAAWC,GAAcC,GAAYC,IAG1CX,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFC,EAAA,EACF,EAEC,SAAAzB,EAAS,CACR,eAAgBgB,EAChB,YAAaD,CAAA,CACd,CAAA,CAAA,EAEHI,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,oCACZ,SAAA,CAAAT,GAAaK,GAAcX,EAAK,OAC/BkB,EAAAA,kBAAAA,IAACF,EAAAA,OAAA,CACC,QAAQ,OACR,OAAO,YACP,KAAK,cACL,KAAK,SACL,QAAS,IAAMJ,EAAc,IAAI,EAEhC,SAAAZ,EAAK,KAAA,CAAA,EAGTA,EAAK,OACJkB,EAAAA,kBAAAA,IAACF,EAAAA,OAAA,CACC,UAAU,UACV,QAAQ,OACR,KAAK,cACL,KAAK,SACL,QAASI,GAAK,CACZA,EAAE,eAAA,EACFC,EAAA,CACF,EAEC,SAAArB,EAAK,KAAA,CAAA,CACR,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAGN"}
1
+ {"version":3,"file":"index13.cjs","names":[],"sources":["../src/Card/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n 'bg-white flex flex-col gap-24 rounded border border-gray-900/8 py-24',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start px-24 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-24',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'h3'>) {\n return (\n <h3\n data-slot=\"card-title\"\n className={cn('leading-none font-semibold', className)}\n {...props}\n />\n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn('text-gray-700 text-sm mt-4', className)}\n {...props}\n />\n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n 'col-start-2 row-span-2 row-start-1 self-start justify-self-end',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn('px-24', className)}\n {...props}\n />\n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn('flex items-center px-24 [.border-t]:pt-24', className)}\n {...props}\n />\n )\n}\n\nexport {\n Card,\n CardAction,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle\n}\n"],"mappings":"qIAGA,SAAS,EAAK,CAAE,YAAW,GAAG,GAAsC,CAClE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,OACV,UAAW,EAAA,GACT,uEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,cACV,UAAW,EAAA,GACT,uJACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAqC,CACtE,OACE,EAAA,EAAA,KAAC,KAAD,CACE,YAAU,aACV,UAAW,EAAA,GAAG,6BAA8B,CAAS,EACrD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAsC,CAC7E,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,mBACV,UAAW,EAAA,GAAG,6BAA8B,CAAS,EACrD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,cACV,UAAW,EAAA,GACT,iEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,QAAS,CAAS,EAChC,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,cACV,UAAW,EAAA,GAAG,4CAA6C,CAAS,EACpE,GAAI,CACL,CAAA,CAEL"}
package/dist/index13.js CHANGED
@@ -1,120 +1,23 @@
1
- import { j as e } from "./index37.js";
2
- import { LucideX as D } from "lucide-react";
3
- import m from "react";
4
- import { Button as c } from "./index6.js";
5
- import { Popover as O, PopoverTrigger as z, PopoverContent as B } from "./index20.js";
6
- import { cn as I } from "./index39.js";
7
- function X({
8
- children: x,
9
- label: h,
10
- selectedLabel: f,
11
- trigger: g,
12
- i18n: r,
13
- value: n,
14
- onOpenChange: j,
15
- onApply: s,
16
- contentProps: v = {},
17
- buttonProps: C = {},
18
- clearable: u = !0,
19
- ...N
20
- }) {
21
- const [w, d] = m.useState(!1), [i, o] = m.useState(n || null), y = n ? f ? f(n) : n.toString() : h, T = /* @__PURE__ */ e.jsxs(
22
- c,
23
- {
24
- variant: n ? "filled" : "outline",
25
- intent: n ? "filter" : "secondary",
26
- size: "sm",
27
- className: I(
28
- "font-normal flex items-center whitespace-nowrap gap-x-4 rounded-[12px]",
29
- {
30
- "pr-12": !!n
31
- }
32
- ),
33
- ...C,
34
- children: [
35
- y,
36
- u && n && /* @__PURE__ */ e.jsx(
37
- D,
38
- {
39
- className: "w-16 h-16 rounded hover:bg-purple-100 shrink-0",
40
- onClick: (t) => {
41
- t.preventDefault(), o(null), s?.(void 0);
42
- }
43
- }
44
- )
45
- ]
46
- }
47
- );
48
- function p() {
49
- s?.(i ?? void 0), d(!1);
50
- }
51
- return /* @__PURE__ */ e.jsxs(
52
- O,
53
- {
54
- open: w,
55
- onOpenChange: (t) => {
56
- j?.(t), t || s?.(i ?? void 0), t && o(n ?? null), d(t);
57
- },
58
- ...N,
59
- children: [
60
- /* @__PURE__ */ e.jsx(z, { asChild: !0, children: g || T }),
61
- /* @__PURE__ */ e.jsx(
62
- B,
63
- {
64
- className: "w-full min-w-[200px]",
65
- align: "start",
66
- ...v,
67
- children: /* @__PURE__ */ e.jsxs("div", { children: [
68
- /* @__PURE__ */ e.jsx(
69
- "div",
70
- {
71
- onKeyDown: (t) => {
72
- if (t.defaultPrevented || t.key !== "Enter") return;
73
- const l = t.target;
74
- if (!l) return;
75
- const a = l.tagName, k = a === "INPUT", E = a === "TEXTAREA", P = a === "BUTTON", b = l.isContentEditable;
76
- !k || E || P || b || (t.preventDefault(), t.stopPropagation(), p());
77
- },
78
- children: x({
79
- onFilterChange: o,
80
- filterValue: i
81
- })
82
- }
83
- ),
84
- /* @__PURE__ */ e.jsxs("div", { className: "w-full flex justify-between mt-16", children: [
85
- u && i && r.clear && /* @__PURE__ */ e.jsx(
86
- c,
87
- {
88
- variant: "link",
89
- intent: "secondary",
90
- size: "fit-content",
91
- type: "button",
92
- onClick: () => o(null),
93
- children: r.clear
94
- }
95
- ),
96
- r.apply && /* @__PURE__ */ e.jsx(
97
- c,
98
- {
99
- className: "ml-auto",
100
- variant: "link",
101
- size: "fit-content",
102
- type: "button",
103
- onClick: (t) => {
104
- t.preventDefault(), p();
105
- },
106
- children: r.apply
107
- }
108
- )
109
- ] })
110
- ] })
111
- }
112
- )
113
- ]
114
- }
115
- );
1
+ "use client";
2
+ import { cn as e } from "./index6.js";
3
+ import { Check as t, Minus as n } from "lucide-react";
4
+ import "react";
5
+ import { jsx as r } from "react/jsx-runtime";
6
+ import * as i from "@radix-ui/react-checkbox";
7
+ //#region src/Checkbox/index.tsx
8
+ function a({ className: a, ...o }) {
9
+ return /* @__PURE__ */ r(i.Root, {
10
+ "data-slot": "checkbox",
11
+ className: e("peer h-16 w-16 shrink-0 rounded border border-gray-900/24", "disabled:cursor-not-allowed disabled:bg-transparent", "disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64", "disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800", "data-[state=checked]:bg-purple-700 data-[state=checked]:text-white", "data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white", "hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800", "focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900", "active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900", a),
12
+ ...o,
13
+ children: /* @__PURE__ */ r(i.Indicator, {
14
+ "data-slot": "checkbox-indicator",
15
+ className: "flex items-center justify-center text-current transition-none",
16
+ children: o.checked == "indeterminate" ? /* @__PURE__ */ r(n, { className: "h-[14px] w-[14px]" }) : /* @__PURE__ */ r(t, { className: "h-[14px] w-[14px]" })
17
+ })
18
+ });
116
19
  }
117
- export {
118
- X as Filter
119
- };
120
- //# sourceMappingURL=index13.js.map
20
+ //#endregion
21
+ export { a as Checkbox };
22
+
23
+ //# sourceMappingURL=index13.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index13.js","sources":["../src/Filter/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport React from 'react'\nimport { Button, ButtonProps } 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 buttonProps?: ButtonProps\n clearable?: boolean\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 buttonProps = {},\n clearable = true,\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 {...buttonProps}\n >\n {filterLabel}\n {clearable && 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 function handleApply() {\n onApply?.(localValue ?? undefined)\n setIsOpen(false)\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 <div>\n <div\n onKeyDown={e => {\n if (e.defaultPrevented) return\n if (e.key !== 'Enter') return\n const target = e.target as HTMLElement | null\n if (!target) return\n const tagName = target.tagName\n const isInput = tagName === 'INPUT'\n const isTextarea = tagName === 'TEXTAREA'\n const isButton = tagName === 'BUTTON'\n const isContentEditable = target.isContentEditable\n // Only apply on Enter from filter input fields, not from buttons,\n // textareas, or other interactive/contenteditable elements.\n if (!isInput || isTextarea || isButton || isContentEditable) {\n return\n }\n e.preventDefault()\n e.stopPropagation()\n handleApply()\n }}\n >\n {children({\n onFilterChange: setLocalValue,\n filterValue: localValue\n })}\n </div>\n <div className=\"w-full flex justify-between mt-16\">\n {clearable && localValue && i18n.clear && (\n <Button\n variant=\"link\"\n intent=\"secondary\"\n size=\"fit-content\"\n type=\"button\"\n onClick={() => setLocalValue(null)}\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=\"button\"\n onClick={e => {\n e.preventDefault()\n handleApply()\n }}\n >\n {i18n.apply}\n </Button>\n )}\n </div>\n </div>\n </PopoverContent>\n </Popover>\n )\n}\n\nexport { Filter }\nexport type { FilterProps }\n"],"names":["Filter","children","label","selectedLabel","trigger","i18n","value","onOpenChange","onApply","contentProps","buttonProps","clearable","props","isOpen","setIsOpen","React","localValue","setLocalValue","filterLabel","defaultTrigger","jsxs","Button","cn","jsx","LucideX","e","handleApply","Popover","open","PopoverTrigger","PopoverContent","target","tagName","isInput","isTextarea","isButton","isContentEditable"],"mappings":"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"}
1
+ {"version":3,"file":"index13.js","names":[],"sources":["../src/Checkbox/index.tsx"],"sourcesContent":["'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Checkbox({\n className,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n 'peer h-16 w-16 shrink-0 rounded border border-gray-900/24',\n 'disabled:cursor-not-allowed disabled:bg-transparent',\n 'disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64',\n 'disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800',\n 'data-[state=checked]:bg-purple-700 data-[state=checked]:text-white',\n 'data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white',\n 'hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800',\n 'focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900',\n 'active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900',\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"flex items-center justify-center text-current transition-none\"\n >\n {props.checked == 'indeterminate' ? (\n <Minus className=\"h-[14px] w-[14px]\" />\n ) : (\n <Check className=\"h-[14px] w-[14px]\" />\n )}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n}\nexport { Checkbox }\n"],"mappings":";;;;;;;AAOA,SAAS,EAAS,EAChB,cACA,GAAG,KACmD;CACtD,OACE,kBAAC,EAAkB,MAAnB;EACE,aAAU;EACV,WAAW,EACT,6DACA,uDACA,+GACA,uGACA,sEACA,kFACA,+GACA,2IACA,mHACA,CACF;EACA,GAAI;YAEJ,kBAAC,EAAkB,WAAnB;GACE,aAAU;GACV,WAAU;aAET,EAAM,WAAW,kBAChB,kBAAC,GAAD,EAAO,WAAU,oBAAqB,CAAA,IAEtC,kBAAC,GAAD,EAAO,WAAU,oBAAqB,CAAA;EAEb,CAAA;CACP,CAAA;AAE5B"}
package/dist/index14.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index37.cjs"),n=require("./index39.cjs"),l=require("./index40.cjs");function s({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex w-full",e),...t})}function o({variant:e,children:t,...i}){return r.jsxRuntimeExports.jsx(l.GradientScroll,{variant:e,...i,children:r.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-8 w-fit",children:t})})}function c({className:e,...t}){return r.jsxRuntimeExports.jsx("div",{className:n.cn("flex space-x-8",e),...t})}exports.FilterBar=s;exports.FilterBarContent=c;exports.FilterBarScrollableContent=o;
2
- //# sourceMappingURL=index14.cjs.map
1
+ "use client";const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("lucide-react"),r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-checkbox");a=e.__toESM(a,1);function o({className:e,...r}){return(0,i.jsx)(a.Root,{"data-slot":`checkbox`,className:t.cn(`peer h-16 w-16 shrink-0 rounded border border-gray-900/24`,`disabled:cursor-not-allowed disabled:bg-transparent`,`disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64`,`disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800`,`data-[state=checked]:bg-purple-700 data-[state=checked]:text-white`,`data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white`,`hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800`,`focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900`,`active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900`,e),...r,children:(0,i.jsx)(a.Indicator,{"data-slot":`checkbox-indicator`,className:`flex items-center justify-center text-current transition-none`,children:r.checked==`indeterminate`?(0,i.jsx)(n.Minus,{className:`h-[14px] w-[14px]`}):(0,i.jsx)(n.Check,{className:`h-[14px] w-[14px]`})})})}exports.Checkbox=o;
2
+ //# sourceMappingURL=index14.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index14.cjs","sources":["../src/FilterBar/index.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority'\nimport React from 'react'\nimport { cn } from '../lib/utils'\nimport { GradientScroll, gradientVariants } from './GradientScroll'\n\ntype FilterBarProps = React.HTMLAttributes<HTMLDivElement> & {\n className?: string\n}\n\nexport function FilterBar({ className, ...props }: FilterBarProps) {\n return <div className={cn('flex w-full', className)} {...props} />\n}\n\ninterface FilterBarScrollableContentProps\n extends React.HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof gradientVariants> {}\n\nexport function FilterBarScrollableContent({\n variant,\n children,\n ...props\n}: FilterBarScrollableContentProps) {\n return (\n <GradientScroll variant={variant} {...props}>\n <div className=\"flex items-center space-x-8 w-fit\">{children}</div>\n </GradientScroll>\n )\n}\n\ntype FilterBarContentProps = FilterBarProps\n\nexport function FilterBarContent({\n className,\n ...props\n}: FilterBarContentProps) {\n return <div className={cn('flex space-x-8', className)} {...props} />\n}\n"],"names":["FilterBar","className","props","jsx","cn","FilterBarScrollableContent","variant","children","GradientScroll","FilterBarContent"],"mappings":"uKASO,SAASA,EAAU,CAAE,UAAAC,EAAW,GAAGC,GAAyB,CACjE,OAAOC,EAAAA,kBAAAA,IAAC,OAAI,UAAWC,EAAAA,GAAG,cAAeH,CAAS,EAAI,GAAGC,EAAO,CAClE,CAMO,SAASG,EAA2B,CACzC,QAAAC,EACA,SAAAC,EACA,GAAGL,CACL,EAAoC,CAClC,OACEC,EAAAA,kBAAAA,IAACK,EAAAA,eAAA,CAAe,QAAAF,EAAmB,GAAGJ,EACpC,iCAAC,MAAA,CAAI,UAAU,oCAAqC,SAAAK,CAAA,CAAS,CAAA,CAC/D,CAEJ,CAIO,SAASE,EAAiB,CAC/B,UAAAR,EACA,GAAGC,CACL,EAA0B,CACxB,OAAOC,EAAAA,kBAAAA,IAAC,OAAI,UAAWC,EAAAA,GAAG,iBAAkBH,CAAS,EAAI,GAAGC,EAAO,CACrE"}
1
+ {"version":3,"file":"index14.cjs","names":[],"sources":["../src/Checkbox/index.tsx"],"sourcesContent":["'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Checkbox({\n className,\n ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n return (\n <CheckboxPrimitive.Root\n data-slot=\"checkbox\"\n className={cn(\n 'peer h-16 w-16 shrink-0 rounded border border-gray-900/24',\n 'disabled:cursor-not-allowed disabled:bg-transparent',\n 'disabled:data-[state=checked]:bg-gray-900/8 disabled:data-[state=checked]:text-gray-800 disabled:opacity-64',\n 'disabled:data-[state=indeterminate]:bg-gray-900/8 disabled:data-[state=indeterminate]:text-gray-800',\n 'data-[state=checked]:bg-purple-700 data-[state=checked]:text-white',\n 'data-[state=indeterminate]:bg-purple-700 data-[state=indeterminate]:text-white',\n 'hover:bg-gray-900/8 hover:data-[state=checked]:bg-purple-800 hover:data-[state=indeterminate]:bg-purple-800',\n 'focus-visible:outline-none focus:bg-gray-900/16 focus:data-[state=checked]:bg-purple-900 focus:data-[state=indeterminate]:bg-purple-900',\n 'active:bg-gray-900/16 active:data-[state=checked]:bg-purple-900 active:data-[state=indeterminate]:bg-purple-900',\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n data-slot=\"checkbox-indicator\"\n className=\"flex items-center justify-center text-current transition-none\"\n >\n {props.checked == 'indeterminate' ? (\n <Minus className=\"h-[14px] w-[14px]\" />\n ) : (\n <Check className=\"h-[14px] w-[14px]\" />\n )}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n )\n}\nexport { Checkbox }\n"],"mappings":"mOAOA,SAAS,EAAS,CAChB,YACA,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,KAAC,EAAkB,KAAnB,CACE,YAAU,WACV,UAAW,EAAA,GACT,4DACA,sDACA,8GACA,sGACA,qEACA,iFACA,8GACA,0IACA,kHACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAkB,UAAnB,CACE,YAAU,qBACV,UAAU,yEAET,EAAM,SAAW,iBAChB,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,mBAAqB,CAAA,GAEtC,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,mBAAqB,CAAA,CAEb,CAAA,CACP,CAAA,CAE5B"}