@chaibuilder/sdk 3.2.12 → 3.2.14

package/dist/code-editor-Be8OB-e6.js

@@ -0,0 +1,64 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { u as k, a as v, b as T, L, c as N, d as y } from "./index-DTZkrGK-.js";
+import "clsx";
+import { get as w } from "lodash-es";
+import "nanoid";
+import "tailwind-merge";
+import "tree-model";
+import { useState as u, useMemo as E, useCallback as D, useEffect as H } from "react";
+import "jotai";
+import "@chaibuilder/runtime";
+import "sonner";
+import { useTranslation as M } from "react-i18next";
+import { a1 as P, a3 as B, a6 as I, a9 as S, b1 as j } from "./tooltip-DUosa-uC.js";
+import { useThrottledCallback as R } from "@react-hookz/web";
+const x = (o) => {
+  const s = document.createElement("div");
+  return s.innerHTML = o, s.innerHTML;
+};
+function _() {
+  const { t: o } = M(), [s, f] = u(!1), [n, h] = u(""), [e, c] = k(), [d] = v(), { selectedLang: r } = T(), m = E(() => w(L, r, r), [r]), C = N(), b = y(), g = R(
+    (a) => {
+      const l = x(a);
+      b([e.blockId], { [e.blockProp]: l });
+    },
+    [],
+    300
+  ), p = D(() => {
+    if (s) {
+      const a = x(n);
+      C([e.blockId], { [e.blockProp]: a });
+    }
+  }, [s, n]);
+  return H(() => {
+    d.includes(e == null ? void 0 : e.blockId) || (p(), c(null));
+  }, [d]), /* @__PURE__ */ t(P, { open: !0, onOpenChange: () => {
+    p(), c(null);
+  }, children: /* @__PURE__ */ i(B, { className: "flex max-h-[400px] min-h-[200px] max-w-4xl flex-col border-gray-700 text-black", children: [
+    /* @__PURE__ */ t(I, { className: "shrink-0 pb-3", children: /* @__PURE__ */ t(S, { className: "flex items-center justify-between text-black", children: /* @__PURE__ */ i("div", { className: "space-x-3 text-sm font-semibold", children: [
+      /* @__PURE__ */ t("span", { children: o("HTML Code Editor") }),
+      m && /* @__PURE__ */ i("span", { className: "text-xs text-gray-400", children: [
+        "(",
+        m,
+        ")"
+      ] }),
+      /* @__PURE__ */ t("span", { className: "text-xs text-gray-400", children: o("Scripts will be only executed in preview and live mode.") })
+    ] }) }) }),
+    /* @__PURE__ */ t("div", { className: "min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ t(
+      j,
+      {
+        className: "h-full w-full resize-none font-mono text-xs md:text-xs",
+        value: n || e.initialCode,
+        onChange: (a) => {
+          const l = a.target.value;
+          f(!0), h(l), g(l);
+        },
+        rows: 10,
+        placeholder: o("Enter your code here...")
+      }
+    ) })
+  ] }) });
+}
+export {
+  _ as default
+};

package/dist/code-editor-CgSpHwXD.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-DhKXDngP.cjs");require("clsx");const j=require("lodash-es");require("nanoid");require("tailwind-merge");require("tree-model");const l=require("react");require("jotai");require("@chaibuilder/runtime");require("sonner");const v=require("react-i18next"),a=require("./tooltip-Ba1-8jmj.cjs"),T=require("@react-hookz/web"),p=o=>{const n=document.createElement("div");return n.innerHTML=o,n.innerHTML};function y(){const{t:o}=v.useTranslation(),[n,f]=l.useState(!1),[i,g]=l.useState(""),[t,u]=s.useCodeEditor(),[x]=s.useSelectedBlockIds(),{selectedLang:d}=s.useLanguages(),m=l.useMemo(()=>j.get(s.LANGUAGES,d,d),[d]),b=s.useUpdateBlocksProps(),C=s.useUpdateBlocksPropsRealtime(),k=T.useThrottledCallback(r=>{const c=p(r);C([t.blockId],{[t.blockProp]:c})},[],300),h=l.useCallback(()=>{if(n){const r=p(i);b([t.blockId],{[t.blockProp]:r})}},[n,i]);l.useEffect(()=>{x.includes(t==null?void 0:t.blockId)||(h(),u(null))},[x]);const q=()=>{h(),u(null)};return e.jsx(a.Dialog,{open:!0,onOpenChange:q,children:e.jsxs(a.DialogContent,{className:"flex max-h-[400px] min-h-[200px] max-w-4xl flex-col border-gray-700 text-black",children:[e.jsx(a.DialogHeader,{className:"shrink-0 pb-3",children:e.jsx(a.DialogTitle,{className:"flex items-center justify-between text-black",children:e.jsxs("div",{className:"space-x-3 text-sm font-semibold",children:[e.jsx("span",{children:o("HTML Code Editor")}),m&&e.jsxs("span",{className:"text-xs text-gray-400",children:["(",m,")"]}),e.jsx("span",{className:"text-xs text-gray-400",children:o("Scripts will be only executed in preview and live mode.")})]})})}),e.jsx("div",{className:"min-h-0 flex-1 overflow-hidden",children:e.jsx(a.Textarea,{className:"h-full w-full resize-none font-mono text-xs md:text-xs",value:i||t.initialCode,onChange:r=>{const c=r.target.value;f(!0),g(c),k(c)},rows:10,placeholder:o("Enter your code here...")})})]})})}exports.default=y;

