@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/resizable.js CHANGED
@@ -1,2 +1,48 @@
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 _reacticons = require('@radix-ui/react-icons');var _reactresizablepanels = require('react-resizable-panels'); var e = _interopRequireWildcard(_reactresizablepanels);var _jsxruntime = require('react/jsx-runtime');function c({className:i,...t}){return _jsxruntime.jsx.call(void 0, e.PanelGroup,{className:_chunkQZCQ42BPjs.b.call(void 0, "flex h-full w-full","data-[panel-group-direction=vertical]:flex-col",i),...t})}var f=e.Panel;function d({withHandle:i,className:t,...l}){return _jsxruntime.jsx.call(void 0, e.PanelResizeHandle,{className:_chunkQZCQ42BPjs.b.call(void 0, "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-1","data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0","[&[data-panel-group-direction=vertical]>div]:rotate-90",t),...l,children:i?_jsxruntime.jsx.call(void 0, "div",{className:"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border",children:_jsxruntime.jsx.call(void 0, _reacticons.DragHandleDots2Icon,{className:"size-2.5"})}):null})}exports.ResizableHandle = d; exports.ResizablePanel = f; exports.ResizablePanelGroup = c;
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/resizable.tsx
7
+ var _reacticons = require('@radix-ui/react-icons');
8
+ var _reactresizablepanels = require('react-resizable-panels'); var ResizablePrimitive = _interopRequireWildcard(_reactresizablepanels);
9
+ var _jsxruntime = require('react/jsx-runtime');
10
+ function ResizablePanelGroup({
11
+ className,
12
+ ...props
13
+ }) {
14
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
15
+ ResizablePrimitive.PanelGroup,
16
+ {
17
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
18
+ "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
19
+ className
20
+ ),
21
+ ...props
22
+ }
23
+ );
24
+ }
25
+ var ResizablePanel = ResizablePrimitive.Panel;
26
+ function ResizableHandle({
27
+ withHandle,
28
+ className,
29
+ ...props
30
+ }) {
31
+ return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
32
+ ResizablePrimitive.PanelResizeHandle,
33
+ {
34
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
35
+ "bg-border focus-visible:ring-ring focus-visible:ring-offset-background relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
36
+ className
37
+ ),
38
+ ...props,
39
+ children: withHandle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.DragHandleDots2Icon, { className: "size-2.5" }) }) : null
40
+ }
41
+ );
42
+ }
43
+
44
+
45
+
46
+
47
+ exports.ResizableHandle = ResizableHandle; exports.ResizablePanel = ResizablePanel; exports.ResizablePanelGroup = ResizablePanelGroup;
2
48
  //# sourceMappingURL=resizable.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/resizable.tsx"],"names":["DragHandleDots2Icon","ResizablePrimitive","jsx","ResizablePanelGroup","className","props","cn","ResizablePanel","ResizableHandle","withHandle"],"mappings":"qDAEA,OAAS,uBAAAA,MAA2B,wBACpC,UAAYC,MAAwB,yBAYhC,cAAAC,MAAA,oBALJ,SAASC,EAAoB,CAC3B,UAAAC,EACA,GAAGC,CACL,EAA0D,CACxD,OACEH,EAAoB,aAAnB,CACC,UAAWI,EACT,qBACA,iDACAF,CACF,EACC,GAAGC,EACN,CAEJ,CAMA,IAAME,EAAoC,QAM1C,SAASC,EAAgB,CACvB,WAAAC,EACA,UAAAL,EACA,GAAGC,CACL,EAEsB,CACpB,OACEH,EAAoB,oBAAnB,CACC,UAAWI,EACT,8OACA,uWACA,yDACAF,CACF,EACC,GAAGC,EAEH,SAAAI,EACCP,EAAC,OAAI,UAAU,4EACb,SAAAA,EAACF,EAAA,CAAoB,UAAU,WAAW,EAC5C,EACE,KACN,CAEJ","sourcesContent":["\"use client\";\n\nimport { DragHandleDots2Icon } from \"@radix-ui/react-icons\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanelGroup\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanelGroup({\n className,\n ...props\n}: ResizablePrimitive.PanelGroupProps): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelGroup\n className={cn(\n \"flex h-full w-full\",\n \"data-[panel-group-direction=vertical]:flex-col\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanel\n * -------------------------------------------------------------------------- */\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\n/* -----------------------------------------------------------------------------\n * Component: ResizableHandle\n * -------------------------------------------------------------------------- */\n\nfunction ResizableHandle({\n withHandle,\n className,\n ...props\n}: ResizablePrimitive.PanelResizeHandleProps & {\n withHandle?: boolean;\n}): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelResizeHandle\n className={cn(\n \"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-1\",\n \"data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0\",\n \"[&[data-panel-group-direction=vertical]>div]:rotate-90\",\n className,\n )}\n {...props}\n >\n {withHandle ? (\n <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border\">\n <DragHandleDots2Icon className=\"size-2.5\" />\n </div>\n ) : null}\n </ResizablePrimitive.PanelResizeHandle>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"]}
