@codefast/ui 0.0.4 → 0.0.6

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 (270) 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 +1 -1
  32. package/dist/button.d.ts +1 -1
  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.js +131 -1
  76. package/dist/command.js.map +1 -1
  77. package/dist/command.mjs +131 -1
  78. package/dist/command.mjs.map +1 -1
  79. package/dist/context-menu.d.mts +2 -2
  80. package/dist/context-menu.d.ts +2 -2
  81. package/dist/context-menu.js +169 -1
  82. package/dist/context-menu.js.map +1 -1
  83. package/dist/context-menu.mjs +169 -1
  84. package/dist/context-menu.mjs.map +1 -1
  85. package/dist/dialog.d.mts +1 -3
  86. package/dist/dialog.d.ts +1 -3
  87. package/dist/dialog.js +22 -1
  88. package/dist/dialog.mjs +22 -1
  89. package/dist/drawer.d.mts +1 -3
  90. package/dist/drawer.d.ts +1 -3
  91. package/dist/drawer.js +97 -1
  92. package/dist/drawer.js.map +1 -1
  93. package/dist/drawer.mjs +97 -1
  94. package/dist/drawer.mjs.map +1 -1
  95. package/dist/dropdown-menu.d.mts +1 -2
  96. package/dist/dropdown-menu.d.ts +1 -2
  97. package/dist/dropdown-menu.js +157 -1
  98. package/dist/dropdown-menu.js.map +1 -1
  99. package/dist/dropdown-menu.mjs +157 -1
  100. package/dist/dropdown-menu.mjs.map +1 -1
  101. package/dist/form.js +117 -1
  102. package/dist/form.js.map +1 -1
  103. package/dist/form.mjs +117 -1
  104. package/dist/form.mjs.map +1 -1
  105. package/dist/hover-card.js +30 -1
  106. package/dist/hover-card.js.map +1 -1
  107. package/dist/hover-card.mjs +30 -1
  108. package/dist/hover-card.mjs.map +1 -1
  109. package/dist/input-otp.js +59 -1
  110. package/dist/input-otp.js.map +1 -1
  111. package/dist/input-otp.mjs +59 -1
  112. package/dist/input-otp.mjs.map +1 -1
  113. package/dist/input.js +25 -1
  114. package/dist/input.js.map +1 -1
  115. package/dist/input.mjs +25 -1
  116. package/dist/input.mjs.map +1 -1
  117. package/dist/label.js +8 -1
  118. package/dist/label.mjs +8 -1
  119. package/dist/menubar.d.mts +1 -2
  120. package/dist/menubar.d.ts +1 -2
  121. package/dist/menubar.js +188 -1
  122. package/dist/menubar.js.map +1 -1
  123. package/dist/menubar.mjs +188 -1
  124. package/dist/menubar.mjs.map +1 -1
  125. package/dist/navigation-menu.js +124 -1
  126. package/dist/navigation-menu.js.map +1 -1
  127. package/dist/navigation-menu.mjs +124 -1
  128. package/dist/navigation-menu.mjs.map +1 -1
  129. package/dist/pagination.js +123 -1
  130. package/dist/pagination.js.map +1 -1
  131. package/dist/pagination.mjs +123 -1
  132. package/dist/pagination.mjs.map +1 -1
  133. package/dist/popover.d.mts +2 -1
  134. package/dist/popover.d.ts +2 -1
  135. package/dist/popover.js +42 -1
  136. package/dist/popover.js.map +1 -1
  137. package/dist/popover.mjs +42 -1
  138. package/dist/popover.mjs.map +1 -1
  139. package/dist/progress.js +33 -1
  140. package/dist/progress.js.map +1 -1
  141. package/dist/progress.mjs +33 -1
  142. package/dist/progress.mjs.map +1 -1
  143. package/dist/radio-group.js +46 -1
  144. package/dist/radio-group.js.map +1 -1
  145. package/dist/radio-group.mjs +46 -1
  146. package/dist/radio-group.mjs.map +1 -1
  147. package/dist/resizable.js +47 -1
  148. package/dist/resizable.js.map +1 -1
  149. package/dist/resizable.mjs +47 -1
  150. package/dist/resizable.mjs.map +1 -1
  151. package/dist/scroll-area.js +44 -1
  152. package/dist/scroll-area.js.map +1 -1
  153. package/dist/scroll-area.mjs +44 -1
  154. package/dist/scroll-area.mjs.map +1 -1
  155. package/dist/select.js +134 -1
  156. package/dist/select.js.map +1 -1
  157. package/dist/select.mjs +134 -1
  158. package/dist/select.mjs.map +1 -1
  159. package/dist/separator.js +29 -1
  160. package/dist/separator.js.map +1 -1
  161. package/dist/separator.mjs +29 -1
  162. package/dist/separator.mjs.map +1 -1
  163. package/dist/sheet.d.mts +1 -3
  164. package/dist/sheet.d.ts +1 -3
  165. package/dist/sheet.js +121 -1
  166. package/dist/sheet.js.map +1 -1
  167. package/dist/sheet.mjs +121 -1
  168. package/dist/sheet.mjs.map +1 -1
  169. package/dist/skeleton.js +21 -1
  170. package/dist/skeleton.js.map +1 -1
  171. package/dist/skeleton.mjs +21 -1
  172. package/dist/skeleton.mjs.map +1 -1
  173. package/dist/slider.js +28 -1
  174. package/dist/slider.js.map +1 -1
  175. package/dist/slider.mjs +28 -1
  176. package/dist/slider.mjs.map +1 -1
  177. package/dist/sonner.js +34 -1
  178. package/dist/sonner.js.map +1 -1
  179. package/dist/sonner.mjs +34 -1
  180. package/dist/sonner.mjs.map +1 -1
  181. package/dist/styles.css +1 -1
  182. package/dist/styles.css.map +1 -1
  183. package/dist/switch.js +25 -1
  184. package/dist/switch.js.map +1 -1
  185. package/dist/switch.mjs +25 -1
  186. package/dist/switch.mjs.map +1 -1
  187. package/dist/table.js +94 -1
  188. package/dist/table.js.map +1 -1
  189. package/dist/table.mjs +94 -1
  190. package/dist/table.mjs.map +1 -1
  191. package/dist/tabs.js +52 -1
  192. package/dist/tabs.js.map +1 -1
  193. package/dist/tabs.mjs +52 -1
  194. package/dist/tabs.mjs.map +1 -1
  195. package/dist/textarea.js +24 -1
  196. package/dist/textarea.js.map +1 -1
  197. package/dist/textarea.mjs +24 -1
  198. package/dist/textarea.mjs.map +1 -1
  199. package/dist/toggle-group.js +49 -1
  200. package/dist/toggle-group.js.map +1 -1
  201. package/dist/toggle-group.mjs +49 -1
  202. package/dist/toggle-group.mjs.map +1 -1
  203. package/dist/toggle.d.mts +1 -1
  204. package/dist/toggle.d.ts +1 -1
  205. package/dist/toggle.js +10 -1
  206. package/dist/toggle.mjs +10 -1
  207. package/dist/tooltip.d.mts +2 -3
  208. package/dist/tooltip.d.ts +2 -3
  209. package/dist/tooltip.js +41 -1
  210. package/dist/tooltip.js.map +1 -1
  211. package/dist/tooltip.mjs +41 -1
  212. package/dist/tooltip.mjs.map +1 -1
  213. package/dist/utils.js +10 -1
  214. package/dist/utils.mjs +10 -1
  215. package/package.json +6 -6
  216. package/src/accordion.tsx +2 -6
  217. package/src/alert-dialog.tsx +4 -35
  218. package/src/alert.tsx +1 -1
  219. package/src/avatar.tsx +1 -1
  220. package/src/badge.tsx +1 -1
  221. package/src/breadcrumb.tsx +1 -1
  222. package/src/button.tsx +5 -5
  223. package/src/calendar.tsx +6 -7
  224. package/src/card.tsx +1 -1
  225. package/src/checkbox.tsx +1 -2
  226. package/src/command.tsx +6 -17
  227. package/src/context-menu.tsx +32 -44
  228. package/src/dialog.tsx +9 -37
  229. package/src/drawer.tsx +3 -27
  230. package/src/dropdown-menu.tsx +15 -44
  231. package/src/form.tsx +0 -1
  232. package/src/hover-card.tsx +12 -20
  233. package/src/input-otp.tsx +2 -2
  234. package/src/input.tsx +1 -1
  235. package/src/menubar.tsx +17 -42
  236. package/src/navigation-menu.tsx +6 -19
  237. package/src/pagination.tsx +2 -4
  238. package/src/popover.tsx +18 -12
  239. package/src/progress.tsx +3 -1
  240. package/src/radio-group.tsx +6 -4
  241. package/src/resizable.tsx +2 -5
  242. package/src/select.tsx +13 -22
  243. package/src/sheet.tsx +15 -59
  244. package/src/slider.tsx +1 -1
  245. package/src/sonner.tsx +4 -2
  246. package/src/switch.tsx +2 -8
  247. package/src/table.tsx +2 -2
  248. package/src/tabs.tsx +3 -4
  249. package/src/textarea.tsx +1 -1
  250. package/src/toggle.tsx +4 -7
  251. package/src/tooltip.tsx +23 -34
  252. package/dist/chunk-4ZL55G6C.js +0 -2
  253. package/dist/chunk-4ZL55G6C.js.map +0 -1
  254. package/dist/chunk-76AASLTX.mjs +0 -2
  255. package/dist/chunk-7UVSBFQU.js +0 -2
  256. package/dist/chunk-7UVSBFQU.js.map +0 -1
  257. package/dist/chunk-BP7PEVLB.js +0 -2
  258. package/dist/chunk-BP7PEVLB.js.map +0 -1
  259. package/dist/chunk-BPCLLQ62.mjs +0 -2
  260. package/dist/chunk-BPCLLQ62.mjs.map +0 -1
  261. package/dist/chunk-CAGY2ZSE.js +0 -2
  262. package/dist/chunk-CAGY2ZSE.js.map +0 -1
  263. package/dist/chunk-JTI7KCLO.mjs +0 -2
  264. package/dist/chunk-JTI7KCLO.mjs.map +0 -1
  265. package/dist/chunk-QZCQ42BP.js +0 -2
  266. package/dist/chunk-QZCQ42BP.js.map +0 -1
  267. package/dist/chunk-WZ4XIF6U.mjs +0 -2
  268. package/dist/chunk-WZ4XIF6U.mjs.map +0 -1
  269. package/dist/chunk-YQJHVJVX.mjs +0 -2
  270. package/dist/chunk-YQJHVJVX.mjs.map +0 -1
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
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/sheet.tsx"],"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"],"mappings":"6DAEA,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,EAACgB,EAAA,CAAW,UAAU,SAAS,EAC/BhB,EAAC,QAAK,UAAU,UAAU,iBAAK,GACjC,GACF,GACF,CACD,EACDa,EAAa,YAA6B,UAAQ,YAMlD,SAASI,EAAY,CACnB,UAAAR,EACA,GAAGC,CACL,EAA4D,CAC1D,OACEV,EAAC,OACC,UAAWY,EACT,mDACAH,CACF,EACC,GAAGC,EACN,CAEJ,CAMA,SAASQ,EAAY,CACnB,UAAAT,EACA,GAAGC,CACL,EAA4D,CAC1D,OACEV,EAAC,OACC,UAAWY,EACT,gEACAH,CACF,EACC,GAAGC,EACN,CAEJ,CACAQ,EAAY,YAAc,cAM1B,IAAMC,EAAmB,aAGvB,CAAC,CAAE,UAAAV,EAAW,GAAGC,CAAM,EAAGC,IAC1BX,EAAgB,QAAf,CACC,IAAKW,EACL,UAAWC,EAAG,wCAAyCH,CAAS,EAC/D,GAAGC,EACN,CACD,EACDS,EAAW,YAA6B,QAAM,YAM9C,IAAMC,EAAyB,aAG7B,CAAC,CAAE,UAAAX,EAAW,GAAGC,CAAM,EAAGC,IAC1BX,EAAgB,cAAf,CACC,IAAKW,EACL,UAAWC,EAAG,gCAAiCH,CAAS,EACvD,GAAGC,EACN,CACD,EACDU,EAAiB,YAA6B,cAAY","names":["React","SheetPrimitive","Cross2Icon","jsx","jsxs","sheetVariants","cva","Sheet","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","props","ref","cn","SheetContent","side","children","Cross2Icon","SheetHeader","SheetFooter","SheetTitle","SheetDescription"]}
1
+ {"version":3,"sources":["../src/sheet.tsx"],"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"],"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;","names":[]}
package/dist/skeleton.js CHANGED
@@ -1,2 +1,22 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkQZCQ42BPjs = require('./chunk-QZCQ42BP.js');var _jsxruntime = require('react/jsx-runtime');function n({className:t,...m}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkQZCQ42BPjs.b.call(void 0, "bg-primary/10 animate-pulse rounded-md",t),...m})}exports.Skeleton = n;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
+
3
+ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
4
+
5
+ // src/skeleton.tsx
6
+ var _jsxruntime = require('react/jsx-runtime');
7
+ function Skeleton({
8
+ className,
9
+ ...props
10
+ }) {
11
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
12
+ "div",
13
+ {
14
+ className: _chunkG3NP7M2Njs.cn.call(void 0, "bg-primary/10 animate-pulse rounded-md", className),
15
+ ...props
16
+ }
17
+ );
18
+ }
19
+
20
+
21
+ exports.Skeleton = Skeleton;
2
22
  //# sourceMappingURL=skeleton.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/skeleton.tsx"],"names":["jsx","Skeleton","className","props","cn"],"mappings":"wCAYI,cAAAA,MAAA,oBALJ,SAASC,EAAS,CAChB,UAAAC,EACA,GAAGC,CACL,EAA4D,CAC1D,OACEH,EAAC,OACC,UAAWI,EAAG,yCAA0CF,CAAS,EAChE,GAAGC,EACN,CAEJ","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Skeleton\n * -------------------------------------------------------------------------- */\n\nfunction Skeleton({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\"bg-primary/10 animate-pulse rounded-md\", className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Skeleton };\n"]}