package/dist/core.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-zLw6cVaV.cjs"),s=require("./common-functions-B3a4xKt_.cjs"),a=require("./apply-binding-Bn1KC8uC.cjs"),i=require("react-i18next"),l=require("i18next");exports.ChaiAddBlocksDialog=e.AddBlocksDialog;exports.ChaiAddBlocksPanel=e.AddBlocksPanel;exports.ChaiAskAiUserPrompt=e.AIUserPrompt;exports.ChaiBlockAttributesEditor=e.BlockAttributesEditor;exports.ChaiBlockPropsEditor=e.BlockSettings;exports.ChaiBlockStyleEditor=e.BlockStyling;exports.ChaiBuilderCanvas=e.CanvasArea;exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.ChaiDarkModeSwitcher=e.DarkMode;exports.ChaiDefaultBlocks=e.DefaultChaiBlocks;exports.ChaiDraggableBlock=e.ChaiDraggableBlock;exports.ChaiExportCodeModal=e.ExportCodeModal;exports.ChaiImportHTML=e.ImportHTML;exports.ChaiOutline=e.ListTree;exports.ChaiScreenSizes=e.Breakpoints;exports.ChaiThemeConfigPanel=e.ThemeConfigPanel;exports.ChaiUILibrariesPanel=e.UILibrariesPanel;exports.ChaiUndoRedo=e.UndoRedo;exports.IfChaiFeatureFlag=e.IfChaiFeatureFlag;exports.PERMISSIONS=e.PERMISSIONS;exports.getClassValueAndUnit=e.getClassValueAndUnit;exports.registerBlockSettingField=e.registerBlockSettingField;exports.registerBlockSettingTemplate=e.registerBlockSettingTemplate;exports.registerBlockSettingWidget=e.registerBlockSettingWidget;exports.registerChaiAddBlockTab=e.registerChaiAddBlockTab;exports.registerChaiFeatureFlag=e.registerChaiFeatureFlag;exports.registerChaiFeatureFlags=e.registerChaiFeatureFlags;exports.registerChaiLibrary=e.registerChaiLibrary;exports.registerChaiMediaManager=e.registerChaiMediaManager;exports.registerChaiPreImportHTMLHook=e.registerChaiPreImportHTMLHook;exports.registerChaiSaveToLibrary=e.registerChaiSaveToLibrary;exports.registerChaiSidebarPanel=e.registerChaiSidebarPanel;exports.registerChaiTopBar=e.registerChaiTopBar;exports.useActiveSettingsTab=e.useActiveSettingsTab;exports.useAddBlock=e.useAddBlock;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAskAi=e.useAskAi;exports.useBlockHighlight=e.useBlockHighlight;exports.useBlocksHtmlForAi=e.useBlocksHtmlForAi;exports.useBlocksStore=e.useBlocksStore;exports.useBlocksStoreUndoableActions=e.useBlocksStoreUndoableActions;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasDisplayWidth=e.useCanvasDisplayWidth;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useChaiFeatureFlag=e.useChaiFeatureFlag;exports.useChaiFeatureFlags=e.useChaiFeatureFlags;exports.useCodeEditor=e.useCodeEditor;exports.useCopyBlockIds=e.useCopyBlocks;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useHtmlToBlocks=e.useHtmlToBlocks;exports.useI18nBlocks=e.useI18nBlocks;exports.useInlineEditing=e.useInlineEditing;exports.useIsPageLoaded=e.useIsPageLoaded;exports.useLanguages=e.useLanguages;exports.useLibraryBlocks=e.useLibraryBlocks;exports.useMediaManagerComponent=e.useMediaManagerComponent;exports.usePartailBlocksStore=e.usePartialBlocksStore;exports.usePartialBlocksList=e.usePartialBlocksList;exports.usePasteBlocks=e.usePasteBlocks;exports.usePermissions=e.usePermissions;exports.usePreviewMode=e.usePreviewMode;exports.usePubSub=e.usePubSub;exports.useRemoveAllClassesForBlock=e.useRemoveAllClassesForBlock;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useReplaceBlock=e.useReplaceBlock;exports.useResetBlockStyles=e.useResetBlockStyles;exports.useRightPanel=e.useRightPanel;exports.useSavePage=e.useSavePage;exports.useScreenSizeWidth=e.useScreenSizeWidth;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedLibrary=e.useSelectedLibrary;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useSidebarActivePanel=e.useSidebarActivePanel;exports.useStreamMultipleBlocksProps=e.useStreamMultipleBlocksProps;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useTheme=e.useTheme;exports.useThemeOptions=e.useThemeOptions;exports.useToggleChaiFeatureFlag=e.useToggleChaiFeatureFlag;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;exports.useWrapperBlock=e.useWrapperBlock;exports.generateBlockId=s.generateUUID;exports.mergeClasses=s.cn;exports.convertHTMLToChaiBlocks=a.getBlocksFromHTML;exports.getBlocksFromHTML=a.getBlocksFromHTML;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>i.useTranslation});exports.i18n=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DhKXDngP.cjs"),s=require("./common-functions-B3a4xKt_.cjs"),a=require("./apply-binding-Bn1KC8uC.cjs"),i=require("react-i18next"),l=require("i18next");exports.ChaiAddBlocksDialog=e.AddBlocksDialog;exports.ChaiAddBlocksPanel=e.AddBlocksPanel;exports.ChaiAskAiUserPrompt=e.AIUserPrompt;exports.ChaiBlockAttributesEditor=e.BlockAttributesEditor;exports.ChaiBlockPropsEditor=e.BlockSettings;exports.ChaiBlockStyleEditor=e.BlockStyling;exports.ChaiBuilderCanvas=e.CanvasArea;exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.ChaiDarkModeSwitcher=e.DarkMode;exports.ChaiDefaultBlocks=e.DefaultChaiBlocks;exports.ChaiDraggableBlock=e.ChaiDraggableBlock;exports.ChaiExportCodeModal=e.ExportCodeModal;exports.ChaiImportHTML=e.ImportHTML;exports.ChaiOutline=e.ListTree;exports.ChaiScreenSizes=e.Breakpoints;exports.ChaiThemeConfigPanel=e.ThemeConfigPanel;exports.ChaiUILibrariesPanel=e.UILibrariesPanel;exports.ChaiUndoRedo=e.UndoRedo;exports.IfChaiFeatureFlag=e.IfChaiFeatureFlag;exports.PERMISSIONS=e.PERMISSIONS;exports.getClassValueAndUnit=e.getClassValueAndUnit;exports.registerBlockSettingField=e.registerBlockSettingField;exports.registerBlockSettingTemplate=e.registerBlockSettingTemplate;exports.registerBlockSettingWidget=e.registerBlockSettingWidget;exports.registerChaiAddBlockTab=e.registerChaiAddBlockTab;exports.registerChaiFeatureFlag=e.registerChaiFeatureFlag;exports.registerChaiFeatureFlags=e.registerChaiFeatureFlags;exports.registerChaiLibrary=e.registerChaiLibrary;exports.registerChaiMediaManager=e.registerChaiMediaManager;exports.registerChaiPreImportHTMLHook=e.registerChaiPreImportHTMLHook;exports.registerChaiSaveToLibrary=e.registerChaiSaveToLibrary;exports.registerChaiSidebarPanel=e.registerChaiSidebarPanel;exports.registerChaiTopBar=e.registerChaiTopBar;exports.useActiveSettingsTab=e.useActiveSettingsTab;exports.useAddBlock=e.useAddBlock;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAskAi=e.useAskAi;exports.useBlockHighlight=e.useBlockHighlight;exports.useBlocksHtmlForAi=e.useBlocksHtmlForAi;exports.useBlocksStore=e.useBlocksStore;exports.useBlocksStoreUndoableActions=e.useBlocksStoreUndoableActions;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasDisplayWidth=e.useCanvasDisplayWidth;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useChaiFeatureFlag=e.useChaiFeatureFlag;exports.useChaiFeatureFlags=e.useChaiFeatureFlags;exports.useCodeEditor=e.useCodeEditor;exports.useCopyBlockIds=e.useCopyBlocks;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useHighlightBlockId=e.useHighlightBlockId;exports.useHtmlToBlocks=e.useHtmlToBlocks;exports.useI18nBlocks=e.useI18nBlocks;exports.useInlineEditing=e.useInlineEditing;exports.useIsPageLoaded=e.useIsPageLoaded;exports.useLanguages=e.useLanguages;exports.useLibraryBlocks=e.useLibraryBlocks;exports.useMediaManagerComponent=e.useMediaManagerComponent;exports.usePartailBlocksStore=e.usePartialBlocksStore;exports.usePartialBlocksList=e.usePartialBlocksList;exports.usePasteBlocks=e.usePasteBlocks;exports.usePermissions=e.usePermissions;exports.usePreviewMode=e.usePreviewMode;exports.usePubSub=e.usePubSub;exports.useRemoveAllClassesForBlock=e.useRemoveAllClassesForBlock;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useReplaceBlock=e.useReplaceBlock;exports.useResetBlockStyles=e.useResetBlockStyles;exports.useRightPanel=e.useRightPanel;exports.useSavePage=e.useSavePage;exports.useScreenSizeWidth=e.useScreenSizeWidth;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedLibrary=e.useSelectedLibrary;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useSidebarActivePanel=e.useSidebarActivePanel;exports.useStreamMultipleBlocksProps=e.useStreamMultipleBlocksProps;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useTheme=e.useTheme;exports.useThemeOptions=e.useThemeOptions;exports.useToggleChaiFeatureFlag=e.useToggleChaiFeatureFlag;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;exports.useWrapperBlock=e.useWrapperBlock;exports.generateBlockId=s.generateUUID;exports.mergeClasses=s.cn;exports.convertHTMLToChaiBlocks=a.getBlocksFromHTML;exports.getBlocksFromHTML=a.getBlocksFromHTML;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>i.useTranslation});exports.i18n=l;

