@waveso/ui 0.0.10 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (289) hide show
  1. package/README.md +1 -1
  2. package/dist/accordion.d.ts +24 -8
  3. package/dist/accordion.d.ts.map +1 -0
  4. package/dist/accordion.js +51 -73
  5. package/dist/accordion.js.map +1 -1
  6. package/dist/action-bar.d.ts +83 -0
  7. package/dist/action-bar.d.ts.map +1 -0
  8. package/dist/action-bar.js +264 -0
  9. package/dist/action-bar.js.map +1 -0
  10. package/dist/alert-dialog.d.ts +56 -21
  11. package/dist/alert-dialog.d.ts.map +1 -0
  12. package/dist/alert-dialog.js +75 -127
  13. package/dist/alert-dialog.js.map +1 -1
  14. package/dist/alert.d.ts +26 -11
  15. package/dist/alert.d.ts.map +1 -0
  16. package/dist/alert.js +37 -68
  17. package/dist/alert.js.map +1 -1
  18. package/dist/animate.d.ts +117 -75
  19. package/dist/animate.d.ts.map +1 -0
  20. package/dist/animate.js +259 -223
  21. package/dist/animate.js.map +1 -1
  22. package/dist/aspect-ratio.d.ts +11 -6
  23. package/dist/aspect-ratio.d.ts.map +1 -0
  24. package/dist/aspect-ratio.js +12 -14
  25. package/dist/aspect-ratio.js.map +1 -1
  26. package/dist/autocomplete.d.ts +91 -25
  27. package/dist/autocomplete.d.ts.map +1 -0
  28. package/dist/autocomplete.js +119 -181
  29. package/dist/autocomplete.js.map +1 -1
  30. package/dist/avatar.d.ts +32 -11
  31. package/dist/avatar.d.ts.map +1 -0
  32. package/dist/avatar.js +42 -89
  33. package/dist/avatar.js.map +1 -1
  34. package/dist/badge.d.ts +15 -8
  35. package/dist/badge.d.ts.map +1 -0
  36. package/dist/badge.js +35 -48
  37. package/dist/badge.js.map +1 -1
  38. package/dist/breadcrumb.d.ts +35 -11
  39. package/dist/breadcrumb.d.ts.map +1 -0
  40. package/dist/breadcrumb.js +61 -110
  41. package/dist/breadcrumb.js.map +1 -1
  42. package/dist/button-group.d.ts +26 -13
  43. package/dist/button-group.d.ts.map +1 -0
  44. package/dist/button-group.js +39 -76
  45. package/dist/button-group.js.map +1 -1
  46. package/dist/button.d.ts +17 -10
  47. package/dist/button.d.ts.map +1 -0
  48. package/dist/button.js +50 -3
  49. package/dist/button.js.map +1 -1
  50. package/dist/card.d.ts +35 -11
  51. package/dist/card.d.ts.map +1 -0
  52. package/dist/card.js +43 -82
  53. package/dist/card.js.map +1 -1
  54. package/dist/checkbox.d.ts +11 -4
  55. package/dist/checkbox.d.ts.map +1 -0
  56. package/dist/checkbox.js +21 -31
  57. package/dist/checkbox.js.map +1 -1
  58. package/dist/collapsible.d.ts +15 -7
  59. package/dist/collapsible.d.ts.map +1 -0
  60. package/dist/collapsible.js +19 -8
  61. package/dist/collapsible.js.map +1 -1
  62. package/dist/combobox.d.ts +83 -23
  63. package/dist/combobox.d.ts.map +1 -0
  64. package/dist/combobox.js +151 -247
  65. package/dist/combobox.js.map +1 -1
  66. package/dist/context-menu.d.ts +87 -26
  67. package/dist/context-menu.d.ts.map +1 -0
  68. package/dist/context-menu.js +115 -165
  69. package/dist/context-menu.js.map +1 -1
  70. package/dist/count.d.ts +45 -31
  71. package/dist/count.d.ts.map +1 -0
  72. package/dist/count.js +170 -165
  73. package/dist/count.js.map +1 -1
  74. package/dist/dialog.d.ts +60 -28
  75. package/dist/dialog.d.ts.map +1 -0
  76. package/dist/dialog.js +77 -120
  77. package/dist/dialog.js.map +1 -1
  78. package/dist/direction.d.ts +2 -1
  79. package/dist/direction.js +3 -3
  80. package/dist/drawer.d.ts +45 -15
  81. package/dist/drawer.d.ts.map +1 -0
  82. package/dist/drawer.js +100 -5
  83. package/dist/drawer.js.map +1 -1
  84. package/dist/encrypted-text.d.ts +25 -12
  85. package/dist/encrypted-text.d.ts.map +1 -0
  86. package/dist/encrypted-text.js +102 -134
  87. package/dist/encrypted-text.js.map +1 -1
  88. package/dist/field.d.ts +40 -21
  89. package/dist/field.d.ts.map +1 -0
  90. package/dist/field.js +52 -3
  91. package/dist/field.js.map +1 -1
  92. package/dist/film-grain-shader.d.ts +6 -0
  93. package/dist/film-grain-shader.d.ts.map +1 -0
  94. package/dist/film-grain-shader.js +88 -0
  95. package/dist/film-grain-shader.js.map +1 -0
  96. package/dist/film-grain-webgl.d.ts +20 -0
  97. package/dist/film-grain-webgl.d.ts.map +1 -0
  98. package/dist/film-grain-webgl.js +306 -0
  99. package/dist/film-grain-webgl.js.map +1 -0
  100. package/dist/film-grain.d.ts +21 -11
  101. package/dist/film-grain.d.ts.map +1 -0
  102. package/dist/film-grain.js +28 -420
  103. package/dist/film-grain.js.map +1 -1
  104. package/dist/form.d.ts +64 -49
  105. package/dist/form.d.ts.map +1 -0
  106. package/dist/form.js +112 -91
  107. package/dist/form.js.map +1 -1
  108. package/dist/gradient-reveal-text.d.ts +35 -22
  109. package/dist/gradient-reveal-text.d.ts.map +1 -0
  110. package/dist/gradient-reveal-text.js +238 -205
  111. package/dist/gradient-reveal-text.js.map +1 -1
  112. package/dist/hooks/use-mobile.d.ts +3 -1
  113. package/dist/hooks/use-mobile.d.ts.map +1 -0
  114. package/dist/hooks/use-mobile.js +28 -2
  115. package/dist/hooks/use-mobile.js.map +1 -1
  116. package/dist/infinite-scroll.d.ts +29 -15
  117. package/dist/infinite-scroll.d.ts.map +1 -0
  118. package/dist/infinite-scroll.js +69 -99
  119. package/dist/infinite-scroll.js.map +1 -1
  120. package/dist/input-group.d.ts +41 -18
  121. package/dist/input-group.d.ts.map +1 -0
  122. package/dist/input-group.js +80 -6
  123. package/dist/input-group.js.map +1 -1
  124. package/dist/input-otp.d.ts +26 -10
  125. package/dist/input-otp.d.ts.map +1 -0
  126. package/dist/input-otp.js +40 -70
  127. package/dist/input-otp.js.map +1 -1
  128. package/dist/input.d.ts +10 -4
  129. package/dist/input.d.ts.map +1 -0
  130. package/dist/input.js +16 -3
  131. package/dist/input.js.map +1 -1
  132. package/dist/item.d.ts +58 -23
  133. package/dist/item.d.ts.map +1 -0
  134. package/dist/item.js +103 -160
  135. package/dist/item.js.map +1 -1
  136. package/dist/kbd.d.ts +12 -4
  137. package/dist/kbd.d.ts.map +1 -0
  138. package/dist/kbd.js +15 -24
  139. package/dist/kbd.js.map +1 -1
  140. package/dist/label.d.ts +9 -4
  141. package/dist/label.d.ts.map +1 -0
  142. package/dist/label.js +12 -16
  143. package/dist/label.js.map +1 -1
  144. package/dist/lib/focus.d.ts +42 -0
  145. package/dist/lib/focus.d.ts.map +1 -0
  146. package/dist/lib/focus.js +21 -0
  147. package/dist/lib/focus.js.map +1 -0
  148. package/dist/lib/internal-icons.d.ts +32 -0
  149. package/dist/lib/internal-icons.d.ts.map +1 -0
  150. package/dist/lib/internal-icons.js +222 -0
  151. package/dist/lib/internal-icons.js.map +1 -0
  152. package/dist/lib/utils.d.ts +4 -2
  153. package/dist/lib/utils.d.ts.map +1 -0
  154. package/dist/lib/utils.js +12 -2
  155. package/dist/lib/utils.js.map +1 -1
  156. package/dist/masonry.d.ts +25 -11
  157. package/dist/masonry.d.ts.map +1 -0
  158. package/dist/masonry.js +188 -229
  159. package/dist/masonry.js.map +1 -1
  160. package/dist/menu.d.ts +84 -26
  161. package/dist/menu.d.ts.map +1 -0
  162. package/dist/menu.js +141 -4
  163. package/dist/menu.js.map +1 -1
  164. package/dist/menubar.d.ts +60 -22
  165. package/dist/menubar.d.ts.map +1 -0
  166. package/dist/menubar.js +80 -52
  167. package/dist/menubar.js.map +1 -1
  168. package/dist/pagination.d.ts +38 -17
  169. package/dist/pagination.d.ts.map +1 -0
  170. package/dist/pagination.js +68 -107
  171. package/dist/pagination.js.map +1 -1
  172. package/dist/popover.d.ts +56 -14
  173. package/dist/popover.d.ts.map +1 -0
  174. package/dist/popover.js +62 -87
  175. package/dist/popover.js.map +1 -1
  176. package/dist/preview-card.d.ts +28 -9
  177. package/dist/preview-card.d.ts.map +1 -0
  178. package/dist/preview-card.js +40 -60
  179. package/dist/preview-card.js.map +1 -1
  180. package/dist/progress.d.ts +28 -9
  181. package/dist/progress.d.ts.map +1 -0
  182. package/dist/progress.js +35 -60
  183. package/dist/progress.js.map +1 -1
  184. package/dist/radio-group.d.ts +14 -8
  185. package/dist/radio-group.d.ts.map +1 -0
  186. package/dist/radio-group.js +18 -22
  187. package/dist/radio-group.js.map +1 -1
  188. package/dist/radio.d.ts +14 -6
  189. package/dist/radio.d.ts.map +1 -0
  190. package/dist/radio.js +24 -3
  191. package/dist/radio.js.map +1 -1
  192. package/dist/scroll-area.d.ts +16 -6
  193. package/dist/scroll-area.d.ts.map +1 -0
  194. package/dist/scroll-area.js +34 -55
  195. package/dist/scroll-area.js.map +1 -1
  196. package/dist/select.d.ts +66 -18
  197. package/dist/select.d.ts.map +1 -0
  198. package/dist/select.js +109 -185
  199. package/dist/select.js.map +1 -1
  200. package/dist/separator.d.ts +11 -5
  201. package/dist/separator.d.ts.map +1 -0
  202. package/dist/separator.js +17 -3
  203. package/dist/separator.js.map +1 -1
  204. package/dist/sidebar.d.ts +172 -79
  205. package/dist/sidebar.d.ts.map +1 -0
  206. package/dist/sidebar.js +362 -585
  207. package/dist/sidebar.js.map +1 -1
  208. package/dist/skeleton.d.ts +8 -3
  209. package/dist/skeleton.d.ts.map +1 -0
  210. package/dist/skeleton.js +13 -3
  211. package/dist/skeleton.js.map +1 -1
  212. package/dist/slider.d.ts +16 -6
  213. package/dist/slider.d.ts.map +1 -0
  214. package/dist/slider.js +40 -67
  215. package/dist/slider.js.map +1 -1
  216. package/dist/spinner.d.ts +8 -3
  217. package/dist/spinner.d.ts.map +1 -0
  218. package/dist/spinner.js +15 -4
  219. package/dist/spinner.js.map +1 -1
  220. package/dist/switch.d.ts +12 -6
  221. package/dist/switch.d.ts.map +1 -0
  222. package/dist/switch.js +18 -25
  223. package/dist/switch.js.map +1 -1
  224. package/dist/table.d.ts +37 -11
  225. package/dist/table.d.ts.map +1 -0
  226. package/dist/table.js +51 -88
  227. package/dist/table.js.map +1 -1
  228. package/dist/tabs.d.ts +28 -12
  229. package/dist/tabs.d.ts.map +1 -0
  230. package/dist/tabs.js +40 -74
  231. package/dist/tabs.js.map +1 -1
  232. package/dist/textarea.d.ts +13 -6
  233. package/dist/textarea.d.ts.map +1 -0
  234. package/dist/textarea.js +19 -3
  235. package/dist/textarea.js.map +1 -1
  236. package/dist/toast.d.ts +63 -39
  237. package/dist/toast.d.ts.map +1 -0
  238. package/dist/toast.js +177 -215
  239. package/dist/toast.js.map +1 -1
  240. package/dist/toggle-group.d.ts +26 -12
  241. package/dist/toggle-group.d.ts.map +1 -0
  242. package/dist/toggle-group.js +49 -73
  243. package/dist/toggle-group.js.map +1 -1
  244. package/dist/toggle.d.ts +17 -10
  245. package/dist/toggle.d.ts.map +1 -0
  246. package/dist/toggle.js +38 -3
  247. package/dist/toggle.js.map +1 -1
  248. package/dist/tooltip.d.ts +45 -14
  249. package/dist/tooltip.d.ts.map +1 -0
  250. package/dist/tooltip.js +63 -3
  251. package/dist/tooltip.js.map +1 -1
  252. package/dist/typewriter.d.ts +44 -31
  253. package/dist/typewriter.d.ts.map +1 -0
  254. package/dist/typewriter.js +185 -185
  255. package/dist/typewriter.js.map +1 -1
  256. package/package.json +6 -6
  257. package/dist/chunk-45VQAWIM.js +0 -228
  258. package/dist/chunk-45VQAWIM.js.map +0 -1
  259. package/dist/chunk-6Y7LPQMO.js +0 -11
  260. package/dist/chunk-6Y7LPQMO.js.map +0 -1
  261. package/dist/chunk-76UQO56T.js +0 -19
  262. package/dist/chunk-76UQO56T.js.map +0 -1
  263. package/dist/chunk-7F4MPMLJ.js +0 -17
  264. package/dist/chunk-7F4MPMLJ.js.map +0 -1
  265. package/dist/chunk-BKTJYX4M.js +0 -143
  266. package/dist/chunk-BKTJYX4M.js.map +0 -1
  267. package/dist/chunk-D5XPEJ6T.js +0 -36
  268. package/dist/chunk-D5XPEJ6T.js.map +0 -1
  269. package/dist/chunk-DIGOLJIR.js +0 -105
  270. package/dist/chunk-DIGOLJIR.js.map +0 -1
  271. package/dist/chunk-IQ7YQ5XA.js +0 -141
  272. package/dist/chunk-IQ7YQ5XA.js.map +0 -1
  273. package/dist/chunk-NCHHHWTB.js +0 -85
  274. package/dist/chunk-NCHHHWTB.js.map +0 -1
  275. package/dist/chunk-OUFYQLVN.js +0 -56
  276. package/dist/chunk-OUFYQLVN.js.map +0 -1
  277. package/dist/chunk-QFSEK4M6.js +0 -22
  278. package/dist/chunk-QFSEK4M6.js.map +0 -1
  279. package/dist/chunk-QRW37LRP.js +0 -25
  280. package/dist/chunk-QRW37LRP.js.map +0 -1
  281. package/dist/chunk-RPQHL6C5.js +0 -26
  282. package/dist/chunk-RPQHL6C5.js.map +0 -1
  283. package/dist/chunk-V4ZX4YCP.js +0 -66
  284. package/dist/chunk-V4ZX4YCP.js.map +0 -1
  285. package/dist/chunk-YTSQQTSF.js +0 -44
  286. package/dist/chunk-YTSQQTSF.js.map +0 -1
  287. package/dist/chunk-ZZZH3JGW.js +0 -23
  288. package/dist/chunk-ZZZH3JGW.js.map +0 -1
  289. package/dist/direction.js.map +0 -1
