@kuzenbo/core 0.0.2 → 0.0.3

package/dist/ui/combobox.js

@@ -0,0 +1,569 @@
+"use client";
+
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { Button } from "./button.js";
+import { a as InputGroupAddon, i as InputGroupButton, r as InputGroupInput } from "../input-group-textarea-B-rP98r5.js";
+import { InputGroup } from "./input-group.js";
+import { createContext, useContext, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+import { ArrowDown01Icon, Cancel01Icon, Tick02Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Combobox as Combobox$1 } from "@base-ui/react/combobox";
+import { Combobox as Combobox$2 } from "@base-ui/react";
+
+//#region src/ui/combobox/combobox-arrow.tsx
+const ComboboxArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(Combobox$2.Arrow, {
+	className: mergeBaseUIClassName(void 0, className),
+	"data-slot": "combobox-arrow",
+	...props
+});
+
+//#endregion
+//#region src/ui/combobox/combobox-backdrop.tsx
+const ComboboxBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(Combobox$2.Backdrop, {
+	className: mergeBaseUIClassName(void 0, className),
+	"data-slot": "combobox-backdrop",
+	...props
+});
+
+//#endregion
+//#region src/ui/combobox/combobox-context.tsx
+const ComboboxContext = createContext({ size: "md" });
+
+//#endregion
+//#region src/ui/combobox/combobox-chip-remove.tsx
+const mapComboboxSizeToButtonIconSize = (size) => {
+	if (size === "xl") return "icon-sm";
+	return "icon-xs";
+};
+const ComboboxChipRemove = ({ className, size, ...props }) => {
+	const { size: contextSize } = useContext(ComboboxContext);
+	const resolvedSize = size ?? contextSize ?? "md";
+	return /* @__PURE__ */ jsx(Combobox$2.ChipRemove, {
+		className: mergeBaseUIClassName("-ml-1 opacity-50 hover:opacity-100", className),
+		"data-size": resolvedSize,
+		"data-slot": "combobox-chip-remove",
+		render: /* @__PURE__ */ jsx(Button, {
+			size: mapComboboxSizeToButtonIconSize(resolvedSize),
+			variant: "ghost"
+		}),
+		...props,
+		children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+			className: "pointer-events-none",
+			icon: Cancel01Icon,
+			strokeWidth: 2
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/combobox/combobox-chip.tsx
+const comboboxChipVariants = tv({
+	base: "flex w-fit items-center justify-center gap-1 rounded-sm bg-muted font-medium whitespace-nowrap text-foreground has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50 has-data-[slot=combobox-chip-remove]:pr-0",
+	variants: { size: {
+		xs: "h-5 px-1 text-[11px]",
+		sm: "h-[calc(--spacing(5.25))] px-1.5 text-xs",
+		md: "h-[calc(--spacing(5.25))] px-1.5 text-xs",
+		lg: "h-6 px-2 text-xs",
+		xl: "h-7 px-2.5 text-sm"
+	} },
+	defaultVariants: { size: "md" }
+});
+const ComboboxChip = ({ className, children, size, showRemove = true, ...props }) => {
+	const { size: contextSize } = useContext(ComboboxContext);
+	const resolvedSize = size ?? contextSize ?? "md";
+	return /* @__PURE__ */ jsxs(Combobox$2.Chip, {
+		className: mergeBaseUIClassName(comboboxChipVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "combobox-chip",
+		...props,
+		children: [children, showRemove && /* @__PURE__ */ jsx(ComboboxChipRemove, { size: resolvedSize })]
+	});
+};
+
+//#endregion
+//#region src/ui/combobox/combobox-chips.tsx
+const comboboxChipsVariants = tv({
+	base: "flex flex-wrap items-center border border-input bg-transparent bg-clip-padding transition-colors focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 has-aria-invalid:border-danger has-aria-invalid:ring-[3px] has-aria-invalid:ring-danger/20 has-data-[slot=combobox-chip]:px-1 dark:bg-input/30 dark:has-aria-invalid:border-danger/50 dark:has-aria-invalid:ring-danger/40",
+	variants: { size: {
+		xs: "min-h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs",
+		sm: "min-h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm",
+		md: "min-h-9 gap-1 rounded-md px-2.5 py-1 text-sm",
+		lg: "min-h-10 gap-1.5 rounded-md px-3 py-1.5 text-sm",
+		xl: "min-h-11 gap-1.5 rounded-md px-4 py-2 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const ComboboxChips = ({ className, size, ...props }) => {
+	const { size: contextSize } = useContext(ComboboxContext);
+	const resolvedSize = size ?? contextSize ?? "md";
+	return /* @__PURE__ */ jsx(Combobox$2.Chips, {
+		className: mergeBaseUIClassName(comboboxChipsVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "combobox-chips",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/combobox/combobox-chips-input.tsx
+const ComboboxChipsInput = ({ className, ...props }) => /* @__PURE__ */ jsx(Combobox$2.Input, {
+	className: mergeBaseUIClassName("min-w-16 flex-1 outline-none", className),
+	"data-slot": "combobox-chip-input",
+	...props
+});
+
+//#endregion
+//#region src/ui/combobox/combobox-clear.tsx
+const mapComboboxSizeToInputGroupIconButtonSize$1 = (size) => {
+	if (size === "xl") return "icon-sm";
+	return "icon-xs";
+};
+const ComboboxClear = ({ className, size, ...props }) => {
+	const { size: contextSize } = useContext(ComboboxContext);
+	const resolvedSize = size ?? contextSize ?? "md";
+	return /* @__PURE__ */ jsx(Combobox$2.Clear, {
+		className: mergeBaseUIClassName(void 0, className),
+		"data-size": resolvedSize,
+		"data-slot": "combobox-clear",
+		render: /* @__PURE__ */ jsx(InputGroupButton, {
+			size: mapComboboxSizeToInputGroupIconButtonSize$1(resolvedSize),
+			variant: "ghost"
+		}),
+		...props,
+		children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+			className: "pointer-events-none",
+			icon: Cancel01Icon,
+			strokeWidth: 2
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/combobox/combobox-collection.tsx
+const ComboboxCollection = ({ ...props }) => /* @__PURE__ */ jsx(Combobox$2.Collection, {
+	"data-slot": "combobox-collection",
+	...props
+});
+
+//#endregion
+//#region src/ui/combobox/combobox-overlay-context.tsx
+const ComboboxOverlayContext = createContext({ size: "md" });
+
+//#endregion
+//#region src/ui/combobox/combobox-popup.tsx
+const comboboxPopupVariants = tv({
+	base: "group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-36 min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[chips=true]:min-w-(--anchor-width) 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 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none",
+	variants: { size: {
+		xs: "rounded-[min(var(--radius-md),8px)]",
+		sm: "rounded-[min(var(--radius-md),10px)]",
+		md: "rounded-lg",
+		lg: "rounded-lg",
+		xl: "rounded-xl"
+	} },
+	defaultVariants: { size: "md" }
+});
+const ComboboxPopup = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(ComboboxOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Combobox$2.Popup, {
+		className: mergeBaseUIClassName(comboboxPopupVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "combobox-popup",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/combobox/combobox-portal.tsx
+const ComboboxPortal = (props) => /* @__PURE__ */ jsx(Combobox$2.Portal, {
+	"data-slot": "combobox-portal",
+	...props
+});
+
+//#endregion
+//#region src/ui/combobox/combobox-positioner.tsx
+const ComboboxPositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(Combobox$2.Positioner, {
+	className: mergeBaseUIClassName("isolate z-50", className),
+	"data-slot": "combobox-positioner",
+	...props
+});
+
+//#endregion
+//#region src/ui/combobox/combobox-content.tsx
+const ComboboxContent = ({ className, size, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor, ...props }) => {
+	const { size: rootSize } = useContext(ComboboxContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx(ComboboxOverlayContext.Provider, {
+		value: { size: resolvedSize },
+		children: /* @__PURE__ */ jsx(ComboboxPortal, { children: /* @__PURE__ */ jsx(ComboboxPositioner, {
+			align,
+			alignOffset,
+			anchor,
+			side,
+			sideOffset,
+			children: /* @__PURE__ */ jsx(ComboboxPopup, {
+				className,
+				"data-chips": !!anchor,
+				"data-size": resolvedSize,
+				"data-slot": "combobox-content",
+				size: resolvedSize,
+				...props
+			})
+		}) })
+	});
+};
+
+//#endregion
+//#region src/ui/combobox/combobox-empty.tsx
+const comboboxEmptyVariants = tv({
+	base: "hidden w-full justify-center text-center text-muted-foreground group-data-empty/combobox-content:flex",
+	variants: { size: {
+		xs: "py-2 text-xs",
+		sm: "py-2 text-sm",
+		md: "py-2.5 text-sm",
+		lg: "py-3 text-sm",
+		xl: "py-3.5 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const ComboboxEmpty = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(ComboboxOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Combobox$2.Empty, {
+		className: mergeBaseUIClassName(comboboxEmptyVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "combobox-empty",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/combobox/combobox-group.tsx
+const ComboboxGroup = ({ className, ...props }) => /* @__PURE__ */ jsx(Combobox$2.Group, {
+	className: mergeBaseUIClassName(void 0, className),
+	"data-slot": "combobox-group",
+	...props
+});
+
+//#endregion
+//#region src/ui/combobox/combobox-group-label.tsx
+const comboboxGroupLabelVariants = tv({
+	base: "text-muted-foreground",
+	variants: { size: {
+		xs: "px-1.5 py-1 text-xs",
+		sm: "px-2 py-1 text-xs",
+		md: "px-2 py-1.5 text-xs",
+		lg: "px-2.5 py-1.5 text-sm",
+		xl: "px-3 py-2 text-sm"
+	} },
+	defaultVariants: { size: "md" }
+});
+const ComboboxGroupLabel = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(ComboboxOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Combobox$2.GroupLabel, {
+		className: mergeBaseUIClassName(comboboxGroupLabelVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "combobox-group-label",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/combobox/combobox-icon.tsx
+const ComboboxIcon = ({ className, ...props }) => /* @__PURE__ */ jsx(Combobox$2.Icon, {
+	className: mergeBaseUIClassName("pointer-events-none size-4 text-muted-foreground", className),
+	"data-slot": "combobox-icon",
+	...props
+});
+
+//#endregion
+//#region src/ui/combobox/combobox-trigger.tsx
+const ComboboxTrigger = ({ className, children, ...props }) => /* @__PURE__ */ jsxs(Combobox$2.Trigger, {
+	className: mergeBaseUIClassName("cursor-pointer", className),
+	"data-slot": "combobox-trigger",
+	...props,
+	children: [children, /* @__PURE__ */ jsx(ComboboxIcon, { render: /* @__PURE__ */ jsx(HugeiconsIcon, {
+		className: "pointer-events-none text-muted-foreground",
+		icon: ArrowDown01Icon,
+		strokeWidth: 2
+	}) })]
+});
+
+//#endregion
+//#region src/ui/combobox/combobox-input.tsx
+const mapComboboxSizeToInputGroupIconButtonSize = (size) => {
+	if (size === "xl") return "icon-sm";
+	return "icon-xs";
+};
+const ComboboxInput = ({ className, children, disabled = false, htmlSize, size, showTrigger = true, showClear = false, ...props }) => {
+	const { size: contextSize } = useContext(ComboboxContext);
+	const resolvedSize = size ?? contextSize ?? "md";
+	const iconButtonSize = mapComboboxSizeToInputGroupIconButtonSize(resolvedSize);
+	return /* @__PURE__ */ jsxs(InputGroup, {
+		className: "w-auto",
+		size: resolvedSize,
+		children: [
+			/* @__PURE__ */ jsx(Combobox$2.Input, {
+				className: mergeBaseUIClassName(void 0, className),
+				"data-size": resolvedSize,
+				render: /* @__PURE__ */ jsx(InputGroupInput, {
+					disabled,
+					size: resolvedSize
+				}),
+				size: htmlSize,
+				...props
+			}),
+			/* @__PURE__ */ jsxs(InputGroupAddon, {
+				align: "inline-end",
+				children: [showTrigger && /* @__PURE__ */ jsx(InputGroupButton, {
+					className: "group-has-data-[slot=combobox-clear]/input-group:hidden gap-0 data-pressed:bg-transparent",
+					"data-slot": "input-group-button",
+					disabled,
+					render: /* @__PURE__ */ jsx(ComboboxTrigger, {}),
+					size: iconButtonSize,
+					variant: "ghost"
+				}), showClear && /* @__PURE__ */ jsx(ComboboxClear, {
+					disabled,
+					size: resolvedSize
+				})]
+			}),
+			children
+		]
+	});
+};
+
+//#endregion
+//#region src/ui/combobox/combobox-item-indicator.tsx
+const comboboxItemIndicatorVariants = tv({
+	base: "pointer-events-none absolute flex items-center justify-center",
+	variants: { size: {
+		xs: "right-1.5 size-3",
+		sm: "right-2 size-3.5",
+		md: "right-2 size-4",
+		lg: "right-2.5 size-4",
+		xl: "right-3 size-5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const ComboboxItemIndicator = ({ className, render, size, ...props }) => {
+	const { size: overlaySize } = useContext(ComboboxOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	const indicatorClassName = comboboxItemIndicatorVariants({ size: resolvedSize });
+	return /* @__PURE__ */ jsx(Combobox$2.ItemIndicator, {
+		className: mergeBaseUIClassName(indicatorClassName, className),
+		"data-size": resolvedSize,
+		"data-slot": "combobox-item-indicator",
+		render: render ?? /* @__PURE__ */ jsx("span", { className: indicatorClassName }),
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/combobox/combobox-item.tsx
+const comboboxItemVariants = tv({
+	slots: {
+		icon: "pointer-events-none",
+		root: "relative flex w-full cursor-pointer items-center rounded-md outline-hidden select-none data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=danger]:data-highlighted:**:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0"
+	},
+	variants: { size: {
+		xs: {
+			icon: "size-3",
+			root: "gap-1 py-1 pr-6 pl-1.5 text-xs [&_svg:not([class*='size-'])]:size-3"
+		},
+		sm: {
+			icon: "size-3.5",
+			root: "gap-1.5 py-1 pr-7 pl-2 text-sm [&_svg:not([class*='size-'])]:size-3.5"
+		},
+		md: {
+			icon: "size-4",
+			root: "gap-2 py-1.5 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4"
+		},
+		lg: {
+			icon: "size-4",
+			root: "gap-2 py-2 pr-9 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4"
+		},
+		xl: {
+			icon: "size-5",
+			root: "gap-2.5 py-2.5 pr-10 pl-2.5 text-base [&_svg:not([class*='size-'])]:size-5"
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+const ComboboxItem = ({ className, children, size, ...props }) => {
+	const { size: overlaySize } = useContext(ComboboxOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	const { icon, root } = comboboxItemVariants({ size: resolvedSize });
+	return /* @__PURE__ */ jsxs(Combobox$2.Item, {
+		className: mergeBaseUIClassName(root(), className),
+		"data-size": resolvedSize,
+		"data-slot": "combobox-item",
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ComboboxItemIndicator, {
+			size: resolvedSize,
+			children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+				className: icon(),
+				icon: Tick02Icon,
+				strokeWidth: 2
+			})
+		})]
+	});
+};
+
+//#endregion
+//#region src/ui/combobox/combobox-label.tsx
+const ComboboxLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Combobox$2.GroupLabel, {
+	className: mergeBaseUIClassName("px-2 py-1.5 text-xs text-muted-foreground", className),
+	"data-slot": "combobox-label",
+	...props
+});
+
+//#endregion
+//#region src/ui/combobox/combobox-list.tsx
+const comboboxListVariants = tv({
+	base: "no-scrollbar overflow-y-auto overscroll-contain data-empty:p-0",
+	variants: { size: {
+		xs: "max-h-[min(calc(--spacing(72)-var(--kb-combobox-anchor-offset)),calc(var(--available-height)-var(--kb-combobox-anchor-offset)))] scroll-py-0.5 p-0.5",
+		sm: "max-h-[min(calc(--spacing(72)-var(--kb-combobox-anchor-offset)),calc(var(--available-height)-var(--kb-combobox-anchor-offset)))] scroll-py-1 p-1",
+		md: "max-h-[min(calc(--spacing(72)-var(--kb-combobox-anchor-offset)),calc(var(--available-height)-var(--kb-combobox-anchor-offset)))] scroll-py-1 p-1",
+		lg: "max-h-[min(calc(--spacing(72)-var(--kb-combobox-anchor-offset)),calc(var(--available-height)-var(--kb-combobox-anchor-offset)))] scroll-py-1.5 p-1.5",
+		xl: "max-h-[min(calc(--spacing(72)-var(--kb-combobox-anchor-offset)),calc(var(--available-height)-var(--kb-combobox-anchor-offset)))] scroll-py-2 p-2"
+	} },
+	defaultVariants: { size: "md" }
+});
+const comboboxAnchorOffsetBySize = {
+	xs: "1.5rem",
+	sm: "2rem",
+	md: "2.25rem",
+	lg: "2.5rem",
+	xl: "2.75rem"
+};
+const ComboboxList = ({ className, size, style, ...props }) => {
+	const { size: overlaySize } = useContext(ComboboxOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Combobox$2.List, {
+		className: mergeBaseUIClassName(comboboxListVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "combobox-list",
+		style: {
+			"--kb-combobox-anchor-offset": comboboxAnchorOffsetBySize[resolvedSize],
+			...style
+		},
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/combobox/combobox-row.tsx
+const comboboxRowVariants = tv({
+	base: "grid w-full",
+	variants: { size: {
+		xs: "scroll-my-1",
+		sm: "scroll-my-1",
+		md: "scroll-my-1.5",
+		lg: "scroll-my-2",
+		xl: "scroll-my-2.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const ComboboxRow = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(ComboboxOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Combobox$2.Row, {
+		className: mergeBaseUIClassName(comboboxRowVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "combobox-row",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/combobox/combobox-separator.tsx
+const ComboboxSeparator = ({ className, ...props }) => /* @__PURE__ */ jsx(Combobox$2.Separator, {
+	className: mergeBaseUIClassName("-mx-1 my-1 h-px bg-border", className),
+	"data-slot": "combobox-separator",
+	...props
+});
+
+//#endregion
+//#region src/ui/combobox/combobox-status.tsx
+const comboboxStatusVariants = tv({
+	base: "flex items-center text-muted-foreground",
+	variants: { size: {
+		xs: "gap-1 px-1.5 py-1 text-xs",
+		sm: "gap-1.5 px-2 py-1 text-sm",
+		md: "gap-2 px-2 py-1.5 text-sm",
+		lg: "gap-2 px-2.5 py-2 text-sm",
+		xl: "gap-2.5 px-3 py-2.5 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const ComboboxStatus = ({ className, size, ...props }) => {
+	const { size: overlaySize } = useContext(ComboboxOverlayContext);
+	const resolvedSize = size ?? overlaySize ?? "md";
+	return /* @__PURE__ */ jsx(Combobox$2.Status, {
+		className: mergeBaseUIClassName(comboboxStatusVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "combobox-status",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/combobox/combobox-value.tsx
+const ComboboxValue = ({ ...props }) => /* @__PURE__ */ jsx(Combobox$2.Value, {
+	"data-slot": "combobox-value",
+	...props
+});
+
+//#endregion
+//#region src/ui/combobox/use-combobox-anchor.tsx
+const useComboboxAnchor = () => useRef(null);
+
+//#endregion
+//#region src/ui/combobox/combobox.tsx
+const Combobox = ({ size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(ComboboxContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx(Combobox$1.Root, {
+			"data-size": size,
+			"data-slot": "combobox",
+			...props
+		})
+	});
+};
+Combobox.Arrow = ComboboxArrow;
+Combobox.Backdrop = ComboboxBackdrop;
+Combobox.Chip = ComboboxChip;
+Combobox.ChipRemove = ComboboxChipRemove;
+Combobox.Chips = ComboboxChips;
+Combobox.ChipsInput = ComboboxChipsInput;
+Combobox.Clear = ComboboxClear;
+Combobox.Collection = ComboboxCollection;
+Combobox.Content = ComboboxContent;
+Combobox.Empty = ComboboxEmpty;
+Combobox.Group = ComboboxGroup;
+Combobox.GroupLabel = ComboboxGroupLabel;
+Combobox.Icon = ComboboxIcon;
+Combobox.Input = ComboboxInput;
+Combobox.Item = ComboboxItem;
+Combobox.ItemIndicator = ComboboxItemIndicator;
+Combobox.Label = ComboboxLabel;
+Combobox.List = ComboboxList;
+Combobox.Popup = ComboboxPopup;
+Combobox.Portal = ComboboxPortal;
+Combobox.Positioner = ComboboxPositioner;
+Combobox.Row = ComboboxRow;
+Combobox.Separator = ComboboxSeparator;
+Combobox.Status = ComboboxStatus;
+Combobox.Trigger = ComboboxTrigger;
+Combobox.Value = ComboboxValue;
+const { useFilter, useFilteredItems } = Combobox$1;
+
+//#endregion
+export { Combobox, ComboboxArrow, ComboboxBackdrop, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxChipsInput, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxIcon, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxRow, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, useComboboxAnchor, useFilter, useFilteredItems };
+//# sourceMappingURL=combobox.js.map