@chaibuilder/sdk 4.0.0-beta.4 → 4.0.0-beta.41

package/dist/plugin-BSjgGgwo.js

@@ -0,0 +1,248 @@
+import { flatten as $, keys as b, uniqBy as s, get as v } from "lodash-es";
+import { a as B } from "./fonts-B3UYxuJI.js";
+import { g as _ } from "./_commonjsHelpers-C6fGbg64.js";
+const x = {
+  fontFamily: {
+    "font-heading": "Arial",
+    "font-body": "Arial"
+  },
+  borderRadius: "10px",
+  colors: [
+    {
+      group: "Body",
+      items: {
+        background: ["#FFFFFF", "#121212"],
+        foreground: ["#121212", "#FFFFFF"]
+      }
+    },
+    {
+      group: "Primary",
+      items: {
+        primary: ["#2563EB", "#3B82F6"],
+        "primary-foreground": ["#FFFFFF", "#FFFFFF"]
+      }
+    },
+    {
+      group: "Secondary",
+      items: {
+        secondary: ["#F3F4F6", "#374151"],
+        "secondary-foreground": ["#1F2937", "#F9FAFB"]
+      }
+    },
+    {
+      group: "Border, Input & Ring",
+      items: {
+        border: ["#E5E7EB", "#374151"],
+        input: ["#E5E7EB", "#374151"],
+        ring: ["#2563EB", "#3B82F6"]
+      }
+    },
+    {
+      group: "Card",
+      items: {
+        card: ["#FFFFFF", "#1F2937"],
+        "card-foreground": ["#121212", "#FFFFFF"]
+      }
+    },
+    {
+      group: "Popover",
+      items: {
+        popover: ["#FFFFFF", "#1F2937"],
+        "popover-foreground": ["#121212", "#FFFFFF"]
+      }
+    },
+    {
+      group: "Muted",
+      items: {
+        muted: ["#F3F4F6", "#374151"],
+        "muted-foreground": ["#6B7280", "#9CA3AF"]
+      }
+    },
+    {
+      group: "Accent",
+      items: {
+        accent: ["#F3F4F6", "#374151"],
+        "accent-foreground": ["#1F2937", "#FFFFFF"]
+      }
+    },
+    {
+      group: "Destructive",
+      items: {
+        destructive: ["#DC2626", "#EF4444"],
+        "destructive-foreground": ["#FFFFFF", "#FFFFFF"]
+      }
+    }
+  ]
+}, q = {
+  fontFamily: {
+    heading: "Arial",
+    body: "Arial"
+  },
+  borderRadius: "6px",
+  colors: {
+    background: ["#FFFFFF", "#09090B"],
+    foreground: ["#09090B", "#FFFFFF"],
+    primary: ["#2563EB", "#3B82F6"],
+    "primary-foreground": ["#FFFFFF", "#FFFFFF"],
+    secondary: ["#F4F4F5", "#27272A"],
+    "secondary-foreground": ["#09090B", "#FFFFFF"],
+    muted: ["#F4F4F5", "#27272A"],
+    "muted-foreground": ["#71717A", "#A1A1AA"],
+    accent: ["#F4F4F5", "#27272A"],
+    "accent-foreground": ["#09090B", "#FFFFFF"],
+    destructive: ["#EF4444", "#7F1D1D"],
+    "destructive-foreground": ["#FFFFFF", "#FFFFFF"],
+    border: ["#E4E4E7", "#27272A"],
+    input: ["#E4E4E7", "#27272A"],
+    ring: ["#2563EB", "#3B82F6"],
+    card: ["#FFFFFF", "#09090B"],
+    "card-foreground": ["#09090B", "#FFFFFF"],
+    popover: ["#FFFFFF", "#09090B"],
+    "popover-foreground": ["#09090B", "#FFFFFF"]
+  }
+}, O = (e) => ({
+  fontFamily: e.fontFamily ? b(e.fontFamily).reduce(
+    (r, t) => ({
+      ...r,
+      [t.replace("font-", "")]: `var(--${t})`
+    }),
+    {}
+  ) : {},
+  borderRadius: e.borderRadius ? {
+    lg: "var(--radius)",
+    md: "calc(var(--radius) - 2px)",
+    sm: "calc(var(--radius) - 4px)"
+  } : {},
+  colors: e.colors ? $(e.colors.map((r) => Object.entries(r.items))).reduce(
+    (r, [t]) => ({ ...r, [t]: `hsl(var(--${t}))` }),
+    {}
+  ) : {}
+});
+function m(e) {
+  const F = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
+  let r = parseInt(F[1], 16), t = parseInt(F[2], 16), n = parseInt(F[3], 16);
+  r /= 255, t /= 255, n /= 255;
+  const o = Math.max(r, t, n), a = Math.min(r, t, n);
+  let u = 0, l = 0;
+  const g = (o + a) / 2;
+  if (o == a)
+    u = l = 0;
+  else {
+    const i = o - a;
+    switch (l = g > 0.5 ? i / (2 - o - a) : i / (o + a), o) {
+      case r:
+        u = (t - n) / i + (t < n ? 6 : 0);
+        break;
+      case t:
+        u = (n - r) / i + 2;
+        break;
+      case n:
+        u = (r - t) / i + 4;
+        break;
+    }
+    u /= 6;
+  }
+  return `${Math.round(u * 360)} ${Math.round(l * 100)}% ${Math.round(g * 100)}%`;
+}
+const E = (e) => {
+  const r = B().find((t) => t.family === e);
+  return `"${e}", ${v(r, "fallback", "")}`;
+}, S = ({ theme: e }) => {
+  const F = e;
+  return `:root {
+    ${e.fontFamily ? Object.entries(e.fontFamily).map(([r, t]) => `--font-${r}: ${E(t)};`).join(`
+    `) : ""}
+    ${F.borderRadius ? `--radius: ${F.borderRadius};` : ""}
+    ${F.colors ? Object.entries(F.colors).map(([r, t]) => `--${r}: ${m(t[0])};`).join(`
+    `) : ""}
+  }
+  .dark {
+    ${F.colors ? Object.entries(F.colors).map(([r, t]) => `--${r}: ${m(t[1])};`).join(`
+    `) : ""}
+  }`;
+}, T = (e) => !e || e.length === 0 ? "" : s(e, "family").map((F) => `<link rel="stylesheet" href="${F.url}" />`).join(`
+`), D = (e) => !e || e.length === 0 ? [] : s(e, "family").map((F) => F.url), I = (e) => !e || e.length === 0 ? "" : s(e, "family").map((F) => `@import url("${F.url}");`).join(`
+`), w = (e) => !e || e.length === 0 ? "" : s(e, "family").map(
+  (F) => F.src.map(
+    (r) => `@font-face {
+        font-family: "${F.family}";
+        src: url("${r.url}") format("${r.format}");
+        font-display: swap;
+        ${r.fontWeight ? `font-weight: ${r.fontWeight};` : ""}
+        ${r.fontStyle ? `font-style: ${r.fontStyle};` : ""}
+        ${r.fontStretch ? `font-stretch: ${r.fontStretch};` : ""}
+      }`
+  ).join(`
+`)
+).join(`
+`);
+var d = {}, c = {}, p;
+function A() {
+  return p || (p = 1, (function(e) {
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "default", {
+      enumerable: !0,
+      get: function() {
+        return r;
+      }
+    });
+    function F(t, n) {
+      return {
+        handler: t,
+        config: n
+      };
+    }
+    F.withOptions = function(t, n = () => ({})) {
+      const o = function(a) {
+        return {
+          __options: a,
+          handler: t(a),
+          config: n(a)
+        };
+      };
+      return o.__isOptionsFunction = !0, o.__pluginFunction = t, o.__configFunction = n, o;
+    };
+    const r = F;
+  })(c)), c;
+}
+var y;
+function P() {
+  return y || (y = 1, (function(e) {
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "default", {
+      enumerable: !0,
+      get: function() {
+        return t;
+      }
+    });
+    const F = /* @__PURE__ */ r(A());
+    function r(n) {
+      return n && n.__esModule ? n : {
+        default: n
+      };
+    }
+    const t = F.default;
+  })(d)), d;
+}
+var f, h;
+function j() {
+  if (h) return f;
+  h = 1;
+  let e = P();
+  return f = (e.__esModule ? e : { default: e }).default, f;
+}
+var C = j();
+const L = /* @__PURE__ */ _(C);
+export {
+  D as a,
+  w as b,
+  S as c,
+  x as d,
+  I as e,
+  T as f,
+  O as g,
+  q as h,
+  L as p
+};