@@ -1,12 +1,20 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- import { Collapsible as Collapsible$1 } from '@base-ui/react/collapsible';
1
+ import * as React from "react";
2
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
4
4
 
5
+ //#region src/collapsible.d.ts
5
6
  type CollapsibleProps = React.ComponentProps<typeof Collapsible$1.Root>;
6
7
  type CollapsibleTriggerProps = React.ComponentProps<typeof Collapsible$1.Trigger>;
7
8
  type CollapsibleContentProps = React.ComponentProps<typeof Collapsible$1.Panel>;
8
- declare function Collapsible({ ...props }: CollapsibleProps): react_jsx_runtime.JSX.Element;
9
- declare function CollapsibleTrigger({ ...props }: CollapsibleTriggerProps): react_jsx_runtime.JSX.Element;
10
- declare function CollapsibleContent({ ...props }: CollapsibleContentProps): react_jsx_runtime.JSX.Element;
11
-
9
+ declare function Collapsible({
10
+ ...props
11
+ }: CollapsibleProps): _$react_jsx_runtime0.JSX.Element;
12
+ declare function CollapsibleTrigger({
13
+ ...props
14
+ }: CollapsibleTriggerProps): _$react_jsx_runtime0.JSX.Element;
15
+ declare function CollapsibleContent({
16
+ ...props
17
+ }: CollapsibleContentProps): _$react_jsx_runtime0.JSX.Element;
18
+ //#endregion
12
19
  export { Collapsible, CollapsibleContent, CollapsibleTrigger };