package/dist/core.js

@@ -1,4 +1,4 @@
-import { q as e, A as i, l as o, s as l, B as r, k as t, C as u, p as c, D as d, t as C, v as B, E as g, I as k, L as n, m as h, T as S, U as p, n as m, Q as P, Z as A, w as F, y as T, z as b, F as I, x as M, R as v, S as y, H as L, J as H, G as R, K as f, O as D, P as E, _ as U, $ as x, a0 as W, a1 as O, a2 as w, a3 as z, g as j, aI as q, a4 as G, h as J, a5 as K, aK as N, aJ as V, a6 as Z, V as Q, W as X, u as Y, a7 as _, a8 as $, a9 as aa, aa as sa, ab as ea, ac as ia, ad as oa, ae as la, af as ra, ag as ta, ah as ua, i as ca, ai as da, Y as Ca, aj as Ba, ak as ga, al as ka, am as na, an as ha, ao as Sa, ap as pa, aq as ma, ar as Pa, as as Aa, at as Fa, au as Ta, j as ba, aL as Ia, av as Ma, aw as va, ax as ya, a as La, ay as Ha, az as Ra, aM as fa, aA as Da, aN as Ea, aB as Ua, aC as xa, aD as Wa, aE as Oa, aF as wa, X as za, aG as ja, b as qa, c as Ga, aH as Ja } from "./index-CIez6R-d.js";
+import { s as e, A as i, m as o, t as l, B as r, k as t, C as u, q as c, D as d, v as C, w as B, E as k, I as g, l as n, n as h, T as S, U as p, p as m, R as P, _ as A, x as F, z as T, F as b, G as I, y as M, S as v, V as y, J as L, K as H, H as R, O as f, P as D, Q as E, $ as U, a0 as x, a1 as O, a2 as W, a3 as w, a4 as z, h as j, aJ as q, a5 as G, i as J, a6 as K, aL as N, aK as V, a7 as Z, W as Q, X, u as Y, a8 as _, a9 as $, aa, ab as sa, ac as ea, ad as ia, ae as oa, af as la, ag as ra, ah as ta, ai as ua, b as ca, aj as da, Z as Ca, ak as Ba, al as ka, am as ga, an as na, ao as ha, ap as Sa, aq as pa, ar as ma, as as Pa, at as Aa, au as Fa, av as Ta, j as ba, aM as Ia, aw as Ma, ax as va, ay as ya, a as La, az as Ha, aA as Ra, aN as fa, aB as Da, aO as Ea, aC as Ua, aD as xa, aE as Oa, aF as Wa, aG as wa, Y as za, aH as ja, c as qa, d as Ga, aI as Ja } from "./index-DTZkrGK-.js";
 import { g as Na, c as Va } from "./common-functions-D2lMFR6K.js";
 import { h as Qa, h as Xa } from "./apply-binding-DLaiD20q.js";
 import { useTranslation as _a } from "react-i18next";
