@codefast/ui 0.0.4 → 0.0.5

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 (274) hide show
  1. package/dist/accordion.js +52 -1
  2. package/dist/accordion.js.map +1 -1
  3. package/dist/accordion.mjs +52 -1
  4. package/dist/accordion.mjs.map +1 -1
  5. package/dist/alert-dialog.d.mts +1 -3
  6. package/dist/alert-dialog.d.ts +1 -3
  7. package/dist/alert-dialog.js +106 -1
  8. package/dist/alert-dialog.js.map +1 -1
  9. package/dist/alert-dialog.mjs +106 -1
  10. package/dist/alert-dialog.mjs.map +1 -1
  11. package/dist/alert.js +54 -1
  12. package/dist/alert.js.map +1 -1
  13. package/dist/alert.mjs +54 -1
  14. package/dist/alert.mjs.map +1 -1
  15. package/dist/aspect-ratio.js +8 -1
  16. package/dist/aspect-ratio.js.map +1 -1
  17. package/dist/aspect-ratio.mjs +8 -1
  18. package/dist/aspect-ratio.mjs.map +1 -1
  19. package/dist/avatar.js +47 -1
  20. package/dist/avatar.js.map +1 -1
  21. package/dist/avatar.mjs +47 -1
  22. package/dist/avatar.mjs.map +1 -1
  23. package/dist/badge.js +30 -1
  24. package/dist/badge.js.map +1 -1
  25. package/dist/badge.mjs +30 -1
  26. package/dist/badge.mjs.map +1 -1
  27. package/dist/breadcrumb.js +99 -1
  28. package/dist/breadcrumb.js.map +1 -1
  29. package/dist/breadcrumb.mjs +99 -1
  30. package/dist/breadcrumb.mjs.map +1 -1
  31. package/dist/button.d.mts +2 -2
  32. package/dist/button.d.ts +2 -2
  33. package/dist/button.js +9 -1
  34. package/dist/button.mjs +9 -1
  35. package/dist/calendar.js +82 -1
  36. package/dist/calendar.js.map +1 -1
  37. package/dist/calendar.mjs +82 -1
  38. package/dist/calendar.mjs.map +1 -1
  39. package/dist/card.js +66 -1
  40. package/dist/card.js.map +1 -1
  41. package/dist/card.mjs +66 -1
  42. package/dist/card.mjs.map +1 -1
  43. package/dist/carousel.js +193 -1
  44. package/dist/carousel.js.map +1 -1
  45. package/dist/carousel.mjs +193 -1
  46. package/dist/carousel.mjs.map +1 -1
  47. package/dist/checkbox.js +26 -1
  48. package/dist/checkbox.js.map +1 -1
  49. package/dist/checkbox.mjs +26 -1
  50. package/dist/checkbox.mjs.map +1 -1
  51. package/dist/chunk-4K26QLS2.js +52 -0
  52. package/dist/chunk-4K26QLS2.js.map +1 -0
  53. package/dist/chunk-5GHZ6EXI.js +41 -0
  54. package/dist/chunk-5GHZ6EXI.js.map +1 -0
  55. package/dist/chunk-EIHWTXQ4.mjs +112 -0
  56. package/dist/chunk-EIHWTXQ4.mjs.map +1 -0
  57. package/dist/chunk-G3NP7M2N.js +19 -0
  58. package/dist/chunk-G3NP7M2N.js.map +1 -0
  59. package/dist/chunk-LDYBRDAY.js +112 -0
  60. package/dist/chunk-LDYBRDAY.js.map +1 -0
  61. package/dist/chunk-PTD4AMHI.mjs +25 -0
  62. package/dist/{chunk-76AASLTX.mjs.map → chunk-PTD4AMHI.mjs.map} +1 -1
  63. package/dist/chunk-RTKEO347.js +25 -0
  64. package/dist/chunk-RTKEO347.js.map +1 -0
  65. package/dist/chunk-T52N6ZBP.mjs +41 -0
  66. package/dist/chunk-T52N6ZBP.mjs.map +1 -0
  67. package/dist/chunk-UG3URV2Z.mjs +19 -0
  68. package/dist/chunk-UG3URV2Z.mjs.map +1 -0
  69. package/dist/chunk-Z524G4RY.mjs +52 -0
  70. package/dist/chunk-Z524G4RY.mjs.map +1 -0
  71. package/dist/collapsible.js +12 -1
  72. package/dist/collapsible.js.map +1 -1
  73. package/dist/collapsible.mjs +12 -1
  74. package/dist/collapsible.mjs.map +1 -1
  75. package/dist/command.d.mts +8 -8
  76. package/dist/command.d.ts +8 -8
  77. package/dist/command.js +131 -1
  78. package/dist/command.js.map +1 -1
  79. package/dist/command.mjs +131 -1
  80. package/dist/command.mjs.map +1 -1
  81. package/dist/context-menu.d.mts +2 -2
  82. package/dist/context-menu.d.ts +2 -2
  83. package/dist/context-menu.js +169 -1
  84. package/dist/context-menu.js.map +1 -1
  85. package/dist/context-menu.mjs +169 -1
  86. package/dist/context-menu.mjs.map +1 -1
  87. package/dist/dialog.d.mts +1 -3
  88. package/dist/dialog.d.ts +1 -3
  89. package/dist/dialog.js +22 -1
  90. package/dist/dialog.mjs +22 -1
  91. package/dist/drawer.d.mts +1 -3
  92. package/dist/drawer.d.ts +1 -3
  93. package/dist/drawer.js +97 -1
  94. package/dist/drawer.js.map +1 -1
  95. package/dist/drawer.mjs +97 -1
  96. package/dist/drawer.mjs.map +1 -1
  97. package/dist/dropdown-menu.d.mts +1 -2
  98. package/dist/dropdown-menu.d.ts +1 -2
  99. package/dist/dropdown-menu.js +157 -1
  100. package/dist/dropdown-menu.js.map +1 -1
  101. package/dist/dropdown-menu.mjs +157 -1
  102. package/dist/dropdown-menu.mjs.map +1 -1
  103. package/dist/form.js +117 -1
  104. package/dist/form.js.map +1 -1
  105. package/dist/form.mjs +117 -1
  106. package/dist/form.mjs.map +1 -1
  107. package/dist/hover-card.js +30 -1
  108. package/dist/hover-card.js.map +1 -1
  109. package/dist/hover-card.mjs +30 -1
  110. package/dist/hover-card.mjs.map +1 -1
  111. package/dist/input-otp.d.mts +2 -2
  112. package/dist/input-otp.d.ts +2 -2
  113. package/dist/input-otp.js +59 -1
  114. package/dist/input-otp.js.map +1 -1
  115. package/dist/input-otp.mjs +59 -1
  116. package/dist/input-otp.mjs.map +1 -1
  117. package/dist/input.js +25 -1
  118. package/dist/input.js.map +1 -1
  119. package/dist/input.mjs +25 -1
  120. package/dist/input.mjs.map +1 -1
  121. package/dist/label.js +8 -1
  122. package/dist/label.mjs +8 -1
  123. package/dist/menubar.d.mts +1 -2
  124. package/dist/menubar.d.ts +1 -2
  125. package/dist/menubar.js +188 -1
  126. package/dist/menubar.js.map +1 -1
  127. package/dist/menubar.mjs +188 -1
  128. package/dist/menubar.mjs.map +1 -1
  129. package/dist/navigation-menu.js +124 -1
  130. package/dist/navigation-menu.js.map +1 -1
  131. package/dist/navigation-menu.mjs +124 -1
  132. package/dist/navigation-menu.mjs.map +1 -1
  133. package/dist/pagination.js +123 -1
  134. package/dist/pagination.js.map +1 -1
  135. package/dist/pagination.mjs +123 -1
  136. package/dist/pagination.mjs.map +1 -1
  137. package/dist/popover.d.mts +2 -1
  138. package/dist/popover.d.ts +2 -1
  139. package/dist/popover.js +42 -1
  140. package/dist/popover.js.map +1 -1
  141. package/dist/popover.mjs +42 -1
  142. package/dist/popover.mjs.map +1 -1
  143. package/dist/progress.js +33 -1
  144. package/dist/progress.js.map +1 -1
  145. package/dist/progress.mjs +33 -1
  146. package/dist/progress.mjs.map +1 -1
  147. package/dist/radio-group.js +46 -1
  148. package/dist/radio-group.js.map +1 -1
  149. package/dist/radio-group.mjs +46 -1
  150. package/dist/radio-group.mjs.map +1 -1
  151. package/dist/resizable.js +47 -1
  152. package/dist/resizable.js.map +1 -1
  153. package/dist/resizable.mjs +47 -1
  154. package/dist/resizable.mjs.map +1 -1
  155. package/dist/scroll-area.js +44 -1
  156. package/dist/scroll-area.js.map +1 -1
  157. package/dist/scroll-area.mjs +44 -1
  158. package/dist/scroll-area.mjs.map +1 -1
  159. package/dist/select.js +134 -1
  160. package/dist/select.js.map +1 -1
  161. package/dist/select.mjs +134 -1
  162. package/dist/select.mjs.map +1 -1
  163. package/dist/separator.js +29 -1
  164. package/dist/separator.js.map +1 -1
  165. package/dist/separator.mjs +29 -1
  166. package/dist/separator.mjs.map +1 -1
  167. package/dist/sheet.d.mts +1 -3
  168. package/dist/sheet.d.ts +1 -3
  169. package/dist/sheet.js +121 -1
  170. package/dist/sheet.js.map +1 -1
  171. package/dist/sheet.mjs +121 -1
  172. package/dist/sheet.mjs.map +1 -1
  173. package/dist/skeleton.js +21 -1
  174. package/dist/skeleton.js.map +1 -1
  175. package/dist/skeleton.mjs +21 -1
  176. package/dist/skeleton.mjs.map +1 -1
  177. package/dist/slider.js +28 -1
  178. package/dist/slider.js.map +1 -1
  179. package/dist/slider.mjs +28 -1
  180. package/dist/slider.mjs.map +1 -1
  181. package/dist/sonner.js +34 -1
  182. package/dist/sonner.js.map +1 -1
  183. package/dist/sonner.mjs +34 -1
  184. package/dist/sonner.mjs.map +1 -1
  185. package/dist/styles.css +1 -1
  186. package/dist/styles.css.map +1 -1
  187. package/dist/switch.js +25 -1
  188. package/dist/switch.js.map +1 -1
  189. package/dist/switch.mjs +25 -1
  190. package/dist/switch.mjs.map +1 -1
  191. package/dist/table.js +94 -1
  192. package/dist/table.js.map +1 -1
  193. package/dist/table.mjs +94 -1
  194. package/dist/table.mjs.map +1 -1
  195. package/dist/tabs.js +52 -1
  196. package/dist/tabs.js.map +1 -1
  197. package/dist/tabs.mjs +52 -1
  198. package/dist/tabs.mjs.map +1 -1
  199. package/dist/textarea.js +24 -1
  200. package/dist/textarea.js.map +1 -1
  201. package/dist/textarea.mjs +24 -1
  202. package/dist/textarea.mjs.map +1 -1
  203. package/dist/toggle-group.js +49 -1
  204. package/dist/toggle-group.js.map +1 -1
  205. package/dist/toggle-group.mjs +49 -1
  206. package/dist/toggle-group.mjs.map +1 -1
  207. package/dist/toggle.d.mts +1 -1
  208. package/dist/toggle.d.ts +1 -1
  209. package/dist/toggle.js +10 -1
  210. package/dist/toggle.mjs +10 -1
  211. package/dist/tooltip.d.mts +2 -3
  212. package/dist/tooltip.d.ts +2 -3
  213. package/dist/tooltip.js +41 -1
  214. package/dist/tooltip.js.map +1 -1
  215. package/dist/tooltip.mjs +41 -1
  216. package/dist/tooltip.mjs.map +1 -1
  217. package/dist/utils.js +10 -1
  218. package/dist/utils.mjs +10 -1
  219. package/package.json +3 -3
  220. package/src/accordion.tsx +2 -6
  221. package/src/alert-dialog.tsx +4 -35
  222. package/src/alert.tsx +1 -1
  223. package/src/avatar.tsx +1 -1
  224. package/src/badge.tsx +1 -1
  225. package/src/breadcrumb.tsx +1 -1
  226. package/src/button.tsx +5 -5
  227. package/src/calendar.tsx +6 -7
  228. package/src/card.tsx +1 -1
  229. package/src/checkbox.tsx +1 -2
  230. package/src/command.tsx +6 -17
  231. package/src/context-menu.tsx +32 -44
  232. package/src/dialog.tsx +9 -37
  233. package/src/drawer.tsx +3 -27
  234. package/src/dropdown-menu.tsx +15 -44
  235. package/src/form.tsx +0 -1
  236. package/src/hover-card.tsx +12 -20
  237. package/src/input-otp.tsx +2 -2
  238. package/src/input.tsx +1 -1
  239. package/src/menubar.tsx +17 -42
  240. package/src/navigation-menu.tsx +6 -19
  241. package/src/pagination.tsx +2 -4
  242. package/src/popover.tsx +18 -12
  243. package/src/progress.tsx +3 -1
  244. package/src/radio-group.tsx +6 -4
  245. package/src/resizable.tsx +2 -5
  246. package/src/select.tsx +13 -22
  247. package/src/sheet.tsx +15 -59
  248. package/src/slider.tsx +1 -1
  249. package/src/sonner.tsx +4 -2
  250. package/src/switch.tsx +2 -8
  251. package/src/table.tsx +2 -2
  252. package/src/tabs.tsx +3 -4
  253. package/src/textarea.tsx +1 -1
  254. package/src/toggle.tsx +4 -7
  255. package/src/tooltip.tsx +23 -34
  256. package/dist/chunk-4ZL55G6C.js +0 -2
  257. package/dist/chunk-4ZL55G6C.js.map +0 -1
  258. package/dist/chunk-76AASLTX.mjs +0 -2
  259. package/dist/chunk-7UVSBFQU.js +0 -2
  260. package/dist/chunk-7UVSBFQU.js.map +0 -1
  261. package/dist/chunk-BP7PEVLB.js +0 -2
  262. package/dist/chunk-BP7PEVLB.js.map +0 -1
  263. package/dist/chunk-BPCLLQ62.mjs +0 -2
  264. package/dist/chunk-BPCLLQ62.mjs.map +0 -1
  265. package/dist/chunk-CAGY2ZSE.js +0 -2
  266. package/dist/chunk-CAGY2ZSE.js.map +0 -1
  267. package/dist/chunk-JTI7KCLO.mjs +0 -2
  268. package/dist/chunk-JTI7KCLO.mjs.map +0 -1
  269. package/dist/chunk-QZCQ42BP.js +0 -2
  270. package/dist/chunk-QZCQ42BP.js.map +0 -1
  271. package/dist/chunk-WZ4XIF6U.mjs +0 -2
  272. package/dist/chunk-WZ4XIF6U.mjs.map +0 -1
  273. package/dist/chunk-YQJHVJVX.mjs +0 -2
  274. package/dist/chunk-YQJHVJVX.mjs.map +0 -1
