@lglab/compose-ui 0.27.0 → 0.29.0

package/dist/combobox.js

@@ -1,252 +1,178 @@
-"use client";
-import { jsx as e } from "react/jsx-runtime";
-import { Combobox as r } from "@base-ui/react/combobox";
-import { Combobox as q } from "@base-ui/react/combobox";
-import * as m from "react";
-import { i as s } from "./form-variants-LJ8gIbk0.js";
-import { c as a } from "./utils-B6yFEsav.js";
-function i(o) {
-  return /* @__PURE__ */ e(r.Root, { ...o });
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { inputBaseStyles } from "./lib/form-variants.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { Combobox as BaseCombobox } from "@base-ui/react/combobox";
+
+//#region src/components/combobox.tsx
+function ComboboxRoot(props) {
+	return /* @__PURE__ */ jsx(BaseCombobox.Root, { ...props });
 }
-i.displayName = "ComboboxRoot";
-const b = (o) => /* @__PURE__ */ e(r.Value, { ...o });
-b.displayName = "ComboboxValue";
-const p = ({ className: o, ...t }) => /* @__PURE__ */ e(r.Icon, { className: a("flex", o), ...t });
-p.displayName = "ComboboxIcon";
-const d = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Input,
-  {
-    className: a(
-      s,
-      "shrink-0",
-      "group-[&]/control:w-auto group-[&]/control:flex-1 group-[&]/control:border-0 group-[&]/control:bg-transparent",
-      "group-[&]/chips:w-auto group-[&]/chips:min-w-12 group-[&]/chips:flex-1 group-[&]/chips:border-0 group-[&]/chips:bg-transparent group-[&]/chips:h-7",
-      o
-    ),
-    ...t
-  }
-);
-d.displayName = "ComboboxInput";
-const l = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  "div",
-  {
-    className: a(
-      s,
-      "group/control flex items-center p-0 pr-1",
-      o
-    ),
-    ...t
-  }
-);
-l.displayName = "ComboboxControl";
-const c = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Clear,
-  {
-    className: a(
-      "flex h-9 w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground hover:text-foreground",
-      o
-    ),
-    ...t
-  }
-);
-c.displayName = "ComboboxClear";
-const x = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Trigger,
-  {
-    className: a(
-      "flex h-9 w-fit min-w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground hover:text-foreground",
-      o
-    ),
-    ...t
-  }
-);
-x.displayName = "ComboboxTrigger";
-const u = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Backdrop,
-  {
-    className: a(
-      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
-      "transition-opacity duration-200",
-      "data-starting-style:opacity-0 data-ending-style:opacity-0",
-      o
-    ),
-    ...t
-  }
-);
-u.displayName = "ComboboxBackdrop";
-const g = (o) => /* @__PURE__ */ e(r.Portal, { ...o });
-g.displayName = "ComboboxPortal";
-const C = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Positioner,
-  {
-    className: a("z-50 outline-none", o),
-    sideOffset: 4,
-    ...t
-  }
-);
-C.displayName = "ComboboxPositioner";
-const y = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Popup,
-  {
-    className: a(
-      "group flex flex-col min-w-(--anchor-width) max-h-[min(23rem,var(--available-height))] max-w-(--available-width) origin-(--transform-origin) rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity] duration-100",
-      "data-ending-style:scale-95 data-ending-style:opacity-0",
-      "data-starting-style:scale-95 data-starting-style:opacity-0",
-      "dark:shadow-none",
-      o
-    ),
-    ...t
-  }
-);
-y.displayName = "ComboboxPopup";
-const f = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.List,
-  {
-    className: a(
-      "outline-0 overflow-y-auto scroll-py-2 overscroll-contain flex-1 min-h-0 data-empty:p-0",
-      o
-    ),
-    ...t
-  }
-);
-f.displayName = "ComboboxList";
-const h = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Empty,
-  {
-    className: a(
-      "shrink-0 p-4 text-sm leading-4 text-muted-foreground empty:m-0 empty:p-0",
-      o
-    ),
-    ...t
-  }
-);
-h.displayName = "ComboboxEmpty";
-const N = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Item,
-  {
-    className: a(
-      "flex items-center justify-between gap-2 py-2 px-4 text-sm leading-4 outline-none select-none",
-      "data-selected:bg-accent data-selected:text-accent-foreground",
-      "data-highlighted:bg-accent data-highlighted:text-accent-foreground",
-      o
-    ),
-    ...t
-  }
-);
-N.displayName = "ComboboxItem";
-const w = ({ className: o, ...t }) => /* @__PURE__ */ e("span", { className: o, ...t });
-w.displayName = "ComboboxItemText";
-const I = ({ className: o, ...t }) => /* @__PURE__ */ e(r.ItemIndicator, { className: o, ...t });
-I.displayName = "ComboboxItemIndicator";
-const v = ({ className: o, ...t }) => /* @__PURE__ */ e(r.Group, { className: o, ...t });
-v.displayName = "ComboboxGroup";
-const k = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.GroupLabel,
-  {
-    className: a(
-      "px-4 py-1.5 text-sm font-semibold sticky top-0 z-1 bg-background",
-      o
-    ),
-    ...t
-  }
-);
-k.displayName = "ComboboxGroupLabel";
-const P = (o) => /* @__PURE__ */ e(r.Collection, { ...o });
-P.displayName = "ComboboxCollection";
-const R = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Separator,
-  {
-    className: a("my-1 border-t border-border", o),
-    ...t
-  }
-);
-R.displayName = "ComboboxSeparator";
-const S = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Status,
-  {
-    className: a(
-      "flex items-center gap-2 py-1 px-4 text-sm text-muted-foreground empty:hidden",
-      o
-    ),
-    ...t
-  }
-);
-S.displayName = "ComboboxStatus";
-const G = m.forwardRef(
-  ({ className: o, ...t }, n) => /* @__PURE__ */ e(
-    r.Chips,
-    {
-      ref: n,
-      className: a(
-        s,
-        "group/chips flex flex-wrap items-center gap-1 px-1 py-1 h-auto",
-        o
-      ),
-      ...t
-    }
-  )
-);
-G.displayName = "ComboboxChips";
-const L = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Chip,
-  {
-    className: a(
-      "flex items-center gap-1 rounded-md bg-muted px-1.5 py-0.5 text-xs text-foreground font-medium",
-      "data-highlighted:bg-primary data-highlighted:text-primary-foreground",
-      "focus-within:bg-primary focus-within:text-primary-foreground",
-      o
-    ),
-    ...t
-  }
-);
-L.displayName = "ComboboxChip";
-const T = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.ChipRemove,
-  {
-    className: a(
-      "rounded-md p-0.5 text-inherit hover:bg-muted-foreground/20",
-      o
-    ),
-    ...t
-  }
-);
-T.displayName = "ComboboxChipRemove";
-const j = ({ className: o, ...t }) => /* @__PURE__ */ e(
-  r.Arrow,
-  {
-    className: a(
-      "flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
-      o
-    ),
-    ...t
-  }
-);
-j.displayName = "ComboboxArrow";
-export {
-  q as Combobox,
-  j as ComboboxArrow,
-  u as ComboboxBackdrop,
-  L as ComboboxChip,
-  T as ComboboxChipRemove,
-  G as ComboboxChips,
-  c as ComboboxClear,
-  P as ComboboxCollection,
-  l as ComboboxControl,
-  h as ComboboxEmpty,
-  v as ComboboxGroup,
-  k as ComboboxGroupLabel,
-  p as ComboboxIcon,
-  d as ComboboxInput,
-  N as ComboboxItem,
-  I as ComboboxItemIndicator,
-  w as ComboboxItemText,
-  f as ComboboxList,
-  y as ComboboxPopup,
-  g as ComboboxPortal,
-  C as ComboboxPositioner,
-  i as ComboboxRoot,
-  R as ComboboxSeparator,
-  S as ComboboxStatus,
-  x as ComboboxTrigger,
-  b as ComboboxValue
+ComboboxRoot.displayName = "ComboboxRoot";
+const ComboboxValue = (props) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Value, { ...props });
 };
