@waveso/ui 0.0.10 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (288) hide show
  1. package/dist/accordion.d.ts +24 -8
  2. package/dist/accordion.d.ts.map +1 -0
  3. package/dist/accordion.js +50 -73
  4. package/dist/accordion.js.map +1 -1
  5. package/dist/action-bar.d.ts +83 -0
  6. package/dist/action-bar.d.ts.map +1 -0
  7. package/dist/action-bar.js +264 -0
  8. package/dist/action-bar.js.map +1 -0
  9. package/dist/alert-dialog.d.ts +56 -21
  10. package/dist/alert-dialog.d.ts.map +1 -0
  11. package/dist/alert-dialog.js +75 -127
  12. package/dist/alert-dialog.js.map +1 -1
  13. package/dist/alert.d.ts +26 -11
  14. package/dist/alert.d.ts.map +1 -0
  15. package/dist/alert.js +37 -68
  16. package/dist/alert.js.map +1 -1
  17. package/dist/animate.d.ts +117 -75
  18. package/dist/animate.d.ts.map +1 -0
  19. package/dist/animate.js +259 -223
  20. package/dist/animate.js.map +1 -1
  21. package/dist/aspect-ratio.d.ts +11 -6
  22. package/dist/aspect-ratio.d.ts.map +1 -0
  23. package/dist/aspect-ratio.js +12 -14
  24. package/dist/aspect-ratio.js.map +1 -1
  25. package/dist/autocomplete.d.ts +91 -25
  26. package/dist/autocomplete.d.ts.map +1 -0
  27. package/dist/autocomplete.js +119 -181
  28. package/dist/autocomplete.js.map +1 -1
  29. package/dist/avatar.d.ts +32 -11
  30. package/dist/avatar.d.ts.map +1 -0
  31. package/dist/avatar.js +42 -89
  32. package/dist/avatar.js.map +1 -1
  33. package/dist/badge.d.ts +15 -8
  34. package/dist/badge.d.ts.map +1 -0
  35. package/dist/badge.js +34 -48
  36. package/dist/badge.js.map +1 -1
  37. package/dist/breadcrumb.d.ts +35 -11
  38. package/dist/breadcrumb.d.ts.map +1 -0
  39. package/dist/breadcrumb.js +60 -110
  40. package/dist/breadcrumb.js.map +1 -1
  41. package/dist/button-group.d.ts +26 -13
  42. package/dist/button-group.d.ts.map +1 -0
  43. package/dist/button-group.js +38 -76
  44. package/dist/button-group.js.map +1 -1
  45. package/dist/button.d.ts +17 -10
  46. package/dist/button.d.ts.map +1 -0
  47. package/dist/button.js +50 -3
  48. package/dist/button.js.map +1 -1
  49. package/dist/card.d.ts +35 -11
  50. package/dist/card.d.ts.map +1 -0
  51. package/dist/card.js +43 -82
  52. package/dist/card.js.map +1 -1
  53. package/dist/checkbox.d.ts +6 -4
  54. package/dist/checkbox.d.ts.map +1 -0
  55. package/dist/checkbox.js +21 -29
  56. package/dist/checkbox.js.map +1 -1
  57. package/dist/collapsible.d.ts +15 -7
  58. package/dist/collapsible.d.ts.map +1 -0
  59. package/dist/collapsible.js +19 -8
  60. package/dist/collapsible.js.map +1 -1
  61. package/dist/combobox.d.ts +83 -23
  62. package/dist/combobox.d.ts.map +1 -0
  63. package/dist/combobox.js +149 -247
  64. package/dist/combobox.js.map +1 -1
  65. package/dist/context-menu.d.ts +80 -26
  66. package/dist/context-menu.d.ts.map +1 -0
  67. package/dist/context-menu.js +108 -164
  68. package/dist/context-menu.js.map +1 -1
  69. package/dist/count.d.ts +45 -31
  70. package/dist/count.d.ts.map +1 -0
  71. package/dist/count.js +170 -165
  72. package/dist/count.js.map +1 -1
  73. package/dist/dialog.d.ts +61 -28
  74. package/dist/dialog.d.ts.map +1 -0
  75. package/dist/dialog.js +77 -120
  76. package/dist/dialog.js.map +1 -1
  77. package/dist/direction.d.ts +2 -1
  78. package/dist/direction.js +3 -3
  79. package/dist/drawer.d.ts +45 -15
  80. package/dist/drawer.d.ts.map +1 -0
  81. package/dist/drawer.js +93 -5
  82. package/dist/drawer.js.map +1 -1
  83. package/dist/encrypted-text.d.ts +25 -12
  84. package/dist/encrypted-text.d.ts.map +1 -0
  85. package/dist/encrypted-text.js +102 -134
  86. package/dist/encrypted-text.js.map +1 -1
  87. package/dist/field.d.ts +37 -21
  88. package/dist/field.d.ts.map +1 -0
  89. package/dist/field.js +52 -3
  90. package/dist/field.js.map +1 -1
  91. package/dist/film-grain-shader.d.ts +6 -0
  92. package/dist/film-grain-shader.d.ts.map +1 -0
  93. package/dist/film-grain-shader.js +88 -0
  94. package/dist/film-grain-shader.js.map +1 -0
  95. package/dist/film-grain-webgl.d.ts +20 -0
  96. package/dist/film-grain-webgl.d.ts.map +1 -0
  97. package/dist/film-grain-webgl.js +306 -0
  98. package/dist/film-grain-webgl.js.map +1 -0
  99. package/dist/film-grain.d.ts +21 -11
  100. package/dist/film-grain.d.ts.map +1 -0
  101. package/dist/film-grain.js +28 -420
  102. package/dist/film-grain.js.map +1 -1
  103. package/dist/form.d.ts +64 -49
  104. package/dist/form.d.ts.map +1 -0
  105. package/dist/form.js +112 -91
  106. package/dist/form.js.map +1 -1
  107. package/dist/gradient-reveal-text.d.ts +35 -22
  108. package/dist/gradient-reveal-text.d.ts.map +1 -0
  109. package/dist/gradient-reveal-text.js +238 -205
  110. package/dist/gradient-reveal-text.js.map +1 -1
  111. package/dist/hooks/use-mobile.d.ts +3 -1
  112. package/dist/hooks/use-mobile.d.ts.map +1 -0
  113. package/dist/hooks/use-mobile.js +28 -2
  114. package/dist/hooks/use-mobile.js.map +1 -1
  115. package/dist/infinite-scroll.d.ts +29 -15
  116. package/dist/infinite-scroll.d.ts.map +1 -0
  117. package/dist/infinite-scroll.js +69 -99
  118. package/dist/infinite-scroll.js.map +1 -1
  119. package/dist/input-group.d.ts +41 -18
  120. package/dist/input-group.d.ts.map +1 -0
  121. package/dist/input-group.js +80 -6
  122. package/dist/input-group.js.map +1 -1
  123. package/dist/input-otp.d.ts +26 -10
  124. package/dist/input-otp.d.ts.map +1 -0
  125. package/dist/input-otp.js +40 -70
  126. package/dist/input-otp.js.map +1 -1
  127. package/dist/input.d.ts +10 -4
  128. package/dist/input.d.ts.map +1 -0
  129. package/dist/input.js +16 -3
  130. package/dist/input.js.map +1 -1
  131. package/dist/item.d.ts +58 -23
  132. package/dist/item.d.ts.map +1 -0
  133. package/dist/item.js +102 -160
  134. package/dist/item.js.map +1 -1
  135. package/dist/kbd.d.ts +12 -4
  136. package/dist/kbd.d.ts.map +1 -0
  137. package/dist/kbd.js +15 -24
  138. package/dist/kbd.js.map +1 -1
  139. package/dist/label.d.ts +9 -4
  140. package/dist/label.d.ts.map +1 -0
  141. package/dist/label.js +12 -16
  142. package/dist/label.js.map +1 -1
  143. package/dist/lib/focus.d.ts +42 -0
  144. package/dist/lib/focus.d.ts.map +1 -0
  145. package/dist/lib/focus.js +21 -0
  146. package/dist/lib/focus.js.map +1 -0
  147. package/dist/lib/internal-icons.d.ts +32 -0
  148. package/dist/lib/internal-icons.d.ts.map +1 -0
  149. package/dist/lib/internal-icons.js +222 -0
  150. package/dist/lib/internal-icons.js.map +1 -0
  151. package/dist/lib/utils.d.ts +4 -2
  152. package/dist/lib/utils.d.ts.map +1 -0
  153. package/dist/lib/utils.js +12 -2
  154. package/dist/lib/utils.js.map +1 -1
  155. package/dist/masonry.d.ts +25 -11
  156. package/dist/masonry.d.ts.map +1 -0
  157. package/dist/masonry.js +188 -229
  158. package/dist/masonry.js.map +1 -1
  159. package/dist/menu.d.ts +84 -26
  160. package/dist/menu.d.ts.map +1 -0
  161. package/dist/menu.js +141 -4
  162. package/dist/menu.js.map +1 -1
  163. package/dist/menubar.d.ts +60 -22
  164. package/dist/menubar.d.ts.map +1 -0
  165. package/dist/menubar.js +80 -52
  166. package/dist/menubar.js.map +1 -1
  167. package/dist/pagination.d.ts +38 -17
  168. package/dist/pagination.d.ts.map +1 -0
  169. package/dist/pagination.js +68 -107
  170. package/dist/pagination.js.map +1 -1
  171. package/dist/popover.d.ts +56 -14
  172. package/dist/popover.d.ts.map +1 -0
  173. package/dist/popover.js +62 -87
  174. package/dist/popover.js.map +1 -1
  175. package/dist/preview-card.d.ts +28 -9
  176. package/dist/preview-card.d.ts.map +1 -0
  177. package/dist/preview-card.js +40 -60
  178. package/dist/preview-card.js.map +1 -1
  179. package/dist/progress.d.ts +28 -9
  180. package/dist/progress.d.ts.map +1 -0
  181. package/dist/progress.js +35 -60
  182. package/dist/progress.js.map +1 -1
  183. package/dist/radio-group.d.ts +14 -8
  184. package/dist/radio-group.d.ts.map +1 -0
  185. package/dist/radio-group.js +18 -22
  186. package/dist/radio-group.js.map +1 -1
  187. package/dist/radio.d.ts +14 -6
  188. package/dist/radio.d.ts.map +1 -0
  189. package/dist/radio.js +24 -3
  190. package/dist/radio.js.map +1 -1
  191. package/dist/scroll-area.d.ts +16 -6
  192. package/dist/scroll-area.d.ts.map +1 -0
  193. package/dist/scroll-area.js +34 -55
  194. package/dist/scroll-area.js.map +1 -1
  195. package/dist/select.d.ts +66 -18
  196. package/dist/select.d.ts.map +1 -0
  197. package/dist/select.js +105 -185
  198. package/dist/select.js.map +1 -1
  199. package/dist/separator.d.ts +11 -5
  200. package/dist/separator.d.ts.map +1 -0
  201. package/dist/separator.js +17 -3
  202. package/dist/separator.js.map +1 -1
  203. package/dist/sidebar.d.ts +172 -79
  204. package/dist/sidebar.d.ts.map +1 -0
  205. package/dist/sidebar.js +363 -585
  206. package/dist/sidebar.js.map +1 -1
  207. package/dist/skeleton.d.ts +8 -3
  208. package/dist/skeleton.d.ts.map +1 -0
  209. package/dist/skeleton.js +13 -3
  210. package/dist/skeleton.js.map +1 -1
  211. package/dist/slider.d.ts +16 -6
  212. package/dist/slider.d.ts.map +1 -0
  213. package/dist/slider.js +40 -67
  214. package/dist/slider.js.map +1 -1
  215. package/dist/spinner.d.ts +8 -3
  216. package/dist/spinner.d.ts.map +1 -0
  217. package/dist/spinner.js +15 -4
  218. package/dist/spinner.js.map +1 -1
  219. package/dist/switch.d.ts +12 -6
  220. package/dist/switch.d.ts.map +1 -0
  221. package/dist/switch.js +18 -25
  222. package/dist/switch.js.map +1 -1
  223. package/dist/table.d.ts +37 -11
  224. package/dist/table.d.ts.map +1 -0
  225. package/dist/table.js +51 -88
  226. package/dist/table.js.map +1 -1
  227. package/dist/tabs.d.ts +28 -12
  228. package/dist/tabs.d.ts.map +1 -0
  229. package/dist/tabs.js +40 -74
  230. package/dist/tabs.js.map +1 -1
  231. package/dist/textarea.d.ts +13 -6
  232. package/dist/textarea.d.ts.map +1 -0
  233. package/dist/textarea.js +19 -3
  234. package/dist/textarea.js.map +1 -1
  235. package/dist/toast.d.ts +63 -39
  236. package/dist/toast.d.ts.map +1 -0
  237. package/dist/toast.js +177 -215
  238. package/dist/toast.js.map +1 -1
  239. package/dist/toggle-group.d.ts +26 -12
  240. package/dist/toggle-group.d.ts.map +1 -0
  241. package/dist/toggle-group.js +49 -73
  242. package/dist/toggle-group.js.map +1 -1
  243. package/dist/toggle.d.ts +17 -10
  244. package/dist/toggle.d.ts.map +1 -0
  245. package/dist/toggle.js +38 -3
  246. package/dist/toggle.js.map +1 -1
  247. package/dist/tooltip.d.ts +35 -14
  248. package/dist/tooltip.d.ts.map +1 -0
  249. package/dist/tooltip.js +52 -3
  250. package/dist/tooltip.js.map +1 -1
  251. package/dist/typewriter.d.ts +44 -31
  252. package/dist/typewriter.d.ts.map +1 -0
  253. package/dist/typewriter.js +185 -185
  254. package/dist/typewriter.js.map +1 -1
  255. package/package.json +6 -6
  256. package/dist/chunk-45VQAWIM.js +0 -228
  257. package/dist/chunk-45VQAWIM.js.map +0 -1
  258. package/dist/chunk-6Y7LPQMO.js +0 -11
  259. package/dist/chunk-6Y7LPQMO.js.map +0 -1
  260. package/dist/chunk-76UQO56T.js +0 -19
  261. package/dist/chunk-76UQO56T.js.map +0 -1
  262. package/dist/chunk-7F4MPMLJ.js +0 -17
  263. package/dist/chunk-7F4MPMLJ.js.map +0 -1
  264. package/dist/chunk-BKTJYX4M.js +0 -143
  265. package/dist/chunk-BKTJYX4M.js.map +0 -1
  266. package/dist/chunk-D5XPEJ6T.js +0 -36
  267. package/dist/chunk-D5XPEJ6T.js.map +0 -1
  268. package/dist/chunk-DIGOLJIR.js +0 -105
  269. package/dist/chunk-DIGOLJIR.js.map +0 -1
  270. package/dist/chunk-IQ7YQ5XA.js +0 -141
  271. package/dist/chunk-IQ7YQ5XA.js.map +0 -1
  272. package/dist/chunk-NCHHHWTB.js +0 -85
  273. package/dist/chunk-NCHHHWTB.js.map +0 -1
  274. package/dist/chunk-OUFYQLVN.js +0 -56
  275. package/dist/chunk-OUFYQLVN.js.map +0 -1
  276. package/dist/chunk-QFSEK4M6.js +0 -22
  277. package/dist/chunk-QFSEK4M6.js.map +0 -1
  278. package/dist/chunk-QRW37LRP.js +0 -25
  279. package/dist/chunk-QRW37LRP.js.map +0 -1
  280. package/dist/chunk-RPQHL6C5.js +0 -26
  281. package/dist/chunk-RPQHL6C5.js.map +0 -1
  282. package/dist/chunk-V4ZX4YCP.js +0 -66
  283. package/dist/chunk-V4ZX4YCP.js.map +0 -1
  284. package/dist/chunk-YTSQQTSF.js +0 -44
  285. package/dist/chunk-YTSQQTSF.js.map +0 -1
  286. package/dist/chunk-ZZZH3JGW.js +0 -23
  287. package/dist/chunk-ZZZH3JGW.js.map +0 -1
  288. 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,183 @@
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
+ "data-chips": !!anchor,
90
+ 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) w-(--anchor-width) max-w-(--available-width) min-w-(--anchor-width) 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", className),
91
+ ...props
92
+ })
93
+ }) });
129
94
  }
