@incognia/cosmik 1.0.10 → 1.1.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 (199) 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 +12 -195
  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 +61 -140
  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 +156 -228
  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 +92 -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 +71 -24
  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 +105 -25
  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 +57 -22
  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 +23 -63
  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 +90 -23
  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 +83 -102
  45. package/dist/index19.js.map +1 -1
  46. package/dist/index2.cjs +1 -0
  47. package/dist/index2.js +7 -0
  48. package/dist/index20.cjs +2 -2
  49. package/dist/index20.cjs.map +1 -1
  50. package/dist/index20.js +126 -48
  51. package/dist/index20.js.map +1 -1
  52. package/dist/index21.cjs +2 -2
  53. package/dist/index21.cjs.map +1 -1
  54. package/dist/index21.js +41 -31
  55. package/dist/index21.js.map +1 -1
  56. package/dist/index22.cjs +2 -2
  57. package/dist/index22.cjs.map +1 -1
  58. package/dist/index22.js +76 -46
  59. package/dist/index22.js.map +1 -1
  60. package/dist/index23.cjs +2 -2
  61. package/dist/index23.cjs.map +1 -1
  62. package/dist/index23.js +68 -185
  63. package/dist/index23.js.map +1 -1
  64. package/dist/index24.cjs +2 -2
  65. package/dist/index24.cjs.map +1 -1
  66. package/dist/index24.js +31 -28
  67. package/dist/index24.js.map +1 -1
  68. package/dist/index25.cjs +2 -2
  69. package/dist/index25.cjs.map +1 -1
  70. package/dist/index25.js +17 -132
  71. package/dist/index25.js.map +1 -1
  72. package/dist/index26.cjs +2 -2
  73. package/dist/index26.cjs.map +1 -1
  74. package/dist/index26.js +17 -17
  75. package/dist/index26.js.map +1 -1
  76. package/dist/index27.cjs +2 -2
  77. package/dist/index27.cjs.map +1 -1
  78. package/dist/index27.js +52 -36
  79. package/dist/index27.js.map +1 -1
  80. package/dist/index28.cjs +2 -2
  81. package/dist/index28.cjs.map +1 -1
  82. package/dist/index28.js +10 -33
  83. package/dist/index28.js.map +1 -1
  84. package/dist/index29.cjs +2 -2
  85. package/dist/index29.cjs.map +1 -1
  86. package/dist/index29.js +25 -135
  87. package/dist/index29.js.map +1 -1
  88. package/dist/index30.cjs +2 -2
  89. package/dist/index30.cjs.map +1 -1
  90. package/dist/index30.js +66 -62
  91. package/dist/index30.js.map +1 -1
  92. package/dist/index31.cjs +2 -2
  93. package/dist/index31.cjs.map +1 -1
  94. package/dist/index31.js +22 -88
  95. package/dist/index31.js.map +1 -1
  96. package/dist/index32.cjs +2 -2
  97. package/dist/index32.cjs.map +1 -1
  98. package/dist/index32.js +30 -23
  99. package/dist/index32.js.map +1 -1
  100. package/dist/index33.cjs +2 -2
  101. package/dist/index33.cjs.map +1 -1
  102. package/dist/index33.js +97 -93
  103. package/dist/index33.js.map +1 -1
  104. package/dist/index34.cjs +2 -2
  105. package/dist/index34.cjs.map +1 -1
  106. package/dist/index34.js +19 -72
  107. package/dist/index34.js.map +1 -1
  108. package/dist/index35.cjs +2 -2
  109. package/dist/index35.cjs.map +1 -1
  110. package/dist/index35.js +81 -62
  111. package/dist/index35.js.map +1 -1
  112. package/dist/index36.cjs +2 -2
  113. package/dist/index36.cjs.map +1 -1
  114. package/dist/index36.js +14 -161
  115. package/dist/index36.js.map +1 -1
  116. package/dist/index37.cjs +2 -2
  117. package/dist/index37.cjs.map +1 -1
  118. package/dist/index37.js +44 -6
  119. package/dist/index37.js.map +1 -1
  120. package/dist/index38.cjs +2 -2
  121. package/dist/index38.cjs.map +1 -1
  122. package/dist/index38.js +22 -36
  123. package/dist/index38.js.map +1 -1
  124. package/dist/index39.cjs +2 -2
  125. package/dist/index39.cjs.map +1 -1
  126. package/dist/index39.js +71 -16
  127. package/dist/index39.js.map +1 -1
  128. package/dist/index4.cjs +2 -2
  129. package/dist/index4.cjs.map +1 -1
  130. package/dist/index4.js +18 -160
  131. package/dist/index4.js.map +1 -1
  132. package/dist/index40.cjs +2 -2
  133. package/dist/index40.cjs.map +1 -1
  134. package/dist/index40.js +58 -120
  135. package/dist/index40.js.map +1 -1
  136. package/dist/index41.cjs +2 -2
  137. package/dist/index41.cjs.map +1 -1
  138. package/dist/index41.js +73 -16
  139. package/dist/index41.js.map +1 -1
  140. package/dist/index42.cjs +2 -2
  141. package/dist/index42.cjs.map +1 -1
  142. package/dist/index42.js +15 -10
  143. package/dist/index42.js.map +1 -1
  144. package/dist/index43.cjs +2 -2
  145. package/dist/index43.cjs.map +1 -1
  146. package/dist/index43.js +87 -5
  147. package/dist/index43.js.map +1 -1
  148. package/dist/index44.cjs +2 -2
  149. package/dist/index44.cjs.map +1 -1
  150. package/dist/index44.js +52 -26
  151. package/dist/index44.js.map +1 -1
  152. package/dist/index45.cjs +2 -7
  153. package/dist/index45.cjs.map +1 -1
  154. package/dist/index45.js +48 -238
  155. package/dist/index45.js.map +1 -1
  156. package/dist/index46.cjs +2 -2
  157. package/dist/index46.cjs.map +1 -1
  158. package/dist/index46.js +85 -17
  159. package/dist/index46.js.map +1 -1
  160. package/dist/index5.cjs +2 -2
  161. package/dist/index5.cjs.map +1 -1
  162. package/dist/index5.js +34 -80
  163. package/dist/index5.js.map +1 -1
  164. package/dist/index6.cjs +2 -2
  165. package/dist/index6.cjs.map +1 -1
  166. package/dist/index6.js +1586 -163
  167. package/dist/index6.js.map +1 -1
  168. package/dist/index7.cjs +2 -2
  169. package/dist/index7.cjs.map +1 -1
  170. package/dist/index7.js +14 -196
  171. package/dist/index7.js.map +1 -1
  172. package/dist/index8.cjs +2 -2
  173. package/dist/index8.cjs.map +1 -1
  174. package/dist/index8.js +23 -91
  175. package/dist/index8.js.map +1 -1
  176. package/dist/index9.cjs +7 -2
  177. package/dist/index9.cjs.map +1 -1
  178. package/dist/index9.js +162 -40
  179. package/dist/index9.js.map +1 -1
  180. package/package.json +22 -20
  181. package/dist/index.cjs.map +0 -1
  182. package/dist/index.js.map +0 -1
  183. package/dist/index3.cjs +0 -2
  184. package/dist/index3.cjs.map +0 -1
  185. package/dist/index3.js +0 -87
  186. package/dist/index3.js.map +0 -1
  187. package/dist/index47.cjs +0 -2
  188. package/dist/index47.cjs.map +0 -1
  189. package/dist/index47.js +0 -2732
  190. package/dist/index47.js.map +0 -1
  191. package/dist/index48.cjs +0 -2
  192. package/dist/index48.cjs.map +0 -1
  193. package/dist/index48.js +0 -5
  194. package/dist/index48.js.map +0 -1
  195. package/dist/index49.cjs +0 -2
  196. package/dist/index49.cjs.map +0 -1
  197. package/dist/index49.js +0 -5
  198. package/dist/index49.js.map +0 -1
  199. /package/dist/{cosmik-theme.css → src/cosmik-theme.css} +0 -0
