react-semaphor 0.1.375 → 0.1.377

package/dist/brand-studio/index.js

@@ -1,18 +1,20 @@
 import { jsxs as d, jsx as r, Fragment as ce } from "react/jsx-runtime";
 import m from "react";
-import { c as $, a as K, P as ge, b as be, B as C, d as fe, U as De, C as Ie, R as me, f as le, X as Je, S as se, e as je, T as Le, J as $e, K as M, M as _e, N as G, O as Ve, Q as Ue, V as Me, W as Ge, L as E, Y as Q, Z as ee, _ as re, $ as he, a0 as oe, a1 as ae, a2 as xe, a3 as ye, a4 as ke, a5 as ve, a6 as Ce, a7 as We } from "../chunks/switch-Dkx2qEOr.js";
+import { c as ae, a as q, P as ge, b as be, B as C, d as fe, U as De, C as Ie, R as me, f as le, X as Je, S as se, e as je, T as Le, I as $e, J as U, K as _e, M, N as Ve, O as Ue, Q as Me, V as Ge, L as E, W as K, Y as Q, Z as ee, _ as he, $ as re, a0 as oe, a1 as ke, a2 as xe, a3 as ye, a4 as ve, a5 as Ce, a6 as We } from "../chunks/switch-C-fGjxjY.js";
 import { r as He, v as Ye, A as Xe, a as Ze, p as qe } from "../chunks/index-CJdxSyQq.js";
 import "../chunks/index-CuHybtft.js";