20
+ //# sourceMappingURL=collapsible.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"collapsible.d.ts","names":[],"sources":["../src/collapsible.tsx"],"mappings":";;;;;KAMK,gBAAA,GAAmB,KAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,IAAA;AAAA,KACpE,uBAAA,GAA0B,KAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,OAAA;AAAA,KAC3E,uBAAA,GAA0B,KAAA,CAAM,cAAA,QAAsB,aAAA,CAAqB,KAAA;AAAA,iBAEvE,WAAA,CAAA;EAAA,GAAiB;AAAA,GAAS,gBAAA,GAAgB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI1C,kBAAA,CAAA;EAAA,GAAwB;AAAA,GAAS,uBAAA,GAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAMxD,kBAAA,CAAA;EAAA,GAAwB;AAAA,GAAS,uBAAA,GAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA"}
@@ -1,16 +1,27 @@
1
- import { Collapsible as Collapsible$1 } from '@base-ui/react/collapsible';
2
- import { jsx } from 'react/jsx-runtime';
3
-
1
+ "use client";
2
+ import "react";
3
+ import { jsx } from "react/jsx-runtime";
4
+ import { Collapsible as Collapsible$1 } from "@base-ui/react/collapsible";
5
+ //#region src/collapsible.tsx
4
6
  function Collapsible({ ...props }) {
5
- return /* @__PURE__ */ jsx(Collapsible$1.Root, { "data-slot": "collapsible", ...props });
7
+ return /* @__PURE__ */ jsx(Collapsible$1.Root, {
8
+ "data-slot": "collapsible",
9
+ ...props
10
+ });
6
11
  }
