@alfadocs/ui-kit 0.37.0 → 0.38.0

package/dist/_chunks/cycle-calculator-B5Uj9QeT.js

@@ -0,0 +1,185 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { forwardRef as D, useState as h, useMemo as y, useEffect as E } from "react";
+import { c as _ } from "./index-D2ZczOXr.js";
+import { useTranslation as F } from "react-i18next";
+import { F as C } from "./form-field-BOm9hK35.js";
+import { D as A } from "./date-picker-CvQfs6Xh.js";
+import { N as S } from "./number-input-Dj5L3pXK.js";
+import { B as x } from "./badge-zsf5i5bH.js";
+import { I as T } from "./insert-result-yJ0QavoN.js";
+import { a as n } from "./react-day-picker-CdtIiKjx.js";
+import { C as W } from "./check-DPdL_Sm7.js";
+import { H as $ } from "./heart-C0faivFf.js";
+import { c as H } from "./createLucideIcon-CrFbzy84.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const I = [
+  [
+    "path",
+    {
+      d: "M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z",
+      key: "c7niix"
+    }
+  ]
+], z = H("droplet", I), v = 28, k = 14, B = 1;
+function Y(m, c = 3) {
+  const d = m.cycleLength ?? v, { lastPeriodStart: o } = m, i = n(o, d - k), u = {
+    start: n(i, -5),
+    end: n(i, B)
+  }, f = n(o, d), t = Array.from(
+    { length: c },
+    (p, s) => n(o, d * (s + 1))
+  );
+  return { nextPeriod: f, ovulation: i, fertileWindow: u, upcomingPeriods: t };
+}
+const j = _("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    width: { full: "ds:w-full", auto: "ds:inline-flex" }
+  },
+  defaultVariants: { width: "full" }
+}), M = D(
+  ({
+    defaultCycleLength: m = v,
+    onResultChange: c,
+    onInsert: d,
+    id: o,
+    width: i,
+    className: u
+  }, f) => {
+    const { t, i18n: p } = F(), [s, N] = h(void 0), [g, L] = h(
+      m
+    ), a = y(() => s ? Y({
+      lastPeriodStart: s,
+      cycleLength: g ?? v
+    }) : null, [s, g]), P = y(
+      () => new Intl.DateTimeFormat(p.language, { dateStyle: "medium" }),
+      [p.language]
+    );
+    E(() => {
+      c == null || c(a);
+    }, [a, c]);
+    const w = y(() => /* @__PURE__ */ new Date(), []), l = (b) => P.format(b);
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: f,
+        "data-component": "cycle-calculator",
+        "data-component-id": o,
+        className: j({ width: i, className: u }),
+        children: [
+          /* @__PURE__ */ r("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
+            /* @__PURE__ */ e(C, { label: t("cycleCalculator.lastPeriod"), children: /* @__PURE__ */ e(
+              A,
+              {
+                value: s,
+                onChange: N,
+                maxDate: w
+              }
+            ) }),
+            /* @__PURE__ */ e(
+              C,
+              {
+                label: t("cycleCalculator.cycleLength"),
+                description: t("cycleCalculator.cycleLengthHint"),
+                children: /* @__PURE__ */ e(
+                  S,
+                  {
+                    mode: "integer",
+                    min: 20,
+                    max: 45,
+                    value: g,
+                    onChange: L
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: a ? `${t("cycleCalculator.ovulation")}: ${l(a.ovulation)}. ${t(
+            "cycleCalculator.nextPeriod"
+          )}: ${l(a.nextPeriod)}.` : "" }),
+          a ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ r("dl", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-3", children: [
+              /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
+                /* @__PURE__ */ e("dt", { className: "type-label ds:text-muted-foreground", children: t("cycleCalculator.ovulation") }),
+                /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ e(
+                  x,
+                  {
+                    variant: "success",
+                    size: "lg",
+                    leading: /* @__PURE__ */ e(W, { "aria-hidden": !0 }),
+                    children: l(a.ovulation)
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
+                /* @__PURE__ */ e("dt", { className: "type-label ds:text-muted-foreground", children: t("cycleCalculator.fertileWindow") }),
+                /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ r(
+                  x,
+                  {
+                    variant: "accent",
+                    size: "lg",
+                    leading: /* @__PURE__ */ e($, { "aria-hidden": !0 }),
+                    children: [
+                      l(a.fertileWindow.start),
+                      " –",
+                      " ",
+                      l(a.fertileWindow.end)
+                    ]
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
+                /* @__PURE__ */ e("dt", { className: "type-label ds:text-muted-foreground", children: t("cycleCalculator.nextPeriod") }),
+                /* @__PURE__ */ e("dd", { children: /* @__PURE__ */ e(
+                  x,
+                  {
+                    variant: "error",
+                    size: "lg",
+                    leading: /* @__PURE__ */ e(z, { "aria-hidden": !0 }),
+                    children: l(a.nextPeriod)
+                  }
+                ) })
+              ] })
+            ] }),
+            d ? /* @__PURE__ */ e(
+              T,
+              {
+                onInsert: d,
+                card: {
+                  title: t("insert.title.cycle"),
+                  fields: [
+                    {
+                      label: t("cycleCalculator.ovulation"),
+                      value: l(a.ovulation)
+                    },
+                    {
+                      label: t("cycleCalculator.fertileWindow"),
+                      value: `${l(a.fertileWindow.start)} – ${l(
+                        a.fertileWindow.end
+                      )}`
+                    },
+                    {
+                      label: t("cycleCalculator.nextPeriod"),
+                      value: l(a.nextPeriod)
+                    }
+                  ]
+                }
+              }
+            ) : null
+          ] }) : /* @__PURE__ */ e("p", { className: "type-body ds:text-muted-foreground", children: t("cycleCalculator.empty") })
+        ]
+      }
+    );
+  }
+);
+M.displayName = "CycleCalculator";
+export {
+  M as C,
+  k as L,
+  Y as p
+};
+//# sourceMappingURL=cycle-calculator-B5Uj9QeT.js.map

