@funhub/platform 0.1.10 → 0.1.13

package/dist/components/ui/combobox.d.mts

@@ -0,0 +1,239 @@
+
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Combobox } from "@base-ui/react";
+
+//#region components/ui/combobox.d.ts
+/** ComboboxInput 组件属性。 */
+type ComboboxInputProps = Combobox.Input.Props & {
+  /** 是否显示触发按钮。 */showTrigger?: boolean; /** 是否显示清空按钮。 */
+  showClear?: boolean;
+};
+/** ComboboxChip 组件属性。 */
+type ComboboxChipProps = Combobox.Chip.Props & {
+  /** 是否显示移除按钮。 */showRemove?: boolean;
+};
+/** Combobox 根组件属性。 */
+type ComboboxProps<Value, Multiple extends boolean | undefined = false> = Combobox.Root.Props<Value, Multiple> & {
+  /**
+   * 当前选中值（受控）。
+   */
+  value?: Combobox.Root.Props<Value, Multiple>['value'];
+  /**
+   * 初始选中值（非受控）。
+   */
+  defaultValue?: Combobox.Root.Props<Value, Multiple>['defaultValue'];
+  /**
+   * 选中值变化回调。
+   */
+  onValueChange?: Combobox.Root.Props<Value, Multiple>['onValueChange'];
+  /**
+   * 当前是否展开（受控）。
+   */
+  open?: Combobox.Root.Props<Value, Multiple>['open'];
+  /**
+   * 初始是否展开（非受控）。
+   */
+  defaultOpen?: Combobox.Root.Props<Value, Multiple>['defaultOpen'];
+  /**
+   * 展开状态变化回调。
+   */
+  onOpenChange?: Combobox.Root.Props<Value, Multiple>['onOpenChange'];
+  /**
+   * 是否启用多选。
+   * @default false
+   */
+  multiple?: Combobox.Root.Props<Value, Multiple>['multiple'];
+  /**
+   * 过滤时是否自动高亮首个匹配项。
+   * @default false
+   */
+  autoHighlight?: Combobox.Root.Props<Value, Multiple>['autoHighlight'];
+  /**
+   * 指针移入时是否高亮项。
+   * @default true
+   */
+  highlightItemOnHover?: Combobox.Root.Props<Value, Multiple>['highlightItemOnHover'];
+  /**
+   * 是否禁用交互。
+   * @default false
+   */
+  disabled?: Combobox.Root.Props<Value, Multiple>['disabled'];
+};
+/** ComboboxContent 组件属性。 */
+type ComboboxContentProps = Combobox.Popup.Props & {
+  /**
+   * 弹层挂载时的初始焦点策略。
+   */
+  initialFocus?: Combobox.Popup.Props['initialFocus'];
+  /**
+   * 弹层关闭后的焦点回退策略。
+   */
+  finalFocus?: Combobox.Popup.Props['finalFocus'];
+  /**
+   * 相对锚点的弹出方向。
+   * @default 'bottom'
+   */
+  side?: Combobox.Positioner.Props['side'];
+  /**
+   * 在弹出方向上的偏移量（像素）。
+   * @default 0
+   */
+  sideOffset?: Combobox.Positioner.Props['sideOffset'];
+  /**
+   * 相对锚点的对齐方式。
+   * @default 'center'
+   */
+  align?: Combobox.Positioner.Props['align'];
+  /**
+   * 在对齐轴上的附加偏移量（像素）。
+   * @default 0
+   */
+  alignOffset?: Combobox.Positioner.Props['alignOffset'];
+  /**
+   * 自定义定位锚点。
+   */
+  anchor?: Combobox.Positioner.Props['anchor'];
+};
+/** ComboboxValue 组件属性。 */
+type ComboboxValueProps = Combobox.Value.Props & {
+  /** 回显内容。 */children?: React.ReactNode; /** 自定义样式类名。 */
+  className?: string;
+};
+/** ComboboxTrigger 组件属性。 */
+type ComboboxTriggerProps = Combobox.Trigger.Props & {
+  /** 触发器内容。 */children?: Combobox.Trigger.Props['children']; /** 自定义类名。 */
+  className?: Combobox.Trigger.Props['className'];
+};
+/** ComboboxList 组件属性。 */
+type ComboboxListProps = Combobox.List.Props & {
+  /** 列表项内容。 */children?: Combobox.List.Props['children']; /** 自定义类名。 */
+  className?: Combobox.List.Props['className'];
+};
+/** ComboboxItem 组件属性。 */
+type ComboboxItemProps = Combobox.Item.Props & {
+  /** 选项内容。 */children?: Combobox.Item.Props['children']; /** 自定义类名。 */
+  className?: Combobox.Item.Props['className'];
+};
+/** ComboboxGroup 组件属性。 */
+type ComboboxGroupProps = Combobox.Group.Props & {
+  /** 分组内容。 */children?: Combobox.Group.Props['children']; /** 自定义类名。 */
+  className?: Combobox.Group.Props['className'];
+};
+/** ComboboxLabel 组件属性。 */
+type ComboboxLabelProps = Combobox.GroupLabel.Props & {
+  /** 分组标题内容。 */children?: Combobox.GroupLabel.Props['children']; /** 自定义类名。 */
+  className?: Combobox.GroupLabel.Props['className'];
+};
+/** ComboboxCollection 组件属性。 */
+type ComboboxCollectionProps = Combobox.Collection.Props & {
+  /** 集合渲染内容。 */children?: Combobox.Collection.Props['children'];
+};
+/** ComboboxEmpty 组件属性。 */
+type ComboboxEmptyProps = Combobox.Empty.Props & {
+  /** 空态提示内容。 */children?: Combobox.Empty.Props['children']; /** 自定义类名。 */
+  className?: Combobox.Empty.Props['className'];
+};
+/** ComboboxSeparator 组件属性。 */
+type ComboboxSeparatorProps = Combobox.Separator.Props & {
+  /** 自定义分割线类名。 */className?: Combobox.Separator.Props['className'];
+};
+/** ComboboxChips 组件属性。 */
+type ComboboxChipsProps = React.ComponentPropsWithRef<typeof Combobox.Chips> & Combobox.Chips.Props & {
+  /** 标签区内容。 */children?: Combobox.Chips.Props['children']; /** 自定义类名。 */
+  className?: Combobox.Chips.Props['className'];
+};
+/** ComboboxChipsInput 组件属性。 */
+type ComboboxChipsInputProps = Combobox.Input.Props & {
+  /** 输入框占位文案。 */placeholder?: Combobox.Input.Props['placeholder']; /** 自定义类名。 */
+  className?: Combobox.Input.Props['className'];
+};
+/** Combobox 组件。 */
+declare function Combobox$1<Value, Multiple extends boolean | undefined = false>({
+  ...props
+}: ComboboxProps<Value, Multiple>): react_jsx_runtime0.JSX.Element;
+/** ComboboxValue 组件。 */
+declare function ComboboxValue({
+  ...props
+}: ComboboxValueProps): react_jsx_runtime0.JSX.Element;
+/** ComboboxTrigger 组件。 */
+declare function ComboboxTrigger({
+  className,
+  children,
+  ...props
+}: ComboboxTriggerProps): react_jsx_runtime0.JSX.Element;
+/** ComboboxInput 组件。 */
+declare function ComboboxInput({
+  className,
+  children,
+  disabled,
+  showTrigger,
+  showClear,
+  ...props
+}: ComboboxInputProps): react_jsx_runtime0.JSX.Element;
+/** ComboboxContent 组件。 */
+declare function ComboboxContent({
+  className,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  anchor,
+  ...props
+}: ComboboxContentProps): react_jsx_runtime0.JSX.Element;
+/** ComboboxList 组件。 */
+declare function ComboboxList({
+  className,
+  ...props
+}: ComboboxListProps): react_jsx_runtime0.JSX.Element;
+/** ComboboxItem 组件。 */
+declare function ComboboxItem({
+  className,
+  children,
+  ...props
+}: ComboboxItemProps): react_jsx_runtime0.JSX.Element;
+/** ComboboxGroup 组件。 */
+declare function ComboboxGroup({
+  className,
+  ...props
+}: ComboboxGroupProps): react_jsx_runtime0.JSX.Element;
+/** ComboboxLabel 组件。 */
+declare function ComboboxLabel({
+  className,
+  ...props
+}: ComboboxLabelProps): react_jsx_runtime0.JSX.Element;
+/** ComboboxCollection 组件。 */
+declare function ComboboxCollection({
+  ...props
+}: ComboboxCollectionProps): react_jsx_runtime0.JSX.Element;
+/** ComboboxEmpty 组件。 */
+declare function ComboboxEmpty({
+  className,
+  ...props
+}: ComboboxEmptyProps): react_jsx_runtime0.JSX.Element;
+/** ComboboxSeparator 组件。 */
+declare function ComboboxSeparator({
+  className,
+  ...props
+}: ComboboxSeparatorProps): react_jsx_runtime0.JSX.Element;
+/** ComboboxChips 组件。 */
+declare function ComboboxChips({
+  className,
+  ...props
+}: ComboboxChipsProps): react_jsx_runtime0.JSX.Element;
+/** ComboboxChip 组件。 */
+declare function ComboboxChip({
+  className,
+  children,
+  showRemove,
+  ...props
+}: ComboboxChipProps): react_jsx_runtime0.JSX.Element;
+/** ComboboxChipsInput 组件。 */
+declare function ComboboxChipsInput({
+  className,
+  ...props
+}: ComboboxChipsInputProps): react_jsx_runtime0.JSX.Element;
+/** useComboboxAnchor 工具定义。 */
+declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
+//#endregion
+export { Combobox$1 as Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor };

package/dist/components/ui/combobox.mjs

@@ -1,270 +1,2 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import * as d from "react";
-import { Button as u } from "./button.mjs";
-import { InputGroup as x, InputGroupInput as f, InputGroupAddon as h, InputGroupButton as b } from "./input-group.mjs";
-import { cn as a } from "../../utils/cn.mjs";
-import l from "../../node_modules/.pnpm/lucide-react@0.562.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/x.mjs";
-import g from "../../node_modules/.pnpm/lucide-react@0.562.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/check.mjs";
-import C from "../../node_modules/.pnpm/lucide-react@0.562.0_react@19.2.3/node_modules/lucide-react/dist/esm/icons/chevron-down.mjs";
-import { ComboboxRoot as v } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/root/ComboboxRoot.mjs";
-import { ComboboxChip as w } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/chip/ComboboxChip.mjs";
-import { ComboboxChipRemove as y } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/chip-remove/ComboboxChipRemove.mjs";
-import { ComboboxChips as N } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/chips/ComboboxChips.mjs";
-import { ComboboxInput as p } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/input/ComboboxInput.mjs";
-import { ComboboxCollection as I } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/collection/ComboboxCollection.mjs";
-import { ComboboxPortal as z } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortal.mjs";
-import { ComboboxPositioner as $ } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositioner.mjs";
-import { ComboboxPopup as G } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/popup/ComboboxPopup.mjs";
-import { ComboboxEmpty as j } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/empty/ComboboxEmpty.mjs";
-import { ComboboxGroup as k } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/group/ComboboxGroup.mjs";
-import { ComboboxItem as L } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/item/ComboboxItem.mjs";
-import { ComboboxItemIndicator as R } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/item-indicator/ComboboxItemIndicator.mjs";
-import { ComboboxGroupLabel as _ } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/group-label/ComboboxGroupLabel.mjs";
-import { ComboboxList as E } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/list/ComboboxList.mjs";
-import { Separator as P } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/separator/Separator.mjs";
-import { ComboboxTrigger as T } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/trigger/ComboboxTrigger.mjs";
-import { ComboboxValue as V } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/value/ComboboxValue.mjs";
-import { ComboboxClear as A } from "../../node_modules/.pnpm/@base-ui_react@1.0.0_@types_react@19.2.7_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/combobox/clear/ComboboxClear.mjs";
-const co = v;
-function uo({ ...o }) {
-  return /* @__PURE__ */ t(V, { "data-slot": "combobox-value", ...o });
-}
-function B({
-  className: o,
-  children: e,
-  ...r
-}) {
-  return /* @__PURE__ */ i(
-    T,
-    {
-      "data-slot": "combobox-trigger",
-      className: a("[&_svg:not([class*='size-'])]:size-4", o),
-      ...r,
-      children: [
-        e,
-        /* @__PURE__ */ t(C, { className: "text-muted-foreground size-4 pointer-events-none" })
-      ]
-    }
-  );
-}
-function S({ className: o, ...e }) {
-  return /* @__PURE__ */ t(A, { "data-slot": "combobox-clear", className: a(o), ...e, render: /* @__PURE__ */ t(b, { variant: "ghost", size: "icon-xs", children: /* @__PURE__ */ t(l, { className: "pointer-events-none" }) }) });
-}
-function xo({
-  className: o,
-  children: e,
-  disabled: r = !1,
-  showTrigger: n = !0,
-  showClear: m = !1,
-  ...s
-}) {
-  return /* @__PURE__ */ i(x, { className: a("w-auto", o), children: [
-    /* @__PURE__ */ t(
-      p,
-      {
-        render: /* @__PURE__ */ t(f, { disabled: r }),
-        ...s
-      }
-    ),
-    /* @__PURE__ */ i(h, { align: "inline-end", children: [
-      n && /* @__PURE__ */ t(
-        b,
-        {
-          size: "icon-xs",
-          variant: "ghost",
-          render: /* @__PURE__ */ t(B, {}),
-          "data-slot": "input-group-button",
-          className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent",
-          disabled: r
-        }
-      ),
-      m && /* @__PURE__ */ t(S, { disabled: r })
-    ] }),
-    e
-  ] });
-}
-function fo({
-  className: o,
-  side: e = "bottom",
-  sideOffset: r = 6,
-  align: n = "start",
-  alignOffset: m = 0,
-  anchor: s,
-  ...c
-}) {
-  return /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(
-    $,
-    {
-      side: e,
-      sideOffset: r,
-      align: n,
-      alignOffset: m,
-      anchor: s,
-      className: "isolate z-50",
-      children: /* @__PURE__ */ t(
-        G,
-        {
-          "data-slot": "combobox-content",
-          "data-chips": !!s,
-          className: a("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 max-h-72 min-w-36 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 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) data-[chips=true]:min-w-(--anchor-width)", o),
-          ...c
-        }
-      )
-    }
-  ) });
-}
-function ho({ className: o, ...e }) {
-  return /* @__PURE__ */ t(
-    E,
-    {
-      "data-slot": "combobox-list",
-      className: a(
-        "no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto p-1 data-empty:p-0 overflow-y-auto overscroll-contain",
-        o
-      ),
-      ...e
-    }
-  );
-}
-function go({
-  className: o,
-  children: e,
-  ...r
-}) {
-  return /* @__PURE__ */ i(
-    L,
-    {
-      "data-slot": "combobox-item",
-      className: a(
-        "data-highlighted:bg-accent data-highlighted:text-accent-foreground not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='size-'])]:size-4 relative flex w-full cursor-default items-center outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-        o
-      ),
-      ...r,
-      children: [
-        e,
-        /* @__PURE__ */ t(R, { render: /* @__PURE__ */ t("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ t(g, { className: "pointer-events-none" }) }) })
-      ]
-    }
-  );
-}
-function Co({ className: o, ...e }) {
-  return /* @__PURE__ */ t(
-    k,
-    {
-      "data-slot": "combobox-group",
-      className: a(o),
-      ...e
-    }
-  );
-}
-function vo({
-  className: o,
-  ...e
-}) {
-  return /* @__PURE__ */ t(
-    _,
-    {
-      "data-slot": "combobox-label",
-      className: a("text-muted-foreground px-2 py-1.5 text-xs", o),
-      ...e
-    }
-  );
-}
-function wo({ ...o }) {
-  return /* @__PURE__ */ t(I, { "data-slot": "combobox-collection", ...o });
-}
-function yo({ className: o, ...e }) {
-  return /* @__PURE__ */ t(
-    j,
-    {
-      "data-slot": "combobox-empty",
-      className: a("text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-empty/combobox-content:flex", o),
-      ...e
-    }
-  );
-}
-function No({
-  className: o,
-  ...e
-}) {
-  return /* @__PURE__ */ t(
-    P,
-    {
-      "data-slot": "combobox-separator",
-      className: a("bg-border -mx-1 my-1 h-px", o),
-      ...e
-    }
-  );
-}
-function Io({
-  className: o,
-  ...e
-}) {
-  return /* @__PURE__ */ t(
-    N,
-    {
-      "data-slot": "combobox-chips",
-      className: a("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-[3px] has-aria-invalid:ring-[3px] has-data-[slot=combobox-chip]:px-1", o),
-      ...e
-    }
-  );
-}
-function zo({
-  className: o,
-  children: e,
-  showRemove: r = !0,
-  ...n
-}) {
-  return /* @__PURE__ */ i(
-    w,
-    {
-      "data-slot": "combobox-chip",
-      className: a(
-        "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-data-[slot=combobox-chip-remove]:pr-0 has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:opacity-50",
-        o
-      ),
-      ...n,
-      children: [
-        e,
-        r && /* @__PURE__ */ t(y, { className: "-ml-1 opacity-50 hover:opacity-100", "data-slot": "combobox-chip-remove", render: /* @__PURE__ */ t(u, { variant: "ghost", size: "icon-xs", children: /* @__PURE__ */ t(l, { className: "pointer-events-none" }) }) })
-      ]
-    }
-  );
-}
-function $o({
-  className: o,
-  ...e
-}) {
-  return /* @__PURE__ */ t(
-    p,
-    {
-      "data-slot": "combobox-chip-input",
-      className: a(
-        "min-w-16 flex-1 outline-none",
-        o
-      ),
-      ...e
-    }
-  );
-}
-function Go() {
-  return d.useRef(null);
-}
-export {
-  co as Combobox,
-  zo as ComboboxChip,
-  Io as ComboboxChips,
-  $o as ComboboxChipsInput,
-  wo as ComboboxCollection,
-  fo as ComboboxContent,
-  yo as ComboboxEmpty,
-  Co as ComboboxGroup,
-  xo as ComboboxInput,
-  go as ComboboxItem,
-  vo as ComboboxLabel,
-  ho as ComboboxList,
-  No as ComboboxSeparator,
-  B as ComboboxTrigger,
-  uo as ComboboxValue,
-  Go as useComboboxAnchor
-};
+
+"use client";import{cn as e}from"../../utils/cn.mjs";import{Button as t}from"./button.mjs";import{InputGroup as n,InputGroupAddon as r,InputGroupButton as i,InputGroupInput as a}from"./input-group.mjs";import*as o from"react";import{CheckIcon as s,ChevronDownIcon as c,XIcon as l}from"lucide-react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{Combobox as f}from"@base-ui/react";function p({...e}){return u(f.Root,{...e})}function m({...e}){return u(f.Value,{"data-slot":`combobox-value`,...e})}function h({className:t,children:n,...r}){return d(f.Trigger,{"data-slot":`combobox-trigger`,className:e(`[&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4`,t),...r,children:[n,u(c,{className:`text-muted-foreground w-4 h-4 pointer-events-none`})]})}function g({className:t,...n}){return u(f.Clear,{"data-slot":`combobox-clear`,className:e(t),...n,render:u(i,{variant:`ghost`,size:`icon-xs`,children:u(l,{className:`pointer-events-none`})})})}function _({className:t,children:o,disabled:s=!1,showTrigger:c=!0,showClear:l=!1,...p}){return d(n,{className:e(`w-auto`,t),children:[u(f.Input,{render:u(a,{disabled:s}),...p}),d(r,{align:`inline-end`,children:[c&&u(i,{size:`icon-xs`,variant:`ghost`,render:u(h,{}),"data-slot":`input-group-button`,className:`group-has-[data-slot=combobox-clear]/input-group:hidden data-[pressed]:bg-transparent`,disabled:s}),l&&u(g,{disabled:s})]}),o]})}function v({className:t,side:n=`bottom`,sideOffset:r=6,align:i=`start`,alignOffset:a=0,anchor:o,...s}){return u(f.Portal,{children:u(f.Positioner,{side:n,sideOffset:r,align:i,alignOffset:a,anchor:o,className:`isolate z-50`,children:u(f.Popup,{"data-slot":`combobox-content`,"data-chips":!!o,className:e(`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 max-h-72 min-w-36 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 group/combobox-content relative max-h-[var(--available-height)] w-[var(--anchor-width)] max-w-[var(--available-width)] min-w-[calc(var(--anchor-width)+1.75rem)] origin-[var(--transform-origin)] data-[chips=true]:min-w-[var(--anchor-width)]`,t),...s})})})}function y({className:t,...n}){return u(f.List,{"data-slot":`combobox-list`,className:e(`no-scrollbar max-h-[min(calc(18rem-2.25rem),calc(var(--available-height)-2.25rem))] scroll-py-1 overflow-y-auto p-1 data-[empty]:p-0 overscroll-contain`,t),...n})}function b({className:t,children:n,...r}){return d(f.Item,{"data-slot":`combobox-item`,className:e(`data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[highlighted]:[&_*]:text-accent-foreground gap-2 rounded-md py-1 pr-8 pl-1.5 text-sm [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 relative flex w-full cursor-default items-center outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,t),...r,children:[n,u(f.ItemIndicator,{render:u(`span`,{className:`pointer-events-none absolute right-2 flex w-4 h-4 items-center justify-center`,children:u(s,{className:`pointer-events-none`})})})]})}function x({className:t,...n}){return u(f.Group,{"data-slot":`combobox-group`,className:e(t),...n})}function S({className:t,...n}){return u(f.GroupLabel,{"data-slot":`combobox-label`,className:e(`text-muted-foreground px-2 py-1.5 text-xs`,t),...n})}function C({...e}){return u(f.Collection,{"data-slot":`combobox-collection`,...e})}function w({className:t,...n}){return u(f.Empty,{"data-slot":`combobox-empty`,className:e(`text-muted-foreground hidden w-full justify-center py-2 text-center text-sm group-data-[empty]/combobox-content:flex`,t),...n})}function T({className:t,...n}){return u(f.Separator,{"data-slot":`combobox-separator`,className:e(`bg-border -mx-1 my-1 h-px`,t),...n})}function E({className:t,...n}){return u(f.Chips,{"data-slot":`combobox-chips`,className:e(`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-[3px] has-[aria-invalid]:ring-[3px] has-[data-slot=combobox-chip]:px-1`,t),...n})}function D({className:n,children:r,showRemove:i=!0,...a}){return d(f.Chip,{"data-slot":`combobox-chip`,className:e(`bg-muted text-foreground flex h-[1.3125rem] w-fit items-center justify-center gap-1 rounded-sm px-1.5 text-xs font-medium whitespace-nowrap has-[data-slot=combobox-chip-remove]:pr-0 has-[:disabled]:pointer-events-none has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50`,n),...a,children:[r,i&&u(f.ChipRemove,{className:`-ml-1 opacity-50 hover:opacity-100`,"data-slot":`combobox-chip-remove`,render:u(t,{variant:`ghost`,size:`icon-xs`,children:u(l,{className:`pointer-events-none`})})})]})}function O({className:t,...n}){return u(f.Input,{"data-slot":`combobox-chip-input`,className:e(`min-w-16 flex-1 outline-none`,t),...n})}function k(){return o.useRef(null)}export{p as Combobox,D as ComboboxChip,E as ComboboxChips,O as ComboboxChipsInput,C as ComboboxCollection,v as ComboboxContent,w as ComboboxEmpty,x as ComboboxGroup,_ as ComboboxInput,b as ComboboxItem,S as ComboboxLabel,y as ComboboxList,T as ComboboxSeparator,h as ComboboxTrigger,m as ComboboxValue,k as useComboboxAnchor};