1
+ {"version":3,"sources":["../src/resizable.tsx"],"names":[],"mappings":";;;;;;AAEA,SAAS,2BAA2B;AACpC,YAAY,wBAAwB;AAYhC;AALJ,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,iBAAoC;AAM1C,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEsB;AACpB,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,uBACC,oBAAC,SAAI,WAAU,6EACb,8BAAC,uBAAoB,WAAU,YAAW,GAC5C,IACE;AAAA;AAAA,EACN;AAEJ","sourcesContent":["\"use client\";\n\nimport { DragHandleDots2Icon } from \"@radix-ui/react-icons\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanelGroup\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanelGroup({\n className,\n ...props\n}: ResizablePrimitive.PanelGroupProps): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelGroup\n className={cn(\n \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanel\n * -------------------------------------------------------------------------- */\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\n/* -----------------------------------------------------------------------------\n * Component: ResizableHandle\n * -------------------------------------------------------------------------- */\n\nfunction ResizableHandle({\n withHandle,\n className,\n ...props\n}: ResizablePrimitive.PanelResizeHandleProps & {\n withHandle?: boolean;\n}): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelResizeHandle\n className={cn(\n \"bg-border focus-visible:ring-ring focus-visible:ring-offset-background relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n className,\n )}\n {...props}\n >\n {withHandle ? (\n <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border\">\n <DragHandleDots2Icon className=\"size-2.5\" />\n </div>\n ) : null}\n </ResizablePrimitive.PanelResizeHandle>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"]}
@@ -1,2 +1,48 @@
1
- "use client";import{b as r}from"./chunk-JTI7KCLO.mjs";import{DragHandleDots2Icon as n}from"@radix-ui/react-icons";import*as e from"react-resizable-panels";import{jsx as a}from"react/jsx-runtime";function c({className:i,...t}){return a(e.PanelGroup,{className:r("flex h-full w-full","data-[panel-group-direction=vertical]:flex-col",i),...t})}var f=e.Panel;function d({withHandle:i,className:t,...l}){return a(e.PanelResizeHandle,{className:r("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-1","data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0","[&[data-panel-group-direction=vertical]>div]:rotate-90",t),...l,children:i?a("div",{className:"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border",children:a(n,{className:"size-2.5"})}):null})}export{d as ResizableHandle,f as ResizablePanel,c as ResizablePanelGroup};
1
+ "use client";
2
+ import {
3
+ cn
4
+ } from "./chunk-UG3URV2Z.mjs";
5
+
6
+ // src/resizable.tsx
7
+ import { DragHandleDots2Icon } from "@radix-ui/react-icons";
8
+ import * as ResizablePrimitive from "react-resizable-panels";
9
+ import { jsx } from "react/jsx-runtime";
10
+ function ResizablePanelGroup({
11
+ className,
12
+ ...props
13
+ }) {
14
+ return /* @__PURE__ */ jsx(
15
+ ResizablePrimitive.PanelGroup,
16
+ {
17
+ className: cn(
18
+ "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
19
+ className
20
+ ),
21
+ ...props
22
+ }
23
+ );
24
+ }
25
+ var ResizablePanel = ResizablePrimitive.Panel;
26
+ function ResizableHandle({
27
+ withHandle,
28
+ className,
29
+ ...props
30
+ }) {
31
+ return /* @__PURE__ */ jsx(
32
+ ResizablePrimitive.PanelResizeHandle,
33
+ {
34
+ className: cn(
35
+ "bg-border focus-visible:ring-ring focus-visible:ring-offset-background relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
36
+ className
37
+ ),
38
+ ...props,
39
+ children: withHandle ? /* @__PURE__ */ jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border", children: /* @__PURE__ */ jsx(DragHandleDots2Icon, { className: "size-2.5" }) }) : null
40
+ }
41
+ );
42
+ }
43
+ export {
44
+ ResizableHandle,
45
+ ResizablePanel,
46
+ ResizablePanelGroup
47
+ };
2
48
  //# sourceMappingURL=resizable.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/resizable.tsx"],"sourcesContent":["\"use client\";\n\nimport { DragHandleDots2Icon } from \"@radix-ui/react-icons\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanelGroup\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanelGroup({\n className,\n ...props\n}: ResizablePrimitive.PanelGroupProps): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelGroup\n className={cn(\n \"flex h-full w-full\",\n \"data-[panel-group-direction=vertical]:flex-col\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanel\n * -------------------------------------------------------------------------- */\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\n/* -----------------------------------------------------------------------------\n * Component: ResizableHandle\n * -------------------------------------------------------------------------- */\n\nfunction ResizableHandle({\n withHandle,\n className,\n ...props\n}: ResizablePrimitive.PanelResizeHandleProps & {\n withHandle?: boolean;\n}): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelResizeHandle\n className={cn(\n \"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-1\",\n \"data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0\",\n \"[&[data-panel-group-direction=vertical]>div]:rotate-90\",\n className,\n )}\n {...props}\n >\n {withHandle ? (\n <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border\">\n <DragHandleDots2Icon className=\"size-2.5\" />\n </div>\n ) : null}\n </ResizablePrimitive.PanelResizeHandle>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":"sDAEA,OAAS,uBAAAA,MAA2B,wBACpC,UAAYC,MAAwB,yBAYhC,cAAAC,MAAA,oBALJ,SAASC,EAAoB,CAC3B,UAAAC,EACA,GAAGC,CACL,EAA0D,CACxD,OACEH,EAAoB,aAAnB,CACC,UAAWI,EACT,qBACA,iDACAF,CACF,EACC,GAAGC,EACN,CAEJ,CAMA,IAAME,EAAoC,QAM1C,SAASC,EAAgB,CACvB,WAAAC,EACA,UAAAL,EACA,GAAGC,CACL,EAEsB,CACpB,OACEH,EAAoB,oBAAnB,CACC,UAAWI,EACT,8OACA,uWACA,yDACAF,CACF,EACC,GAAGC,EAEH,SAAAI,EACCP,EAAC,OAAI,UAAU,4EACb,SAAAA,EAACQ,EAAA,CAAoB,UAAU,WAAW,EAC5C,EACE,KACN,CAEJ","names":["DragHandleDots2Icon","ResizablePrimitive","jsx","ResizablePanelGroup","className","props","cn","ResizablePanel","ResizableHandle","withHandle","DragHandleDots2Icon"]}
