@alfadocs/ui-kit 1.30.0 → 1.32.0

package/dist/_chunks/radio-DNRe6H_8.js

@@ -0,0 +1,193 @@
+import { jsx as s, jsxs as o, Fragment as V } from "react/jsx-runtime";
+import { useContext as B, createContext as G, forwardRef as O, useId as E, useState as H, useRef as _, useEffect as q } from "react";
+import * as c from "@radix-ui/react-radio-group";
+import { c as z } from "./index-D2ZczOXr.js";
+import { T as y } from "./tooltip-DvmfrNvB.js";
+const A = G(null);
+function D() {
+  return B(A);
+}
+const J = z(
+  [
+    "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"
+    }
+  }
+), K = z(
+  [
+    "ds:relative ds:inline-flex ds:shrink-0 ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
+    "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
+    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-sm)] ds:whitespace-nowrap type-label"
+  ].join(" "),
+  {
+    variants: {
+      interactive: {
+        true: [
+          "ds:cursor-pointer ds:bg-transparent ds:text-foreground",
+          "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+          "ds:data-[state=unchecked]:hover:enabled:bg-muted",
+          "ds:data-[state=checked]:bg-primary ds:data-[state=checked]:text-primary-foreground",
+          "ds:focus-visible:z-10 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]",
+          // Forced colours drop background fills, so the chosen segment
+          // keeps the system highlight pair instead.
+          "ds:forced-colors:data-[state=checked]:[forced-color-adjust:none]",
+          "ds:forced-colors:data-[state=checked]:bg-[Highlight] ds:forced-colors:data-[state=checked]:text-[HighlightText]",
+          "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
+        ].join(" "),
+        false: ""
+      }
+    },
+    defaultVariants: {
+      interactive: !1
+    }
+  }
+);
+function L({
+  icon: d,
+  text: r,
+  collapsed: e
+}) {
+  return /* @__PURE__ */ o(V, { children: [
+    d ? /* @__PURE__ */ s(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "ds:inline-flex ds:shrink-0 ds:items-center ds:[&>svg]:size-4",
+        children: d
+      }
+    ) : null,
+    /* @__PURE__ */ s("span", { className: e && d ? "ds:sr-only" : void 0, children: r })
+  ] });
+}
+const M = {
+  sm: "ds:size-1.5",
+  md: "ds:size-2",
+  lg: "ds:size-2.5"
+}, P = O(
+  ({
+    label: d,
+    size: r = "md",
+    disabled: e,
+    disabledReason: t,
+    description: l,
+    icon: u,
+    shortLabel: k,
+    id: N,
+    className: m,
+    value: i,
+    ...f
+  }, p) => {
+    const j = E(), n = N ?? j, a = D(), C = (a == null ? void 0 : a.variant) === "card", [w, I] = H(!1);
+    if (_(!1), q(() => {
+    }, [a]), (a == null ? void 0 : a.variant) === "segmented") {
+      const v = !!(e && t), b = a.collapsed && !e, x = v || b && !!u;
+      return /* @__PURE__ */ s(
+        y,
+        {
+          label: v && t ? t : d,
+          open: x && w,
+          onOpenChange: (T) => I(x ? T : !1),
+          children: /* @__PURE__ */ s("span", { className: "ds:flex", "data-component": "radio", children: /* @__PURE__ */ s(
+            c.Item,
+            {
+              ref: p,
+              id: n,
+              disabled: e,
+              "aria-disabled": e || void 0,
+              "aria-label": d,
+              value: i,
+              className: K({ interactive: !0, className: m }),
+              "data-option-id": i,
+              ...f,
+              children: /* @__PURE__ */ s(
+                L,
+                {
+                  icon: u,
+                  text: k ?? d,
+                  collapsed: b
+                }
+              )
+            }
+          ) })
+        }
+      );
+    }
+    const R = [
+      "ds:rounded-full ds:bg-primary",
+      M[r],
+      "ds:group-data-[disabled]:bg-muted"
+    ].join(" "), g = /* @__PURE__ */ s(
+      c.Item,
+      {
+        ref: p,
+        id: n,
+        disabled: e,
+        "aria-disabled": e || void 0,
+        value: i,
+        className: J({ size: r, className: m }),
+        "data-component": "radio",
+        "data-option-id": i,
+        ...f,
+        children: /* @__PURE__ */ s(
+          c.Indicator,
+          {
+            asChild: !0,
+            className: "ds:inline-flex ds:items-center ds:justify-center",
+            children: /* @__PURE__ */ s("span", { "aria-hidden": "true", className: R })
+          }
+        )
+      }
+    ), F = [
+      "type-label ds:text-foreground ds:select-none",
+      e ? "ds:cursor-not-allowed ds:opacity-50" : "ds:cursor-pointer"
+    ].join(" "), S = [
+      "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(" "), h = C ? /* @__PURE__ */ o("label", { htmlFor: n, className: S, children: [
+      g,
+      /* @__PURE__ */ o("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: d }),
+        l ? /* @__PURE__ */ s("span", { className: "type-body-sm ds:text-muted-foreground", children: l }) : null
+      ] })
+    ] }) : /* @__PURE__ */ o("div", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)]", children: [
+      g,
+      /* @__PURE__ */ s("label", { htmlFor: n, className: F, children: d })
+    ] });
+    return e && t ? /* @__PURE__ */ s(y, { label: t, children: h }) : h;
+  }
+);
+P.displayName = "Radio";
+export {
+  P as R,
+  L as a,
+  A as b,
+  K as r
+};
+//# sourceMappingURL=radio-DNRe6H_8.js.map