130
95
  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
- );
96
+ return /* @__PURE__ */ jsx(Combobox$1.List, {
97
+ "data-slot": "combobox-list",
98
+ 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),
99
+ ...props
100
+ });
142
101
  }
143
102
  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
- );
103
+ return /* @__PURE__ */ jsxs(Combobox$1.Item, {
104
+ "data-slot": "combobox-item",
105
+ 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),
106
+ ...props,
107
+ children: [children, /* @__PURE__ */ jsx(Combobox$1.ItemIndicator, {
108
+ render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
109
+ children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" })
110
+ })]
111
+ });
170
112
  }
171
113
  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
- );
114
+ return /* @__PURE__ */ jsx(Combobox$1.Group, {
115
+ "data-slot": "combobox-group",
116
+ className: cn(className),
117
+ ...props
118
+ });
180
119
  }
181
120
  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
- );
121
+ return /* @__PURE__ */ jsx(Combobox$1.GroupLabel, {
122
+ "data-slot": "combobox-label",
123
+ className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
124
+ ...props
125
+ });
190
126
  }
191
127
  function ComboboxCollection({ ...props }) {
192
- return /* @__PURE__ */ jsx(Combobox$1.Collection, { "data-slot": "combobox-collection", ...props });
128
+ return /* @__PURE__ */ jsx(Combobox$1.Collection, {
129
+ "data-slot": "combobox-collection",
130
+ ...props
131
+ });
193
132
  }