1
+ {"version":3,"sources":["../src/resizable.tsx"],"sourcesContent":["\"use client\";\n\nimport { DragHandleDots2Icon } from \"@radix-ui/react-icons\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanelGroup\n * -------------------------------------------------------------------------- */\n\nfunction ResizablePanelGroup({\n className,\n ...props\n}: ResizablePrimitive.PanelGroupProps): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelGroup\n className={cn(\n \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n className,\n )}\n {...props}\n />\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: ResizablePanel\n * -------------------------------------------------------------------------- */\n\nconst ResizablePanel = ResizablePrimitive.Panel;\n\n/* -----------------------------------------------------------------------------\n * Component: ResizableHandle\n * -------------------------------------------------------------------------- */\n\nfunction ResizableHandle({\n withHandle,\n className,\n ...props\n}: ResizablePrimitive.PanelResizeHandleProps & {\n withHandle?: boolean;\n}): React.JSX.Element {\n return (\n <ResizablePrimitive.PanelResizeHandle\n className={cn(\n \"bg-border focus-visible:ring-ring focus-visible:ring-offset-background relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n className,\n )}\n {...props}\n >\n {withHandle ? (\n <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border\">\n <DragHandleDots2Icon className=\"size-2.5\" />\n </div>\n ) : null}\n </ResizablePrimitive.PanelResizeHandle>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"mappings":";;;;;;AAEA,SAAS,2BAA2B;AACpC,YAAY,wBAAwB;AAYhC;AALJ,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,GAAG;AACL,GAA0D;AACxD,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMA,IAAM,iBAAoC;AAM1C,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAEsB;AACpB,SACE;AAAA,IAAoB;AAAA,IAAnB;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,uBACC,oBAAC,SAAI,WAAU,6EACb,8BAAC,uBAAoB,WAAU,YAAW,GAC5C,IACE;AAAA;AAAA,EACN;AAEJ;","names":[]}
@@ -1,2 +1,45 @@
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 m = _interopRequireWildcard(_react);var _reactscrollarea = require('@radix-ui/react-scroll-area'); var r = _interopRequireWildcard(_reactscrollarea);var _jsxruntime = require('react/jsx-runtime');var S=m.forwardRef(({className:o,children:l,...i},a)=>_jsxruntime.jsxs.call(void 0, r.Root,{ref:a,className:_chunkQZCQ42BPjs.b.call(void 0, "relative overflow-hidden",o),...i,children:[_jsxruntime.jsx.call(void 0, r.Viewport,{className:"size-full rounded-[inherit]",children:l}),_jsxruntime.jsx.call(void 0, c,{orientation:"vertical"}),_jsxruntime.jsx.call(void 0, c,{orientation:"horizontal"}),_jsxruntime.jsx.call(void 0, r.Corner,{})]}));S.displayName=r.Root.displayName;var c=m.forwardRef(({className:o,orientation:l="vertical",...i},a)=>_jsxruntime.jsx.call(void 0, r.ScrollAreaScrollbar,{ref:a,orientation:l,className:_chunkQZCQ42BPjs.b.call(void 0, "flex touch-none select-none transition-colors",l==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-px",l==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-px",o),...i,children:_jsxruntime.jsx.call(void 0, r.ScrollAreaThumb,{className:"bg-border relative flex-1 rounded-full"})}));c.displayName=r.ScrollAreaScrollbar.displayName;exports.ScrollArea = S; exports.ScrollBar = c;
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/scroll-area.tsx
7
+ var _react = require('react'); var React = _interopRequireWildcard(_react);
8
+ var _reactscrollarea = require('@radix-ui/react-scroll-area'); var ScrollAreaPrimitive = _interopRequireWildcard(_reactscrollarea);
9
+ var _jsxruntime = require('react/jsx-runtime');
10
+ var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
11
+ ScrollAreaPrimitive.Root,
12
+ {
13
+ ref,
14
+ className: _chunkG3NP7M2Njs.cn.call(void 0, "relative overflow-hidden", className),
15
+ ...props,
16
+ children: [
17
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
18
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollBar, { orientation: "vertical" }),
19
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollBar, { orientation: "horizontal" }),
20
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaPrimitive.Corner, {})
21
+ ]
22
+ }
23
+ ));
24
+ ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
25
+ var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
26
+ ScrollAreaPrimitive.ScrollAreaScrollbar,
27
+ {
28
+ ref,
29
+ orientation,
30
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
31
+ "flex touch-none select-none transition-colors",
32
+ orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
33
+ orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
34
+ className
35
+ ),
36
+ ...props,
37
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" })
38
+ }
39
+ ));
40
+ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
41
+
42
+
43
+
44
+ exports.ScrollArea = ScrollArea; exports.ScrollBar = ScrollBar;
2
45
  //# sourceMappingURL=scroll-area.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/scroll-area.tsx"],"names":["React","ScrollAreaPrimitive","jsx","jsxs","ScrollArea","className","children","props","ref","cn","ScrollBar","orientation"],"mappings":"qDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAyB,8BAWnC,OAKE,OAAAC,EALF,QAAAC,MAAA,oBAJF,IAAMC,EAAmB,aAGvB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IACpCL,EAAqB,OAApB,CACC,IAAKK,EACL,UAAWC,EAAG,2BAA4BJ,CAAS,EAClD,GAAGE,EAEJ,UAAAL,EAAqB,WAApB,CAA6B,UAAU,8BACrC,SAAAI,EACH,EACAJ,EAACQ,EAAA,CAAU,YAAY,WAAW,EAClCR,EAACQ,EAAA,CAAU,YAAY,aAAa,EACpCR,EAAqB,SAApB,EAA2B,GAC9B,CACD,EACDE,EAAW,YAAkC,OAAK,YAMlD,IAAMM,EAAkB,aAGtB,CAAC,CAAE,UAAAL,EAAW,YAAAM,EAAc,WAAY,GAAGJ,CAAM,EAAGC,IACpDN,EAAqB,sBAApB,CACC,IAAKM,EACL,YAAaG,EACb,UAAWF,EACT,gDACAE,IAAgB,YACd,kDACFA,IAAgB,cACd,oDACFN,CACF,EACC,GAAGE,EAEJ,SAAAL,EAAqB,kBAApB,CAAoC,UAAU,yCAAyC,EAC1F,CACD,EACDQ,EAAU,YAAkC,sBAAoB","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\nconst ScrollArea = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n ScrollAreaPrimitive.ScrollAreaProps\n>(({ className, children, ...props }, ref) => (\n <ScrollAreaPrimitive.Root\n ref={ref}\n className={cn(\"relative overflow-hidden\", className)}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit]\">\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar orientation=\"vertical\" />\n <ScrollBar orientation=\"horizontal\" />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollBar\n * -------------------------------------------------------------------------- */\n\nconst ScrollBar = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n ScrollAreaPrimitive.ScrollAreaScrollbarProps\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n ref={ref}\n orientation={orientation}\n className={cn(\n \"flex touch-none select-none transition-colors\",\n orientation === \"vertical\" &&\n \"h-full w-2.5 border-l border-l-transparent p-px\",\n orientation === \"horizontal\" &&\n \"h-2.5 flex-col border-t border-t-transparent p-px\",\n className,\n )}\n {...props}\n >\n <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ScrollArea, ScrollBar };\n"]}