+ComboboxValue.displayName = "ComboboxValue";
+const ComboboxIcon = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Icon, {
+		className: cn("flex", className),
+		...props
+	});
+};
+ComboboxIcon.displayName = "ComboboxIcon";
+const ComboboxInput = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Input, {
+		className: cn(inputBaseStyles, "shrink-0", "group-[&]/control:w-auto group-[&]/control:flex-1 group-[&]/control:border-0 group-[&]/control:bg-transparent", "group-[&]/chips:w-auto group-[&]/chips:min-w-12 group-[&]/chips:flex-1 group-[&]/chips:border-0 group-[&]/chips:bg-transparent group-[&]/chips:h-7", className),
+		...props
+	});
+};
+ComboboxInput.displayName = "ComboboxInput";
+const ComboboxControl = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(inputBaseStyles, "group/control flex items-center p-0 pr-1", className),
+		...props
+	});
+};
+ComboboxControl.displayName = "ComboboxControl";
+const ComboboxClear = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Clear, {
+		className: cn("flex h-9 w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground hover:text-foreground", className),
+		...props
+	});
+};
+ComboboxClear.displayName = "ComboboxClear";
+const ComboboxTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Trigger, {
+		className: cn("flex h-9 w-fit min-w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground hover:text-foreground", className),
+		...props
+	});
+};
+ComboboxTrigger.displayName = "ComboboxTrigger";
+const ComboboxBackdrop = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Backdrop, {
+		className: cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", "transition-opacity duration-200", "data-starting-style:opacity-0 data-ending-style:opacity-0", className),
+		...props
+	});
+};
+ComboboxBackdrop.displayName = "ComboboxBackdrop";
+const ComboboxPortal = (props) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Portal, { ...props });
+};
+ComboboxPortal.displayName = "ComboboxPortal";
+const ComboboxPositioner = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Positioner, {
+		className: cn("z-50 outline-none", className),
+		sideOffset: 4,
+		...props
+	});
+};
+ComboboxPositioner.displayName = "ComboboxPositioner";
+const ComboboxPopup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Popup, {
+		className: cn("group flex flex-col min-w-(--anchor-width) max-h-[min(23rem,var(--available-height))] max-w-(--available-width) origin-(--transform-origin) rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity] duration-100", "data-ending-style:scale-95 data-ending-style:opacity-0", "data-starting-style:scale-95 data-starting-style:opacity-0", "dark:shadow-none", className),
+		...props
+	});
+};
+ComboboxPopup.displayName = "ComboboxPopup";
+const ComboboxList = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.List, {
+		className: cn("outline-0 overflow-y-auto scroll-py-2 overscroll-contain flex-1 min-h-0 data-empty:p-0", className),
+		...props
+	});
+};
+ComboboxList.displayName = "ComboboxList";
+const ComboboxEmpty = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Empty, {
+		className: cn("shrink-0 p-4 text-sm leading-4 text-muted-foreground empty:m-0 empty:p-0", className),
+		...props
+	});
+};
+ComboboxEmpty.displayName = "ComboboxEmpty";
+const ComboboxItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Item, {
+		className: cn("flex items-center justify-between gap-2 py-2 px-4 text-sm leading-4 outline-none select-none", "data-selected:bg-accent data-selected:text-accent-foreground", "data-highlighted:bg-accent data-highlighted:text-accent-foreground", className),
+		...props
+	});
+};
+ComboboxItem.displayName = "ComboboxItem";
+const ComboboxItemText = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className,
+		...props
+	});
+};
+ComboboxItemText.displayName = "ComboboxItemText";
+const ComboboxItemIndicator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.ItemIndicator, {
+		className,
+		...props
+	});
+};
+ComboboxItemIndicator.displayName = "ComboboxItemIndicator";
+const ComboboxGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Group, {
+		className,
+		...props
+	});
+};
+ComboboxGroup.displayName = "ComboboxGroup";
+const ComboboxGroupLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.GroupLabel, {
+		className: cn("px-4 py-1.5 text-sm font-semibold sticky top-0 z-1 bg-background", className),
+		...props
+	});
+};
+ComboboxGroupLabel.displayName = "ComboboxGroupLabel";
+const ComboboxCollection = (props) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Collection, { ...props });
+};
+ComboboxCollection.displayName = "ComboboxCollection";
+const ComboboxSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Separator, {
+		className: cn("my-1 border-t border-border", className),
+		...props
+	});
+};
+ComboboxSeparator.displayName = "ComboboxSeparator";
+const ComboboxStatus = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Status, {
+		className: cn("flex items-center gap-2 py-1 px-4 text-sm text-muted-foreground empty:hidden", className),
+		...props
+	});
+};
+ComboboxStatus.displayName = "ComboboxStatus";
+const ComboboxChips = React.forwardRef(({ className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Chips, {
+		ref,
+		className: cn(inputBaseStyles, "group/chips flex flex-wrap items-center gap-1 px-1 py-1 h-auto", className),
+		...props
+	});
+});
+ComboboxChips.displayName = "ComboboxChips";
+const ComboboxChip = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Chip, {
+		className: cn("flex items-center gap-1 rounded-md bg-muted px-1.5 py-0.5 text-xs text-foreground font-medium", "data-highlighted:bg-primary data-highlighted:text-primary-foreground", "focus-within:bg-primary focus-within:text-primary-foreground", className),
+		...props
+	});
+};
+ComboboxChip.displayName = "ComboboxChip";
+const ComboboxChipRemove = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.ChipRemove, {
+		className: cn("rounded-md p-0.5 text-inherit hover:bg-muted-foreground/20", className),
+		...props
+	});
+};
+ComboboxChipRemove.displayName = "ComboboxChipRemove";
+const ComboboxArrow = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(BaseCombobox.Arrow, {
+		className: cn("flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180", className),
+		...props
+	});
+};
+ComboboxArrow.displayName = "ComboboxArrow";
+
+//#endregion
+export { BaseCombobox as Combobox, ComboboxArrow, ComboboxBackdrop, ComboboxChip, ComboboxChipRemove, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxControl, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxIcon, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxItemText, ComboboxList, ComboboxPopup, ComboboxPortal, ComboboxPositioner, ComboboxRoot, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue };
+//# sourceMappingURL=combobox.js.map

