impact-nova 2.0.9 → 2.1.0-alpha.2

package/dist/components/ui/chips.js

@@ -1,170 +0,0 @@
-import { jsxs as l, jsx as e, Fragment as v } from "react/jsx-runtime";
-import * as C from "react";
-import { Slot as w } from "@radix-ui/react-slot";
-import { cva as j } from "class-variance-authority";
-import { Checkmark as I, Cross as R } from "impact-nova-icons";
-import { cn as m } from "../../lib/utils.js";
-import { useImpactNovaI18n as V } from "../../i18n/ImpactNovaI18nContext.js";
-function _({
-  selected: n,
-  disabled: d
-}) {
-  return d ? /* @__PURE__ */ e(
-    "span",
-    {
-      className: "relative flex size-5 shrink-0 items-center justify-center",
-      "aria-hidden": !0,
-      children: n ? /* @__PURE__ */ l(v, { children: [
-        /* @__PURE__ */ e("span", { className: "absolute size-5 rounded-full border-[1.25px] border-disabled-border" }),
-        /* @__PURE__ */ e("span", { className: "absolute size-[13px] rounded-full bg-disabled-foreground" })
-      ] }) : /* @__PURE__ */ e("span", { className: "absolute size-5 rounded-full border border-disabled-border bg-transparent" })
-    }
-  ) : /* @__PURE__ */ e(
-    "span",
-    {
-      className: "relative flex size-5 shrink-0 items-center justify-center",
-      "aria-hidden": !0,
-      children: n ? /* @__PURE__ */ l(v, { children: [
-        /* @__PURE__ */ e("span", { className: "absolute size-5 rounded-full border-[1.25px] border-brand" }),
-        /* @__PURE__ */ e("span", { className: "absolute size-[13px] rounded-full bg-brand" })
-      ] }) : /* @__PURE__ */ e("span", { className: "absolute size-5 rounded-full border border-border bg-transparent" })
-    }
-  );
-}
-const S = j(
-  "inline-flex min-h-8 max-w-full min-w-0 items-center gap-1 border text-sm font-medium leading-5 transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring/25 focus-visible:ring-offset-1 focus-visible:ring-offset-canvas disabled:pointer-events-none disabled:opacity-100",
-  {
-    variants: {
-      variant: {
-        /** IA default chip — same as `neutral` (Figma “Default” type). */
-        default: "border-border bg-canvas-elevated text-[#60697d] hover:bg-accent hover:border-primary-hover hover:text-primary-hover",
-        /** Figma default / outline chip */
-        neutral: "border-border bg-canvas-elevated text-[#60697d] hover:bg-accent hover:border-primary-hover hover:text-primary-hover",
-        /** Alias for neutral (legacy docs) */
-        outline: "border-border bg-canvas-elevated text-[#60697d] hover:bg-accent hover:border-primary-hover hover:text-primary-hover",
-        /** Solid brand (legacy “default”) */
-        primary: "border-transparent bg-brand text-brand-foreground hover:bg-brand-strong",
-        secondary: "border-transparent bg-secondary text-secondary-foreground",
-        tertiary: "border border-stroke-field bg-canvas text-content-tertiary hover:bg-accent hover:text-secondary-hover-foreground hover:border-secondary-hover-foreground",
-        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive-hover"
-      },
-      shape: {
-        rounded: "rounded-xl",
-        pill: "rounded-full"
-      },
-      size: {
-        sm: "min-h-7 gap-1 px-2 py-1 text-xs leading-4",
-        md: "px-3 py-1.5",
-        lg: "min-h-9 gap-1.5 px-4 py-2 text-sm leading-5"
-      },
-      selected: {
-        true: "",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "default",
-        selected: !0,
-        class: "border-brand bg-canvas-elevated text-brand hover:border-brand hover:bg-canvas-elevated hover:text-brand"
-      },
-      {
-        variant: "neutral",
-        selected: !0,
-        class: "border-brand bg-canvas-elevated text-brand hover:border-brand hover:bg-canvas-elevated hover:text-brand"
-      },
-      {
-        variant: "outline",
-        selected: !0,
-        class: "border-brand bg-canvas-elevated text-brand hover:border-brand hover:bg-canvas-elevated hover:text-brand"
-      }
-    ],
-    defaultVariants: {
-      variant: "default",
-      shape: "rounded",
-      size: "md",
-      selected: !1
-    }
-  }
-), B = C.forwardRef(
-  ({
-    className: n,
-    variant: d,
-    size: b,
-    shape: c,
-    selected: r = !1,
-    selectionMode: a = "none",
-    trailing: s,
-    onRemove: f,
-    removable: h,
-    asChild: p = !1,
-    disabled: o,
-    children: i,
-    ...g
-  }, x) => {
-    const { t: y } = V(), N = p ? w : "div", t = d ?? "default", u = !!(r && (t === "default" || t === "neutral" || t === "outline")), k = t === "primary" ? r ? "text-brand-foreground" : "text-brand-foreground/75" : t === "destructive" ? r ? "text-destructive-foreground" : "text-destructive-foreground/75" : t === "secondary" ? r ? "text-secondary-foreground" : "text-secondary-foreground/80" : r ? "text-brand" : "text-[#60697d]";
-    return /* @__PURE__ */ l(
-      N,
-      {
-        ref: x,
-        className: m(
-          S({
-            variant: d,
-            size: b,
-            shape: c,
-            selected: u
-          }),
-          o && "!border-disabled-border !bg-disabled-surface !text-[#b4bac7] hover:!border-disabled-border hover:!bg-disabled-surface hover:!text-[#b4bac7] [&_.chip-trailing]:!text-[#b4bac7] hover:[&_.chip-trailing]:!text-[#b4bac7] [&_svg]:!text-[#b4bac7]",
-          o && u && "!border-disabled-border !text-disabled-foreground",
-          n
-        ),
-        "data-component": "chip",
-        "data-variant": t,
-        "data-size": b ?? "md",
-        "data-shape": c ?? "rounded",
-        "data-selected": r ? "true" : "false",
-        "data-selection-mode": a,
-        role: a !== "none" ? "button" : void 0,
-        tabIndex: a !== "none" && !o ? 0 : void 0,
-        "aria-disabled": o || void 0,
-        "aria-pressed": a === "single" ? r : void 0,
-        "aria-checked": a === "multi" ? r : void 0,
-        ...g,
-        children: [
-          a === "single" && /* @__PURE__ */ e("span", { className: "chip-leading flex shrink-0", children: /* @__PURE__ */ e(_, { selected: r, disabled: o }) }),
-          a === "multi" && /* @__PURE__ */ e(
-            I,
-            {
-              className: m(
-                "chip-leading size-5 shrink-0 stroke-[1.75]",
-                k
-              ),
-              "aria-hidden": !0,
-              stroke: "currentColor"
-            }
-          ),
-          i != null && i !== !1 && /* @__PURE__ */ e("span", { className: "flex min-w-0 items-center gap-1 truncate [&>*]:min-w-0", children: i }),
-          s != null && s !== !1 && /* @__PURE__ */ e("span", { className: "chip-trailing shrink-0 font-medium tabular-nums text-current", children: s }),
-          h && /* @__PURE__ */ e(
-            "button",
-            {
-              type: "button",
-              onClick: (z) => {
-                z.stopPropagation(), f?.();
-              },
-              className: "-mr-0.5 ml-0.5 inline-flex size-6 shrink-0 items-center justify-center rounded-md text-current hover:bg-content/10 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-focus-ring/30",
-              "aria-label": y("aria.remove"),
-              "data-component": "chip-remove",
-              disabled: o,
-              children: /* @__PURE__ */ e(R, { size: 8 })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-B.displayName = "Chip";
-export {
-  B as Chip
-};

package/dist/components/ui/choice-card/choice-card.d.ts

@@ -1,47 +0,0 @@
-import * as React from "react";
-type ChoiceCardGroupBaseProps = {
-    disabled?: boolean;
-    orientation?: "horizontal" | "vertical";
-    /** Wrap cards to the next row (grid-like layout). Uses scoped CSS — safe in consumer apps. */
-    wrap?: boolean;
-    className?: string;
-    children?: React.ReactNode;
-};
-export type ChoiceCardGroupSingleProps = ChoiceCardGroupBaseProps & {
-    type?: "single";
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-};
-export type ChoiceCardGroupMultipleProps = ChoiceCardGroupBaseProps & {
-    type: "multiple";
-    value?: string[];
-    defaultValue?: string[];
-    onValueChange?: (value: string[]) => void;
-};
-export type ChoiceCardGroupProps = ChoiceCardGroupSingleProps | ChoiceCardGroupMultipleProps;
-export declare function useChoiceCardGroup(): {
-    value: string | string[];
-    type: "multiple" | "single";
-    setValue: (value: string | string[]) => void;
-    isSelected: (itemValue: string) => boolean;
-};
-declare const ChoiceCardGroup: React.FC<ChoiceCardGroupProps>;
-export interface ChoiceCardProps extends React.HTMLAttributes<HTMLDivElement> {
-    value: string;
-    disabled?: boolean;
-}
-declare const ChoiceCard: React.ForwardRefExoticComponent<ChoiceCardProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChoiceCardIndicator: React.FC<{
-    className?: string;
-}>;
-export type ChoiceCardContentProps = React.HTMLAttributes<HTMLDivElement>;
-declare const ChoiceCardContent: React.ForwardRefExoticComponent<ChoiceCardContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChoiceCardMedia: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const ChoiceCardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-export interface ChoiceCardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-}
-declare const ChoiceCardHeader: React.ForwardRefExoticComponent<ChoiceCardHeaderProps & React.RefAttributes<HTMLDivElement>>;
-declare const ChoiceCardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export { ChoiceCardGroup, ChoiceCard, ChoiceCardIndicator, ChoiceCardContent, ChoiceCardMedia, ChoiceCardTitle, ChoiceCardHeader, ChoiceCardDescription, };

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

@@ -1,67 +0,0 @@
-import { HelperTextPosition } from './types/helper-text.types';
-import * as React from "react";
-/**
- * Combobox supports two option sources:
- *  - **Static list**: provide `options` (string array).
- *  - **Numeric range**: provide `min`, `max`, and `step` to auto-generate values.
- *
- * At least one source must be provided; if both are given, `options` takes priority.
- */
-export interface ComboboxProps {
-    /** Static list of allowed string values */
-    options?: string[];
-    /** Numeric range start (used with max + step to generate options) */
-    min?: number;
-    /** Numeric range end */
-    max?: number;
-    /** Numeric range increment */
-    step?: number;
-    /** Initial value (uncontrolled mode) */
-    defaultValue?: string;
-    /** Current value (controlled mode — overrides internal state when provided) */
-    value?: string;
-    /** Fires when a value is committed (selection or free-text) */
-    onChange?: (value: string) => void;
-    /** Fires on input blur */
-    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    /** Input placeholder */
-    placeholder?: string;
-    /** Label above the input */
-    label?: string;
-    /** Helper text below the input */
-    helperText?: React.ReactNode;
-    /** @default "absolute" */
-    helperTextPosition?: HelperTextPosition;
-    /** Error visual state */
-    isError?: boolean;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Right-align input and dropdown values (for numeric data) */
-    isNumeric?: boolean;
-    /** Input size — matches the Input component variants */
-    size?: "default" | "sm" | "md" | "lg";
-    /** Additional class on the root wrapper */
-    className?: string;
-    /** Message shown when no options match the filter (default: "No options found") */
-    emptyMessage?: string;
-    /** If true, typed text is committed even when it doesn't match any option */
-    allowFreeText?: boolean;
-    /** Shows a red asterisk next to the label */
-    required?: boolean;
-}
-/**
- * Combobox — a standalone autocomplete input with a filtered dropdown of options.
- *
- * Works in **uncontrolled** mode by default (`defaultValue`), but also supports
- * **controlled** mode when `value` is provided.
- *
- * Keyboard: ArrowUp/Down to navigate, Enter to commit, Escape to close, Tab to commit/close.
- * Mouse: Click to select, hover to highlight.
- *
- * CSS selectors:
- * - `[data-component="combobox"]`
- * - `[data-numeric="true"]`
- * - `[data-combobox-item]` / `[data-combobox-value]`
- */
-declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
-export { Combobox };

package/dist/components/ui/combobox.js

@@ -1,361 +0,0 @@
-import { jsxs as v, jsx as n } from "react/jsx-runtime";
-import * as me from "react";
-import { useMemo as _, useState as I, useRef as P, useCallback as d, useEffect as xe } from "react";
-import * as M from "@radix-ui/react-popover";
-import { cn as a } from "../../lib/utils.js";
-import { Info as X } from "impact-nova-icons";
-function pe(c) {
-  if (c.options) return c.options;
-  const { min: u, max: f, step: m } = c;
-  if (u == null || f == null || m == null || m <= 0 || u > f) return [];
-  const L = [];
-  for (let h = u; h <= f; h += m) {
-    const A = Math.round(h * 1e10) / 1e10;
-    L.push(String(A));
-  }
-  return L;
-}
-function ge(c, u) {
-  if (!u) return c;
-  const f = u.toLowerCase();
-  return c.filter((m) => m.toLowerCase().includes(f));
-}
-const Y = {
-  default: "h-8",
-  sm: "h-6",
-  md: "h-[28px]",
-  lg: "h-10"
-}, he = me.forwardRef(
-  ({
-    options: c,
-    min: u,
-    max: f,
-    step: m,
-    defaultValue: L = "",
-    value: h,
-    onChange: A,
-    onBlur: B,
-    placeholder: Z,
-    label: F,
-    helperText: w,
-    helperTextPosition: V = "absolute",
-    isError: x,
-    disabled: p,
-    isNumeric: j,
-    size: $ = "default",
-    className: E,
-    emptyMessage: T = "No options found",
-    allowFreeText: R = !1,
-    required: ee
-  }, y) => {
-    const K = _(
-      () => pe({ options: c, min: u, max: f, step: m }),
-      [c, u, f, m]
-    ), z = h !== void 0, [te, oe] = I(L), S = z ? h : te, [ne, U] = I(""), [i, C] = I(!1), r = i ? ne : S, [O, g] = I(-1), W = P(-1), [re, k] = I("keyboard"), q = P(null), H = P(null), se = d(
-      (e) => {
-        q.current = e, typeof y == "function" ? y(e) : y && (y.current = e);
-      },
-      [y]
-    ), s = _(
-      () => ge(K, r),
-      [K, r]
-    ), G = P(s), ie = _(() => {
-      if (!i || !r) return -1;
-      const e = s.findIndex(
-        (t) => t.toLowerCase() === r.toLowerCase()
-      );
-      return e >= 0 ? e : -1;
-    }, [i, r, s]), N = O >= 0 ? O : ie, J = O >= 0 ? re : "mouse";
-    xe(() => {
-      W.current = N, G.current = s, i && N >= 0 && H.current && H.current.querySelectorAll("[data-combobox-item]")[N]?.scrollIntoView({ block: "nearest" });
-    }, [N, i, s]);
-    const l = d(
-      (e) => {
-        z || oe(e), A?.(e), C(!1), g(-1);
-      },
-      [z, A]
-    ), D = d(() => {
-      C(!1), g(-1);
-    }, []), ae = d(
-      (e) => {
-        const t = e.target.value;
-        U(t), g(-1), k("mouse"), i || C(!0);
-      },
-      [i]
-    ), le = d(() => {
-      p || (U(S), C(!0));
-    }, [p, S]), ce = d(
-      (e) => {
-        const t = e.relatedTarget;
-        if (!H.current?.contains(t)) {
-          if (i) {
-            const o = s.find(
-              (b) => b.toLowerCase() === r.toLowerCase()
-            );
-            o ? l(o) : s.length === 1 ? l(s[0]) : R && r ? l(r) : D();
-          }
-          B?.(e);
-        }
-      },
-      [i, s, r, l, D, R, B]
-    ), ue = d(
-      (e) => {
-        if (!i) {
-          (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), C(!0));
-          return;
-        }
-        if (e.key === "Escape") {
-          e.preventDefault(), e.stopPropagation(), D();
-          return;
-        }
-        if (e.key === "ArrowDown") {
-          e.preventDefault(), k("keyboard"), g(
-            (t) => t < s.length - 1 ? t + 1 : 0
-          );
-          return;
-        }
-        if (e.key === "ArrowUp") {
-          e.preventDefault(), k("keyboard"), g(
-            (t) => t > 0 ? t - 1 : s.length - 1
-          );
-          return;
-        }
-        if (e.key === "Enter" || e.key === "Tab") {
-          e.preventDefault();
-          const t = W.current, o = G.current;
-          if (t >= 0 && t < o.length)
-            l(o[t]);
-          else {
-            const b = o.find(
-              (fe) => fe.toLowerCase() === r.toLowerCase()
-            );
-            b ? l(b) : o.length === 1 ? l(o[0]) : R && r ? l(r) : D();
-          }
-          return;
-        }
-      },
-      [i, s, r, l, D, R]
-    ), Q = d(
-      (e) => {
-        l(e), setTimeout(() => q.current?.focus(), 0);
-      },
-      [l]
-    ), de = d(
-      (e) => {
-        const t = e.target.closest(
-          "[data-combobox-item]"
-        );
-        if (t) {
-          if (e.button !== 0) return;
-          e.preventDefault();
-          const o = t.getAttribute("data-combobox-value");
-          o != null && Q(o);
-          return;
-        }
-        e.preventDefault();
-      },
-      [Q]
-    );
-    return /* @__PURE__ */ v(
-      "div",
-      {
-        "data-component": "combobox",
-        "data-numeric": j || void 0,
-        className: a("flex w-full flex-col gap-[6px]", E),
-        children: [
-          F && /* @__PURE__ */ v(
-            "label",
-            {
-              className: a(
-                "text-xs font-medium leading-[18px] text-content-tertiary",
-                p && "opacity-70",
-                x && "text-destructive"
-              ),
-              children: [
-                F,
-                " ",
-                ee && /* @__PURE__ */ n("span", { className: "text-destructive", children: "*" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ v(
-            "div",
-            {
-              className: a(
-                w && V === "absolute" && "relative"
-              ),
-              children: [
-                /* @__PURE__ */ v(M.Root, { open: i && !p, modal: !1, children: [
-                  /* @__PURE__ */ n(M.Anchor, { asChild: !0, children: /* @__PURE__ */ n(
-                    "div",
-                    {
-                      "data-component": "combobox-input-border",
-                      tabIndex: -1,
-                      className: a(
-                        "flex w-full items-center gap-1 rounded-md border bg-transparent px-3 text-sm transition-colors outline-none ring-0 focus:outline-none focus:ring-0",
-                        "focus-within:outline-none focus-within:ring-0 focus-within:border-brand hover:border-brand",
-                        x ? "border-destructive hover:border-destructive" : "border-field",
-                        p && "pointer-events-none opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
-                        Y[$] ?? Y.default,
-                        "bg-canvas"
-                      ),
-                      children: /* @__PURE__ */ n(
-                        "input",
-                        {
-                          ref: se,
-                          type: "text",
-                          value: r,
-                          onChange: ae,
-                          onFocus: le,
-                          onBlur: ce,
-                          onKeyDown: ue,
-                          placeholder: Z,
-                          disabled: !!p,
-                          className: a(
-                            "flex h-full w-full bg-transparent p-0 text-sm font-medium",
-                            "outline-none ring-0 shadow-none border-none",
-                            "focus:outline-none focus:ring-0 focus:shadow-none focus:border-none",
-                            "focus-visible:outline-none focus-visible:ring-0 focus-visible:shadow-none focus-visible:border-none",
-                            "placeholder:font-medium placeholder:text-content-empty",
-                            p && "opacity-100 text-disabled-foreground placeholder:text-disabled-foreground cursor-not-allowed",
-                            j && "text-right"
-                          ),
-                          style: { boxShadow: "none", outline: "none" },
-                          autoComplete: "off",
-                          role: "combobox",
-                          "aria-expanded": i,
-                          "aria-autocomplete": "list",
-                          "aria-haspopup": "listbox"
-                        }
-                      )
-                    }
-                  ) }),
-                  /* @__PURE__ */ n(M.Portal, { children: /* @__PURE__ */ n(
-                    M.Content,
-                    {
-                      align: "start",
-                      side: "bottom",
-                      sideOffset: 4,
-                      avoidCollisions: !0,
-                      collisionPadding: 8,
-                      onOpenAutoFocus: (e) => e.preventDefault(),
-                      onCloseAutoFocus: (e) => e.preventDefault(),
-                      onInteractOutside: () => {
-                      },
-                      onWheel: (e) => e.stopPropagation(),
-                      className: "z-[9999] overflow-hidden rounded-[12px] bg-white text-base shadow-[0px_1px_6px_0px_rgba(26,39,124,0.14)] focus:outline-none sm:text-sm flex flex-col border-none w-[var(--radix-popover-trigger-width)]",
-                      style: {
-                        maxHeight: "var(--radix-popover-content-available-height)"
-                      },
-                      children: /* @__PURE__ */ n(
-                        "div",
-                        {
-                          ref: H,
-                          className: "flex-1 overflow-auto py-1 px-[6px]",
-                          style: { maxHeight: 240, overscrollBehavior: "contain" },
-                          role: "listbox",
-                          onPointerDown: de,
-                          onWheel: (e) => e.stopPropagation(),
-                          onMouseLeave: () => {
-                            k("mouse"), g(-1);
-                          },
-                          children: s.length === 0 ? /* @__PURE__ */ n("div", { className: "flex items-center justify-center py-6 text-sm text-gray-500", children: T }) : s.map((e, t) => {
-                            const o = t === N, b = e.toLowerCase() === S.toLowerCase();
-                            return /* @__PURE__ */ n("div", { className: "w-full pb-[2px]", children: /* @__PURE__ */ n(
-                              "div",
-                              {
-                                "data-combobox-item": !0,
-                                "data-combobox-value": e,
-                                role: "option",
-                                "aria-selected": o,
-                                className: a(
-                                  "cursor-default select-none py-[6px] px-3 flex items-center transition-colors rounded-md",
-                                  j ? "justify-end text-right" : "justify-between",
-                                  o && J === "keyboard" ? "ring-2 ring-inset ring-primary bg-[#edf0ff] text-[#1f2b4d]" : o && J === "mouse" ? "bg-gray-100 text-[#1f2b4d]" : b ? "bg-[#edf0ff] text-[#1f2b4d]" : "text-[#1f2b4d] hover:bg-gray-100 cursor-pointer"
-                                ),
-                                onMouseEnter: () => {
-                                  k("mouse"), g(t);
-                                },
-                                children: /* @__PURE__ */ n("span", { className: "text-sm", children: e })
-                              }
-                            ) }, e);
-                          })
-                        }
-                      )
-                    }
-                  ) })
-                ] }),
-                w && V === "absolute" && /* @__PURE__ */ v(
-                  "div",
-                  {
-                    className: a(
-                      "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px]",
-                      x && "text-destructive"
-                    ),
-                    children: [
-                      /* @__PURE__ */ n(
-                        X,
-                        {
-                          size: "xs",
-                          className: a(
-                            "shrink-0",
-                            x ? "text-destructive" : "text-content-muted"
-                          )
-                        }
-                      ),
-                      /* @__PURE__ */ n(
-                        "p",
-                        {
-                          className: a(
-                            "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
-                            x && "text-destructive"
-                          ),
-                          children: w
-                        }
-                      )
-                    ]
-                  }
-                )
-              ]
-            }
-          ),
-          w && V === "flow" && /* @__PURE__ */ v(
-            "div",
-            {
-              className: a(
-                "flex items-center gap-[6px]",
-                x && "text-destructive"
-              ),
-              children: [
-                /* @__PURE__ */ n(
-                  X,
-                  {
-                    size: "xs",
-                    className: a(
-                      "shrink-0",
-                      x ? "text-destructive" : "text-content-muted"
-                    )
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  "p",
-                  {
-                    className: a(
-                      "text-[12px] font-medium leading-[18px] text-navigation-muted",
-                      x && "text-destructive"
-                    ),
-                    children: w
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-he.displayName = "Combobox";
-export {
-  he as Combobox
-};