@chaibuilder/sdk 4.0.0-beta.8 → 4.0.0-beta.9

package/dist/core.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Bm8iS2OH.cjs"),o=require("./common-functions-B3a4xKt_.cjs"),i=require("./apply-binding-IsUf6UWJ.cjs"),a=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.PERMISSIONS=e.PERMISSIONS;exports.getClassValueAndUnit=e.getClassValueAndUnit;exports.generateBlockId=o.generateUUID;exports.mergeClasses=o.cn;exports.convertHTMLToChaiBlocks=i.getBlocksFromHTML;exports.getBlocksFromHTML=i.getBlocksFromHTML;exports.i18n=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BhqugjzS.cjs"),o=require("./common-functions-B3a4xKt_.cjs"),i=require("./apply-binding-NvZX_rJe.cjs"),a=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.PERMISSIONS=e.PERMISSIONS;exports.getClassValueAndUnit=e.getClassValueAndUnit;exports.generateBlockId=o.generateUUID;exports.mergeClasses=o.cn;exports.convertHTMLToChaiBlocks=i.getBlocksFromHTML;exports.getBlocksFromHTML=i.getBlocksFromHTML;exports.i18n=a;

package/dist/core.d.ts

@@ -5,26 +5,6 @@ import { default as i18n } from 'i18next';
 import { JSX } from 'react/jsx-runtime';
 import * as React_2 from 'react';
 