package/dist/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","names":[],"sources":["../src/components/combobox.tsx"],"sourcesContent":["'use client'\n\nimport {\n  Combobox as BaseCombobox,\n  type ComboboxRootProps as BaseComboboxRootProps,\n} from '@base-ui/react/combobox'\nimport * as React from 'react'\n\nimport { inputBaseStyles } from '../lib/form-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// ComboboxRoot\n// ============================================================================\n\nfunction ComboboxRoot<Value, Multiple extends boolean | undefined = false>(\n  props: BaseComboboxRootProps<Value, Multiple>,\n) {\n  return <BaseCombobox.Root {...props} />\n}\n\ntype ComboboxRootProps<\n  Value,\n  Multiple extends boolean | undefined = false,\n> = BaseComboboxRootProps<Value, Multiple>\n\nComboboxRoot.displayName = 'ComboboxRoot'\n\n// ============================================================================\n// ComboboxValue\n// ============================================================================\n\ntype ComboboxValueProps = React.ComponentProps<typeof BaseCombobox.Value>\n\nconst ComboboxValue = (props: ComboboxValueProps) => {\n  return <BaseCombobox.Value {...props} />\n}\n\nComboboxValue.displayName = 'ComboboxValue'\n\n// ============================================================================\n// ComboboxIcon\n// ============================================================================\n\ntype ComboboxIconProps = React.ComponentProps<typeof BaseCombobox.Icon>\n\nconst ComboboxIcon = ({ className, ...props }: ComboboxIconProps) => {\n  return <BaseCombobox.Icon className={cn('flex', className)} {...props} />\n}\n\nComboboxIcon.displayName = 'ComboboxIcon'\n\n// ============================================================================\n// ComboboxInput\n// ============================================================================\n\ntype ComboboxInputProps = React.ComponentProps<typeof BaseCombobox.Input>\n\nconst ComboboxInput = ({ className, ...props }: ComboboxInputProps) => {\n  return (\n    <BaseCombobox.Input\n      className={cn(\n        inputBaseStyles,\n        'shrink-0',\n        'group-[&]/control:w-auto group-[&]/control:flex-1 group-[&]/control:border-0 group-[&]/control:bg-transparent',\n        'group-[&]/chips:w-auto group-[&]/chips:min-w-12 group-[&]/chips:flex-1 group-[&]/chips:border-0 group-[&]/chips:bg-transparent group-[&]/chips:h-7',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxInput.displayName = 'ComboboxInput'\n\n// ============================================================================\n// ComboboxControl\n// ============================================================================\n\ntype ComboboxControlProps = React.ComponentProps<'div'>\n\nconst ComboboxControl = ({ className, ...props }: ComboboxControlProps) => {\n  return (\n    <div\n      className={cn(\n        inputBaseStyles,\n        'group/control flex items-center p-0 pr-1',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxControl.displayName = 'ComboboxControl'\n\n// ============================================================================\n// ComboboxClear\n// ============================================================================\n\ntype ComboboxClearProps = React.ComponentProps<typeof BaseCombobox.Clear>\n\nconst ComboboxClear = ({ className, ...props }: ComboboxClearProps) => {\n  return (\n    <BaseCombobox.Clear\n      className={cn(\n        'flex h-9 w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground hover:text-foreground',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxClear.displayName = 'ComboboxClear'\n\n// ============================================================================\n// ComboboxTrigger\n// ============================================================================\n\ntype ComboboxTriggerProps = React.ComponentProps<typeof BaseCombobox.Trigger>\n\nconst ComboboxTrigger = ({ className, ...props }: ComboboxTriggerProps) => {\n  return (\n    <BaseCombobox.Trigger\n      className={cn(\n        'flex h-9 w-fit min-w-6 items-center justify-center rounded bg-transparent p-0 text-muted-foreground hover:text-foreground',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxTrigger.displayName = 'ComboboxTrigger'\n\n// ============================================================================\n// ComboboxBackdrop\n// ============================================================================\n\ntype ComboboxBackdropProps = React.ComponentProps<typeof BaseCombobox.Backdrop>\n\nconst ComboboxBackdrop = ({ className, ...props }: ComboboxBackdropProps) => {\n  return (\n    <BaseCombobox.Backdrop\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n        'transition-opacity duration-200',\n        'data-starting-style:opacity-0 data-ending-style:opacity-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxBackdrop.displayName = 'ComboboxBackdrop'\n\n// ============================================================================\n// ComboboxPortal\n// ============================================================================\n\ntype ComboboxPortalProps = React.ComponentProps<typeof BaseCombobox.Portal>\n\nconst ComboboxPortal = (props: ComboboxPortalProps) => {\n  return <BaseCombobox.Portal {...props} />\n}\n\nComboboxPortal.displayName = 'ComboboxPortal'\n\n// ============================================================================\n// ComboboxPositioner\n// ============================================================================\n\ntype ComboboxPositionerProps = React.ComponentProps<typeof BaseCombobox.Positioner>\n\nconst ComboboxPositioner = ({ className, ...props }: ComboboxPositionerProps) => {\n  return (\n    <BaseCombobox.Positioner\n      className={cn('z-50 outline-none', className)}\n      sideOffset={4}\n      {...props}\n    />\n  )\n}\n\nComboboxPositioner.displayName = 'ComboboxPositioner'\n\n// ============================================================================\n// ComboboxPopup\n// ============================================================================\n\ntype ComboboxPopupProps = React.ComponentProps<typeof BaseCombobox.Popup>\n\nconst ComboboxPopup = ({ className, ...props }: ComboboxPopupProps) => {\n  return (\n    <BaseCombobox.Popup\n      className={cn(\n        'group flex flex-col min-w-(--anchor-width) max-h-[min(23rem,var(--available-height))] max-w-(--available-width) origin-(--transform-origin) rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity] duration-100',\n        'data-ending-style:scale-95 data-ending-style:opacity-0',\n        'data-starting-style:scale-95 data-starting-style:opacity-0',\n        'dark:shadow-none',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxPopup.displayName = 'ComboboxPopup'\n\n// ============================================================================\n// ComboboxList\n// ============================================================================\n\ntype ComboboxListProps = React.ComponentProps<typeof BaseCombobox.List>\n\nconst ComboboxList = ({ className, ...props }: ComboboxListProps) => {\n  return (\n    <BaseCombobox.List\n      className={cn(\n        'outline-0 overflow-y-auto scroll-py-2 overscroll-contain flex-1 min-h-0 data-empty:p-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxList.displayName = 'ComboboxList'\n\n// ============================================================================\n// ComboboxEmpty\n// ============================================================================\n\ntype ComboboxEmptyProps = React.ComponentProps<typeof BaseCombobox.Empty>\n\nconst ComboboxEmpty = ({ className, ...props }: ComboboxEmptyProps) => {\n  return (\n    <BaseCombobox.Empty\n      className={cn(\n        'shrink-0 p-4 text-sm leading-4 text-muted-foreground empty:m-0 empty:p-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxEmpty.displayName = 'ComboboxEmpty'\n\n// ============================================================================\n// ComboboxItem\n// ============================================================================\n\ntype ComboboxItemProps = React.ComponentProps<typeof BaseCombobox.Item>\n\nconst ComboboxItem = ({ className, ...props }: ComboboxItemProps) => {\n  return (\n    <BaseCombobox.Item\n      className={cn(\n        'flex items-center justify-between gap-2 py-2 px-4 text-sm leading-4 outline-none select-none',\n        'data-selected:bg-accent data-selected:text-accent-foreground',\n        'data-highlighted:bg-accent data-highlighted:text-accent-foreground',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxItem.displayName = 'ComboboxItem'\n\n// ============================================================================\n// ComboboxItemText\n// ============================================================================\n\ntype ComboboxItemTextProps = React.ComponentProps<'span'>\n\nconst ComboboxItemText = ({ className, ...props }: ComboboxItemTextProps) => {\n  return <span className={className} {...props} />\n}\n\nComboboxItemText.displayName = 'ComboboxItemText'\n\n// ============================================================================\n// ComboboxItemIndicator\n// ============================================================================\n\ntype ComboboxItemIndicatorProps = React.ComponentProps<typeof BaseCombobox.ItemIndicator>\n\nconst ComboboxItemIndicator = ({ className, ...props }: ComboboxItemIndicatorProps) => {\n  return <BaseCombobox.ItemIndicator className={className} {...props} />\n}\n\nComboboxItemIndicator.displayName = 'ComboboxItemIndicator'\n\n// ============================================================================\n// ComboboxGroup\n// ============================================================================\n\ntype ComboboxGroupProps = React.ComponentProps<typeof BaseCombobox.Group>\n\nconst ComboboxGroup = ({ className, ...props }: ComboboxGroupProps) => {\n  return <BaseCombobox.Group className={className} {...props} />\n}\n\nComboboxGroup.displayName = 'ComboboxGroup'\n\n// ============================================================================\n// ComboboxGroupLabel\n// ============================================================================\n\ntype ComboboxGroupLabelProps = React.ComponentProps<typeof BaseCombobox.GroupLabel>\n\nconst ComboboxGroupLabel = ({ className, ...props }: ComboboxGroupLabelProps) => {\n  return (\n    <BaseCombobox.GroupLabel\n      className={cn(\n        'px-4 py-1.5 text-sm font-semibold sticky top-0 z-1 bg-background',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxGroupLabel.displayName = 'ComboboxGroupLabel'\n\n// ============================================================================\n// ComboboxCollection\n// ============================================================================\n\ntype ComboboxCollectionProps = React.ComponentProps<typeof BaseCombobox.Collection>\n\nconst ComboboxCollection = (props: ComboboxCollectionProps) => {\n  return <BaseCombobox.Collection {...props} />\n}\n\nComboboxCollection.displayName = 'ComboboxCollection'\n\n// ============================================================================\n// ComboboxSeparator\n// ============================================================================\n\ntype ComboboxSeparatorProps = React.ComponentProps<typeof BaseCombobox.Separator>\n\nconst ComboboxSeparator = ({ className, ...props }: ComboboxSeparatorProps) => {\n  return (\n    <BaseCombobox.Separator\n      className={cn('my-1 border-t border-border', className)}\n      {...props}\n    />\n  )\n}\n\nComboboxSeparator.displayName = 'ComboboxSeparator'\n\n// ============================================================================\n// ComboboxStatus\n// ============================================================================\n\ntype ComboboxStatusProps = React.ComponentProps<typeof BaseCombobox.Status>\n\nconst ComboboxStatus = ({ className, ...props }: ComboboxStatusProps) => {\n  return (\n    <BaseCombobox.Status\n      className={cn(\n        'flex items-center gap-2 py-1 px-4 text-sm text-muted-foreground empty:hidden',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxStatus.displayName = 'ComboboxStatus'\n\n// ============================================================================\n// ComboboxChips\n// ============================================================================\n\ntype ComboboxChipsProps = React.ComponentProps<typeof BaseCombobox.Chips>\n\nconst ComboboxChips = React.forwardRef<HTMLDivElement, ComboboxChipsProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <BaseCombobox.Chips\n        ref={ref}\n        className={cn(\n          inputBaseStyles,\n          'group/chips flex flex-wrap items-center gap-1 px-1 py-1 h-auto',\n          className,\n        )}\n        {...props}\n      />\n    )\n  },\n)\n\nComboboxChips.displayName = 'ComboboxChips'\n\n// ============================================================================\n// ComboboxChip\n// ============================================================================\n\ntype ComboboxChipProps = React.ComponentProps<typeof BaseCombobox.Chip>\n\nconst ComboboxChip = ({ className, ...props }: ComboboxChipProps) => {\n  return (\n    <BaseCombobox.Chip\n      className={cn(\n        'flex items-center gap-1 rounded-md bg-muted px-1.5 py-0.5 text-xs text-foreground font-medium',\n        'data-highlighted:bg-primary data-highlighted:text-primary-foreground',\n        'focus-within:bg-primary focus-within:text-primary-foreground',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxChip.displayName = 'ComboboxChip'\n\n// ============================================================================\n// ComboboxChipRemove\n// ============================================================================\n\ntype ComboboxChipRemoveProps = React.ComponentProps<typeof BaseCombobox.ChipRemove>\n\nconst ComboboxChipRemove = ({ className, ...props }: ComboboxChipRemoveProps) => {\n  return (\n    <BaseCombobox.ChipRemove\n      className={cn(\n        'rounded-md p-0.5 text-inherit hover:bg-muted-foreground/20',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxChipRemove.displayName = 'ComboboxChipRemove'\n\n// ============================================================================\n// ComboboxArrow\n// ============================================================================\n\ntype ComboboxArrowProps = React.ComponentProps<typeof BaseCombobox.Arrow>\n\nconst ComboboxArrow = ({ className, ...props }: ComboboxArrowProps) => {\n  return (\n    <BaseCombobox.Arrow\n      className={cn(\n        'flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nComboboxArrow.displayName = 'ComboboxArrow'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  BaseCombobox as Combobox,\n  ComboboxRoot,\n  ComboboxValue,\n  ComboboxIcon,\n  ComboboxInput,\n  ComboboxControl,\n  ComboboxClear,\n  ComboboxTrigger,\n  ComboboxBackdrop,\n  ComboboxPortal,\n  ComboboxPositioner,\n  ComboboxPopup,\n  ComboboxList,\n  ComboboxEmpty,\n  ComboboxItem,\n  ComboboxItemText,\n  ComboboxItemIndicator,\n  ComboboxGroup,\n  ComboboxGroupLabel,\n  ComboboxCollection,\n  ComboboxSeparator,\n  ComboboxStatus,\n  ComboboxChips,\n  ComboboxChip,\n  ComboboxChipRemove,\n  ComboboxArrow,\n}\n\nexport type {\n  ComboboxRootProps,\n  ComboboxValueProps,\n  ComboboxIconProps,\n  ComboboxInputProps,\n  ComboboxControlProps,\n  ComboboxClearProps,\n  ComboboxTriggerProps,\n  ComboboxBackdropProps,\n  ComboboxPortalProps,\n  ComboboxPositionerProps,\n  ComboboxPopupProps,\n  ComboboxListProps,\n  ComboboxEmptyProps,\n  ComboboxItemProps,\n  ComboboxItemTextProps,\n  ComboboxItemIndicatorProps,\n  ComboboxGroupProps,\n  ComboboxGroupLabelProps,\n  ComboboxCollectionProps,\n  ComboboxSeparatorProps,\n  ComboboxStatusProps,\n  ComboboxChipsProps,\n  ComboboxChipProps,\n  ComboboxChipRemoveProps,\n  ComboboxArrowProps,\n}\n"],"mappings":"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"}