package/dist/select.mjs CHANGED
@@ -1,2 +1,135 @@
1
- "use client";import{b as r}from"./chunk-JTI7KCLO.mjs";import*as l from"react";import{CaretSortIcon as p,CheckIcon as S,ChevronDownIcon as f,ChevronUpIcon as v}from"@radix-ui/react-icons";import*as e from"@radix-ui/react-select";import{jsx as t,jsxs as s}from"react/jsx-runtime";var N=e.Root,h=e.Group,x=e.Value,P=l.forwardRef(({className:a,children:o,...i},c)=>s(e.Trigger,{ref:c,className:r("border-input ring-offset-background placeholder:text-muted-foreground focus:ring-ring flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",a),...i,children:[o,t(e.Icon,{asChild:!0,children:t(p,{className:"size-4 opacity-50"})})]}));P.displayName=e.Trigger.displayName;var m=l.forwardRef(({className:a,...o},i)=>t(e.ScrollUpButton,{ref:i,className:r("flex cursor-default items-center justify-center py-1",a),...o,children:t(v,{})}));m.displayName=e.ScrollUpButton.displayName;var n=l.forwardRef(({className:a,...o},i)=>t(e.ScrollDownButton,{ref:i,className:r("flex cursor-default items-center justify-center py-1",a),...o,children:t(f,{})}));n.displayName=e.ScrollDownButton.displayName;var u=l.forwardRef(({className:a,children:o,position:i="popper",...c},d)=>t(e.Portal,{children:s(e.Content,{ref:d,className:r("bg-popover text-popover-foreground relative z-50 max-h-[var(--radix-select-content-available-height)] min-w-[8rem] overflow-hidden rounded-md border shadow-md","data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95","data-[state=open]:data-[side=top]:slide-in-from-bottom-2","data-[state=open]:data-[side=right]:slide-in-from-left-2","data-[state=open]:data-[side=bottom]:slide-in-from-top-2","data-[state=open]:data-[side=left]:slide-in-from-right-2","data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95","data-[state=closed]:data-[side=top]:slide-out-to-bottom-2","data-[state=closed]:data-[side=left]:slide-out-to-right-2","data-[state=closed]:data-[side=bottom]:slide-out-to-top-2","data-[state=closed]:data-[side=right]:slide-out-to-left-2",i==="popper"&&["data-[side=top]:-translate-y-1","data-[side=right]:translate-x-1","data-[side=bottom]:translate-y-1","data-[side=left]:-translate-x-1"],a),position:i,...c,children:[t(m,{}),t(e.Viewport,{className:"p-1",children:o}),t(n,{})]})}));u.displayName=e.Content.displayName;var y=l.forwardRef(({className:a,...o},i)=>t(e.Label,{ref:i,className:r("px-2 py-1.5 text-sm font-semibold",a),...o}));y.displayName=e.Label.displayName;var g=l.forwardRef(({className:a,children:o,...i},c)=>s(e.Item,{ref:c,className:r("focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none","aria-disabled:pointer-events-none aria-disabled:opacity-50",a),...i,children:[t("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:t(e.ItemIndicator,{children:t(S,{className:"size-4"})})}),t(e.ItemText,{children:o})]}));g.displayName=e.Item.displayName;var R=l.forwardRef(({className:a,...o},i)=>t(e.Separator,{ref:i,className:r("bg-muted -mx-1 my-1 h-px",a),...o}));R.displayName=e.Separator.displayName;export{N as Select,u as SelectContent,h as SelectGroup,g as SelectItem,y as SelectLabel,n as SelectScrollDownButton,m as SelectScrollUpButton,R as SelectSeparator,P as SelectTrigger,x as SelectValue};
1
+ "use client";
2
+ import {
3
+ cn
4
+ } from "./chunk-UG3URV2Z.mjs";
5
+
6
+ // src/select.tsx
7
+ import * as React from "react";
8
+ import {
9
+ CaretSortIcon,
10
+ CheckIcon,
11
+ ChevronDownIcon,
12
+ ChevronUpIcon
13
+ } from "@radix-ui/react-icons";
14
+ import * as SelectPrimitive from "@radix-ui/react-select";
15
+ import { jsx, jsxs } from "react/jsx-runtime";
16
+ var Select = SelectPrimitive.Root;
17
+ var SelectGroup = SelectPrimitive.Group;
18
+ var SelectValue = SelectPrimitive.Value;
19
+ var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
20
+ SelectPrimitive.Trigger,
21
+ {
22
+ ref,
23
+ className: cn(
24
+ "border-input placeholder:text-muted-foreground focus:ring-offset-background focus:ring-ring flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
25
+ className
26
+ ),
27
+ ...props,
28
+ children: [
29
+ children,
30
+ /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(CaretSortIcon, { className: "size-4 opacity-50" }) })
31
+ ]
32
+ }
33
+ ));
34
+ SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
35
+ var SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
36
+ SelectPrimitive.ScrollUpButton,
37
+ {
38
+ ref,
39
+ className: cn(
40
+ "flex cursor-default items-center justify-center py-1",
41
+ className
42
+ ),
43
+ ...props,
44
+ children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
45
+ }
46
+ ));
47
+ SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
48
+ var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
49
+ SelectPrimitive.ScrollDownButton,
50
+ {
51
+ ref,
52
+ className: cn(
53
+ "flex cursor-default items-center justify-center py-1",
54
+ className
55
+ ),
56
+ ...props,
57
+ children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
58
+ }
59
+ ));
60
+ SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
61
+ var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
62
+ SelectPrimitive.Content,
63
+ {
64
+ ref,
65
+ className: cn(
66
+ "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",
67
+ position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
68
+ className
69
+ ),
70
+ position,
71
+ ...props,
72
+ children: [
73
+ /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
74
+ /* @__PURE__ */ jsx(
75
+ SelectPrimitive.Viewport,
76
+ {
77
+ className: cn(
78
+ "p-1",
79
+ position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
80
+ ),
81
+ children
82
+ }
83
+ ),
84
+ /* @__PURE__ */ jsx(SelectScrollDownButton, {})
85
+ ]
86
+ }
87
+ ) }));
88
+ SelectContent.displayName = SelectPrimitive.Content.displayName;
89
+ var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
90
+ SelectPrimitive.Label,
91
+ {
92
+ ref,
93
+ className: cn("px-2 py-1.5 text-sm font-semibold", className),
94
+ ...props
95
+ }
96
+ ));
97
+ SelectLabel.displayName = SelectPrimitive.Label.displayName;
98
+ var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
99
+ SelectPrimitive.Item,
100
+ {
101
+ ref,
102
+ className: cn(
103
+ "focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
104
+ className
105
+ ),
106
+ ...props,
107
+ children: [
108
+ /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
109
+ /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
110
+ ]
111
+ }
112
+ ));
113
+ SelectItem.displayName = SelectPrimitive.Item.displayName;
114
+ var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
115
+ SelectPrimitive.Separator,
116
+ {
117
+ ref,
118
+ className: cn("bg-muted -mx-1 my-1 h-px", className),
119
+ ...props
120
+ }
121
+ ));
122
+ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
123
+ export {
124
+ Select,
125
+ SelectContent,
126
+ SelectGroup,
127
+ SelectItem,
128
+ SelectLabel,
129
+ SelectScrollDownButton,
130
+ SelectScrollUpButton,
131
+ SelectSeparator,
132
+ SelectTrigger,
133
+ SelectValue
134
+ };
2
135
  //# sourceMappingURL=select.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n CaretSortIcon,\n CheckIcon,\n ChevronDownIcon,\n ChevronUpIcon,\n} from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Select\n * -------------------------------------------------------------------------- */\n\nconst Select = SelectPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectGroup\n * -------------------------------------------------------------------------- */\n\nconst SelectGroup = SelectPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectValue\n * -------------------------------------------------------------------------- */\n\nconst SelectValue = SelectPrimitive.Value;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectTrigger\n * -------------------------------------------------------------------------- */\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n SelectPrimitive.SelectTriggerProps\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"border-input ring-offset-background placeholder:text-muted-foreground focus:ring-ring flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-1 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n className,\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <CaretSortIcon className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollUpButton\n * -------------------------------------------------------------------------- */\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n SelectPrimitive.SelectScrollUpButtonProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronUpIcon />\n </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollDownButton\n * -------------------------------------------------------------------------- */\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n SelectPrimitive.SelectScrollDownButtonProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronDownIcon />\n </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName =\n SelectPrimitive.ScrollDownButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectContent\n * -------------------------------------------------------------------------- */\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n SelectPrimitive.SelectContentProps\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground relative z-50 max-h-[var(--radix-select-content-available-height)] min-w-[8rem] overflow-hidden rounded-md border shadow-md\",\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\",\n \"data-[state=open]:data-[side=top]:slide-in-from-bottom-2\",\n \"data-[state=open]:data-[side=right]:slide-in-from-left-2\",\n \"data-[state=open]:data-[side=bottom]:slide-in-from-top-2\",\n \"data-[state=open]:data-[side=left]:slide-in-from-right-2\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n \"data-[state=closed]:data-[side=top]:slide-out-to-bottom-2\",\n \"data-[state=closed]:data-[side=left]:slide-out-to-right-2\",\n \"data-[state=closed]:data-[side=bottom]:slide-out-to-top-2\",\n \"data-[state=closed]:data-[side=right]:slide-out-to-left-2\",\n position === \"popper\" && [\n \"data-[side=top]:-translate-y-1\",\n \"data-[side=right]:translate-x-1\",\n \"data-[side=bottom]:translate-y-1\",\n \"data-[side=left]:-translate-x-1\",\n ],\n className,\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport className=\"p-1\">\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectLabel\n * -------------------------------------------------------------------------- */\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Label>,\n SelectPrimitive.SelectLabelProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\n {...props}\n />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectItem\n * -------------------------------------------------------------------------- */\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n SelectPrimitive.SelectItemProps\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none\",\n \"aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectSeparator\n * -------------------------------------------------------------------------- */\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Separator>,\n SelectPrimitive.SelectSeparatorProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Separator\n ref={ref}\n className={cn(\"bg-muted -mx-1 my-1 h-px\", className)}\n {...props}\n />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Select,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n SelectScrollUpButton,\n SelectScrollDownButton,\n};\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,OACE,iBAAAC,EACA,aAAAC,EACA,mBAAAC,EACA,iBAAAC,MACK,wBACP,UAAYC,MAAqB,yBA6B/B,OAUI,OAAAC,EAVJ,QAAAC,MAAA,oBAtBF,IAAMC,EAAyB,OAMzBC,EAA8B,QAM9BC,EAA8B,QAM9BC,EAAsB,aAG1B,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IACpCR,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,0TACAJ,CACF,EACC,GAAGE,EAEH,UAAAD,EACDP,EAAiB,OAAhB,CAAqB,QAAO,GAC3B,SAAAA,EAACW,EAAA,CAAc,UAAU,oBAAoB,EAC/C,GACF,CACD,EACDN,EAAc,YAA8B,UAAQ,YAMpD,IAAMO,EAA6B,aAGjC,CAAC,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAGC,IAC1BT,EAAiB,iBAAhB,CACC,IAAKS,EACL,UAAWC,EACT,uDACAJ,CACF,EACC,GAAGE,EAEJ,SAAAR,EAACa,EAAA,EAAc,EACjB,CACD,EACDD,EAAqB,YAA8B,iBAAe,YAMlE,IAAME,EAA+B,aAGnC,CAAC,CAAE,UAAAR,EAAW,GAAGE,CAAM,EAAGC,IAC1BT,EAAiB,mBAAhB,CACC,IAAKS,EACL,UAAWC,EACT,uDACAJ,CACF,EACC,GAAGE,EAEJ,SAAAR,EAACe,EAAA,EAAgB,EACnB,CACD,EACDD,EAAuB,YACL,mBAAiB,YAMnC,IAAME,EAAsB,aAG1B,CAAC,CAAE,UAAAV,EAAW,SAAAC,EAAU,SAAAU,EAAW,SAAU,GAAGT,CAAM,EAAGC,IACzDT,EAAiB,SAAhB,CACC,SAAAC,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,iKACA,wFACA,2DACA,2DACA,2DACA,2DACA,iGACA,4DACA,4DACA,4DACA,4DACAO,IAAa,UAAY,CACvB,iCACA,kCACA,mCACA,iCACF,EACAX,CACF,EACA,SAAUW,EACT,GAAGT,EAEJ,UAAAR,EAACY,EAAA,EAAqB,EACtBZ,EAAiB,WAAhB,CAAyB,UAAU,MACjC,SAAAO,EACH,EACAP,EAACc,EAAA,EAAuB,GAC1B,EACF,CACD,EACDE,EAAc,YAA8B,UAAQ,YAMpD,IAAME,EAAoB,aAGxB,CAAC,CAAE,UAAAZ,EAAW,GAAGE,CAAM,EAAGC,IAC1BT,EAAiB,QAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,oCAAqCJ,CAAS,EAC3D,GAAGE,EACN,CACD,EACDU,EAAY,YAA8B,QAAM,YAMhD,IAAMC,EAAmB,aAGvB,CAAC,CAAE,UAAAb,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IACpCR,EAAiB,OAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,6JACA,6DACAJ,CACF,EACC,GAAGE,EAEJ,UAAAR,EAAC,QAAK,UAAU,gEACd,SAAAA,EAAiB,gBAAhB,CACC,SAAAA,EAACoB,EAAA,CAAU,UAAU,SAAS,EAChC,EACF,EACApB,EAAiB,WAAhB,CAA0B,SAAAO,EAAS,GACtC,CACD,EACDY,EAAW,YAA8B,OAAK,YAM9C,IAAME,EAAwB,aAG5B,CAAC,CAAE,UAAAf,EAAW,GAAGE,CAAM,EAAGC,IAC1BT,EAAiB,YAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,2BAA4BJ,CAAS,EAClD,GAAGE,EACN,CACD,EACDa,EAAgB,YAA8B,YAAU","names":["React","CaretSortIcon","CheckIcon","ChevronDownIcon","ChevronUpIcon","SelectPrimitive","jsx","jsxs","Select","SelectGroup","SelectValue","SelectTrigger","className","children","props","ref","cn","CaretSortIcon","SelectScrollUpButton","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","SelectContent","position","SelectLabel","SelectItem","CheckIcon","SelectSeparator"]}