@@ -15,8 +15,8 @@ export {
   d as ChaiDarkModeSwitcher,
   C as ChaiDefaultBlocks,
   B as ChaiDraggableBlock,
-  g as ChaiExportCodeModal,
-  k as ChaiImportHTML,
+  k as ChaiExportCodeModal,
+  g as ChaiImportHTML,
   n as ChaiOutline,
   h as ChaiScreenSizes,
   S as ChaiThemeConfigPanel,
@@ -44,8 +44,8 @@ export {
   E as registerChaiTopBar,
   U as useActiveSettingsTab,
   x as useAddBlock,
-  W as useAddClassesToBlocks,
-  O as useAskAi,
+  O as useAddClassesToBlocks,
+  W as useAskAi,
   w as useBlockHighlight,
   z as useBlocksHtmlForAi,
   j as useBlocksStore,
@@ -74,8 +74,8 @@ export {
   da as useLibraryBlocks,
   Ca as useMediaManagerComponent,
   Ba as usePartailBlocksStore,
-  ga as usePartialBlocksList,
-  ka as usePasteBlocks,
+  ka as usePartialBlocksList,
+  ga as usePasteBlocks,
   na as usePermissions,
   ha as usePreviewMode,
   Sa as usePubSub,
@@ -98,8 +98,8 @@ export {
   Ea as useSidebarActivePanel,
   Ua as useStreamMultipleBlocksProps,
   xa as useStylingBreakpoint,
-  Wa as useStylingState,
-  Oa as useTheme,
+  Oa as useStylingState,
+  Wa as useTheme,
   wa as useThemeOptions,
   za as useToggleChaiFeatureFlag,
   _a as useTranslation,

package/dist/{design-token-usage-DyQcFypc.cjs → design-token-usage--LZcMRuv.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("./index-zLw6cVaV.cjs");require("clsx");const L=require("lodash-es");require("nanoid");require("tailwind-merge");require("@chaibuilder/runtime");const d=require("react");require("jotai");require("sonner");const w=require("react-i18next"),m=require("./tooltip-Ba1-8jmj.cjs"),x=require("@radix-ui/react-icons"),b=({title:r,items:i,emptyLabel:n,onSelect:t,icon:o})=>s.jsxs("div",{className:"space-y-2",children:[s.jsx("p",{className:"text-[11px] font-semibold uppercase tracking-wide text-muted-foreground",children:r}),i.length>0?s.jsx("div",{className:"space-y-1",children:i.map(l=>s.jsx("button",{type:"button",onClick:()=>t(l.id),className:m.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",l.isSelected&&"border-primary/40 bg-primary/10 text-primary"),children:s.jsxs("span",{className:"flex items-center space-x-2",children:[o&&o,s.jsx("span",{className:"truncate",children:l.label})]})},l.id))}):s.jsx("div",{className:"rounded border border-dashed border-muted px-3 py-1 text-xs text-muted-foreground",children:n})]}),M="#styles:",_=r=>{const n=[typeof r._name=="string"?r._name:void 0,typeof r._type=="string"?r._type:void 0].filter(Boolean).find(t=>t.trim().length>0);return n?n.length>40?`${n.slice(0,37)}...`:n:r._id},C=(r,i)=>{const n=`${i}`;return r.filter(t=>Object.values(t).some(o=>typeof o!="string"||!o.startsWith(M)?!1:o.includes(n))).map(t=>({id:t._id,label:_(t)}))},O=({tokenId:r,tokenName:i,children:n})=>{const{t}=w.useTranslation(),[o]=a.useBlocksStore(),[l,g]=a.useSelectedBlockIds(),h=a.useBuilderProp("pageId"),f=a.useBuilderProp("siteWideUsage"),y=d.useMemo(()=>C(o,r),[o,r]),S=d.useMemo(()=>y.map(e=>({id:e.id,label:e.label,isSelected:l.includes(e.id)})),[y,l]),u=d.useMemo(()=>f?Object.entries(f).reduce((e,[p,c])=>(p===h||!(c!=null&&c.designTokens)||!Object.keys(c.designTokens).some(P=>typeof P!="string"?!1:P===r)||e.push({id:p,name:c.name||p,isPartial:!!c.isPartial}),e),[]):[],[f,i,r,h]),k=d.useMemo(()=>u.filter(e=>!e.isPartial).map(e=>({id:e.id,label:e.name})),[u]),v=d.useMemo(()=>u.filter(e=>e.isPartial).map(e=>({id:e.id,label:e.name})),[u]),B=d.useCallback(e=>{g([e])},[g]),N=a.useBuilderProp("gotoPage",L.noop),{selectedLang:q,fallbackLang:T}=a.useLanguages(),{savePageAsync:I}=a.useSavePage(),j=async e=>{e&&(await I(!0),N({pageId:e,lang:q||T}))};return s.jsxs(m.Popover,{children:[s.jsx(m.PopoverTrigger,{asChild:!0,children:n}),s.jsxs(m.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:i}),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(b,{title:t("Blocks affected on this page"),items:S,emptyLabel:t("None"),onSelect:B,icon:s.jsx(x.ArrowRightIcon,{fontSize:4})}),s.jsx(b,{title:t("Blocks affected on other pages"),items:k,emptyLabel:t("None"),onSelect:j,icon:s.jsx(x.FileIcon,{fontSize:8})}),s.jsx(b,{title:t("Blocks affected on partial blocks"),items:v,emptyLabel:t("None"),onSelect:j,icon:s.jsx(x.GlobeIcon,{fontSize:8})})]})]})]})};exports.default=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("./index-DhKXDngP.cjs");require("clsx");const L=require("lodash-es");require("nanoid");require("tailwind-merge");require("@chaibuilder/runtime");const d=require("react");require("jotai");require("sonner");const w=require("react-i18next"),m=require("./tooltip-Ba1-8jmj.cjs"),x=require("@radix-ui/react-icons"),b=({title:r,items:i,emptyLabel:n,onSelect:t,icon:o})=>s.jsxs("div",{className:"space-y-2",children:[s.jsx("p",{className:"text-[11px] font-semibold uppercase tracking-wide text-muted-foreground",children:r}),i.length>0?s.jsx("div",{className:"space-y-1",children:i.map(l=>s.jsx("button",{type:"button",onClick:()=>t(l.id),className:m.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",l.isSelected&&"border-primary/40 bg-primary/10 text-primary"),children:s.jsxs("span",{className:"flex items-center space-x-2",children:[o&&o,s.jsx("span",{className:"truncate",children:l.label})]})},l.id))}):s.jsx("div",{className:"rounded border border-dashed border-muted px-3 py-1 text-xs text-muted-foreground",children:n})]}),M="#styles:",_=r=>{const n=[typeof r._name=="string"?r._name:void 0,typeof r._type=="string"?r._type:void 0].filter(Boolean).find(t=>t.trim().length>0);return n?n.length>40?`${n.slice(0,37)}...`:n:r._id},C=(r,i)=>{const n=`${i}`;return r.filter(t=>Object.values(t).some(o=>typeof o!="string"||!o.startsWith(M)?!1:o.includes(n))).map(t=>({id:t._id,label:_(t)}))},O=({tokenId:r,tokenName:i,children:n})=>{const{t}=w.useTranslation(),[o]=a.useBlocksStore(),[l,g]=a.useSelectedBlockIds(),h=a.useBuilderProp("pageId"),f=a.useBuilderProp("siteWideUsage"),y=d.useMemo(()=>C(o,r),[o,r]),S=d.useMemo(()=>y.map(e=>({id:e.id,label:e.label,isSelected:l.includes(e.id)})),[y,l]),u=d.useMemo(()=>f?Object.entries(f).reduce((e,[p,c])=>(p===h||!(c!=null&&c.designTokens)||!Object.keys(c.designTokens).some(P=>typeof P!="string"?!1:P===r)||e.push({id:p,name:c.name||p,isPartial:!!c.isPartial}),e),[]):[],[f,i,r,h]),k=d.useMemo(()=>u.filter(e=>!e.isPartial).map(e=>({id:e.id,label:e.name})),[u]),v=d.useMemo(()=>u.filter(e=>e.isPartial).map(e=>({id:e.id,label:e.name})),[u]),B=d.useCallback(e=>{g([e])},[g]),N=a.useBuilderProp("gotoPage",L.noop),{selectedLang:q,fallbackLang:T}=a.useLanguages(),{savePageAsync:I}=a.useSavePage(),j=async e=>{e&&(await I(!0),N({pageId:e,lang:q||T}))};return s.jsxs(m.Popover,{children:[s.jsx(m.PopoverTrigger,{asChild:!0,children:n}),s.jsxs(m.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:i}),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(b,{title:t("Blocks affected on this page"),items:S,emptyLabel:t("None"),onSelect:B,icon:s.jsx(x.ArrowRightIcon,{fontSize:4})}),s.jsx(b,{title:t("Blocks affected on other pages"),items:k,emptyLabel:t("None"),onSelect:j,icon:s.jsx(x.FileIcon,{fontSize:8})}),s.jsx(b,{title:t("Blocks affected on partial blocks"),items:v,emptyLabel:t("None"),onSelect:j,icon:s.jsx(x.GlobeIcon,{fontSize:8})})]})]})]})};exports.default=O;

package/dist/{design-token-usage-_FBnvL92.js → design-token-usage-CMsZJzKT.js}

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { g as w, a as _, h as f, i as C, j as I } from "./index-CIez6R-d.js";
+import { h as w, a as _, i as f, b as C, j as I } from "./index-DTZkrGK-.js";
 import "clsx";
 import { noop as O } from "lodash-es";
 import "nanoid";

package/dist/{index-CIez6R-d.js → index-DTZkrGK-.js}

@@ -11508,7 +11508,7 @@ const RichTextEditor = memo(
     /* @__PURE__ */ jsx("p", { className: "font-semibold", children: r("Oops! Something went wrong.") }),
     /* @__PURE__ */ jsx("p", { children: r("Please try again.") })
   ] }) });
-}, CodeEditor$1 = React__default.lazy(() => import("./code-editor-DPr4HDOV.js")), CanvasArea = () => {
+}, CodeEditor$1 = React__default.lazy(() => import("./code-editor-Be8OB-e6.js")), CanvasArea = () => {
   const [r] = useCodeEditor(), n = useBuilderProp("onError", noop);
   return /* @__PURE__ */ jsx("div", { className: "flex h-full max-h-full w-full flex-1 flex-col", children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-full max-h-full flex-col overflow-hidden bg-gray-100/40", children: [
     /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Skeleton, { className: "h-full" }), children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(FallbackError, {}), onError: n, children: /* @__PURE__ */ jsx(StaticCanvas, {}) }) }),
@@ -12077,7 +12077,7 @@ const DataBindingSelector = ({
       ]
     }
   ) });
-}, RTEModal = React__default.lazy(() => import("./rte-widget-modal-CsBCpJSY.js")), RichTextEditorFieldComp = ({ blockId: r, id: n, placeholder: o, value: a, onChange: i, onBlur: l }) => {
+}, RTEModal = React__default.lazy(() => import("./rte-widget-modal-DO06_gcz.js")), RichTextEditorFieldComp = ({ blockId: r, id: n, placeholder: o, value: a, onChange: i, onBlur: l }) => {
   const c = useRef(null), [d, u] = useState(!1), p = useRTEditor({
     blockId: r,
     value: a,
@@ -12299,22 +12299,29 @@ const DataBindingSelector = ({
     ] }, d)) })
   ] });
 }, CodeEditor = ({ id: r, placeholder: n }) => {
-  const { t: o } = useTranslation(), [, a] = useCodeEditor(), i = useSelectedBlock();
+  const { t: o } = useTranslation(), [, a] = useCodeEditor(), { selectedLang: i } = useLanguages(), l = useSelectedBlock();
   if (typeof window > "u") return null;
-  const l = r.replace("root.", ""), c = get(i, l, ""), d = () => {
-    const u = i == null ? void 0 : i._id;
-    a({ blockId: u, blockProp: l, placeholder: n, initialCode: get(i, l, c) });
+  const c = r.replace("root.", ""), d = getRegisteredChaiBlock(l == null ? void 0 : l._type), p = includes(get(d, "i18nProps", []), c) && i ? `${c}-${i}` : c, h = get(l, p, ""), f = useMemo(() => get(LANGUAGES, i, i), [i]), m = () => {
+    const g = l == null ? void 0 : l._id;
+    a({ blockId: g, blockProp: p, placeholder: n, initialCode: h });
   };
   return /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-col gap-y-1", children: [
+    /* @__PURE__ */ jsxs("label", { htmlFor: r, children: [
+      "HTML Code",
+      f && /* @__PURE__ */ jsxs("small", { className: "text-[9px] text-zinc-400", children: [
+        " ",
+        f
+      ] })
+    ] }),
     /* @__PURE__ */ jsx(
       "button",
       {
-        onClick: d,
+        onClick: m,
         className: "w-[90%] max-w-full cursor-default truncate text-pretty rounded border border-border bg-background p-2 text-left text-[10px]",
-        children: c.trim().length > 0 ? c.substring(0, 46) : n || "Eg: <script>console.log('Hello, world!');<\/script>"
+        children: h.trim().length > 0 ? h.substring(0, 46) : n || "Eg: <script>console.log('Hello, world!');<\/script>"
       }
     ),
-    /* @__PURE__ */ jsx(Button, { onClick: d, size: "sm", variant: "outline", className: "w-fit", children: o("Open code editor") })
+    /* @__PURE__ */ jsx(Button, { onClick: m, size: "sm", variant: "outline", className: "w-fit", children: o("Open code editor") })
   ] });
 }, CollectionFilterSortField = ({ id: r, value: n, onChange: o, onBlur: a }) => {
   const i = useBuilderProp("collections", []), l = useSelectedBlock(), c = get(l, "repeaterItems", "").replace(/\{\{(.*)\}\}/g, "$1").replace(COLLECTION_PREFIX, ""), d = find(i, { id: c }), p = get(d, r === "root.filter" ? "filters" : "sorts", []);
@@ -16941,7 +16948,7 @@ const PartialWrapper = ({ partialBlockId: r }) => {
   component: DefaultTopBar
 }, registerChaiTopBar = (r) => {
   TOP_BAR.component = r;
-}, useTopBarComponent = () => useMemo(() => TOP_BAR.component, []), ManageDesignTokens = React__default.lazy(() => import("./manage-design-tokens-BHCCrWFS.js")), DEFAULT_PANEL_WIDTH = 280, OutlineButton = ({ isActive: r, show: n }) => /* @__PURE__ */ jsx(Button, { variant: r ? "default" : "ghost", size: "icon", onClick: n, children: /* @__PURE__ */ jsx(StackIcon, { className: "h-5 w-5" }) }), AddBlocksButton = ({ isActive: r, show: n }) => useIsDragAndDropEnabled() && /* @__PURE__ */ jsx(Button, { variant: r ? "default" : "ghost", size: "icon", onClick: n, children: /* @__PURE__ */ jsx(PlusCircledIcon, { className: "h-5 w-5" }) }), AskAiButton = ({ isActive: r, show: n }) => /* @__PURE__ */ jsx(Button, { variant: r ? "default" : "ghost", size: "icon", onClick: n, children: /* @__PURE__ */ jsx(AiIcon, {}) });
+}, useTopBarComponent = () => useMemo(() => TOP_BAR.component, []), ManageDesignTokens = React__default.lazy(() => import("./manage-design-tokens-DJzTXWE_.js")), DEFAULT_PANEL_WIDTH = 280, OutlineButton = ({ isActive: r, show: n }) => /* @__PURE__ */ jsx(Button, { variant: r ? "default" : "ghost", size: "icon", onClick: n, children: /* @__PURE__ */ jsx(StackIcon, { className: "h-5 w-5" }) }), AddBlocksButton = ({ isActive: r, show: n }) => useIsDragAndDropEnabled() && /* @__PURE__ */ jsx(Button, { variant: r ? "default" : "ghost", size: "icon", onClick: n, children: /* @__PURE__ */ jsx(PlusCircledIcon, { className: "h-5 w-5" }) }), AskAiButton = ({ isActive: r, show: n }) => /* @__PURE__ */ jsx(Button, { variant: r ? "default" : "ghost", size: "icon", onClick: n, children: /* @__PURE__ */ jsx(AiIcon, {}) });
 registerChaiSidebarPanel("add-block", {
   button: AddBlocksButton,
   label: "Add Blocks",
@@ -18220,108 +18227,109 @@ ${i})
 if (typeof window > "u")
   throw new Error("@chaibuilder/sdk is only supported in the browser. Avoid using it in the server side.");
 export {
-  useAddBlock as $,
+  useActiveSettingsTab as $,
   AddBlocksPanel as A,
   BlockSettings as B,
   CanvasArea as C,
   DarkMode as D,
   ExportCodeModal as E,
-  registerBlockSettingWidget as F,
-  registerChaiPreImportHTMLHook as G,
-  registerChaiLibrary as H,
+  registerBlockSettingTemplate as F,
+  registerBlockSettingWidget as G,
+  registerChaiPreImportHTMLHook as H,
   ImportHTML as I,
-  registerChaiMediaManager as J,
-  registerChaiSaveToLibrary as K,
-  ListTree as L,
+  registerChaiLibrary as J,
+  registerChaiMediaManager as K,
+  LANGUAGES as L,
   ManualClasses as M,
   NestedPathSelector as N,
-  registerChaiSidebarPanel as O,
-  registerChaiTopBar as P,
-  IfChaiFeatureFlag as Q,
-  registerChaiFeatureFlag as R,
-  registerChaiFeatureFlags as S,
+  registerChaiSaveToLibrary as O,
+  registerChaiSidebarPanel as P,
+  registerChaiTopBar as Q,
+  IfChaiFeatureFlag as R,
+  registerChaiFeatureFlag as S,
   ThemeConfigPanel as T,
   UILibrariesPanel as U,
-  useChaiFeatureFlag as V,
-  useChaiFeatureFlags as W,
-  useToggleChaiFeatureFlag as X,
-  useMediaManagerComponent as Y,
-  PERMISSIONS as Z,
-  useActiveSettingsTab as _,
+  registerChaiFeatureFlags as V,
+  useChaiFeatureFlag as W,
+  useChaiFeatureFlags as X,
+  useToggleChaiFeatureFlag as Y,
+  useMediaManagerComponent as Z,
+  PERMISSIONS as _,
   useSelectedBlockIds as a,
-  useAddClassesToBlocks as a0,
-  useAskAi as a1,
-  useBlockHighlight as a2,
-  useBlocksHtmlForAi as a3,
-  useBrandingOptions as a4,
-  useBuilderReset as a5,
-  useCanvasZoom as a6,
-  useCopyBlocks as a7,
-  useCopyToClipboard as a8,
-  useCurrentPage as a9,
-  useSelectedStylingBlocks as aA,
-  useStreamMultipleBlocksProps as aB,
-  useStylingBreakpoint as aC,
-  useStylingState as aD,
-  useTheme as aE,
-  useThemeOptions as aF,
-  useUndoManager as aG,
-  useWrapperBlock as aH,
-  useBlocksStoreUndoableActions as aI,
-  useCanvasWidth as aJ,
-  useCanvasDisplayWidth as aK,
-  useScreenSizeWidth as aL,
-  useSelectedLibrary as aM,
-  useSidebarActivePanel as aN,
-  useCutBlockIds as aa,
-  useDarkMode as ab,
-  useDuplicateBlocks as ac,
-  useHighlightBlockId as ad,
-  useHtmlToBlocks as ae,
-  useI18nBlocks as af,
-  useInlineEditing as ag,
-  useIsPageLoaded as ah,
-  useLibraryBlocks as ai,
-  usePartialBlocksStore as aj,
-  usePartialBlocksList as ak,
-  usePasteBlocks as al,
-  usePermissions as am,
-  usePreviewMode as an,
-  usePubSub as ao,
-  useRemoveAllClassesForBlock as ap,
-  useRemoveBlocks as aq,
-  useRemoveClassesFromBlocks as ar,
-  useReplaceBlock as as,
-  useResetBlockStyles as at,
-  useRightPanel as au,
-  useSelectedBlock as av,
-  useSelectedBlockAllClasses as aw,
-  useSelectedBlockCurrentClasses as ax,
-  useSelectedBlocksDisplayChild as ay,
-  useSelectedBreakpoints as az,
-  useUpdateBlocksProps as b,
-  useUpdateBlocksPropsRealtime as c,
-  usePageExternalData as d,
-  chaiDesignTokensAtom as e,
-  useIncrementActionsCount as f,
-  useBlocksStore as g,
-  useBuilderProp as h,
-  useLanguages as i,
+  useAddBlock as a0,
+  useAddClassesToBlocks as a1,
+  useAskAi as a2,
+  useBlockHighlight as a3,
+  useBlocksHtmlForAi as a4,
+  useBrandingOptions as a5,
+  useBuilderReset as a6,
+  useCanvasZoom as a7,
+  useCopyBlocks as a8,
+  useCopyToClipboard as a9,
+  useSelectedBreakpoints as aA,
+  useSelectedStylingBlocks as aB,
+  useStreamMultipleBlocksProps as aC,
+  useStylingBreakpoint as aD,
+  useStylingState as aE,
+  useTheme as aF,
+  useThemeOptions as aG,
+  useUndoManager as aH,
+  useWrapperBlock as aI,
+  useBlocksStoreUndoableActions as aJ,
+  useCanvasWidth as aK,
+  useCanvasDisplayWidth as aL,
+  useScreenSizeWidth as aM,
+  useSelectedLibrary as aN,
+  useSidebarActivePanel as aO,
+  useCurrentPage as aa,
+  useCutBlockIds as ab,
+  useDarkMode as ac,
+  useDuplicateBlocks as ad,
+  useHighlightBlockId as ae,
+  useHtmlToBlocks as af,
+  useI18nBlocks as ag,
+  useInlineEditing as ah,
+  useIsPageLoaded as ai,
+  useLibraryBlocks as aj,
+  usePartialBlocksStore as ak,
+  usePartialBlocksList as al,
+  usePasteBlocks as am,
+  usePermissions as an,
+  usePreviewMode as ao,
+  usePubSub as ap,
+  useRemoveAllClassesForBlock as aq,
+  useRemoveBlocks as ar,
+  useRemoveClassesFromBlocks as as,
+  useReplaceBlock as at,
+  useResetBlockStyles as au,
+  useRightPanel as av,
+  useSelectedBlock as aw,
+  useSelectedBlockAllClasses as ax,
+  useSelectedBlockCurrentClasses as ay,
+  useSelectedBlocksDisplayChild as az,
+  useLanguages as b,
+  useUpdateBlocksProps as c,
+  useUpdateBlocksPropsRealtime as d,
+  usePageExternalData as e,
+  chaiDesignTokensAtom as f,
+  useIncrementActionsCount as g,
+  useBlocksStore as h,
+  useBuilderProp as i,
   useSavePage as j,
   BlockStyling as k,
-  AIUserPrompt as l,
-  Breakpoints$1 as m,
-  UndoRedo as n,
+  ListTree as l,
+  AIUserPrompt as m,
+  Breakpoints$1 as n,
   orderClassesByBreakpoint as o,
-  ChaiBuilderEditor as p,
-  AddBlocksDialog as q,
+  UndoRedo as p,
+  ChaiBuilderEditor as q,
   removeDuplicateClasses as r,
-  BlockAttributesEditor as s,
-  DefaultChaiBlocks as t,
+  AddBlocksDialog as s,
+  BlockAttributesEditor as t,
   useCodeEditor as u,
-  ChaiDraggableBlock as v,
-  getClassValueAndUnit as w,
-  registerChaiAddBlockTab as x,
-  registerBlockSettingField as y,
-  registerBlockSettingTemplate as z
+  DefaultChaiBlocks as v,
+  ChaiDraggableBlock as w,
+  getClassValueAndUnit as x,
+  registerChaiAddBlockTab as y,
+  registerBlockSettingField as z
 };