7
12
  function CollapsibleTrigger({ ...props }) {
8
- return /* @__PURE__ */ jsx(Collapsible$1.Trigger, { "data-slot": "collapsible-trigger", ...props });
13
+ return /* @__PURE__ */ jsx(Collapsible$1.Trigger, {
14
+ "data-slot": "collapsible-trigger",
15
+ ...props
16
+ });
9
17
  }
10
18
  function CollapsibleContent({ ...props }) {
11
- return /* @__PURE__ */ jsx(Collapsible$1.Panel, { "data-slot": "collapsible-content", ...props });
19
+ return /* @__PURE__ */ jsx(Collapsible$1.Panel, {
20
+ "data-slot": "collapsible-content",
21
+ ...props
22
+ });
12
23
  }
13
-
24
+ //#endregion
14
25
  export { Collapsible, CollapsibleContent, CollapsibleTrigger };
15
- //# sourceMappingURL=collapsible.js.map
26
+
16
27
  //# sourceMappingURL=collapsible.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/collapsible.tsx"],"names":["CollapsiblePrimitive"],"mappings":";;;AAUA,SAAS,WAAA,CAAY,EAAE,GAAG,KAAA,EAAM,EAAqB;AACnD,EAAA,2BAAQA,aAAA,CAAqB,IAAA,EAArB,EAA0B,WAAA,EAAU,aAAA,EAAe,GAAG,KAAA,EAAO,CAAA;AACvE;AAEA,SAAS,kBAAA,CAAmB,EAAE,GAAG,KAAA,EAAM,EAA4B;AACjE,EAAA,2BACGA,aAAA,CAAqB,OAAA,EAArB,EAA6B,WAAA,EAAU,qBAAA,EAAuB,GAAG,KAAA,EAAO,CAAA;AAE7E;AAEA,SAAS,kBAAA,CAAmB,EAAE,GAAG,KAAA,EAAM,EAA4B;AACjE,EAAA,2BACGA,aAAA,CAAqB,KAAA,EAArB,EAA2B,WAAA,EAAU,qBAAA,EAAuB,GAAG,KAAA,EAAO,CAAA;AAE3E","file":"collapsible.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\"\n\ntype CollapsibleProps = React.ComponentProps<typeof CollapsiblePrimitive.Root>\ntype CollapsibleTriggerProps = React.ComponentProps<typeof CollapsiblePrimitive.Trigger>\ntype CollapsibleContentProps = React.ComponentProps<typeof CollapsiblePrimitive.Panel>\n\nfunction Collapsible({ ...props }: CollapsibleProps) {\n return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({ ...props }: CollapsibleTriggerProps) {\n return (\n <CollapsiblePrimitive.Trigger data-slot=\"collapsible-trigger\" {...props} />\n )\n}\n\nfunction CollapsibleContent({ ...props }: CollapsibleContentProps) {\n return (\n <CollapsiblePrimitive.Panel data-slot=\"collapsible-content\" {...props} />\n )\n}\n\nexport {\n Collapsible,\n CollapsibleTrigger,\n CollapsibleContent\n}\n"]}
1
+ {"version":3,"file":"collapsible.js","names":["CollapsiblePrimitive"],"sources":["../src/collapsible.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { Collapsible as CollapsiblePrimitive } from \"@base-ui/react/collapsible\"\n\ntype CollapsibleProps = React.ComponentProps<typeof CollapsiblePrimitive.Root>\ntype CollapsibleTriggerProps = React.ComponentProps<typeof CollapsiblePrimitive.Trigger>\ntype CollapsibleContentProps = React.ComponentProps<typeof CollapsiblePrimitive.Panel>\n\nfunction Collapsible({ ...props }: CollapsibleProps) {\n return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />\n}\n\nfunction CollapsibleTrigger({ ...props }: CollapsibleTriggerProps) {\n return (\n <CollapsiblePrimitive.Trigger data-slot=\"collapsible-trigger\" {...props} />\n )\n}\n\nfunction CollapsibleContent({ ...props }: CollapsibleContentProps) {\n return (\n <CollapsiblePrimitive.Panel data-slot=\"collapsible-content\" {...props} />\n )\n}\n\nexport {\n Collapsible,\n CollapsibleTrigger,\n CollapsibleContent\n}\n"],"mappings":";;;;;AAUA,SAAS,YAAY,EAAE,GAAG,SAA2B;AACnD,QAAO,oBAACA,cAAqB,MAAtB;EAA2B,aAAU;EAAc,GAAI;EAAS,CAAA;;AAGzE,SAAS,mBAAmB,EAAE,GAAG,SAAkC;AACjE,QACE,oBAACA,cAAqB,SAAtB;EAA8B,aAAU;EAAsB,GAAI;EAAS,CAAA;;AAI/E,SAAS,mBAAmB,EAAE,GAAG,SAAkC;AACjE,QACE,oBAACA,cAAqB,OAAtB;EAA4B,aAAU;EAAsB,GAAI;EAAS,CAAA"}
@@ -1,7 +1,8 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
- import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
1
+ import * as React from "react";
2
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
4
4
 