1
+ {"version":3,"sources":["../src/scroll-area.tsx"],"names":[],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAWnC,SAKE,KALF;AAJF,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAqB;AAAA,EAApB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA,IAEJ;AAAA,0BAAqB,8BAApB,EAA6B,WAAU,+BACrC,UACH;AAAA,MACA,oBAAC,aAAU,aAAY,YAAW;AAAA,MAClC,oBAAC,aAAU,aAAY,cAAa;AAAA,MACpC,oBAAqB,4BAApB,EAA2B;AAAA;AAAA;AAC9B,CACD;AACD,WAAW,cAAkC,yBAAK;AAMlD,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,cAAc,YAAY,GAAG,MAAM,GAAG,QACpD;AAAA,EAAqB;AAAA,EAApB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,gBAAgB,cACd;AAAA,MACF,gBAAgB,gBACd;AAAA,MACF;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAqB,qCAApB,EAAoC,WAAU,0CAAyC;AAAA;AAC1F,CACD;AACD,UAAU,cAAkC,wCAAoB","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\nconst ScrollArea = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n ScrollAreaPrimitive.ScrollAreaProps\n>(({ className, children, ...props }, ref) => (\n <ScrollAreaPrimitive.Root\n ref={ref}\n className={cn(\"relative overflow-hidden\", className)}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit]\">\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar orientation=\"vertical\" />\n <ScrollBar orientation=\"horizontal\" />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollBar\n * -------------------------------------------------------------------------- */\n\nconst ScrollBar = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n ScrollAreaPrimitive.ScrollAreaScrollbarProps\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n ref={ref}\n orientation={orientation}\n className={cn(\n \"flex touch-none select-none transition-colors\",\n orientation === \"vertical\" &&\n \"h-full w-2.5 border-l border-l-transparent p-px\",\n orientation === \"horizontal\" &&\n \"h-2.5 flex-col border-t border-t-transparent p-px\",\n className,\n )}\n {...props}\n >\n <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ScrollArea, ScrollBar };\n"]}
@@ -1,2 +1,45 @@
1
- "use client";import{b as t}from"./chunk-JTI7KCLO.mjs";import*as m from"react";import*as r from"@radix-ui/react-scroll-area";import{jsx as e,jsxs as n}from"react/jsx-runtime";var S=m.forwardRef(({className:o,children:l,...i},a)=>n(r.Root,{ref:a,className:t("relative overflow-hidden",o),...i,children:[e(r.Viewport,{className:"size-full rounded-[inherit]",children:l}),e(c,{orientation:"vertical"}),e(c,{orientation:"horizontal"}),e(r.Corner,{})]}));S.displayName=r.Root.displayName;var c=m.forwardRef(({className:o,orientation:l="vertical",...i},a)=>e(r.ScrollAreaScrollbar,{ref:a,orientation:l,className:t("flex touch-none select-none transition-colors",l==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-px",l==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-px",o),...i,children:e(r.ScrollAreaThumb,{className:"bg-border relative flex-1 rounded-full"})}));c.displayName=r.ScrollAreaScrollbar.displayName;export{S as ScrollArea,c as ScrollBar};
1
+ "use client";
2
+ import {
3
+ cn
4
+ } from "./chunk-UG3URV2Z.mjs";
5
+
6
+ // src/scroll-area.tsx
7
+ import * as React from "react";
8
+ import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
9
+ import { jsx, jsxs } from "react/jsx-runtime";
10
+ var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
11
+ ScrollAreaPrimitive.Root,
12
+ {
13
+ ref,
14
+ className: cn("relative overflow-hidden", className),
15
+ ...props,
16
+ children: [
17
+ /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "size-full rounded-[inherit]", children }),
18
+ /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" }),
19
+ /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
20
+ /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
21
+ ]
22
+ }
23
+ ));
24
+ ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
25
+ var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
26
+ ScrollAreaPrimitive.ScrollAreaScrollbar,
27
+ {
28
+ ref,
29
+ orientation,
30
+ className: cn(
31
+ "flex touch-none select-none transition-colors",
32
+ orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
33
+ orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
34
+ className
35
+ ),
36
+ ...props,
37
+ children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" })
38
+ }
39
+ ));
40
+ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
41
+ export {
42
+ ScrollArea,
43
+ ScrollBar
44
+ };
2
45
  //# sourceMappingURL=scroll-area.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\nconst ScrollArea = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n ScrollAreaPrimitive.ScrollAreaProps\n>(({ className, children, ...props }, ref) => (\n <ScrollAreaPrimitive.Root\n ref={ref}\n className={cn(\"relative overflow-hidden\", className)}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit]\">\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar orientation=\"vertical\" />\n <ScrollBar orientation=\"horizontal\" />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollBar\n * -------------------------------------------------------------------------- */\n\nconst ScrollBar = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n ScrollAreaPrimitive.ScrollAreaScrollbarProps\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n ref={ref}\n orientation={orientation}\n className={cn(\n \"flex touch-none select-none transition-colors\",\n orientation === \"vertical\" &&\n \"h-full w-2.5 border-l border-l-transparent p-px\",\n orientation === \"horizontal\" &&\n \"h-2.5 flex-col border-t border-t-transparent p-px\",\n className,\n )}\n {...props}\n >\n <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":"sDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAyB,8BAWnC,OAKE,OAAAC,EALF,QAAAC,MAAA,oBAJF,IAAMC,EAAmB,aAGvB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IACpCL,EAAqB,OAApB,CACC,IAAKK,EACL,UAAWC,EAAG,2BAA4BJ,CAAS,EAClD,GAAGE,EAEJ,UAAAL,EAAqB,WAApB,CAA6B,UAAU,8BACrC,SAAAI,EACH,EACAJ,EAACQ,EAAA,CAAU,YAAY,WAAW,EAClCR,EAACQ,EAAA,CAAU,YAAY,aAAa,EACpCR,EAAqB,SAApB,EAA2B,GAC9B,CACD,EACDE,EAAW,YAAkC,OAAK,YAMlD,IAAMM,EAAkB,aAGtB,CAAC,CAAE,UAAAL,EAAW,YAAAM,EAAc,WAAY,GAAGJ,CAAM,EAAGC,IACpDN,EAAqB,sBAApB,CACC,IAAKM,EACL,YAAaG,EACb,UAAWF,EACT,gDACAE,IAAgB,YACd,kDACFA,IAAgB,cACd,oDACFN,CACF,EACC,GAAGE,EAEJ,SAAAL,EAAqB,kBAApB,CAAoC,UAAU,yCAAyC,EAC1F,CACD,EACDQ,EAAU,YAAkC,sBAAoB","names":["React","ScrollAreaPrimitive","jsx","jsxs","ScrollArea","className","children","props","ref","cn","ScrollBar","orientation"]}