package/dist/plugin-DHpuZZXz.cjs

@@ -0,0 +1,22 @@
+"use strict";const a=require("lodash-es"),$=require("./fonts-D5fTqvSS.cjs"),b=require("./_commonjsHelpers-DwGv2jUC.cjs"),B={fontFamily:{"font-heading":"Arial","font-body":"Arial"},borderRadius:"10px",colors:[{group:"Body",items:{background:["#FFFFFF","#121212"],foreground:["#121212","#FFFFFF"]}},{group:"Primary",items:{primary:["#2563EB","#3B82F6"],"primary-foreground":["#FFFFFF","#FFFFFF"]}},{group:"Secondary",items:{secondary:["#F3F4F6","#374151"],"secondary-foreground":["#1F2937","#F9FAFB"]}},{group:"Border, Input & Ring",items:{border:["#E5E7EB","#374151"],input:["#E5E7EB","#374151"],ring:["#2563EB","#3B82F6"]}},{group:"Card",items:{card:["#FFFFFF","#1F2937"],"card-foreground":["#121212","#FFFFFF"]}},{group:"Popover",items:{popover:["#FFFFFF","#1F2937"],"popover-foreground":["#121212","#FFFFFF"]}},{group:"Muted",items:{muted:["#F3F4F6","#374151"],"muted-foreground":["#6B7280","#9CA3AF"]}},{group:"Accent",items:{accent:["#F3F4F6","#374151"],"accent-foreground":["#1F2937","#FFFFFF"]}},{group:"Destructive",items:{destructive:["#DC2626","#EF4444"],"destructive-foreground":["#FFFFFF","#FFFFFF"]}}]},v={fontFamily:{heading:"Arial",body:"Arial"},borderRadius:"6px",colors:{background:["#FFFFFF","#09090B"],foreground:["#09090B","#FFFFFF"],primary:["#2563EB","#3B82F6"],"primary-foreground":["#FFFFFF","#FFFFFF"],secondary:["#F4F4F5","#27272A"],"secondary-foreground":["#09090B","#FFFFFF"],muted:["#F4F4F5","#27272A"],"muted-foreground":["#71717A","#A1A1AA"],accent:["#F4F4F5","#27272A"],"accent-foreground":["#09090B","#FFFFFF"],destructive:["#EF4444","#7F1D1D"],"destructive-foreground":["#FFFFFF","#FFFFFF"],border:["#E4E4E7","#27272A"],input:["#E4E4E7","#27272A"],ring:["#2563EB","#3B82F6"],card:["#FFFFFF","#09090B"],"card-foreground":["#09090B","#FFFFFF"],popover:["#FFFFFF","#09090B"],"popover-foreground":["#09090B","#FFFFFF"]}},_=e=>({fontFamily:e.fontFamily?a.keys(e.fontFamily).reduce((r,t)=>({...r,[t.replace("font-","")]:`var(--${t})`}),{}):{},borderRadius:e.borderRadius?{lg:"var(--radius)",md:"calc(var(--radius) - 2px)",sm:"calc(var(--radius) - 4px)"}:{},colors:e.colors?a.flatten(e.colors.map(r=>Object.entries(r.items))).reduce((r,[t])=>({...r,[t]:`hsl(var(--${t}))`}),{}):{}});function m(e){const n=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);let r=parseInt(n[1],16),t=parseInt(n[2],16),F=parseInt(n[3],16);r/=255,t/=255,F/=255;const o=Math.max(r,t,F),u=Math.min(r,t,F);let i=0,l=0;const g=(o+u)/2;if(o==u)i=l=0;else{const s=o-u;switch(l=g>.5?s/(2-o-u):s/(o+u),o){case r:i=(t-F)/s+(t<F?6:0);break;case t:i=(F-r)/s+2;break;case F:i=(r-t)/s+4;break}i/=6}return`${Math.round(i*360)} ${Math.round(l*100)}% ${Math.round(g*100)}%`}const E=e=>{const r=$.getAllRegisteredFonts().find(t=>t.family===e);return`"${e}", ${a.get(r,"fallback","")}`},A=({theme:e})=>{const n=e;return`:root {
+    ${e.fontFamily?Object.entries(e.fontFamily).map(([r,t])=>`--font-${r}: ${E(t)};`).join(`
+    `):""}
+    ${n.borderRadius?`--radius: ${n.borderRadius};`:""}
+    ${n.colors?Object.entries(n.colors).map(([r,t])=>`--${r}: ${m(t[0])};`).join(`
+    `):""}
+  }
+  .dark {
+    ${n.colors?Object.entries(n.colors).map(([r,t])=>`--${r}: ${m(t[1])};`).join(`
+    `):""}
+  }`},C=e=>!e||e.length===0?"":a.uniqBy(e,"family").map(n=>`<link rel="stylesheet" href="${n.url}" />`).join(`
+`),P=e=>!e||e.length===0?[]:a.uniqBy(e,"family").map(n=>n.url),j=e=>!e||e.length===0?"":a.uniqBy(e,"family").map(n=>`@import url("${n.url}");`).join(`
+`),q=e=>!e||e.length===0?"":a.uniqBy(e,"family").map(n=>n.src.map(r=>`@font-face {
+        font-family: "${n.family}";
+        src: url("${r.url}") format("${r.format}");
+        font-display: swap;
+        ${r.fontWeight?`font-weight: ${r.fontWeight};`:""}
+        ${r.fontStyle?`font-style: ${r.fontStyle};`:""}
+        ${r.fontStretch?`font-stretch: ${r.fontStretch};`:""}
+      }`).join(`
+`)).join(`
+`);var d={},c={},p;function T(){return p||(p=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return r}});function n(t,F){return{handler:t,config:F}}n.withOptions=function(t,F=()=>({})){const o=function(u){return{__options:u,handler:t(u),config:F(u)}};return o.__isOptionsFunction=!0,o.__pluginFunction=t,o.__configFunction=F,o};const r=n})(c)),c}var h;function M(){return h||(h=1,(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return t}});const n=r(T());function r(F){return F&&F.__esModule?F:{default:F}}const t=n.default})(d)),d}var f,y;function k(){if(y)return f;y=1;let e=M();return f=(e.__esModule?e:{default:e}).default,f}var R=k();const O=b.getDefaultExportFromCjs(R);exports.defaultThemeOptions=B;exports.defaultThemeValues=v;exports.getChaiThemeCssVariables=A;exports.getChaiThemeOptions=_;exports.getThemeCustomFontFace=q;exports.getThemeFontsCSSImport=j;exports.getThemeFontsLinkMarkup=C;exports.getThemeFontsUrls=P;exports.plugin=O;