1
+ {"version":3,"sources":["../src/skeleton.tsx"],"names":[],"mappings":";;;;;AAYI;AALJ,SAAS,SAAS;AAAA,EAChB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,0CAA0C,SAAS;AAAA,MAChE,GAAG;AAAA;AAAA,EACN;AAEJ","sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Skeleton\n * -------------------------------------------------------------------------- */\n\nfunction Skeleton({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\"bg-primary/10 animate-pulse rounded-md\", className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Skeleton };\n"]}
package/dist/skeleton.mjs CHANGED
@@ -1,2 +1,22 @@
1
- import{b as e}from"./chunk-JTI7KCLO.mjs";import{jsx as r}from"react/jsx-runtime";function n({className:t,...m}){return r("div",{className:e("bg-primary/10 animate-pulse rounded-md",t),...m})}export{n as Skeleton};
1
+ import {
2
+ cn
3
+ } from "./chunk-UG3URV2Z.mjs";
4
+
5
+ // src/skeleton.tsx
6
+ import { jsx } from "react/jsx-runtime";
7
+ function Skeleton({
8
+ className,
9
+ ...props
10
+ }) {
11
+ return /* @__PURE__ */ jsx(
12
+ "div",
13
+ {
14
+ className: cn("bg-primary/10 animate-pulse rounded-md", className),
15
+ ...props
16
+ }
17
+ );
18
+ }
19
+ export {
20
+ Skeleton
21
+ };
2
22
  //# sourceMappingURL=skeleton.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Skeleton\n * -------------------------------------------------------------------------- */\n\nfunction Skeleton({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\"bg-primary/10 animate-pulse rounded-md\", className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Skeleton };\n"],"mappings":"yCAYI,cAAAA,MAAA,oBALJ,SAASC,EAAS,CAChB,UAAAC,EACA,GAAGC,CACL,EAA4D,CAC1D,OACEH,EAAC,OACC,UAAWI,EAAG,yCAA0CF,CAAS,EAChE,GAAGC,EACN,CAEJ","names":["jsx","Skeleton","className","props","cn"]}
