@chaibuilder/sdk 4.0.0-beta.1 → 4.0.0-beta.3

package/dist/core.js

@@ -1,109 +1,42 @@
-import { j as e, A as o, f as i, k as l, B as r, e as t, C as u, i as c, D as d, l as C, m as B, E as k, I as g, L as n, g as h, T as p, U as S, h as m, z as P, P as F, n as A, o as T, p as b, q as M, r as y, F as I, G as v, t as L, v as f, s as H, w as R, x as D, y as E, O as U, Q as x, R as W, S as O, V as w, W as z, aC as j, X as q, Y as G, Z as V, aE as Z, aD as J, _ as K, H as N, J as Q, u as X, $ as Y, a0 as _, a1 as $, a2 as aa, a3 as sa, a4 as ea, a5 as oa, a6 as ia, a7 as la, a8 as ra, a9 as ta, aa as ua, ab as ca, M as da, ac as Ca, ad as Ba, ae as ka, af as ga, ag as na, ah as ha, ai as pa, aj as Sa, ak as ma, al as Pa, am as Fa, an as Aa, ao as Ta, aF as ba, ap as Ma, aq as ya, ar as Ia, a as va, as as La, at as fa, aG as Ha, au as Ra, aH as Da, av as Ea, aw as Ua, ax as xa, ay as Wa, az as Oa, K as wa, aA as za, b as ja, c as qa, aB as Ga } from "./index-CaGNHF7f.js";
-import { g as Za, c as Ja } from "./common-functions-BGzDsf1z.js";
-import { h as Na, h as Qa } from "./apply-binding-DCno1xQL.js";
-import { useTranslation as Ya } from "react-i18next";
-import { default as $a } from "i18next";
+import { b6 as s, aW as i, b2 as r, b7 as o, aX as t, aY as l, aZ as C, aT as h, b4 as g, b8 as b, b9 as d, ba as n, a_ as c, a$ as k, b3 as B, b0 as S, b1 as m, b5 as p, an as M, bb as T, bd as P, be as f, bf as u, bc as A, aO as L, aR as E, bg as I, aS as x, aP as H, aU as U, bh as D } from "./index-Ct7ElCGK.js";
+import { g as y, c as O } from "./common-functions-D2lMFR6K.js";
+import { g as F, g as W } from "./apply-binding-6iwlED02.js";
+import { default as z } from "i18next";
 export {
-  e as ChaiAddBlocksDialog,
-  o as ChaiAddBlocksPanel,
-  i as ChaiAskAiUserPrompt,
-  l as ChaiBlockAttributesEditor,
-  r as ChaiBlockPropsEditor,
-  t as ChaiBlockStyleEditor,
-  u as ChaiBuilderCanvas,
-  c as ChaiBuilderEditor,
-  d as ChaiDarkModeSwitcher,
-  C as ChaiDefaultBlocks,
-  B as ChaiDraggableBlock,
-  k as ChaiExportCodeModal,
-  g as ChaiImportHTML,
-  n as ChaiOutline,
-  h as ChaiScreenSizes,
-  p as ChaiThemeConfigPanel,
-  S as ChaiUILibrariesPanel,
-  m as ChaiUndoRedo,
-  P as IfChaiFeatureFlag,
-  F as PERMISSIONS,
-  Na as convertHTMLToChaiBlocks,
-  Za as generateBlockId,
-  Qa as getBlocksFromHTML,
-  A as getClassValueAndUnit,
-  $a as i18n,
-  Ja as mergeClasses,
-  T as registerBlockSettingField,
-  b as registerBlockSettingTemplate,
-  M as registerBlockSettingWidget,
-  y as registerChaiAddBlockTab,
-  I as registerChaiFeatureFlag,
-  v as registerChaiFeatureFlags,
+  s as ChaiAddBlocksDialog,
+  i as ChaiAddBlocksPanel,
+  r as ChaiAskAiUserPrompt,
+  o as ChaiBlockAttributesEditor,
+  t as ChaiBlockPropsEditor,
+  l as ChaiBlockStyleEditor,
+  C as ChaiBuilderCanvas,
+  h as ChaiBuilderEditor,
+  g as ChaiDarkModeSwitcher,
+  b as ChaiDefaultBlocks,
+  d as ChaiDraggableBlock,
+  n as ChaiExportCodeModal,
+  c as ChaiImportHTML,
+  k as ChaiOutline,
+  B as ChaiScreenSizes,
+  S as ChaiThemeConfigPanel,
+  m as ChaiUILibrariesPanel,
+  p as ChaiUndoRedo,
+  M as PERMISSIONS,
+  F as convertHTMLToChaiBlocks,
+  y as generateBlockId,
+  W as getBlocksFromHTML,
+  T as getClassValueAndUnit,
+  z as i18n,
+  O as mergeClasses,
+  P as registerBlockSettingField,
+  f as registerBlockSettingTemplate,
+  u as registerBlockSettingWidget,
+  A as registerChaiAddBlockTab,
   L as registerChaiLibrary,
-  f as registerChaiMediaManager,
-  H as registerChaiPreImportHTMLHook,
-  R as registerChaiSaveToLibrary,
-  D as registerChaiSidebarPanel,
-  E as registerChaiTopBar,
-  U as useAddBlock,
-  x as useAddClassesToBlocks,
-  W as useAskAi,
-  O as useBlockHighlight,
-  w as useBlocksHtmlForAi,
-  z as useBlocksStore,
-  j as useBlocksStoreUndoableActions,
-  q as useBrandingOptions,
-  G as useBuilderProp,
-  V as useBuilderReset,
-  Z as useCanvasDisplayWidth,
-  J as useCanvasWidth,
-  K as useCanvasZoom,
-  N as useChaiFeatureFlag,
-  Q as useChaiFeatureFlags,
-  X as useCodeEditor,
-  Y as useCopyBlockIds,
-  _ as useCopyToClipboard,
-  $ as useCurrentPage,
-  aa as useCutBlockIds,
-  sa as useDarkMode,
-  ea as useDuplicateBlocks,
-  oa as useHighlightBlockId,
-  ia as useHtmlToBlocks,
-  la as useI18nBlocks,
-  ra as useInlineEditing,
-  ta as useIsPageLoaded,
-  ua as useLanguages,
-  ca as useLibraryBlocks,
-  da as useMediaManagerComponent,
-  Ca as usePartailBlocksStore,
-  Ba as usePartialBlocksList,
-  ka as usePasteBlocks,
-  ga as usePermissions,
-  na as usePreviewMode,
-  ha as usePubSub,
-  pa as useRemoveAllClassesForBlock,
-  Sa as useRemoveBlocks,
-  ma as useRemoveClassesFromBlocks,
-  Pa as useReplaceBlock,
-  Fa as useResetBlockStyles,
-  Aa as useRightPanel,
-  Ta as useSavePage,
-  ba as useScreenSizeWidth,
-  Ma as useSelectedBlock,
-  ya as useSelectedBlockAllClasses,
-  Ia as useSelectedBlockCurrentClasses,
-  va as useSelectedBlockIds,
-  La as useSelectedBlocksDisplayChild,
-  fa as useSelectedBreakpoints,
-  Ha as useSelectedLibrary,
-  Ra as useSelectedStylingBlocks,
-  Da as useSidebarActivePanel,
-  Ea as useStreamMultipleBlocksProps,
-  Ua as useStylingBreakpoint,
-  xa as useStylingState,
-  Wa as useTheme,
-  Oa as useThemeOptions,
-  wa as useToggleChaiFeatureFlag,
-  Ya as useTranslation,
-  za as useUndoManager,
-  ja as useUpdateBlocksProps,
-  qa as useUpdateBlocksPropsRealtime,
-  Ga as useWrapperBlock
+  E as registerChaiMediaManager,
+  I as registerChaiPreImportHTMLHook,
+  x as registerChaiSaveToLibrary,
+  H as registerChaiSidebarPanel,
+  U as registerChaiTopBar,
+  D as useMediaManagerComponent
 };