package/dist/publish-pages-content-C7oS7pkz.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("./register-chai-top-bar-DyW9GPzV.cjs"),f=require("./index-C3CV1lXL.cjs"),r=require("./index-3pEi7VzS.cjs"),U=require("./page-manager-search-and-filter-BosoN3wg.cjs"),F=require("@tanstack/react-query"),t=require("lodash-es"),b=require("lucide-react"),a=require("react"),M=()=>{const l=r.useApiUrl(),u=r.useFetch();return F.useQuery({queryKey:[r.ACTIONS.GET_CHANGES],queryFn:async()=>u(l,{action:r.ACTIONS.GET_CHANGES})})},G=({page:l,selectedPages:u,handleCheckboxChange:N,getPageType:y,hasSlug:h,currentOwnerId:c})=>{const x=r.useUserId(),{data:d}=r.useChaiUserInfo(c),o=c===x?null:d==null?void 0:d.name;return e.jsxs("tr",{className:"group relative border-b last:border-b-0 hover:bg-gray-50",children:[e.jsxs("td",{scope:"row",className:`flex items-center gap-x-1 whitespace-nowrap px-6 py-2 text-gray-900 dark:text-white ${o?"opacity-50":""}`,children:[o?e.jsx(b.Lock,{className:"h-4 w-4 fill-red-200 text-red-500"}):e.jsx("input",{checked:t.includes(u,l==null?void 0:l.id),onClick:p=>{p.stopPropagation(),N(l==null?void 0:l.id)},type:"checkbox",className:"cursor-pointer rounded focus:outline-none focus:ring-0"})," ",h(l.pageType)?e.jsx(b.File,{className:"h-4 w-4"}):e.jsx(b.GlobeIcon,{className:"h-4 w-4"}),e.jsx(r.Tooltip,{content:l.name,side:"top",showTooltip:l.name.length>25,children:e.jsx("span",{className:"max-w-[200px] truncate font-medium text-black",children:l.name})}),l.slug&&e.jsx(r.Tooltip,{content:l.slug,side:"top",showTooltip:l.slug.length>25,children:e.jsx("span",{className:"max-w-[200px] truncate font-mono text-xs text-muted-foreground",children:l.slug})})]}),e.jsx("td",{className:"px-2",children:y(l==null?void 0:l.pageType)}),e.jsx("td",{className:"px-4 text-right",children:t.first(l.changes)||""}),e.jsx(e.Fragment,{children:o&&e.jsxs("button",{className:"absolute right-0 top-0 flex h-full items-center gap-x-1 rounded bg-red-50 px-2 py-0.5 text-xs font-light text-red-500 opacity-0 group-hover:opacity-100",children:[e.jsx(b.Edit,{size:12,className:"stroke-[3]"})," ",e.jsx("span",{className:"font-medium",children:o})," is editing this page"]})})]},l==null?void 0:l.id)},O=({onClose:l=()=>{},isPending:u,publishPage:N})=>{const y=r.useUserId(),{pageToUser:h}=r.usePageToUser(),[c,x]=a.useState([]),d=r.useFallbackLang(),[o,p]=a.useState(d),{data:T,isFetching:C}=M(),{data:g}=r.usePageTypes(),k=a.useCallback(s=>{var n;return(n=t.find(g,{key:s}))==null?void 0:n.hasSlug},[g]),j=a.useMemo(()=>t.filter(g,s=>!k(s.key)).map(s=>s.key),[k,g]),P=t.uniq(t.map(T,"lang")).filter(Boolean),i=a.useMemo(()=>t.filter(T,s=>s.pageType==="theme"||s.pageType==="design_tokens"?!1:o===d?s.lang===o||s.lang==="":s.lang===o),[T,o,d]),w=a.useMemo(()=>t.filter(i,s=>!j.includes(s.pageType)),[i,j]),S=a.useMemo(()=>t.filter(i,s=>j.includes(s.pageType)),[i,j]);a.useEffect(()=>{const s=t.map(t.filter(i,{online:!0}),"id");a.startTransition(()=>x(s))},[i]),a.useEffect(()=>{const s=t.filter(t.keys(h),n=>t.get(h,[n,"userId"])!==y);a.startTransition(()=>x(n=>t.filter(n,m=>!t.includes(s,m))))},[h,y]);const v=c.length===(i==null?void 0:i.length),E=s=>{x(n=>t.includes(n,s)?t.filter(n,m=>m!==s):t.concat(n,s))},B=()=>{x(v?[]:t.map(i,"id"))},I=()=>{N({ids:t.uniq(c)},{onSuccess:()=>{l(),r.throwConfetti("CENTER_CENTER"),p(d)}})},A=s=>{if(s==="theme")return"Theme";const n=t.find(g,{key:s});return n?n==null?void 0:n.name:s},L=a.useMemo(()=>{const s=[{label:"Updated",top:"pt-2"},...t.orderBy(t.filter(w,{online:!0}),"pageType"),...t.orderBy(t.filter(S,{online:!0}),"pageType")].filter(m=>m.pageType!=="theme"&&m.pageType!=="design_tokens"),n=[{label:"Offline",top:"pt-6"},...t.orderBy(t.filter(w,{online:!1}),"pageType"),...t.orderBy(t.filter(S,{online:!1}),"pageType")];return[...s,...n]},[w,S]);return e.jsxs(f.DialogContent,{className:"flex max-h-[80%] max-w-4xl flex-col",children:[e.jsxs(f.DialogHeader,{children:[e.jsx(f.DialogTitle,{children:"Publish changes"}),e.jsx(f.DialogDescription,{className:"text-xs",children:"Select the pages you want to publish. Click publish when you're done."})]}),P.length>0&&e.jsx("div",{className:"my-[2px] mt-0",children:e.jsx(U.LanguageSelector,{languages:[d,...P],selectedLanguage:o,setSelectedLanguage:p})}),e.jsx("div",{className:"no-scrollbar relative -mx-4 -mt-4 h-full max-h-full overflow-y-auto",children:C?e.jsxs("div",{className:"space-y-2 px-1",children:[e.jsx("div",{className:"mt-2 h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"})]}):e.jsxs("table",{className:"w-full text-left text-xs text-gray-500 dark:text-gray-400 rtl:text-right",children:[e.jsx("thead",{className:"sticky top-0 z-10 border-b bg-gray-50 text-gray-700 dark:bg-gray-700 dark:text-gray-400",children:e.jsxs("tr",{children:[e.jsxs("th",{scope:"col",className:"w-[1 50px] flex items-center gap-x-2 px-6 py-3",children:[e.jsx("input",{checked:v,onClick:s=>{s.stopPropagation(),B()},type:"checkbox",className:"mt-1 cursor-pointer rounded focus:outline-none focus:ring-0"}),"Name"]}),e.jsx("th",{scope:"col",className:"w-[150px] px-2 py-3",children:"Type"}),e.jsx("th",{scope:"col",className:"w-[150px] px-4 py-3 text-right",children:"Status"})]})}),e.jsx("tbody",{children:t.map(L,s=>s.label?e.jsx("tr",{children:e.jsxs("td",{colSpan:3,className:`relative px-6 py-2 text-xs font-medium text-gray-800 ${s.top}`,children:[e.jsx("div",{className:"absolute inset-0 left-6 flex items-center",children:e.jsx("div",{className:"order-gray-300 w-full"})}),e.jsx("div",{className:"relative flex justify-start",children:e.jsx("span",{className:"bg-gray-50 pr-2",children:s.label})})]})},"separator"):e.jsx(G,{page:s,selectedPages:c,handleCheckboxChange:E,getPageType:A,hasSlug:k,currentOwnerId:t.get(h,[(s==null?void 0:s.primaryPage)||(s==null?void 0:s.id),"userId"])}))})]})}),e.jsxs(f.DialogFooter,{className:"mt-10 flex items-center justify-center",children:[c.length>0&&e.jsxs("span",{className:"text-center text-sm text-muted-foreground",children:[c.length," Page",c.length!==1?"s":""," Selected"]}),e.jsx(q.Button,{disabled:u,variant:"outline",onClick:l,children:"Cancel"}),e.jsx(q.Button,{disabled:u||C||t.isEmpty(c),onClick:I,children:u?"Publishing...":"Publish Selected"})]})]})};exports.default=O;