1
+ {"version":3,"sources":["../src/skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Skeleton\n * -------------------------------------------------------------------------- */\n\nfunction Skeleton({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element {\n return (\n <div\n className={cn(\"bg-primary/10 animate-pulse rounded-md\", className)}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Skeleton };\n"],"mappings":";;;;;AAYI;AALJ,SAAS,SAAS;AAAA,EAChB;AAAA,EACA,GAAG;AACL,GAA4D;AAC1D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,0CAA0C,SAAS;AAAA,MAChE,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}
package/dist/slider.js CHANGED
@@ -1,2 +1,29 @@
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 l = _interopRequireWildcard(_react);var _reactslider = require('@radix-ui/react-slider'); var i = _interopRequireWildcard(_reactslider);var _jsxruntime = require('react/jsx-runtime');var s=l.forwardRef(({className:o,...t},a)=>_jsxruntime.jsxs.call(void 0, i.Root,{ref:a,className:_chunkQZCQ42BPjs.b.call(void 0, "relative flex w-full touch-none select-none items-center",o),...t,children:[_jsxruntime.jsx.call(void 0, i.Track,{className:"bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full",children:_jsxruntime.jsx.call(void 0, i.Range,{className:"bg-primary absolute h-full"})}),_jsxruntime.jsx.call(void 0, i.Thumb,{className:"border-primary/50 bg-background focus-visible:ring-ring block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50"})]}));s.displayName=i.Root.displayName;exports.Slider = s;
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/slider.tsx
7
+ var _react = require('react'); var React = _interopRequireWildcard(_react);
8
+ var _reactslider = require('@radix-ui/react-slider'); var SliderPrimitive = _interopRequireWildcard(_reactslider);
9
+ var _jsxruntime = require('react/jsx-runtime');
10
+ var Slider = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
11
+ SliderPrimitive.Root,
12
+ {
13
+ ref,
14
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
15
+ "relative flex w-full touch-none select-none items-center",
16
+ className
17
+ ),
18
+ ...props,
19
+ children: [
20
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SliderPrimitive.Track, { className: "bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SliderPrimitive.Range, { className: "bg-primary absolute h-full" }) }),
21
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SliderPrimitive.Thumb, { className: "border-primary/50 bg-background focus-visible:ring-ring focus-visible:ring-offset-background block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
22
+ ]
23
+ }
24
+ ));
25
+ Slider.displayName = SliderPrimitive.Root.displayName;
26
+
27
+
28
+ exports.Slider = Slider;
2
29
  //# sourceMappingURL=slider.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/slider.tsx"],"names":["React","SliderPrimitive","jsx","jsxs","Slider","className","props","ref","cn"],"mappings":"qDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAqB,yBAW/B,OASI,OAAAC,EATJ,QAAAC,MAAA,oBAJF,IAAMC,EAAe,aAGnB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BJ,EAAiB,OAAhB,CACC,IAAKI,EACL,UAAWC,EACT,2DACAH,CACF,EACC,GAAGC,EAEJ,UAAAJ,EAAiB,QAAhB,CAAsB,UAAU,wEAC/B,SAAAA,EAAiB,QAAhB,CAAsB,UAAU,6BAA6B,EAChE,EACAA,EAAiB,QAAhB,CAAsB,UAAU,qNAAqN,GACxP,CACD,EACDE,EAAO,YAA8B,OAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Slider\n * -------------------------------------------------------------------------- */\n\nconst Slider = React.forwardRef<\n React.ElementRef<typeof SliderPrimitive.Root>,\n SliderPrimitive.SliderProps\n>(({ className, ...props }, ref) => (\n <SliderPrimitive.Root\n ref={ref}\n className={cn(\n \"relative flex w-full touch-none select-none items-center\",\n className,\n )}\n {...props}\n >\n <SliderPrimitive.Track className=\"bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full\">\n <SliderPrimitive.Range className=\"bg-primary absolute h-full\" />\n </SliderPrimitive.Track>\n <SliderPrimitive.Thumb className=\"border-primary/50 bg-background focus-visible:ring-ring block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50\" />\n </SliderPrimitive.Root>\n));\nSlider.displayName = SliderPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Slider };\n"]}