5
+ //#region src/combobox.d.ts
5
6
  type ComboboxProps = React.ComponentProps<typeof Combobox$1.Root>;
6
7
  type ComboboxValueProps = React.ComponentProps<typeof Combobox$1.Value>;
7
8
  type ComboboxTriggerProps = React.ComponentProps<typeof Combobox$1.Trigger>;
@@ -20,29 +21,88 @@ type ComboboxChipsProps = React.ComponentProps<typeof Combobox$1.Chips>;
20
21
  type ComboboxChipProps = React.ComponentProps<typeof Combobox$1.Chip>;
21
22
  type ComboboxChipsInputProps = React.ComponentProps<typeof Combobox$1.Input>;
22
23
  type ComboboxInputWrapperProps = ComboboxInputProps & {
23
- showTrigger?: boolean;
24
- showClear?: boolean;
24
+ showTrigger?: boolean;
25
+ showClear?: boolean;
25
26
  };
26
27
  type ComboboxChipWrapperProps = ComboboxChipProps & {
27
- showRemove?: boolean;
28
+ showRemove?: boolean;
28
29
  };
29
30
  type ComboboxContentProps = ComboboxPopupProps & Pick<ComboboxPositionerProps, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">;
30
- declare function Combobox({ ...props }: ComboboxProps): react_jsx_runtime.JSX.Element;
31
- declare function ComboboxValue({ ...props }: ComboboxValueProps): react_jsx_runtime.JSX.Element;
32
- declare function ComboboxTrigger({ className, children, ...props }: ComboboxTriggerProps): react_jsx_runtime.JSX.Element;
33
- declare function ComboboxClear({ className, ...props }: ComboboxClearProps): react_jsx_runtime.JSX.Element;
34
- declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxInputWrapperProps): react_jsx_runtime.JSX.Element;
35
- declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxContentProps): react_jsx_runtime.JSX.Element;
36
- declare function ComboboxList({ className, ...props }: ComboboxListProps): react_jsx_runtime.JSX.Element;
37
- declare function ComboboxItem({ className, children, ...props }: ComboboxItemProps): react_jsx_runtime.JSX.Element;
38
- declare function ComboboxGroup({ className, ...props }: ComboboxGroupProps): react_jsx_runtime.JSX.Element;
39
- declare function ComboboxLabel({ className, ...props }: ComboboxLabelProps): react_jsx_runtime.JSX.Element;
40
- declare function ComboboxCollection({ ...props }: ComboboxCollectionProps): react_jsx_runtime.JSX.Element;
41
- declare function ComboboxEmpty({ className, ...props }: ComboboxEmptyProps): react_jsx_runtime.JSX.Element;
42
- declare function ComboboxSeparator({ className, ...props }: ComboboxSeparatorProps): react_jsx_runtime.JSX.Element;
43
- declare function ComboboxChips({ className, ...props }: ComboboxChipsProps): react_jsx_runtime.JSX.Element;
44
- declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxChipWrapperProps): react_jsx_runtime.JSX.Element;
45
- declare function ComboboxChipsInput({ className, ...props }: ComboboxChipsInputProps): react_jsx_runtime.JSX.Element;
31
+ declare function Combobox({
32
+ ...props
33
+ }: ComboboxProps): _$react_jsx_runtime0.JSX.Element;
34
+ declare function ComboboxValue({
35
+ ...props
36
+ }: ComboboxValueProps): _$react_jsx_runtime0.JSX.Element;
37
+ declare function ComboboxTrigger({
38
+ className,
39
+ children,
40
+ ...props
41
+ }: ComboboxTriggerProps): _$react_jsx_runtime0.JSX.Element;
42
+ declare function ComboboxClear({
43
+ className,
44
+ ...props
45
+ }: ComboboxClearProps): _$react_jsx_runtime0.JSX.Element;
46
+ declare function ComboboxInput({
47
+ className,
48
+ children,
49
+ disabled,
50
+ showTrigger,
51
+ showClear,
52
+ ...props
53
+ }: ComboboxInputWrapperProps): _$react_jsx_runtime0.JSX.Element;
54
+ declare function ComboboxContent({
55
+ className,
56
+ side,
57
+ sideOffset,
58
+ align,
59
+ alignOffset,
60
+ anchor,
61
+ ...props
62
+ }: ComboboxContentProps): _$react_jsx_runtime0.JSX.Element;
63
+ declare function ComboboxList({
64
+ className,
65
+ ...props
66
+ }: ComboboxListProps): _$react_jsx_runtime0.JSX.Element;
67
+ declare function ComboboxItem({
68
+ className,
69
+ children,
70
+ ...props
71
+ }: ComboboxItemProps): _$react_jsx_runtime0.JSX.Element;
72
+ declare function ComboboxGroup({
73
+ className,
74
+ ...props
75
+ }: ComboboxGroupProps): _$react_jsx_runtime0.JSX.Element;
76
+ declare function ComboboxLabel({
77
+ className,
78
+ ...props
79
+ }: ComboboxLabelProps): _$react_jsx_runtime0.JSX.Element;
80
+ declare function ComboboxCollection({
81
+ ...props
82
+ }: ComboboxCollectionProps): _$react_jsx_runtime0.JSX.Element;
83
+ declare function ComboboxEmpty({
84
+ className,
85
+ ...props
86
+ }: ComboboxEmptyProps): _$react_jsx_runtime0.JSX.Element;
87
+ declare function ComboboxSeparator({
88
+ className,
89
+ ...props
90
+ }: ComboboxSeparatorProps): _$react_jsx_runtime0.JSX.Element;
91
+ declare function ComboboxChips({
92
+ className,
93
+ ...props
94
+ }: ComboboxChipsProps): _$react_jsx_runtime0.JSX.Element;
95
+ declare function ComboboxChip({
96
+ className,
97
+ children,
98
+ showRemove,
99
+ ...props
100
+ }: ComboboxChipWrapperProps): _$react_jsx_runtime0.JSX.Element;
101
+ declare function ComboboxChipsInput({
102
+ className,
103
+ ...props
104
+ }: ComboboxChipsInputProps): _$react_jsx_runtime0.JSX.Element;
46
105
  declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