194
133
  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
- );
134
+ return /* @__PURE__ */ jsx(Combobox$1.Empty, {
135
+ "data-slot": "combobox-empty",
136
+ className: cn("text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex", className),
137
+ ...props
138
+ });
206
139
  }
207
140
  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
- );
141
+ return /* @__PURE__ */ jsx(Combobox$1.Separator, {
142
+ "data-slot": "combobox-separator",
143
+ className: cn("bg-border -mx-1 my-1 h-px", className),
144
+ ...props
145
+ });
216
146
  }
217
147
  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
- );
148
+ return /* @__PURE__ */ jsx(Combobox$1.Chips, {
149
+ "data-slot": "combobox-chips",
150
+ 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),
151
+ ...props
152
+ });
153
+ }
154
+ function ComboboxChip({ className, children, showRemove = true, ...props }) {
155
+ return /* @__PURE__ */ jsxs(Combobox$1.Chip, {
156
+ "data-slot": "combobox-chip",
157
+ 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),
158
+ ...props,
159
+ children: [children, showRemove ? /* @__PURE__ */ jsx(Combobox$1.ChipRemove, {
160
+ render: /* @__PURE__ */ jsx(Button, {
161
+ variant: "ghost",
162
+ size: "icon-xs"
163
+ }),
164
+ className: "-ml-1 opacity-50 hover:opacity-100",
165
+ "data-slot": "combobox-chip-remove",
166
+ children: /* @__PURE__ */ jsx(CloseIcon, { className: "pointer-events-none" })
167
+ }) : null]
168
+ });
264
169
  }
265
170
  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
- );
171
+ return /* @__PURE__ */ jsx(Combobox$1.Input, {
172
+ "data-slot": "combobox-chip-input",
173
+ className: cn("min-w-16 flex-1 outline-none", className),
174
+ ...props
175
+ });
274
176
  }
275
177
  function useComboboxAnchor() {
276
- return React.useRef(null);
178
+ return React.useRef(null);
277
179
  }
278
-
180
+ //#endregion
279
181
  export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };
280
- //# sourceMappingURL=combobox.js.map
182
+
281
183
  //# sourceMappingURL=combobox.js.map