package/dist/_chunks/radio-group-DyVBgnA3.js

@@ -0,0 +1,297 @@
+import { jsx as e, jsxs as u, Fragment as ae } from "react/jsx-runtime";
+import { forwardRef as de, useId as ie, Children as le, isValidElement as ce, useMemo as O, useRef as m, useState as Q } from "react";
+import * as pe from "@radix-ui/react-radio-group";
+import { c as ue } from "./index-D2ZczOXr.js";
+import { a as me, r as fe, b as E } from "./radio-DNRe6H_8.js";
+import { a as ve } from "./tooltip-DvmfrNvB.js";
+import { c as ge } from "./compose-refs-C0k0tdqF.js";
+import { u as J } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as he } from "./registry-DvAUVLHh.js";
+import { u as xe } from "./use-direction-Dp8h70PP.js";
+import { C as be } from "./circle-alert-rGDZ73Wh.js";
+const Re = {
+  id: "radio-group",
+  capabilities: ["select_single"],
+  state: {
+    value: {
+      type: "string",
+      descriptionKey: "ui.agent.radioGroup.state.value",
+      description: "Currently selected radio value, or empty string when none.",
+      read: (t) => t.getValue()
+    }
+  },
+  actions: {
+    set_value: {
+      safety: "write",
+      argsType: "{ value: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          value: {
+            type: "string",
+            description: "Value of the radio to select (its data-option-id)."
+          }
+        },
+        required: ["value"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.radioGroup.actions.setValue",
+      description: "Select the radio with the given value. A value that matches no enabled radio is ignored.",
+      invoke: (t, r) => {
+        t.setValue(r.value);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "radio-group",
+      description: "Marks the RadioGroup root."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    },
+    item: {
+      attr: "data-option-id",
+      description: "Stable opaque value emitted on each rendered Radio child."
+    }
+  }
+}, U = "ds:flex ds:flex-nowrap ds:items-stretch ds:gap-[var(--spacing-2xs)] ds:rounded-[var(--radius-md)] ds:border ds:border-border ds:bg-background ds:p-[var(--spacing-2xs)]", ye = ue("ds:flex", {
+  variants: {
+    variant: {
+      vertical: "ds:flex-col ds:gap-[var(--spacing-sm)]",
+      horizontal: "ds:flex-row ds:flex-wrap ds:gap-[var(--spacing-md)]",
+      card: "ds:flex-col ds:gap-[var(--spacing-md)]",
+      segmented: `${U} ds:w-fit ds:max-w-full ds:min-w-0`
+    }
+  },
+  defaultVariants: {
+    variant: "vertical"
+  }
+}), A = () => {
+};
+function Ne(t, r, f) {
+  const n = m(null), a = m(null), v = m(null), o = m(null), [g, d] = Q(!1), h = m(A);
+  return J(() => {
+    const x = n.current, i = a.current;
+    if (!t || !x || !i) {
+      d(!1);
+      return;
+    }
+    const l = () => {
+      const p = x.clientWidth;
+      if (p <= 0) {
+        d(!1);
+        return;
+      }
+      const w = o.current, V = v.current, b = w && V ? w.offsetWidth + (Number.parseFloat(window.getComputedStyle(V).columnGap) || 0) : 0;
+      d(i.scrollWidth > p - b + 1);
+    };
+    if (h.current = l, l(), typeof ResizeObserver > "u")
+      return () => {
+        h.current = A;
+      };
+    const c = new ResizeObserver(l);
+    return c.observe(x), c.observe(i), o.current && c.observe(o.current), () => {
+      c.disconnect(), h.current = A;
+    };
+  }, [t, r]), J(() => {
+    h.current();
+  }, [f]), { containerRef: n, measureRef: a, lineRef: v, endRef: o, collapsed: g };
+}
+const we = de(
+  ({
+    children: t,
+    variant: r = "vertical",
+    label: f,
+    labelStart: n,
+    labelEnd: a,
+    controlEnd: v,
+    description: o,
+    error: g,
+    required: d,
+    disabled: h,
+    className: x,
+    id: i,
+    value: l,
+    defaultValue: c,
+    onValueChange: p,
+    ...w
+  }, V) => {
+    const b = ie(), C = `${b}-legend`, S = `${b}-description`, k = `${b}-error`, X = [o ? S : null, g ? k : null].filter(Boolean).join(" ") || void 0, Y = f ? C : void 0, R = r === "segmented", Z = r === "horizontal" || R ? "horizontal" : "vertical", I = R ? le.toArray(t).filter(ce) : [], ee = I.map(
+      (s) => `${s.props.value ?? ""}:${s.props.shortLabel ?? s.props.label ?? ""}:${s.props.icon ? 1 : 0}`
+    ).join("|"), y = Ne(
+      R,
+      `${!!v}:${!!f}`,
+      ee
+    ), G = R && y.collapsed, B = O(
+      () => ({ variant: r, collapsed: G }),
+      [r, G]
+    ), z = o ? /* @__PURE__ */ e("p", { id: S, className: "type-body-sm ds:text-muted-foreground", children: o }) : null, j = g ? /* @__PURE__ */ u(
+      "p",
+      {
+        id: k,
+        role: "alert",
+        className: "ds:inline-flex ds:items-start ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive",
+        children: [
+          /* @__PURE__ */ e(be, { "aria-hidden": "true", className: "ds:size-4 ds:shrink-0" }),
+          /* @__PURE__ */ e("span", { children: g })
+        ]
+      }
+    ) : null, $ = m(null), se = ge(V, $), te = xe($), N = l !== void 0, [re, oe] = Q(
+      c ?? ""
+    ), T = N ? l ?? "" : re, K = m(T);
+    K.current = T;
+    const L = (s) => {
+      N || oe(s), p == null || p(s);
+    }, ne = O(
+      () => ({
+        getValue: () => K.current,
+        // An agent may only pick what a user could: a value with a rendered,
+        // enabled radio. Unoffered or disabled values are ignored.
+        setValue: (s) => {
+          var D;
+          Array.from(
+            ((D = $.current) == null ? void 0 : D.querySelectorAll('[role="radio"]')) ?? []
+          ).some(
+            (H) => H.getAttribute("data-option-id") === s && !H.hasAttribute("data-disabled")
+          ) && L(s);
+        }
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [N, p]
+    );
+    he(Re, ne, i);
+    const P = /* @__PURE__ */ e(
+      pe.Root,
+      {
+        ref: se,
+        id: i,
+        orientation: Z,
+        dir: te,
+        disabled: h,
+        required: d,
+        value: N ? l : void 0,
+        defaultValue: N ? void 0 : c,
+        onValueChange: L,
+        "aria-labelledby": Y,
+        "aria-describedby": X,
+        "aria-invalid": !!g || void 0,
+        "aria-required": d || void 0,
+        className: ye({ variant: r, className: x }),
+        "data-component": "radio-group",
+        "data-component-id": i,
+        "data-collapsed": G ? "" : void 0,
+        ...w,
+        children: t
+      }
+    ), W = R ? (
+      // Segments carry a tooltip each; bring a provider so the variant is
+      // safe in a host without one at its root.
+      /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ u(
+        "div",
+        {
+          ref: y.containerRef,
+          className: "ds:relative ds:w-full ds:min-w-0",
+          children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                "aria-hidden": "true",
+                className: "ds:pointer-events-none ds:invisible ds:absolute ds:inset-0 ds:overflow-hidden",
+                children: /* @__PURE__ */ e(
+                  "div",
+                  {
+                    ref: y.measureRef,
+                    "data-segment-measure": "",
+                    className: `ds:absolute ds:start-0 ds:top-0 ds:w-max ${U}`,
+                    children: I.map((s, q) => /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: fe(),
+                        children: /* @__PURE__ */ e(
+                          me,
+                          {
+                            icon: s.props.icon,
+                            text: s.props.shortLabel ?? s.props.label ?? "",
+                            collapsed: !1
+                          }
+                        )
+                      },
+                      s.key ?? q
+                    ))
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ u(
+              "div",
+              {
+                ref: y.lineRef,
+                className: "ds:flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-md)]",
+                children: [
+                  P,
+                  v ? /* @__PURE__ */ e(
+                    "span",
+                    {
+                      ref: y.endRef,
+                      className: "ds:inline-flex ds:shrink-0 ds:items-center",
+                      children: v
+                    }
+                  ) : null
+                ]
+              }
+            )
+          ]
+        }
+      ) })
+    ) : P, F = "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-0", M = !!(n || a), _ = /* @__PURE__ */ u(ae, { children: [
+      f,
+      d ? /* @__PURE__ */ e(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "ds:text-destructive ds:ms-[var(--spacing-xs)]",
+          children: "*"
+        }
+      ) : null
+    ] });
+    return f ? /* @__PURE__ */ e(E.Provider, { value: B, children: /* @__PURE__ */ u(
+      "fieldset",
+      {
+        role: "presentation",
+        className: `${F} ds:border-0 ds:p-0 ds:m-0`,
+        children: [
+          /* @__PURE__ */ e(
+            "legend",
+            {
+              id: C,
+              className: M ? "type-label ds:text-foreground ds:p-0 ds:w-full" : "type-label ds:text-foreground ds:p-0",
+              children: M ? /* @__PURE__ */ u("span", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-xs)]", children: [
+                n ? /* @__PURE__ */ e("span", { className: "ds:inline-flex ds:shrink-0 ds:items-center", children: n }) : null,
+                n ? " " : null,
+                /* @__PURE__ */ e("span", { children: _ }),
+                a ? " " : null,
+                a ? /* @__PURE__ */ e("span", { className: "ds:ms-auto ds:inline-flex ds:shrink-0 ds:items-center", children: a }) : null
+              ] }) : _
+            }
+          ),
+          z,
+          W,
+          j
+        ]
+      }
+    ) }) : /* @__PURE__ */ e(E.Provider, { value: B, children: /* @__PURE__ */ u("div", { className: F, children: [
+      z,
+      W,
+      j
+    ] }) });
+  }
+);
+we.displayName = "RadioGroup";
+export {
+  we as R
+};
+//# sourceMappingURL=radio-group-DyVBgnA3.js.map

