react-semaphor 0.1.506 → 0.1.508

package/dist/brand-studio/index.js

@@ -1,13 +1,13 @@
 import { jsxs as d, jsx as r, Fragment as ce } from "react/jsx-runtime";
 import m from "react";
-import { c as q, P as ge, a as be, B as C, b as fe, U as De, C as Ie, R as me, L as le, S as se, d as Je, T as je, F as Le, G as U, H as $e, I as M, J as _e, K as Ve, M as Ue, N as Me, O as E, Q as K, V as Q, W as ee, X as he, Y as re, Z as oe, _ as ke, $ as xe, a0 as ye, a1 as ve, a2 as Ce, a3 as Ge } from "../chunks/switch-DHGiC0aU.js";
+import { c as q, P as ge, a as be, B as C, b as fe, U as De, C as Ie, R as me, L as le, S as se, d as je, T as Je, F as Le, G as U, H as $e, I as M, J as _e, K as Ve, M as Ue, N as Me, O as E, Q as K, V as Q, W as ee, X as he, Y as re, Z as oe, _ as ke, $ as xe, a0 as ye, a1 as ve, a2 as Ce, a3 as Ge } from "../chunks/switch-CD4uGTZI.js";
 import { A as We, p as He } from "../chunks/color-CJvdlFM_.js";
 import { c as ae, X as Xe } from "../chunks/x-CXDkqdur.js";
-import "../chunks/constants-NUleP4DY.js";
+import "../chunks/card-config-utils-Bq1enstT.js";
 import "../chunks/validators-BDYzZFgs.js";
-import "../chunks/matrix-operation-contract-Cqy4EW2H.js";
+import "../chunks/matrix-operation-contract-xL8IhFzp.js";
 import "../value-format-preferences/index.js";
-import { r as Ye, v as Ze, A as qe } from "../chunks/index-C9KXfCkC.js";
+import { r as Ye, v as Ze, A as qe } from "../chunks/index-CLIro-EG.js";
 import { P as G } from "../chunks/palette-Cp1hqZtm.js";
 import { B as Ke } from "../chunks/braces-8TRlDwDw.js";
 import { S as Qe } from "../chunks/save-DgMfP0j8.js";