-declare type AskAiResponse = {
-    blocks?: Array<{
-        _id: string;
-    } & Partial<ChaiBlock>>;
-    usage?: Record<any, number>;
-    error?: any;
-};
-
-declare type BlocksWithDesignTokens = Record<string, string>;
-
-declare type BorderRadiusValue = false | string;
-
-declare type Breakpoint = {
-    title: string;
-    content: string;
-    breakpoint: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | string;
-    icon: default_2.ReactNode | Element;
-    width: number;
-};
-
 export declare const ChaiAddBlocksDialog: () => JSX.Element;
 
 export declare const ChaiAddBlocksPanel: ({ className, showHeading, parentId, position, fromSidebar, }: {
@@ -35,6 +15,14 @@ export declare const ChaiAddBlocksPanel: ({ className, showHeading, parentId, po
     fromSidebar?: boolean;
 }) => JSX.Element;
 
+declare type ChaiAskAiResponse = {
+    blocks?: Array<{
+        _id: string;
+    } & Partial<ChaiBlock>>;
+    usage?: Record<any, number>;
+    error?: any;
+};
+
 export declare const ChaiAskAiUserPrompt: ({ blockId }: {
     blockId: string | undefined;
 }) => JSX.Element;
@@ -58,6 +46,16 @@ export declare function ChaiBlockPropsEditor(): JSX.Element;
 
 export declare function ChaiBlockStyleEditor(): JSX.Element | null;
 
+declare type ChaiBlocksWithDesignTokens = Record<string, string>;
+
+declare type ChaiBreakpoint = {
+    title: string;
+    content: string;
+    breakpoint: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | string;
+    icon: default_2.ReactNode | Element;
+    width: number;
+};
+
 export declare const ChaiBuilderCanvas: default_2.FC;
 
 /**
@@ -77,13 +75,7 @@ export declare interface ChaiBuilderEditorProps {
     /**
      * User
      */
-    user?: {
-        id: string;
-        name: string;
-        email: string;
-        avatar?: string;
-        role?: string;
-    };
+    user?: ChaiUserInfo;
     /**
      * Permissions
      */
@@ -100,14 +92,10 @@ export declare interface ChaiBuilderEditorProps {
      * Theme presets
      */
     themePresets?: Record<string, Partial<ChaiThemeValues>>[];
-    /**
-     * Theme options
-     */
-    themeOptions?: (defaultThemeOptions: ChaiBuilderThemeOptions) => ChaiBuilderThemeOptions;
     /**
      * Theme
      */
-    theme?: Partial<ChaiThemeValues>;
+    theme?: ChaiThemeValues;
     /**
      * Builder theme
      */
@@ -150,7 +138,7 @@ export declare interface ChaiBuilderEditorProps {
     /**
      * Breakpoints
      */
-    breakpoints?: Breakpoint[];
+    breakpoints?: ChaiBreakpoint[];
     /**
      * Loading state
      */
@@ -162,7 +150,7 @@ export declare interface ChaiBuilderEditorProps {
     /**
      * Ask AI callback
      */
-    askAiCallBack?: (type: "styles" | "content", prompt: string, blocks: ChaiBlock[], lang: string) => Promise<AskAiResponse>;
+    askAiCallBack?: (type: "styles" | "content", prompt: string, blocks: ChaiBlock[], lang: string) => Promise<ChaiAskAiResponse>;
     /**
      * Get partial blocks
      * @returns {Record<string, { type: string; name: string; description?: string }>}
@@ -184,7 +172,7 @@ export declare interface ChaiBuilderEditorProps {
      * onSave callback function
      * @param saveData
      */
-    onSave?: ({ blocks, theme, autoSave }: SavePageData) => Promise<boolean | Error>;
+    onSave?: ({ blocks, theme, autoSave }: ChaiSavePageData) => Promise<boolean | Error>;
     /**
      * onSaveStateChange callback function
      * @param syncStatus
@@ -202,15 +190,15 @@ export declare interface ChaiBuilderEditorProps {
     /**
      * Languages
      */
-    languages?: Array<string>;
+    languages?: string[];
     /**
      * Page Types props
      */
-    pageTypes?: PageType[];
+    pageTypes?: ChaiPageType[];
     /**
      * Search page type items
      */
-    searchPageTypeItems?: (pageTypeKey: string, query: string) => Promise<PageTypeItem[] | Error>;
+    searchPageTypeItems?: (pageTypeKey: string, query: string) => Promise<Pick<ChaiPage_2, "id" | "slug" | "name">[] | Error>;
     /**
      * Collections
      */
@@ -240,23 +228,14 @@ export declare interface ChaiBuilderEditorProps {
         designTokens?: boolean;
     };
     structureRules?: StructureRule[];
-    designTokens?: DesignTokens;
-    siteWideUsage?: SiteWideUsage;
+    designTokens?: ChaiDesignTokens;
+    siteWideUsage?: ChaiSiteWideUsageData;
     /**
      * Screen to small message component
      */
     smallScreenComponent?: ReactComponentType;
 }
 
-declare type ChaiBuilderThemeOptions = {
-    fontFamily: false | Record<VariableKey, string>;
-    borderRadius: BorderRadiusValue;
-    colors: false | {
-        group: string;
-        items: Record<VariableKey, [HSLColor, HSLColor]>;
-    }[];
-};
-
 declare type ChaiCollectoin = {
     id: string;
     name: string;
@@ -274,6 +253,13 @@ export declare const ChaiDefaultBlocks: ({ parentId, position, gridCols, disable
     disableBlockGroupsSidebar?: boolean;
 }) => JSX.Element;
 
+declare interface ChaiDesignTokens {
+    [uniqueId: string]: {
+        name: string;
+        value: string;
+    };
+}
+
 /**
  * @component ChaiDraggableBlock
  * @description
@@ -345,6 +331,102 @@ export declare type ChaiLibraryBlock<T = Record<string, any>> = {
 
 export declare const ChaiOutline: () => JSX.Element;
 
+declare type ChaiPage = {
+    id: string;
+    slug: string;
+    lang: string;
+    name: string;
+    pageType: string;
+    blocks: ChaiBlock[];
+    createdAt: string;
+    lastSaved: string;
+    dynamic: boolean;
+    online: boolean;
+    seo: ChaiPageSeo;
+    app: string;
+    primaryPage?: string | null;
+    currentEditor?: string | null;
+    changes: object[];
+    parent?: string | null;
+    libRefId?: string | null;
+    dynamicSlugCustom?: string | null;
+    metadata?: object;
+    jsonld?: object;
+    globalJsonLds?: string[];
+    links?: string;
+    partialBlocks?: string;
+    designTokens?: ChaiDesignTokens;
+};
+
+declare interface ChaiPage_2 {
+    id: string;
+    name: string;
+    slug: string;
+    pageType: string;
+    parent: string | null;
+    children?: ChaiPage_2[];
+    isTemplate?: boolean;
+    dynamic?: boolean;
+    [key: string]: any;
+}
+
+declare type ChaiPageProps<T = Record<string, any>> = {
+    slug: string;
+    searchParams?: Record<string, string>;
+} & T;
+
+declare type ChaiPageSeo = {
+    title?: string;
+    description?: string;
+    ogTitle?: string;
+    ogDescription?: string;
+    ogImage?: string;
+    canonicalUrl?: string;
+    noIndex?: boolean;
+    noFollow?: boolean;
+    jsonLD?: string;
+};
+
+declare type ChaiPageType = {
+    key: string;
+    helpText?: string;
+    icon?: string;
+    hasSlug?: boolean;
+    name: string | (() => Promise<string>);
+    dynamicSegments?: string;
+    dynamicSlug?: string;
+    getDynamicPages?: ({ query, uuid, }: {
+        query?: string;
+        uuid?: string;
+    }) => Promise<Pick<ChaiPage, "id" | "name" | "slug" | "primaryPage">[]>;
+    search?: (query: string) => Promise<Pick<ChaiPage, "id" | "name" | "slug">[] | Error>;
+    resolveLink?: (id: string, draft?: boolean, lang?: string) => Promise<string>;
+    onCreate?: (data: Partial<ChaiPage> & {
+        id: string;
+    }) => Promise<void>;
+    onUpdate?: (data: Partial<ChaiPage> & {
+        id: string;
+    }) => Promise<void>;
+    onDelete?: (data: Pick<ChaiPage, "id">) => Promise<void>;
+    dataProvider?: (args: {
+        lang: string;
+        draft: boolean;
+        inBuilder: boolean;
+        pageProps: ChaiPageProps;
+    }) => Promise<Record<string, any>>;
+    defaultSeo?: () => Record<string, any>;
+    defaultJSONLD?: () => Record<string, any>;
+    defaultMetaTags?: () => Record<string, string>;
+};
+
+declare type ChaiSavePageData = {
+    autoSave: boolean;
+    blocks: ChaiBlock[];
+    theme?: ChaiThemeValues;
+    needTranslations?: boolean;
+    designTokens: ChaiDesignTokens;
+};
+
 export declare const ChaiScreenSizes: ({ openDelay, canvas, tooltip, buttonClass, activeButtonClass, }: {
     openDelay?: number;
     canvas?: boolean;
@@ -353,6 +435,16 @@ export declare const ChaiScreenSizes: ({ openDelay, canvas, tooltip, buttonClass
     activeButtonClass?: string;
 }) => JSX.Element;
 
+declare interface ChaiSiteWideUsageData {
+    [pageId: string]: {
+        name: string;
+        isPartial: boolean;
+        partialBlocks: string[];
+        links: string[];
+        designTokens: ChaiBlocksWithDesignTokens;
+    };
+}
+
 export declare const ChaiThemeConfigPanel: React_2.FC<ThemeConfigProps>;
 
 export declare type ChaiThemeValues = {
@@ -381,7 +473,6 @@ export declare type ChaiThemeValues = {
         "card-foreground": [HexColor, HexColor];
         popover: [HexColor, HexColor];
         "popover-foreground": [HexColor, HexColor];
-        [key: string]: [HexColor, HexColor];
     };
 };
 
@@ -393,12 +484,12 @@ export declare const ChaiUILibrariesPanel: ({ parentId, position, fromSidebar, }
 
 export declare const ChaiUndoRedo: () => JSX.Element;
 
-declare interface DesignTokens {
-    [uniqueId: string]: {
-        name: string;
-        value: string;
-    };
-}
+declare type ChaiUserInfo = {
+    id: string;
+    email: string;
+    name: string;
+    avatar?: string;
+};
 
 declare type FilterOptions = {
     id: string;
@@ -437,17 +528,6 @@ export { i18n }
 
 export declare const mergeClasses: (...inputs: ClassValue[]) => string;
 
-declare type PageType = {
-    key: string;
-    name: string;
-};
-
-declare type PageTypeItem = {
-    id: string;
-    name: string;
-    slug?: string;
-};
-
 export declare const PERMISSIONS: {
     ADD_BLOCK: string;
     DELETE_BLOCK: string;
@@ -465,24 +545,6 @@ export declare const PERMISSIONS: {
 
 declare type ReactComponentType = default_2.ComponentType<any>;
 
-declare type SavePageData = {
-    autoSave: boolean;
-    blocks: ChaiBlock[];
-    theme?: ChaiThemeValues;
-    needTranslations?: boolean;
-    designTokens: DesignTokens;
-};
-
-declare interface SiteWideUsage {
-    [pageId: string]: {
-        name: string;
-        isPartial: boolean;
-        partialBlocks: string[];
-        links: string[];
-        designTokens: BlocksWithDesignTokens;
-    };
-}
-
 declare type SortOptions = {
     id: string;
     name: string;
@@ -506,6 +568,4 @@ declare interface ThemeConfigProps {
     className?: string;
 }
 
-declare type VariableKey = string;
-
 export { }

package/dist/core.js

@@ -1,6 +1,6 @@
-import { aW as e, aK as i, aS as o, aX as r, aL as l, aM as t, aN as C, aI as h, aU as d, aY as c, aZ as n, a_ as k, aO as B, aP as g, aT as m, aQ as p, aR as S, aV as f, aj as u, a$ as M } from "./index-BK0xWO1z.js";
+import { aW as e, aK as i, aS as o, aX as r, aL as l, aM as t, aN as C, aI as h, aU as d, aY as c, aZ as n, a_ as k, aO as B, aP as g, aT as m, aQ as p, aR as S, aV as f, aj as u, a$ as M } from "./index-mjuSGlPU.js";
 import { g as A, c as E } from "./common-functions-D2lMFR6K.js";
-import { g as T, g as x } from "./apply-binding-BvWfJCSZ.js";
+import { g as T, g as x } from "./apply-binding-CLU6Xp4K.js";
 import { default as U } from "i18next";
 export {
   e as ChaiAddBlocksDialog,

package/dist/{css-import-modal-CcZVLsF9.js → css-import-modal-BhLPzQH8.js}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as u } from "react/jsx-runtime";
 import { B as y } from "./register-chai-top-bar-CX_JkRJn.js";
-import { D as T, d as V, e as N, f as R, p as E, L as D, T as I, q as A } from "./index-BK0xWO1z.js";
+import { D as T, d as V, e as N, f as R, p as E, L as D, T as I, q as A } from "./index-mjuSGlPU.js";
 import "lodash-es";
 import * as b from "culori";
 import { a as L } from "./fonts-DRly3Wzd.js";

package/dist/{css-import-modal-B4j26_cO.cjs → css-import-modal-C2-oVwFv.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),y=require("./register-chai-top-bar-DWTuRU53.cjs"),f=require("./index-Bm8iS2OH.cjs");require("lodash-es");const T=require("culori"),V=require("./fonts-B-Xt29pe.cjs"),N=require("react"),R=require("react-i18next");function j(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 b=j(T),C=j(N),d=e=>e?e%1===0?e:e.toFixed(4):"0",q=e=>`hsl(${d(e.h)} ${d(e.s*100)}% ${d(e.l*100)}%)`,E=(e,o="hsl",t="4")=>{try{const r=b.parse(e);if(!r)throw new Error("Invalid color input");switch(o){case"hsl":{const s=b.converter("hsl")(r);return t==="4"?q(s):`${d(s.h)} ${d(s.s*100)}% ${d(s.l*100)}%`}case"rgb":return b.formatRgb(r);case"oklch":{const s=b.converter("oklch")(r);return`oklch(${d(s.l)} ${d(s.c)} ${d(s.h)})`}case"hex":return b.formatHex(r);default:return e}}catch(r){return console.error(`Failed to convert color: ${e}`,r),e}},x=e=>E(e,"hex"),I=e=>{const o={fontFamily:{heading:"",body:""},borderRadius:"",colors:{}};try{const t=w(e);if(!t.isValid)return console.warn("CSS validation failed:",t.error),$();const r=v(e,":root"),s=v(e,".dark"),c=u(r,"--font-sans")||u(r,"--font-family")||u(r,"--font-heading")||u(r,"--font-body"),a=D(c);o.fontFamily={heading:a,body:a};const h=u(r,"--radius")||u(r,"--border-radius")||"0.5rem";o.borderRadius=P(h),["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 l=p?k(p):"#000000",S=g?k(g):l;o.colors[i]=[l,S]}})}catch(t){return console.error("Error parsing CSS to ChaiThemeValues:",t),$()}return o},v=(e,o)=>{var r,s;const t=new RegExp(`${F(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(`${F(o)}\\s*:\\s*([^;]+)`),r=e.match(t);return((s=r==null?void 0:r[1])==null?void 0:s.trim())||null},k=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 x(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 x(o)||"#000000";const t=o.match(/^(\d+\.?\d*)\s+(\d+\.?\d*)%\s+(\d+\.?\d*)%$/);if(t){const[,r,s,c]=t,a=`hsl(${r} ${s}% ${c}%)`;return x(a)||"#000000"}if(/^[\d.]+[\s,]+[\d.]+[\s,]+[\d.]+(?:[\s,/]+[\d.]+)?$/.test(o)){const r=o.split(/[\s,]+/).filter(Boolean);if(r.length>=3){const c=r.some(a=>a.includes("%"))?`hsl(${r[0]} ${r[1]} ${r[2]})`:`rgb(${r[0]}, ${r[1]}, ${r[2]})`;return x(c)||"#000000"}}return x(o)||"#000000"}catch(o){return console.warn("Failed to process color:",e,o),"#000000"}},D=e=>{const o=V.getAllRegisteredFonts();if(!e)return"ui-sans-serif, system-ui, sans-serif";try{const r=e.replace(/["']/g,"").trim().split(",")[0].trim(),s=o.find(c=>c.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"}},$=()=>({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"]}}),F=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),B=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,w=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 {
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),y=require("./register-chai-top-bar-DWTuRU53.cjs"),f=require("./index-BhqugjzS.cjs");require("lodash-es");const T=require("culori"),V=require("./fonts-B-Xt29pe.cjs"),N=require("react"),R=require("react-i18next");function j(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 b=j(T),C=j(N),d=e=>e?e%1===0?e:e.toFixed(4):"0",q=e=>`hsl(${d(e.h)} ${d(e.s*100)}% ${d(e.l*100)}%)`,E=(e,o="hsl",t="4")=>{try{const r=b.parse(e);if(!r)throw new Error("Invalid color input");switch(o){case"hsl":{const s=b.converter("hsl")(r);return t==="4"?q(s):`${d(s.h)} ${d(s.s*100)}% ${d(s.l*100)}%`}case"rgb":return b.formatRgb(r);case"oklch":{const s=b.converter("oklch")(r);return`oklch(${d(s.l)} ${d(s.c)} ${d(s.h)})`}case"hex":return b.formatHex(r);default:return e}}catch(r){return console.error(`Failed to convert color: ${e}`,r),e}},x=e=>E(e,"hex"),I=e=>{const o={fontFamily:{heading:"",body:""},borderRadius:"",colors:{}};try{const t=w(e);if(!t.isValid)return console.warn("CSS validation failed:",t.error),$();const r=v(e,":root"),s=v(e,".dark"),c=u(r,"--font-sans")||u(r,"--font-family")||u(r,"--font-heading")||u(r,"--font-body"),a=D(c);o.fontFamily={heading:a,body:a};const h=u(r,"--radius")||u(r,"--border-radius")||"0.5rem";o.borderRadius=P(h),["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 l=p?k(p):"#000000",S=g?k(g):l;o.colors[i]=[l,S]}})}catch(t){return console.error("Error parsing CSS to ChaiThemeValues:",t),$()}return o},v=(e,o)=>{var r,s;const t=new RegExp(`${F(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(`${F(o)}\\s*:\\s*([^;]+)`),r=e.match(t);return((s=r==null?void 0:r[1])==null?void 0:s.trim())||null},k=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 x(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 x(o)||"#000000";const t=o.match(/^(\d+\.?\d*)\s+(\d+\.?\d*)%\s+(\d+\.?\d*)%$/);if(t){const[,r,s,c]=t,a=`hsl(${r} ${s}% ${c}%)`;return x(a)||"#000000"}if(/^[\d.]+[\s,]+[\d.]+[\s,]+[\d.]+(?:[\s,/]+[\d.]+)?$/.test(o)){const r=o.split(/[\s,]+/).filter(Boolean);if(r.length>=3){const c=r.some(a=>a.includes("%"))?`hsl(${r[0]} ${r[1]} ${r[2]})`:`rgb(${r[0]}, ${r[1]}, ${r[2]})`;return x(c)||"#000000"}}return x(o)||"#000000"}catch(o){return console.warn("Failed to process color:",e,o),"#000000"}},D=e=>{const o=V.getAllRegisteredFonts();if(!e)return"ui-sans-serif, system-ui, sans-serif";try{const r=e.replace(/["']/g,"").trim().split(",")[0].trim(),s=o.find(c=>c.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"}},$=()=>({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"]}}),F=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),B=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,w=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;

package/dist/{delete-design-token-DzINIVtO.js → delete-design-token-D4Q5-Xql.js}

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { E as i, F as n, G as c, H as d, I as m, J as h, K as g, M as u, O as x } from "./index-BK0xWO1z.js";
+import { E as i, F as n, G as c, H as d, I as m, J as h, K as g, M as u, O as x } from "./index-mjuSGlPU.js";
 import { useTranslation as D } from "react-i18next";
 const N = ({ tokenName: l, tokenValue: s, onDelete: a, children: o }) => {
   const { t: r } = D();

package/dist/{delete-design-token-3-WwqXMO.cjs → delete-design-token-DJSQluQ6.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-Bm8iS2OH.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-BhqugjzS.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-B7ODELqM.cjs → delete-page-BxbsKhY5.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),D=require("./register-chai-top-bar-DWTuRU53.cjs"),n=require("./index-Bm8iS2OH.cjs"),o=require("./index-BRJCj7c_.cjs"),N=require("lodash-es"),v=require("react"),q=require("react-i18next"),f=(e,r)=>{const s=r.filter(u=>u.parent===e);if(s.length===0)return 0;let a=s.length;return s.forEach(u=>{a+=f(u.id,r)}),a};function A({page:e,onClose:r}){const{t:s}=q.useTranslation(),[,a]=o.useSearchParams(),{mutate:u,isPending:x}=o.useDeletePage(),{data:P}=o.usePageTypes(),{data:h=[]}=o.useWebsitePages(),{setSelectedLang:S,fallbackLang:w}=n.useLanguages(),[,C]=n.useSidebarActivePanel(),l=!(e!=null&&e.primaryPage),{data:i=[]}=o.useLanguagePages(l?e==null?void 0:e.id:void 0),j=v.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=v.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]),L=()=>{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")),S(w),C("outline"),r()}})},c=P==null?void 0:P.find(d=>d.key===(e==null?void 0:e.pageType));return t.jsx(n.Dialog,{open:!!e,onOpenChange:r,children:t.jsxs(n.DialogContent,{children:[t.jsxs(n.DialogHeader,{children:[t.jsx(n.DialogTitle,{children:s("Confirm Deletion")}),t.jsxs(n.DialogDescription,{className:"py-4 text-slate-500",children:[t.jsxs("div",{children:[s("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)+"?":s("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:[s("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})," ",s(m===1?"nested child page":"nested child pages")]}),j>0&&t.jsx("li",{children:s("All associated language pages")})]})]}),e.lang&&t.jsxs("div",{className:"py-2 text-sm",children:[s("Language"),":"," ",t.jsx("span",{className:"font-medium text-gray-500",children:N.get(o.LANGUAGES,e.lang,e.lang)})]})]})]}),t.jsxs(n.DialogFooter,{children:[t.jsx(D.Button,{variant:"outline",onClick:r,children:s("Cancel")}),t.jsx(D.Button,{variant:"destructive",disabled:x,onClick:L,children:s(x?"Deleting...":"Delete")})]})]})})}exports.default=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),D=require("./register-chai-top-bar-DWTuRU53.cjs"),n=require("./index-BhqugjzS.cjs"),o=require("./index-CNEEEgTV.cjs"),N=require("lodash-es"),v=require("react"),q=require("react-i18next"),f=(e,r)=>{const s=r.filter(u=>u.parent===e);if(s.length===0)return 0;let a=s.length;return s.forEach(u=>{a+=f(u.id,r)}),a};function A({page:e,onClose:r}){const{t:s}=q.useTranslation(),[,a]=o.useSearchParams(),{mutate:u,isPending:x}=o.useDeletePage(),{data:P}=o.usePageTypes(),{data:h=[]}=o.useWebsitePages(),{setSelectedLang:S,fallbackLang:w}=n.useLanguages(),[,C]=n.useSidebarActivePanel(),l=!(e!=null&&e.primaryPage),{data:i=[]}=o.useLanguagePages(l?e==null?void 0:e.id:void 0),j=v.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=v.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]),L=()=>{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")),S(w),C("outline"),r()}})},c=P==null?void 0:P.find(d=>d.key===(e==null?void 0:e.pageType));return t.jsx(n.Dialog,{open:!!e,onOpenChange:r,children:t.jsxs(n.DialogContent,{children:[t.jsxs(n.DialogHeader,{children:[t.jsx(n.DialogTitle,{children:s("Confirm Deletion")}),t.jsxs(n.DialogDescription,{className:"py-4 text-slate-500",children:[t.jsxs("div",{children:[s("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)+"?":s("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:[s("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})," ",s(m===1?"nested child page":"nested child pages")]}),j>0&&t.jsx("li",{children:s("All associated language pages")})]})]}),e.lang&&t.jsxs("div",{className:"py-2 text-sm",children:[s("Language"),":"," ",t.jsx("span",{className:"font-medium text-gray-500",children:N.get(o.LANGUAGES,e.lang,e.lang)})]})]})]}),t.jsxs(n.DialogFooter,{children:[t.jsx(D.Button,{variant:"outline",onClick:r,children:s("Cancel")}),t.jsx(D.Button,{variant:"destructive",disabled:x,onClick:L,children:s(x?"Deleting...":"Delete")})]})]})})}exports.default=A;

package/dist/{delete-page-DwZDMwfI.js → delete-page-xHdZT-7c.js}

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as n } from "react/jsx-runtime";
 import { B as v } from "./register-chai-top-bar-CX_JkRJn.js";
-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 } from "./index-BK0xWO1z.js";
-import { c as R, o as W, m as q, g as F, l as H, L as M } from "./index-D5d4QDq7.js";
+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 } from "./index-mjuSGlPU.js";
+import { c as R, o as W, m as q, g as F, l as H, L as M } from "./index-Be9lAaD7.js";
 import { get as Q } from "lodash-es";
 import { useMemo as w } from "react";
 import { useTranslation as $ } from "react-i18next";

package/dist/{design-token-usage-DQf180Lg.js → design-token-usage-7wgmVSWI.js}

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { ad as _, a as j, ae as p, n as C, Q as I, a6 as O, a7 as z, P as E } from "./index-BK0xWO1z.js";
+import { ad as _, a as j, ae as p, n as C, Q as I, a6 as O, a7 as z, P as E } from "./index-mjuSGlPU.js";
 import { E as W } from "./register-chai-top-bar-CX_JkRJn.js";
 import { ArrowRightIcon as A, FileIcon as F, GlobeIcon as M } from "@radix-ui/react-icons";
 import { noop as R } from "lodash-es";

package/dist/{design-token-usage-Dy08kcIc.cjs → design-token-usage-KZ4pilLm.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("./index-Bm8iS2OH.cjs"),L=require("./register-chai-top-bar-DWTuRU53.cjs"),p=require("@radix-ui/react-icons"),q=require("lodash-es"),d=require("react"),w=require("react-i18next"),x=({title:n,items:a,emptyLabel:r,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}),a.length>0?s.jsx("div",{className:"space-y-1",children:a.map(l=>s.jsx("button",{type:"button",onClick:()=>t(l.id),className:L.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:[i&&i,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:r})]}),C="#styles:",M=n=>{const r=[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 r?r.length>40?`${r.slice(0,37)}...`:r:n._id},_=(n,a)=>{const r=`${a}`;return n.filter(t=>Object.values(t).some(i=>typeof i!="string"||!i.startsWith(C)?!1:i.includes(r))).map(t=>({id:t._id,label:M(t)}))},O=({tokenId:n,tokenName:a,children:r})=>{const{t}=w.useTranslation(),[i]=o.useBlocksStore(),[l,b]=o.useSelectedBlockIds(),g=o.useBuilderProp("pageId",""),m=o.useBuilderProp("siteWideUsage",{}),h=d.useMemo(()=>_(i,n),[i,n]),P=d.useMemo(()=>h.map(e=>({id:e.id,label:e.label,isSelected:l.includes(e.id)})),[h,l]),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,a,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=o.useBuilderProp("gotoPage",q.noop),{selectedLang:N,fallbackLang:T}=o.useLanguages(),{savePageAsync:I}=o.useSavePage(),y=async e=>{e&&(await I(!0),B({pageId:e,lang:N||T}))};return s.jsxs(o.Popover,{children:[s.jsx(o.PopoverTrigger,{asChild:!0,children:r}),s.jsxs(o.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:a}),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=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("./index-BhqugjzS.cjs"),L=require("./register-chai-top-bar-DWTuRU53.cjs"),p=require("@radix-ui/react-icons"),q=require("lodash-es"),d=require("react"),w=require("react-i18next"),x=({title:n,items:a,emptyLabel:r,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}),a.length>0?s.jsx("div",{className:"space-y-1",children:a.map(l=>s.jsx("button",{type:"button",onClick:()=>t(l.id),className:L.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:[i&&i,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:r})]}),C="#styles:",M=n=>{const r=[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 r?r.length>40?`${r.slice(0,37)}...`:r:n._id},_=(n,a)=>{const r=`${a}`;return n.filter(t=>Object.values(t).some(i=>typeof i!="string"||!i.startsWith(C)?!1:i.includes(r))).map(t=>({id:t._id,label:M(t)}))},O=({tokenId:n,tokenName:a,children:r})=>{const{t}=w.useTranslation(),[i]=o.useBlocksStore(),[l,b]=o.useSelectedBlockIds(),g=o.useBuilderProp("pageId",""),m=o.useBuilderProp("siteWideUsage",{}),h=d.useMemo(()=>_(i,n),[i,n]),P=d.useMemo(()=>h.map(e=>({id:e.id,label:e.label,isSelected:l.includes(e.id)})),[h,l]),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,a,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=o.useBuilderProp("gotoPage",q.noop),{selectedLang:N,fallbackLang:T}=o.useLanguages(),{savePageAsync:I}=o.useSavePage(),y=async e=>{e&&(await I(!0),B({pageId:e,lang:N||T}))};return s.jsxs(o.Popover,{children:[s.jsx(o.PopoverTrigger,{asChild:!0,children:r}),s.jsxs(o.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:a}),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=O;

package/dist/{digital-asset-manager-CDy9kHZO.js → digital-asset-manager-BmbVU7fX.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as e, Fragment as H } from "react/jsx-runtime";
 import { B as p, z as me } from "./register-chai-top-bar-CX_JkRJn.js";
-import { L as V, T as Fe, ar as _, w as q, x as P, y as G, D as Ue, d as Le, e as $e, f as Me, p as _e, q as qe, af as Pe } from "./index-BK0xWO1z.js";
+import { L as V, T as Fe, ar as _, w as q, x as P, y as G, D as Ue, d as Le, e as $e, f as Me, p as _e, q as qe, af as Pe } from "./index-mjuSGlPU.js";
 import { f as Ge, c as Oe } from "./image-compression-DsZ1oqpb.js";
 import { find as Be, merge as Ke, pick as Y, first as Qe, isEmpty as Re } from "lodash-es";
 import { ChevronLeft as ue, ChevronRight as We, Loader as B, AlertCircle as Ve, Copy as he, Pencil as He, Link as Xe, Search as Ze, RefreshCwIcon as Je, Archive as Ye, Film as et, ImageIcon as tt, Edit as it, Trash2 as at, Check as lt, Upload as rt, AlertTriangle as nt } from "lucide-react";
@@ -10,7 +10,7 @@ import { ErrorBoundary as ot } from "react-error-boundary";
 import { useTranslation as ee } from "react-i18next";
 import { toast as A } from "sonner";
 import { useQueryClient as te, useMutation as ie, useQuery as ge } from "@tanstack/react-query";
-import { ar as K, as as Q, A as b } from "./index-D5d4QDq7.js";
+import { ar as K, as as Q, A as b } from "./index-Be9lAaD7.js";
 import { c as xe } from "./common-functions-D2lMFR6K.js";
 const dt = () => {
   const s = K(), n = te(), h = Q();
@@ -385,7 +385,7 @@ const xt = ({ assetId: s, onBack: n, onEdit: h, onSave: a, isSaving: c }) => {
       ] })
     ] })
   ] });
-}, vt = fe.lazy(() => import("./image-editor-DLeSST0K.js")), yt = 25 * 1024 * 1024, Nt = ({ isUpdatingAsset: s, allowedTypes: n, uploadAssets: h, isUploadingAsset: a, onUploaded: c }) => {
+}, vt = fe.lazy(() => import("./image-editor-BXYZDa0s.js")), yt = 25 * 1024 * 1024, Nt = ({ isUpdatingAsset: s, allowedTypes: n, uploadAssets: h, isUploadingAsset: a, onUploaded: c }) => {
   const { t: i } = ee(), [l, I] = y(() => {
     const o = localStorage.getItem("chai_optimize_images");
     return o !== null ? o === "true" : !0;