1
+ {"version":3,"sources":["../src/slider.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAW/B,SASI,KATJ;AAJF,IAAM,SAAe,iBAGnB,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;AAAA,0BAAiB,uBAAhB,EAAsB,WAAU,yEAC/B,8BAAiB,uBAAhB,EAAsB,WAAU,8BAA6B,GAChE;AAAA,MACA,oBAAiB,uBAAhB,EAAsB,WAAU,uRAAsR;AAAA;AAAA;AACzT,CACD;AACD,OAAO,cAA8B,qBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Slider\n * -------------------------------------------------------------------------- */\n\nconst Slider = React.forwardRef<\n React.ElementRef<typeof SliderPrimitive.Root>,\n SliderPrimitive.SliderProps\n>(({ className, ...props }, ref) => (\n <SliderPrimitive.Root\n ref={ref}\n className={cn(\n \"relative flex w-full touch-none select-none items-center\",\n className,\n )}\n {...props}\n >\n <SliderPrimitive.Track className=\"bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full\">\n <SliderPrimitive.Range className=\"bg-primary absolute h-full\" />\n </SliderPrimitive.Track>\n <SliderPrimitive.Thumb className=\"border-primary/50 bg-background focus-visible:ring-ring focus-visible:ring-offset-background block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\" />\n </SliderPrimitive.Root>\n));\nSlider.displayName = SliderPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Slider };\n"]}
package/dist/slider.mjs CHANGED
@@ -1,2 +1,29 @@
1
- "use client";import{b as r}from"./chunk-JTI7KCLO.mjs";import*as l from"react";import*as i from"@radix-ui/react-slider";import{jsx as e,jsxs as d}from"react/jsx-runtime";var s=l.forwardRef(({className:o,...t},a)=>d(i.Root,{ref:a,className:r("relative flex w-full touch-none select-none items-center",o),...t,children:[e(i.Track,{className:"bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full",children:e(i.Range,{className:"bg-primary absolute h-full"})}),e(i.Thumb,{className:"border-primary/50 bg-background focus-visible:ring-ring block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50"})]}));s.displayName=i.Root.displayName;export{s as Slider};
1
+ "use client";
2
+ import {
3
+ cn
4
+ } from "./chunk-UG3URV2Z.mjs";
5
+
6
+ // src/slider.tsx
7
+ import * as React from "react";
8
+ import * as SliderPrimitive from "@radix-ui/react-slider";
9
+ import { jsx, jsxs } from "react/jsx-runtime";
10
+ var Slider = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
11
+ SliderPrimitive.Root,
12
+ {
13
+ ref,
14
+ className: cn(
15
+ "relative flex w-full touch-none select-none items-center",
16
+ className
17
+ ),
18
+ ...props,
19
+ children: [
20
+ /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "bg-primary absolute h-full" }) }),
21
+ /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "border-primary/50 bg-background focus-visible:ring-ring focus-visible:ring-offset-background block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
22
+ ]
23
+ }
24
+ ));
25
+ Slider.displayName = SliderPrimitive.Root.displayName;
26
+ export {
27
+ Slider
28
+ };
2
29
  //# sourceMappingURL=slider.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/slider.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Slider\n * -------------------------------------------------------------------------- */\n\nconst Slider = React.forwardRef<\n React.ElementRef<typeof SliderPrimitive.Root>,\n SliderPrimitive.SliderProps\n>(({ className, ...props }, ref) => (\n <SliderPrimitive.Root\n ref={ref}\n className={cn(\n \"relative flex w-full touch-none select-none items-center\",\n className,\n )}\n {...props}\n >\n <SliderPrimitive.Track className=\"bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full\">\n <SliderPrimitive.Range className=\"bg-primary absolute h-full\" />\n </SliderPrimitive.Track>\n <SliderPrimitive.Thumb className=\"border-primary/50 bg-background focus-visible:ring-ring block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-1 disabled:pointer-events-none disabled:opacity-50\" />\n </SliderPrimitive.Root>\n));\nSlider.displayName = SliderPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Slider };\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAqB,yBAW/B,OASI,OAAAC,EATJ,QAAAC,MAAA,oBAJF,IAAMC,EAAe,aAGnB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BJ,EAAiB,OAAhB,CACC,IAAKI,EACL,UAAWC,EACT,2DACAH,CACF,EACC,GAAGC,EAEJ,UAAAJ,EAAiB,QAAhB,CAAsB,UAAU,wEAC/B,SAAAA,EAAiB,QAAhB,CAAsB,UAAU,6BAA6B,EAChE,EACAA,EAAiB,QAAhB,CAAsB,UAAU,qNAAqN,GACxP,CACD,EACDE,EAAO,YAA8B,OAAK","names":["React","SliderPrimitive","jsx","jsxs","Slider","className","props","ref","cn"]}