package/dist/_chunks/{date-picker-CXFpu-qY.js → date-picker-CvQfs6Xh.js}

@@ -7,7 +7,7 @@ import { useTranslation as Ee } from "react-i18next";
 import * as Z from "@radix-ui/react-popover";
 import { u as He } from "./use-controllable-state-BiY4xTzM.js";
 import { u as qe } from "./form-field-context-B3APVHKx.js";
-import { y as ce, z as Ce, s as S, A as ue, B as Le, E as Ne, a as le, F as de, G as Re, H as ae, I as Qe, J as ie, K as We, u as Ae, g as Fe, i as oe, c as Be, m as Ge, n as Ve, t as Xe, C as Ke, j as ze, p as Ze, D as $e, k as je, l as Ue, L as Je } from "./react-day-picker-DYDdR8Vv.js";
+import { y as ce, z as Ce, s as S, A as ue, B as Le, E as Ne, a as le, F as de, G as Re, H as ae, I as Qe, J as ie, K as We, u as Ae, g as Fe, j as oe, c as Be, n as Ge, i as Ve, t as Xe, C as Ke, k as ze, p as Ze, D as $e, l as je, m as Ue, L as Je } from "./react-day-picker-CdtIiKjx.js";
 import { u as Se } from "./registry-nPAVE19X.js";
 import { t as E, c as O, m as et, a as tt, b as rt } from "./isSameDay-DUEiAT0G.js";
 function nt() {
@@ -1821,4 +1821,4 @@ export {
   rr as D,
   tr as d
 };
-//# sourceMappingURL=date-picker-CXFpu-qY.js.map
+//# sourceMappingURL=date-picker-CvQfs6Xh.js.map

package/dist/_chunks/{date-range-picker-I-q5rifj.js → date-range-picker-U9fn1g9d.js}

@@ -4,8 +4,8 @@ import { useTranslation as ee } from "react-i18next";
 import * as f from "@radix-ui/react-popover";
 import { u as te } from "./use-controllable-state-BiY4xTzM.js";
 import { u as ae } from "./form-field-context-B3APVHKx.js";
-import { b as ne, u as re, g as se, c as oe, e as T, s as W, f as ie, h as de, i as v, d as ce, C as le, j as pe, t as ge, p as ue, D as me, k as fe, l as he } from "./react-day-picker-DYDdR8Vv.js";
-import { s as R } from "./subDays-D-WYRpdW.js";
+import { b as ne, u as re, g as se, c as oe, e as T, s as W, f as ie, h as de, j as v, d as ce, C as le, k as pe, t as ge, p as ue, D as me, l as fe, m as he } from "./react-day-picker-CdtIiKjx.js";
+import { s as R } from "./subDays-_T9YeKPX.js";
 import { u as ke } from "./registry-nPAVE19X.js";
 function ye(a, s, i) {
   return ne(a, -1, i);
@@ -284,4 +284,4 @@ export {
   ve as D,
   be as d
 };
-//# sourceMappingURL=date-range-picker-I-q5rifj.js.map
+//# sourceMappingURL=date-range-picker-U9fn1g9d.js.map

package/dist/_chunks/{date-time-picker-CqpGPlcH.js → date-time-picker-Cva0ZCWw.js}

@@ -6,7 +6,7 @@ import * as k from "@radix-ui/react-popover";
 import { u as me } from "./use-controllable-state-BiY4xTzM.js";
 import { u as pe } from "./form-field-context-B3APVHKx.js";
 import { T as fe } from "./time-picker-B5umYwfv.js";
-import { u as ge, c as he, m as ve, n as be, i as ye, C as Te, j as ke, t as we, D as De, k as Ce, l as Pe } from "./react-day-picker-DYDdR8Vv.js";
+import { u as ge, c as he, n as ve, i as be, j as ye, C as Te, k as ke, t as we, D as De, l as Ce, m as Pe } from "./react-day-picker-CdtIiKjx.js";
 import { u as xe } from "./registry-nPAVE19X.js";
 import { t as j } from "./isSameDay-DUEiAT0G.js";
 function K(e, t, r) {
@@ -307,4 +307,4 @@ export {
   Se as D,
   Oe as d
 };
-//# sourceMappingURL=date-time-picker-CqpGPlcH.js.map
+//# sourceMappingURL=date-time-picker-Cva0ZCWw.js.map

package/dist/_chunks/{de-HTQ4b4-J.js → de-BMM2H7Bs.js}

@@ -1,4 +1,4 @@
-import { o as s, q as n, r as o, v as u } from "./react-day-picker-DYDdR8Vv.js";
+import { o as s, q as n, r as o, v as u } from "./react-day-picker-CdtIiKjx.js";
 const d = {
   lessThanXSeconds: {
     standalone: {
@@ -474,4 +474,4 @@ const d = {
 export {
   O as de
 };
-//# sourceMappingURL=de-HTQ4b4-J.js.map
+//# sourceMappingURL=de-BMM2H7Bs.js.map

package/dist/_chunks/dependent-selector-CRWgieHm.js

@@ -0,0 +1,324 @@
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as le, useId as ce, useRef as f, useEffect as P, useMemo as E, useState as me } from "react";
+import * as L from "@radix-ui/react-radio-group";
+import { c as q } from "./index-D2ZczOXr.js";
+import { useTranslation as pe } from "react-i18next";
+import { A as ue } from "./avatar-BNQNhoyL.js";
+import { B as fe } from "./badge-zsf5i5bH.js";
+import { T as ge } from "./tooltip-DvmfrNvB.js";
+import { c as ve } from "./compose-refs-C0k0tdqF.js";
+import { u as be } from "./registry-nPAVE19X.js";
+import { u as he } from "./use-direction-Dp8h70PP.js";
+import { C as ye } from "./circle-alert-ChA9opNA.js";
+const xe = {
+  id: "dependent-selector",
+  capabilities: ["select_single"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.dependentSelector.state.value",
+      description: "Id of the currently selected person, or empty string when none.",
+      read: (t) => t.getValue()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      descriptionKey: "ui.agent.dependentSelector.actions.setValue",
+      description: "Select the person row with the given id.",
+      invoke: (t, c) => {
+        t.setValue(c.value);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "dependent-selector",
+      description: "Marks the DependentSelector root (role=radiogroup)."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-option-id",
+      description: "Stable person id emitted on each rendered person row."
+    }
+  }
+}, we = q(
+  "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0",
+  {
+    variants: {
+      size: { sm: "", md: "", lg: "" },
+      tone: { default: "", checkin: "" }
+    },
+    defaultVariants: { size: "md", tone: "checkin" }
+  }
+), G = q(
+  [
+    // The row IS the Radix Item (`<button role="radio">`). Reset the
+    // button chrome, lay out avatar + text on the inline axis. Logical
+    // properties only.
+    "ds:group ds:flex ds:items-center ds:gap-[var(--spacing-md)] ds:w-full ds:text-start ds:appearance-none",
+    "ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-card",
+    // Touch-target floor: even sm clears AA/AAA (44 → 48px in accessible).
+    "ds:min-h-[var(--min-target-size)]",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    // Selected state: low-alpha accent tint BEHIND tokenised text +
+    // a ring-coloured border (never accent as a foreground meeting text).
+    "ds:data-[state=checked]:border-ring",
+    // Roving focus ring on the item itself — single tab stop, arrow keys
+    // move focus+selection.
+    "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)]",
+    // Forced-colours: repaint a ButtonBorder edge + a Highlight checked
+    // edge + a CanvasText focus ring so the row + its checked state
+    // survive Windows High Contrast Mode.
+    "ds:forced-colors:border-[ButtonBorder]",
+    "ds:forced-colors:data-[state=checked]:border-[Highlight]",
+    "ds:forced-colors:focus-visible:outline-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-xs)]",
+        md: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-sm)]",
+        lg: "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]"
+      },
+      tone: {
+        // Neutral RadioGroup-card tint for plain forms.
+        default: "ds:data-[state=checked]:bg-[color-mix(in_srgb,var(--accent)_5%,transparent)]",
+        // Accent-tinted selected surface tuned for the check-in kiosk —
+        // slightly stronger low-alpha mix BEHIND the tokenised foreground.
+        checkin: "ds:data-[state=checked]:bg-[color-mix(in_srgb,var(--accent)_8%,transparent)]"
+      },
+      disabled: {
+        true: "ds:cursor-not-allowed ds:opacity-50",
+        false: "ds:cursor-pointer ds:hover:bg-[color-mix(in_srgb,var(--accent)_4%,transparent)]"
+      }
+    },
+    defaultVariants: { size: "md", tone: "checkin", disabled: !1 }
+  }
+), Ne = { sm: "sm", md: "md", lg: "lg" }, Se = {
+  sm: "ds:size-8",
+  md: "ds:size-10",
+  lg: "ds:size-12"
+}, ze = {
+  sm: "type-body-sm",
+  md: "type-label",
+  lg: "type-body"
+}, ke = le(
+  ({
+    people: t,
+    value: c,
+    defaultValue: g,
+    onValueChange: n,
+    label: v,
+    description: w,
+    size: F = "md",
+    tone: J = "checkin",
+    loading: r = !1,
+    error: m,
+    emptyState: O,
+    id: p,
+    className: Q,
+    "aria-label": N,
+    "aria-labelledby": z,
+    ...U
+  }, W) => {
+    const o = F ?? "md", S = J ?? "checkin", { t: a } = pe(), b = ce(), k = `${b}-legend`, B = `${b}-description`, R = `${b}-error`;
+    f(!1), P(() => {
+    }, [v, N, z]);
+    const I = E(
+      () => t.filter((e) => !e.disabled),
+      [t]
+    ), X = t.some(
+      (e) => e.relationshipKey !== "self"
+    ), u = I.length === 1 ? I[0].id : void 0, i = c !== void 0, [Y, Z] = me(
+      g ?? u ?? ""
+    ), A = i ? c ?? "" : Y, _ = f(A);
+    _.current = A;
+    const $ = (e) => {
+      r || (i || Z(e), n == null || n(e));
+    }, h = f(n);
+    h.current = n;
+    const D = f(!1);
+    P(() => {
+      var e;
+      !D.current && !i && !r && g === void 0 && u !== void 0 && (D.current = !0, (e = h.current) == null || e.call(h, u));
+    }, [i, r, g, u]);
+    const C = E(
+      () => ({
+        getValue: () => _.current,
+        setValue: (e) => $(e)
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [i, r, n]
+    );
+    be(xe, C, p);
+    const T = f(null), j = ve(W, T), ee = he(T), y = z ?? (v ? k : void 0), K = [w ? B : null, m ? R : null].filter(Boolean).join(" ") || void 0, V = (e) => a(`dependentSelector.relationship.${e}`), M = (e) => a("dependentSelector.age", { count: e }), se = (e) => {
+      const l = [a("dependentSelector.optionLabel", {
+        name: e.name,
+        relationship: V(e.relationshipKey)
+      })];
+      return typeof e.age == "number" && l.push(M(e.age)), e.isMinor && l.push(a("dependentSelector.minorBadge")), l.join(", ");
+    }, de = w ? /* @__PURE__ */ s("p", { id: B, className: "type-body-sm ds:text-muted-foreground", children: w }) : null, te = m ? /* @__PURE__ */ d(
+      "p",
+      {
+        id: R,
+        role: "alert",
+        className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
+        children: [
+          /* @__PURE__ */ s(ye, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+          /* @__PURE__ */ s("span", { children: m })
+        ]
+      }
+    ) : null, ae = /* @__PURE__ */ s(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]",
+        children: Array.from({ length: 3 }).map((e, x) => /* @__PURE__ */ d(
+          "div",
+          {
+            className: G({ size: o, tone: S, disabled: !1 }),
+            children: [
+              /* @__PURE__ */ s(
+                "span",
+                {
+                  className: `ds:inline-flex ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-muted ds:animate-pulse ${Se[o]}`
+                }
+              ),
+              /* @__PURE__ */ d("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0 ds:flex-1", children: [
+                /* @__PURE__ */ s("span", { className: "ds:h-4 ds:w-1/2 ds:rounded-[var(--radius-sm)] ds:bg-muted ds:animate-pulse" }),
+                /* @__PURE__ */ s("span", { className: "ds:h-3 ds:w-1/3 ds:rounded-[var(--radius-sm)] ds:bg-muted ds:animate-pulse" })
+              ] })
+            ]
+          },
+          x
+        ))
+      }
+    ), ie = (e) => {
+      const x = `${b}-row-${e.id}`, l = se(e), H = /* @__PURE__ */ d(
+        L.Item,
+        {
+          id: x,
+          value: e.id,
+          disabled: e.disabled,
+          "aria-label": l,
+          title: e.dob ?? void 0,
+          "data-option-id": e.id,
+          className: G({
+            size: o,
+            tone: S,
+            disabled: !!e.disabled
+          }),
+          children: [
+            /* @__PURE__ */ s(
+              ue,
+              {
+                src: e.avatarSrc,
+                name: e.name,
+                size: Ne[o],
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ d(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0 ds:flex-1",
+                children: [
+                  /* @__PURE__ */ d("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)] ds:min-w-0", children: [
+                    /* @__PURE__ */ s(
+                      "span",
+                      {
+                        className: `${ze[o]} ds:text-foreground ds:truncate ds:min-w-0`,
+                        children: e.name
+                      }
+                    ),
+                    e.isMinor ? (
+                      // Neutral chip (validated AA ~6:1) — the "Minor" flag is
+                      // informational, not a warning STATE. The tonal `warning`
+                      // variant fails AA at the small chip font size.
+                      /* @__PURE__ */ s(fe, { variant: "neutral", size: "sm", children: a("dependentSelector.minorBadge") })
+                    ) : null
+                  ] }),
+                  /* @__PURE__ */ d("span", { className: "type-body-sm ds:text-muted-foreground ds:truncate ds:min-w-0", children: [
+                    V(e.relationshipKey),
+                    typeof e.age == "number" ? ` · ${M(e.age)}` : null
+                  ] })
+                ]
+              }
+            )
+          ]
+        },
+        e.id
+      );
+      return e.disabled && e.disabledReason ? /* @__PURE__ */ s(ge, { label: e.disabledReason, children: /* @__PURE__ */ s(
+        "span",
+        {
+          tabIndex: 0,
+          "data-disabled-row": e.id,
+          "aria-label": l,
+          className: "ds:flex ds:min-w-0 ds:rounded-[var(--radius-md)] 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)]",
+          children: H
+        }
+      ) }, e.id) : H;
+    }, ne = O ?? /* @__PURE__ */ s("p", { className: "type-body-sm ds:text-muted-foreground", children: a("dependentSelector.empty") }), re = r ? /* @__PURE__ */ d(
+      "div",
+      {
+        ref: j,
+        id: p,
+        role: "radiogroup",
+        "aria-label": y ? void 0 : N,
+        "aria-labelledby": y,
+        "aria-describedby": K,
+        "aria-invalid": !!m || void 0,
+        "aria-busy": "true",
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0",
+        "data-component": "dependent-selector",
+        "data-component-id": p,
+        children: [
+          /* @__PURE__ */ s("span", { className: "ds:sr-only", children: a("dependentSelector.loadingLabel") }),
+          ae
+        ]
+      }
+    ) : /* @__PURE__ */ s(
+      L.Root,
+      {
+        ref: j,
+        id: p,
+        dir: ee,
+        value: i ? c ?? "" : void 0,
+        defaultValue: i ? void 0 : g ?? u,
+        onValueChange: $,
+        "aria-label": y ? void 0 : N,
+        "aria-labelledby": y,
+        "aria-describedby": K,
+        "aria-invalid": !!m || void 0,
+        className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:min-w-0",
+        "data-component": "dependent-selector",
+        "data-component-id": p,
+        ...U,
+        children: t.map(ie)
+      }
+    ), oe = we({ size: o, tone: S, className: Q });
+    return /* @__PURE__ */ d("div", { className: oe, children: [
+      v ? /* @__PURE__ */ s("div", { id: k, className: "type-label ds:text-foreground", children: v }) : null,
+      de,
+      re,
+      !r && !X ? ne : null,
+      te
+    ] });
+  }
+);
+ke.displayName = "DependentSelector";
+export {
+  ke as D,
+  xe as d
+};
+//# sourceMappingURL=dependent-selector-CRWgieHm.js.map