package/dist/_chunks/{radiograph-panel.agent-ByM9M3qm.js → radiograph-panel.agent-o4jwEJPC.js}

@@ -1,7 +1,7 @@
 import { jsxs as c, Fragment as j, jsx as e } from "react/jsx-runtime";
 import { forwardRef as X, useState as h, useRef as ee, useImperativeHandle as ae, useMemo as re, useCallback as _, useEffect as ie } from "react";
 import { useTranslation as S } from "react-i18next";
-import { D as y } from "./dialog-UbKJCi1X.js";
+import { D as y } from "./dialog-BJiLqhx6.js";
 import { B as T } from "./button-nJaPh_HC.js";
 import { I as v } from "./icon-button-DA2CAGHZ.js";
 import { B as L } from "./badge-sTusUqZD.js";
@@ -533,4 +533,4 @@ export {
   qe as R,
   Ae as r
 };
-//# sourceMappingURL=radiograph-panel.agent-ByM9M3qm.js.map
+//# sourceMappingURL=radiograph-panel.agent-o4jwEJPC.js.map

package/dist/_chunks/{rich-text-editor-lSCiE0Zz.js → rich-text-editor-CQ7yZdG3.js}

@@ -18,8 +18,8 @@ import { B as ie } from "./button-nJaPh_HC.js";
 import { a as pt } from "./tooltip-DvmfrNvB.js";
 import { P as q } from "./popover-DP6WCVwm.js";
 import { D as Ae } from "./dropdown-menu-DU-Hrf33.js";
-import { D as B } from "./dialog-UbKJCi1X.js";
-import { C as We } from "./color-picker-CU303VjY.js";
+import { D as B } from "./dialog-BJiLqhx6.js";
+import { C as We } from "./color-picker-Bl5f0iK1.js";
 import { T as Ie } from "./text-input-CUvCb6ST.js";
 import { C as Xt } from "./checkbox-BuZ1u__2.js";
 import { F as Ut } from "./file-upload-CwxdqkMK.js";
@@ -2626,4 +2626,4 @@ export {
   hn as r,
   Qn as w
 };
-//# sourceMappingURL=rich-text-editor-lSCiE0Zz.js.map
+//# sourceMappingURL=rich-text-editor-CQ7yZdG3.js.map