-import { P as W } from "../chunks/palette-D-f4-82S.js";
-import { B as Ke } from "../chunks/braces-C8QqW4wu.js";
-import { S as Qe } from "../chunks/save-kkBEBeLg.js";
+import "../chunks/catalog-field-grounding-DHXEI7cW.js";
+import { P as G } from "../chunks/palette-OFaniMPn.js";
+import { B as Ke } from "../chunks/braces-CkXyWzRh.js";
+import { S as Qe } from "../chunks/save-Dh6gSC4x.js";
+import { L as er } from "../chunks/layout-grid-BFmJ7vmH.js";
 /**
  * @license lucide-react v0.453.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const er = $("Ban", [
+const rr = ae("Ban", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m4.9 4.9 14.2 14.2", key: "1m5liu" }]
 ]);
@@ -22,7 +24,7 @@ const er = $("Ban", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rr = $("Clipboard", [
+const or = ae("Clipboard", [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -38,19 +40,7 @@ const rr = $("Clipboard", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const or = $("LayoutGrid", [
-  ["rect", { width: "7", height: "7", x: "3", y: "3", rx: "1", key: "1g98yp" }],
-  ["rect", { width: "7", height: "7", x: "14", y: "3", rx: "1", key: "6d4xhi" }],
-  ["rect", { width: "7", height: "7", x: "14", y: "14", rx: "1", key: "nxv5o0" }],
-  ["rect", { width: "7", height: "7", x: "3", y: "14", rx: "1", key: "1bb6yr" }]
-]);
-/**
- * @license lucide-react v0.453.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ar = $("Pipette", [
+const ar = ae("Pipette", [
   ["path", { d: "m2 22 1-1h3l9-9", key: "1sre89" }],
   ["path", { d: "M3 21v-3l9-9", key: "hpe2y6" }],
   [
@@ -270,7 +260,7 @@ function pe(e, n, t) {
       break;
   }
 }
-function H(e, n, t) {
+function W(e, n, t) {
   switch (e.tokens.radius[n] = t, n) {
     case "control":
       e.components.interactive.borderRadius = t, e.components.pagination.borderRadius = t;
@@ -286,7 +276,7 @@ function H(e, n, t) {
 function tr(e) {
   var n, t;
   for (const u of ["light", "dark"]) {
-    const c = e.schemes[u], l = c.tokens, i = l.color, k = (n = c.components) == null ? void 0 : n.aggregateTable, y = (t = c.components) == null ? void 0 : t.pivotTable, S = {
+    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 = {
       fontFamily: "",
       headingFontFamily: "",
       monoFontFamily: "",
@@ -356,22 +346,22 @@ function tr(e) {
       }
     };
     c.components = { ...F, ...c.components };
-    const _ = {
+    const $ = {
       palette: [],
       background: i.card,
       foreground: i.foreground,
       gridColor: i.border,
       axisColor: i.mutedForeground
     };
-    c.components.chart = { ..._, ...c.components.chart }, c.components.table = {
+    c.components.chart = { ...$, ...c.components.chart }, c.components.table = {
       ...B(i, l),
       ...c.components.table
-    }, c.components.aggregateTable = k ? {
-      ...B(i, l),
-      ...k
-    } : O(c.components.table), c.components.pivotTable = y ? {
+    }, c.components.aggregateTable = y ? {
       ...B(i, l),
       ...y
+    } : O(c.components.table), c.components.pivotTable = x ? {
+      ...B(i, l),
+      ...x
     } : O(c.components.table);
   }
   return e;
@@ -444,7 +434,7 @@ const dr = [
   ["negative", "Negative"],
   ["warning", "Warning"],
   ["info", "Info"]
-], ir = [0, 1, 2, 3, 4, 5], Y = Ze, cr = [
+], ir = [0, 1, 2, 3, 4, 5], H = Ze, cr = [
   "#ffffff",
   "#f8fafc",
   "#f4f4f5",
@@ -458,7 +448,7 @@ const dr = [
   "#dc2626",
   "#7c3aed"
 ];
-function Cr({
+function wr({
   appearance: e,
   previewTitle: n,
   isLoading: t = !1,
@@ -466,13 +456,13 @@ function Cr({
   error: c = null,
   className: l,
   onDraftChange: i,
-  onSave: k,
-  onClearConfig: y,
+  onSave: y,
+  onClearConfig: x,
   onCancel: S
 }) {
-  const [f, g] = m.useState(null), [T, F] = m.useState("light"), [_, z] = m.useState(!1), [we, R] = m.useState(
+  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, V] = 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;
   }, [i]), m.useEffect(() => {
@@ -499,21 +489,21 @@ function Cr({
       }
     }
   }, [f]);
-  const p = f == null ? void 0 : f.schemes[T], U = u || _, Te = m.useMemo(
+  const p = f == null ? void 0 : f.schemes[T], V = u || $, Te = m.useMemo(
     () => p ? ur(p.tokens.radius.control) : void 0,
     [p]
   ), Fe = (o) => {
     g((a) => {
       if (!a) return a;
-      const x = pr(a);
-      return o(x), x;
+      const k = pr(a);
+      return o(k), k;
     });
   }, b = (o) => {
     Fe((a) => {
       o(a.schemes[T]);
     });
   }, Pe = async () => {
-    if (!f || !k) return;
+    if (!f || !y) return;
     let o;
     try {
       o = L(f);
@@ -525,7 +515,7 @@ function Cr({
     }
     z(!0);
     try {
-      await k(o);
+      await y(o);
     } finally {
       z(!1);
     }
@@ -533,10 +523,10 @@ function Cr({
     const o = j(null);
     R("idle"), g(o);
   }, Oe = async () => {
-    if (y) {
+    if (x) {
       z(!0), h(null), R("idle");
       try {
-        await y(), 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"
@@ -548,7 +538,7 @@ function Cr({
   }, de = m.useCallback(() => f ? JSON.stringify(L(f), null, 2) : "", [f]), Re = (o) => {
     if (Se(o), o)
       try {
-        V(de()), h(null);
+        _(de()), h(null);
       } catch (a) {
         h(
           a instanceof Error ? a.message : "Appearance is invalid"
@@ -565,8 +555,8 @@ function Cr({
         );
       }
   }, ie = (o) => {
-    const a = JSON.parse(o), x = j(a), P = L(x);
-    R("idle"), F("light"), g(x), V(JSON.stringify(P, null, 2));
+    const a = JSON.parse(o), k = j(a), P = L(k);
+    R("idle"), F("light"), g(k), _(JSON.stringify(P, null, 2));
   }, Ee = () => {
     try {
       ie(D);
@@ -576,8 +566,8 @@ function Cr({
       );
     }
   }, ze = async (o) => {
-    var x;
-    const a = (x = o.target.files) == null ? void 0 : x[0];
+    var k;
+    const a = (k = o.target.files) == null ? void 0 : k[0];
     if (o.target.value = "", !!a)
       try {
         ie(await gr(a));
@@ -590,14 +580,14 @@ function Cr({
   return /* @__PURE__ */ d(
     "div",
     {
-      className: K(
+      className: q(
         "flex min-h-0 flex-1 flex-col bg-background text-foreground",
         l
       ),
       style: Te,
       children: [
         /* @__PURE__ */ d("header", { className: "flex h-11 shrink-0 items-start gap-3 border-b border-border/60 px-4 pt-2", children: [
-          /* @__PURE__ */ r("div", { className: "mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-control border border-border/70", children: /* @__PURE__ */ r(W, { className: "h-3.5 w-3.5" }) }),
+          /* @__PURE__ */ r("div", { className: "mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-control border border-border/70", children: /* @__PURE__ */ r(G, { className: "h-3.5 w-3.5" }) }),
           /* @__PURE__ */ d("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ r("h2", { className: "truncate text-[13px] font-semibold leading-tight", children: "Brand Studio" }),
             /* @__PURE__ */ d("p", { className: "truncate text-[11px] leading-tight text-muted-foreground", children: [
@@ -636,7 +626,7 @@ function Cr({
                               variant: "ghost",
                               onClick: Ae,
                               children: [
-                                /* @__PURE__ */ r(rr, { className: "h-3.5 w-3.5" }),
+                                /* @__PURE__ */ r(or, { className: "h-3.5 w-3.5" }),
                                 we === "copied" ? "Copied" : "Copy"
                               ]
                             }
@@ -666,7 +656,7 @@ function Cr({
                           ariaLabel: "Brand spec",
                           value: D,
                           onValueChange: (o) => {
-                            V(o), R("idle");
+                            _(o), R("idle");
                           },
                           language: "json",
                           embedded: !0,
@@ -705,16 +695,16 @@ function Cr({
               ]
             }
           ),
-          y && /* @__PURE__ */ d(
+          x && /* @__PURE__ */ d(
             C,
             {
               type: "button",
               size: "xs",
               variant: "ghost",
               onClick: Oe,
-              disabled: U,
+              disabled: V,
               children: [
-                /* @__PURE__ */ r(er, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ r(rr, { className: "h-3.5 w-3.5" }),
                 "No config"
               ]
             }
@@ -725,9 +715,9 @@ function Cr({
               type: "button",
               size: "xs",
               onClick: Pe,
-              disabled: !f || U || !!I || !k,
+              disabled: !f || V || !!I || !y,
               children: [
-                U ? /* @__PURE__ */ r(le, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ r(Qe, { className: "h-3.5 w-3.5" }),
+                V ? /* @__PURE__ */ r(le, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ r(Qe, { className: "h-3.5 w-3.5" }),
                 "Save"
               ]
             }
@@ -755,7 +745,7 @@ function Cr({
             "button",
             {
               type: "button",
-              className: K(
+              className: q(
                 "h-full px-2.5 text-[12px] capitalize transition-colors",
                 T === o ? "bg-muted text-foreground" : "text-muted-foreground hover:text-foreground"
               ),
@@ -768,16 +758,16 @@ function Cr({
         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(Le, { 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($e, { variant: "underline", className: "w-full gap-5", children: [
-            /* @__PURE__ */ r(M, { value: "style", children: "Style" }),
-            /* @__PURE__ */ r(M, { value: "surfaces", children: "Surfaces" }),
-            /* @__PURE__ */ r(M, { value: "data", children: "Data" })
+            /* @__PURE__ */ r(U, { value: "style", children: "Style" }),
+            /* @__PURE__ */ r(U, { value: "surfaces", children: "Surfaces" }),
+            /* @__PURE__ */ r(U, { value: "data", children: "Data" })
           ] }) }),
           /* @__PURE__ */ d(_e, { className: "min-h-0 flex-1", children: [
-            /* @__PURE__ */ d(G, { value: "style", className: "m-0 p-4", children: [
+            /* @__PURE__ */ d(M, { value: "style", className: "m-0 p-4", children: [
               /* @__PURE__ */ r(
                 N,
                 {
-                  icon: W,
+                  icon: G,
                   title: "Presets",
                   description: "Start from a full light and dark appearance.",
                   children: /* @__PURE__ */ r("div", { className: "grid grid-cols-1 gap-2", children: Ne.map((o) => /* @__PURE__ */ d(
@@ -819,7 +809,7 @@ function Cr({
               /* @__PURE__ */ r(
                 N,
                 {
-                  icon: W,
+                  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(
@@ -827,8 +817,8 @@ function Cr({
                     {
                       label: a,
                       value: p.tokens.color[o],
-                      onChange: (x) => b((P) => {
-                        pe(P, o, x);
+                      onChange: (k) => b((P) => {
+                        pe(P, o, k);
                       })
                     },
                     o
@@ -865,7 +855,7 @@ function Cr({
                         }
                       ),
                       /* @__PURE__ */ r(
-                        Z,
+                        X,
                         {
                           label: "Density",
                           value: p.tokens.typography.density,
@@ -884,11 +874,11 @@ function Cr({
                 }
               )
             ] }),
-            /* @__PURE__ */ d(G, { value: "surfaces", className: "m-0 p-4", children: [
+            /* @__PURE__ */ d(M, { value: "surfaces", className: "m-0 p-4", children: [
               /* @__PURE__ */ d(
                 N,
                 {
-                  icon: or,
+                  icon: er,
                   title: "Layout",
                   description: "Canvas, grid, and card rhythm for embedded dashboards.",
                   children: [
@@ -943,7 +933,7 @@ function Cr({
                           min: 0,
                           max: 12,
                           onChange: (o) => b((a) => {
-                            H(a, "control", o);
+                            W(a, "control", o);
                           })
                         }
                       ),
@@ -956,7 +946,7 @@ function Cr({
                           min: 0,
                           max: 12,
                           onChange: (o) => b((a) => {
-                            H(a, "card", o);
+                            W(a, "card", o);
                           })
                         }
                       ),
@@ -969,7 +959,7 @@ function Cr({
                           min: 0,
                           max: 12,
                           onChange: (o) => b((a) => {
-                            H(a, "table", o);
+                            W(a, "table", o);
                           })
                         }
                       )
@@ -1032,7 +1022,7 @@ function Cr({
                 }
               )
             ] }),
-            /* @__PURE__ */ d(G, { value: "data", className: "m-0 p-4", children: [
+            /* @__PURE__ */ d(M, { value: "data", className: "m-0 p-4", children: [
               /* @__PURE__ */ d(
                 N,
                 {
@@ -1045,8 +1035,8 @@ function Cr({
                       {
                         label: `Series ${o + 1}`,
                         value: p.components.chart.palette[o] || "#000000",
-                        onChange: (a) => b((x) => {
-                          x.components.chart.palette[o] = a;
+                        onChange: (a) => b((k) => {
+                          k.components.chart.palette[o] = a;
                         })
                       },
                       o
@@ -1085,7 +1075,7 @@ function Cr({
                   children: [
                     /* @__PURE__ */ d("div", { className: "grid grid-cols-2 gap-2", children: [
                       /* @__PURE__ */ r(
-                        Z,
+                        X,
                         {
                           label: "Density",
                           value: p.components.table.density,
@@ -1100,7 +1090,7 @@ function Cr({
                         }
                       ),
                       /* @__PURE__ */ r(
-                        Z,
+                        X,
                         {
                           label: "Cell wrap",
                           value: p.components.table.cell.wrap,
@@ -1137,7 +1127,7 @@ function Cr({
                       )
                     ] }),
                     /* @__PURE__ */ r(
-                      q,
+                      Z,
                       {
                         label: "Zebra rows",
                         checked: p.components.table.row.zebra,
@@ -1147,7 +1137,7 @@ function Cr({
                       }
                     ),
                     /* @__PURE__ */ r(
-                      q,
+                      Z,
                       {
                         label: "Sticky headers",
                         checked: p.components.table.header.sticky,
@@ -1157,7 +1147,7 @@ function Cr({
                       }
                     ),
                     /* @__PURE__ */ r(
-                      q,
+                      Z,
                       {
                         label: "Uppercase headers",
                         checked: p.components.table.header.uppercase,
@@ -1199,23 +1189,23 @@ function lr({
   onChange: n
 }) {
   var u;
-  const t = (u = Y.find((c) => c.value === e)) == null ? void 0 : u.id;
+  const t = (u = H.find((c) => c.value === e)) == null ? void 0 : u.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: [
       /* @__PURE__ */ d(
-        xe,
+        ke,
         {
           value: t,
           onValueChange: (c) => {
-            const l = Y.find(
+            const l = H.find(
               (i) => i.id === c
             );
             l && n(l.value);
           },
           children: [
-            /* @__PURE__ */ r(ye, { size: "xs", "aria-label": "Font family preset", children: /* @__PURE__ */ r(ke, { placeholder: "Select font" }) }),
-            /* @__PURE__ */ r(ve, { children: Y.map((c) => /* @__PURE__ */ r(Ce, { value: c.id, children: c.label }, c.id)) })
+            /* @__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)) })
           ]
         }
       ),
@@ -1236,14 +1226,14 @@ function v({
   value: t,
   onChange: u
 }) {
-  const [c, l] = m.useState(!1), [i, k] = m.useState(t), y = sr(t), S = t !== i, f = (g) => {
-    l(g), g && k(t);
+  const [c, l] = m.useState(!1), [i, y] = m.useState(t), x = sr(t), S = t !== i, f = (g) => {
+    l(g), g && y(t);
   };
   return /* @__PURE__ */ d("div", { className: "block", children: [
     /* @__PURE__ */ d("div", { className: "mb-1 flex items-center gap-1", children: [
       /* @__PURE__ */ r(E, { className: "text-[11px] font-normal text-muted-foreground", children: e }),
-      n ? /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ d(ee, { children: [
-        /* @__PURE__ */ r(re, { asChild: !0, children: /* @__PURE__ */ r(
+      n ? /* @__PURE__ */ r(K, { children: /* @__PURE__ */ d(Q, { children: [
+        /* @__PURE__ */ r(ee, { asChild: !0, children: /* @__PURE__ */ r(
           "button",
           {
             type: "button",
@@ -1252,7 +1242,7 @@ function v({
             children: /* @__PURE__ */ r(he, { className: "h-3 w-3" })
           }
         ) }),
-        /* @__PURE__ */ r(oe, { side: "top", className: "max-w-64", children: n })
+        /* @__PURE__ */ r(re, { side: "top", className: "max-w-64", children: n })
       ] }) }) : null
     ] }),
     /* @__PURE__ */ d("div", { className: "flex h-7 items-center overflow-hidden rounded-control border border-input bg-background", children: [
@@ -1286,7 +1276,7 @@ function v({
                         {
                           "aria-label": `${e} native color picker`,
                           type: "color",
-                          value: y,
+                          value: x,
                           onChange: (g) => u(g.target.value),
                           className: "absolute inset-0 h-full w-full cursor-pointer opacity-0"
                         }
@@ -1298,8 +1288,8 @@ function v({
                 /* @__PURE__ */ d("div", { className: "min-w-0 flex-1", children: [
                   /* @__PURE__ */ d("div", { className: "mb-1 flex items-center justify-between gap-2", children: [
                     /* @__PURE__ */ r(E, { className: "block text-[11px] font-normal text-muted-foreground", children: "Color value" }),
-                    /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ d(ee, { children: [
-                      /* @__PURE__ */ r(re, { asChild: !0, children: /* @__PURE__ */ r(
+                    /* @__PURE__ */ r(K, { children: /* @__PURE__ */ d(Q, { children: [
+                      /* @__PURE__ */ r(ee, { asChild: !0, children: /* @__PURE__ */ r(
                         "button",
                         {
                           type: "button",
@@ -1310,11 +1300,11 @@ function v({
                           children: /* @__PURE__ */ r(me, { className: "h-3 w-3" })
                         }
                       ) }),
-                      /* @__PURE__ */ r(oe, { side: "top", children: "Reset to previous value" })
+                      /* @__PURE__ */ r(re, { side: "top", children: "Reset to previous value" })
                     ] }) })
                   ] }),
                   /* @__PURE__ */ r(
-                    ae,
+                    oe,
                     {
                       size: "xs",
                       "aria-label": `${e} popover color value`,
@@ -1330,7 +1320,7 @@ function v({
                 {
                   type: "button",
                   "aria-label": `Set ${e} to ${g}`,
-                  className: K(
+                  className: q(
                     "h-6 rounded-control border border-border/70 shadow-sm",
                     t.toLowerCase() === g && "ring-2 ring-ring"
                   ),
@@ -1344,7 +1334,7 @@ function v({
         )
       ] }),
       /* @__PURE__ */ r(
-        ae,
+        oe,
         {
           size: "xs",
           "aria-label": `${e} color value`,
@@ -1358,9 +1348,9 @@ function v({
 }
 function sr(e) {
   const n = qe(e);
-  return n ? `#${X(n.r)}${X(n.g)}${X(n.b)}` : "#000000";
+  return n ? `#${Y(n.r)}${Y(n.g)}${Y(n.b)}` : "#000000";
 }
-function X(e) {
+function Y(e) {
   return Math.round(e).toString(16).padStart(2, "0");
 }
 function w({
@@ -1382,8 +1372,8 @@ function w({
           children: e
         }
       ),
-      n ? /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ d(ee, { children: [
-        /* @__PURE__ */ r(re, { asChild: !0, children: /* @__PURE__ */ r(
+      n ? /* @__PURE__ */ r(K, { children: /* @__PURE__ */ d(Q, { children: [
+        /* @__PURE__ */ r(ee, { asChild: !0, children: /* @__PURE__ */ r(
           "button",
           {
             type: "button",
@@ -1392,11 +1382,11 @@ function w({
             children: /* @__PURE__ */ r(he, { className: "h-3 w-3" })
           }
         ) }),
-        /* @__PURE__ */ r(oe, { side: "top", className: "max-w-56", children: n })
+        /* @__PURE__ */ r(re, { side: "top", className: "max-w-56", children: n })
       ] }) }) : null
     ] }),
     /* @__PURE__ */ r(
-      ae,
+      oe,
       {
         id: i,
         size: "xs",
@@ -1404,15 +1394,15 @@ function w({
         min: u,
         max: c,
         value: t,
-        onChange: (k) => {
-          const y = Number(k.target.value);
-          Number.isNaN(y) || l(y);
+        onChange: (y) => {
+          const x = Number(y.target.value);
+          Number.isNaN(x) || l(x);
         }
       }
     )
   ] });
 }
-function Z({
+function X({
   label: e,
   value: n,
   options: t,
@@ -1420,13 +1410,13 @@ function Z({
 }) {
   return /* @__PURE__ */ d("div", { children: [
     /* @__PURE__ */ r(E, { className: "mb-1 block text-[11px] font-normal text-muted-foreground", children: e }),
-    /* @__PURE__ */ d(xe, { value: n, onValueChange: u, children: [
-      /* @__PURE__ */ r(ye, { size: "xs", children: /* @__PURE__ */ r(ke, {}) }),
+    /* @__PURE__ */ d(ke, { value: n, onValueChange: u, 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)) })
     ] })
   ] });
 }
-function q({
+function Z({
   label: e,
   checked: n,
   onCheckedChange: t
@@ -1454,7 +1444,7 @@ function gr(e) {
 }
 export {
   Ne as BRAND_STUDIO_PRESETS,
-  Cr as BrandStudioEditor,
+  wr as BrandStudioEditor,
   nr as applyBrandStudioPreset,
   L as buildAppearanceSpecFromDraft,
   j as createBrandStudioDraft,

package/dist/chunks/{braces-C3-w6xDL.js → braces-C2uBgj3t.js}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./switch-fIkmwzUt.js");/**
+"use strict";const e=require("./switch-D5xopzFD.js");/**
  * @license lucide-react v0.453.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/chunks/{braces-C8QqW4wu.js → braces-CkXyWzRh.js}

@@ -1,4 +1,4 @@
-import { c as a } from "./switch-Dkx2qEOr.js";
+import { c as a } from "./switch-C-fGjxjY.js";
 /**
  * @license lucide-react v0.453.0 - ISC
  *