package/dist/{publish-pages-content-CS7f41Ac.js → publish-pages-content-DJc7iu8d.js}

@@ -1,19 +1,19 @@
 import { jsxs as n, jsx as t, Fragment as $ } from "react/jsx-runtime";
-import { B as L } from "./register-chai-top-bar-ESJHs5s-.js";
-import { d as K, e as Q, f as J, p as V, q as W } from "./index-rAcNbjk_.js";
-import { ar as X, as as Y, A as I, aA as O, aB as Z, k as ee, m as te, ap as se, T as U, t as le } from "./index-Dno42B0a.js";
-import { LanguageSelector as ae } from "./page-manager-search-and-filter-zq-LfhQ1.js";
+import { B as L } from "./register-chai-top-bar-D6GjnauV.js";
+import { e as K, f as Q, g as J, o as V, q as W } from "./index-wBr2Ml98.js";
+import { ap as X, aq as Y, A as I, az as O, aA as Z, i as ee, k as te, an as se, T as U, aB as le } from "./index-CDVuf3C1.js";
+import { LanguageSelector as ae } from "./page-manager-search-and-filter-JfSTGlvp.js";
 import { useQuery as ne } from "@tanstack/react-query";
 import { find as B, filter as a, map as b, keys as re, get as F, includes as C, orderBy as N, isEmpty as oe, uniq as G, first as ce, concat as ie } from "lodash-es";