47
-
106
+ //#endregion
48
107
  export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
108
+ //# sourceMappingURL=combobox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"combobox.d.ts","names":[],"sources":["../src/combobox.tsx"],"mappings":"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"}
package/dist/combobox.js CHANGED
@@ -1,281 +1,185 @@
1
- import { InputGroupButton, InputGroup, InputGroupInput, InputGroupAddon } from './chunk-IQ7YQ5XA.js';
2
- import './chunk-QRW37LRP.js';
3
- import './chunk-QFSEK4M6.js';
4
- import { ChevronDownIcon, CloseIcon, CheckIcon } from './chunk-DIGOLJIR.js';
5
- import { Button } from './chunk-OUFYQLVN.js';
6
- import { cn } from './chunk-76UQO56T.js';
7
- import * as React from 'react';
8
- import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
9
- import { jsx, jsxs } from 'react/jsx-runtime';
10
-
1
+ "use client";
2
+ import { cn } from "./lib/utils.js";
3
+ import { CheckIcon, ChevronDownIcon, CloseIcon } from "./lib/internal-icons.js";
4
+ import { Button } from "./button.js";
5
+ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
6
+ import * as React from "react";
7
+ import { jsx, jsxs } from "react/jsx-runtime";
8
+ import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
9
+ //#region src/combobox.tsx
11
10
  function Combobox({ ...props }) {
12
- return /* @__PURE__ */ jsx(Combobox$1.Root, { "data-slot": "combobox", ...props });
11
+ return /* @__PURE__ */ jsx(Combobox$1.Root, {
12
+ "data-slot": "combobox",
13
+ ...props
14
+ });
13
15
  }
14
16
  function ComboboxValue({ ...props }) {
15
- return /* @__PURE__ */ jsx(Combobox$1.Value, { "data-slot": "combobox-value", ...props });
17
+ return /* @__PURE__ */ jsx(Combobox$1.Value, {
18
+ "data-slot": "combobox-value",
19
+ ...props
20
+ });
16
21
  }
