@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.
- package/README.md +1 -1
- package/dist/accordion.d.ts +24 -8
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +51 -73
- package/dist/accordion.js.map +1 -1
- package/dist/action-bar.d.ts +83 -0
- package/dist/action-bar.d.ts.map +1 -0
- package/dist/action-bar.js +264 -0
- package/dist/action-bar.js.map +1 -0
- package/dist/alert-dialog.d.ts +56 -21
- package/dist/alert-dialog.d.ts.map +1 -0
- package/dist/alert-dialog.js +75 -127
- package/dist/alert-dialog.js.map +1 -1
- package/dist/alert.d.ts +26 -11
- package/dist/alert.d.ts.map +1 -0
- package/dist/alert.js +37 -68
- package/dist/alert.js.map +1 -1
- package/dist/animate.d.ts +117 -75
- package/dist/animate.d.ts.map +1 -0
- package/dist/animate.js +259 -223
- package/dist/animate.js.map +1 -1
- package/dist/aspect-ratio.d.ts +11 -6
- package/dist/aspect-ratio.d.ts.map +1 -0
- package/dist/aspect-ratio.js +12 -14
- package/dist/aspect-ratio.js.map +1 -1
- package/dist/autocomplete.d.ts +91 -25
- package/dist/autocomplete.d.ts.map +1 -0
- package/dist/autocomplete.js +119 -181
- package/dist/autocomplete.js.map +1 -1
- package/dist/avatar.d.ts +32 -11
- package/dist/avatar.d.ts.map +1 -0
- package/dist/avatar.js +42 -89
- package/dist/avatar.js.map +1 -1
- package/dist/badge.d.ts +15 -8
- package/dist/badge.d.ts.map +1 -0
- package/dist/badge.js +35 -48
- package/dist/badge.js.map +1 -1
- package/dist/breadcrumb.d.ts +35 -11
- package/dist/breadcrumb.d.ts.map +1 -0
- package/dist/breadcrumb.js +61 -110
- package/dist/breadcrumb.js.map +1 -1
- package/dist/button-group.d.ts +26 -13
- package/dist/button-group.d.ts.map +1 -0
- package/dist/button-group.js +39 -76
- package/dist/button-group.js.map +1 -1
- package/dist/button.d.ts +17 -10
- package/dist/button.d.ts.map +1 -0
- package/dist/button.js +50 -3
- package/dist/button.js.map +1 -1
- package/dist/card.d.ts +35 -11
- package/dist/card.d.ts.map +1 -0
- package/dist/card.js +43 -82
- package/dist/card.js.map +1 -1
- package/dist/checkbox.d.ts +11 -4
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +21 -31
- package/dist/checkbox.js.map +1 -1
- package/dist/collapsible.d.ts +15 -7
- package/dist/collapsible.d.ts.map +1 -0
- package/dist/collapsible.js +19 -8
- package/dist/collapsible.js.map +1 -1
- package/dist/combobox.d.ts +83 -23
- package/dist/combobox.d.ts.map +1 -0
- package/dist/combobox.js +151 -247
- package/dist/combobox.js.map +1 -1
- package/dist/context-menu.d.ts +87 -26
- package/dist/context-menu.d.ts.map +1 -0
- package/dist/context-menu.js +115 -165
- package/dist/context-menu.js.map +1 -1
- package/dist/count.d.ts +45 -31
- package/dist/count.d.ts.map +1 -0
- package/dist/count.js +170 -165
- package/dist/count.js.map +1 -1
- package/dist/dialog.d.ts +60 -28
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +77 -120
- package/dist/dialog.js.map +1 -1
- package/dist/direction.d.ts +2 -1
- package/dist/direction.js +3 -3
- package/dist/drawer.d.ts +45 -15
- package/dist/drawer.d.ts.map +1 -0
- package/dist/drawer.js +100 -5
- package/dist/drawer.js.map +1 -1
- package/dist/encrypted-text.d.ts +25 -12
- package/dist/encrypted-text.d.ts.map +1 -0
- package/dist/encrypted-text.js +102 -134
- package/dist/encrypted-text.js.map +1 -1
- package/dist/field.d.ts +40 -21
- package/dist/field.d.ts.map +1 -0
- package/dist/field.js +52 -3
- package/dist/field.js.map +1 -1
- package/dist/film-grain-shader.d.ts +6 -0
- package/dist/film-grain-shader.d.ts.map +1 -0
- package/dist/film-grain-shader.js +88 -0
- package/dist/film-grain-shader.js.map +1 -0
- package/dist/film-grain-webgl.d.ts +20 -0
- package/dist/film-grain-webgl.d.ts.map +1 -0
- package/dist/film-grain-webgl.js +306 -0
- package/dist/film-grain-webgl.js.map +1 -0
- package/dist/film-grain.d.ts +21 -11
- package/dist/film-grain.d.ts.map +1 -0
- package/dist/film-grain.js +28 -420
- package/dist/film-grain.js.map +1 -1
- package/dist/form.d.ts +64 -49
- package/dist/form.d.ts.map +1 -0
- package/dist/form.js +112 -91
- package/dist/form.js.map +1 -1
- package/dist/gradient-reveal-text.d.ts +35 -22
- package/dist/gradient-reveal-text.d.ts.map +1 -0
- package/dist/gradient-reveal-text.js +238 -205
- package/dist/gradient-reveal-text.js.map +1 -1
- package/dist/hooks/use-mobile.d.ts +3 -1
- package/dist/hooks/use-mobile.d.ts.map +1 -0
- package/dist/hooks/use-mobile.js +28 -2
- package/dist/hooks/use-mobile.js.map +1 -1
- package/dist/infinite-scroll.d.ts +29 -15
- package/dist/infinite-scroll.d.ts.map +1 -0
- package/dist/infinite-scroll.js +69 -99
- package/dist/infinite-scroll.js.map +1 -1
- package/dist/input-group.d.ts +41 -18
- package/dist/input-group.d.ts.map +1 -0
- package/dist/input-group.js +80 -6
- package/dist/input-group.js.map +1 -1
- package/dist/input-otp.d.ts +26 -10
- package/dist/input-otp.d.ts.map +1 -0
- package/dist/input-otp.js +40 -70
- package/dist/input-otp.js.map +1 -1
- package/dist/input.d.ts +10 -4
- package/dist/input.d.ts.map +1 -0
- package/dist/input.js +16 -3
- package/dist/input.js.map +1 -1
- package/dist/item.d.ts +58 -23
- package/dist/item.d.ts.map +1 -0
- package/dist/item.js +103 -160
- package/dist/item.js.map +1 -1
- package/dist/kbd.d.ts +12 -4
- package/dist/kbd.d.ts.map +1 -0
- package/dist/kbd.js +15 -24
- package/dist/kbd.js.map +1 -1
- package/dist/label.d.ts +9 -4
- package/dist/label.d.ts.map +1 -0
- package/dist/label.js +12 -16
- package/dist/label.js.map +1 -1
- package/dist/lib/focus.d.ts +42 -0
- package/dist/lib/focus.d.ts.map +1 -0
- package/dist/lib/focus.js +21 -0
- package/dist/lib/focus.js.map +1 -0
- package/dist/lib/internal-icons.d.ts +32 -0
- package/dist/lib/internal-icons.d.ts.map +1 -0
- package/dist/lib/internal-icons.js +222 -0
- package/dist/lib/internal-icons.js.map +1 -0
- package/dist/lib/utils.d.ts +4 -2
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +12 -2
- package/dist/lib/utils.js.map +1 -1
- package/dist/masonry.d.ts +25 -11
- package/dist/masonry.d.ts.map +1 -0
- package/dist/masonry.js +188 -229
- package/dist/masonry.js.map +1 -1
- package/dist/menu.d.ts +84 -26
- package/dist/menu.d.ts.map +1 -0
- package/dist/menu.js +141 -4
- package/dist/menu.js.map +1 -1
- package/dist/menubar.d.ts +60 -22
- package/dist/menubar.d.ts.map +1 -0
- package/dist/menubar.js +80 -52
- package/dist/menubar.js.map +1 -1
- package/dist/pagination.d.ts +38 -17
- package/dist/pagination.d.ts.map +1 -0
- package/dist/pagination.js +68 -107
- package/dist/pagination.js.map +1 -1
- package/dist/popover.d.ts +56 -14
- package/dist/popover.d.ts.map +1 -0
- package/dist/popover.js +62 -87
- package/dist/popover.js.map +1 -1
- package/dist/preview-card.d.ts +28 -9
- package/dist/preview-card.d.ts.map +1 -0
- package/dist/preview-card.js +40 -60
- package/dist/preview-card.js.map +1 -1
- package/dist/progress.d.ts +28 -9
- package/dist/progress.d.ts.map +1 -0
- package/dist/progress.js +35 -60
- package/dist/progress.js.map +1 -1
- package/dist/radio-group.d.ts +14 -8
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +18 -22
- package/dist/radio-group.js.map +1 -1
- package/dist/radio.d.ts +14 -6
- package/dist/radio.d.ts.map +1 -0
- package/dist/radio.js +24 -3
- package/dist/radio.js.map +1 -1
- package/dist/scroll-area.d.ts +16 -6
- package/dist/scroll-area.d.ts.map +1 -0
- package/dist/scroll-area.js +34 -55
- package/dist/scroll-area.js.map +1 -1
- package/dist/select.d.ts +66 -18
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +109 -185
- package/dist/select.js.map +1 -1
- package/dist/separator.d.ts +11 -5
- package/dist/separator.d.ts.map +1 -0
- package/dist/separator.js +17 -3
- package/dist/separator.js.map +1 -1
- package/dist/sidebar.d.ts +172 -79
- package/dist/sidebar.d.ts.map +1 -0
- package/dist/sidebar.js +362 -585
- package/dist/sidebar.js.map +1 -1
- package/dist/skeleton.d.ts +8 -3
- package/dist/skeleton.d.ts.map +1 -0
- package/dist/skeleton.js +13 -3
- package/dist/skeleton.js.map +1 -1
- package/dist/slider.d.ts +16 -6
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +40 -67
- package/dist/slider.js.map +1 -1
- package/dist/spinner.d.ts +8 -3
- package/dist/spinner.d.ts.map +1 -0
- package/dist/spinner.js +15 -4
- package/dist/spinner.js.map +1 -1
- package/dist/switch.d.ts +12 -6
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +18 -25
- package/dist/switch.js.map +1 -1
- package/dist/table.d.ts +37 -11
- package/dist/table.d.ts.map +1 -0
- package/dist/table.js +51 -88
- package/dist/table.js.map +1 -1
- package/dist/tabs.d.ts +28 -12
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +40 -74
- package/dist/tabs.js.map +1 -1
- package/dist/textarea.d.ts +13 -6
- package/dist/textarea.d.ts.map +1 -0
- package/dist/textarea.js +19 -3
- package/dist/textarea.js.map +1 -1
- package/dist/toast.d.ts +63 -39
- package/dist/toast.d.ts.map +1 -0
- package/dist/toast.js +177 -215
- package/dist/toast.js.map +1 -1
- package/dist/toggle-group.d.ts +26 -12
- package/dist/toggle-group.d.ts.map +1 -0
- package/dist/toggle-group.js +49 -73
- package/dist/toggle-group.js.map +1 -1
- package/dist/toggle.d.ts +17 -10
- package/dist/toggle.d.ts.map +1 -0
- package/dist/toggle.js +38 -3
- package/dist/toggle.js.map +1 -1
- package/dist/tooltip.d.ts +45 -14
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +63 -3
- package/dist/tooltip.js.map +1 -1
- package/dist/typewriter.d.ts +44 -31
- package/dist/typewriter.d.ts.map +1 -0
- package/dist/typewriter.js +185 -185
- package/dist/typewriter.js.map +1 -1
- package/package.json +6 -6
- package/dist/chunk-45VQAWIM.js +0 -228
- package/dist/chunk-45VQAWIM.js.map +0 -1
- package/dist/chunk-6Y7LPQMO.js +0 -11
- package/dist/chunk-6Y7LPQMO.js.map +0 -1
- package/dist/chunk-76UQO56T.js +0 -19
- package/dist/chunk-76UQO56T.js.map +0 -1
- package/dist/chunk-7F4MPMLJ.js +0 -17
- package/dist/chunk-7F4MPMLJ.js.map +0 -1
- package/dist/chunk-BKTJYX4M.js +0 -143
- package/dist/chunk-BKTJYX4M.js.map +0 -1
- package/dist/chunk-D5XPEJ6T.js +0 -36
- package/dist/chunk-D5XPEJ6T.js.map +0 -1
- package/dist/chunk-DIGOLJIR.js +0 -105
- package/dist/chunk-DIGOLJIR.js.map +0 -1
- package/dist/chunk-IQ7YQ5XA.js +0 -141
- package/dist/chunk-IQ7YQ5XA.js.map +0 -1
- package/dist/chunk-NCHHHWTB.js +0 -85
- package/dist/chunk-NCHHHWTB.js.map +0 -1
- package/dist/chunk-OUFYQLVN.js +0 -56
- package/dist/chunk-OUFYQLVN.js.map +0 -1
- package/dist/chunk-QFSEK4M6.js +0 -22
- package/dist/chunk-QFSEK4M6.js.map +0 -1
- package/dist/chunk-QRW37LRP.js +0 -25
- package/dist/chunk-QRW37LRP.js.map +0 -1
- package/dist/chunk-RPQHL6C5.js +0 -26
- package/dist/chunk-RPQHL6C5.js.map +0 -1
- package/dist/chunk-V4ZX4YCP.js +0 -66
- package/dist/chunk-V4ZX4YCP.js.map +0 -1
- package/dist/chunk-YTSQQTSF.js +0 -44
- package/dist/chunk-YTSQQTSF.js.map +0 -1
- package/dist/chunk-ZZZH3JGW.js +0 -23
- package/dist/chunk-ZZZH3JGW.js.map +0 -1
- package/dist/direction.js.map +0 -1
package/dist/collapsible.d.ts
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
3
|
-
import { Collapsible as Collapsible$1 } from
|
|
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({
|
|
9
|
-
|
|
10
|
-
|
|
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"}
|
package/dist/collapsible.js
CHANGED
|
@@ -1,16 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
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
|
-
|
|
7
|
+
return /* @__PURE__ */ jsx(Collapsible$1.Root, {
|
|
8
|
+
"data-slot": "collapsible",
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
6
11
|
}
|
|
7
12
|
function CollapsibleTrigger({ ...props }) {
|
|
8
|
-
|
|
13
|
+
return /* @__PURE__ */ jsx(Collapsible$1.Trigger, {
|
|
14
|
+
"data-slot": "collapsible-trigger",
|
|
15
|
+
...props
|
|
16
|
+
});
|
|
9
17
|
}
|
|
10
18
|
function CollapsibleContent({ ...props }) {
|
|
11
|
-
|
|
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
|
-
|
|
26
|
+
|
|
16
27
|
//# sourceMappingURL=collapsible.js.map
|
package/dist/collapsible.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
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"}
|
package/dist/combobox.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
3
|
-
import { Combobox as Combobox$1 } from
|
|
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
|
-
|
|
24
|
-
|
|
24
|
+
showTrigger?: boolean;
|
|
25
|
+
showClear?: boolean;
|
|
25
26
|
};
|
|
26
27
|
type ComboboxChipWrapperProps = ComboboxChipProps & {
|
|
27
|
-
|
|
28
|
+
showRemove?: boolean;
|
|
28
29
|
};
|
|
29
30
|
type ComboboxContentProps = ComboboxPopupProps & Pick<ComboboxPositionerProps, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">;
|
|
30
|
-
declare function Combobox({
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
declare function
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
declare function
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
declare function
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
declare function
|
|
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
|
-
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { Combobox as Combobox$1 } from
|
|
9
|
-
|
|
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
|
-
|
|
11
|
+
return /* @__PURE__ */ jsx(Combobox$1.Root, {
|
|
12
|
+
"data-slot": "combobox",
|
|
13
|
+
...props
|
|
14
|
+
});
|
|
13
15
|
}
|
|
14
16
|
function ComboboxValue({ ...props }) {
|
|
15
|
-
|
|
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
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
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
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
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
|
-
|
|
67
|
+
return /* @__PURE__ */ jsx(Combobox$1.Portal, {
|
|
68
|
+
"data-slot": "combobox-portal",
|
|
69
|
+
...props
|
|
70
|
+
});
|
|
86
71
|
}
|
|
87
72
|
function ComboboxPositioner({ className, ...props }) {
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
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
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
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
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
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
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
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
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
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
|
-
|
|
130
|
+
return /* @__PURE__ */ jsx(Combobox$1.Collection, {
|
|
131
|
+
"data-slot": "combobox-collection",
|
|
132
|
+
...props
|
|
133
|
+
});
|
|
193
134
|
}
|
|
194
135
|
function ComboboxEmpty({ className, ...props }) {
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
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
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
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
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
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
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
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
|
-
|
|
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
|
-
|
|
184
|
+
|
|
281
185
|
//# sourceMappingURL=combobox.js.map
|