@alfadocs/ui-kit 0.1.8 → 0.1.9

package/dist/_chunks/search-input-Xw3cdWXW.js

@@ -0,0 +1,227 @@
+import { jsx as t, jsxs as ne } from "react/jsx-runtime";
+import { forwardRef as ie, useState as F, useRef as K, useLayoutEffect as oe, useCallback as V, useImperativeHandle as de, useEffect as le } from "react";
+import { c as x } from "./index-D2ZczOXr.js";
+import { useTranslation as ce } from "react-i18next";
+import { T as ue } from "./text-input-BX39e6T6.js";
+import { S as fe } from "./spinner-GCcv67vh.js";
+import { u as me } from "./form-field-context-94LwgYTQ.js";
+import { u as be } from "./use-debounced-callback-BisrB-Fq.js";
+import { S as L } from "./search-BonnQsHv.js";
+import { X as ve } from "./x-CCcI3eJp.js";
+const he = x("ds:relative ds:w-full"), pe = x(
+  [
+    "ds:absolute ds:inset-y-0 ds:end-0 ds:pe-3",
+    "ds:inline-flex ds:items-center ds:justify-center ds:pointer-events-auto",
+    "ds:text-muted-foreground ds:hover:text-foreground",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]"
+  ].join(" ")
+), xe = x(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0",
+    "ds:size-[var(--min-target-size)] ds:rounded-[var(--radius-sm)]",
+    "ds:bg-background ds:border ds:border-border ds:text-muted-foreground",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:hover:text-foreground ds:hover:bg-muted",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]"
+  ].join(" ")
+), ge = x(
+  [
+    "ds:inline-flex ds:items-center",
+    "ds:transition-[width] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+  ].join(" ")
+);
+function ye(o) {
+  if (!o) return !1;
+  const c = o.tagName;
+  return !!(c === "INPUT" || c === "TEXTAREA" || c === "SELECT" || o.isContentEditable);
+}
+const Ee = ie(
+  ({
+    value: o,
+    defaultValue: c,
+    onChange: n,
+    onInput: r,
+    debounceMs: O = 200,
+    isLoading: b = !1,
+    variant: u = "inline",
+    size: P = "md",
+    globalShortcut: g,
+    placeholder: Q,
+    disabled: X,
+    className: C,
+    name: H,
+    id: y,
+    form: U,
+    autoComplete: W = "off",
+    autoFocus: q,
+    role: G,
+    ...v
+  }, J) => {
+    const { t: E } = ce(), D = me(), z = y ?? D.id, w = !!(D.disabled || X), S = o !== void 0, [M, Y] = F(
+      String(c ?? "")
+    ), f = S ? String(o) : M, k = f.length > 0, a = K(null), [N, T] = F(
+      u === "inline" || k
+    ), h = K(!1);
+    oe(() => {
+      h.current && a.current && (a.current.focus(), h.current = !1);
+    });
+    const j = be(
+      (e) => {
+        n == null || n(e);
+      },
+      O
+    ), i = V(
+      (e) => {
+        j.cancel(), n == null || n(e);
+      },
+      [j, n]
+    ), d = V(
+      (e) => {
+        S || Y(e);
+      },
+      [S]
+    ), Z = (e) => {
+      const s = e.target.value;
+      d(s), s === "" ? i("") : j(s);
+    }, _ = (e) => {
+      const s = e.currentTarget.value;
+      r == null || r(s);
+    }, $ = (e) => {
+      var s;
+      e.key === "Escape" && (e.nativeEvent.isComposing || k && (e.preventDefault(), e.stopPropagation(), d(""), r == null || r(""), i(""), (s = a.current) == null || s.focus()));
+    }, I = () => {
+      var e;
+      d(""), r == null || r(""), i(""), (e = a.current) == null || e.focus();
+    }, ee = (e) => {
+      u === "expandable" && e.currentTarget.value === "" && T(!1);
+    }, p = V(() => {
+      var e;
+      u === "expandable" && !N ? (h.current = !0, T(!0)) : (e = a.current) == null || e.focus();
+    }, [u, N]);
+    de(
+      J,
+      () => {
+        const e = a.current;
+        if (!e) return null;
+        const s = {
+          getQuery: () => f,
+          setQuery: (l) => {
+            const m = String(l ?? "");
+            d(m), r == null || r(m), i(m);
+          },
+          clear: () => {
+            var l;
+            d(""), r == null || r(""), i(""), (l = a.current) == null || l.focus();
+          },
+          submit: () => {
+            i(f);
+          },
+          // Named `agentFocus` to avoid clashing with the native, read-only
+          // `HTMLElement.focus` slot. The adapter wires `actions.focus` to
+          // `agentFocus` so the expandable-aware path is preserved.
+          agentFocus: () => {
+            p();
+          }
+        };
+        for (const [l, m] of Object.entries(s))
+          Object.defineProperty(e, l, {
+            value: m,
+            configurable: !0,
+            writable: !0,
+            enumerable: !1
+          });
+        return e;
+      },
+      [f, d, r, i, p]
+    ), le(() => {
+      if (!g) return;
+      const e = (s) => {
+        s.key === g && (s.isComposing || s.defaultPrevented || ye(document.activeElement) || (s.preventDefault(), p()));
+      };
+      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+    }, [g, p]);
+    const re = E("ui.inputs.search.clear", "Clear search"), A = E("ui.inputs.search.loading", "Searching…"), se = E("ui.inputs.search.placeholder", "Search…"), B = Q ?? se;
+    if (u === "expandable" && !N)
+      return /* @__PURE__ */ t("div", { "data-component": "search-input", "data-component-id": y, className: ge({ className: C }), children: /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          "aria-label": B,
+          "aria-expanded": !1,
+          "aria-controls": z,
+          disabled: w,
+          onClick: () => {
+            h.current = !0, T(!0);
+          },
+          className: xe(),
+          children: /* @__PURE__ */ t(L, { "aria-hidden": "true", className: "ds:size-4" })
+        }
+      ) });
+    const te = G === "combobox" ? {
+      role: "combobox",
+      "aria-expanded": v["aria-expanded"],
+      "aria-controls": v["aria-controls"],
+      "aria-activedescendant": v["aria-activedescendant"]
+    } : void 0, R = k && !b && !w, ae = b ? /* @__PURE__ */ t(fe, { size: "sm", label: A }) : R ? /* @__PURE__ */ t("span", { className: "ds:inline-block ds:size-4", "aria-hidden": "true" }) : void 0;
+    return /* @__PURE__ */ ne("div", { "data-component": "search-input", "data-component-id": y, className: he({ className: C }), children: [
+      /* @__PURE__ */ t(
+        ue,
+        {
+          ref: a,
+          id: z,
+          type: "search",
+          size: P,
+          value: f,
+          disabled: w,
+          placeholder: B,
+          name: H,
+          form: U,
+          autoComplete: W,
+          autoFocus: q,
+          startAdornment: /* @__PURE__ */ t(L, {}),
+          endAdornment: ae,
+          clearable: !1,
+          onChange: Z,
+          onInput: _,
+          onKeyDown: $,
+          onBlur: ee,
+          "aria-label": v["aria-label"],
+          "aria-busy": b || void 0,
+          ...te
+        }
+      ),
+      R ? /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          "aria-label": re,
+          onClick: I,
+          className: pe(),
+          children: /* @__PURE__ */ t(ve, { "aria-hidden": "true", className: "ds:size-4" })
+        }
+      ) : null,
+      /* @__PURE__ */ t(
+        "span",
+        {
+          role: "status",
+          "aria-live": "polite",
+          "aria-atomic": "true",
+          className: "ds:sr-only",
+          children: b ? A : ""
+        }
+      )
+    ] });
+  }
+);
+Ee.displayName = "SearchInput";
+export {
+  Ee as S
+};
+//# sourceMappingURL=search-input-Xw3cdWXW.js.map