package/dist/{css-import-modal-DA2L6kwP.js → css-import-modal-Byg6wV0O.js}

@@ -1,17 +1,17 @@
-import { jsx as i, jsxs as m } from "react/jsx-runtime";
-import * as x from "react";
-import { a1 as V, a3 as T, a6 as N, a9 as R, a4 as E, v as y, au as I, b1 as D, a5 as A } from "./tooltip-tLiIOgjq.js";
-import { getAllRegisteredFonts as P } from "@chaibuilder/runtime";
+import { jsx as i, jsxs as u } from "react/jsx-runtime";
+import { D as T, d as V, e as N, f as R, p as E, B as y, L as D, T as I, q as A } from "./index-Ct7ElCGK.js";
 import * as b from "culori";
-import { useTranslation as H } from "react-i18next";
-const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", L = (o) => `hsl(${d(o.h)} ${d(o.s * 100)}% ${d(o.l * 100)}%)`, M = (o, e = "hsl", s = "4") => {
+import { a as L } from "./fonts-DRly3Wzd.js";
+import * as x from "react";
+import { useTranslation as P } from "react-i18next";
+const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", H = (o) => `hsl(${d(o.h)} ${d(o.s * 100)}% ${d(o.l * 100)}%)`, M = (o, e = "hsl", s = "4") => {
   try {
     const r = b.parse(o);
     if (!r) throw new Error("Invalid color input");
     switch (e) {
       case "hsl": {
         const t = b.converter("hsl")(r);
-        return s === "4" ? L(t) : `${d(t.h)} ${d(t.s * 100)}% ${d(t.l * 100)}%`;
+        return s === "4" ? H(t) : `${d(t.h)} ${d(t.s * 100)}% ${d(t.l * 100)}%`;
       }
       case "rgb":
         return b.formatRgb(r);
@@ -40,13 +40,13 @@ const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", L = (o) => `hsl(${d(o
     const s = w(o);
     if (!s.isValid)
       return console.warn("CSS validation failed:", s.error), $();
-    const r = v(o, ":root"), t = v(o, ".dark"), l = u(r, "--font-sans") || u(r, "--font-family") || u(r, "--font-heading") || u(r, "--font-body"), n = B(l);
+    const r = v(o, ":root"), t = v(o, ".dark"), l = f(r, "--font-sans") || f(r, "--font-family") || f(r, "--font-heading") || f(r, "--font-body"), n = B(l);
     e.fontFamily = {
       heading: n,
       body: n
     };
-    const f = u(r, "--radius") || u(r, "--border-radius") || "0.5rem";
-    e.borderRadius = _(f), [
+    const m = f(r, "--radius") || f(r, "--border-radius") || "0.5rem";
+    e.borderRadius = q(m), [
       "background",
       "foreground",
       "primary",
@@ -67,7 +67,7 @@ const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", L = (o) => `hsl(${d(o
       "popover",
       "popover-foreground"
     ].forEach((a) => {
-      const p = u(r, `--${a}`), g = u(t, `--${a}`);
+      const p = f(r, `--${a}`), g = f(t, `--${a}`);
       if (p || g) {
         const c = p ? k(p) : "#000000", C = g ? k(g) : c;
         e.colors[a] = [c, C];
@@ -81,7 +81,7 @@ const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", L = (o) => `hsl(${d(o
   var r, t;
   const s = new RegExp(`${F(e)}\\s*{([^}]+)}`);
   return ((t = (r = o.match(s)) == null ? void 0 : r[1]) == null ? void 0 : t.trim()) || null;
-}, u = (o, e) => {
+}, f = (o, e) => {
   var t;
   if (!o) return null;
   const s = new RegExp(`${F(e)}\\s*:\\s*([^;]+)`), r = o.match(s);
@@ -102,8 +102,8 @@ const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", L = (o) => `hsl(${d(o
       return S(e) || "#000000";
     const s = e.match(/^(\d+\.?\d*)\s+(\d+\.?\d*)%\s+(\d+\.?\d*)%$/);
     if (s) {
-      const [r, t, l, n] = s, f = `hsl(${t} ${l}% ${n}%)`;
-      return S(f) || "#000000";
+      const [, r, t, l] = s, n = `hsl(${r} ${t}% ${l}%)`;
+      return S(n) || "#000000";
     }
     if (/^[\d.]+[\s,]+[\d.]+[\s,]+[\d.]+(?:[\s,/]+[\d.]+)?$/.test(e)) {
       const r = e.split(/[\s,]+/).filter(Boolean);
@@ -117,7 +117,7 @@ const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", L = (o) => `hsl(${d(o
     return console.warn("Failed to process color:", o, e), "#000000";
   }
 }, B = (o) => {
-  const e = P();
+  const e = L();
   if (!o)
     return "ui-sans-serif, system-ui, sans-serif";
   try {
@@ -126,9 +126,7 @@ const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", L = (o) => `hsl(${d(o
   } catch (s) {
     return console.warn("Error processing font family:", o, s), "ui-sans-serif, system-ui, sans-serif";
   }
-}, _ = (o) => {
-  if (!o)
-    return "8px";
+}, q = (o) => {
   try {
     const e = o.trim();
     if (e.endsWith("px"))
@@ -175,7 +173,7 @@ const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", L = (o) => `hsl(${d(o
     popover: ["#ffffff", "#0f172a"],
     "popover-foreground": ["#000000", "#f8fafc"]
   }
-}), F = (o) => o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), q = (o) => ["background", "foreground", "primary", "primary-foreground"].every(
+}), F = (o) => o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), W = (o) => ["background", "foreground", "primary", "primary-foreground"].every(
   (r) => o.colors[r] && Array.isArray(o.colors[r]) && o.colors[r].length >= 2
 ) && !!o.fontFamily.heading && !!o.fontFamily.body && !!o.borderRadius, w = (o) => {
   if (!o || typeof o != "string")
@@ -203,7 +201,7 @@ const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", L = (o) => `hsl(${d(o
   } catch (s) {
     return console.error("CSS validation error:", s), { isValid: !1, error: "Failed to parse CSS. Please check your syntax." };
   }
-}, W = `:root {
+}, _ = `:root {
   --background: 0 0% 100%;
   --foreground: oklch(0.52 0.13 144.17);
   --primary: #3e2723;
@@ -216,7 +214,7 @@ const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", L = (o) => `hsl(${d(o
   --primary: rgb(46, 125, 50);
   --primary-foreground: #ffffff;
 }`, Z = ({ open: o, onOpenChange: e, onImport: s }) => {
-  const [r, t] = x.useState(""), [l, n] = x.useState(null), [f, h] = x.useState(!1), { t: a } = H(), p = async () => {
+  const [r, t] = x.useState(""), [l, n] = x.useState(null), [m, h] = x.useState(!1), { t: a } = P(), p = async () => {
     h(!0), n(null);
     try {
       const c = w(r);
@@ -227,9 +225,11 @@ const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", L = (o) => `hsl(${d(o
         return;
       }
       const C = z(r);
-      if (!q(C)) {
+      if (!W(C)) {
         n(
-          a("The CSS doesn't contain enough theme information. Please ensure it includes at least background, foreground, primary, and primary-foreground colors.")
+          a(
+            "The CSS doesn't contain enough theme information. Please ensure it includes at least background, foreground, primary, and primary-foreground colors."
+          )
         ), setTimeout(() => {
           n(null);
         }, 5e3), h(!1);
@@ -246,14 +246,14 @@ const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", L = (o) => `hsl(${d(o
   }, g = () => {
     t(""), n(null), e(!1);
   };
-  return /* @__PURE__ */ i(V, { open: o, onOpenChange: e, children: /* @__PURE__ */ m(T, { className: "flex max-h-[80vh] max-w-2xl flex-col", children: [
-    /* @__PURE__ */ m(N, { children: [
+  return /* @__PURE__ */ i(T, { open: o, onOpenChange: e, children: /* @__PURE__ */ u(V, { className: "flex max-h-[80vh] max-w-2xl flex-col", children: [
+    /* @__PURE__ */ u(N, { children: [
       /* @__PURE__ */ i(R, { children: a("Import CSS Theme") }),
-      /* @__PURE__ */ m(E, { className: "space-y-2", children: [
+      /* @__PURE__ */ u(E, { className: "space-y-2", children: [
         /* @__PURE__ */ i("p", { children: a(
           "Paste your CSS variables to import a custom theme. The CSS should contain :root and .dark blocks with CSS custom properties."
         ) }),
-        /* @__PURE__ */ m("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ u("div", { className: "flex items-center", children: [
           /* @__PURE__ */ i("p", { className: "font-bold", children: "Get theme resources:" }),
           /* @__PURE__ */ i(y, { variant: "link", size: "sm", onClick: () => window.open("https://tweakcn.com/", "_blank"), children: "TweakCN" }),
           /* @__PURE__ */ i(
@@ -277,26 +277,26 @@ const d = (o) => o ? o % 1 === 0 ? o : o.toFixed(4) : "0", L = (o) => `hsl(${d(o
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ m("div", { className: "flex-1 space-y-4 overflow-hidden", children: [
-      /* @__PURE__ */ m("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ i(I, { htmlFor: "css-input", children: a("CSS Variables") }),
+    /* @__PURE__ */ u("div", { className: "flex-1 space-y-4 overflow-hidden", children: [
+      /* @__PURE__ */ u("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ i(D, { htmlFor: "css-input", children: a("CSS Variables") }),
         /* @__PURE__ */ i(
-          D,
+          I,
           {
             id: "css-input",
-            placeholder: W,
+            placeholder: _,
             value: r,
             onChange: (c) => t(c.target.value),
             className: "min-h-[300px] resize-none font-mono text-sm",
-            disabled: f
+            disabled: m
           }
         )
       ] }),
       l && /* @__PURE__ */ i("div", { className: "rounded-md border border-red-200 bg-red-50 p-3", children: /* @__PURE__ */ i("p", { className: "text-sm text-red-600", children: l }) })
     ] }),
-    /* @__PURE__ */ m(A, { className: "gap-2", children: [
-      /* @__PURE__ */ i(y, { variant: "outline", onClick: g, disabled: f, children: a("Cancel") }),
-      /* @__PURE__ */ i(y, { onClick: p, disabled: !r.trim() || f, children: a(f ? "Importing..." : "Import Theme") })
+    /* @__PURE__ */ u(A, { className: "gap-2", children: [
+      /* @__PURE__ */ i(y, { variant: "outline", onClick: g, disabled: m, children: a("Cancel") }),
+      /* @__PURE__ */ i(y, { onClick: p, disabled: !r.trim() || m, children: a(m ? "Importing..." : "Import Theme") })
     ] })
   ] }) });
 };

package/dist/css-import-modal-CyqkXWCO.cjs

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("./index-DF5DEvqb.cjs"),w=require("culori"),T=require("./fonts-B-Xt29pe.cjs"),V=require("react"),N=require("react-i18next");function $(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const y=$(w),S=$(V),f=e=>e?e%1===0?e:e.toFixed(4):"0",R=e=>`hsl(${f(e.h)} ${f(e.s*100)}% ${f(e.l*100)}%)`,E=(e,o="hsl",t="4")=>{try{const r=y.parse(e);if(!r)throw new Error("Invalid color input");switch(o){case"hsl":{const s=y.converter("hsl")(r);return t==="4"?R(s):`${f(s.h)} ${f(s.s*100)}% ${f(s.l*100)}%`}case"rgb":return y.formatRgb(r);case"oklch":{const s=y.converter("oklch")(r);return`oklch(${f(s.l)} ${f(s.c)} ${f(s.h)})`}case"hex":return y.formatHex(r);default:return e}}catch(r){return console.error(`Failed to convert color: ${e}`,r),e}},b=e=>E(e,"hex"),I=e=>{const o={fontFamily:{heading:"",body:""},borderRadius:"",colors:{}};try{const t=F(e);if(!t.isValid)return console.warn("CSS validation failed:",t.error),k();const r=C(e,":root"),s=C(e,".dark"),l=u(r,"--font-sans")||u(r,"--font-family")||u(r,"--font-heading")||u(r,"--font-body"),a=D(l);o.fontFamily={heading:a,body:a};const m=u(r,"--radius")||u(r,"--border-radius")||"0.5rem";o.borderRadius=P(m),["background","foreground","primary","primary-foreground","secondary","secondary-foreground","muted","muted-foreground","accent","accent-foreground","destructive","destructive-foreground","border","input","ring","card","card-foreground","popover","popover-foreground"].forEach(i=>{const p=u(r,`--${i}`),g=u(s,`--${i}`);if(p||g){const d=p?v(p):"#000000",x=g?v(g):d;o.colors[i]=[d,x]}})}catch(t){return console.error("Error parsing CSS to ChaiThemeValues:",t),k()}return o},C=(e,o)=>{var r,s;const t=new RegExp(`${j(o)}\\s*{([^}]+)}`);return((s=(r=e.match(t))==null?void 0:r[1])==null?void 0:s.trim())||null},u=(e,o)=>{var s;if(!e)return null;const t=new RegExp(`${j(o)}\\s*:\\s*([^;]+)`),r=e.match(t);return((s=r==null?void 0:r[1])==null?void 0:s.trim())||null},v=e=>{if(!e||typeof e!="string")return"#000000";try{const o=e.replace(/var\([^)]+\)/g,"").trim();if(!o)return"#000000";if(/^[a-z]+$/i.test(o))return b(o)||"#000000";if(/^#?([0-9A-F]{3,4}|[0-9A-F]{6}|[0-9A-F]{8})$/i.test(o.replace(/#/g,""))){const r=o.startsWith("#")?o:`#${o}`;return r.length<=5?`#${r.slice(1).split("").map(s=>s+s).join("")}`.slice(0,7):r.length>7?r.slice(0,7):r}if(/^(rgb|hsl|oklch)a?\(/i.test(o))return b(o)||"#000000";const t=o.match(/^(\d+\.?\d*)\s+(\d+\.?\d*)%\s+(\d+\.?\d*)%$/);if(t){const[,r,s,l]=t,a=`hsl(${r} ${s}% ${l}%)`;return b(a)||"#000000"}if(/^[\d.]+[\s,]+[\d.]+[\s,]+[\d.]+(?:[\s,/]+[\d.]+)?$/.test(o)){const r=o.split(/[\s,]+/).filter(Boolean);if(r.length>=3){const l=r.some(a=>a.includes("%"))?`hsl(${r[0]} ${r[1]} ${r[2]})`:`rgb(${r[0]}, ${r[1]}, ${r[2]})`;return b(l)||"#000000"}}return b(o)||"#000000"}catch(o){return console.warn("Failed to process color:",e,o),"#000000"}},D=e=>{const o=T.getAllRegisteredFonts();if(!e)return"ui-sans-serif, system-ui, sans-serif";try{const r=e.replace(/["']/g,"").trim().split(",")[0].trim(),s=o.find(l=>l.family.toLowerCase()===r.toLowerCase());return(s==null?void 0:s.family)||"ui-sans-serif, system-ui, sans-serif"}catch(t){return console.warn("Error processing font family:",e,t),"ui-sans-serif, system-ui, sans-serif"}},P=e=>{try{const o=e.trim();if(o.endsWith("px"))return o;if(o.endsWith("rem")){const r=parseFloat(o.replace("rem",""));if(!isNaN(r))return`${Math.round(r*16)}px`}if(o.endsWith("em")){const r=parseFloat(o.replace("em",""));if(!isNaN(r))return`${Math.round(r*16)}px`}const t=parseFloat(o);return isNaN(t)?"8px":`${Math.round(t)}px`}catch(o){return console.warn("Error converting border radius to px:",e,o),"8px"}},k=()=>({fontFamily:{heading:"ui-sans-serif, system-ui, sans-serif",body:"ui-sans-serif, system-ui, sans-serif"},borderRadius:"8px",colors:{background:["#ffffff","#000000"],foreground:["#000000","#ffffff"],primary:["#3b82f6","#60a5fa"],"primary-foreground":["#ffffff","#1e293b"],secondary:["#f1f5f9","#334155"],"secondary-foreground":["#0f172a","#f8fafc"],muted:["#f8fafc","#1e293b"],"muted-foreground":["#64748b","#94a3b8"],accent:["#f1f5f9","#334155"],"accent-foreground":["#0f172a","#f8fafc"],destructive:["#ef4444","#f87171"],"destructive-foreground":["#ffffff","#1e293b"],border:["#e2e8f0","#475569"],input:["#e2e8f0","#475569"],ring:["#3b82f6","#60a5fa"],card:["#ffffff","#0f172a"],"card-foreground":["#000000","#f8fafc"],popover:["#ffffff","#0f172a"],"popover-foreground":["#000000","#f8fafc"]}}),j=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),q=e=>["background","foreground","primary","primary-foreground"].every(r=>e.colors[r]&&Array.isArray(e.colors[r])&&e.colors[r].length>=2)&&!!e.fontFamily.heading&&!!e.fontFamily.body&&!!e.borderRadius,F=e=>{if(!e||typeof e!="string")return{isValid:!1,error:"Please enter valid CSS content"};const o=e.trim();if(!o)return{isValid:!1,error:"Please enter CSS content"};try{if(!o.includes("{")||!o.includes("}"))return{isValid:!1,error:"Invalid CSS format. CSS should contain proper block structure with { }"};const t=(o.match(/{/g)||[]).length,r=(o.match(/}/g)||[]).length;return t!==r?{isValid:!1,error:"Invalid CSS format. Unmatched braces detected"}:!o.includes("--")||!o.includes(":")?{isValid:!1,error:"Invalid CSS format. CSS should contain variable definitions like --primary: #color"}:!o.includes(":root")&&!o.includes(".dark")?{isValid:!1,error:"CSS should contain at least :root or .dark selector with theme variables"}:{isValid:!0}}catch(t){return console.error("CSS validation error:",t),{isValid:!1,error:"Failed to parse CSS. Please check your syntax."}}},M=`:root {
+  --background: 0 0% 100%;
+  --foreground: oklch(0.52 0.13 144.17);
+  --primary: #3e2723;
+  --primary-foreground: #ffffff;
+  }
+
+.dark {
+  --background: 222.2 84% 4.9%;
+  --foreground: hsl(37.50 36.36% 95.69%);
+  --primary: rgb(46, 125, 50);
+  --primary-foreground: #ffffff;
+}`,B=({open:e,onOpenChange:o,onImport:t})=>{const[r,s]=S.useState(""),[l,a]=S.useState(null),[m,h]=S.useState(!1),{t:i}=N.useTranslation(),p=async()=>{h(!0),a(null);try{const d=F(r);if(!d.isValid){a(d.error||i("Invalid CSS format")),setTimeout(()=>{a(null)},5e3),h(!1);return}const x=I(r);if(!q(x)){a(i("The CSS doesn't contain enough theme information. Please ensure it includes at least background, foreground, primary, and primary-foreground colors.")),setTimeout(()=>{a(null)},5e3),h(!1);return}t(x),s(""),a(null),o(!1)}catch(d){console.error("Error importing CSS:",d),a(i("Failed to parse CSS. Please check your syntax and try again.")),setTimeout(()=>{a(null)},5e3)}finally{h(!1)}},g=()=>{s(""),a(null),o(!1)};return n.jsx(c.Dialog,{open:e,onOpenChange:o,children:n.jsxs(c.DialogContent,{className:"flex max-h-[80vh] max-w-2xl flex-col",children:[n.jsxs(c.DialogHeader,{children:[n.jsx(c.DialogTitle,{children:i("Import CSS Theme")}),n.jsxs(c.DialogDescription,{className:"space-y-2",children:[n.jsx("p",{children:i("Paste your CSS variables to import a custom theme. The CSS should contain :root and .dark blocks with CSS custom properties.")}),n.jsxs("div",{className:"flex items-center",children:[n.jsx("p",{className:"font-bold",children:"Get theme resources:"}),n.jsx(c.Button,{variant:"link",size:"sm",onClick:()=>window.open("https://tweakcn.com/","_blank"),children:"TweakCN"}),n.jsx(c.Button,{variant:"link",size:"sm",onClick:()=>window.open("https://ui.shadcn.com/themes#themes","_blank"),children:"shadcn/ui Themes"}),n.jsx(c.Button,{variant:"link",size:"sm",onClick:()=>window.open("https://zippystarter.com/tools/shadcn-ui-theme-generator","_blank"),children:"ZippyStarter"})]})]})]}),n.jsxs("div",{className:"flex-1 space-y-4 overflow-hidden",children:[n.jsxs("div",{className:"space-y-2",children:[n.jsx(c.Label,{htmlFor:"css-input",children:i("CSS Variables")}),n.jsx(c.Textarea,{id:"css-input",placeholder:M,value:r,onChange:d=>s(d.target.value),className:"min-h-[300px] resize-none font-mono text-sm",disabled:m})]}),l&&n.jsx("div",{className:"rounded-md border border-red-200 bg-red-50 p-3",children:n.jsx("p",{className:"text-sm text-red-600",children:l})})]}),n.jsxs(c.DialogFooter,{className:"gap-2",children:[n.jsx(c.Button,{variant:"outline",onClick:g,disabled:m,children:i("Cancel")}),n.jsx(c.Button,{onClick:p,disabled:!r.trim()||m,children:i(m?"Importing...":"Import Theme")})]})]})})};exports.CssImportModal=B;

package/dist/delete-design-token-BRZZiWtQ.js

@@ -0,0 +1,40 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { G as i, H as n, J as c, K as d, M as m, O as h, Q as g, R as u, U as x } from "./index-Ct7ElCGK.js";
+import { useTranslation as D } from "react-i18next";
+const N = ({ tokenName: l, tokenValue: s, onDelete: a, children: o }) => {
+  const { t: r } = D();
+  return /* @__PURE__ */ e(i, { children: [
+    /* @__PURE__ */ t(n, { asChild: !0, children: o }),
+    /* @__PURE__ */ e(c, { className: "max-w-md", children: [
+      /* @__PURE__ */ e(d, { children: [
+        /* @__PURE__ */ e(m, { className: "text-base", children: [
+          r("Delete"),
+          ' "',
+          l,
+          '"?'
+        ] }),
+        /* @__PURE__ */ t(h, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "space-y-3 pt-1 text-sm", children: [
+          /* @__PURE__ */ t("p", { className: "text-muted-foreground", children: r("This action cannot be undone. This will permanently remove the design token from your project.") }),
+          /* @__PURE__ */ e("div", { className: "rounded-md border bg-muted/50 p-3", children: [
+            /* @__PURE__ */ t("p", { className: "mb-1 text-xs font-medium text-foreground", children: r("Token classes") }),
+            /* @__PURE__ */ t("p", { className: "font-mono text-xs text-muted-foreground", children: s })
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ e(g, { children: [
+        /* @__PURE__ */ t(u, { className: "h-7 text-xs", children: r("Cancel") }),
+        /* @__PURE__ */ t(
+          x,
+          {
+            onClick: a,
+            className: "h-7 bg-destructive text-xs text-destructive-foreground hover:bg-destructive/90",
+            children: r("Delete")
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+export {
+  N as default
+};

package/dist/delete-design-token-DkVs1oBf.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-DF5DEvqb.cjs"),i=require("react-i18next"),a=({tokenName:r,tokenValue:l,onDelete:n,children:o})=>{const{t:s}=i.useTranslation();return e.jsxs(t.AlertDialog,{children:[e.jsx(t.AlertDialogTrigger,{asChild:!0,children:o}),e.jsxs(t.AlertDialogContent,{className:"max-w-md",children:[e.jsxs(t.AlertDialogHeader,{children:[e.jsxs(t.AlertDialogTitle,{className:"text-base",children:[s("Delete"),' "',r,'"?']}),e.jsx(t.AlertDialogDescription,{asChild:!0,children:e.jsxs("div",{className:"space-y-3 pt-1 text-sm",children:[e.jsx("p",{className:"text-muted-foreground",children:s("This action cannot be undone. This will permanently remove the design token from your project.")}),e.jsxs("div",{className:"rounded-md border bg-muted/50 p-3",children:[e.jsx("p",{className:"mb-1 text-xs font-medium text-foreground",children:s("Token classes")}),e.jsx("p",{className:"font-mono text-xs text-muted-foreground",children:l})]})]})})]}),e.jsxs(t.AlertDialogFooter,{children:[e.jsx(t.AlertDialogCancel,{className:"h-7 text-xs",children:s("Cancel")}),e.jsx(t.AlertDialogAction,{onClick:n,className:"h-7 bg-destructive text-xs text-destructive-foreground hover:bg-destructive/90",children:s("Delete")})]})]})]})};exports.default=a;

package/dist/delete-page-BzyX9TN-.js

@@ -0,0 +1,70 @@
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import { n as N, o as A, D as E, d as b, e as k, f as U, p as B, q as G, B as v } from "./index-Ct7ElCGK.js";
+import { c as R, o as W, m as q, g as F, l as H, L as M } from "./index-ZuacEL1j.js";
+import { get as Q } from "lodash-es";
+import { useMemo as w } from "react";
+import { useTranslation as $ } from "react-i18next";
+const P = (e, r) => {
+  const t = r.filter((c) => c.parent === e);
+  if (t.length === 0) return 0;
+  let d = t.length;
+  return t.forEach((c) => {
+    d += P(c.id, r);
+  }), d;
+};
+function X({ page: e, onClose: r }) {
+  const { t } = $(), [, d] = R(), { mutate: c, isPending: h } = W(), { data: f } = q(), { data: m = [] } = F(), { setSelectedLang: S, fallbackLang: x } = N(), [, L] = A(), l = !(e != null && e.primaryPage), { data: s = [] } = H(l ? e == null ? void 0 : e.id : void 0), D = w(() => !l || !s ? 0 : s.filter((o) => o.id !== (e == null ? void 0 : e.id)).length, [l, s, e == null ? void 0 : e.id]), u = w(() => {
+    if (!(e != null && e.id) || !m.length) return 0;
+    let o = P(e.id, m);
+    return l && s && s.length > 0 && s.forEach((y) => {
+      y.id !== e.id && (o += P(y.id, m));
+    }), o;
+  }, [e == null ? void 0 : e.id, m, l, s]), C = () => {
+    h || c(e, {
+      onSuccess: () => {
+        e != null && e.primaryPage ? (window.history.replaceState({}, "", `/?page=${e.primaryPage}`), d(new URLSearchParams({ page: e.primaryPage }))) : (window.history.replaceState({}, "", "/"), d(new URLSearchParams())), window.dispatchEvent(new PopStateEvent("popstate")), S(x), L("outline"), r();
+      }
+    });
+  }, a = f == null ? void 0 : f.find((o) => o.key === (e == null ? void 0 : e.pageType));
+  return /* @__PURE__ */ i(E, { open: !!e, onOpenChange: r, children: /* @__PURE__ */ n(b, { children: [
+    /* @__PURE__ */ n(k, { children: [
+      /* @__PURE__ */ i(U, { children: t("Confirm Deletion") }),
+      /* @__PURE__ */ n(B, { className: "py-4 text-slate-500", children: [
+        /* @__PURE__ */ n("div", { children: [
+          t("Are you sure you want to remove"),
+          " ",
+          /* @__PURE__ */ i("b", { children: (e == null ? void 0 : e.name) ?? (e == null ? void 0 : e.slug) }),
+          " ",
+          a != null && a.hasSlug ? (a == null ? void 0 : a.name) + "?" : t("page?")
+        ] }),
+        l && (D > 0 || u > 0) && /* @__PURE__ */ n("div", { className: "mt-3 rounded-md bg-red-50 p-3 text-sm", children: [
+          /* @__PURE__ */ n("div", { className: "font-semibold text-red-800", children: [
+            t("Warning: Deleting this primary page will also delete"),
+            ":"
+          ] }),
+          /* @__PURE__ */ n("ul", { className: "mt-2 list-inside list-disc space-y-1 text-red-700", children: [
+            u > 0 && /* @__PURE__ */ n("li", { children: [
+              /* @__PURE__ */ i("span", { className: "font-medium", children: u }),
+              " ",
+              t(u === 1 ? "nested child page" : "nested child pages")
+            ] }),
+            D > 0 && /* @__PURE__ */ i("li", { children: t("All associated language pages") })
+          ] })
+        ] }),
+        e.lang && /* @__PURE__ */ n("div", { className: "py-2 text-sm", children: [
+          t("Language"),
+          ":",
+          " ",
+          /* @__PURE__ */ i("span", { className: "font-medium text-gray-500", children: Q(M, e.lang, e.lang) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ n(G, { children: [
+      /* @__PURE__ */ i(v, { variant: "outline", onClick: r, children: t("Cancel") }),
+      /* @__PURE__ */ i(v, { variant: "destructive", disabled: h, onClick: C, children: t(h ? "Deleting..." : "Delete") })
+    ] })
+  ] }) });
+}
+export {
+  X as default
+};

package/dist/delete-page-DxX7PFIE.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("./index-DF5DEvqb.cjs"),o=require("./index-WQwzsC7A.cjs"),L=require("lodash-es"),D=require("react"),N=require("react-i18next"),f=(e,r)=>{const n=r.filter(u=>u.parent===e);if(n.length===0)return 0;let a=n.length;return n.forEach(u=>{a+=f(u.id,r)}),a};function A({page:e,onClose:r}){const{t:n}=N.useTranslation(),[,a]=o.useSearchParams(),{mutate:u,isPending:x}=o.useDeletePage(),{data:P}=o.usePageTypes(),{data:h=[]}=o.useWebsitePages(),{setSelectedLang:v,fallbackLang:S}=s.useLanguages(),[,w]=s.useSidebarActivePanel(),l=!(e!=null&&e.primaryPage),{data:i=[]}=o.useLanguagePages(l?e==null?void 0:e.id:void 0),j=D.useMemo(()=>!l||!i?0:i.filter(d=>d.id!==(e==null?void 0:e.id)).length,[l,i,e==null?void 0:e.id]),m=D.useMemo(()=>{if(!(e!=null&&e.id)||!h.length)return 0;let d=f(e.id,h);return l&&i&&i.length>0&&i.forEach(y=>{y.id!==e.id&&(d+=f(y.id,h))}),d},[e==null?void 0:e.id,h,l,i]),C=()=>{x||u(e,{onSuccess:()=>{e!=null&&e.primaryPage?(window.history.replaceState({},"",`/?page=${e.primaryPage}`),a(new URLSearchParams({page:e.primaryPage}))):(window.history.replaceState({},"","/"),a(new URLSearchParams)),window.dispatchEvent(new PopStateEvent("popstate")),v(S),w("outline"),r()}})},c=P==null?void 0:P.find(d=>d.key===(e==null?void 0:e.pageType));return t.jsx(s.Dialog,{open:!!e,onOpenChange:r,children:t.jsxs(s.DialogContent,{children:[t.jsxs(s.DialogHeader,{children:[t.jsx(s.DialogTitle,{children:n("Confirm Deletion")}),t.jsxs(s.DialogDescription,{className:"py-4 text-slate-500",children:[t.jsxs("div",{children:[n("Are you sure you want to remove")," ",t.jsx("b",{children:(e==null?void 0:e.name)??(e==null?void 0:e.slug)})," ",c!=null&&c.hasSlug?(c==null?void 0:c.name)+"?":n("page?")]}),l&&(j>0||m>0)&&t.jsxs("div",{className:"mt-3 rounded-md bg-red-50 p-3 text-sm",children:[t.jsxs("div",{className:"font-semibold text-red-800",children:[n("Warning: Deleting this primary page will also delete"),":"]}),t.jsxs("ul",{className:"mt-2 list-inside list-disc space-y-1 text-red-700",children:[m>0&&t.jsxs("li",{children:[t.jsx("span",{className:"font-medium",children:m})," ",n(m===1?"nested child page":"nested child pages")]}),j>0&&t.jsx("li",{children:n("All associated language pages")})]})]}),e.lang&&t.jsxs("div",{className:"py-2 text-sm",children:[n("Language"),":"," ",t.jsx("span",{className:"font-medium text-gray-500",children:L.get(o.LANGUAGES,e.lang,e.lang)})]})]})]}),t.jsxs(s.DialogFooter,{children:[t.jsx(s.Button,{variant:"outline",onClick:r,children:n("Cancel")}),t.jsx(s.Button,{variant:"destructive",disabled:x,onClick:C,children:n(x?"Deleting...":"Delete")})]})]})})}exports.default=A;

package/dist/design-token-usage-CAHzEGgJ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("./index-DF5DEvqb.cjs"),p=require("@radix-ui/react-icons"),L=require("lodash-es"),d=require("react"),w=require("react-i18next"),x=({title:n,items:l,emptyLabel:o,onSelect:t,icon:i})=>s.jsxs("div",{className:"space-y-2",children:[s.jsx("p",{className:"text-[11px] font-semibold uppercase tracking-wide text-muted-foreground",children:n}),l.length>0?s.jsx("div",{className:"space-y-1",children:l.map(a=>s.jsx("button",{type:"button",onClick:()=>t(a.id),className:r.cn("group flex w-full items-center justify-between rounded-md border border-transparent bg-muted/40 px-3 py-1 text-left text-xs transition","hover:border-muted-foreground/20 hover:bg-muted/70 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-1",a.isSelected&&"border-primary/40 bg-primary/10 text-primary"),children:s.jsxs("span",{className:"flex items-center space-x-2",children:[i&&i,s.jsx("span",{className:"truncate",children:a.label})]})},a.id))}):s.jsx("div",{className:"rounded border border-dashed border-muted px-3 py-1 text-xs text-muted-foreground",children:o})]}),M="#styles:",_=n=>{const o=[typeof n._name=="string"?n._name:void 0,typeof n._type=="string"?n._type:void 0].filter(Boolean).find(t=>t.trim().length>0);return o?o.length>40?`${o.slice(0,37)}...`:o:n._id},q=(n,l)=>{const o=`${l}`;return n.filter(t=>Object.values(t).some(i=>typeof i!="string"||!i.startsWith(M)?!1:i.includes(o))).map(t=>({id:t._id,label:_(t)}))},C=({tokenId:n,tokenName:l,children:o})=>{const{t}=w.useTranslation(),[i]=r.useBlocksStore(),[a,b]=r.useSelectedBlockIds(),g=r.useBuilderProp("pageId"),m=r.useBuilderProp("siteWideUsage"),h=d.useMemo(()=>q(i,n),[i,n]),P=d.useMemo(()=>h.map(e=>({id:e.id,label:e.label,isSelected:a.includes(e.id)})),[h,a]),u=d.useMemo(()=>m?Object.entries(m).reduce((e,[f,c])=>(f===g||!(c!=null&&c.designTokens)||!Object.keys(c.designTokens).some(j=>typeof j!="string"?!1:j===n)||e.push({id:f,name:c.name||f,isPartial:!!c.isPartial}),e),[]):[],[m,l,n,g]),S=d.useMemo(()=>u.filter(e=>!e.isPartial).map(e=>({id:e.id,label:e.name})),[u]),k=d.useMemo(()=>u.filter(e=>e.isPartial).map(e=>({id:e.id,label:e.name})),[u]),v=d.useCallback(e=>{b([e])},[b]),B=r.useBuilderProp("gotoPage",L.noop),{selectedLang:N,fallbackLang:T}=r.useLanguages(),{savePageAsync:I}=r.useSavePage(),y=async e=>{e&&(await I(!0),B({pageId:e,lang:N||T}))};return s.jsxs(r.Popover,{children:[s.jsx(r.PopoverTrigger,{asChild:!0,children:o}),s.jsxs(r.PopoverContent,{side:"bottom",align:"end",className:"w-80 p-0",children:[s.jsxs("div",{className:"space-y-1 px-4 py-3",children:[s.jsx("p",{className:"text-xs font-semibold",children:l}),s.jsx("p",{className:"text-[11px] text-muted-foreground",children:t("Usage summary for this design token across your site.")})]}),s.jsxs("div",{className:"no-scrollbar max-h-64 space-y-4 overflow-y-auto px-4 pb-4",children:[s.jsx(x,{title:t("Blocks affected on this page"),items:P,emptyLabel:t("None"),onSelect:v,icon:s.jsx(p.ArrowRightIcon,{fontSize:4})}),s.jsx(x,{title:t("Blocks affected on other pages"),items:S,emptyLabel:t("None"),onSelect:y,icon:s.jsx(p.FileIcon,{fontSize:8})}),s.jsx(x,{title:t("Blocks affected on partial blocks"),items:k,emptyLabel:t("None"),onSelect:y,icon:s.jsx(p.GlobeIcon,{fontSize:8})})]})]})]})};exports.default=C;

package/dist/design-token-usage-xQs6SlaJ.js

@@ -0,0 +1,113 @@
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { ag as _, ah as j, a as C, ai as p, n as I, V as O, a9 as z, aa as W, P as A } from "./index-Ct7ElCGK.js";
+import { ArrowRightIcon as E, FileIcon as F, GlobeIcon as M } from "@radix-ui/react-icons";
+import { noop as R } from "lodash-es";
+import { useMemo as d, useCallback as $ } from "react";
+import { useTranslation as D } from "react-i18next";
+const b = ({ title: s, items: a, emptyLabel: r, onSelect: t, icon: o }) => /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+  /* @__PURE__ */ n("p", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: s }),
+  a.length > 0 ? /* @__PURE__ */ n("div", { className: "space-y-1", children: a.map((i) => /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      onClick: () => t(i.id),
+      className: _(
+        "group flex w-full items-center justify-between rounded-md border border-transparent bg-muted/40 px-3 py-1 text-left text-xs transition",
+        "hover:border-muted-foreground/20 hover:bg-muted/70 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-1",
+        i.isSelected && "border-primary/40 bg-primary/10 text-primary"
+      ),
+      children: /* @__PURE__ */ c("span", { className: "flex items-center space-x-2", children: [
+        o && o,
+        /* @__PURE__ */ n("span", { className: "truncate", children: i.label })
+      ] })
+    },
+    i.id
+  )) }) : /* @__PURE__ */ n("div", { className: "rounded border border-dashed border-muted px-3 py-1 text-xs text-muted-foreground", children: r })
+] }), G = "#styles:", V = (s) => {
+  const r = [
+    typeof s._name == "string" ? s._name : void 0,
+    typeof s._type == "string" ? s._type : void 0
+  ].filter(Boolean).find((t) => t.trim().length > 0);
+  return r ? r.length > 40 ? `${r.slice(0, 37)}...` : r : s._id;
+}, X = (s, a) => {
+  const r = `${a}`;
+  return s.filter((t) => Object.values(t).some((o) => typeof o != "string" || !o.startsWith(G) ? !1 : o.includes(r))).map((t) => ({
+    id: t._id,
+    label: V(t)
+  }));
+}, K = ({ tokenId: s, tokenName: a, children: r }) => {
+  const { t } = D(), [o] = j(), [i, g] = C(), h = p("pageId"), u = p("siteWideUsage"), y = d(() => X(o, s), [o, s]), k = d(
+    () => y.map((e) => ({
+      id: e.id,
+      label: e.label,
+      isSelected: i.includes(e.id)
+    })),
+    [y, i]
+  ), m = d(() => u ? Object.entries(u).reduce(
+    (e, [f, l]) => (f === h || !(l != null && l.designTokens) || !Object.keys(l.designTokens).some((P) => typeof P != "string" ? !1 : P === s) || e.push({ id: f, name: l.name || f, isPartial: !!l.isPartial }), e),
+    []
+  ) : [], [u, a, s, h]), v = d(
+    () => m.filter((e) => !e.isPartial).map((e) => ({
+      id: e.id,
+      label: e.name
+    })),
+    [m]
+  ), S = d(
+    () => m.filter((e) => e.isPartial).map((e) => ({
+      id: e.id,
+      label: e.name
+    })),
+    [m]
+  ), N = $(
+    (e) => {
+      g([e]);
+    },
+    [g]
+  ), B = p("gotoPage", R), { selectedLang: T, fallbackLang: L } = I(), { savePageAsync: w } = O(), x = async (e) => {
+    e && (await w(!0), B({ pageId: e, lang: T || L }));
+  };
+  return /* @__PURE__ */ c(z, { children: [
+    /* @__PURE__ */ n(W, { asChild: !0, children: r }),
+    /* @__PURE__ */ c(A, { side: "bottom", align: "end", className: "w-80 p-0", children: [
+      /* @__PURE__ */ c("div", { className: "space-y-1 px-4 py-3", children: [
+        /* @__PURE__ */ n("p", { className: "text-xs font-semibold", children: a }),
+        /* @__PURE__ */ n("p", { className: "text-[11px] text-muted-foreground", children: t("Usage summary for this design token across your site.") })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "no-scrollbar max-h-64 space-y-4 overflow-y-auto px-4 pb-4", children: [
+        /* @__PURE__ */ n(
+          b,
+          {
+            title: t("Blocks affected on this page"),
+            items: k,
+            emptyLabel: t("None"),
+            onSelect: N,
+            icon: /* @__PURE__ */ n(E, { fontSize: 4 })
+          }
+        ),
+        /* @__PURE__ */ n(
+          b,
+          {
+            title: t("Blocks affected on other pages"),
+            items: v,
+            emptyLabel: t("None"),
+            onSelect: x,
+            icon: /* @__PURE__ */ n(F, { fontSize: 8 })
+          }
+        ),
+        /* @__PURE__ */ n(
+          b,
+          {
+            title: t("Blocks affected on partial blocks"),
+            items: S,
+            emptyLabel: t("None"),
+            onSelect: x,
+            icon: /* @__PURE__ */ n(M, { fontSize: 8 })
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+export {
+  K as default
+};