@alfadocs/ui-kit 1.31.0 → 1.33.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.31.0",
+  "version": "1.33.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -1070,6 +1070,7 @@
     "react-dropzone": "^15.0.0",
     "sonner": "^2.0.7",
     "tw-animate-css": "^1.4.0",
+    "uqr": "^0.1.3",
     "validator": "^13.15.35"
   },
   "devDependencies": {
@@ -1124,6 +1125,7 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "globals": "^17.6.0",
     "i18next": "^26.0.4",
+    "jsqr": "^1.4.0",
     "libphonenumber-js": "^1.12.41",
     "pdfjs-dist": "^5.6.205",
     "playwright": "^1.59.1",

package/dist/_chunks/qr-code-CPkEs5mG.js

@@ -1,574 +0,0 @@
-var K = Object.defineProperty;
-var P = (e, t, o) => t in e ? K(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var D = (e, t, o) => P(e, typeof t != "symbol" ? t + "" : t, o);
-import { jsxs as N, jsx as w } from "react/jsx-runtime";
-import { forwardRef as H, useMemo as X } from "react";
-import { c as Q } from "./index-D2ZczOXr.js";
-import { useTranslation as Z } from "react-i18next";
-import { u as J } from "./registry-DvAUVLHh.js";
-import { A as W } from "./Alfadocs_Logo_Mark-7o3L3WBI.js";
-const Y = {
-  id: "qr-code",
-  capabilities: [],
-  state: {
-    value: {
-      type: "string",
-      descriptionKey: "ui.agent.qrCode.state.value",
-      description: "The string (typically an https URL) encoded into the QR.",
-      read: (e) => e
-    }
-  },
-  actions: {},
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "qr-code",
-      description: "Marks the element as a kit QrCode renderer."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, A = new Uint8Array(512), I = new Uint8Array(256);
-(() => {
-  let e = 1;
-  for (let t = 0; t < 255; t++)
-    A[t] = e, I[e] = t, e <<= 1, e & 256 && (e ^= 285);
-  for (let t = 255; t < 512; t++) A[t] = A[t - 255];
-})();
-function G(e, t) {
-  return e === 0 || t === 0 ? 0 : A[I[e] + I[t]];
-}
-function ee(e) {
-  let t = [1];
-  for (let o = 0; o < e; o++) {
-    const r = new Array(t.length + 1).fill(0);
-    for (let n = 0; n < t.length; n++)
-      r[n] ^= t[n], r[n + 1] ^= G(t[n], A[o]);
-    t = r;
-  }
-  return t;
-}
-function F(e, t) {
-  const o = ee(t), r = new Array(t).fill(0);
-  for (const n of e) {
-    const l = n ^ r[0];
-    if (r.shift(), r.push(0), l !== 0)
-      for (let s = 0; s < t; s++) r[s] ^= G(o[s + 1], l);
-  }
-  return r;
-}
-const $ = {
-  L: {
-    1: [7, 1, 19, 0, 0],
-    2: [10, 1, 34, 0, 0],
-    3: [15, 1, 55, 0, 0],
-    4: [20, 1, 80, 0, 0],
-    5: [26, 1, 108, 0, 0],
-    6: [18, 2, 68, 0, 0],
-    7: [20, 2, 78, 0, 0],
-    8: [24, 2, 97, 0, 0],
-    9: [30, 2, 116, 0, 0],
-    10: [18, 2, 68, 2, 69]
-  },
-  M: {
-    1: [10, 1, 16, 0, 0],
-    2: [16, 1, 28, 0, 0],
-    3: [26, 1, 44, 0, 0],
-    4: [18, 2, 32, 0, 0],
-    5: [24, 2, 43, 0, 0],
-    6: [16, 4, 27, 0, 0],
-    7: [18, 4, 31, 0, 0],
-    8: [22, 2, 38, 2, 39],
-    9: [22, 3, 36, 2, 37],
-    10: [26, 4, 43, 1, 44]
-  },
-  Q: {
-    1: [13, 1, 13, 0, 0],
-    2: [22, 1, 22, 0, 0],
-    3: [18, 2, 17, 0, 0],
-    4: [26, 2, 24, 0, 0],
-    5: [18, 2, 15, 2, 16],
-    6: [24, 4, 19, 0, 0],
-    7: [18, 2, 14, 4, 15],
-    8: [22, 4, 18, 2, 19],
-    9: [20, 4, 16, 4, 17],
-    10: [24, 6, 19, 2, 20]
-  },
-  H: {
-    1: [17, 1, 9, 0, 0],
-    2: [28, 1, 16, 0, 0],
-    3: [22, 2, 13, 0, 0],
-    4: [16, 4, 9, 0, 0],
-    5: [22, 2, 11, 2, 12],
-    6: [28, 4, 15, 0, 0],
-    7: [26, 4, 13, 1, 14],
-    8: [26, 4, 14, 2, 15],
-    9: [24, 4, 12, 4, 13],
-    10: [28, 6, 15, 2, 16]
-  }
-};
-function R(e) {
-  const [, t, o, r, n] = e;
-  return t * o + r * n;
-}
-const te = {
-  L: 1,
-  M: 0,
-  Q: 3,
-  H: 2
-};
-function re(e) {
-  let t = e << 10;
-  const o = 1335;
-  for (; k(t) - k(o) >= 0; ) t ^= o << k(t) - k(o);
-  return (e << 10 | t) ^ 21522;
-}
-function oe(e) {
-  let t = e << 12;
-  const o = 7973;
-  for (; k(t) - k(o) >= 0; ) t ^= o << k(t) - k(o);
-  return e << 12 | t;
-}
-function k(e) {
-  let t = 0;
-  for (; e; )
-    t++, e >>>= 1;
-  return t;
-}
-const se = {
-  1: [],
-  2: [6, 18],
-  3: [6, 22],
-  4: [6, 26],
-  5: [6, 30],
-  6: [6, 34],
-  7: [6, 22, 38],
-  8: [6, 24, 42],
-  9: [6, 26, 46],
-  10: [6, 28, 50]
-};
-function U(e) {
-  const t = new TextEncoder();
-  return Array.from(t.encode(e));
-}
-function ne(e, t) {
-  for (let o = 1; o <= 10; o++) {
-    const r = $[t][o], n = R(r), s = 4 + (o >= 10 ? 16 : 8), i = Math.floor((n * 8 - s) / 8);
-    if (e <= i) return o;
-  }
-  throw new Error(
-    `[QrCode] value too long for version 10 at EC level ${t} (${e} bytes).`
-  );
-}
-class ae {
-  constructor() {
-    D(this, "bits", []);
-  }
-  put(t, o) {
-    for (let r = o - 1; r >= 0; r--) this.bits.push(t >>> r & 1);
-  }
-  get length() {
-    return this.bits.length;
-  }
-}
-function ce(e, t, o) {
-  const r = U(e), n = $[t][o], l = R(n), s = new ae();
-  s.put(4, 4), s.put(r.length, o >= 10 ? 16 : 8);
-  for (const f of r) s.put(f, 8);
-  const i = l * 8, h = Math.min(4, i - s.length);
-  for (s.put(0, h); s.length % 8 !== 0; ) s.bits.push(0);
-  const v = [];
-  for (let f = 0; f < s.length; f += 8) {
-    let m = 0;
-    for (let q = 0; q < 8; q++) m = m << 1 | s.bits[f + q];
-    v.push(m);
-  }
-  const a = [236, 17];
-  let c = 0;
-  for (; v.length < l; ) v.push(a[c++ % 2]);
-  const [d, u, b, _, y] = n, g = [];
-  let p = 0;
-  for (let f = 0; f < u; f++) {
-    const m = v.slice(p, p + b);
-    p += b, g.push({ data: m, ec: F(m, d) });
-  }
-  for (let f = 0; f < _; f++) {
-    const m = v.slice(p, p + y);
-    p += y, g.push({ data: m, ec: F(m, d) });
-  }
-  const x = [], L = Math.max(b, y);
-  for (let f = 0; f < L; f++)
-    for (const m of g) f < m.data.length && x.push(m.data[f]);
-  for (let f = 0; f < d; f++)
-    for (const m of g) x.push(m.ec[f]);
-  return x;
-}
-function le(e) {
-  return Array.from(
-    { length: e },
-    () => Array.from({ length: e }, () => ({ dark: !1, reserved: !1 }))
-  );
-}
-function z(e, t, o) {
-  for (let r = -1; r <= 7; r++)
-    for (let n = -1; n <= 7; n++) {
-      const l = t + r, s = o + n;
-      if (l < 0 || l >= e.length || s < 0 || s >= e.length) continue;
-      const i = r >= 0 && r <= 6 && (n === 0 || n === 6) || n >= 0 && n <= 6 && (r === 0 || r === 6), h = r >= 2 && r <= 4 && n >= 2 && n <= 4;
-      e[l][s] = { dark: i || h, reserved: !0 };
-    }
-}
-function de(e, t) {
-  const o = se[t];
-  for (const r of o)
-    for (const n of o)
-      if (!(r === 6 && n === 6 || r === 6 && n === o[o.length - 1] || r === o[o.length - 1] && n === 6) && !e[r][n].reserved)
-        for (let l = -2; l <= 2; l++)
-          for (let s = -2; s <= 2; s++) {
-            const i = Math.max(Math.abs(l), Math.abs(s)) !== 1;
-            e[r + l][n + s] = { dark: i, reserved: !0 };
-          }
-}
-function ie(e) {
-  for (let t = 8; t < e.length - 8; t++)
-    e[6][t].reserved || (e[6][t] = { dark: t % 2 === 0, reserved: !0 }), e[t][6].reserved || (e[t][6] = { dark: t % 2 === 0, reserved: !0 });
-}
-function fe(e, t) {
-  const o = e.length;
-  e[o - 8][8] = { dark: !0, reserved: !0 };
-  for (let r = 0; r < 9; r++)
-    e[8][r].reserved || (e[8][r].reserved = !0), e[r][8].reserved || (e[r][8].reserved = !0);
-  for (let r = 0; r < 8; r++)
-    e[8][o - 1 - r].reserved = !0, e[o - 1 - r][8].reserved = !0;
-  if (t >= 7)
-    for (let r = 0; r < 6; r++)
-      for (let n = 0; n < 3; n++)
-        e[r][o - 11 + n].reserved = !0, e[o - 11 + n][r].reserved = !0;
-}
-function ue(e, t) {
-  const o = e.length;
-  let r = 0;
-  const n = t.length * 8, l = (i) => i < n ? t[i >> 3] >> 7 - (i & 7) & 1 : 0;
-  let s = !0;
-  for (let i = o - 1; i > 0; i -= 2) {
-    i === 6 && i--;
-    for (let h = 0; h < o; h++) {
-      const v = s ? o - 1 - h : h;
-      for (let a = 0; a < 2; a++) {
-        const c = i - a, d = e[v][c];
-        d.reserved || (d.dark = l(r) === 1, r++);
-      }
-    }
-    s = !s;
-  }
-}
-const he = [
-  (e, t) => (e + t) % 2 === 0,
-  (e) => e % 2 === 0,
-  (e, t) => t % 3 === 0,
-  (e, t) => (e + t) % 3 === 0,
-  (e, t) => (Math.floor(e / 2) + Math.floor(t / 3)) % 2 === 0,
-  (e, t) => e * t % 2 + e * t % 3 === 0,
-  (e, t) => (e * t % 2 + e * t % 3) % 2 === 0,
-  (e, t) => ((e + t) % 2 + e * t % 3) % 2 === 0
-];
-function pe(e, t) {
-  return e.map(
-    (o, r) => o.map((n, l) => ({
-      dark: n.reserved ? n.dark : n.dark !== he[t](r, l)
-    }))
-  );
-}
-function me(e, t, o) {
-  const r = e.length, n = re(te[t] << 3 | o), l = (s) => (n >> s & 1) === 1;
-  for (let s = 0; s <= 5; s++) e[s][8].dark = l(s);
-  e[7][8].dark = l(6), e[8][8].dark = l(7), e[8][7].dark = l(8);
-  for (let s = 9; s < 15; s++) e[8][14 - s].dark = l(s);
-  for (let s = 0; s < 8; s++) e[8][r - 1 - s].dark = l(s);
-  for (let s = 8; s < 15; s++) e[r - 15 + s][8].dark = l(s);
-  e[r - 8][8].dark = !0;
-}
-function ve(e, t) {
-  if (t < 7) return;
-  const o = e.length, r = oe(t);
-  for (let n = 0; n < 18; n++) {
-    const l = (r >> n & 1) === 1, s = Math.floor(n / 3), i = n % 3;
-    e[s][o - 11 + i].dark = l, e[o - 11 + i][s].dark = l;
-  }
-}
-function be(e) {
-  const t = e.length;
-  let o = 0;
-  const r = (a) => {
-    let c = 0, d = 1;
-    for (let u = 1; u < a.length; u++)
-      a[u] === a[u - 1] ? d++ : (d >= 5 && (c += 3 + (d - 5)), d = 1);
-    return d >= 5 && (c += 3 + (d - 5)), c;
-  };
-  for (let a = 0; a < t; a++) o += r(e[a].map((c) => c.dark));
-  for (let a = 0; a < t; a++) o += r(e.map((c) => c[a].dark));
-  for (let a = 0; a < t - 1; a++)
-    for (let c = 0; c < t - 1; c++) {
-      const d = e[a][c].dark;
-      e[a][c + 1].dark === d && e[a + 1][c].dark === d && e[a + 1][c + 1].dark === d && (o += 3);
-    }
-  const n = [!0, !1, !0, !0, !0, !1, !0], l = (a, c) => n.every((d, u) => a[c + u] === d), s = (a) => {
-    let c = 0;
-    for (let d = 0; d + 11 <= a.length; d++)
-      l(a, d) && a.slice(d + 7, d + 11).every((u) => !u) && (c += 40), a.slice(d, d + 4).every((u) => !u) && l(a, d + 4) && (c += 40);
-    return c;
-  };
-  for (let a = 0; a < t; a++) o += s(e[a].map((c) => c.dark));
-  for (let a = 0; a < t; a++)
-    o += s(e.map((c) => c[a].dark));
-  let i = 0;
-  for (const a of e) for (const c of a) c.dark && i++;
-  const h = i / (t * t) * 100, v = Math.floor(Math.abs(h - 50) / 5);
-  return o += v * 10, o;
-}
-function ge(e, t) {
-  const o = U(e).length, r = ne(o, t), n = r * 4 + 17, l = ce(e, t, r), s = le(n);
-  z(s, 0, 0), z(s, 0, n - 7), z(s, n - 7, 0), de(s, r), ie(s), fe(s, r), ue(s, l);
-  let i = null, h = 1 / 0;
-  for (let c = 0; c < 8; c++) {
-    const d = pe(s, c);
-    me(d, t, c), ve(d, r);
-    const u = be(d);
-    u < h && (h = u, i = d);
-  }
-  const v = i, a = [];
-  for (let c = 0; c < n; c++)
-    for (let d = 0; d < n; d++) a.push(v[c][d].dark);
-  return { size: n, modules: a };
-}
-let T = null;
-function Te(e) {
-  T = e;
-}
-function ke(e, t) {
-  if (T) {
-    const o = T(e, { errorCorrectionLevel: t }), { size: r, data: n } = o.modules, l = [];
-    for (let s = 0; s < n.length; s++) l.push(n[s] === 1);
-    return { size: r, modules: l };
-  }
-  return ge(e, t);
-}
-const ye = Q(
-  [
-    "ds:inline-flex ds:flex-col ds:items-center ds:shrink-0",
-    "ds:gap-[var(--spacing-sm)]",
-    // The matrix must never mirror in RTL — a mirrored QR is unscannable —
-    // so the wrapper pins LTR while caption/label text still flips via the
-    // logical `text-*` utilities. Mirrors Sparkline's `dir="ltr"` pin.
-    "ds:leading-none"
-  ],
-  {
-    variants: {
-      variant: {
-        plain: "",
-        framed: [
-          "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
-          "ds:border ds:border-[color:var(--border)]",
-          // Accessible theme thickens the boundary in step with Card / Stat.
-          "ds:[.theme-accessible_&]:border-2",
-          "ds:rounded-[var(--radius-lg)]",
-          "ds:p-[var(--spacing-md)]",
-          // Forced-colors: the UA strips background; keep a CanvasText
-          // boundary so the frame survives Windows High Contrast Mode.
-          "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
-        ],
-        "with-caption": [
-          "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
-          "ds:border ds:border-[color:var(--border)]",
-          "ds:[.theme-accessible_&]:border-2",
-          "ds:rounded-[var(--radius-lg)]",
-          "ds:p-[var(--spacing-md)]",
-          "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
-        ]
-      },
-      // Edge length of the matrix box, driven by dedicated tokens
-      // (`--qr-code-size-*`, parallel to `--logo-size-*`). The token owner
-      // controls the scale and the accessible theme can lift it; the
-      // var() fallback is only a graceful default so the box renders before
-      // those token rows land — the token wins whenever it is defined.
-      size: {
-        sm: "ds:[--qr-edge:var(--qr-code-size-sm,8rem)]",
-        md: "ds:[--qr-edge:var(--qr-code-size-md,12rem)]",
-        lg: "ds:[--qr-edge:var(--qr-code-size-lg,16rem)]"
-      },
-      tone: {
-        default: "",
-        // Light modules on a dark quiet zone. The chrome inverts via tokens;
-        // the matrix colours themselves are swapped in the SVG (scanner
-        // constraint — see the literal note below).
-        inverted: ""
-      }
-    },
-    defaultVariants: { variant: "framed", size: "md", tone: "default" }
-  }
-), xe = Q(
-  [
-    "type-body-sm",
-    "ds:text-[color:var(--card-foreground)]",
-    // Caption flips with reading direction; the matrix above stays LTR.
-    "ds:text-center"
-  ],
-  {
-    variants: {
-      tone: {
-        default: "",
-        inverted: ""
-      }
-    },
-    defaultVariants: { tone: "default" }
-  }
-), we = Q(
-  [
-    "ds:pointer-events-none ds:absolute ds:inset-0 ds:m-auto",
-    "ds:flex ds:items-center ds:justify-center",
-    "ds:rounded-[var(--radius-sm)] ds:p-[var(--spacing-2xs)]",
-    "ds:bg-[var(--background)]",
-    // Clamp to the published LOGO_EDGE_FRACTION of the matrix edge.
-    "ds:[block-size:calc(var(--qr-edge)*var(--qr-logo-edge))]",
-    "ds:[inline-size:calc(var(--qr-edge)*var(--qr-logo-edge))]",
-    // The mark/custom node fills the padded knockout box.
-    "ds:[&>*]:h-full ds:[&>*]:w-full",
-    "ds:[&>*]:max-h-full ds:[&>*]:max-w-full"
-  ],
-  {
-    variants: {
-      tone: {
-        default: "ds:text-[color:var(--primary)]",
-        inverted: "ds:text-[color:var(--foreground)]"
-      }
-    },
-    defaultVariants: { tone: "default" }
-  }
-), E = 4, qe = "ds:[--qr-logo-edge:0.22]", Me = /* @__PURE__ */ w(W, { "aria-hidden": !0, focusable: "false" });
-function Ce(e, t) {
-  if (!e) return null;
-  try {
-    return ke(e, t);
-  } catch {
-    return null;
-  }
-}
-const Ae = H(
-  ({
-    value: e,
-    variant: t = "framed",
-    size: o = "md",
-    tone: r = "default",
-    errorCorrectionLevel: n,
-    logo: l,
-    caption: s,
-    quietZone: i = E,
-    label: h,
-    decorative: v,
-    className: a,
-    id: c,
-    ...d
-  }, u) => {
-    const { t: b } = Z(), _ = l !== !1, y = _ ? l ?? Me : null, g = n ?? (_ ? "H" : "M"), p = X(() => Ce(e, g), [e, g]), x = Math.max(E, Math.floor(i)), L = p ? h ? b("qrCode.ariaLabelNamed", { label: h }) : b("qrCode.ariaLabel") : b("qrCode.empty"), f = v ? { role: "presentation", "aria-hidden": !0 } : { role: "img", "aria-label": L }, q = t === "with-caption" ? s ?? b("qrCode.caption") : void 0, j = r === "inverted" ? "#fff" : "#000", S = r === "inverted" ? "#000" : "#fff", O = [];
-    let B = `0 0 ${(E * 2 + 1) * 1} ${(E * 2 + 1) * 1}`;
-    if (p) {
-      const V = p.size + x * 2;
-      B = `0 0 ${V} ${V}`;
-      for (let M = 0; M < p.size; M++)
-        for (let C = 0; C < p.size; C++)
-          p.modules[M * p.size + C] && O.push(
-            /* @__PURE__ */ w(
-              "rect",
-              {
-                x: C + x,
-                y: M + x,
-                width: 1,
-                height: 1,
-                fill: j
-              },
-              `${M}-${C}`
-            )
-          );
-    }
-    return J(Y, e, c), /* @__PURE__ */ N(
-      "div",
-      {
-        ref: u,
-        ...f,
-        ...d,
-        id: c,
-        dir: "ltr",
-        "data-component": "qr-code",
-        "data-component-id": c,
-        "data-tone": r,
-        "data-ec": g,
-        "data-logo": y ? "true" : "false",
-        className: ye({ variant: t, size: o, tone: r, className: a }),
-        children: [
-          /* @__PURE__ */ N(
-            "div",
-            {
-              className: `ds:relative ds:w-[var(--qr-edge)] ds:h-[var(--qr-edge)] ds:max-w-full ${qe}`,
-              children: [
-                p ? /* @__PURE__ */ N(
-                  "svg",
-                  {
-                    "aria-hidden": "true",
-                    focusable: "false",
-                    viewBox: B,
-                    shapeRendering: "crispEdges",
-                    className: "ds:block ds:h-full ds:w-full",
-                    children: [
-                      /* @__PURE__ */ w("rect", { x: 0, y: 0, width: "100%", height: "100%", fill: S }),
-                      O
-                    ]
-                  }
-                ) : /* @__PURE__ */ w(
-                  "svg",
-                  {
-                    "aria-hidden": "true",
-                    focusable: "false",
-                    viewBox: B,
-                    className: "ds:block ds:h-full ds:w-full",
-                    children: /* @__PURE__ */ w(
-                      "rect",
-                      {
-                        x: 0,
-                        y: 0,
-                        width: "100%",
-                        height: "100%",
-                        fill: S,
-                        className: "ds:opacity-0"
-                      }
-                    )
-                  }
-                ),
-                p && y ? /* @__PURE__ */ w(
-                  "span",
-                  {
-                    "aria-hidden": "true",
-                    "data-slot": "qr-center-logo",
-                    className: we({ tone: r }),
-                    children: y
-                  }
-                ) : null
-              ]
-            }
-          ),
-          q ? /* @__PURE__ */ w("p", { className: xe({ tone: r }), children: q }) : null
-        ]
-      }
-    );
-  }
-);
-Ae.displayName = "QrCode";
-export {
-  Ae as Q,
-  ke as c,
-  Y as q,
-  Te as s
-};
-//# sourceMappingURL=qr-code-CPkEs5mG.js.map

package/dist/_chunks/radio-TWf9Q-mp.js

@@ -1,108 +0,0 @@
-import { jsx as s, jsxs as a } from "react/jsx-runtime";
-import { useContext as N, createContext as C, forwardRef as j, useId as R, useRef as I, useEffect as k } from "react";
-import * as u from "@radix-ui/react-radio-group";
-import { c as w } from "./index-D2ZczOXr.js";
-import { T as G } from "./tooltip-DvmfrNvB.js";
-const F = C(null);
-function S() {
-  return N(F);
-}
-const T = w(
-  [
-    "ds:group ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:rounded-full",
-    "ds:border ds:border-border ds:bg-background",
-    "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:disabled:cursor-not-allowed ds:disabled:opacity-50",
-    "ds:data-[state=checked]:border-primary",
-    "ds:data-[disabled]:border-muted",
-    'ds:relative ds:before:absolute ds:before:inset-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""]'
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:size-3.5",
-        md: "ds:size-4",
-        lg: "ds:size-5"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-), V = {
-  sm: "ds:size-1.5",
-  md: "ds:size-2",
-  lg: "ds:size-2.5"
-}, _ = j(
-  ({
-    label: t,
-    size: o = "md",
-    disabled: e,
-    disabledReason: i,
-    description: n,
-    id: p,
-    className: f,
-    value: c,
-    ...g
-  }, b) => {
-    const h = R(), r = p ?? h, d = S(), v = (d == null ? void 0 : d.variant) === "card";
-    I(!1), k(() => {
-    }, [d]);
-    const x = [
-      "ds:rounded-full ds:bg-primary",
-      V[o],
-      "ds:group-data-[disabled]:bg-muted"
-    ].join(" "), l = /* @__PURE__ */ s(
-      u.Item,
-      {
-        ref: b,
-        id: r,
-        disabled: e,
-        "aria-disabled": e || void 0,
-        value: c,
-        className: T({ size: o, className: f }),
-        "data-component": "radio",
-        "data-option-id": c,
-        ...g,
-        children: /* @__PURE__ */ s(
-          u.Indicator,
-          {
-            asChild: !0,
-            className: "ds:inline-flex ds:items-center ds:justify-center",
-            children: /* @__PURE__ */ s("span", { "aria-hidden": "true", className: x })
-          }
-        )
-      }
-    ), y = [
-      "type-label ds:text-foreground ds:select-none",
-      e ? "ds:cursor-not-allowed ds:opacity-50" : "ds:cursor-pointer"
-    ].join(" "), z = [
-      "ds:flex ds:items-start ds:gap-[var(--spacing-md)]",
-      "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
-      "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:py-[var(--spacing-md)]",
-      "ds:min-h-[var(--min-target-size)]",
-      "ds:has-[[data-state=checked]]:border-ring",
-      "ds:has-[[data-state=checked]]:bg-[color-mix(in_srgb,var(--accent)_5%,transparent)]",
-      "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-      e ? "ds:cursor-not-allowed ds:opacity-50" : "ds:cursor-pointer"
-    ].join(" "), m = v ? /* @__PURE__ */ a("label", { htmlFor: r, className: z, children: [
-      l,
-      /* @__PURE__ */ a("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:text-start", children: [
-        /* @__PURE__ */ s("span", { className: "type-label ds:text-foreground", children: t }),
-        n ? /* @__PURE__ */ s("span", { className: "type-body-sm ds:text-muted-foreground", children: n }) : null
-      ] })
-    ] }) : /* @__PURE__ */ a("div", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)]", children: [
-      l,
-      /* @__PURE__ */ s("label", { htmlFor: r, className: y, children: t })
-    ] });
-    return e && i ? /* @__PURE__ */ s(G, { label: i, children: m }) : m;
-  }
-);
-_.displayName = "Radio";
-export {
-  _ as R,
-  F as a
-};
-//# sourceMappingURL=radio-TWf9Q-mp.js.map