package/dist/_chunks/search-input.agent-CfZvViOd.js

@@ -0,0 +1,69 @@
+const i = {
+  id: "search-input",
+  capabilities: ["filter", "edit_inline"],
+  state: {
+    query: {
+      type: "string",
+      descriptionKey: "ui.agent.searchInput.state.query",
+      description: "Current raw query string (not debounced).",
+      read: (e) => e.getQuery()
+    },
+    isEmpty: {
+      type: "boolean",
+      descriptionKey: "ui.agent.searchInput.state.isEmpty",
+      description: "True when the query is empty.",
+      read: (e) => e.getQuery().length === 0
+    }
+  },
+  actions: {
+    set_query: {
+      safety: "read",
+      argsType: "{ query: string }",
+      descriptionKey: "ui.agent.searchInput.actions.setQuery",
+      description: "Replace the current query with the given string and fire onChange immediately.",
+      invoke: (e, t) => {
+        e.setQuery(t.query);
+      }
+    },
+    clear: {
+      safety: "read",
+      descriptionKey: "ui.agent.searchInput.actions.clear",
+      description: "Clear the query and return focus to the input.",
+      invoke: (e) => {
+        e.clear();
+      }
+    },
+    submit: {
+      safety: "read",
+      descriptionKey: "ui.agent.searchInput.actions.submit",
+      description: "Fire the current query without waiting for debounce.",
+      invoke: (e) => {
+        e.submit();
+      }
+    },
+    focus: {
+      safety: "read",
+      descriptionKey: "ui.agent.searchInput.actions.focus",
+      description: 'Move keyboard focus to the input (expanding it first if `variant="expandable"`).',
+      invoke: (e) => {
+        e.agentFocus();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "search-input",
+      description: "Marks the SearchInput wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+};
+export {
+  i as s
+};
+//# sourceMappingURL=search-input.agent-CfZvViOd.js.map

package/dist/_chunks/select-DY1Cb2Tg.js

@@ -0,0 +1,410 @@
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as a, useContext as me, useState as F, useRef as K, useMemo as fe } from "react";
+import * as o from "@radix-ui/react-select";
+import { c as w } from "./index-D2ZczOXr.js";
+import { useTranslation as ge } from "react-i18next";
+import { u as he, F as ve } from "./form-field-context-94LwgYTQ.js";
+import { g as be } from "./group-options-BvKhQ3xb.js";
+import { u as ye } from "./use-direction-D6rvvG9G.js";
+import { C as Se } from "./chevron-up-zOEDrmBB.js";
+import { C as P } from "./chevron-down-BX_NP2Yh.js";
+import { C as xe } from "./check-DPdL_Sm7.js";
+import { u as Ne } from "./registry-C9nwlNyL.js";
+import { X as Ce } from "./x-CCcI3eJp.js";
+const ze = {
+  id: "select",
+  capabilities: ["select_single", "open", "close"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.select.state.value",
+      description: "Currently selected option value, or empty string when none.",
+      read: (e) => e.getValue()
+    },
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.select.state.isOpen",
+      description: "Whether the option list is open.",
+      read: (e) => e.isOpen()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      descriptionKey: "ui.agent.select.actions.setValue",
+      description: "Select the option with the given value.",
+      invoke: (e, s) => {
+        e.setValue(s.value);
+      }
+    },
+    clear: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.select.actions.clear",
+      description: "Clear the current selection.",
+      invoke: (e) => {
+        e.clear();
+      }
+    },
+    open: {
+      safety: "read",
+      descriptionKey: "ui.agent.select.actions.open",
+      description: "Open the option list.",
+      invoke: (e) => {
+        e.open();
+      }
+    },
+    close: {
+      safety: "read",
+      descriptionKey: "ui.agent.select.actions.close",
+      description: "Close the option list.",
+      invoke: (e) => {
+        e.close();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "select",
+      description: "Marks the Select trigger."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-option-id",
+      description: "Stable opaque option value emitted on each rendered option."
+    }
+  }
+}, G = w(
+  [
+    "ds:group ds:inline-flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:w-full",
+    "ds:rounded-[var(--radius-sm)] ds:border ds:border-border ds:bg-background",
+    "ds:text-foreground ds:placeholder:text-muted-foreground",
+    "ds:data-[placeholder]:text-muted-foreground",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:h-8 ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-sm)]",
+        md: "ds:h-[var(--min-target-size)] ds:ps-3 ds:pe-3 ds:text-[length:var(--font-size-base)]",
+        lg: "ds:h-12 ds:ps-4 ds:pe-4 ds:text-[length:var(--font-size-lg)]"
+      },
+      tone: {
+        default: "",
+        error: "ds:border-destructive ds:focus-visible:outline-destructive"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      tone: "default"
+    }
+  }
+), we = w(
+  [
+    "ds:z-[var(--z-dropdown)] ds:overflow-hidden",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:text-foreground",
+    "ds:shadow-[var(--shadow-lg)]",
+    "ds:animate-in ds:fade-in ds:zoom-in-95",
+    "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out",
+    "ds:data-[state=closed]:zoom-out-95",
+    "ds:data-[side=bottom]:slide-in-from-top-2",
+    "ds:data-[side=top]:slide-in-from-bottom-2",
+    "ds:motion-reduce:animate-none"
+  ].join(" ")
+), Ie = w(
+  [
+    "ds:relative ds:flex ds:cursor-pointer ds:items-center",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:text-foreground ds:outline-none ds:select-none",
+    "ds:data-[highlighted]:bg-muted ds:data-[highlighted]:text-foreground",
+    "ds:data-[disabled]:pointer-events-none ds:data-[disabled]:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:min-h-8 ds:ps-8 ds:pe-3 ds:text-[length:var(--font-size-sm)]",
+        md: "ds:min-h-[var(--min-target-size)] ds:ps-8 ds:pe-3 ds:text-[length:var(--font-size-base)]",
+        lg: "ds:min-h-12 ds:ps-10 ds:pe-4 ds:text-[length:var(--font-size-lg)]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), je = [
+  "ds:ps-8 ds:pe-3 ds:py-1.5",
+  "type-eyebrow ds:text-muted-foreground",
+  "ds:sticky ds:top-0 ds:bg-background"
+].join(" "), Ve = {
+  sm: "ds:size-3.5",
+  md: "ds:size-4",
+  lg: "ds:size-5"
+}, ke = {
+  sm: "ds:start-2",
+  md: "ds:start-2",
+  lg: "ds:start-3"
+};
+function Te(...e) {
+  return (s) => {
+    for (const n of e)
+      n && (typeof n == "function" ? n(s) : n.current = s);
+  };
+}
+const L = (e) => /* @__PURE__ */ t(o.Root, { ...e });
+L.displayName = "Select.Root";
+const q = a(
+  ({ size: e, tone: s, className: n, children: r, ...l }, c) => /* @__PURE__ */ t(
+    o.Trigger,
+    {
+      ref: c,
+      className: G({ size: e, tone: s, className: n }),
+      ...l,
+      children: r
+    }
+  )
+);
+q.displayName = "Select.Trigger";
+const $ = a((e, s) => /* @__PURE__ */ t(o.Value, { ref: s, ...e }));
+$.displayName = "Select.Value";
+const I = a(
+  ({
+    className: e,
+    children: s,
+    position: n = "popper",
+    sideOffset: r = 4,
+    container: l,
+    ...c
+  }, f) => /* @__PURE__ */ t(o.Portal, { container: l ?? void 0, children: /* @__PURE__ */ m(
+    o.Content,
+    {
+      ref: f,
+      position: n,
+      sideOffset: r,
+      className: we({ className: e }),
+      ...c,
+      children: [
+        /* @__PURE__ */ t(o.ScrollUpButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ t(Se, { "aria-hidden": "true", className: "ds:size-4" }) }),
+        s,
+        /* @__PURE__ */ t(o.ScrollDownButton, { className: "ds:flex ds:items-center ds:justify-center ds:h-6 ds:bg-background ds:cursor-default", children: /* @__PURE__ */ t(P, { "aria-hidden": "true", className: "ds:size-4" }) })
+      ]
+    }
+  ) })
+);
+I.displayName = "Select.Content";
+const j = a(({ className: e, ...s }, n) => /* @__PURE__ */ t(
+  o.Viewport,
+  {
+    ref: n,
+    className: ["ds:p-1", e].filter(Boolean).join(" "),
+    ...s
+  }
+));
+j.displayName = "Select.Viewport";
+const V = a(({ size: e = "md", className: s, children: n, ...r }, l) => {
+  const c = ke[e ?? "md"], f = Ve[e ?? "md"];
+  return /* @__PURE__ */ m(
+    o.Item,
+    {
+      ref: l,
+      className: Ie({ size: e, className: s }),
+      ...r,
+      children: [
+        /* @__PURE__ */ t(
+          "span",
+          {
+            className: `ds:absolute ${c} ds:inline-flex ds:items-center ds:justify-center`,
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ t(o.ItemIndicator, { children: /* @__PURE__ */ t(xe, { className: f }) })
+          }
+        ),
+        /* @__PURE__ */ t(o.ItemText, { children: n })
+      ]
+    }
+  );
+});
+V.displayName = "Select.Item";
+const A = a((e, s) => /* @__PURE__ */ t(o.ItemText, { ref: s, ...e }));
+A.displayName = "Select.ItemText";
+const H = a((e, s) => /* @__PURE__ */ t(o.Group, { ref: s, ...e }));
+H.displayName = "Select.Group";
+const k = a(({ className: e, ...s }, n) => /* @__PURE__ */ t(
+  o.Label,
+  {
+    ref: n,
+    className: [je, e].filter(Boolean).join(" "),
+    ...s
+  }
+));
+k.displayName = "Select.Label";
+const M = a(({ className: e, ...s }, n) => /* @__PURE__ */ t(
+  o.Separator,
+  {
+    ref: n,
+    className: ["ds:my-1 ds:h-px ds:bg-border", e].filter(Boolean).join(" "),
+    ...s
+  }
+));
+M.displayName = "Select.Separator";
+const U = a(function({
+  options: s,
+  value: n,
+  defaultValue: r,
+  onValueChange: l,
+  placeholder: c,
+  clearable: f = !1,
+  disabled: W,
+  required: _,
+  name: E,
+  id: S,
+  size: T = "md",
+  tone: X = "default",
+  className: J,
+  "aria-label": Q
+}, Y) {
+  const { t: x } = ge(), u = he(), g = me(ve) !== null, [Z, b] = F(
+    n ?? r ?? ""
+  ), p = n !== void 0, h = p ? n : Z, [N, C] = F(!1), R = K(h);
+  R.current = h;
+  const ee = S ?? (g ? u.id : void 0), B = (g ? u.disabled : !1) || !!W, te = (g ? u.required : !1) || !!_, O = g ? u.invalid : !1, se = O ? "error" : X, oe = g && u.describedBy ? u.describedBy : void 0, z = K(null), ne = Te(Y, z), ie = ye(z), d = l, de = (i) => {
+    p || b(i), d == null || d(i);
+  }, ae = (i) => {
+    var y;
+    i.preventDefault(), i.stopPropagation(), p || b(""), d == null || d(""), (y = z.current) == null || y.focus();
+  }, re = c ?? x("ui.inputs.select.placeholder", "Select…"), le = f && !!h && !B, ce = be(s), ue = fe(
+    () => ({
+      getValue: () => R.current,
+      setValue: (i) => {
+        p || b(i), d == null || d(i);
+      },
+      clear: () => {
+        p || b(""), d == null || d("");
+      },
+      open: () => C(!0),
+      close: () => C(!1),
+      isOpen: () => N
+    }),
+    [d, p, N]
+  );
+  return Ne(ze, ue, S), /* @__PURE__ */ m(
+    o.Root,
+    {
+      value: h === "" ? void 0 : h,
+      onValueChange: de,
+      open: N,
+      onOpenChange: C,
+      disabled: B,
+      required: te,
+      name: E,
+      dir: ie,
+      children: [
+        /* @__PURE__ */ m(
+          o.Trigger,
+          {
+            ref: ne,
+            id: ee,
+            "aria-label": Q,
+            "aria-describedby": oe,
+            "aria-invalid": O || void 0,
+            "data-component": "select",
+            "data-component-id": S,
+            className: G({
+              size: T,
+              tone: se,
+              className: J
+            }),
+            children: [
+              /* @__PURE__ */ t(o.Value, { placeholder: re }),
+              /* @__PURE__ */ m("span", { className: "ds:ms-auto ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                le ? /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": x("ui.inputs.select.clear", "Clear selection"),
+                    onClick: ae,
+                    onPointerDown: (i) => i.stopPropagation(),
+                    onKeyDown: (i) => {
+                      (i.key === "Enter" || i.key === " ") && i.stopPropagation();
+                    },
+                    className: [
+                      "ds:inline-flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]",
+                      "ds:text-muted-foreground ds:hover:text-foreground",
+                      "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+                      "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+                      "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+                      "ds:size-4"
+                    ].join(" "),
+                    children: /* @__PURE__ */ t(Ce, { "aria-hidden": "true", className: "ds:size-3.5" })
+                  }
+                ) : null,
+                /* @__PURE__ */ t(o.Icon, { asChild: !0, children: /* @__PURE__ */ t(
+                  P,
+                  {
+                    "aria-hidden": "true",
+                    className: [
+                      "ds:size-4 ds:shrink-0 ds:text-muted-foreground",
+                      "ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+                      "ds:group-data-[state=open]:rotate-180"
+                    ].join(" ")
+                  }
+                ) })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(j, { children: s.length === 0 ? /* @__PURE__ */ t("div", { className: "ds:ps-8 ds:pe-3 ds:py-2 type-body-sm ds:text-muted-foreground", children: x("ui.inputs.select.noOptions", "No options") }) : ce.map(({ group: i, items: y }, pe) => {
+          const D = y.map((v) => /* @__PURE__ */ t(
+            V,
+            {
+              value: v.value,
+              disabled: v.disabled,
+              size: T,
+              "data-option-id": v.value,
+              children: v.label
+            },
+            v.value
+          ));
+          return i ? /* @__PURE__ */ m(o.Group, { children: [
+            /* @__PURE__ */ t(k, { children: i }),
+            D
+          ] }, `group-${i}`) : /* @__PURE__ */ t(o.Group, { children: D }, `group-${pe}`);
+        }) }) })
+      ]
+    }
+  );
+});
+U.displayName = "Select";
+const Re = Object.assign(U, {
+  Root: L,
+  Trigger: q,
+  Value: $,
+  Content: I,
+  Viewport: j,
+  Item: V,
+  ItemText: A,
+  Group: H,
+  Label: k,
+  Separator: M
+}), Me = Re;
+export {
+  Me as S,
+  I as a,
+  H as b,
+  V as c,
+  A as d,
+  k as e,
+  L as f,
+  M as g,
+  q as h,
+  $ as i,
+  j
+};
+//# sourceMappingURL=select-DY1Cb2Tg.js.map