17
22
  function ComboboxTrigger({ className, children, ...props }) {
18
- return /* @__PURE__ */ jsxs(
19
- Combobox$1.Trigger,
20
- {
21
- "data-slot": "combobox-trigger",
22
- className: cn(
23
- "[&_svg:not([class*='size-'])]:size-4",
24
- className
25
- ),
26
- ...props,
27
- children: [
28
- children,
29
- /* @__PURE__ */ jsx(
30
- ChevronDownIcon,
31
- {
32
- className: "text-muted-foreground pointer-events-none size-4"
33
- }
34
- )
35
- ]
36
- }
37
- );
23
+ return /* @__PURE__ */ jsxs(Combobox$1.Trigger, {
24
+ "data-slot": "combobox-trigger",
25
+ className: cn("[&_svg:not([class*='size-'])]:size-4", className),
26
+ ...props,
27
+ children: [children, /* @__PURE__ */ jsx(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4" })]
28
+ });
38
29
  }
39
30
  function ComboboxClear({ className, ...props }) {
40
- return /* @__PURE__ */ jsx(
41
- Combobox$1.Clear,
42
- {
43
- "data-slot": "combobox-clear",
44
- render: /* @__PURE__ */ jsx(InputGroupButton, { variant: "ghost", size: "icon-xs" }),
45
- className: cn(className),
46
- ...props,
47
- children: /* @__PURE__ */ jsx(
48
- CloseIcon,
49
- {
50
- className: "pointer-events-none"
51
- }
52
- )
53
- }
54
- );
55
- }
56
- function ComboboxInput({
57
- className,
58
- children,
59
- disabled = false,
60
- showTrigger = true,
61
- showClear = false,
62
- ...props
63
- }) {
64
- return /* @__PURE__ */ jsxs(InputGroup, { className: cn("w-auto", className), children: [
65
- /* @__PURE__ */ jsx(Combobox$1.Input, { render: /* @__PURE__ */ jsx(InputGroupInput, { disabled }), ...props }),
66
- /* @__PURE__ */ jsxs(InputGroupAddon, { align: "inline-end", children: [
67
- showTrigger ? /* @__PURE__ */ jsx(
68
- InputGroupButton,
69
- {
70
- size: "icon-xs",
71
- variant: "ghost",
72
- nativeButton: true,
73
- render: /* @__PURE__ */ jsx(ComboboxTrigger, {}),
74
- "data-slot": "input-group-button",
75
- className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
76
- disabled
77
- }
78
- ) : null,
79
- showClear ? /* @__PURE__ */ jsx(ComboboxClear, { disabled }) : null
80
- ] }),
81
- children
82
- ] });
31
+ return /* @__PURE__ */ jsx(Combobox$1.Clear, {
32
+ "data-slot": "combobox-clear",
33
+ render: /* @__PURE__ */ jsx(InputGroupButton, {
34
+ variant: "ghost",
35
+ size: "icon-xs"
36
+ }),
37
+ className: cn(className),
38
+ ...props,
39
+ children: /* @__PURE__ */ jsx(CloseIcon, { className: "pointer-events-none" })
40
+ });
41
+ }
42
+ function ComboboxInput({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
43
+ return /* @__PURE__ */ jsxs(Combobox$1.InputGroup, {
44
+ render: /* @__PURE__ */ jsx(InputGroup, { className: cn(className) }),
45
+ children: [
46
+ /* @__PURE__ */ jsx(Combobox$1.Input, {
47
+ render: /* @__PURE__ */ jsx(InputGroupInput, { disabled }),
48
+ ...props
49
+ }),
50
+ /* @__PURE__ */ jsxs(InputGroupAddon, {
51
+ align: "inline-end",
52
+ children: [showTrigger ? /* @__PURE__ */ jsx(InputGroupButton, {
53
+ size: "icon-xs",
54
+ variant: "ghost",
55
+ nativeButton: true,
56
+ render: /* @__PURE__ */ jsx(ComboboxTrigger, {}),
57
+ "data-slot": "input-group-button",
58
+ className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
59
+ disabled
60
+ }) : null, showClear ? /* @__PURE__ */ jsx(ComboboxClear, { disabled }) : null]
61
+ }),
62
+ children
63
+ ]
64
+ });
83
65
  }
84
66
  function ComboboxPortal({ ...props }) {
85
- return /* @__PURE__ */ jsx(Combobox$1.Portal, { "data-slot": "combobox-portal", ...props });
67
+ return /* @__PURE__ */ jsx(Combobox$1.Portal, {
68
+ "data-slot": "combobox-portal",
69
+ ...props
70
+ });
86
71
  }
87
72
  function ComboboxPositioner({ className, ...props }) {
88
- return /* @__PURE__ */ jsx(
89
- Combobox$1.Positioner,
90
- {
91
- "data-slot": "combobox-positioner",
92
- className,
93
- ...props
94
- }
95
- );
96
- }
97
- function ComboboxContent({
98
- className,
99
- side = "bottom",
100
- sideOffset = 6,
101
- align = "start",
102
- alignOffset = 0,
103
- anchor,
104
- ...props
105
- }) {
106
- return /* @__PURE__ */ jsx(ComboboxPortal, { children: /* @__PURE__ */ jsx(
107
- ComboboxPositioner,
108
- {
109
- side,
110
- sideOffset,
111
- align,
112
- alignOffset,
113
- anchor,
114
- className: "isolate z-50",
115
- children: /* @__PURE__ */ jsx(
116
- Combobox$1.Popup,
117
- {
118
- "data-slot": "combobox-content",
119
- "data-chips": !!anchor,
120
- className: cn(
121
- "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input/30 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg shadow-md ring-1 duration-100 data-[chips=true]:min-w-(--anchor-width) *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none",
122
- className
123
- ),
124
- ...props
125
- }
126
- )
127
- }
128
- ) });
73
+ return /* @__PURE__ */ jsx(Combobox$1.Positioner, {
74
+ "data-slot": "combobox-positioner",
75
+ className,
76
+ ...props
77
+ });
78
+ }
79
+ function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor, ...props }) {
80
+ return /* @__PURE__ */ jsx(ComboboxPortal, { children: /* @__PURE__ */ jsx(ComboboxPositioner, {
81
+ side,
82
+ sideOffset,
83
+ align,
84
+ alignOffset,
85
+ anchor,
86
+ className: "isolate z-50",
87
+ children: /* @__PURE__ */ jsx(Combobox$1.Popup, {
88
+ "data-slot": "combobox-content",
89
+ className: cn("bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:border-input/30 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 group/combobox-content relative max-h-(--available-height) max-w-(--available-width) min-w-(--anchor-width) origin-(--transform-origin) overflow-hidden rounded-lg shadow-md ring-1 duration-100 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:shadow-none", className),
90
+ ...props
91
+ })
92
+ }) });
129
93
  }
130
94
  function ComboboxList({ className, ...props }) {
131
- return /* @__PURE__ */ jsx(
132
- Combobox$1.List,
133
- {
134
- "data-slot": "combobox-list",
135
- className: cn(
136
- "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0",
137
- className
138
- ),
139
- ...props
140
- }
141
- );
95
+ return /* @__PURE__ */ jsx(Combobox$1.List, {
96
+ "data-slot": "combobox-list",
97
+ className: cn("[scrollbar-width:none] [&::-webkit-scrollbar]:hidden max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0", className),
98
+ ...props
99
+ });
142
100
  }
143
101
  function ComboboxItem({ className, children, ...props }) {
144
- return /* @__PURE__ */ jsxs(
145
- Combobox$1.Item,
146
- {
147
- "data-slot": "combobox-item",
148
- className: cn(
149
- "data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
150
- className
151
- ),
152
- ...props,
153
- children: [
154
- children,
155
- /* @__PURE__ */ jsx(
156
- Combobox$1.ItemIndicator,
157
- {
158
- render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
159
- children: /* @__PURE__ */ jsx(
160
- CheckIcon,
161
- {
162
- className: "pointer-events-none"
163
- }
164
- )
165
- }
166
- )
167
- ]
168
- }
169
- );
102
+ return /* @__PURE__ */ jsxs(Combobox$1.Item, {
103
+ "data-slot": "combobox-item",
104
+ className: cn("data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground relative flex w-full cursor-default items-center gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
105
+ ...props,
106
+ children: [children, /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, {
107
+ render: /* @__PURE__ */ jsx("span", {
108
+ "data-slot": "combobox-item-indicator",
109
+ className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center"
110
+ }),
111
+ children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" })
112
+ })]
113
+ });
170
114
  }
171
115
  function ComboboxGroup({ className, ...props }) {
172
- return /* @__PURE__ */ jsx(
173
- Combobox$1.Group,
174
- {
175
- "data-slot": "combobox-group",
176
- className: cn(className),
177
- ...props
178
- }
179
- );
116
+ return /* @__PURE__ */ jsx(Combobox$1.Group, {
117
+ "data-slot": "combobox-group",
118
+ className: cn(className),
119
+ ...props
120
+ });
180
121
  }
181
122
  function ComboboxLabel({ className, ...props }) {
182
- return /* @__PURE__ */ jsx(
183
- Combobox$1.GroupLabel,
184
- {
185
- "data-slot": "combobox-label",
186
- className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
187
- ...props
188
- }
189
- );
123
+ return /* @__PURE__ */ jsx(Combobox$1.GroupLabel, {
124
+ "data-slot": "combobox-label",
125
+ className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
126
+ ...props
127
+ });
190
128
  }
191
129
  function ComboboxCollection({ ...props }) {
192
- return /* @__PURE__ */ jsx(Combobox$1.Collection, { "data-slot": "combobox-collection", ...props });
130
+ return /* @__PURE__ */ jsx(Combobox$1.Collection, {
131
+ "data-slot": "combobox-collection",
132
+ ...props
133
+ });
193
134
  }
194
135
  function ComboboxEmpty({ className, ...props }) {
195
- return /* @__PURE__ */ jsx(
196
- Combobox$1.Empty,
197
- {
198
- "data-slot": "combobox-empty",
199
- className: cn(
200
- "text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex",
201
- className
202
- ),
203
- ...props
204
- }
205
- );
136
+ return /* @__PURE__ */ jsx(Combobox$1.Empty, {
137
+ "data-slot": "combobox-empty",
138
+ className: cn("text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex", className),
139
+ ...props
140
+ });
206
141
  }
207
142
  function ComboboxSeparator({ className, ...props }) {
208
- return /* @__PURE__ */ jsx(
209
- Combobox$1.Separator,
210
- {
211
- "data-slot": "combobox-separator",
212
- className: cn("bg-border -mx-1 my-1 h-px", className),
213
- ...props
214
- }
215
- );
143
+ return /* @__PURE__ */ jsx(Combobox$1.Separator, {
144
+ "data-slot": "combobox-separator",
145
+ className: cn("bg-border -mx-1 my-1 h-px", className),
146
+ ...props
147
+ });
216
148
  }
217
149
  function ComboboxChips({ className, ...props }) {
218
- return /* @__PURE__ */ jsx(
219
- Combobox$1.Chips,
220
- {
221
- "data-slot": "combobox-chips",
222
- className: cn(
223
- "dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-3 has-aria-invalid:ring-3 has-data-[slot=combobox-chip]:px-1",
224
- className
225
- ),
226
- ...props
227
- }
228
- );
229
- }
230
- function ComboboxChip({
231
- className,
232
- children,
233
- showRemove = true,
234
- ...props
235
- }) {
236
- return /* @__PURE__ */ jsxs(
237
- Combobox$1.Chip,
238
- {
239
- "data-slot": "combobox-chip",
240
- className: cn(
241
- "bg-muted text-foreground flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0",
242
- className
243
- ),
244
- ...props,
245
- children: [
246
- children,
247
- showRemove ? /* @__PURE__ */ jsx(
248
- Combobox$1.ChipRemove,
249
- {
250
- render: /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-xs" }),
251
- className: "-ml-1 opacity-50 hover:opacity-100",
252
- "data-slot": "combobox-chip-remove",
253
- children: /* @__PURE__ */ jsx(
254
- CloseIcon,
255
- {
256
- className: "pointer-events-none"
257
- }
258
- )
259
- }
260
- ) : null
261
- ]
262
- }
263
- );
150
+ return /* @__PURE__ */ jsx(Combobox$1.Chips, {
151
+ "data-slot": "combobox-chips",
152
+ className: cn("dark:bg-input/30 border-input focus-within:border-ring focus-within:ring-ring/50 has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:ring-destructive/40 has-aria-invalid:border-destructive dark:has-aria-invalid:border-destructive/50 flex min-h-8 flex-wrap items-center gap-1 rounded-lg border bg-transparent bg-clip-padding px-2.5 py-1 text-sm transition-colors focus-within:ring-3 has-aria-invalid:ring-3 has-data-[slot=combobox-chip]:px-1", className),
153
+ ...props
154
+ });
155
+ }
156
+ function ComboboxChip({ className, children, showRemove = true, ...props }) {
157
+ return /* @__PURE__ */ jsxs(Combobox$1.Chip, {
158
+ "data-slot": "combobox-chip",
159
+ className: cn("bg-muted text-foreground flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0", className),
160
+ ...props,
161
+ children: [children, showRemove ? /* @__PURE__ */ jsx(Combobox$1.ChipRemove, {
162
+ render: /* @__PURE__ */ jsx(Button, {
163
+ variant: "ghost",
164
+ size: "icon-xs"
165
+ }),
166
+ className: "-ml-1 opacity-50 hover:opacity-100",
167
+ "data-slot": "combobox-chip-remove",
168
+ children: /* @__PURE__ */ jsx(CloseIcon, { className: "pointer-events-none" })
169
+ }) : null]
170
+ });
264
171
  }
265
172
  function ComboboxChipsInput({ className, ...props }) {
266
- return /* @__PURE__ */ jsx(
267
- Combobox$1.Input,
268
- {
269
- "data-slot": "combobox-chip-input",
270
- className: cn("min-w-16 flex-1 outline-none", className),
271
- ...props
272
- }
273
- );
173
+ return /* @__PURE__ */ jsx(Combobox$1.Input, {
174
+ "data-slot": "combobox-chip-input",
175
+ className: cn("min-w-16 flex-1 outline-none", className),
176
+ ...props
177
+ });
274
178
  }
275
179
  function useComboboxAnchor() {
276
- return React.useRef(null);
180
+ return React.useRef(null);
277
181
  }
278
-
182
+ //#endregion
279
183
  export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
280
- //# sourceMappingURL=combobox.js.map
184
+
281
185
  //# sourceMappingURL=combobox.js.map