1
+ {"version":3,"sources":["../src/slider.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Slider\n * -------------------------------------------------------------------------- */\n\nconst Slider = React.forwardRef<\n React.ElementRef<typeof SliderPrimitive.Root>,\n SliderPrimitive.SliderProps\n>(({ className, ...props }, ref) => (\n <SliderPrimitive.Root\n ref={ref}\n className={cn(\n \"relative flex w-full touch-none select-none items-center\",\n className,\n )}\n {...props}\n >\n <SliderPrimitive.Track className=\"bg-primary/20 relative h-1.5 w-full grow overflow-hidden rounded-full\">\n <SliderPrimitive.Range className=\"bg-primary absolute h-full\" />\n </SliderPrimitive.Track>\n <SliderPrimitive.Thumb className=\"border-primary/50 bg-background focus-visible:ring-ring focus-visible:ring-offset-background block size-4 rounded-full border shadow transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\" />\n </SliderPrimitive.Root>\n));\nSlider.displayName = SliderPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Slider };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAW/B,SASI,KATJ;AAJF,IAAM,SAAe,iBAGnB,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;AAAA,0BAAiB,uBAAhB,EAAsB,WAAU,yEAC/B,8BAAiB,uBAAhB,EAAsB,WAAU,8BAA6B,GAChE;AAAA,MACA,oBAAiB,uBAAhB,EAAsB,WAAU,uRAAsR;AAAA;AAAA;AACzT,CACD;AACD,OAAO,cAA8B,qBAAK;","names":[]}
package/dist/sonner.js CHANGED
@@ -1,2 +1,35 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _nextthemes = require('next-themes');var _sonner = require('sonner');var _jsxruntime = require('react/jsx-runtime');function n({...t}){let{theme:o="system"}=_nextthemes.useTheme.call(void 0, );return _jsxruntime.jsx.call(void 0, _sonner.Toaster,{theme:o,className:"toaster group",toastOptions:{classNames:{toast:"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",description:"group-[.toast]:text-muted-foreground",actionButton:"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",cancelButton:"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"}},...t})}exports.Toaster = n; exports.toast = _sonner.toast;
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
2
+
3
+
4
+ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
5
+
6
+ // src/sonner.tsx
7
+ var _nextthemes = require('next-themes');
8
+ var _sonner = require('sonner');
9
+ var _jsxruntime = require('react/jsx-runtime');
10
+ function Toaster({ ...props }) {
11
+ const { theme = "system" } = _nextthemes.useTheme.call(void 0, );
12
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
13
+ _sonner.Toaster,
14
+ {
15
+ theme,
16
+ className: "toaster group",
17
+ toastOptions: {
18
+ classNames: {
19
+ toast: _chunkG3NP7M2Njs.cn.call(void 0,
20
+ "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg"
21
+ ),
22
+ description: "group-[.toast]:text-muted-foreground",
23
+ actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
24
+ cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
25
+ }
26
+ },
27
+ ...props
28
+ }
29
+ );
30
+ }
31
+
32
+
33
+
34
+ exports.Toaster = Toaster; exports.toast = _sonner.toast;
2
35
  //# sourceMappingURL=sonner.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/sonner.tsx"],"names":["useTheme","Sonner","toast","jsx","Toaster","props","theme"],"mappings":"aAGA,OAAS,YAAAA,MAAgB,cACzB,OAAS,WAAWC,EAAQ,SAAAC,MAAa,SAarC,cAAAC,MAAA,oBAJJ,SAASC,EAAQ,CAAE,GAAGC,CAAM,EAAoC,CAC9D,GAAM,CAAE,MAAAC,EAAQ,QAAS,EAAIN,EAAS,EAEtC,OACEG,EAACF,EAAA,CACC,MAAOK,EACP,UAAU,gBACV,aAAc,CACZ,WAAY,CACV,MACE,wIACF,YAAa,uCACb,aACE,mEACF,aACE,8DACJ,CACF,EACC,GAAGD,EACN,CAEJ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useTheme } from \"next-themes\";\nimport { Toaster as Sonner, toast } from \"sonner\";\n\n/* -----------------------------------------------------------------------------\n * Component: Sonner\n * -------------------------------------------------------------------------- */\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>;\ntype Theme = \"light\" | \"dark\" | \"system\" | undefined;\n\nfunction Toaster({ ...props }: ToasterProps): React.JSX.Element {\n const { theme = \"system\" } = useTheme() as { theme: Theme };\n\n return (\n <Sonner\n theme={theme}\n className=\"toaster group\"\n toastOptions={{\n classNames: {\n toast:\n \"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg\",\n description: \"group-[.toast]:text-muted-foreground\",\n actionButton:\n \"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground\",\n cancelButton:\n \"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground\",\n },\n }}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Toaster, toast };\n"]}