1
+ {"version":3,"sources":["../src/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollArea\n * -------------------------------------------------------------------------- */\n\nconst ScrollArea = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n ScrollAreaPrimitive.ScrollAreaProps\n>(({ className, children, ...props }, ref) => (\n <ScrollAreaPrimitive.Root\n ref={ref}\n className={cn(\"relative overflow-hidden\", className)}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport className=\"size-full rounded-[inherit]\">\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar orientation=\"vertical\" />\n <ScrollBar orientation=\"horizontal\" />\n <ScrollAreaPrimitive.Corner />\n </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: ScrollBar\n * -------------------------------------------------------------------------- */\n\nconst ScrollBar = React.forwardRef<\n React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n ScrollAreaPrimitive.ScrollAreaScrollbarProps\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n <ScrollAreaPrimitive.ScrollAreaScrollbar\n ref={ref}\n orientation={orientation}\n className={cn(\n \"flex touch-none select-none transition-colors\",\n orientation === \"vertical\" &&\n \"h-full w-2.5 border-l border-l-transparent p-px\",\n orientation === \"horizontal\" &&\n \"h-2.5 flex-col border-t border-t-transparent p-px\",\n className,\n )}\n {...props}\n >\n <ScrollAreaPrimitive.ScrollAreaThumb className=\"bg-border relative flex-1 rounded-full\" />\n </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;AAEA,YAAY,WAAW;AACvB,YAAY,yBAAyB;AAWnC,SAKE,KALF;AAJF,IAAM,aAAmB,iBAGvB,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAqB;AAAA,EAApB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,IAClD,GAAG;AAAA,IAEJ;AAAA,0BAAqB,8BAApB,EAA6B,WAAU,+BACrC,UACH;AAAA,MACA,oBAAC,aAAU,aAAY,YAAW;AAAA,MAClC,oBAAC,aAAU,aAAY,cAAa;AAAA,MACpC,oBAAqB,4BAApB,EAA2B;AAAA;AAAA;AAC9B,CACD;AACD,WAAW,cAAkC,yBAAK;AAMlD,IAAM,YAAkB,iBAGtB,CAAC,EAAE,WAAW,cAAc,YAAY,GAAG,MAAM,GAAG,QACpD;AAAA,EAAqB;AAAA,EAApB;AAAA,IACC;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,gBAAgB,cACd;AAAA,MACF,gBAAgB,gBACd;AAAA,MACF;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAqB,qCAApB,EAAoC,WAAU,0CAAyC;AAAA;AAC1F,CACD;AACD,UAAU,cAAkC,wCAAoB;","names":[]}
package/dist/select.js CHANGED
@@ -1,2 +1,135 @@
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 _reacticons = require('@radix-ui/react-icons');var _reactselect = require('@radix-ui/react-select'); var e = _interopRequireWildcard(_reactselect);var _jsxruntime = require('react/jsx-runtime');var N=e.Root,h= exports.SelectGroup =e.Group,x= exports.SelectValue =e.Value,P= exports.SelectTrigger =l.forwardRef(({className:a,children:o,...i},c)=>_jsxruntime.jsxs.call(void 0, e.Trigger,{ref:c,className:_chunkQZCQ42BPjs.b.call(void 0, "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,_jsxruntime.jsx.call(void 0, e.Icon,{asChild:!0,children:_jsxruntime.jsx.call(void 0, _reacticons.CaretSortIcon,{className:"size-4 opacity-50"})})]}));P.displayName=e.Trigger.displayName;var m=l.forwardRef(({className:a,...o},i)=>_jsxruntime.jsx.call(void 0, e.ScrollUpButton,{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "flex cursor-default items-center justify-center py-1",a),...o,children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronUpIcon,{})}));m.displayName=e.ScrollUpButton.displayName;var n=l.forwardRef(({className:a,...o},i)=>_jsxruntime.jsx.call(void 0, e.ScrollDownButton,{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "flex cursor-default items-center justify-center py-1",a),...o,children:_jsxruntime.jsx.call(void 0, _reacticons.ChevronDownIcon,{})}));n.displayName=e.ScrollDownButton.displayName;var u=l.forwardRef(({className:a,children:o,position:i="popper",...c},d)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsxs.call(void 0, e.Content,{ref:d,className:_chunkQZCQ42BPjs.b.call(void 0, "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:[_jsxruntime.jsx.call(void 0, m,{}),_jsxruntime.jsx.call(void 0, e.Viewport,{className:"p-1",children:o}),_jsxruntime.jsx.call(void 0, n,{})]})}));u.displayName=e.Content.displayName;var y=l.forwardRef(({className:a,...o},i)=>_jsxruntime.jsx.call(void 0, e.Label,{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "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)=>_jsxruntime.jsxs.call(void 0, e.Item,{ref:c,className:_chunkQZCQ42BPjs.b.call(void 0, "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:[_jsxruntime.jsx.call(void 0, "span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:_jsxruntime.jsx.call(void 0, e.ItemIndicator,{children:_jsxruntime.jsx.call(void 0, _reacticons.CheckIcon,{className:"size-4"})})}),_jsxruntime.jsx.call(void 0, e.ItemText,{children:o})]}));g.displayName=e.Item.displayName;var R=l.forwardRef(({className:a,...o},i)=>_jsxruntime.jsx.call(void 0, e.Separator,{ref:i,className:_chunkQZCQ42BPjs.b.call(void 0, "bg-muted -mx-1 my-1 h-px",a),...o}));R.displayName=e.Separator.displayName;exports.Select = N; exports.SelectContent = u; exports.SelectGroup = h; exports.SelectItem = g; exports.SelectLabel = y; exports.SelectScrollDownButton = n; exports.SelectScrollUpButton = m; exports.SelectSeparator = R; exports.SelectTrigger = P; exports.SelectValue = x;
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/select.tsx
7
+ var _react = require('react'); var React = _interopRequireWildcard(_react);
8
+
9
+
10
+
11
+
12
+
13
+ var _reacticons = require('@radix-ui/react-icons');
14
+ var _reactselect = require('@radix-ui/react-select'); var SelectPrimitive = _interopRequireWildcard(_reactselect);
15
+ var _jsxruntime = require('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__ */ _jsxruntime.jsxs.call(void 0,
20
+ SelectPrimitive.Trigger,
21
+ {
22
+ ref,
23
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
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__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.CaretSortIcon, { className: "size-4 opacity-50" }) })
31
+ ]
32
+ }
33
+ ));
34
+ SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
35
+ var SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
36
+ SelectPrimitive.ScrollUpButton,
37
+ {
38
+ ref,
39
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
40
+ "flex cursor-default items-center justify-center py-1",
41
+ className
42
+ ),
43
+ ...props,
44
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.ChevronUpIcon, {})
45
+ }
46
+ ));
47
+ SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
48
+ var SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
49
+ SelectPrimitive.ScrollDownButton,
50
+ {
51
+ ref,
52
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
53
+ "flex cursor-default items-center justify-center py-1",
54
+ className
55
+ ),
56
+ ...props,
57
+ children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.ChevronDownIcon, {})
58
+ }
59
+ ));
60
+ SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
61
+ var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
62
+ SelectPrimitive.Content,
63
+ {
64
+ ref,
65
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
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__ */ _jsxruntime.jsx.call(void 0, SelectScrollUpButton, {}),
74
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
75
+ SelectPrimitive.Viewport,
76
+ {
77
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
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__ */ _jsxruntime.jsx.call(void 0, SelectScrollDownButton, {})
85
+ ]
86
+ }
87
+ ) }));
88
+ SelectContent.displayName = SelectPrimitive.Content.displayName;
89
+ var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
90
+ SelectPrimitive.Label,
91
+ {
92
+ ref,
93
+ className: _chunkG3NP7M2Njs.cn.call(void 0, "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__ */ _jsxruntime.jsxs.call(void 0,
99
+ SelectPrimitive.Item,
100
+ {
101
+ ref,
102
+ className: _chunkG3NP7M2Njs.cn.call(void 0,
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__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.CheckIcon, { className: "size-4" }) }) }),
109
+ /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemText, { children })
110
+ ]
111
+ }
112
+ ));
113
+ SelectItem.displayName = SelectPrimitive.Item.displayName;
114
+ var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
115
+ SelectPrimitive.Separator,
116
+ {
117
+ ref,
118
+ className: _chunkG3NP7M2Njs.cn.call(void 0, "bg-muted -mx-1 my-1 h-px", className),
119
+ ...props
120
+ }
121
+ ));
122
+ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
123
+
124
+
125
+
126
+
127
+
128
+
129
+
130
+
131
+
132
+
133
+
134
+ exports.Select = Select; exports.SelectContent = SelectContent; exports.SelectGroup = SelectGroup; exports.SelectItem = SelectItem; exports.SelectLabel = SelectLabel; exports.SelectScrollDownButton = SelectScrollDownButton; exports.SelectScrollUpButton = SelectScrollUpButton; exports.SelectSeparator = SelectSeparator; exports.SelectTrigger = SelectTrigger; exports.SelectValue = SelectValue;
2
135
  //# sourceMappingURL=select.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/select.tsx"],"names":["React","CaretSortIcon","CheckIcon","ChevronDownIcon","ChevronUpIcon","SelectPrimitive","jsx","jsxs","Select","SelectGroup","SelectValue","SelectTrigger","className","children","props","ref","cn","SelectScrollUpButton","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","SelectSeparator"],"mappings":"qDAEA,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,EAACL,EAAA,CAAc,UAAU,oBAAoB,EAC/C,GACF,CACD,EACDU,EAAc,YAA8B,UAAQ,YAMpD,IAAMM,EAA6B,aAGjC,CAAC,CAAE,UAAAL,EAAW,GAAGE,CAAM,EAAGC,IAC1BT,EAAiB,iBAAhB,CACC,IAAKS,EACL,UAAWC,EACT,uDACAJ,CACF,EACC,GAAGE,EAEJ,SAAAR,EAACF,EAAA,EAAc,EACjB,CACD,EACDa,EAAqB,YAA8B,iBAAe,YAMlE,IAAMC,EAA+B,aAGnC,CAAC,CAAE,UAAAN,EAAW,GAAGE,CAAM,EAAGC,IAC1BT,EAAiB,mBAAhB,CACC,IAAKS,EACL,UAAWC,EACT,uDACAJ,CACF,EACC,GAAGE,EAEJ,SAAAR,EAACH,EAAA,EAAgB,EACnB,CACD,EACDe,EAAuB,YACL,mBAAiB,YAMnC,IAAMC,EAAsB,aAG1B,CAAC,CAAE,UAAAP,EAAW,SAAAC,EAAU,SAAAO,EAAW,SAAU,GAAGN,CAAM,EAAGC,IACzDT,EAAiB,SAAhB,CACC,SAAAC,EAAiB,UAAhB,CACC,IAAKQ,EACL,UAAWC,EACT,iKACA,wFACA,2DACA,2DACA,2DACA,2DACA,iGACA,4DACA,4DACA,4DACA,4DACAI,IAAa,UAAY,CACvB,iCACA,kCACA,mCACA,iCACF,EACAR,CACF,EACA,SAAUQ,EACT,GAAGN,EAEJ,UAAAR,EAACW,EAAA,EAAqB,EACtBX,EAAiB,WAAhB,CAAyB,UAAU,MACjC,SAAAO,EACH,EACAP,EAACY,EAAA,EAAuB,GAC1B,EACF,CACD,EACDC,EAAc,YAA8B,UAAQ,YAMpD,IAAME,EAAoB,aAGxB,CAAC,CAAE,UAAAT,EAAW,GAAGE,CAAM,EAAGC,IAC1BT,EAAiB,QAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,oCAAqCJ,CAAS,EAC3D,GAAGE,EACN,CACD,EACDO,EAAY,YAA8B,QAAM,YAMhD,IAAMC,EAAmB,aAGvB,CAAC,CAAE,UAAAV,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,EAACJ,EAAA,CAAU,UAAU,SAAS,EAChC,EACF,EACAI,EAAiB,WAAhB,CAA0B,SAAAO,EAAS,GACtC,CACD,EACDS,EAAW,YAA8B,OAAK,YAM9C,IAAMC,EAAwB,aAG5B,CAAC,CAAE,UAAAX,EAAW,GAAGE,CAAM,EAAGC,IAC1BT,EAAiB,YAAhB,CACC,IAAKS,EACL,UAAWC,EAAG,2BAA4BJ,CAAS,EAClD,GAAGE,EACN,CACD,EACDS,EAAgB,YAA8B,YAAU","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"]}
1
+ {"version":3,"sources":["../src/select.tsx"],"names":[],"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","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"]}