package/dist/index33.js CHANGED
@@ -1,94 +1,98 @@
1
- import { j as g } from "./index37.js";
2
- import * as d from "@radix-ui/react-toggle";
3
- import { cva as s } from "./index38.js";
4
- import { cn as b } from "./index39.js";
5
- const l = s(
6
- "inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40",
7
- {
8
- variants: {
9
- variant: {
10
- "badge-green": "bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200",
11
- "badge-yellow": "bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200",
12
- "badge-magenta": "bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100",
13
- "badge-gray": "bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300",
14
- "badge-purple": "bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200",
15
- "badge-robinblue": "bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200"
16
- },
17
- size: {
18
- icon: "w-32 h-32",
19
- sm: "px-8 h-[26px] text-sm",
20
- md: "px-12 h-32 text-base"
21
- },
22
- border: {
23
- outline: "border",
24
- none: "border-0"
25
- },
26
- inverted: {
27
- true: "data-[state=on]:text-white [&_svg]:data-[state=on]:text-white",
28
- false: ""
29
- }
30
- },
31
- compoundVariants: [
32
- {
33
- inverted: !0,
34
- variant: "badge-green",
35
- className: "data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800"
36
- },
37
- {
38
- inverted: !0,
39
- variant: "badge-yellow",
40
- className: "data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800"
41
- },
42
- {
43
- inverted: !0,
44
- variant: "badge-magenta",
45
- className: "data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800"
46
- },
47
- {
48
- inverted: !0,
49
- variant: "badge-gray",
50
- className: "data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800"
51
- },
52
- {
53
- inverted: !0,
54
- variant: "badge-purple",
55
- className: "data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800"
56
- },
57
- {
58
- inverted: !0,
59
- variant: "badge-robinblue",
60
- className: "data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800"
61
- }
62
- ],
63
- defaultVariants: {
64
- variant: "badge-purple",
65
- size: "icon",
66
- border: "outline",
67
- inverted: !1
68
- }
69
- }
70
- );
71
- function u({
72
- className: a,
73
- variant: t,
74
- size: e,
75
- border: r,
76
- inverted: o,
77
- ...n
78
- }) {
79
- return /* @__PURE__ */ g.jsx(
80
- d.Root,
81
- {
82
- "data-slot": "toggle",
83
- className: b(
84
- l({ variant: t, size: e, border: r, inverted: o, className: a })
85
- ),
86
- ...n
87
- }
88
- );
1
+ "use client";
2
+ import { cn as e } from "./index7.js";
3
+ import { require_jsx_runtime as t } from "./index10.js";
4
+ import { CheckIcon as n, ChevronDownIcon as r, ChevronUpIcon as i } from "lucide-react";
5
+ import "react";
6
+ import * as a from "@radix-ui/react-select";
7
+ //#region src/Select/index.tsx
8
+ var o = t();
9
+ function s({ ...e }) {
10
+ return /* @__PURE__ */ (0, o.jsx)(a.Root, {
11
+ "data-slot": "select",
12
+ ...e
13
+ });
89
14
  }
90
- export {
91
- u as Toggle,
92
- l as toggleVariants
93
- };
94
- //# sourceMappingURL=index33.js.map
15
+ function c({ ...e }) {
16
+ return /* @__PURE__ */ (0, o.jsx)(a.Group, {
17
+ "data-slot": "select-group",
18
+ ...e
19
+ });
20
+ }
21
+ function l({ ...e }) {
22
+ return /* @__PURE__ */ (0, o.jsx)(a.Value, {
23
+ "data-slot": "select-value",
24
+ ...e
25
+ });
26
+ }
27
+ function u({ className: t, children: n, ...i }) {
28
+ return /* @__PURE__ */ (0, o.jsxs)(a.Trigger, {
29
+ "data-slot": "select-trigger",
30
+ className: e("border border-gray-900/24 data-[placeholder]:text-gray-700 [&_svg:not([class*='text-'])]:text-gray-700", "focus-visible:outline-none focus:shadow-field-active", "flex h-[36px] w-full items-center justify-between rounded bg-white pl-16 pr-12 text-left whitespace-nowrap transition-[color,box-shadow]", "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none", "*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-8", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16", "hover:shadow-field-hover", "active:shadow-field-active", "data-[state=open]:shadow-field-active", t),
31
+ ...i,
32
+ children: [n, /* @__PURE__ */ (0, o.jsx)(a.Icon, {
33
+ asChild: !0,
34
+ children: /* @__PURE__ */ (0, o.jsx)(r, { className: "size-16 opacity-64 shrink-0 ml-4" })
35
+ })]
36
+ });
37
+ }
38
+ function d({ className: t, children: n, position: r = "popper", ...i }) {
39
+ return /* @__PURE__ */ (0, o.jsx)(a.Portal, { children: /* @__PURE__ */ (0, o.jsxs)(a.Content, {
40
+ "data-slot": "select-content",
41
+ className: e("bg-white", "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", "relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border shadow-200", r === "popper" && "data-[side=bottom]:translate-y-4 data-[side=left]:-translate-x-4 data-[side=right]:translate-x-4 data-[side=top]:-translate-y-4", t),
42
+ position: r,
43
+ ...i,
44
+ children: [
45
+ /* @__PURE__ */ (0, o.jsx)(h, {}),
46
+ /* @__PURE__ */ (0, o.jsx)(a.Viewport, {
47
+ className: e(r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-4"),
48
+ children: n
49
+ }),
50
+ /* @__PURE__ */ (0, o.jsx)(g, {})
51
+ ]
52
+ }) });
53
+ }
54
+ function f({ className: t, ...n }) {
55
+ return /* @__PURE__ */ (0, o.jsx)(a.Label, {
56
+ "data-slot": "select-label",
57
+ className: e("px-16 py-8 pr-8 font-semibold", t),
58
+ ...n
59
+ });
60
+ }
61
+ function p({ className: t, children: r, ...i }) {
62
+ return /* @__PURE__ */ (0, o.jsxs)(a.Item, {
63
+ "data-slot": "select-item",
64
+ className: e("relative flex w-full cursor-default items-center gap-8 py-8 pl-16 pr-32 outline-none select-none", "hover:bg-gray-200", "data-[disabled]:pointer-events-none data-[disabled]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0", "data-[state=checked]:bg-purple-800 data-[state=checked]:text-white hover:data-[state=checked]:bg-purple-800", "[&_svg:not([class*='size-'])]:size-16 *:[span]:last:flex *:[span]:last:flex-col *:[span]:last:gap-8", t),
65
+ ...i,
66
+ children: [/* @__PURE__ */ (0, o.jsx)("span", {
67
+ className: "absolute right-8 top-8 flex size-16 items-center justify-center",
68
+ children: /* @__PURE__ */ (0, o.jsx)(a.ItemIndicator, { children: /* @__PURE__ */ (0, o.jsx)(n, { className: "size-16" }) })
69
+ }), /* @__PURE__ */ (0, o.jsx)(a.ItemText, { children: r })]
70
+ });
71
+ }
72
+ function m({ className: t, ...n }) {
73
+ return /* @__PURE__ */ (0, o.jsx)(a.Separator, {
74
+ "data-slot": "select-separator",
75
+ className: e("bg-gray-900/24 pointer-events-none -mx-4 my-4 h-px", t),
76
+ ...n
77
+ });
78
+ }
79
+ function h({ className: t, ...n }) {
80
+ return /* @__PURE__ */ (0, o.jsx)(a.ScrollUpButton, {
81
+ "data-slot": "select-scroll-up-button",
82
+ className: e("flex cursor-default items-center justify-center py-4", t),
83
+ ...n,
84
+ children: /* @__PURE__ */ (0, o.jsx)(i, { className: "size-16" })
85
+ });
86
+ }
87
+ function g({ className: t, ...n }) {
88
+ return /* @__PURE__ */ (0, o.jsx)(a.ScrollDownButton, {
89
+ "data-slot": "select-scroll-down-button",
90
+ className: e("flex cursor-default items-center justify-center py-4", t),
91
+ ...n,
92
+ children: /* @__PURE__ */ (0, o.jsx)(r, { className: "size-16" })
93
+ });
94
+ }
95
+ //#endregion
96
+ export { s as Select, d as SelectContent, c as SelectGroup, p as SelectItem, f as SelectLabel, g as SelectScrollDownButton, h as SelectScrollUpButton, m as SelectSeparator, u as SelectTrigger, l as SelectValue };
97
+
98
+ //# sourceMappingURL=index33.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index33.js","sources":["../src/Toggle/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst toggleVariants = cva(\n 'inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40',\n {\n variants: {\n variant: {\n 'badge-green':\n 'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200',\n 'badge-yellow':\n 'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200',\n 'badge-magenta':\n 'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100',\n 'badge-gray':\n 'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300',\n 'badge-purple':\n 'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200',\n 'badge-robinblue':\n 'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200'\n },\n size: {\n icon: 'w-32 h-32',\n sm: 'px-8 h-[26px] text-sm',\n md: 'px-12 h-32 text-base'\n },\n border: {\n outline: 'border',\n none: 'border-0'\n },\n inverted: {\n true: 'data-[state=on]:text-white [&_svg]:data-[state=on]:text-white',\n false: ''\n }\n },\n compoundVariants: [\n {\n inverted: true,\n variant: 'badge-green',\n className:\n 'data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800'\n },\n {\n inverted: true,\n variant: 'badge-yellow',\n className:\n 'data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800'\n },\n {\n inverted: true,\n variant: 'badge-magenta',\n className:\n 'data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800'\n },\n {\n inverted: true,\n variant: 'badge-gray',\n className:\n 'data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800'\n },\n {\n inverted: true,\n variant: 'badge-purple',\n className:\n 'data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800'\n },\n {\n inverted: true,\n variant: 'badge-robinblue',\n className:\n 'data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800'\n }\n ],\n defaultVariants: {\n variant: 'badge-purple',\n size: 'icon',\n border: 'outline',\n inverted: false\n }\n }\n)\n\nfunction Toggle({\n className,\n variant,\n size,\n border,\n inverted,\n ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants>) {\n return (\n <TogglePrimitive.Root\n data-slot=\"toggle\"\n className={cn(\n toggleVariants({ variant, size, border, inverted, className })\n )}\n {...props}\n />\n )\n}\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","className","variant","size","border","inverted","props","jsx","TogglePrimitive","cn"],"mappings":";;;;AAOA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,eACE;AAAA,QACF,gBACE;AAAA,QACF,iBACE;AAAA,QACF,cACE;AAAA,QACF,gBACE;AAAA,QACF,mBACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAER,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;AAEA,SAASC,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACuC;AACrC,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACTX,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,WAAAJ,GAAW;AAAA,MAAA;AAAA,MAE9D,GAAGK;AAAA,IAAA;AAAA,EAAA;AAGV;"}
1
+ {"version":3,"file":"index33.js","names":[],"sources":["../src/Select/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SelectPrimitive from '@radix-ui/react-select'\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Select({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n size?: 'sm' | 'default'\n}) {\n return (\n <SelectPrimitive.Trigger\n data-slot=\"select-trigger\"\n className={cn(\n \"border border-gray-900/24 data-[placeholder]:text-gray-700 [&_svg:not([class*='text-'])]:text-gray-700\",\n 'focus-visible:outline-none focus:shadow-field-active',\n 'flex h-[36px] w-full items-center justify-between rounded bg-white pl-16 pr-12 text-left whitespace-nowrap transition-[color,box-shadow]',\n 'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n '*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-8',\n \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-16\",\n 'hover:shadow-field-hover',\n 'active:shadow-field-active',\n 'data-[state=open]:shadow-field-active',\n className\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <ChevronDownIcon className=\"size-16 opacity-64 shrink-0 ml-4\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = 'popper',\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n return (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n data-slot=\"select-content\"\n className={cn(\n 'bg-white',\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n 'data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2',\n 'data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n 'relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded border shadow-200',\n position === 'popper' &&\n 'data-[side=bottom]:translate-y-4 data-[side=left]:-translate-x-4 data-[side=right]:translate-x-4 data-[side=top]:-translate-y-4',\n className\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n position === 'popper' &&\n 'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-4'\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n return (\n <SelectPrimitive.Label\n data-slot=\"select-label\"\n className={cn('px-16 py-8 pr-8 font-semibold', className)}\n {...props}\n />\n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n return (\n <SelectPrimitive.Item\n data-slot=\"select-item\"\n className={cn(\n 'relative flex w-full cursor-default items-center gap-8 py-8 pl-16 pr-32 outline-none select-none',\n 'hover:bg-gray-200',\n 'data-[disabled]:pointer-events-none data-[disabled]:opacity-64 [&_svg]:pointer-events-none [&_svg]:shrink-0',\n 'data-[state=checked]:bg-purple-800 data-[state=checked]:text-white hover:data-[state=checked]:bg-purple-800',\n \"[&_svg:not([class*='size-'])]:size-16 *:[span]:last:flex *:[span]:last:flex-col *:[span]:last:gap-8\",\n className\n )}\n {...props}\n >\n <span className=\"absolute right-8 top-8 flex size-16 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-16\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n return (\n <SelectPrimitive.Separator\n data-slot=\"select-separator\"\n className={cn(\n 'bg-gray-900/24 pointer-events-none -mx-4 my-4 h-px',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n return (\n <SelectPrimitive.ScrollUpButton\n data-slot=\"select-scroll-up-button\"\n className={cn(\n 'flex cursor-default items-center justify-center py-4',\n className\n )}\n {...props}\n >\n <ChevronUpIcon className=\"size-16\" />\n </SelectPrimitive.ScrollUpButton>\n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n return (\n <SelectPrimitive.ScrollDownButton\n data-slot=\"select-scroll-down-button\"\n className={cn(\n 'flex cursor-default items-center justify-center py-4',\n className\n )}\n {...props}\n >\n <ChevronDownIcon className=\"size-16\" />\n </SelectPrimitive.ScrollDownButton>\n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue\n}\n"],"mappings":";;;;;;;;AAOA,SAAS,EAAO,EACd,GAAG,KACiD;CACpD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAgB,MAAjB;EAAsB,aAAU;EAAS,GAAI;CAAQ,CAAA;AAC9D;AAEA,SAAS,EAAY,EACnB,GAAG,KACkD;CACrD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,EAAY,EACnB,GAAG,KACkD;CACrD,OAAO,iBAAA,GAAA,EAAA,KAAC,EAAgB,OAAjB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,EAAc,EACrB,cACA,aACA,GAAG,KAGF;CACD,OACE,iBAAA,GAAA,EAAA,MAAC,EAAgB,SAAjB;EACE,aAAU;EACV,WAAW,EACT,0GACA,wDACA,4IACA,wEACA,oJACA,sFACA,4BACA,8BACA,yCACA,CACF;EACA,GAAI;YAdN,CAgBG,GACD,iBAAA,GAAA,EAAA,KAAC,EAAgB,MAAjB;GAAsB,SAAA;aACpB,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiB,WAAU,mCAAoC,CAAA;EAC3C,CAAA,CACC;;AAE7B;AAEA,SAAS,EAAc,EACrB,cACA,aACA,cAAW,UACX,GAAG,KACoD;CACvD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAgB,QAAjB,EAAA,UACE,iBAAA,GAAA,EAAA,MAAC,EAAgB,SAAjB;EACE,aAAU;EACV,WAAW,EACT,YACA,2HACA,uGACA,wHACA,2LACA,MAAa,YACX,mIACF,CACF;EACU;EACV,GAAI;YAbN;GAeE,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAuB,CAAA;GACvB,iBAAA,GAAA,EAAA,KAAC,EAAgB,UAAjB;IACE,WAAW,EACT,MAAa,YACX,qGACJ;IAEC;GACuB,CAAA;GAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAyB,CAAA;EACF;IACH,CAAA;AAE5B;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAgB,OAAjB;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,CAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAClB,cACA,aACA,GAAG,KACiD;CACpD,OACE,iBAAA,GAAA,EAAA,MAAC,EAAgB,MAAjB;EACE,aAAU;EACV,WAAW,EACT,oGACA,qBACA,+GACA,+GACA,uGACA,CACF;EACA,GAAI;YAVN,CAYE,iBAAA,GAAA,EAAA,KAAC,QAAD;GAAM,WAAU;aACd,iBAAA,GAAA,EAAA,KAAC,EAAgB,eAAjB,EAAA,UACE,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAW,WAAU,UAAW,CAAA,EACH,CAAA;EAC3B,CAAA,GACN,iBAAA,GAAA,EAAA,KAAC,EAAgB,UAAjB,EAA2B,YAAmC,CAAA,CAC1C;;AAE1B;AAEA,SAAS,EAAgB,EACvB,cACA,GAAG,KACsD;CACzD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAgB,WAAjB;EACE,aAAU;EACV,WAAW,EACT,sDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAqB,EAC5B,cACA,GAAG,KAC2D;CAC9D,OACE,iBAAA,GAAA,EAAA,KAAC,EAAgB,gBAAjB;EACE,aAAU;EACV,WAAW,EACT,wDACA,CACF;EACA,GAAI;YAEJ,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAe,WAAU,UAAW,CAAA;CACN,CAAA;AAEpC;AAEA,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC6D;CAChE,OACE,iBAAA,GAAA,EAAA,KAAC,EAAgB,kBAAjB;EACE,aAAU;EACV,WAAW,EACT,wDACA,CACF;EACA,GAAI;YAEJ,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiB,WAAU,UAAW,CAAA;CACN,CAAA;AAEtC"}
package/dist/index34.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index37.cjs"),f=require("@radix-ui/react-toggle-group"),m=require("react"),v=require("./index33.cjs"),l=require("./index39.cjs");function d(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=d(f),g=d(m),p=g.createContext({variant:"badge-purple",size:"icon",border:"outline",inverted:!1});function x({className:t,variant:r,size:e,border:n,inverted:a,children:i,...s}){return u.jsxRuntimeExports.jsx(c.Root,{"data-slot":"toggle-group","data-variant":r,"data-size":e,className:l.cn("group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow",t),...s,children:u.jsxRuntimeExports.jsx(p.Provider,{value:{variant:r,size:e,border:n,inverted:a},children:i})})}function b({className:t,children:r,variant:e,size:n,border:a,inverted:i,...s}){const o=g.useContext(p);return u.jsxRuntimeExports.jsx(c.Item,{"data-slot":"toggle-group-item","data-variant":o.variant||e,"data-size":o.size||n,"data-border":o.border||a,"data-inverted":o.inverted||i,className:l.cn(v.toggleVariants({variant:o.variant||e,size:o.size||n,border:o.border||a,inverted:o.inverted||i}),"min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l last:rounded-r focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",t),...s,children:r})}exports.ToggleGroup=x;exports.ToggleGroupItem=b;
2
- //# sourceMappingURL=index34.cjs.map
1
+ "use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("@radix-ui/react-separator");i=e.__toESM(i,1);var a=n.default;function o({className:e,orientation:n=`horizontal`,decorative:r=!0,...o}){return(0,a.jsx)(i.Root,{"data-slot":`separator`,decorative:r,orientation:n,className:t.cn(`bg-gray-900/16 shrink-0`,`data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto`,`data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px`,e),...o})}exports.Separator=o;
2
+ //# sourceMappingURL=index34.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index34.cjs","sources":["../src/ToggleGroup/index.tsx"],"sourcesContent":["'use client'\n\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { toggleVariants } from '../Toggle'\nimport { cn } from '../lib/utils'\n\nconst ToggleGroupContext = React.createContext<\n VariantProps<typeof toggleVariants>\n>({\n variant: 'badge-purple',\n size: 'icon',\n border: 'outline',\n inverted: false\n})\n\nfunction ToggleGroup({\n className,\n variant,\n size,\n border,\n inverted,\n children,\n ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n VariantProps<typeof toggleVariants>) {\n return (\n <ToggleGroupPrimitive.Root\n data-slot=\"toggle-group\"\n data-variant={variant}\n data-size={size}\n className={cn(\n 'group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow',\n className\n )}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size, border, inverted }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n )\n}\n\nfunction ToggleGroupItem({\n className,\n children,\n variant,\n size,\n border,\n inverted,\n ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n VariantProps<typeof toggleVariants>) {\n const context = React.useContext(ToggleGroupContext)\n\n return (\n <ToggleGroupPrimitive.Item\n data-slot=\"toggle-group-item\"\n data-variant={context.variant || variant}\n data-size={context.size || size}\n data-border={context.border || border}\n data-inverted={context.inverted || inverted}\n className={cn(\n toggleVariants({\n variant: context.variant || variant,\n size: context.size || size,\n border: context.border || border,\n inverted: context.inverted || inverted\n }),\n 'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l last:rounded-r focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',\n className\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","border","inverted","children","props","jsx","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":"qgBAQMA,EAAqBC,EAAM,cAE/B,CACA,QAAS,eACT,KAAM,OACN,OAAQ,UACR,SAAU,EACZ,CAAC,EAED,SAASC,EAAY,CACnB,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACuC,CACrC,OACEC,EAAAA,kBAAAA,IAACC,EAAqB,KAArB,CACC,YAAU,eACV,eAAcP,EACd,YAAWC,EACX,UAAWO,EAAAA,GACT,mFACAT,CAAA,EAED,GAAGM,EAEJ,SAAAC,EAAAA,kBAAAA,IAACV,EAAmB,SAAnB,CAA4B,MAAO,CAAE,QAAAI,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,CAAA,EAC1D,SAAAC,CAAA,CACH,CAAA,CAAA,CAGN,CAEA,SAASK,EAAgB,CACvB,UAAAV,EACA,SAAAK,EACA,QAAAJ,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGE,CACL,EACuC,CACrC,MAAMK,EAAUb,EAAM,WAAWD,CAAkB,EAEnD,OACEU,EAAAA,kBAAAA,IAACC,EAAqB,KAArB,CACC,YAAU,oBACV,eAAcG,EAAQ,SAAWV,EACjC,YAAWU,EAAQ,MAAQT,EAC3B,cAAaS,EAAQ,QAAUR,EAC/B,gBAAeQ,EAAQ,UAAYP,EACnC,UAAWK,EAAAA,GACTG,iBAAe,CACb,QAASD,EAAQ,SAAWV,EAC5B,KAAMU,EAAQ,MAAQT,EACtB,OAAQS,EAAQ,QAAUR,EAC1B,SAAUQ,EAAQ,UAAYP,CAAA,CAC/B,EACD,wLACAJ,CAAA,EAED,GAAGM,EAEH,SAAAD,CAAA,CAAA,CAGP"}
1
+ {"version":3,"file":"index34.cjs","names":[],"sources":["../src/Separator/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Separator({\n className,\n orientation = 'horizontal',\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n 'bg-gray-900/16 shrink-0',\n 'data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto',\n 'data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Separator }\n"],"mappings":"sNAMA,SAAS,EAAU,CACjB,YACA,cAAc,aACd,aAAa,GACb,GAAG,GACoD,CACvD,OACE,EAAA,EAAA,KAAC,EAAmB,KAApB,CACE,YAAU,YACE,aACC,cACb,UAAW,EAAA,GACT,0BACA,0EACA,sEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
package/dist/index34.js CHANGED
@@ -1,73 +1,20 @@
1
- import { j as s } from "./index37.js";
2
- import * as l from "@radix-ui/react-toggle-group";
3
- import * as u from "react";
4
- import { toggleVariants as p } from "./index33.js";
5
- import { cn as g } from "./index39.js";
6
- const m = u.createContext({
7
- variant: "badge-purple",
8
- size: "icon",
9
- border: "outline",
10
- inverted: !1
11
- });
12
- function x({
13
- className: n,
14
- variant: r,
15
- size: e,
16
- border: o,
17
- inverted: a,
18
- children: i,
19
- ...d
20
- }) {
21
- return /* @__PURE__ */ s.jsx(
22
- l.Root,
23
- {
24
- "data-slot": "toggle-group",
25
- "data-variant": r,
26
- "data-size": e,
27
- className: g(
28
- "group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow",
29
- n
30
- ),
31
- ...d,
32
- children: /* @__PURE__ */ s.jsx(m.Provider, { value: { variant: r, size: e, border: o, inverted: a }, children: i })
33
- }
34
- );
1
+ "use client";
2
+ import { cn as e } from "./index7.js";
3
+ import { require_jsx_runtime as t } from "./index10.js";
4
+ import "react";
5
+ import * as n from "@radix-ui/react-separator";
6
+ //#region src/Separator/index.tsx
7
+ var r = t();
8
+ function i({ className: t, orientation: i = "horizontal", decorative: a = !0, ...o }) {
9
+ return /* @__PURE__ */ (0, r.jsx)(n.Root, {
10
+ "data-slot": "separator",
11
+ decorative: a,
12
+ orientation: i,
13
+ className: e("bg-gray-900/16 shrink-0", "data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto", "data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px", t),
14
+ ...o
15
+ });
35
16
  }
36
- function b({
37
- className: n,
38
- children: r,
39
- variant: e,
40
- size: o,
41
- border: a,
42
- inverted: i,
43
- ...d
44
- }) {
45
- const t = u.useContext(m);
46
- return /* @__PURE__ */ s.jsx(
47
- l.Item,
48
- {
49
- "data-slot": "toggle-group-item",
50
- "data-variant": t.variant || e,
51
- "data-size": t.size || o,
52
- "data-border": t.border || a,
53
- "data-inverted": t.inverted || i,
54
- className: g(
55
- p({
56
- variant: t.variant || e,
57
- size: t.size || o,
58
- border: t.border || a,
59
- inverted: t.inverted || i
60
- }),
61
- "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l last:rounded-r focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",
62
- n
63
- ),
64
- ...d,
65
- children: r
66
- }
67
- );
68
- }
69
- export {
70
- x as ToggleGroup,
71
- b as ToggleGroupItem
72
- };
73
- //# sourceMappingURL=index34.js.map
17
+ //#endregion
18
+ export { i as Separator };
19
+
20
+ //# sourceMappingURL=index34.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index34.js","sources":["../src/ToggleGroup/index.tsx"],"sourcesContent":["'use client'\n\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { toggleVariants } from '../Toggle'\nimport { cn } from '../lib/utils'\n\nconst ToggleGroupContext = React.createContext<\n VariantProps<typeof toggleVariants>\n>({\n variant: 'badge-purple',\n size: 'icon',\n border: 'outline',\n inverted: false\n})\n\nfunction ToggleGroup({\n className,\n variant,\n size,\n border,\n inverted,\n children,\n ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n VariantProps<typeof toggleVariants>) {\n return (\n <ToggleGroupPrimitive.Root\n data-slot=\"toggle-group\"\n data-variant={variant}\n data-size={size}\n className={cn(\n 'group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow',\n className\n )}\n {...props}\n >\n <ToggleGroupContext.Provider value={{ variant, size, border, inverted }}>\n {children}\n </ToggleGroupContext.Provider>\n </ToggleGroupPrimitive.Root>\n )\n}\n\nfunction ToggleGroupItem({\n className,\n children,\n variant,\n size,\n border,\n inverted,\n ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n VariantProps<typeof toggleVariants>) {\n const context = React.useContext(ToggleGroupContext)\n\n return (\n <ToggleGroupPrimitive.Item\n data-slot=\"toggle-group-item\"\n data-variant={context.variant || variant}\n data-size={context.size || size}\n data-border={context.border || border}\n data-inverted={context.inverted || inverted}\n className={cn(\n toggleVariants({\n variant: context.variant || variant,\n size: context.size || size,\n border: context.border || border,\n inverted: context.inverted || inverted\n }),\n 'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l last:rounded-r focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',\n className\n )}\n {...props}\n >\n {children}\n </ToggleGroupPrimitive.Item>\n )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","border","inverted","children","props","jsx","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;;AAQA,MAAMA,IAAqBC,EAAM,cAE/B;AAAA,EACA,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AACZ,CAAC;AAED,SAASC,EAAY;AAAA,EACnB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACuC;AACrC,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAcP;AAAA,MACd,aAAWC;AAAA,MACX,WAAWO;AAAA,QACT;AAAA,QACAT;AAAA,MAAA;AAAA,MAED,GAAGM;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA,IAACV,EAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAAI,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,EAAA,GAC1D,UAAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASK,EAAgB;AAAA,EACvB,WAAAV;AAAA,EACA,UAAAK;AAAA,EACA,SAAAJ;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGE;AACL,GACuC;AACrC,QAAMK,IAAUb,EAAM,WAAWD,CAAkB;AAEnD,SACEU,gBAAAA,EAAAA;AAAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAcG,EAAQ,WAAWV;AAAA,MACjC,aAAWU,EAAQ,QAAQT;AAAA,MAC3B,eAAaS,EAAQ,UAAUR;AAAA,MAC/B,iBAAeQ,EAAQ,YAAYP;AAAA,MACnC,WAAWK;AAAA,QACTG,EAAe;AAAA,UACb,SAASD,EAAQ,WAAWV;AAAA,UAC5B,MAAMU,EAAQ,QAAQT;AAAA,UACtB,QAAQS,EAAQ,UAAUR;AAAA,UAC1B,UAAUQ,EAAQ,YAAYP;AAAA,QAAA,CAC/B;AAAA,QACD;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGM;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
1
+ {"version":3,"file":"index34.js","names":[],"sources":["../src/Separator/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Separator({\n className,\n orientation = 'horizontal',\n decorative = true,\n ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n return (\n <SeparatorPrimitive.Root\n data-slot=\"separator\"\n decorative={decorative}\n orientation={orientation}\n className={cn(\n 'bg-gray-900/16 shrink-0',\n 'data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-auto',\n 'data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-px',\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Separator }\n"],"mappings":";;;;;;;AAMA,SAAS,EAAU,EACjB,cACA,iBAAc,cACd,gBAAa,IACb,GAAG,KACoD;CACvD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAmB,MAApB;EACE,aAAU;EACE;EACC;EACb,WAAW,EACT,2BACA,2EACA,uEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}
package/dist/index35.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index37.cjs"),d=require("@radix-ui/react-tooltip"),l=require("./index38.cjs"),u=require("./index39.cjs");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const r=c(d),p=l.cva("z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 origin-(--radix-tooltip-content-transform-origin)",{variants:{variant:{default:"bg-gray-800 text-white text-sm",inverted:"bg-white text-gray-800 border border-gray-900/8"}},defaultVariants:{variant:"default"}});function a({delayDuration:t=0,...e}){return i.jsxRuntimeExports.jsx(r.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function m({...t}){return i.jsxRuntimeExports.jsx(a,{children:i.jsxRuntimeExports.jsx(r.Root,{"data-slot":"tooltip",...t})})}function f({...t}){return i.jsxRuntimeExports.jsx(r.Trigger,{"data-slot":"tooltip-trigger",...t})}function x({variant:t,className:e,sideOffset:o=4,children:n,...s}){return i.jsxRuntimeExports.jsx(r.Portal,{children:i.jsxRuntimeExports.jsx(r.Content,{"data-slot":"tooltip-content",sideOffset:o,className:u.cn(p({variant:t,className:e})),...s,children:n})})}exports.Tooltip=m;exports.TooltipContent=x;exports.TooltipProvider=a;exports.TooltipTrigger=f;
2
- //# sourceMappingURL=index35.cjs.map
1
+ "use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);let a=require("@radix-ui/react-dialog");a=e.__toESM(a,1);var o=n.default;function s({...e}){return(0,o.jsx)(a.Root,{"data-slot":`sheet`,...e})}function c({...e}){return(0,o.jsx)(a.Trigger,{"data-slot":`sheet-trigger`,...e})}function l({...e}){return(0,o.jsx)(a.Close,{"data-slot":`sheet-close`,...e})}function u({...e}){return(0,o.jsx)(a.Portal,{"data-slot":`sheet-portal`,...e})}function d({className:e,...n}){return(0,o.jsx)(a.Overlay,{"data-slot":`sheet-overlay`,className:t.cn(`data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/24 `,e),...n})}function f({className:e,children:n,side:i=`right`,...s}){return(0,o.jsxs)(u,{children:[(0,o.jsx)(d,{}),(0,o.jsxs)(a.Content,{"data-slot":`sheet-content`,className:t.cn(` bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500`,i===`right`&&`data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm`,i===`left`&&`data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm`,i===`top`&&`data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b`,i===`bottom`&&`data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t`,e),...s,children:[n,(0,o.jsxs)(a.Close,{className:`absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none`,children:[(0,o.jsx)(r.XIcon,{className:`size-16`}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function p({className:e,...n}){return(0,o.jsx)(`div`,{"data-slot":`sheet-header`,className:t.cn(`flex flex-col gap-8`,e),...n})}function m({className:e,...n}){return(0,o.jsx)(`div`,{"data-slot":`sheet-footer`,className:t.cn(`flex flex-col-reverse sm:flex-row sm:justify-end gap-8`,e),...n})}function h({className:e,...n}){return(0,o.jsx)(a.Title,{"data-slot":`sheet-title`,className:t.cn(`text-gray-800 font-semibold`,e),...n})}function g({className:e,...n}){return(0,o.jsx)(a.Description,{"data-slot":`sheet-description`,className:t.cn(`text-gray-900 text-base`,e),...n})}exports.Sheet=s,exports.SheetClose=l,exports.SheetContent=f,exports.SheetDescription=g,exports.SheetFooter=m,exports.SheetHeader=p,exports.SheetOverlay=d,exports.SheetPortal=u,exports.SheetTitle=h,exports.SheetTrigger=c;
2
+ //# sourceMappingURL=index35.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index35.cjs","sources":["../src/Tooltip/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { VariantProps, cva } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst tooltipContentVariants = cva(\n 'z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 origin-(--radix-tooltip-content-transform-origin)',\n {\n variants: {\n variant: {\n default: 'bg-gray-800 text-white text-sm',\n inverted: 'bg-white text-gray-800 border border-gray-900/8'\n }\n },\n defaultVariants: {\n variant: 'default'\n }\n }\n)\n\nfunction TooltipProvider({\n delayDuration = 0,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n return (\n <TooltipPrimitive.Provider\n data-slot=\"tooltip-provider\"\n delayDuration={delayDuration}\n {...props}\n />\n )\n}\n\nfunction Tooltip({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n return (\n <TooltipProvider>\n <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n </TooltipProvider>\n )\n}\n\nfunction TooltipTrigger({\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n variant,\n className,\n sideOffset = 4,\n children,\n ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content> &\n VariantProps<typeof tooltipContentVariants>) {\n return (\n <TooltipPrimitive.Portal>\n <TooltipPrimitive.Content\n data-slot=\"tooltip-content\"\n sideOffset={sideOffset}\n className={cn(tooltipContentVariants({ variant, className }))}\n {...props}\n >\n {children}\n </TooltipPrimitive.Content>\n </TooltipPrimitive.Portal>\n )\n}\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"names":["tooltipContentVariants","cva","TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","variant","className","sideOffset","children","cn"],"mappings":"seAOMA,EAAyBC,EAAAA,IAC7B,0YACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iCACT,SAAU,iDAAA,CACZ,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEA,SAASC,EAAgB,CACvB,cAAAC,EAAgB,EAChB,GAAGC,CACL,EAA2D,CACzD,OACEC,EAAAA,kBAAAA,IAACC,EAAiB,SAAjB,CACC,YAAU,mBACV,cAAAH,EACC,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASG,EAAQ,CACf,GAAGH,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACH,EAAA,CACC,SAAAG,EAAAA,kBAAAA,IAACC,EAAiB,KAAjB,CAAsB,YAAU,UAAW,GAAGF,CAAA,CAAO,CAAA,CACxD,CAEJ,CAEA,SAASI,EAAe,CACtB,GAAGJ,CACL,EAA0D,CACxD,+BAAQE,EAAiB,QAAjB,CAAyB,YAAU,kBAAmB,GAAGF,EAAO,CAC1E,CAEA,SAASK,EAAe,CACtB,QAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,EACb,SAAAC,EACA,GAAGT,CACL,EAC+C,CAC7C,OACEC,EAAAA,kBAAAA,IAACC,EAAiB,OAAjB,CACC,SAAAD,EAAAA,kBAAAA,IAACC,EAAiB,QAAjB,CACC,YAAU,kBACV,WAAAM,EACA,UAAWE,EAAAA,GAAGd,EAAuB,CAAE,QAAAU,EAAS,UAAAC,CAAA,CAAW,CAAC,EAC3D,GAAGP,EAEH,SAAAS,CAAA,CAAA,EAEL,CAEJ"}
1
+ {"version":3,"file":"index35.cjs","names":[],"sources":["../src/Sheet/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n return (\n <SheetPrimitive.Overlay\n data-slot=\"sheet-overlay\"\n className={cn(\n 'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/24 ',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = 'right',\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n side?: 'top' | 'right' | 'bottom' | 'left'\n}) {\n return (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n data-slot=\"sheet-content\"\n className={cn(\n ' bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n side === 'right' &&\n 'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n side === 'left' &&\n 'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n side === 'top' &&\n 'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n side === 'bottom' &&\n 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n className\n )}\n {...props}\n >\n {children}\n <SheetPrimitive.Close className=\"absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\">\n <XIcon className=\"size-16\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-header\"\n className={cn('flex flex-col gap-8', className)}\n {...props}\n />\n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot=\"sheet-footer\"\n className={cn(\n 'flex flex-col-reverse sm:flex-row sm:justify-end gap-8',\n className\n )}\n {...props}\n />\n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n return (\n <SheetPrimitive.Title\n data-slot=\"sheet-title\"\n className={cn('text-gray-800 font-semibold', className)}\n {...props}\n />\n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n return (\n <SheetPrimitive.Description\n data-slot=\"sheet-description\"\n className={cn('text-gray-900 text-base', className)}\n {...props}\n />\n )\n}\n\nexport {\n Sheet,\n SheetClose,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetOverlay,\n SheetPortal,\n SheetTitle,\n SheetTrigger\n}\n"],"mappings":"6OAOA,SAAS,EAAM,CAAE,GAAG,GAA2D,CAC7E,OAAO,EAAA,EAAA,KAAC,EAAe,KAAhB,CAAqB,YAAU,QAAQ,GAAI,CAAQ,CAAA,CAC5D,CAEA,SAAS,EAAa,CACpB,GAAG,GACmD,CACtD,OAAO,EAAA,EAAA,KAAC,EAAe,QAAhB,CAAwB,YAAU,gBAAgB,GAAI,CAAQ,CAAA,CACvE,CAEA,SAAS,EAAW,CAClB,GAAG,GACiD,CACpD,OAAO,EAAA,EAAA,KAAC,EAAe,MAAhB,CAAsB,YAAU,cAAc,GAAI,CAAQ,CAAA,CACnE,CAEA,SAAS,EAAY,CACnB,GAAG,GACkD,CACrD,OAAO,EAAA,EAAA,KAAC,EAAe,OAAhB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAS,EAAa,CACpB,YACA,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,KAAC,EAAe,QAAhB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,6JACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CACpB,YACA,WACA,OAAO,QACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAe,CAAA,GACf,EAAA,EAAA,MAAC,EAAe,QAAhB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,mNACA,IAAS,SACP,mIACF,IAAS,QACP,gIACF,IAAS,OACP,2GACF,IAAS,UACP,oHACF,CACF,EACA,GAAI,WAdN,CAgBG,GACD,EAAA,EAAA,MAAC,EAAe,MAAhB,CAAsB,UAAU,4IAAhC,EACE,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,SAAW,CAAA,GAC5B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,OAAW,CAAA,CACjB,GACA,GACb,CAAA,CAAA,CAEjB,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,sBAAuB,CAAS,EAC9C,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,eACV,UAAW,EAAA,GACT,yDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAW,CAClB,YACA,GAAG,GACiD,CACpD,OACE,EAAA,EAAA,KAAC,EAAe,MAAhB,CACE,YAAU,cACV,UAAW,EAAA,GAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CACxB,YACA,GAAG,GACuD,CAC1D,OACE,EAAA,EAAA,KAAC,EAAe,YAAhB,CACE,YAAU,oBACV,UAAW,EAAA,GAAG,0BAA2B,CAAS,EAClD,GAAI,CACL,CAAA,CAEL"}
package/dist/index35.js CHANGED
@@ -1,66 +1,85 @@
1
- import { j as o } from "./index37.js";
2
- import * as i from "@radix-ui/react-tooltip";
3
- import { cva as d } from "./index38.js";
4
- import { cn as s } from "./index39.js";
5
- const l = d(
6
- "z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 origin-(--radix-tooltip-content-transform-origin)",
7
- {
8
- variants: {
9
- variant: {
10
- default: "bg-gray-800 text-white text-sm",
11
- inverted: "bg-white text-gray-800 border border-gray-900/8"
12
- }
13
- },
14
- defaultVariants: {
15
- variant: "default"
16
- }
17
- }
18
- );
19
- function m({
20
- delayDuration: t = 0,
21
- ...r
22
- }) {
23
- return /* @__PURE__ */ o.jsx(
24
- i.Provider,
25
- {
26
- "data-slot": "tooltip-provider",
27
- delayDuration: t,
28
- ...r
29
- }
30
- );
1
+ "use client";
2
+ import { cn as e } from "./index7.js";
3
+ import { require_jsx_runtime as t } from "./index10.js";
4
+ import { XIcon as n } from "lucide-react";
5
+ import "react";
6
+ import * as r from "@radix-ui/react-dialog";
7
+ //#region src/Sheet/index.tsx
8
+ var i = t();
9
+ function a({ ...e }) {
10
+ return /* @__PURE__ */ (0, i.jsx)(r.Root, {
11
+ "data-slot": "sheet",
12
+ ...e
13
+ });
31
14
  }
32
- function c({
33
- ...t
34
- }) {
35
- return /* @__PURE__ */ o.jsx(m, { children: /* @__PURE__ */ o.jsx(i.Root, { "data-slot": "tooltip", ...t }) });
15
+ function o({ ...e }) {
16
+ return /* @__PURE__ */ (0, i.jsx)(r.Trigger, {
17
+ "data-slot": "sheet-trigger",
18
+ ...e
19
+ });
36
20
  }
37
- function g({
38
- ...t
39
- }) {
40
- return /* @__PURE__ */ o.jsx(i.Trigger, { "data-slot": "tooltip-trigger", ...t });
21
+ function s({ ...e }) {
22
+ return /* @__PURE__ */ (0, i.jsx)(r.Close, {
23
+ "data-slot": "sheet-close",
24
+ ...e
25
+ });
41
26
  }
42
- function x({
43
- variant: t,
44
- className: r,
45
- sideOffset: e = 4,
46
- children: a,
47
- ...n
48
- }) {
49
- return /* @__PURE__ */ o.jsx(i.Portal, { children: /* @__PURE__ */ o.jsx(
50
- i.Content,
51
- {
52
- "data-slot": "tooltip-content",
53
- sideOffset: e,
54
- className: s(l({ variant: t, className: r })),
55
- ...n,
56
- children: a
57
- }
58
- ) });
27
+ function c({ ...e }) {
28
+ return /* @__PURE__ */ (0, i.jsx)(r.Portal, {
29
+ "data-slot": "sheet-portal",
30
+ ...e
31
+ });
59
32
  }
60
- export {
61
- c as Tooltip,
62
- x as TooltipContent,
63
- m as TooltipProvider,
64
- g as TooltipTrigger
65
- };
66
- //# sourceMappingURL=index35.js.map
33
+ function l({ className: t, ...n }) {
34
+ return /* @__PURE__ */ (0, i.jsx)(r.Overlay, {
35
+ "data-slot": "sheet-overlay",
36
+ className: e("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/24 ", t),
37
+ ...n
38
+ });
39
+ }
40
+ function u({ className: t, children: a, side: o = "right", ...s }) {
41
+ return /* @__PURE__ */ (0, i.jsxs)(c, { children: [/* @__PURE__ */ (0, i.jsx)(l, {}), /* @__PURE__ */ (0, i.jsxs)(r.Content, {
42
+ "data-slot": "sheet-content",
43
+ className: e(" bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", o === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", o === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", o === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", o === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", t),
44
+ ...s,
45
+ children: [a, /* @__PURE__ */ (0, i.jsxs)(r.Close, {
46
+ className: "absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",
47
+ children: [/* @__PURE__ */ (0, i.jsx)(n, { className: "size-16" }), /* @__PURE__ */ (0, i.jsx)("span", {
48
+ className: "sr-only",
49
+ children: "Close"
50
+ })]
51
+ })]
52
+ })] });
53
+ }
54
+ function d({ className: t, ...n }) {
55
+ return /* @__PURE__ */ (0, i.jsx)("div", {
56
+ "data-slot": "sheet-header",
57
+ className: e("flex flex-col gap-8", t),
58
+ ...n
59
+ });
60
+ }
61
+ function f({ className: t, ...n }) {
62
+ return /* @__PURE__ */ (0, i.jsx)("div", {
63
+ "data-slot": "sheet-footer",
64
+ className: e("flex flex-col-reverse sm:flex-row sm:justify-end gap-8", t),
65
+ ...n
66
+ });
67
+ }
68
+ function p({ className: t, ...n }) {
69
+ return /* @__PURE__ */ (0, i.jsx)(r.Title, {
70
+ "data-slot": "sheet-title",
71
+ className: e("text-gray-800 font-semibold", t),
72
+ ...n
73
+ });
74
+ }
75
+ function m({ className: t, ...n }) {
76
+ return /* @__PURE__ */ (0, i.jsx)(r.Description, {
77
+ "data-slot": "sheet-description",
78
+ className: e("text-gray-900 text-base", t),
79
+ ...n
80
+ });
81
+ }
82
+ //#endregion
83
+ export { a as Sheet, s as SheetClose, u as SheetContent, m as SheetDescription, f as SheetFooter, d as SheetHeader, l as SheetOverlay, c as SheetPortal, p as SheetTitle, o as SheetTrigger };
84
+
85
+ //# sourceMappingURL=index35.js.map