1
+ {"version":3,"sources":["../src/sonner.tsx"],"names":[],"mappings":";;;;;;AAGA,SAAS,gBAAgB;AACzB,SAAS,OAAO,WAAW,cAAc;AAcrC;AAJJ,SAAS,QAAQ,EAAE,GAAG,MAAM,GAAoC;AAC9D,QAAM,EAAE,QAAQ,SAAS,IAAI,SAAS;AAEtC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAU;AAAA,MACV,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OAAO;AAAA,YACL;AAAA,UACF;AAAA,UACA,aAAa;AAAA,UACb,cACE;AAAA,UACF,cACE;AAAA,QACJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useTheme } from \"next-themes\";\nimport { toast, Toaster as Sonner } from \"sonner\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Sonner\n * -------------------------------------------------------------------------- */\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>;\ntype Theme = \"light\" | \"dark\" | \"system\" | undefined;\n\nfunction Toaster({ ...props }: ToasterProps): React.JSX.Element {\n const { theme = \"system\" } = useTheme() as { theme: Theme };\n\n return (\n <Sonner\n theme={theme}\n className=\"toaster group\"\n toastOptions={{\n classNames: {\n toast: cn(\n \"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg\",\n ),\n description: \"group-[.toast]:text-muted-foreground\",\n actionButton:\n \"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground\",\n cancelButton:\n \"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground\",\n },\n }}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Toaster, toast };\n"]}
package/dist/sonner.mjs CHANGED
@@ -1,2 +1,35 @@
1
- "use client";import{useTheme as e}from"next-themes";import{Toaster as r,toast as u}from"sonner";import{jsx as s}from"react/jsx-runtime";function n({...t}){let{theme:o="system"}=e();return s(r,{theme:o,className:"toaster group",toastOptions:{classNames:{toast:"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",description:"group-[.toast]:text-muted-foreground",actionButton:"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",cancelButton:"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"}},...t})}export{n as Toaster,u as toast};
1
+ "use client";
2
+ import {
3
+ cn
4
+ } from "./chunk-UG3URV2Z.mjs";
5
+
6
+ // src/sonner.tsx
7
+ import { useTheme } from "next-themes";
8
+ import { toast, Toaster as Sonner } from "sonner";
9
+ import { jsx } from "react/jsx-runtime";
10
+ function Toaster({ ...props }) {
11
+ const { theme = "system" } = useTheme();
12
+ return /* @__PURE__ */ jsx(
13
+ Sonner,
14
+ {
15
+ theme,
16
+ className: "toaster group",
17
+ toastOptions: {
18
+ classNames: {
19
+ toast: cn(
20
+ "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg"
21
+ ),
22
+ description: "group-[.toast]:text-muted-foreground",
23
+ actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
24
+ cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
25
+ }
26
+ },
27
+ ...props
28
+ }
29
+ );
30
+ }
31
+ export {
32
+ Toaster,
33
+ toast
34
+ };
2
35
  //# sourceMappingURL=sonner.mjs.map