@blakesteve/roster 5.4.0 → 5.5.0

package/dist/components/organisms/ModerationQueue/ModerationQueue.js

@@ -1,95 +1,93 @@
 "use client";
-import { jsxs as y, jsx as c, Fragment as ye } from "react/jsx-runtime";
-import { useId as Ke, useRef as p, useState as C, useCallback as ee, useLayoutEffect as te } from "react";
-import { cn as H } from "../../../lib/utils.js";
-import { Button as Se } from "../../atoms/Button/Button.js";
-import { Card as Qe } from "../../atoms/Card/Card.js";
-import { Spinner as ke } from "../../atoms/Spinner/Spinner.js";
+import { jsxs as y, jsx as c, Fragment as xe } from "react/jsx-runtime";
+import { useId as He, useRef as p, useState as C, useCallback as _, useLayoutEffect as ee } from "react";
+import { cn as D } from "../../../lib/utils.js";
+import { Button as ye } from "../../atoms/Button/Button.js";
+import { Card as Ke } from "../../atoms/Card/Card.js";
+import { Spinner as Qe } from "../../atoms/Spinner/Spinner.js";
 import { Textarea as Ge } from "../../atoms/Textarea/Textarea.js";
-import { Alert as re } from "../../molecules/Alert/Alert.js";
+import { Alert as te } from "../../molecules/Alert/Alert.js";
 import { EmptyState as We } from "../../molecules/EmptyState/EmptyState.js";
 import { RadioGroup as Je } from "../../molecules/RadioGroup/RadioGroup.js";
 import { editAction as Ue } from "./queue-actions.js";