1
+ {"version":3,"sources":["../src/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n CaretSortIcon,\n CheckIcon,\n ChevronDownIcon,\n ChevronUpIcon,\n} from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Select\n * -------------------------------------------------------------------------- */\n\nconst Select = SelectPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectGroup\n * -------------------------------------------------------------------------- */\n\nconst SelectGroup = SelectPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectValue\n * -------------------------------------------------------------------------- */\n\nconst SelectValue = SelectPrimitive.Value;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectTrigger\n * -------------------------------------------------------------------------- */\n\nconst SelectTrigger = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Trigger>,\n SelectPrimitive.SelectTriggerProps\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"border-input placeholder:text-muted-foreground focus:ring-offset-background focus:ring-ring flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1\",\n className,\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <CaretSortIcon className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollUpButton\n * -------------------------------------------------------------------------- */\n\nconst SelectScrollUpButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n SelectPrimitive.SelectScrollUpButtonProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronUpIcon />\n </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollDownButton\n * -------------------------------------------------------------------------- */\n\nconst SelectScrollDownButton = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n SelectPrimitive.SelectScrollDownButtonProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn(\n \"flex cursor-default items-center justify-center py-1\",\n className,\n )}\n {...props}\n >\n <ChevronDownIcon />\n </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName =\n SelectPrimitive.ScrollDownButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectContent\n * -------------------------------------------------------------------------- */\n\nconst SelectContent = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Content>,\n SelectPrimitive.SelectContentProps\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className,\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectLabel\n * -------------------------------------------------------------------------- */\n\nconst SelectLabel = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Label>,\n SelectPrimitive.SelectLabelProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label\n ref={ref}\n className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\n {...props}\n />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectItem\n * -------------------------------------------------------------------------- */\n\nconst SelectItem = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Item>,\n SelectPrimitive.SelectItemProps\n>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectSeparator\n * -------------------------------------------------------------------------- */\n\nconst SelectSeparator = React.forwardRef<\n React.ElementRef<typeof SelectPrimitive.Separator>,\n SelectPrimitive.SelectSeparatorProps\n>(({ className, ...props }, ref) => (\n <SelectPrimitive.Separator\n ref={ref}\n className={cn(\"bg-muted -mx-1 my-1 h-px\", className)}\n {...props}\n />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Select,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n SelectScrollUpButton,\n SelectScrollDownButton,\n};\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,YAAY,qBAAqB;AA6B/B,SAUI,KAVJ;AAtBF,IAAM,SAAyB;AAM/B,IAAM,cAA8B;AAMpC,IAAM,cAA8B;AAMpC,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AAAA,MACD,oBAAiB,sBAAhB,EAAqB,SAAO,MAC3B,8BAAC,iBAAc,WAAU,qBAAoB,GAC/C;AAAA;AAAA;AACF,CACD;AACD,cAAc,cAA8B,wBAAQ;AAMpD,IAAM,uBAA6B,iBAGjC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAC,iBAAc;AAAA;AACjB,CACD;AACD,qBAAqB,cAA8B,+BAAe;AAMlE,IAAM,yBAA+B,iBAGnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAC,mBAAgB;AAAA;AACnB,CACD;AACD,uBAAuB,cACL,iCAAiB;AAMnC,IAAM,gBAAsB,iBAG1B,CAAC,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,MAAM,GAAG,QACzD,oBAAiB,wBAAhB,EACC;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,aAAa,YACX;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,0BAAC,wBAAqB;AAAA,MACtB;AAAA,QAAiB;AAAA,QAAhB;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,aAAa,YACX;AAAA,UACJ;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MACA,oBAAC,0BAAuB;AAAA;AAAA;AAC1B,GACF,CACD;AACD,cAAc,cAA8B,wBAAQ;AAMpD,IAAM,cAAoB,iBAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,qCAAqC,SAAS;AAAA,IAC3D,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAA8B,sBAAM;AAMhD,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,0BAAC,UAAK,WAAU,8DACd,8BAAiB,+BAAhB,EACC,8BAAC,aAAU,WAAU,UAAS,GAChC,GACF;AAAA,MACA,oBAAiB,0BAAhB,EAA0B,UAAS;AAAA;AAAA;AACtC,CACD;AACD,WAAW,cAA8B,qBAAK;AAM9C,IAAM,kBAAwB,iBAG5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA;AACN,CACD;AACD,gBAAgB,cAA8B,0BAAU;","names":[]}
package/dist/separator.js CHANGED
@@ -1,2 +1,30 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var a = _interopRequireWildcard(_react);var _reactseparator = require('@radix-ui/react-separator'); var r = _interopRequireWildcard(_reactseparator);var _jsxruntime = require('react/jsx-runtime');var l=a.forwardRef(({className:t,orientation:o="horizontal",decorative:i=!0,...p},m)=>_jsxruntime.jsx.call(void 0, r.Root,{ref:m,decorative:i,orientation:o,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-border shrink-0",o==="horizontal"?"h-px w-full":"h-full w-px",t),...p}));l.displayName=r.Root.displayName;exports.Separator = l;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
2
+
3
+
4
+ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
5
+
6
+ // src/separator.tsx
7
+ var _react = require('react'); var React = _interopRequireWildcard(_react);
8
+ var _reactseparator = require('@radix-ui/react-separator'); var SeparatorPrimitive = _interopRequireWildcard(_reactseparator);
9
+ var _jsxruntime = require('react/jsx-runtime');
10
+ var Separator = React.forwardRef(
11
+ ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
12
+ SeparatorPrimitive.Root,
13
+ {
14
+ ref,
15
+ decorative,
16
+ orientation,
17
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
18
+ "bg-border shrink-0",
19
+ orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
20
+ className
21
+ ),
22
+ ...props
23
+ }
24
+ )
25
+ );
26
+ Separator.displayName = SeparatorPrimitive.Root.displayName;
27
+
28
+
29
+ exports.Separator = Separator;
2
30
  //# sourceMappingURL=separator.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/separator.tsx"],"names":["React","SeparatorPrimitive","jsx","Separator","className","orientation","decorative","props","ref","cn"],"mappings":"qDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAwB,4BAehC,cAAAC,MAAA,oBARJ,IAAMC,EAAkB,aAItB,CACE,CAAE,UAAAC,EAAW,YAAAC,EAAc,aAAc,WAAAC,EAAa,GAAM,GAAGC,CAAM,EACrEC,IAEAN,EAAoB,OAAnB,CACC,IAAKM,EACL,WAAYF,EACZ,YAAaD,EACb,UAAWI,EACT,qBACAJ,IAAgB,aAAe,cAAgB,cAC/CD,CACF,EACC,GAAGG,EACN,CAEJ,EACAJ,EAAU,YAAiC,OAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\nconst Separator = React.forwardRef<\n React.ElementRef<typeof SeparatorPrimitive.Root>,\n SeparatorPrimitive.SeparatorProps\n>(\n (\n { className, orientation = \"horizontal\", decorative = true, ...props },\n ref,\n ) => (\n <SeparatorPrimitive.Root\n ref={ref}\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0\",\n orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n className,\n )}\n {...props}\n />\n ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator };\n"]}
1
+ {"version":3,"sources":["../src/separator.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AAehC;AARJ,IAAM,YAAkB;AAAA,EAItB,CACE,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GACrE,QAEA;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,eAAe,gBAAgB;AAAA,QAC/C;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAiC,wBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\nconst Separator = React.forwardRef<\n React.ElementRef<typeof SeparatorPrimitive.Root>,\n SeparatorPrimitive.SeparatorProps\n>(\n (\n { className, orientation = \"horizontal\", decorative = true, ...props },\n ref,\n ) => (\n <SeparatorPrimitive.Root\n ref={ref}\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0\",\n orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n className,\n )}\n {...props}\n />\n ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator };\n"]}
@@ -1,2 +1,30 @@
1
- "use client";import{b as e}from"./chunk-JTI7KCLO.mjs";import*as a from"react";import*as r from"@radix-ui/react-separator";import{jsx as f}from"react/jsx-runtime";var l=a.forwardRef(({className:t,orientation:o="horizontal",decorative:i=!0,...p},m)=>f(r.Root,{ref:m,decorative:i,orientation:o,className:e("bg-border shrink-0",o==="horizontal"?"h-px w-full":"h-full w-px",t),...p}));l.displayName=r.Root.displayName;export{l as Separator};
1
+ "use client";
2
+ import {
3
+ cn
4
+ } from "./chunk-UG3URV2Z.mjs";
5
+
6
+ // src/separator.tsx
7
+ import * as React from "react";
8
+ import * as SeparatorPrimitive from "@radix-ui/react-separator";
9
+ import { jsx } from "react/jsx-runtime";
10
+ var Separator = React.forwardRef(
11
+ ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
12
+ SeparatorPrimitive.Root,
13
+ {
14
+ ref,
15
+ decorative,
16
+ orientation,
17
+ className: cn(
18
+ "bg-border shrink-0",
19
+ orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
20
+ className
21
+ ),
22
+ ...props
23
+ }
24
+ )
25
+ );
26
+ Separator.displayName = SeparatorPrimitive.Root.displayName;
27
+ export {
28
+ Separator
29
+ };
2
30
  //# sourceMappingURL=separator.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\nconst Separator = React.forwardRef<\n React.ElementRef<typeof SeparatorPrimitive.Root>,\n SeparatorPrimitive.SeparatorProps\n>(\n (\n { className, orientation = \"horizontal\", decorative = true, ...props },\n ref,\n ) => (\n <SeparatorPrimitive.Root\n ref={ref}\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0\",\n orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n className,\n )}\n {...props}\n />\n ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator };\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAwB,4BAehC,cAAAC,MAAA,oBARJ,IAAMC,EAAkB,aAItB,CACE,CAAE,UAAAC,EAAW,YAAAC,EAAc,aAAc,WAAAC,EAAa,GAAM,GAAGC,CAAM,EACrEC,IAEAN,EAAoB,OAAnB,CACC,IAAKM,EACL,WAAYF,EACZ,YAAaD,EACb,UAAWI,EACT,qBACAJ,IAAgB,aAAe,cAAgB,cAC/CD,CACF,EACC,GAAGG,EACN,CAEJ,EACAJ,EAAU,YAAiC,OAAK","names":["React","SeparatorPrimitive","jsx","Separator","className","orientation","decorative","props","ref","cn"]}
1
+ {"version":3,"sources":["../src/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Separator\n * -------------------------------------------------------------------------- */\n\nconst Separator = React.forwardRef<\n React.ElementRef<typeof SeparatorPrimitive.Root>,\n SeparatorPrimitive.SeparatorProps\n>(\n (\n { className, orientation = \"horizontal\", decorative = true, ...props },\n ref,\n ) => (\n <SeparatorPrimitive.Root\n ref={ref}\n decorative={decorative}\n orientation={orientation}\n className={cn(\n \"bg-border shrink-0\",\n orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n className,\n )}\n {...props}\n />\n ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Separator };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,wBAAwB;AAehC;AARJ,IAAM,YAAkB;AAAA,EAItB,CACE,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GACrE,QAEA;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,eAAe,gBAAgB;AAAA,QAC/C;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAiC,wBAAK;","names":[]}
package/dist/sheet.d.mts CHANGED
@@ -5,8 +5,6 @@ import { VariantProps } from 'cva';
5
5
  declare const Sheet: React.FC<DialogPrimitive.DialogProps>;
6
6
  declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
7
7
  declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
8
- declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
9
- declare const SheetOverlay: React.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
10
8
  declare const SheetContent: React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & VariantProps<(props?: ({
11
9
  side?: "left" | "right" | "top" | "bottom" | undefined;
12
10
  } & ({
@@ -72,4 +70,4 @@ declare namespace SheetFooter {
72
70
  declare const SheetTitle: React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
73
71
  declare const SheetDescription: React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
74
72
 
75
- export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
73
+ export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
package/dist/sheet.d.ts CHANGED
@@ -5,8 +5,6 @@ import { VariantProps } from 'cva';
5
5
  declare const Sheet: React.FC<DialogPrimitive.DialogProps>;
6
6
  declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
7
7
  declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
8
- declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
9
- declare const SheetOverlay: React.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
10
8
  declare const SheetContent: React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & VariantProps<(props?: ({
11
9
  side?: "left" | "right" | "top" | "bottom" | undefined;
12
10
  } & ({
@@ -72,4 +70,4 @@ declare namespace SheetFooter {
72
70
  declare const SheetTitle: React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
73
71
  declare const SheetDescription: React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
74
72
 
75
- export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
73
+ export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
package/dist/sheet.js CHANGED
@@ -1,2 +1,122 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _react = require('react'); var r = _interopRequireWildcard(_react);var _reactdialog = require('@radix-ui/react-dialog'); var e = _interopRequireWildcard(_reactdialog);var _reacticons = require('@radix-ui/react-icons');var _jsxruntime = require('react/jsx-runtime');var p=_chunkQZCQ42BPjs.a.call(void 0, {base:["bg-background fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out","data-[state=open]:animate-in data-[state=open]:duration-500","data-[state=closed]:animate-out data-[state=closed]:duration-300"],variants:{side:{top:["inset-x-0 top-0 border-b","data-[state=open]:slide-in-from-top","data-[state=closed]:slide-out-to-top"],bottom:["inset-x-0 bottom-0 border-t","data-[state=open]:slide-in-from-bottom","data-[state=closed]:slide-out-to-bottom"],left:["inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm","data-[state=open]:slide-in-from-left","data-[state=closed]:slide-out-to-left"],right:["inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm","data-[state=open]:slide-in-from-right","data-[state=closed]:slide-out-to-right"]}},defaultVariants:{side:"right"}}),R= exports.Sheet =e.Root,b= exports.SheetTrigger =e.Trigger,x= exports.SheetClose =e.Close,h= exports.SheetPortal =e.Portal,m= exports.SheetOverlay =r.forwardRef(({className:t,...i},s)=>_jsxruntime.jsx.call(void 0, e.Overlay,{className:_chunkQZCQ42BPjs.b.call(void 0, "fixed inset-0 z-50 bg-black/80","data-[state=open]:animate-in data-[state=open]:fade-in-0","data-[state=closed]:animate-out data-[state=closed]:fade-out-0",t),...i,ref:s}));m.displayName=e.Overlay.displayName;var v=r.forwardRef(({side:t="right",className:i,children:s,...d},c)=>_jsxruntime.jsxs.call(void 0, h,{children:[_jsxruntime.jsx.call(void 0, m,{}),_jsxruntime.jsxs.call(void 0, e.Content,{ref:c,className:_chunkQZCQ42BPjs.b.call(void 0, p({side:t}),i),...d,children:[s,_jsxruntime.jsxs.call(void 0, e.Close,{className:_chunkQZCQ42BPjs.b.call(void 0, "ring-offset-background focus:ring-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none","data-[state=open]:bg-secondary"),children:[_jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon,{className:"size-4"}),_jsxruntime.jsx.call(void 0, "span",{className:"sr-only",children:"Close"})]})]})]}));v.displayName=e.Content.displayName;function N({className:t,...i}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkQZCQ42BPjs.b.call(void 0, "flex flex-col space-y-2 text-center sm:text-left",t),...i})}function S({className:t,...i}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkQZCQ42BPjs.b.call(void 0, "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...i})}S.displayName="SheetFooter";var P=r.forwardRef(({className:t,...i},s)=>_jsxruntime.jsx.call(void 0, e.Title,{ref:s,className:_chunkQZCQ42BPjs.b.call(void 0, "text-foreground text-lg font-semibold",t),...i}));P.displayName=e.Title.displayName;var u=r.forwardRef(({className:t,...i},s)=>_jsxruntime.jsx.call(void 0, e.Description,{ref:s,className:_chunkQZCQ42BPjs.b.call(void 0, "text-muted-foreground text-sm",t),...i}));u.displayName=e.Description.displayName;exports.Sheet = R; exports.SheetClose = x; exports.SheetContent = v; exports.SheetDescription = u; exports.SheetFooter = S; exports.SheetHeader = N; exports.SheetOverlay = m; exports.SheetPortal = h; exports.SheetTitle = P; exports.SheetTrigger = b;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
2
+
3
+
4
+
5
+ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
6
+
7
+ // src/sheet.tsx
8
+ var _react = require('react'); var React = _interopRequireWildcard(_react);
9
+ var _reactdialog = require('@radix-ui/react-dialog'); var SheetPrimitive = _interopRequireWildcard(_reactdialog);
10
+ var _reacticons = require('@radix-ui/react-icons');
11
+ var _jsxruntime = require('react/jsx-runtime');
12
+ var sheetVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
13
+ base: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
14
+ variants: {
15
+ side: {
16
+ top: "data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b",
17
+ bottom: "data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t",
18
+ left: "data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
19
+ right: "data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"
20
+ }
21
+ },
22
+ defaultVariants: {
23
+ side: "right"
24
+ }
25
+ });
26
+ var Sheet = SheetPrimitive.Root;
27
+ var SheetTrigger = SheetPrimitive.Trigger;
28
+ var SheetClose = SheetPrimitive.Close;
29
+ var SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, SheetPrimitive.Portal, { children: [
30
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
31
+ SheetPrimitive.Overlay,
32
+ {
33
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
34
+ "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80"
35
+ )
36
+ }
37
+ ),
38
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
39
+ SheetPrimitive.Content,
40
+ {
41
+ ref,
42
+ className: _chunkG3NP7M2Njs.cn.call(void 0, sheetVariants({ side }), className),
43
+ ...props,
44
+ children: [
45
+ children,
46
+ /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
47
+ SheetPrimitive.Close,
48
+ {
49
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
50
+ "focus:ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
51
+ ),
52
+ children: [
53
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.Cross2Icon, { className: "size-4" }),
54
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
55
+ ]
56
+ }
57
+ )
58
+ ]
59
+ }
60
+ )
61
+ ] }));
62
+ SheetContent.displayName = SheetPrimitive.Content.displayName;
63
+ function SheetHeader({
64
+ className,
65
+ ...props
66
+ }) {
67
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
68
+ "div",
69
+ {
70
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
71
+ "flex flex-col space-y-2 text-center sm:text-left",
72
+ className
73
+ ),
74
+ ...props
75
+ }
76
+ );
77
+ }
78
+ function SheetFooter({
79
+ className,
80
+ ...props
81
+ }) {
82
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
83
+ "div",
84
+ {
85
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
86
+ "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
87
+ className
88
+ ),
89
+ ...props
90
+ }
91
+ );
92
+ }
93
+ SheetFooter.displayName = "SheetFooter";
94
+ var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
95
+ SheetPrimitive.Title,
96
+ {
97
+ ref,
98
+ className: _chunkG3NP7M2Njs.cn.call(void 0, "text-foreground text-lg font-semibold", className),
99
+ ...props
100
+ }
101
+ ));
102
+ SheetTitle.displayName = SheetPrimitive.Title.displayName;
103
+ var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
104
+ SheetPrimitive.Description,
105
+ {
106
+ ref,
107
+ className: _chunkG3NP7M2Njs.cn.call(void 0, "text-muted-foreground text-sm", className),
108
+ ...props
109
+ }
110
+ ));
111
+ SheetDescription.displayName = SheetPrimitive.Description.displayName;
112
+
113
+
114
+
115
+
116
+
117
+
118
+
119
+
120
+
121
+ exports.Sheet = Sheet; exports.SheetClose = SheetClose; exports.SheetContent = SheetContent; exports.SheetDescription = SheetDescription; exports.SheetFooter = SheetFooter; exports.SheetHeader = SheetHeader; exports.SheetTitle = SheetTitle; exports.SheetTrigger = SheetTrigger;
2
122
  //# sourceMappingURL=sheet.js.map