-import { Lock as de, GlobeIcon as ue, File as me, Edit as he } from "lucide-react";
-import { useState as D, useCallback as pe, useMemo as g, useEffect as j, startTransition as q } from "react";
-const ge = () => {
+import { Lock as de, GlobeIcon as ue, File as he, Edit as me } from "lucide-react";
+import { useState as q, useCallback as ge, useMemo as p, useEffect as D, startTransition as j } from "react";
+const pe = () => {
   const s = X(), d = Y();
   return ne({
     queryKey: [I.GET_CHANGES],
     queryFn: async () => d(s, { action: I.GET_CHANGES })
   });
-}, fe = ({ page: s, selectedPages: d, handleCheckboxChange: k, getPageType: f, hasSlug: m, currentOwnerId: r }) => {
+}, fe = ({ page: s, selectedPages: d, handleCheckboxChange: k, getPageType: f, hasSlug: h, currentOwnerId: r }) => {
   const u = O(), { data: i } = se(r), o = r === u ? null : i == null ? void 0 : i.name;
   return /* @__PURE__ */ n("tr", { className: "group relative border-b last:border-b-0 hover:bg-gray-50", children: [
     /* @__PURE__ */ n(
@@ -34,7 +34,7 @@ const ge = () => {
             }
           ),
           " ",
-          m(s.pageType) ? /* @__PURE__ */ t(me, { className: "h-4 w-4" }) : /* @__PURE__ */ t(ue, { className: "h-4 w-4" }),
+          h(s.pageType) ? /* @__PURE__ */ t(he, { className: "h-4 w-4" }) : /* @__PURE__ */ t(ue, { className: "h-4 w-4" }),
           /* @__PURE__ */ t(U, { content: s.name, side: "top", showTooltip: s.name.length > 25, children: /* @__PURE__ */ t("span", { className: "max-w-[200px] truncate font-medium text-black", children: s.name }) }),
           s.slug && /* @__PURE__ */ t(U, { content: s.slug, side: "top", showTooltip: s.slug.length > 25, children: /* @__PURE__ */ t("span", { className: "max-w-[200px] truncate font-mono text-xs text-muted-foreground", children: s.slug }) })
         ]
@@ -43,7 +43,7 @@ const ge = () => {
     /* @__PURE__ */ t("td", { className: "px-2", children: f(s == null ? void 0 : s.pageType) }),
     /* @__PURE__ */ t("td", { className: "px-4 text-right", children: ce(s.changes) || "" }),
     /* @__PURE__ */ t($, { children: o && /* @__PURE__ */ n("button", { className: "absolute right-0 top-0 flex h-full items-center gap-x-1 rounded bg-red-50 px-2 py-0.5 text-xs font-light text-red-500 opacity-0 group-hover:opacity-100", children: [
-      /* @__PURE__ */ t(he, { size: 12, className: "stroke-[3]" }),
+      /* @__PURE__ */ t(me, { size: 12, className: "stroke-[3]" }),
       " ",
       /* @__PURE__ */ t("span", { className: "font-medium", children: o }),
       " is editing this page"
@@ -55,34 +55,34 @@ const ge = () => {
   isPending: d,
   publishPage: k
 }) => {
-  const f = O(), { pageToUser: m } = Z(), [r, u] = D([]), i = ee(), [o, x] = D(i), { data: w, isFetching: v } = ge(), { data: h } = te(), T = pe((e) => {
+  const f = O(), { pageToUser: h } = Z(), [r, u] = q([]), i = ee(), [o, x] = q(i), { data: T, isFetching: v } = pe(), { data: g } = te(), w = ge((e) => {
     var l;
-    return (l = B(h, { key: e })) == null ? void 0 : l.hasSlug;
-  }, [h]), y = g(
-    () => a(h, (e) => !T(e.key)).map((e) => e.key),
-    [T, h]
-  ), E = G(b(w, "lang")).filter(Boolean), c = g(
-    () => a(w, (e) => e.pageType === "theme" ? !1 : o === i ? e.lang === o || e.lang === "" : e.lang === o),
-    [w, o, i]
-  ), S = g(
+    return (l = B(g, { key: e })) == null ? void 0 : l.hasSlug;
+  }, [g]), y = p(
+    () => a(g, (e) => !w(e.key)).map((e) => e.key),
+    [w, g]
+  ), E = G(b(T, "lang")).filter(Boolean), c = p(
+    () => a(T, (e) => e.pageType === "theme" || e.pageType === "design_tokens" ? !1 : o === i ? e.lang === o || e.lang === "" : e.lang === o),
+    [T, o, i]
+  ), S = p(
     () => a(c, (e) => !y.includes(e.pageType)),
     [c, y]
-  ), P = g(
+  ), P = p(
     () => a(c, (e) => y.includes(e.pageType)),
     [c, y]
   );
-  j(() => {
+  D(() => {
     const e = b(a(c, { online: !0 }), "id");
-    q(() => u(e));
-  }, [c]), j(() => {
-    const e = a(re(m), (l) => F(m, [l, "userId"]) !== f);
-    q(() => u((l) => a(l, (p) => !C(e, p))));
-  }, [m, f]);
-  const A = r.length === (c == null ? void 0 : c.length), H = (e) => {
-    u((l) => C(l, e) ? a(l, (p) => p !== e) : ie(l, e));
+    j(() => u(e));
+  }, [c]), D(() => {
+    const e = a(re(h), (l) => F(h, [l, "userId"]) !== f);
+    j(() => u((l) => a(l, (m) => !C(e, m))));
+  }, [h, f]);
+  const A = r.length === (c == null ? void 0 : c.length), _ = (e) => {
+    u((l) => C(l, e) ? a(l, (m) => m !== e) : ie(l, e));
   }, z = () => {
     u(A ? [] : b(c, "id"));
-  }, M = () => {
+  }, H = () => {
     k(
       { ids: G(r) },
       {
@@ -91,16 +91,16 @@ const ge = () => {
         }
       }
     );
-  }, R = (e) => {
+  }, M = (e) => {
     if (e === "theme") return "Theme";
-    const l = B(h, { key: e });
+    const l = B(g, { key: e });
     return l ? l == null ? void 0 : l.name : e;
-  }, _ = g(() => {
+  }, R = p(() => {
     const e = [
       { label: "Updated", top: "pt-2" },
       ...N(a(S, { online: !0 }), "pageType"),
       ...N(a(P, { online: !0 }), "pageType")
-    ].filter((p) => p.pageType !== "theme"), l = [
+    ].filter((m) => m.pageType !== "theme" && m.pageType !== "design_tokens"), l = [
       { label: "Offline", top: "pt-6" },
       ...N(a(S, { online: !1 }), "pageType"),
       ...N(a(P, { online: !1 }), "pageType")
@@ -145,7 +145,7 @@ const ge = () => {
         /* @__PURE__ */ t("th", { scope: "col", className: "w-[150px] px-4 py-3 text-right", children: "Status" })
       ] }) }),
       /* @__PURE__ */ t("tbody", { children: b(
-        _,
+        R,
         (e) => e.label ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ n("td", { colSpan: 3, className: `relative px-6 py-2 text-xs font-medium text-gray-800 ${e.top}`, children: [
           /* @__PURE__ */ t("div", { className: "absolute inset-0 left-6 flex items-center", children: /* @__PURE__ */ t("div", { className: "order-gray-300 w-full" }) }),
           /* @__PURE__ */ t("div", { className: "relative flex justify-start", children: /* @__PURE__ */ t("span", { className: "bg-gray-50 pr-2", children: e.label }) })
@@ -154,10 +154,10 @@ const ge = () => {
           {
             page: e,
             selectedPages: r,
-            handleCheckboxChange: H,
-            getPageType: R,
-            hasSlug: T,
-            currentOwnerId: F(m, [(e == null ? void 0 : e.primaryPage) || (e == null ? void 0 : e.id), "userId"])
+            handleCheckboxChange: _,
+            getPageType: M,
+            hasSlug: w,
+            currentOwnerId: F(h, [(e == null ? void 0 : e.primaryPage) || (e == null ? void 0 : e.id), "userId"])
           }
         )
       ) })
@@ -170,7 +170,7 @@ const ge = () => {
         " Selected"
       ] }),
       /* @__PURE__ */ t(L, { disabled: d, variant: "outline", onClick: s, children: "Cancel" }),
-      /* @__PURE__ */ t(L, { disabled: d || v || oe(r), onClick: M, children: d ? "Publishing..." : "Publish Selected" })
+      /* @__PURE__ */ t(L, { disabled: d || v || oe(r), onClick: H, children: d ? "Publishing..." : "Publish Selected" })
     ] })
   ] });
 };