@@ -71,6 +71,7 @@ const ar = ae("Pipette", [
       primaryForeground: "#ffffff",
       accent: "#f4f4f5",
       accentForeground: "#18181b",
+      selection: "#2563eb",
       card: "#ffffff",
       cardForeground: "#18181b",
       chartPalette: [
@@ -92,6 +93,7 @@ const ar = ae("Pipette", [
       primaryForeground: "#09090b",
       accent: "#27272a",
       accentForeground: "#fafafa",
+      selection: "#5090f7",
       card: "#09090b",
       cardForeground: "#fafafa",
       chartPalette: [
@@ -120,6 +122,7 @@ const ar = ae("Pipette", [
       primaryForeground: "#ffffff",
       accent: "#dbeafe",
       accentForeground: "#1e3a8a",
+      selection: "#2563eb",
       card: "#ffffff",
       cardForeground: "#0f172a",
       chartPalette: [
@@ -141,6 +144,7 @@ const ar = ae("Pipette", [
       primaryForeground: "#020617",
       accent: "#1e3a8a",
       accentForeground: "#dbeafe",
+      selection: "#60a5fa",
       card: "#0f172a",
       cardForeground: "#e2e8f0",
       chartPalette: [
@@ -169,6 +173,7 @@ const ar = ae("Pipette", [
       primaryForeground: "#ffffff",
       accent: "#d1fae5",
       accentForeground: "#064e3b",
+      selection: "#047857",
       card: "#ffffff",
       cardForeground: "#10231d",
       chartPalette: [
@@ -190,6 +195,7 @@ const ar = ae("Pipette", [
       primaryForeground: "#071511",
       accent: "#064e3b",
       accentForeground: "#d1fae5",
+      selection: "#34d399",
       card: "#0b1d17",
       cardForeground: "#e7f4ef",
       chartPalette: [
@@ -203,11 +209,25 @@ const ar = ae("Pipette", [
     }
   }
 ];
-function j(e) {
+function J(e) {
   const n = Ye({
     organizationAppearance: e ?? void 0
   });
-  return tr(O(n));
+  return nr(
+    dr(O(n))
+  );
+}
+function nr(e) {
+  for (const n of Object.values(e.schemes))
+    for (const t of [
+      n.components.table,
+      n.components.aggregateTable,
+      n.components.pivotTable
+    ]) {
+      const c = t == null ? void 0 : t.row;
+      c != null && c.selectedBackground && c.selectedBackground === c.hoverBackground && delete c.selectedBackground;
+    }
+  return e;
 }
 function L(e) {
   const n = O({
@@ -216,24 +236,24 @@ function L(e) {
     schemes: e.schemes
   }), t = Ze(n);
   if (!t.success) {
-    const u = t.issues[0];
+    const c = t.issues[0];
     throw new Error(
-      `Invalid Brand Studio appearance at ${u.path}: ${u.message}`
+      `Invalid Brand Studio appearance at ${c.path}: ${c.message}`
     );
   }
   return t.value;
 }
-function nr(e, n) {
-  const t = Ne.find((c) => c.id === n);
+function tr(e, n) {
+  const t = Ne.find((l) => l.id === n);
   if (!t)
     return e;
-  const u = O(e);
-  return ue(u.schemes.light, t.light), ue(u.schemes.dark, t.dark), u;
+  const c = O(e);
+  return ue(c.schemes.light, t.light), ue(c.schemes.dark, t.dark), c;
 }
 function ue(e, n) {
-  e.tokens.color.background = n.background, e.tokens.color.foreground = n.foreground, e.tokens.color.muted = n.muted, e.tokens.color.mutedForeground = n.mutedForeground, e.tokens.color.border = n.border, e.tokens.color.input = n.border, e.tokens.color.primary = n.primary, e.tokens.color.primaryForeground = n.primaryForeground, e.tokens.color.accent = n.accent, e.tokens.color.accentForeground = n.accentForeground, e.tokens.color.card = n.card, e.tokens.color.cardForeground = n.cardForeground, e.components.dashboard.background = n.background, e.components.dashboard.foreground = n.foreground, e.components.dashboard.borderColor = n.border, e.components.card.background = n.card, e.components.card.foreground = n.cardForeground, e.components.card.borderColor = n.border, e.components.interactive.toolbarBackground = n.background, e.components.interactive.background = n.card, e.components.interactive.foreground = n.foreground, e.components.interactive.borderColor = n.border, e.components.chart.palette = [...n.chartPalette], e.components.chart.background = n.card, e.components.chart.foreground = n.foreground, e.components.chart.gridColor = n.border, e.components.chart.axisColor = n.mutedForeground, e.components.table.container.background = n.card, e.components.table.container.borderColor = n.border, e.components.table.header.background = n.muted, e.components.table.header.foreground = n.mutedForeground, e.components.table.header.dividerColor = n.border, e.components.table.row.dividerColor = n.border, e.components.table.row.zebraBackground = n.muted, e.components.table.pagination.background = n.card, e.components.table.pagination.foreground = n.foreground, e.components.table.pagination.borderColor = n.border, s(e, "aggregateTable"), s(e, "pivotTable");
+  e.tokens.color.background = n.background, e.tokens.color.foreground = n.foreground, e.tokens.color.muted = n.muted, e.tokens.color.mutedForeground = n.mutedForeground, e.tokens.color.border = n.border, e.tokens.color.input = n.border, e.tokens.color.primary = n.primary, e.tokens.color.primaryForeground = n.primaryForeground, e.tokens.color.accent = n.accent, e.tokens.color.accentForeground = n.accentForeground, e.tokens.color.selection = n.selection, e.tokens.color.card = n.card, e.tokens.color.cardForeground = n.cardForeground, e.components.dashboard.background = n.background, e.components.dashboard.foreground = n.foreground, e.components.dashboard.borderColor = n.border, e.components.card.background = n.card, e.components.card.foreground = n.cardForeground, e.components.card.borderColor = n.border, e.components.interactive.toolbarBackground = n.background, e.components.interactive.background = n.card, e.components.interactive.foreground = n.foreground, e.components.interactive.borderColor = n.border, e.components.chart.palette = [...n.chartPalette], e.components.chart.background = n.card, e.components.chart.foreground = n.foreground, e.components.chart.gridColor = n.border, e.components.chart.axisColor = n.mutedForeground, e.components.table.container.background = n.card, e.components.table.container.borderColor = n.border, e.components.table.header.background = n.muted, e.components.table.header.foreground = n.mutedForeground, e.components.table.header.dividerColor = n.border, e.components.table.row.dividerColor = n.border, e.components.table.row.zebraBackground = n.muted, e.components.table.pagination.background = n.card, e.components.table.pagination.foreground = n.foreground, e.components.table.pagination.borderColor = n.border, u(e, "aggregateTable"), u(e, "pivotTable");
 }
-function s(e, n) {
+function u(e, n) {
   e.components[n] = O(e.components.table);
 }
 function pe(e, n, t) {
@@ -242,25 +262,25 @@ function pe(e, n, t) {
       e.components.dashboard.background = t, e.components.interactive.toolbarBackground = t;
       break;
     case "foreground":
-      e.components.dashboard.foreground = t, e.components.interactive.foreground = t, e.components.pagination.foreground = t, e.components.chart.foreground = t, e.components.table.pagination.foreground = t, e.components.table.subtotal.foreground = t, e.components.table.grandTotal.foreground = t, s(e, "aggregateTable"), s(e, "pivotTable");
+      e.components.dashboard.foreground = t, e.components.interactive.foreground = t, e.components.pagination.foreground = t, e.components.chart.foreground = t, e.components.table.pagination.foreground = t, e.components.table.subtotal.foreground = t, e.components.table.grandTotal.foreground = t, u(e, "aggregateTable"), u(e, "pivotTable");
       break;
     case "card":
-      e.components.card.background = t, e.components.interactive.background = t, e.components.pagination.background = t, e.components.chart.background = t, e.components.table.container.background = t, e.components.table.pagination.background = t, s(e, "aggregateTable"), s(e, "pivotTable");
+      e.components.card.background = t, e.components.interactive.background = t, e.components.pagination.background = t, e.components.chart.background = t, e.components.table.container.background = t, e.components.table.pagination.background = t, u(e, "aggregateTable"), u(e, "pivotTable");
       break;
     case "cardForeground":
       e.components.card.foreground = t;
       break;
     case "muted":
-      e.components.table.header.background = t, e.components.table.row.zebraBackground = t, e.components.table.subtotal.background = t, e.components.table.grandTotal.background = t, s(e, "aggregateTable"), s(e, "pivotTable");
+      e.components.table.header.background = t, e.components.table.row.zebraBackground = t, e.components.table.subtotal.background = t, e.components.table.grandTotal.background = t, u(e, "aggregateTable"), u(e, "pivotTable");
       break;
     case "mutedForeground":
-      e.components.table.header.foreground = t, e.components.chart.axisColor = t, s(e, "aggregateTable"), s(e, "pivotTable");
+      e.components.table.header.foreground = t, e.components.chart.axisColor = t, u(e, "aggregateTable"), u(e, "pivotTable");
       break;
     case "border":
-      e.tokens.color.input = t, e.components.dashboard.borderColor = t, e.components.card.borderColor = t, e.components.interactive.borderColor = t, e.components.pagination.borderColor = t, e.components.chart.gridColor = t, e.components.table.container.borderColor = t, e.components.table.header.dividerColor = t, e.components.table.row.dividerColor = t, e.components.table.grandTotal.borderColor = t, e.components.table.pagination.borderColor = t, s(e, "aggregateTable"), s(e, "pivotTable");
+      e.tokens.color.input = t, e.components.dashboard.borderColor = t, e.components.card.borderColor = t, e.components.interactive.borderColor = t, e.components.pagination.borderColor = t, e.components.chart.gridColor = t, e.components.table.container.borderColor = t, e.components.table.header.dividerColor = t, e.components.table.row.dividerColor = t, e.components.table.grandTotal.borderColor = t, e.components.table.pagination.borderColor = t, u(e, "aggregateTable"), u(e, "pivotTable");
       break;
     case "accent":
-      e.components.table.row.hoverBackground = t, e.components.table.row.selectedBackground = t, s(e, "aggregateTable"), s(e, "pivotTable");
+      e.components.table.row.hoverBackground = t, u(e, "aggregateTable"), u(e, "pivotTable");
       break;
   }
 }
@@ -273,28 +293,28 @@ function W(e, n, t) {
       e.components.card.borderRadius = t;
       break;
     case "table":
-      e.components.table.container.borderRadius = t, s(e, "aggregateTable"), s(e, "pivotTable");
+      e.components.table.container.borderRadius = t, u(e, "aggregateTable"), u(e, "pivotTable");
       break;
   }
 }
-function tr(e) {
+function dr(e) {
   var n, t;
-  for (const u of ["light", "dark"]) {
-    const c = e.schemes[u], l = c.tokens, i = l.color, y = (n = c.components) == null ? void 0 : n.aggregateTable, x = (t = c.components) == null ? void 0 : t.pivotTable, S = {
+  for (const c of ["light", "dark"]) {
+    const l = e.schemes[c], s = l.tokens, i = s.color, y = (n = l.components) == null ? void 0 : n.aggregateTable, x = (t = l.components) == null ? void 0 : t.pivotTable, S = {
       fontFamily: "",
       headingFontFamily: "",
       monoFontFamily: "",
       baseFontSize: 14,
       density: "comfortable"
     };
-    l.typography = { ...S, ...l.typography };
+    s.typography = { ...S, ...s.typography };
     const f = {
       control: 5,
       card: 5,
       table: 5,
       badge: 999
     };
-    l.radius = { ...f, ...l.radius };
+    s.radius = { ...f, ...s.radius };
     const g = {
       dashboardPadding: 16,
       gridGap: 12,
@@ -303,34 +323,34 @@ function tr(e) {
       tableCellX: 12,
       tableCellY: 8
     };
-    l.spacing = { ...g, ...l.spacing };
+    s.spacing = { ...g, ...s.spacing };
     const T = {
       card: "none",
       popover: "0 12px 32px rgba(15, 23, 42, 0.14)",
       focusRing: "0 0 0 2px rgba(37, 99, 235, 0.35)"
     };
-    l.shadow = { ...T, ...l.shadow };
+    s.shadow = { ...T, ...s.shadow };
     const F = {
       dashboard: {
         background: i.background,
         foreground: i.foreground,
         borderColor: i.border,
-        padding: l.spacing.dashboardPadding
+        padding: s.spacing.dashboardPadding
       },
       card: {
         background: i.card,
         foreground: i.cardForeground,
         borderColor: i.border,
-        borderRadius: l.radius.card,
-        padding: l.spacing.cardPadding,
-        shadow: l.shadow.card
+        borderRadius: s.radius.card,
+        padding: s.spacing.cardPadding,
+        shadow: s.shadow.card
       },
       interactive: {
         toolbarBackground: i.background,
         background: i.card,
         foreground: i.foreground,
         borderColor: i.border,
-        borderRadius: l.radius.control
+        borderRadius: s.radius.control
       },
       chart: {
         palette: [],
@@ -339,17 +359,17 @@ function tr(e) {
         gridColor: i.border,
         axisColor: i.mutedForeground
       },
-      table: B(i, l),
-      aggregateTable: B(i, l),
-      pivotTable: B(i, l),
+      table: B(i, s),
+      aggregateTable: B(i, s),
+      pivotTable: B(i, s),
       pagination: {
         background: i.card,
         foreground: i.foreground,
         borderColor: i.border,
-        borderRadius: l.radius.control
+        borderRadius: s.radius.control
       }
     };
-    c.components = { ...F, ...c.components };
+    l.components = { ...F, ...l.components };
     const $ = {
       palette: [],
       background: i.card,
@@ -357,16 +377,16 @@ function tr(e) {
       gridColor: i.border,
       axisColor: i.mutedForeground
     };
-    c.components.chart = { ...$, ...c.components.chart }, c.components.table = {
-      ...B(i, l),
-      ...c.components.table
-    }, c.components.aggregateTable = y ? {
-      ...B(i, l),
+    l.components.chart = { ...$, ...l.components.chart }, l.components.table = {
+      ...B(i, s),
+      ...l.components.table
+    }, l.components.aggregateTable = y ? {
+      ...B(i, s),
       ...y
-    } : O(c.components.table), c.components.pivotTable = x ? {
-      ...B(i, l),
+    } : O(l.components.table), l.components.pivotTable = x ? {
+      ...B(i, s),
       ...x
-    } : O(c.components.table);
+    } : O(l.components.table);
   }
   return e;
 }
@@ -392,8 +412,7 @@ function B(e, n) {
       dividerColor: e.border,
       zebra: !1,
       zebraBackground: e.muted,
-      hoverBackground: e.accent,
-      selectedBackground: e.accent
+      hoverBackground: e.accent
     },
     cell: {
       paddingX: n.spacing.tableCellX,
@@ -422,7 +441,7 @@ function B(e, n) {
 function O(e) {
   return JSON.parse(JSON.stringify(e));
 }
-const dr = [
+const ir = [
   ["background", "Canvas"],
   ["foreground", "Text"],
   ["card", "Card"],
@@ -431,6 +450,7 @@ const dr = [
   ["primaryForeground", "Primary text"],
   ["accent", "Accent"],
   ["accentForeground", "Accent text"],
+  ["selection", "Selection"],
   ["muted", "Muted"],
   ["mutedForeground", "Muted text"],
   ["border", "Border"],
@@ -438,7 +458,7 @@ const dr = [
   ["negative", "Negative"],
   ["warning", "Warning"],
   ["info", "Info"]
-], ir = [0, 1, 2, 3, 4, 5], H = We, cr = [
+], cr = [0, 1, 2, 3, 4, 5], H = We, lr = [
   "#ffffff",
   "#f8fafc",
   "#f4f4f5",
@@ -452,13 +472,13 @@ const dr = [
   "#dc2626",
   "#7c3aed"
 ];
-function Pr({
+function Br({
   appearance: e,
   previewTitle: n,
   isLoading: t = !1,
-  isSaving: u = !1,
-  error: c = null,
-  className: l,
+  isSaving: c = !1,
+  error: l = null,
+  className: s,
   onDraftChange: i,
   onSave: y,
   onClearConfig: x,
@@ -466,15 +486,15 @@ function Pr({
 }) {
   const [f, g] = m.useState(null), [T, F] = m.useState("light"), [$, z] = m.useState(!1), [we, R] = m.useState(
     "idle"
-  ), [ne, Se] = m.useState(!1), [D, _] = m.useState(""), [I, h] = m.useState(null), te = m.useRef(null), J = m.useRef(i), A = m.useRef(!1);
+  ), [ne, Se] = m.useState(!1), [D, _] = m.useState(""), [I, h] = m.useState(null), te = m.useRef(null), j = m.useRef(i), A = m.useRef(!1);
   m.useEffect(() => {
-    J.current = i;
+    j.current = i;
   }, [i]), m.useEffect(() => {
     if (e === void 0) {
       A.current = !0, g(null);
       return;
     }
-    const o = j(e);
+    const o = J(e);
     A.current = !0, g(o), F("light"), h(null);
   }, [e]), m.useEffect(() => {
     var o;
@@ -485,7 +505,7 @@ function Pr({
       }
       try {
         const a = L(f);
-        (o = J.current) == null || o.call(J, a), h(null);
+        (o = j.current) == null || o.call(j, a), h(null);
       } catch (a) {
         h(
           a instanceof Error ? a.message : "Appearance is invalid"
@@ -493,13 +513,13 @@ function Pr({
       }
     }
   }, [f]);
-  const p = f == null ? void 0 : f.schemes[T], V = u || $, Te = m.useMemo(
-    () => p ? ur(p.tokens.radius.control) : void 0,
+  const p = f == null ? void 0 : f.schemes[T], V = c || $, Te = m.useMemo(
+    () => p ? pr(p.tokens.radius.control) : void 0,
     [p]
   ), Fe = (o) => {
     g((a) => {
       if (!a) return a;
-      const k = pr(a);
+      const k = gr(a);
       return o(k), k;
     });
   }, b = (o) => {
@@ -524,13 +544,13 @@ function Pr({
       z(!1);
     }
   }, Be = () => {
-    const o = j(null);
+    const o = J(null);
     R("idle"), g(o);
   }, Oe = async () => {
     if (x) {
       z(!0), h(null), R("idle");
       try {
-        await x(), A.current = !0, g(j(null)), F("light");
+        await x(), A.current = !0, g(J(null)), F("light");
       } catch (o) {
         h(
           o instanceof Error ? o.message : "Unable to clear organization appearance"
@@ -559,7 +579,7 @@ function Pr({
         );
       }
   }, ie = (o) => {
-    const a = JSON.parse(o), k = j(a), P = L(k);
+    const a = JSON.parse(o), k = J(a), P = L(k);
     R("idle"), F("light"), g(k), _(JSON.stringify(P, null, 2));
   }, Ee = () => {
     try {
@@ -574,7 +594,7 @@ function Pr({
     const a = (k = o.target.files) == null ? void 0 : k[0];
     if (o.target.value = "", !!a)
       try {
-        ie(await gr(a));
+        ie(await br(a));
       } catch (P) {
         h(
           P instanceof Error ? P.message : "Uploaded file must be a valid brand spec"
@@ -586,7 +606,7 @@ function Pr({
     {
       className: q(
         "flex min-h-0 flex-1 flex-col bg-background text-foreground",
-        l
+        s
       ),
       style: Te,
       children: [
@@ -742,7 +762,7 @@ function Pr({
             /* @__PURE__ */ r(se, { className: "h-3.5 w-3.5 text-destructive" }),
             "Preview keeps the last valid draft"
           ] }) : /* @__PURE__ */ d(ce, { children: [
-            /* @__PURE__ */ r(Je, { className: "h-3.5 w-3.5 text-emerald-500" }),
+            /* @__PURE__ */ r(je, { className: "h-3.5 w-3.5 text-emerald-500" }),
             "Draft is applied to the live dashboard preview"
           ] }) }),
           /* @__PURE__ */ r("div", { className: "inline-flex h-7 items-center overflow-hidden rounded-control border border-border/70", children: ["light", "dark"].map((o) => /* @__PURE__ */ r(
@@ -760,7 +780,7 @@ function Pr({
           )) })
         ] }),
         I && /* @__PURE__ */ r("div", { className: "border-b border-destructive/20 bg-destructive/5 px-4 py-2 text-[12px] text-destructive", children: I }),
-        t ? /* @__PURE__ */ r("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ r(le, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) : c ? /* @__PURE__ */ r("div", { className: "p-4 text-[13px] text-muted-foreground", children: c }) : f && p ? /* @__PURE__ */ d(je, { defaultValue: "style", className: "flex min-h-0 flex-1 flex-col", children: [
+        t ? /* @__PURE__ */ r("div", { className: "flex flex-1 items-center justify-center", children: /* @__PURE__ */ r(le, { className: "h-4 w-4 animate-spin text-muted-foreground" }) }) : l ? /* @__PURE__ */ r("div", { className: "p-4 text-[13px] text-muted-foreground", children: l }) : f && p ? /* @__PURE__ */ d(Je, { defaultValue: "style", className: "flex min-h-0 flex-1 flex-col", children: [
           /* @__PURE__ */ r("div", { className: "shrink-0 px-4 pt-3", children: /* @__PURE__ */ d(Le, { variant: "underline", className: "w-full gap-5", children: [
             /* @__PURE__ */ r(U, { value: "style", children: "Style" }),
             /* @__PURE__ */ r(U, { value: "surfaces", children: "Surfaces" }),
@@ -780,7 +800,7 @@ function Pr({
                       type: "button",
                       className: "flex items-center gap-3 rounded-control border border-border/70 px-3 py-2 text-left hover:bg-muted/60",
                       onClick: () => {
-                        const a = nr(f, o.id);
+                        const a = tr(f, o.id);
                         g(a);
                       },
                       children: [
@@ -816,7 +836,7 @@ function Pr({
                   icon: G,
                   title: "Color",
                   description: `Editing the ${T} scheme.`,
-                  children: /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-2", children: dr.map(([o, a]) => /* @__PURE__ */ r(
+                  children: /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-2", children: ir.map(([o, a]) => /* @__PURE__ */ r(
                     v,
                     {
                       label: a,
@@ -837,7 +857,7 @@ function Pr({
                   description: "Fonts and density used by dashboard and workflow chrome.",
                   children: [
                     /* @__PURE__ */ r(
-                      lr,
+                      sr,
                       {
                         value: p.tokens.typography.fontFamily,
                         onChange: (o) => b((a) => {
@@ -869,7 +889,7 @@ function Pr({
                             ["spacious", "Spacious"]
                           ],
                           onChange: (o) => b((a) => {
-                            a.tokens.typography.density = o, a.components.table.density = a.tokens.typography.density, s(a, "aggregateTable"), s(a, "pivotTable");
+                            a.tokens.typography.density = o, a.components.table.density = a.tokens.typography.density, u(a, "aggregateTable"), u(a, "pivotTable");
                           })
                         }
                       )
@@ -1034,7 +1054,7 @@ function Pr({
                   title: "Charts",
                   description: "Palette and semantic chart text/grid colors.",
                   children: [
-                    /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-2", children: ir.map((o) => /* @__PURE__ */ r(
+                    /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-2", children: cr.map((o) => /* @__PURE__ */ r(
                       v,
                       {
                         label: `Series ${o + 1}`,
@@ -1089,7 +1109,7 @@ function Pr({
                             ["spacious", "Spacious"]
                           ],
                           onChange: (o) => b((a) => {
-                            a.components.table.density = o, s(a, "aggregateTable"), s(a, "pivotTable");
+                            a.components.table.density = o, u(a, "aggregateTable"), u(a, "pivotTable");
                           })
                         }
                       ),
@@ -1103,7 +1123,7 @@ function Pr({
                             ["wrap", "Wrap"]
                           ],
                           onChange: (o) => b((a) => {
-                            a.components.table.cell.wrap = o, s(a, "aggregateTable"), s(a, "pivotTable");
+                            a.components.table.cell.wrap = o, u(a, "aggregateTable"), u(a, "pivotTable");
                           })
                         }
                       )
@@ -1115,7 +1135,7 @@ function Pr({
                           label: "Header",
                           value: p.components.table.header.background,
                           onChange: (o) => b((a) => {
-                            a.components.table.header.background = o, s(a, "aggregateTable"), s(a, "pivotTable");
+                            a.components.table.header.background = o, u(a, "aggregateTable"), u(a, "pivotTable");
                           })
                         }
                       ),
@@ -1125,7 +1145,7 @@ function Pr({
                           label: "Divider",
                           value: p.components.table.row.dividerColor,
                           onChange: (o) => b((a) => {
-                            a.components.table.row.dividerColor = o, a.components.table.header.dividerColor = o, s(a, "aggregateTable"), s(a, "pivotTable");
+                            a.components.table.row.dividerColor = o, a.components.table.header.dividerColor = o, u(a, "aggregateTable"), u(a, "pivotTable");
                           })
                         }
                       )
@@ -1136,7 +1156,7 @@ function Pr({
                         label: "Zebra rows",
                         checked: p.components.table.row.zebra,
                         onCheckedChange: (o) => b((a) => {
-                          a.components.table.row.zebra = o, s(a, "aggregateTable"), s(a, "pivotTable");
+                          a.components.table.row.zebra = o, u(a, "aggregateTable"), u(a, "pivotTable");
                         })
                       }
                     ),
@@ -1146,7 +1166,7 @@ function Pr({
                         label: "Sticky headers",
                         checked: p.components.table.header.sticky,
                         onCheckedChange: (o) => b((a) => {
-                          a.components.table.header.sticky = o, s(a, "aggregateTable"), s(a, "pivotTable");
+                          a.components.table.header.sticky = o, u(a, "aggregateTable"), u(a, "pivotTable");
                         })
                       }
                     ),
@@ -1156,7 +1176,7 @@ function Pr({
                         label: "Uppercase headers",
                         checked: p.components.table.header.uppercase,
                         onCheckedChange: (o) => b((a) => {
-                          a.components.table.header.uppercase = o, s(a, "aggregateTable"), s(a, "pivotTable");
+                          a.components.table.header.uppercase = o, u(a, "aggregateTable"), u(a, "pivotTable");
                         })
                       }
                     )
@@ -1174,7 +1194,7 @@ function N({
   icon: e,
   title: n,
   description: t,
-  children: u
+  children: c
 }) {
   return /* @__PURE__ */ d("section", { className: "mb-6 last:mb-0", children: [
     /* @__PURE__ */ d("div", { className: "mb-3 flex items-start gap-2", children: [
@@ -1184,16 +1204,16 @@ function N({
         /* @__PURE__ */ r("p", { className: "mt-0.5 text-[12px] leading-4 text-muted-foreground", children: t })
       ] })
     ] }),
-    /* @__PURE__ */ r("div", { className: "space-y-2", children: u }),
+    /* @__PURE__ */ r("div", { className: "space-y-2", children: c }),
     /* @__PURE__ */ r(Me, { className: "mt-5 bg-border/60" })
   ] });
 }
-function lr({
+function sr({
   value: e,
   onChange: n
 }) {
-  var u;
-  const t = (u = H.find((c) => c.value === e)) == null ? void 0 : u.id;
+  var c;
+  const t = (c = H.find((l) => l.value === e)) == null ? void 0 : c.id;
   return /* @__PURE__ */ d("div", { children: [
     /* @__PURE__ */ r(E, { className: "mb-1 block text-[11px] font-normal text-muted-foreground", children: "Font family" }),
     /* @__PURE__ */ d("div", { className: "grid grid-cols-[minmax(0,1fr)_150px] gap-2", children: [
@@ -1201,15 +1221,15 @@ function lr({
         ke,
         {
           value: t,
-          onValueChange: (c) => {
-            const l = H.find(
-              (i) => i.id === c
+          onValueChange: (l) => {
+            const s = H.find(
+              (i) => i.id === l
             );
-            l && n(l.value);
+            s && n(s.value);
           },
           children: [
             /* @__PURE__ */ r(xe, { size: "xs", "aria-label": "Font family preset", children: /* @__PURE__ */ r(ye, { placeholder: "Select font" }) }),
-            /* @__PURE__ */ r(ve, { children: H.map((c) => /* @__PURE__ */ r(Ce, { value: c.id, children: c.label }, c.id)) })
+            /* @__PURE__ */ r(ve, { children: H.map((l) => /* @__PURE__ */ r(Ce, { value: l.id, children: l.label }, l.id)) })
           ]
         }
       ),
@@ -1228,10 +1248,10 @@ function v({
   label: e,
   tooltip: n,
   value: t,
-  onChange: u
+  onChange: c
 }) {
-  const [c, l] = m.useState(!1), [i, y] = m.useState(t), x = sr(t), S = t !== i, f = (g) => {
-    l(g), g && y(t);
+  const [l, s] = m.useState(!1), [i, y] = m.useState(t), x = ur(t), S = t !== i, f = (g) => {
+    s(g), g && y(t);
   };
   return /* @__PURE__ */ d("div", { className: "block", children: [
     /* @__PURE__ */ d("div", { className: "mb-1 flex items-center gap-1", children: [
@@ -1250,7 +1270,7 @@ function v({
       ] }) }) : null
     ] }),
     /* @__PURE__ */ d("div", { className: "flex h-7 items-center overflow-hidden rounded-control border border-input bg-background", children: [
-      /* @__PURE__ */ d(ge, { open: c, onOpenChange: f, children: [
+      /* @__PURE__ */ d(ge, { open: l, onOpenChange: f, children: [
         /* @__PURE__ */ r(be, { asChild: !0, children: /* @__PURE__ */ r(
           "button",
           {
@@ -1281,7 +1301,7 @@ function v({
                           "aria-label": `${e} native color picker`,
                           type: "color",
                           value: x,
-                          onChange: (g) => u(g.target.value),
+                          onChange: (g) => c(g.target.value),
                           className: "absolute inset-0 h-full w-full cursor-pointer opacity-0"
                         }
                       ),
@@ -1300,7 +1320,7 @@ function v({
                           "aria-label": `Reset ${e} color to previous value`,
                           disabled: !S,
                           className: "inline-flex h-5 w-5 items-center justify-center rounded-control text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-35",
-                          onClick: () => u(i),
+                          onClick: () => c(i),
                           children: /* @__PURE__ */ r(me, { className: "h-3 w-3" })
                         }
                       ) }),
@@ -1313,13 +1333,13 @@ function v({
                       size: "xs",
                       "aria-label": `${e} popover color value`,
                       value: t,
-                      onChange: (g) => u(g.target.value),
+                      onChange: (g) => c(g.target.value),
                       className: "font-mono"
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ r("div", { className: "mt-2 grid grid-cols-6 gap-1", children: cr.map((g) => /* @__PURE__ */ r(
+              /* @__PURE__ */ r("div", { className: "mt-2 grid grid-cols-6 gap-1", children: lr.map((g) => /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
@@ -1329,7 +1349,7 @@ function v({
                     t.toLowerCase() === g && "ring-2 ring-ring"
                   ),
                   style: { backgroundColor: g },
-                  onClick: () => u(g)
+                  onClick: () => c(g)
                 },
                 g
               )) })
@@ -1343,14 +1363,14 @@ function v({
           size: "xs",
           "aria-label": `${e} color value`,
           value: t,
-          onChange: (g) => u(g.target.value),
+          onChange: (g) => c(g.target.value),
           className: "h-full border-0 px-2 font-mono shadow-none focus-visible:border-0"
         }
       )
     ] })
   ] });
 }
-function sr(e) {
+function ur(e) {
   const n = He(e);
   return n ? `#${X(n.r)}${X(n.g)}${X(n.b)}` : "#000000";
 }
@@ -1361,9 +1381,9 @@ function w({
   label: e,
   tooltip: n,
   value: t,
-  min: u,
-  max: c,
-  onChange: l
+  min: c,
+  max: l,
+  onChange: s
 }) {
   const i = m.useId();
   return /* @__PURE__ */ d("div", { className: "block", children: [
@@ -1395,12 +1415,12 @@ function w({
         id: i,
         size: "xs",
         type: "number",
-        min: u,
-        max: c,
+        min: c,
+        max: l,
         value: t,
         onChange: (y) => {
           const x = Number(y.target.value);
-          Number.isNaN(x) || l(x);
+          Number.isNaN(x) || s(x);
         }
       }
     )
@@ -1410,13 +1430,13 @@ function Y({
   label: e,
   value: n,
   options: t,
-  onChange: u
+  onChange: c
 }) {
   return /* @__PURE__ */ d("div", { children: [
     /* @__PURE__ */ r(E, { className: "mb-1 block text-[11px] font-normal text-muted-foreground", children: e }),
-    /* @__PURE__ */ d(ke, { value: n, onValueChange: u, children: [
+    /* @__PURE__ */ d(ke, { value: n, onValueChange: c, children: [
       /* @__PURE__ */ r(xe, { size: "xs", children: /* @__PURE__ */ r(ye, {}) }),
-      /* @__PURE__ */ r(ve, { children: t.map(([c, l]) => /* @__PURE__ */ r(Ce, { value: c, children: l }, c)) })
+      /* @__PURE__ */ r(ve, { children: t.map(([l, s]) => /* @__PURE__ */ r(Ce, { value: l, children: s }, l)) })
     ] })
   ] });
 }
@@ -1430,27 +1450,27 @@ function Z({
     /* @__PURE__ */ r(Ge, { size: "xs", checked: n, onCheckedChange: t })
   ] });
 }
-function ur(e) {
+function pr(e) {
   const n = `${Number((e / 16).toFixed(4))}rem`;
   return {
     "--semaphor-radius": n,
     "--semaphor-control-radius": n
   };
 }
-function pr(e) {
+function gr(e) {
   return JSON.parse(JSON.stringify(e));
 }
-function gr(e) {
+function br(e) {
   return typeof e.text == "function" ? e.text() : new Promise((n, t) => {
-    const u = new FileReader();
-    u.onload = () => n(String(u.result ?? "")), u.onerror = () => t(u.error ?? new Error("Unable to read file")), u.readAsText(e);
+    const c = new FileReader();
+    c.onload = () => n(String(c.result ?? "")), c.onerror = () => t(c.error ?? new Error("Unable to read file")), c.readAsText(e);
   });
 }
 export {
   Ne as BRAND_STUDIO_PRESETS,
-  Pr as BrandStudioEditor,
-  nr as applyBrandStudioPreset,
+  Br as BrandStudioEditor,
+  tr as applyBrandStudioPreset,
   L as buildAppearanceSpecFromDraft,
-  j as createBrandStudioDraft,
-  s as mirrorTableAppearance
+  J as createBrandStudioDraft,
+  u as mirrorTableAppearance
 };