package/dist/sheet.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/sheet.tsx"],"names":["React","SheetPrimitive","Cross2Icon","jsx","jsxs","sheetVariants","cva","Sheet","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","props","ref","cn","SheetContent","side","children","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":"4DAEA,UAAYA,MAAW,QACvB,UAAYC,MAAoB,yBAChC,OAAS,cAAAC,MAAkB,wBA2EzB,cAAAC,EA6BI,QAAAC,MA7BJ,oBAnEF,IAAMC,EAAgBC,EAAI,CACxB,KAAM,CACJ,sEACA,8DACA,kEACF,EACA,SAAU,CACR,KAAM,CACJ,IAAK,CACH,2BACA,sCACA,sCACF,EACA,OAAQ,CACN,8BACA,yCACA,yCACF,EACA,KAAM,CACJ,qDACA,uCACA,uCACF,EACA,MAAO,CACL,sDACA,wCACA,wCACF,CACF,CACF,EACA,gBAAiB,CACf,KAAM,OACR,CACF,CAAC,EAMKC,EAAuB,OAMvBC,EAA8B,UAM9BC,EAA4B,QAM5BC,EAA6B,SAM7BC,EAAqB,aAGzB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BX,EAAgB,UAAf,CACC,UAAWY,EACT,iCACA,2DACA,iEACAH,CACF,EACC,GAAGC,EACJ,IAAKC,EACP,CACD,EACDH,EAAa,YAA6B,UAAQ,YAMlD,IAAMK,EAAqB,aAGzB,CAAC,CAAE,KAAAC,EAAO,QAAS,UAAAL,EAAW,SAAAM,EAAU,GAAGL,CAAM,EAAGC,IACpDV,EAACM,EAAA,CACC,UAAAP,EAACQ,EAAA,EAAa,EACdP,EAAgB,UAAf,CACC,IAAKU,EACL,UAAWC,EAAGV,EAAc,CAAE,KAAAY,CAAK,CAAC,EAAGL,CAAS,EAC/C,GAAGC,EAEH,UAAAK,EACDd,EAAgB,QAAf,CACC,UAAWW,EACT,4MACA,gCACF,EAEA,UAAAZ,EAACD,EAAA,CAAW,UAAU,SAAS,EAC/BC,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CACD,EACDa,EAAa,YAA6B,UAAQ,YAMlD,SAASG,EAAY,CACnB,UAAAP,EACA,GAAGC,CACL,EAA4D,CAC1D,OACEV,EAAC,OACC,UAAWY,EACT,mDACAH,CACF,EACC,GAAGC,EACN,CAEJ,CAMA,SAASO,EAAY,CACnB,UAAAR,EACA,GAAGC,CACL,EAA4D,CAC1D,OACEV,EAAC,OACC,UAAWY,EACT,gEACAH,CACF,EACC,GAAGC,EACN,CAEJ,CACAO,EAAY,YAAc,cAM1B,IAAMC,EAAmB,aAGvB,CAAC,CAAE,UAAAT,EAAW,GAAGC,CAAM,EAAGC,IAC1BX,EAAgB,QAAf,CACC,IAAKW,EACL,UAAWC,EAAG,wCAAyCH,CAAS,EAC/D,GAAGC,EACN,CACD,EACDQ,EAAW,YAA6B,QAAM,YAM9C,IAAMC,EAAyB,aAG7B,CAAC,CAAE,UAAAV,EAAW,GAAGC,CAAM,EAAGC,IAC1BX,EAAgB,cAAf,CACC,IAAKW,EACL,UAAWC,EAAG,gCAAiCH,CAAS,EACvD,GAAGC,EACN,CACD,EACDS,EAAiB,YAA6B,cAAY","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { type VariantProps } from \"cva\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Sheet\n * -------------------------------------------------------------------------- */\n\nconst sheetVariants = cva({\n base: [\n \"bg-background fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out\",\n \"data-[state=open]:animate-in data-[state=open]:duration-500\",\n \"data-[state=closed]:animate-out data-[state=closed]:duration-300\",\n ],\n variants: {\n side: {\n top: [\n \"inset-x-0 top-0 border-b\",\n \"data-[state=open]:slide-in-from-top\",\n \"data-[state=closed]:slide-out-to-top\",\n ],\n bottom: [\n \"inset-x-0 bottom-0 border-t\",\n \"data-[state=open]:slide-in-from-bottom\",\n \"data-[state=closed]:slide-out-to-bottom\",\n ],\n left: [\n \"inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n \"data-[state=open]:slide-in-from-left\",\n \"data-[state=closed]:slide-out-to-left\",\n ],\n right: [\n \"inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n \"data-[state=open]:slide-in-from-right\",\n \"data-[state=closed]:slide-out-to-right\",\n ],\n },\n },\n defaultVariants: {\n side: \"right\",\n },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\nconst SheetClose = SheetPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetPortal\n * -------------------------------------------------------------------------- */\n\nconst SheetPortal = SheetPrimitive.Portal;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetOverlay\n * -------------------------------------------------------------------------- */\n\nconst SheetOverlay = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Overlay>,\n SheetPrimitive.DialogOverlayProps\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Overlay\n className={cn(\n \"fixed inset-0 z-50 bg-black/80\",\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0\",\n \"data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n className,\n )}\n {...props}\n ref={ref}\n />\n));\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\nconst SheetContent = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Content>,\n SheetPrimitive.DialogContentProps & VariantProps<typeof sheetVariants>\n>(({ side = \"right\", className, children, ...props }, ref) => (\n <SheetPortal>\n <SheetOverlay />\n <SheetPrimitive.Content\n ref={ref}\n className={cn(sheetVariants({ side }), className)}\n {...props}\n >\n {children}\n <SheetPrimitive.Close\n className={cn(\n \"ring-offset-background focus:ring-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none\",\n \"data-[state=open]:bg-secondary\",\n )}\n >\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPortal>\n));\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\nfunction SheetHeader({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\n \"flex flex-col space-y-2 text-center sm:text-left\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\nfunction SheetFooter({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\n \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n className,\n )}\n {...props}\n />\n );\n}\nSheetFooter.displayName = \"SheetFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\nconst SheetTitle = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Title>,\n SheetPrimitive.DialogTitleProps\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title\n ref={ref}\n className={cn(\"text-foreground text-lg font-semibold\", className)}\n {...props}\n />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\nconst SheetDescription = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Description>,\n SheetPrimitive.DialogDescriptionProps\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Description\n ref={ref}\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Sheet,\n SheetPortal,\n SheetOverlay,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n};\n"]}
1
+ {"version":3,"sources":["../src/sheet.tsx"],"names":[],"mappings":";;;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAChC,SAAS,kBAAkB;AAoDvB,cAWE,YAXF;AA5CJ,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,KAAK;AAAA,MACL,QACE;AAAA,MACF,MAAM;AAAA,MACN,OACE;AAAA,IACJ;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAMD,IAAM,QAAuB;AAM7B,IAAM,eAA8B;AAMpC,IAAM,aAA4B;AAMlC,IAAM,eAAqB,iBAGzB,CAAC,EAAE,OAAO,SAAS,WAAW,UAAU,GAAG,MAAM,GAAG,QACpD,qBAAgB,uBAAf,EACC;AAAA;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC,WAAW;AAAA,QACT;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EACA;AAAA,IAAgB;AAAA,IAAf;AAAA,MACC;AAAA,MACA,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS;AAAA,MAC/C,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAgB;AAAA,UAAf;AAAA,YACC,WAAW;AAAA,cACT;AAAA,YACF;AAAA,YAEA;AAAA,kCAAC,cAAW,WAAU,UAAS;AAAA,cAC/B,oBAAC,UAAK,WAAU,WAAU,mBAAK;AAAA;AAAA;AAAA,QACjC;AAAA;AAAA;AAAA,EACF;AAAA,GACF,CACD;AACD,aAAa,cAA6B,uBAAQ;AAMlD,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,YAAY,cAAc;AAM1B,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAgB;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW,GAAG,yCAAyC,SAAS;AAAA,IAC/D,GAAG;AAAA;AACN,CACD;AACD,WAAW,cAA6B,qBAAM;AAM9C,IAAM,mBAAyB,iBAG7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAgB;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW,GAAG,iCAAiC,SAAS;AAAA,IACvD,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAA6B,2BAAY","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport { type VariantProps } from \"cva\";\nimport { cn, cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Sheet\n * -------------------------------------------------------------------------- */\n\nconst sheetVariants = cva({\n base: \"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n variants: {\n side: {\n top: \"data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b\",\n bottom:\n \"data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t\",\n left: \"data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n right:\n \"data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n },\n },\n defaultVariants: {\n side: \"right\",\n },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Sheet\n * -------------------------------------------------------------------------- */\n\nconst Sheet = SheetPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTrigger\n * -------------------------------------------------------------------------- */\n\nconst SheetTrigger = SheetPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetClose\n * -------------------------------------------------------------------------- */\n\nconst SheetClose = SheetPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetContent\n * -------------------------------------------------------------------------- */\n\nconst SheetContent = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Content>,\n SheetPrimitive.DialogContentProps & VariantProps<typeof sheetVariants>\n>(({ side = \"right\", className, children, ...props }, ref) => (\n <SheetPrimitive.Portal>\n <SheetPrimitive.Overlay\n className={cn(\n \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80\",\n )}\n />\n <SheetPrimitive.Content\n ref={ref}\n className={cn(sheetVariants({ side }), className)}\n {...props}\n >\n {children}\n <SheetPrimitive.Close\n className={cn(\n \"focus:ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none\",\n )}\n >\n <Cross2Icon className=\"size-4\" />\n <span className=\"sr-only\">Close</span>\n </SheetPrimitive.Close>\n </SheetPrimitive.Content>\n </SheetPrimitive.Portal>\n));\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetHeader\n * -------------------------------------------------------------------------- */\n\nfunction SheetHeader({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\n \"flex flex-col space-y-2 text-center sm:text-left\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: SheetFooter\n * -------------------------------------------------------------------------- */\n\nfunction SheetFooter({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\n \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n className,\n )}\n {...props}\n />\n );\n}\nSheetFooter.displayName = \"SheetFooter\";\n\n/* -----------------------------------------------------------------------------\n * Component: SheetTitle\n * -------------------------------------------------------------------------- */\n\nconst SheetTitle = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Title>,\n SheetPrimitive.DialogTitleProps\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Title\n ref={ref}\n className={cn(\"text-foreground text-lg font-semibold\", className)}\n {...props}\n />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SheetDescription\n * -------------------------------------------------------------------------- */\n\nconst SheetDescription = React.forwardRef<\n React.ElementRef<typeof SheetPrimitive.Description>,\n SheetPrimitive.DialogDescriptionProps\n>(({ className, ...props }, ref) => (\n <SheetPrimitive.Description\n ref={ref}\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n};\n"]}
package/dist/sheet.mjs CHANGED
@@ -1,2 +1,122 @@
1
- "use client";import{a as l,b as a}from"./chunk-JTI7KCLO.mjs";import*as r from"react";import*as e from"@radix-ui/react-dialog";import{Cross2Icon as f}from"@radix-ui/react-icons";import{jsx as o,jsxs as n}from"react/jsx-runtime";var p=l({base:["bg-background fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out","data-[state=open]:animate-in data-[state=open]:duration-500","data-[state=closed]:animate-out data-[state=closed]:duration-300"],variants:{side:{top:["inset-x-0 top-0 border-b","data-[state=open]:slide-in-from-top","data-[state=closed]:slide-out-to-top"],bottom:["inset-x-0 bottom-0 border-t","data-[state=open]:slide-in-from-bottom","data-[state=closed]:slide-out-to-bottom"],left:["inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm","data-[state=open]:slide-in-from-left","data-[state=closed]:slide-out-to-left"],right:["inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm","data-[state=open]:slide-in-from-right","data-[state=closed]:slide-out-to-right"]}},defaultVariants:{side:"right"}}),R=e.Root,b=e.Trigger,x=e.Close,h=e.Portal,m=r.forwardRef(({className:t,...i},s)=>o(e.Overlay,{className:a("fixed inset-0 z-50 bg-black/80","data-[state=open]:animate-in data-[state=open]:fade-in-0","data-[state=closed]:animate-out data-[state=closed]:fade-out-0",t),...i,ref:s}));m.displayName=e.Overlay.displayName;var v=r.forwardRef(({side:t="right",className:i,children:s,...d},c)=>n(h,{children:[o(m,{}),n(e.Content,{ref:c,className:a(p({side:t}),i),...d,children:[s,n(e.Close,{className:a("ring-offset-background focus:ring-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none","data-[state=open]:bg-secondary"),children:[o(f,{className:"size-4"}),o("span",{className:"sr-only",children:"Close"})]})]})]}));v.displayName=e.Content.displayName;function N({className:t,...i}){return o("div",{className:a("flex flex-col space-y-2 text-center sm:text-left",t),...i})}function S({className:t,...i}){return o("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...i})}S.displayName="SheetFooter";var P=r.forwardRef(({className:t,...i},s)=>o(e.Title,{ref:s,className:a("text-foreground text-lg font-semibold",t),...i}));P.displayName=e.Title.displayName;var u=r.forwardRef(({className:t,...i},s)=>o(e.Description,{ref:s,className:a("text-muted-foreground text-sm",t),...i}));u.displayName=e.Description.displayName;export{R as Sheet,x as SheetClose,v as SheetContent,u as SheetDescription,S as SheetFooter,N as SheetHeader,m as SheetOverlay,h as SheetPortal,P as SheetTitle,b as SheetTrigger};
1
+ "use client";
2
+ import {
3
+ cn,
4
+ cva
5
+ } from "./chunk-UG3URV2Z.mjs";
6
+
7
+ // src/sheet.tsx
8
+ import * as React from "react";
9
+ import * as SheetPrimitive from "@radix-ui/react-dialog";
10
+ import { Cross2Icon } from "@radix-ui/react-icons";
11
+ import { jsx, jsxs } from "react/jsx-runtime";
12
+ var sheetVariants = cva({
13
+ base: "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
14
+ variants: {
15
+ side: {
16
+ top: "data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 border-b",
17
+ bottom: "data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 border-t",
18
+ left: "data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
19
+ right: "data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"
20
+ }
21
+ },
22
+ defaultVariants: {
23
+ side: "right"
24
+ }
25
+ });
26
+ var Sheet = SheetPrimitive.Root;
27
+ var SheetTrigger = SheetPrimitive.Trigger;
28
+ var SheetClose = SheetPrimitive.Close;
29
+ var SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPrimitive.Portal, { children: [
30
+ /* @__PURE__ */ jsx(
31
+ SheetPrimitive.Overlay,
32
+ {
33
+ className: cn(
34
+ "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 fixed inset-0 z-50 bg-black/80"
35
+ )
36
+ }
37
+ ),
38
+ /* @__PURE__ */ jsxs(
39
+ SheetPrimitive.Content,
40
+ {
41
+ ref,
42
+ className: cn(sheetVariants({ side }), className),
43
+ ...props,
44
+ children: [
45
+ children,
46
+ /* @__PURE__ */ jsxs(
47
+ SheetPrimitive.Close,
48
+ {
49
+ className: cn(
50
+ "focus:ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
51
+ ),
52
+ children: [
53
+ /* @__PURE__ */ jsx(Cross2Icon, { className: "size-4" }),
54
+ /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
55
+ ]
56
+ }
57
+ )
58
+ ]
59
+ }
60
+ )
61
+ ] }));
62
+ SheetContent.displayName = SheetPrimitive.Content.displayName;
63
+ function SheetHeader({
64
+ className,
65
+ ...props
66
+ }) {
67
+ return /* @__PURE__ */ jsx(
68
+ "div",
69
+ {
70
+ className: cn(
71
+ "flex flex-col space-y-2 text-center sm:text-left",
72
+ className
73
+ ),
74
+ ...props
75
+ }
76
+ );
77
+ }
78
+ function SheetFooter({
79
+ className,
80
+ ...props
81
+ }) {
82
+ return /* @__PURE__ */ jsx(
83
+ "div",
84
+ {
85
+ className: cn(
86
+ "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
87
+ className
88
+ ),
89
+ ...props
90
+ }
91
+ );
92
+ }
93
+ SheetFooter.displayName = "SheetFooter";
94
+ var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
95
+ SheetPrimitive.Title,
96
+ {
97
+ ref,
98
+ className: cn("text-foreground text-lg font-semibold", className),
99
+ ...props
100
+ }
101
+ ));
102
+ SheetTitle.displayName = SheetPrimitive.Title.displayName;
103
+ var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
104
+ SheetPrimitive.Description,
105
+ {
106
+ ref,
107
+ className: cn("text-muted-foreground text-sm", className),
108
+ ...props
109
+ }
110
+ ));
111
+ SheetDescription.displayName = SheetPrimitive.Description.displayName;
112
+ export {
113
+ Sheet,
114
+ SheetClose,
115
+ SheetContent,
116
+ SheetDescription,
117
+ SheetFooter,
118
+ SheetHeader,
119
+ SheetTitle,
120
+ SheetTrigger
121
+ };
2
122
  //# sourceMappingURL=sheet.mjs.map