-const be = {
+const ve = {
   primary: { colorScheme: "primary", variant: "solid" },
   success: { colorScheme: "success", variant: "solid" },
   danger: { colorScheme: "error", variant: "soft" },
   neutral: { colorScheme: "neutral", variant: "outline" }
-}, Ve = { edit: Ue }, I = (s) => s.edit ? s : null, Xe = (s) => s === 0 ? "None left." : `${s} left.`, Ye = (s) => Math.min(6, Math.max(1, s)), Ze = (s) => s instanceof Error && s.message ? s.message : "Something went wrong.";
-function E(s, d) {
-  const m = { ...s };
-  return delete m[d], m;
+}, Ve = { edit: Ue }, I = (o) => o.edit ? o : null, Xe = (o) => o === 0 ? "None left." : `${o} left.`, Ye = (o) => Math.min(6, Math.max(1, o)), Ze = (o) => o instanceof Error && o.message ? o.message : "Something went wrong.";
+function E(o, u) {
+  const m = { ...o };
+  return delete m[u], m;
 }
-function ne({
-  busy: s = !1,
-  blocked: d = !1,
+function re({
+  busy: o = !1,
+  blocked: u = !1,
   onClick: m,
   children: q,
   className: b,
   ...S
 }) {
-  const g = s || d;
   return /* @__PURE__ */ c(
-    Se,
+    ye,
     {
       size: "lg",
       ...S,
-      "aria-disabled": g || void 0,
-      "aria-busy": s || void 0,
-      startIcon: s ? /* @__PURE__ */ c(ke, { size: "sm", variant: "current" }) : void 0,
-      className: H(d && !s && "rst:cursor-not-allowed rst:opacity-50", b),
-      onClick: (j) => {
-        if (g) {
-          j.preventDefault();
+      isLoading: o,
+      "aria-disabled": u || void 0,
+      className: D(u && !o && "rst:cursor-not-allowed rst:opacity-50", b),
+      onClick: (g) => {
+        if (u) {
+          g.preventDefault();
           return;
         }
-        m?.(j);
+        m?.(g);
       },
       children: q
     }
   );
 }
 function ft({
-  label: s,
-  hideLabel: d = !1,
+  label: o,
+  hideLabel: u = !1,
   headingLevel: m = 2,
   itemHeadingLevel: q,
   items: b,
   getKey: S,
   itemLabel: g,
-  renderMeta: j,
-  renderContent: qe,
-  actions: K,
-  status: se = "ready",
-  error: $e,
-  onRetry: oe,
-  empty: ce = { title: "Nothing waiting" },
-  density: ie = "comfortable",
-  footer: Ne,
-  className: we
+  renderMeta: Se,
+  renderContent: ke,
+  actions: H,
+  status: ne = "ready",
+  error: qe,
+  onRetry: se,
+  empty: oe = { title: "Nothing waiting" },
+  density: ce = "comfortable",
+  footer: $e,
+  className: Ne
 }) {
-  const Ce = typeof K == "function" ? K(Ve) : K, B = Ke(), $ = p(null), N = b.map(S), M = p(/* @__PURE__ */ new Map());
-  M.current = new Map(b.map((e, t) => [N[t], e]));
-  const [Q, Ie] = C({}), w = p({}), ae = (e) => {
-    w.current = e(w.current), Ie(w.current);
-  }, [le, A] = C({}), [ue, Be] = C({}), h = p({}), v = (e, t) => {
-    h.current = t ? { ...h.current, [e]: t } : E(h.current, e), Be(h.current);
-  }, [G, Re] = C({ text: "", n: 0 }), W = p([]), R = p(null), de = ee((e) => {
-    W.current.push(e), !R.current && (R.current = setTimeout(() => {
+  const we = typeof H == "function" ? H(Ve) : H, B = He(), $ = p(null), N = b.map(S), j = p(/* @__PURE__ */ new Map());
+  j.current = new Map(b.map((e, t) => [N[t], e]));
+  const [K, Ce] = C({}), w = p({}), ie = (e) => {
+    w.current = e(w.current), Ce(w.current);
+  }, [ae, M] = C({}), [le, Ie] = C({}), h = p({}), v = (e, t) => {
+    h.current = t ? { ...h.current, [e]: t } : E(h.current, e), Ie(h.current);
+  }, [Q, Be] = C({ text: "", n: 0 }), G = p([]), R = p(null), ue = _((e) => {
+    G.current.push(e), !R.current && (R.current = setTimeout(() => {
       R.current = null;
-      const t = W.current.join(" ");
-      W.current = [], Re((r) => ({ text: t, n: r.n + 1 }));
+      const t = G.current.join(" ");
+      G.current = [], Be((r) => ({ text: t, n: r.n + 1 }));
     }, 0));
   }, []);
-  te(
+  ee(
     () => () => {
       R.current && clearTimeout(R.current);
     },
     []
   );
-  const [Te, Fe] = C(0), J = p(null), k = ee((e) => {
-    J.current = e, Fe((t) => t + 1);
-  }, []), fe = ee((e) => {
+  const [Re, Te] = C(0), W = p(null), k = _((e) => {
+    W.current = e, Te((t) => t + 1);
+  }, []), de = _((e) => {
     const t = $.current;
     if (!t) return null;
     const r = "key" in e ? CSS.escape(e.key) : "";
@@ -104,122 +102,122 @@ function ft({
         return t.querySelector(`[data-queue-item="${r}"] [data-queue-step]`);
     }
   }, []);
-  te(() => {
-    const e = J.current;
+  ee(() => {
+    const e = W.current;
     if (!e) return;
-    J.current = null, (fe(e) ?? $.current?.querySelector("[data-queue-item]") ?? $.current?.querySelector("[data-queue-empty]"))?.focus();
-  }, [Te, fe]);
-  const U = p(null), Ee = (e) => () => {
-    U.current = e;
-  }, je = (e) => {
-    e.relatedTarget && !$.current?.contains(e.relatedTarget) && (U.current = null);
-  }, O = (e) => {
-    if (U.current !== e) return !1;
+    W.current = null, (de(e) ?? $.current?.querySelector("[data-queue-item]") ?? $.current?.querySelector("[data-queue-empty]"))?.focus();
+  }, [Re, de]);
+  const J = p(null), Fe = (e) => () => {
+    J.current = e;
+  }, Ee = (e) => {
+    e.relatedTarget && !$.current?.contains(e.relatedTarget) && (J.current = null);
+  }, A = (e) => {
+    if (J.current !== e) return !1;
     const t = document.activeElement;
     return !t || t === document.body ? !0 : $.current?.contains(t) ? !!t.closest(`[data-queue-item="${CSS.escape(e)}"]`) : !1;
-  }, T = p(null), P = (e, t) => {
+  }, T = p(null), L = (e, t) => {
     T.current = t, v(e.key, { ...e, open: !1 });
-  }, me = p(N), V = p(/* @__PURE__ */ new Map()), [, Me] = C(0), X = p(/* @__PURE__ */ new Set()), pe = (e, t, r) => {
-    const o = t.indexOf(e), u = t.slice(o + 1).find((i) => r.has(i));
-    if (u) return { kind: "item", key: u };
-    const n = t.slice(0, o).reverse().find((i) => r.has(i));
+  }, fe = p(N), U = p(/* @__PURE__ */ new Map()), [, je] = C(0), V = p(/* @__PURE__ */ new Set()), me = (e, t, r) => {
+    const s = t.indexOf(e), d = t.slice(s + 1).find((i) => r.has(i));
+    if (d) return { kind: "item", key: d };
+    const n = t.slice(0, s).reverse().find((i) => r.has(i));
     return n ? { kind: "item", key: n } : { kind: "empty" };
   };
-  te(() => {
-    const e = me.current;
-    me.current = N;
-    const t = new Set(N), r = V.current;
-    V.current = /* @__PURE__ */ new Map();
-    const o = [];
-    let u = !1;
+  ee(() => {
+    const e = fe.current;
+    fe.current = N;
+    const t = new Set(N), r = U.current;
+    U.current = /* @__PURE__ */ new Map();
+    const s = [];
+    let d = !1;
     for (const [n, i] of r) {
       const a = t.has(n);
-      o.push(i.announce ?? i.sentence), a || (u = !0), X.current.delete(n);
-      const l = a ? { kind: "trigger", key: n, actionId: i.actionId } : e.includes(n) ? pe(n, e, t) : null, f = h.current[n];
+      s.push(i.announce ?? i.sentence), a || (d = !0), V.current.delete(n);
+      const l = a ? { kind: "trigger", key: n, actionId: i.actionId } : e.includes(n) ? me(n, e, t) : null, f = h.current[n];
       if (f?.surface)
-        P(f, l ?? { kind: "empty" });
+        L(f, l ?? { kind: "empty" });
       else {
-        const F = O(n);
+        const F = A(n);
         f && v(n, null), l && F && k(l);
       }
     }
     for (const n of e.filter((i) => !t.has(i))) {
       if (r.has(n)) continue;
-      A((f) => n in f ? E(f, n) : f);
-      const i = pe(n, e, t), a = T.current;
+      M((f) => n in f ? E(f, n) : f);
+      const i = me(n, e, t), a = T.current;
       if (a && "key" in a && a.key === n && (T.current = i), w.current[n]) {
-        X.current.add(n), O(n) && k(i);
+        V.current.add(n), A(n) && k(i);
         continue;
       }
       const l = h.current[n];
       if (l && !(l.surface && !l.open))
-        if (o.push(`${l.label} was decided elsewhere.`), u = !0, l.surface) P(l, i);
+        if (s.push(`${l.label} was decided elsewhere.`), d = !0, l.surface) L(l, i);
         else {
-          const f = O(n);
+          const f = A(n);
           v(n, null), f && k(i);
         }
-      else !l && O(n) && k(i);
+      else !l && A(n) && k(i);
     }
-    o.length && de(`${o.join(" ")}${u ? ` ${Xe(N.length)}` : ""}`);
+    s.length && ue(`${s.join(" ")}${d ? ` ${Xe(N.length)}` : ""}`);
   });
-  const z = async (e, t, r, o) => {
-    const u = M.current.get(e) ?? t, n = g(u), i = r.edit ? I(r).run : r.run;
-    ae((a) => ({ ...a, [e]: r.id })), A((a) => E(a, e));
+  const O = async (e, t, r, s) => {
+    const d = j.current.get(e) ?? t, n = g(d), i = r.edit ? I(r).run : r.run;
+    ie((a) => ({ ...a, [e]: r.id })), M((a) => E(a, e));
     try {
-      const a = await i(u, o);
-      V.current.set(e, {
+      const a = await i(d, s);
+      U.current.set(e, {
         actionId: r.id,
         sentence: `${r.done ?? r.label}: ${n}.`,
         announce: a ? a.announce : void 0
-      }), Me((l) => l + 1);
+      }), je((l) => l + 1);
     } catch (a) {
       const l = Ze(a);
-      de(`${r.label} didn't go through for ${n}. ${l}`);
+      ue(`${r.label} didn't go through for ${n}. ${l}`);
       const f = h.current[e];
-      X.current.delete(e) ? f?.surface ? P(f, { kind: "empty" }) : f && v(e, null) : f ? v(e, { ...f, error: l }) : A((F) => ({ ...F, [e]: l }));
+      V.current.delete(e) ? f?.surface ? L(f, { kind: "empty" }) : f && v(e, null) : f ? v(e, { ...f, error: l }) : M((F) => ({ ...F, [e]: l }));
     } finally {
-      ae((a) => E(a, e));
+      ie((a) => E(a, e));
     }
-  }, Ae = (e, t) => {
-    const r = S(e), o = I(t);
-    if (!t.confirm && !t.reason && !o) {
-      z(r, e, t, {});
+  }, Me = (e, t) => {
+    const r = S(e), s = I(t);
+    if (!t.confirm && !t.reason && !s) {
+      O(r, e, t, {});
       return;
     }
-    A((u) => E(u, r)), v(r, {
+    M((d) => E(d, r)), v(r, {
       key: r,
       label: g(e),
       item: e,
       action: t,
-      draft: o ? o.edit.initial(e) : void 0,
+      draft: s ? s.edit.initial(e) : void 0,
       reason: {},
-      surface: !!o?.edit.surface,
+      surface: !!s?.edit.surface,
       open: !0
-    }), o?.edit.surface || k({ kind: "step", key: r });
-  }, Y = (e) => {
+    }), s?.edit.surface || k({ kind: "step", key: r });
+  }, X = (e) => {
     const t = h.current[e];
     if (!t || w.current[e]) return;
     const r = { kind: "trigger", key: e, actionId: t.action.id };
-    t.surface ? P(t, r) : (v(e, null), k(r));
-  }, Oe = (e) => {
+    t.surface ? L(t, r) : (v(e, null), k(r));
+  }, Ae = (e) => {
     const t = h.current[e];
-    !t || w.current[e] || xe(t, M.current.get(e) ?? t.item) || (t.action.edit ? z(e, t.item, t.action, { draft: t.draft }) : t.action.reason ? z(e, t.item, t.action, { reason: _e(t.reason) }) : z(e, t.item, t.action, {}));
-  }, Pe = (e) => {
+    !t || w.current[e] || be(t, j.current.get(e) ?? t.item) || (t.action.edit ? O(e, t.item, t.action, { draft: t.draft }) : t.action.reason ? O(e, t.item, t.action, { reason: _e(t.reason) }) : O(e, t.item, t.action, {}));
+  }, Le = (e) => {
     const t = T.current;
     T.current = null, v(e, null), t && k(t);
-  }, ze = `h${m}`, ge = q ?? Ye(m + 1), Le = `h${ge}`, Z = `${B}-label`, he = (e, t) => {
-    const { action: r } = e, o = I(r), u = M.current.get(e.key) ?? e.item, n = !!Q[e.key], i = xe(e, u), a = `${B}-step-${t}-message`, l = /* @__PURE__ */ c(
-      ne,
+  }, Oe = `h${m}`, pe = q ?? Ye(m + 1), Pe = `h${pe}`, Y = `${B}-label`, ge = (e, t) => {
+    const { action: r } = e, s = I(r), d = j.current.get(e.key) ?? e.item, n = !!K[e.key], i = be(e, d), a = `${B}-step-${t}-message`, l = /* @__PURE__ */ c(
+      re,
       {
-        ...be[r.tone ?? "neutral"],
+        ...ve[r.tone ?? "neutral"],
         busy: n,
         blocked: !!i,
         "aria-describedby": i ? a : void 0,
-        onClick: () => Oe(e.key),
+        onClick: () => Ae(e.key),
         "data-queue-submit": "",
-        children: o ? o.edit.submitLabel : r.label
+        children: s ? s.edit.submitLabel : r.label
       }
-    ), f = /* @__PURE__ */ c(ne, { variant: "ghost", colorScheme: "neutral", blocked: n, onClick: () => Y(e.key), children: "Cancel" }), F = /* @__PURE__ */ y(ye, { children: [
+    ), f = /* @__PURE__ */ c(re, { variant: "ghost", colorScheme: "neutral", blocked: n, onClick: () => X(e.key), children: "Cancel" }), F = /* @__PURE__ */ y(xe, { children: [
       r.reason && /* @__PURE__ */ c(
         et,
         {
@@ -227,23 +225,23 @@ function ft({
           step: r.reason,
           value: e.reason,
           disabled: n,
-          onChange: (_) => v(e.key, { ...h.current[e.key], reason: _ })
+          onChange: (Z) => v(e.key, { ...h.current[e.key], reason: Z })
         }
       ),
-      o && /* @__PURE__ */ c(
-        o.edit.Form,
+      s && /* @__PURE__ */ c(
+        s.edit.Form,
         {
-          item: u,
+          item: d,
           value: e.draft,
-          onChange: (_) => v(e.key, { ...h.current[e.key], draft: _ })
+          onChange: (Z) => v(e.key, { ...h.current[e.key], draft: Z })
         }
       ),
       i && /* @__PURE__ */ c("p", { id: a, className: "rst:text-sm rst:text-error-600 rst:dark:text-error-400", "data-queue-validation": "", children: i }),
-      e.error && /* @__PURE__ */ c(re, { colorScheme: "error", role: "group", "aria-live": "off", children: e.error })
+      e.error && /* @__PURE__ */ c(te, { colorScheme: "error", role: "group", "aria-live": "off", children: e.error })
     ] });
     return { submitButton: l, cancelButton: f, fields: F };
-  }, De = (e, t) => {
-    const { submitButton: r, cancelButton: o, fields: u } = he(e, t), n = `${B}-step-${t}-prompt`, i = I(e.action), a = e.action.confirm?.prompt ?? e.action.reason?.prompt ?? i?.edit.title;
+  }, ze = (e, t) => {
+    const { submitButton: r, cancelButton: s, fields: d } = ge(e, t), n = `${B}-step-${t}-prompt`, i = I(e.action), a = e.action.confirm?.prompt ?? e.action.reason?.prompt ?? i?.edit.title;
     return /* @__PURE__ */ y(
       "div",
       {
@@ -252,52 +250,52 @@ function ft({
         tabIndex: -1,
         "data-queue-step": "",
         onKeyDown: (l) => {
-          l.key === "Escape" && (l.stopPropagation(), Y(e.key));
+          l.key === "Escape" && (l.stopPropagation(), X(e.key));
         },
         className: "rst:flex rst:flex-col rst:gap-3 rst:rounded-lg rst:border rst:border-[var(--roster-card-border)] rst:p-4 rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring",
         children: [
           /* @__PURE__ */ c("p", { id: n, className: "rst:text-sm rst:font-medium rst:text-[var(--roster-control-text)]", children: a }),
           i?.edit.description && /* @__PURE__ */ c("p", { className: "rst:text-sm rst:text-gray-600 rst:dark:text-gray-300", children: i.edit.description }),
-          u,
+          d,
           /* @__PURE__ */ y("div", { className: "rst:flex rst:flex-wrap rst:gap-2", children: [
             r,
-            o
+            s
           ] })
         ]
       }
     );
-  }, He = (e, t) => {
-    const r = Q[t];
-    return /* @__PURE__ */ c("div", { role: "group", "aria-label": `Decide: ${g(e)}`, className: "rst:flex rst:flex-wrap rst:gap-2", children: Ce.filter((o) => !o.hidden?.(e)).map((o) => /* @__PURE__ */ c(
-      ne,
+  }, De = (e, t) => {
+    const r = K[t];
+    return /* @__PURE__ */ c("div", { role: "group", "aria-label": `Decide: ${g(e)}`, className: "rst:flex rst:flex-wrap rst:gap-2", children: we.filter((s) => !s.hidden?.(e)).map((s) => /* @__PURE__ */ c(
+      re,
       {
-        ...be[o.tone ?? "neutral"],
-        "data-queue-action": o.id,
-        busy: r === o.id,
-        blocked: !!r && r !== o.id,
-        onClick: () => Ae(e, o),
-        children: o.label
+        ...ve[s.tone ?? "neutral"],
+        "data-queue-action": s.id,
+        busy: r === s.id,
+        blocked: !!r && r !== s.id,
+        onClick: () => Me(e, s),
+        children: s.label
       },
-      o.id
+      s.id
     )) });
-  }, x = Object.values(ue).find((e) => e.surface) ?? null, L = x ? I(x.action) : null, ve = L?.edit.surface, D = x ? he(x, -1) : null;
+  }, x = Object.values(le).find((e) => e.surface) ?? null, P = x ? I(x.action) : null, he = P?.edit.surface, z = x ? ge(x, -1) : null;
   return /* @__PURE__ */ y(
     "section",
     {
       ref: $,
-      "aria-labelledby": Z,
-      onBlur: je,
-      className: H("rst:font-ui rst:flex rst:flex-col rst:gap-4", we),
+      "aria-labelledby": Y,
+      onBlur: Ee,
+      className: D("rst:font-ui rst:flex rst:flex-col rst:gap-4", Ne),
       children: [
         /* @__PURE__ */ c(
-          ze,
+          Oe,
           {
-            id: Z,
-            className: H(
+            id: Y,
+            className: D(
               "rst:text-lg rst:font-semibold rst:text-[var(--roster-control-text)]",
-              d && "rst:sr-only"
+              u && "rst:sr-only"
             ),
-            children: s
+            children: o
           }
         ),
         /* @__PURE__ */ y(
@@ -308,22 +306,22 @@ function ft({
             "aria-atomic": "true",
             className: "rst:sr-only",
             "data-queue-live": "",
-            "data-queue-live-n": G.n,
+            "data-queue-live-n": Q.n,
             children: [
-              G.text,
-              G.n % 2 ? " " : ""
+              Q.text,
+              Q.n % 2 ? " " : ""
             ]
           }
         ),
-        se === "loading" ? /* @__PURE__ */ c("div", { className: "rst:flex rst:justify-center rst:py-12", "aria-busy": "true", children: /* @__PURE__ */ c(ke, { size: "lg", label: `Loading ${s}` }) }) : se === "error" ? /* @__PURE__ */ c(re, { colorScheme: "error", children: /* @__PURE__ */ y("div", { className: "rst:flex rst:flex-col rst:items-start rst:gap-3", children: [
-          /* @__PURE__ */ c("div", { children: $e ?? "The queue couldn't load." }),
-          oe && /* @__PURE__ */ c(Se, { size: "lg", variant: "outline", colorScheme: "neutral", onClick: oe, children: "Retry" })
+        ne === "loading" ? /* @__PURE__ */ c("div", { className: "rst:flex rst:justify-center rst:py-12", "aria-busy": "true", children: /* @__PURE__ */ c(Qe, { size: "lg", label: `Loading ${o}` }) }) : ne === "error" ? /* @__PURE__ */ c(te, { colorScheme: "error", children: /* @__PURE__ */ y("div", { className: "rst:flex rst:flex-col rst:items-start rst:gap-3", children: [
+          /* @__PURE__ */ c("div", { children: qe ?? "The queue couldn't load." }),
+          se && /* @__PURE__ */ c(ye, { size: "lg", variant: "outline", colorScheme: "neutral", onClick: se, children: "Retry" })
         ] }) }) : b.length === 0 ? /* @__PURE__ */ c(
           We,
           {
-            title: ce.title,
-            description: ce.description,
-            headingLevel: ge,
+            title: oe.title,
+            description: oe.description,
+            headingLevel: pe,
             tabIndex: -1,
             "data-queue-empty": "",
             className: "rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring"
@@ -335,26 +333,26 @@ function ft({
             "ul",
             {
               role: "list",
-              "aria-labelledby": Z,
+              "aria-labelledby": Y,
               className: "rst:m-0 rst:flex rst:list-none rst:flex-col rst:gap-3 rst:p-0",
               children: b.map((e, t) => {
-                const r = N[t], o = `${B}-item-${t}`, u = j?.(e), n = ue[r];
+                const r = N[t], s = `${B}-item-${t}`, d = Se?.(e), n = le[r];
                 return /* @__PURE__ */ c("li", { children: /* @__PURE__ */ c(
                   "article",
                   {
                     "data-queue-item": r,
                     tabIndex: -1,
-                    "aria-labelledby": o,
-                    onFocus: Ee(r),
+                    "aria-labelledby": s,
+                    onFocus: Fe(r),
                     className: "rst:rounded-xl rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background",
-                    children: /* @__PURE__ */ c(Qe, { padding: ie === "compact" ? "sm" : "md", children: /* @__PURE__ */ y("div", { className: H("rst:flex rst:flex-col", ie === "compact" ? "rst:gap-3" : "rst:gap-4"), children: [
+                    children: /* @__PURE__ */ c(Ke, { padding: ce === "compact" ? "sm" : "md", children: /* @__PURE__ */ y("div", { className: D("rst:flex rst:flex-col", ce === "compact" ? "rst:gap-3" : "rst:gap-4"), children: [
                       /* @__PURE__ */ y("div", { className: "rst:flex rst:flex-wrap rst:items-baseline rst:gap-x-3 rst:gap-y-1", children: [
-                        /* @__PURE__ */ c(Le, { id: o, className: "rst:text-base rst:font-semibold", children: g(e) }),
-                        u && /* @__PURE__ */ c("div", { className: "rst:flex rst:flex-wrap rst:items-center rst:gap-2 rst:text-sm rst:text-gray-600 rst:dark:text-gray-300", children: u })
+                        /* @__PURE__ */ c(Pe, { id: s, className: "rst:text-base rst:font-semibold", children: g(e) }),
+                        d && /* @__PURE__ */ c("div", { className: "rst:flex rst:flex-wrap rst:items-center rst:gap-2 rst:text-sm rst:text-gray-600 rst:dark:text-gray-300", children: d })
                       ] }),
-                      /* @__PURE__ */ c("div", { className: "rst:min-w-0", children: qe(e) }),
-                      le[r] && /* @__PURE__ */ c(re, { colorScheme: "error", role: "group", "aria-live": "off", children: le[r] }),
-                      n && !n.surface ? De(n, t) : He(e, r)
+                      /* @__PURE__ */ c("div", { className: "rst:min-w-0", children: ke(e) }),
+                      ae[r] && /* @__PURE__ */ c(te, { colorScheme: "error", role: "group", "aria-live": "off", children: ae[r] }),
+                      n && !n.surface ? ze(n, t) : De(e, r)
                     ] }) })
                   }
                 ) }, r);
@@ -362,51 +360,51 @@ function ft({
             }
           )
         ),
-        Ne,
-        ve && x && L && D && /* @__PURE__ */ c(
-          ve,
+        $e,
+        he && x && P && z && /* @__PURE__ */ c(
+          he,
           {
             open: x.open,
-            title: L.edit.title,
-            description: L.edit.description,
-            busy: !!Q[x.key],
-            onCancel: () => Y(x.key),
-            onAfterClose: () => Pe(x.key),
-            submitButton: D.submitButton,
-            cancelButton: D.cancelButton,
-            children: /* @__PURE__ */ c("div", { className: "rst:flex rst:flex-col rst:gap-4", children: D.fields })
+            title: P.edit.title,
+            description: P.edit.description,
+            busy: !!K[x.key],
+            onCancel: () => X(x.key),
+            onAfterClose: () => Le(x.key),
+            submitButton: z.submitButton,
+            cancelButton: z.cancelButton,
+            children: /* @__PURE__ */ c("div", { className: "rst:flex rst:flex-col rst:gap-4", children: z.fields })
           }
         )
       ]
     }
   );
 }
-function xe(s, d) {
-  const m = I(s.action);
-  if (m) return m.edit.validate?.(s.draft, d);
-  if (s.action.reason) {
-    if (s.action.reason.required && !s.reason.value) return "Pick a reason.";
-    if (s.action.reason.note === "required" && !s.reason.note?.trim()) return "Add a note.";
+function be(o, u) {
+  const m = I(o.action);
+  if (m) return m.edit.validate?.(o.draft, u);
+  if (o.action.reason) {
+    if (o.action.reason.required && !o.reason.value) return "Pick a reason.";
+    if (o.action.reason.note === "required" && !o.reason.note?.trim()) return "Add a note.";
   }
 }
-function _e(s) {
-  const d = s.note?.trim();
-  return { ...s.value ? { value: s.value } : {}, ...d ? { note: d } : {} };
+function _e(o) {
+  const u = o.note?.trim();
+  return { ...o.value ? { value: o.value } : {}, ...u ? { note: u } : {} };
 }
 function et({
-  id: s,
-  step: d,
+  id: o,
+  step: u,
   value: m,
   disabled: q,
   onChange: b
 }) {
-  const S = d.note ?? "optional";
-  return /* @__PURE__ */ y(ye, { children: [
-    d.options && d.options.length > 0 && /* @__PURE__ */ c(
+  const S = u.note ?? "optional";
+  return /* @__PURE__ */ y(xe, { children: [
+    u.options && u.options.length > 0 && /* @__PURE__ */ c(
       Je,
       {
-        label: d.required ? "Reason" : "Reason (optional)",
-        options: d.options,
+        label: u.required ? "Reason" : "Reason (optional)",
+        options: u.options,
         value: m.value ?? "",
         onChange: (g) => b({ ...m, value: g }),
         disabled: q
@@ -415,8 +413,8 @@ function et({
     S !== "none" && /* @__PURE__ */ c(
       Ge,
       {
-        id: `${s}-note`,
-        label: d.noteLabel ?? (S === "required" ? "Note" : "Note (optional)"),
+        id: `${o}-note`,
+        label: u.noteLabel ?? (S === "required" ? "Note" : "Note (optional)"),
         rows: 3,
         value: m.note ?? "",
         onChange: (g) => b({ ...m, note: g.target.value }),