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

package/dist/library-blocks/hero-2/hero-2.html

@@ -0,0 +1,95 @@
+<section class="overflow-hidden bg-white px-6 py-24">
+  <div class="mx-auto max-w-7xl">
+    <div class="mb-20">
+      <h2 class="mb-3 text-sm font-bold uppercase tracking-widest text-indigo-600">The Roadmap</h2>
+      <h3 class="text-4xl font-black leading-tight text-slate-900 md:text-5xl">
+        Three steps to <br />
+        <span class="text-indigo-600">digital transformation.</span>
+      </h3>
+    </div>
+
+    <div class="relative">
+      <div class="absolute left-0 top-24 hidden h-0.5 w-full bg-slate-100 lg:block">
+        <div class="absolute inset-0 w-1/2 bg-gradient-to-r from-indigo-500 to-purple-500"></div>
+      </div>
+
+      <div class="relative grid grid-cols-1 gap-12 lg:grid-cols-3">
+        <div class="group">
+          <div class="relative mb-8">
+            <div
+              class="relative z-10 flex h-16 w-16 items-center justify-center rounded-2xl bg-slate-900 text-2xl font-bold text-white shadow-xl transition-colors duration-300 group-hover:bg-indigo-600">
+              01
+            </div>
+            <div class="absolute left-8 top-16 h-12 w-0.5 bg-slate-100 lg:hidden"></div>
+          </div>
+          <h4 class="mb-4 text-2xl font-bold text-slate-900 transition-colors group-hover:text-indigo-600">
+            Strategic Discovery
+          </h4>
+          <p class="mb-6 leading-relaxed text-slate-600">
+            We start by diving deep into your business DNA to identify bottlenecks and untapped opportunities for
+            growth.
+          </p>
+          <ul class="space-y-3">
+            <li class="flex items-center text-sm font-medium text-slate-500">
+              <span class="mr-3 h-1.5 w-1.5 rounded-full bg-indigo-500"></span> Market Analysis
+            </li>
+            <li class="flex items-center text-sm font-medium text-slate-500">
+              <span class="mr-3 h-1.5 w-1.5 rounded-full bg-indigo-500"></span> Tech Audit
+            </li>
+          </ul>
+        </div>
+
+        <div class="group">
+          <div class="relative mb-8">
+            <div
+              class="relative z-10 flex h-16 w-16 items-center justify-center rounded-2xl bg-slate-900 text-2xl font-bold text-white shadow-xl transition-colors duration-300 group-hover:bg-indigo-600">
+              02
+            </div>
+            <div class="absolute left-8 top-16 h-12 w-0.5 bg-slate-100 lg:hidden"></div>
+          </div>
+          <h4 class="mb-4 text-2xl font-bold text-slate-900 transition-colors group-hover:text-indigo-600">
+            Smart Implementation
+          </h4>
+          <p class="mb-6 leading-relaxed text-slate-600">
+            Our engineers deploy custom-built automation tools that integrate seamlessly with your existing tech stack.
+          </p>
+          <ul class="space-y-3">
+            <li class="flex items-center text-sm font-medium text-slate-500">
+              <span class="mr-3 h-1.5 w-1.5 rounded-full bg-indigo-500"></span> API Integration
+            </li>
+            <li class="flex items-center text-sm font-medium text-slate-500">
+              <span class="mr-3 h-1.5 w-1.5 rounded-full bg-indigo-500"></span> Custom UI/UX
+            </li>
+          </ul>
+        </div>
+
+        <div class="group">
+          <div class="relative mb-8">
+            <div
+              class="relative z-10 flex h-16 w-16 items-center justify-center rounded-2xl bg-slate-900 text-2xl font-bold text-white shadow-xl transition-colors duration-300 group-hover:bg-indigo-600">
+              03
+            </div>
+          </div>
+          <h4 class="mb-4 text-2xl font-bold text-slate-900 transition-colors group-hover:text-indigo-600">
+            Scale & Optimize
+          </h4>
+          <p class="mb-6 leading-relaxed text-slate-600">
+            We don't just launch and leave. We monitor performance in real-time, tweaking the system for maximum ROI.
+          </p>
+          <div
+            class="inline-flex cursor-pointer items-center text-sm font-bold text-indigo-600 transition-transform group-hover:translate-x-2">
+            VIEW CASE STUDIES
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              class="ml-2 h-4 w-4"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M14 5l7 7m0 0l-7 7m7-7H3" />
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

package/dist/{manage-design-tokens-Caz_20VK.js → manage-design-tokens-Cene3KEu.js}

@@ -1,6 +1,7 @@
 import { jsx as e, jsxs as a, Fragment as Q } from "react/jsx-runtime";
-import { a3 as _, a4 as H, I as z, B as u, a5 as K, L as X, a6 as q, a7 as J, a8 as Y } from "./index-Ct7ElCGK.js";
-import { D as ee } from "./apply-binding-6iwlED02.js";
+import { a4 as _, a5 as q, a6 as H, q as K, a7 as X, a8 as J, a9 as Y } from "./index-BFnMzGe6.js";
+import { z, B as u } from "./register-chai-top-bar-D6GjnauV.js";
+import { D as ee } from "./STRINGS-BExFecZW.js";
 import { MagnifyingGlassIcon as L, PlusIcon as O, TokensIcon as te, ArrowLeftIcon as ne, EyeOpenIcon as se, Pencil1Icon as re, TrashIcon as ae } from "@radix-ui/react-icons";
 import { useAtom as oe } from "jotai";
 import { nanoid as ie } from "nanoid";
@@ -16,7 +17,7 @@ const S = (n) => {
   return m.length === 0 ? "" : m.length > 25 ? o("Token name must be 25 characters or less") : /^[a-zA-Z0-9]+(-[a-zA-Z0-9]+)*$/.test(m) ? Object.entries(s).find(
     ([l, v]) => v.name === m && (!d || l !== i)
   ) ? o("Token name already exists") : "" : o("Only alphanumeric characters and hyphens allowed");
-}, xe = (n) => n.replace(/\s+/g, "-"), ge = M(() => import("./delete-design-token-BRZZiWtQ.js")), pe = M(() => import("./design-token-usage-xQs6SlaJ.js")), ve = ({ tokenId: n, token: s, isDisabled: o, onEdit: d, onDelete: i }) => /* @__PURE__ */ a("div", { className: "group relative flex items-center justify-between overflow-hidden rounded border p-2 transition-all duration-150 hover:bg-muted/90", children: [
+}, xe = (n) => n.replace(/\s+/g, "-"), ge = M(() => import("./delete-design-token-B0md8qUi.js")), pe = M(() => import("./design-token-usage-CyOY4Pni.js")), ve = ({ tokenId: n, token: s, isDisabled: o, onEdit: d, onDelete: i }) => /* @__PURE__ */ a("div", { className: "group relative flex items-center justify-between overflow-hidden rounded border p-2 transition-all duration-150 hover:bg-muted/90", children: [
   /* @__PURE__ */ a("div", { className: "min-w-0 flex-1 overflow-hidden", children: [
     /* @__PURE__ */ e("div", { className: "text-xs font-semibold", children: s.name }),
     /* @__PURE__ */ e("div", { className: "w-full max-w-52 truncate text-[10px] font-light", children: s.value })
@@ -53,8 +54,8 @@ const S = (n) => {
       }
     ) }) })
   ] })
-] }), ze = ({}) => {
-  const { t: n } = ue(), [s, o] = oe(_), d = H(), [i, m] = g("view"), [p, k] = g(null), [l, v] = g(""), [h, b] = g(""), [T, y] = g(""), [w, P] = g(""), [B, C] = g(!1), f = le(null), D = ce(() => Object.entries(s).filter(
+] }), Le = ({}) => {
+  const { t: n } = ue(), [s, o] = oe(_), d = q(), [i, m] = g("view"), [p, k] = g(null), [l, v] = g(""), [h, b] = g(""), [T, y] = g(""), [w, P] = g(""), [B, C] = g(!1), f = le(null), D = ce(() => Object.entries(s).filter(
     ([, t]) => t.name.toLowerCase().includes(w.toLowerCase()) || t.value.toLowerCase().includes(w.toLowerCase())
   ), [s, w]);
   de(() => () => {
@@ -103,7 +104,7 @@ const S = (n) => {
   }, W = (t) => {
     const r = s[t];
     r && (k(t), v(r.name), b(r.value), y(""), m("edit"));
-  }, I = () => {
+  }, E = () => {
     k(null), v(""), b(""), y(""), m("add");
   }, A = () => {
     f.current && clearTimeout(f.current), k(null), v(""), b(""), y(""), C(!1), m("view");
@@ -112,14 +113,14 @@ const S = (n) => {
     v(r);
     const c = fe(r, s, n, i === "edit", p || void 0);
     y(c), i === "edit" && !c && j(r, h);
-  }, E = (t) => {
+  }, I = (t) => {
     b(t), i === "edit" && !T && l.trim() && j(l, t);
   }, $ = (t) => {
     const r = J(Y(he(h, t)));
-    E(r);
+    I(r);
   }, G = (t) => {
     const r = h.split(" ").filter((c) => c !== t).join(" ");
-    E(r);
+    I(r);
   };
   return /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-col", children: i === "view" ? /* @__PURE__ */ a(Q, { children: [
     Object.entries(s).length > 0 && /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-x-2", children: [
@@ -139,7 +140,7 @@ const S = (n) => {
         u,
         {
           variant: "outline",
-          onClick: I,
+          onClick: E,
           size: "sm",
           className: "h-6 border-primary text-xs text-primary hover:bg-primary/10 hover:text-primary",
           children: [
@@ -149,12 +150,12 @@ const S = (n) => {
         }
       )
     ] }),
-    /* @__PURE__ */ e("div", { className: "no-scrollbar flex flex-1 flex-col overflow-hidden pt-2", children: /* @__PURE__ */ e(K, { className: "h-full flex-1", children: /* @__PURE__ */ a("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ e("div", { className: "no-scrollbar flex flex-1 flex-col overflow-hidden pt-2", children: /* @__PURE__ */ e(H, { className: "h-full flex-1", children: /* @__PURE__ */ a("div", { className: "space-y-1", children: [
       Object.entries(s).length === 0 ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center rounded-lg border border-dashed border-muted bg-muted/20 py-8", children: [
         /* @__PURE__ */ e("div", { className: "mb-2 text-3xl", children: /* @__PURE__ */ e(te, { className: "h-12 w-12 text-muted-foreground" }) }),
         /* @__PURE__ */ e("p", { className: "mb-1 text-sm font-medium text-foreground", children: n("No design tokens yet") }),
         /* @__PURE__ */ e("p", { className: "text-center text-xs text-muted-foreground", children: n("Create reusable design tokens to streamline your styling") }),
-        /* @__PURE__ */ a(u, { variant: "default", onClick: I, size: "sm", className: "mt-4 h-7 text-xs leading-tight", children: [
+        /* @__PURE__ */ a(u, { variant: "default", onClick: E, size: "sm", className: "mt-4 h-7 text-xs leading-tight", children: [
           /* @__PURE__ */ e(O, { className: "mr-1 h-3 w-3" }),
           n("Add first design token")
         ] })
@@ -197,7 +198,7 @@ const S = (n) => {
       ] }),
       /* @__PURE__ */ a("div", { className: "flex-1 space-y-3 overflow-y-auto", children: [
         /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ e(X, { htmlFor: "token-name", className: "text-xs font-medium", children: n("Token Name") }),
+          /* @__PURE__ */ e(K, { htmlFor: "token-name", className: "text-xs font-medium", children: n("Token Name") }),
           /* @__PURE__ */ e(
             z,
             {
@@ -211,7 +212,7 @@ const S = (n) => {
           T ? /* @__PURE__ */ e("span", { className: "text-[10px] text-destructive", children: T }) : /* @__PURE__ */ e("span", { className: "text-[10px] font-light text-muted-foreground", children: n("Button-Primary, Card-Header, Text-Large etc.") })
         ] }),
         /* @__PURE__ */ e(
-          q,
+          X,
           {
             from: "designToken",
             classFromProps: h,
@@ -236,5 +237,5 @@ const S = (n) => {
   })() });
 };
 export {
-  ze as default
+  Le as default
 };

package/dist/manage-design-tokens-Di5C6nTj.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("./index-D30xvFa5.cjs"),c=require("./register-chai-top-bar-DyW9GPzV.cjs"),Z=require("./STRINGS-FNnfjF5H.cjs"),u=require("@radix-ui/react-icons"),$=require("jotai"),U=require("nanoid"),a=require("react"),Q=require("react-i18next"),p=require("sonner"),_=require("tailwind-merge"),B=t=>{const n=t.trim();return n.length===0||n.length>25?!1:/^[a-zA-Z0-9]+(-[a-zA-Z0-9]+)*$/.test(n)},H=(t,n,o,m=!1,i)=>{const x=t.trim();return x.length===0?"":x.length>25?o("Token name must be 25 characters or less"):/^[a-zA-Z0-9]+(-[a-zA-Z0-9]+)*$/.test(x)?Object.entries(n).find(([l,N])=>N.name===x&&(!m||l!==i))?o("Token name already exists"):"":o("Only alphanumeric characters and hyphens allowed")},K=t=>t.replace(/\s+/g,"-"),X=a.lazy(()=>Promise.resolve().then(()=>require("./delete-design-token-C94IgWdi.cjs"))),J=a.lazy(()=>Promise.resolve().then(()=>require("./design-token-usage-DtdjTCn3.cjs"))),Y=({tokenId:t,token:n,isDisabled:o,onEdit:m,onDelete:i})=>e.jsxs("div",{className:"group relative flex items-center justify-between overflow-hidden rounded border p-2 transition-all duration-150 hover:bg-muted/90",children:[e.jsxs("div",{className:"min-w-0 flex-1 overflow-hidden",children:[e.jsx("div",{className:"text-xs font-semibold",children:n.name}),e.jsx("div",{className:"w-full max-w-52 truncate text-[10px] font-light",children:n.value})]}),e.jsxs("div",{className:"absolute right-1 top-1 flex flex-shrink-0 items-center opacity-0 transition-opacity duration-150 group-hover:opacity-100",children:[e.jsx(a.Suspense,{fallback:null,children:e.jsx(J,{tokenId:t,tokenName:n.name,children:e.jsx(c.Button,{variant:"ghost",size:"sm",className:"h-6 w-6 rounded-full p-0 hover:bg-primary/10 hover:text-primary",children:e.jsx(u.EyeOpenIcon,{className:"h-3 w-3"})})})}),e.jsx(c.Button,{variant:"ghost",size:"sm",onClick:()=>m(t),disabled:o,className:"h-6 w-6 rounded-full p-0 hover:bg-primary/10 hover:text-primary",children:e.jsx(u.Pencil1Icon,{className:"h-3 w-3"})}),e.jsx(a.Suspense,{fallback:null,children:e.jsx(X,{tokenName:n.name,tokenValue:n.value,onDelete:()=>i(t),children:e.jsx(c.Button,{variant:"ghost",size:"sm",disabled:o,className:"h-6 w-6 rounded-full p-0 hover:bg-destructive/10",children:e.jsx(u.TrashIcon,{className:"h-3 w-3 text-destructive"})})})})]})]}),ee=({})=>{const{t}=Q.useTranslation(),[n,o]=$.useAtom(v.chaiDesignTokensAtom),m=v.useIncrementActionsCount(),[i,x]=a.useState("view"),[j,k]=a.useState(null),[l,N]=a.useState(""),[h,b]=a.useState(""),[T,y]=a.useState(""),[w,E]=a.useState(""),[z,C]=a.useState(!1),f=a.useRef(null),S=a.useMemo(()=>Object.entries(n).filter(([,s])=>s.name.toLowerCase().includes(w.toLowerCase())||s.value.toLowerCase().includes(w.toLowerCase())),[n,w]);a.useEffect(()=>()=>{f.current&&clearTimeout(f.current)},[]);const I=a.useCallback((s,r)=>{!j||i!=="edit"||!s.trim()||!r.trim()||!B(s)||Object.entries(n).find(([g,W])=>W.name===s.trim()&&g!==j)||(C(!0),f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{const g={...n,[j]:{name:s.trim(),value:r.trim()}};o(g),m(),C(!1)},250))},[j,i,n,o,m]),R=()=>{if(!l.trim()||!h.trim()){p.toast.error(t("Please fill in both token name and classes"));return}if(!B(l)){p.toast.error(t("Invalid design token name format"));return}if(Object.values(n).find(g=>g.name===l.trim())){p.toast.error(t("Token already exists"));return}const r=`${Z.DESIGN_TOKEN_PREFIX}${U.nanoid(12)}`,d={...n,[r]:{name:l.trim(),value:h.trim()}};o(d),m(),p.toast.success(t("Token added successfully")),A()},M=s=>{const r={...n};delete r[s],o(r),m(),p.toast.success(t("Token deleted successfully"))},P=s=>{const r=n[s];r&&(k(s),N(r.name),b(r.value),y(""),x("edit"))},D=()=>{k(null),N(""),b(""),y(""),x("add")},A=()=>{f.current&&clearTimeout(f.current),k(null),N(""),b(""),y(""),C(!1),x("view")},O=s=>{const r=K(s);N(r);const d=H(r,n,t,i==="edit",j||void 0);y(d),i==="edit"&&!d&&I(r,h)},q=s=>{b(s),i==="edit"&&!T&&l.trim()&&I(l,s)},L=s=>{const r=v.orderClassesByBreakpoint(v.removeDuplicateClasses(_.twMerge(h,s)));q(r)},F=s=>{const r=h.split(" ").filter(d=>d!==s).join(" ");q(r)},G=()=>{const s=i==="edit",r=t(s?"Edit Design Token":"Add Design Token"),d=t(s?"Update design token. Auto-saved.":"Create a reusable design token");return e.jsxs("div",{className:"flex h-full flex-col",children:[e.jsxs("div",{className:"mb-3 flex items-center gap-2 rounded-md border border-border/50 bg-muted p-1.5",children:[e.jsx(c.Button,{variant:"ghost",size:"sm",onClick:A,className:"h-6 w-6 rounded-full p-0 hover:bg-muted",children:e.jsx(u.ArrowLeftIcon,{className:"h-3 w-3"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"text-xs font-semibold text-foreground",children:r}),e.jsx("p",{className:"text-[10px] text-muted-foreground",children:d})]}),s&&z&&e.jsx("div",{className:"flex items-center gap-1 text-[10px] text-muted-foreground",children:e.jsx("div",{className:"h-1.5 w-1.5 animate-pulse rounded-full bg-primary"})})]}),e.jsxs("div",{className:"flex-1 space-y-3 overflow-y-auto",children:[e.jsxs("div",{className:"space-y-1.5",children:[e.jsx(v.Label,{htmlFor:"token-name",className:"text-xs font-medium",children:t("Token Name")}),e.jsx(c.Input,{id:"token-name",placeholder:"Button-Primary",value:l,onChange:g=>O(g.target.value),className:"h-7 text-xs"}),T?e.jsx("span",{className:"text-[10px] text-destructive",children:T}):e.jsx("span",{className:"text-[10px] font-light text-muted-foreground",children:t("Button-Primary, Card-Header, Text-Large etc.")})]}),e.jsx(v.ManualClasses,{from:"designToken",classFromProps:h,onAddNew:L,onRemove:F}),!s&&e.jsxs("div",{className:"mt-3 flex items-center justify-end gap-2 pt-3",children:[e.jsx(c.Button,{variant:"outline",onClick:A,className:"h-7 text-xs",children:t("Cancel")}),e.jsx(c.Button,{onClick:R,disabled:!l.trim()||!h.trim()||!!T,className:"h-7 text-xs",children:t("Add Token")})]})]})]})},V=()=>e.jsxs(e.Fragment,{children:[Object.entries(n).length>0&&e.jsxs("div",{className:"flex items-center justify-between gap-x-2",children:[e.jsxs("div",{className:"relative flex-1",children:[e.jsx(u.MagnifyingGlassIcon,{className:"absolute left-2 top-1/2 h-3 w-3 -translate-y-1/2 text-muted-foreground"}),e.jsx(c.Input,{placeholder:t("Search tokens"),value:w,onChange:s=>E(s.target.value),className:"h-6 pl-7 text-xs"})]}),e.jsxs(c.Button,{variant:"outline",onClick:D,size:"sm",className:"h-6 border-primary text-xs text-primary hover:bg-primary/10 hover:text-primary",children:[e.jsx(u.PlusIcon,{className:"h-3 w-3"}),t("Add")]})]}),e.jsx("div",{className:"no-scrollbar flex flex-1 flex-col overflow-hidden pt-2",children:e.jsx(v.ScrollArea,{className:"h-full flex-1",children:e.jsxs("div",{className:"space-y-1",children:[Object.entries(n).length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center rounded-lg border border-dashed border-muted bg-muted/20 py-8",children:[e.jsx("div",{className:"mb-2 text-3xl",children:e.jsx(u.TokensIcon,{className:"h-12 w-12 text-muted-foreground"})}),e.jsx("p",{className:"mb-1 text-sm font-medium text-foreground",children:t("No design tokens yet")}),e.jsx("p",{className:"text-center text-xs text-muted-foreground",children:t("Create reusable design tokens to streamline your styling")}),e.jsxs(c.Button,{variant:"default",onClick:D,size:"sm",className:"mt-4 h-7 text-xs leading-tight",children:[e.jsx(u.PlusIcon,{className:"mr-1 h-3 w-3"}),t("Add first design token")]})]}):S.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center rounded-lg border border-dashed border-muted bg-muted/20 py-8",children:[e.jsx("div",{className:"mb-2",children:e.jsx(u.MagnifyingGlassIcon,{className:"h-10 w-10 text-muted-foreground"})}),e.jsx("p",{className:"mb-1 text-sm font-medium text-foreground",children:t("No tokens found")}),e.jsx("p",{className:"text-center text-xs text-muted-foreground",children:t("No design tokens match your search")})]}):S.map(([s,r])=>e.jsx(Y,{token:r,tokenId:s,onEdit:P,onDelete:M,isDisabled:!1},s)),e.jsx("div",{className:"h-44"})]})})})]});return e.jsx("div",{className:"flex h-full w-full flex-col",children:i==="view"?V():G()})};exports.default=ee;

package/dist/mark-as-template-CT-hLGIW.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./register-chai-top-bar-DyW9GPzV.cjs"),t=require("./index-D30xvFa5.cjs"),y=require("./index-Bzn_gpaK.cjs"),w=require("lodash-es"),m=require("lucide-react"),l=require("react"),M=require("react-i18next"),k=require("sonner"),B=1*1024*1024,A=({page:r,onClose:u})=>{const{t:s}=M.useTranslation(),[f,p]=l.useState(!1),[j,T]=l.useState(""),[c,N]=l.useState(""),[v,x]=l.useState(!1),i=l.useRef(null),C=y.useMarkAsTemplate(),{data:h}=y.usePageTypes(),g=h==null?void 0:h.find(a=>a.key===r.pageType),I=(g==null?void 0:g.name)||w.startCase(r.pageType),D=l.useCallback(a=>{var b;const d=(b=a.target.files)==null?void 0:b[0];if(d){if(d.size>B){k.toast.error(s("File too large"),{description:`${s("Maximum file size is 1MB. Selected file is")} ${(d.size/1024).toFixed(2)}KB.`}),i.current&&(i.current.value="");return}try{x(!0);const n=new FileReader;n.onloadend=()=>{N(n.result),x(!1)},n.readAsDataURL(d)}catch(n){console.error("Error reading file:",n),x(!1),k.toast.error(s("Failed to process image"),{description:n instanceof Error?n.message:s("Unknown error")})}}},[s]),F=()=>{N(""),i.current&&(i.current.value="")},S=()=>{var a;(a=i.current)==null||a.click()},q=()=>{p(!0),C.mutate({page:r,name:r.name,description:j.trim()||void 0,pageType:r.pageType,...c?{previewImage:c}:{}},{onSuccess:()=>{p(!1),u()},onError:()=>{p(!1)}})};return e.jsx(t.Dialog,{open:!0,onOpenChange:u,children:e.jsxs(t.DialogContent,{children:[e.jsxs(t.DialogHeader,{children:[e.jsx(t.DialogTitle,{children:s("Mark as template")}),e.jsxs(t.DialogDescription,{className:"space-y-1 py-4 text-xs text-slate-500",children:[s("Are you sure you want to mark this page as a template?"),e.jsx("br",{}),s("Templates can be used to create new pages with the same content.")]})]}),e.jsxs("div",{className:"mb-4 space-y-4 text-xs",children:[e.jsxs("div",{className:"space-y-3 rounded border bg-slate-50 p-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m.Tag,{className:"h-4 w-4 text-slate-500"}),e.jsxs("span",{className:"font-medium text-slate-500",children:[s("Page Name"),":"]}),e.jsx("span",{className:"font-semibold",children:w.startCase(r.name)})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(m.File,{className:"h-4 w-4 text-slate-500"}),e.jsxs("span",{className:"font-medium text-slate-500",children:[s("Type"),":"]}),e.jsx("span",{className:"font-semibold",children:I})]})]}),e.jsxs("div",{children:[e.jsx(t.Label,{htmlFor:"description",className:"text-xs font-medium",children:s("Description (Optional)")}),e.jsx(t.Textarea,{id:"description",placeholder:s("Describe this template's purpose"),className:"mt-1 h-24 resize-none text-xs",value:j,onChange:a=>T(a.target.value)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Label,{htmlFor:"previewImage",className:"text-xs font-medium",children:s("Preview Image (Optional)")}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(o.Input,{type:"file",id:"previewImage",ref:i,onChange:D,accept:"image/*",className:"hidden"}),e.jsx(o.Button,{type:"button",variant:"outline",onClick:S,disabled:v,className:"w-full",children:v?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent"}),s("Uploading...")]}):e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(m.ImageIcon,{className:"h-4 w-4"}),s("Select image")]})}),c&&e.jsx(o.Button,{type:"button",variant:"outline",size:"icon",onClick:F,children:e.jsx(m.X,{className:"h-4 w-4"})})]}),c&&e.jsx("div",{className:"aspect-video overflow-hidden rounded-md border",children:e.jsx("img",{src:c,alt:s("Preview"),className:"h-full max-h-[200px] w-full object-contain"})}),e.jsx("p",{className:"text-xs text-muted-foreground",children:s("max 1mb")})]})]})]}),e.jsxs(t.DialogFooter,{className:f?"pointer-events-none opacity-75":"",children:[e.jsx(o.Button,{variant:"outline",onClick:a=>{a.stopPropagation(),u()},children:s("Cancel")}),e.jsx(o.Button,{variant:"default",disabled:f,onClick:q,children:s("Mark as template")})]})]})})};exports.default=A;

package/dist/{mark-as-template-D295ZQtU.js → mark-as-template-raTtKmQ9.js}

@@ -1,13 +1,14 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { D as L, d as P, e as z, f as B, p as E, L as w, T as S, I as U, B as c, q as R } from "./index-Ct7ElCGK.js";
-import { q as j, m as O } from "./index-ZuacEL1j.js";
+import { z, B as c } from "./register-chai-top-bar-D6GjnauV.js";
+import { D as P, e as B, f as E, g as L, p as S, q as w, T as U, r as R } from "./index-BFnMzGe6.js";
+import { q as j, m as O } from "./index-CA1OwKJX.js";
 import { startCase as y } from "lodash-es";
 import { Tag as q, File as X, ImageIcon as _, X as $ } from "lucide-react";
-import { useState as d, useRef as H, useCallback as K } from "react";
+import { useState as m, useRef as H, useCallback as K } from "react";
 import { useTranslation as Z } from "react-i18next";
 import { toast as k } from "sonner";
-const G = 1 * 1024 * 1024, se = ({ page: n, onClose: m }) => {
-  const { t: a } = Z(), [g, p] = d(!1), [x, I] = d(""), [l, N] = d(""), [v, u] = d(!1), i = H(null), T = j(), { data: h } = O(), f = h == null ? void 0 : h.find((s) => s.key === n.pageType), C = (f == null ? void 0 : f.name) || y(n.pageType), D = K(
+const G = 1 * 1024 * 1024, re = ({ page: n, onClose: d }) => {
+  const { t: a } = Z(), [g, p] = m(!1), [x, T] = m(""), [l, N] = m(""), [v, u] = m(!1), i = H(null), I = j(), { data: h } = O(), f = h == null ? void 0 : h.find((s) => s.key === n.pageType), C = (f == null ? void 0 : f.name) || y(n.pageType), D = K(
     (s) => {
       var b;
       const o = (b = s.target.files) == null ? void 0 : b[0];
@@ -38,7 +39,7 @@ const G = 1 * 1024 * 1024, se = ({ page: n, onClose: m }) => {
     var s;
     (s = i.current) == null || s.click();
   }, A = () => {
-    p(!0), T.mutate(
+    p(!0), I.mutate(
       {
         page: n,
         name: n.name,
@@ -48,7 +49,7 @@ const G = 1 * 1024 * 1024, se = ({ page: n, onClose: m }) => {
       },
       {
         onSuccess: () => {
-          p(!1), m();
+          p(!1), d();
         },
         onError: () => {
           p(!1);
@@ -56,10 +57,10 @@ const G = 1 * 1024 * 1024, se = ({ page: n, onClose: m }) => {
       }
     );
   };
-  return /* @__PURE__ */ e(L, { open: !0, onOpenChange: m, children: /* @__PURE__ */ t(P, { children: [
-    /* @__PURE__ */ t(z, { children: [
-      /* @__PURE__ */ e(B, { children: a("Mark as template") }),
-      /* @__PURE__ */ t(E, { className: "space-y-1 py-4 text-xs text-slate-500", children: [
+  return /* @__PURE__ */ e(P, { open: !0, onOpenChange: d, children: /* @__PURE__ */ t(B, { children: [
+    /* @__PURE__ */ t(E, { children: [
+      /* @__PURE__ */ e(L, { children: a("Mark as template") }),
+      /* @__PURE__ */ t(S, { className: "space-y-1 py-4 text-xs text-slate-500", children: [
         a("Are you sure you want to mark this page as a template?"),
         /* @__PURE__ */ e("br", {}),
         a("Templates can be used to create new pages with the same content.")
@@ -87,13 +88,13 @@ const G = 1 * 1024 * 1024, se = ({ page: n, onClose: m }) => {
       /* @__PURE__ */ t("div", { children: [
         /* @__PURE__ */ e(w, { htmlFor: "description", className: "text-xs font-medium", children: a("Description (Optional)") }),
         /* @__PURE__ */ e(
-          S,
+          U,
           {
             id: "description",
             placeholder: a("Describe this template's purpose"),
             className: "mt-1 h-24 resize-none text-xs",
             value: x,
-            onChange: (s) => I(s.target.value)
+            onChange: (s) => T(s.target.value)
           }
         )
       ] }),
@@ -102,7 +103,7 @@ const G = 1 * 1024 * 1024, se = ({ page: n, onClose: m }) => {
         /* @__PURE__ */ t("div", { className: "space-y-2", children: [
           /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(
-              U,
+              z,
               {
                 type: "file",
                 id: "previewImage",
@@ -142,7 +143,7 @@ const G = 1 * 1024 * 1024, se = ({ page: n, onClose: m }) => {
         {
           variant: "outline",
           onClick: (s) => {
-            s.stopPropagation(), m();
+            s.stopPropagation(), d();
           },
           children: a("Cancel")
         }
@@ -152,5 +153,5 @@ const G = 1 * 1024 * 1024, se = ({ page: n, onClose: m }) => {
   ] }) });
 };
 export {
-  se as default
+  re as default
 };

package/dist/nested-path-selector-content-CSUHTj9G.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("lucide-react"),p=require("react"),v=require("./register-chai-top-bar-DyW9GPzV.cjs"),a=require("./index-D30xvFa5.cjs");function C(c){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const r in c)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(c,r);Object.defineProperty(l,r,i.get?i:{enumerable:!0,get:()=>c[r]})}}return l.default=c,Object.freeze(l)}const o=C(p);function N({data:c,onSelect:l,dataType:r="value",open:i,setOpen:m}){const[u,f]=o.useState([]),[h,j]=o.useState(c);o.useEffect(()=>{i||f([]),j(c)},[c,i]);const b=e=>Array.isArray(e)?"array":typeof e=="object"&&e!==null?"object":"value",y=o.useCallback(e=>{const n=s=>r==="value"?s==="value"||s==="object":r==="array"?s==="array":s===r;e.type==="object"?(f(s=>[...s,e.key]),j(e.value)):n(e.type)&&(l([...u,e.key].join(".")),m(!1))},[r,l,u,m]),x=o.useCallback(()=>{if(u.length>0){const e=u.slice(0,-1);f(e),j(e.reduce((n,s)=>n[s],c))}},[u,c]),g=o.useMemo(()=>Object.entries(h).map(([e,n])=>({key:e,value:n,type:b(n)})).filter(e=>r==="value"?e.type==="value"||e.type==="object":r==="array"?e.type==="array"||e.type==="object":r==="object"?e.type==="object":!0),[h,r]);return t.jsx(a.PopoverContent,{className:"z-[9999] w-[200px] p-0",children:t.jsxs(a.Command,{children:[t.jsx(a.CommandInput,{className:"border-none",placeholder:"Search..."}),t.jsxs(a.CommandList,{onWheel:e=>{try{e.preventDefault();const n=e.currentTarget;n.scrollTop+=e.deltaY}catch{e.preventDefault()}},children:[t.jsx(a.CommandEmpty,{children:"No option found."}),t.jsxs(a.CommandGroup,{children:[u.length>0&&t.jsxs(a.CommandItem,{onSelect:x,className:"flex items-center text-sm",children:[t.jsx(d.ChevronLeft,{className:"mr-2 h-4 w-4"}),"Back"]}),g.map(e=>t.jsxs(a.CommandItem,{onSelect:()=>y(e),className:"flex items-center justify-between",children:[t.jsx("span",{children:e.key}),t.jsxs("div",{className:"flex items-center gap-2",children:[r==="object"&&e.type==="object"&&t.jsx(v.Button,{size:"sm",variant:"ghost",className:"h-6 px-2 hover:bg-primary hover:text-primary-foreground",onClick:n=>{n.stopPropagation(),l([...u,e.key].join(".")),m(!1)},children:"Select"}),(e.type==="object"||e.type==="array")&&t.jsx("div",{className:"cursor-pointer rounded p-1 hover:bg-muted",children:t.jsx(d.ChevronRight,{className:"h-4 w-4 opacity-50"})})]})]},e.key))]})]})]})})}exports.default=N;

package/dist/{nested-path-selector-content-CKYYK-C5.js → nested-path-selector-content-CzQ2Lorl.js}

@@ -1,38 +1,39 @@
 import { jsx as c, jsxs as n } from "react/jsx-runtime";
-import { ChevronLeft as p, ChevronRight as g } from "lucide-react";
+import { ChevronLeft as v, ChevronRight as g } from "lucide-react";
 import * as l from "react";
-import { P as k, C as N, i as x, j as P, k as S, l as w, m as d, B } from "./index-Ct7ElCGK.js";
-function E({
+import { B as k } from "./register-chai-top-bar-D6GjnauV.js";
+import { P as N, C as x, j as P, k as S, l as w, m as B, n as d } from "./index-BFnMzGe6.js";
+function I({
   data: o,
-  onSelect: u,
+  onSelect: m,
   dataType: t = "value",
-  open: f,
-  setOpen: m
+  open: h,
+  setOpen: u
 }) {
-  const [s, i] = l.useState([]), [y, h] = l.useState(o);
+  const [s, i] = l.useState([]), [y, f] = l.useState(o);
   l.useEffect(() => {
-    f || i([]), h(o);
-  }, [o, f]);
+    h || i([]), f(o);
+  }, [o, h]);
   const b = (e) => Array.isArray(e) ? "array" : typeof e == "object" && e !== null ? "object" : "value", j = l.useCallback(
     (e) => {
       const r = (a) => t === "value" ? a === "value" || a === "object" : t === "array" ? a === "array" : a === t;
-      e.type === "object" ? (i((a) => [...a, e.key]), h(e.value)) : r(e.type) && (u([...s, e.key].join(".")), m(!1));
+      e.type === "object" ? (i((a) => [...a, e.key]), f(e.value)) : r(e.type) && (m([...s, e.key].join(".")), u(!1));
     },
-    [t, u, s, m]
+    [t, m, s, u]
   ), C = l.useCallback(() => {
     if (s.length > 0) {
       const e = s.slice(0, -1);
-      i(e), h(e.reduce((r, a) => r[a], o));
+      i(e), f(e.reduce((r, a) => r[a], o));
     }
-  }, [s, o]), v = l.useMemo(() => Object.entries(y).map(([e, r]) => ({
+  }, [s, o]), p = l.useMemo(() => Object.entries(y).map(([e, r]) => ({
     key: e,
     value: r,
     type: b(r)
   })).filter((e) => t === "value" ? e.type === "value" || e.type === "object" : t === "array" ? e.type === "array" || e.type === "object" : t === "object" ? e.type === "object" : !0), [y, t]);
-  return /* @__PURE__ */ c(k, { className: "z-[9999] w-[200px] p-0", children: /* @__PURE__ */ n(N, { children: [
-    /* @__PURE__ */ c(x, { className: "border-none", placeholder: "Search..." }),
+  return /* @__PURE__ */ c(N, { className: "z-[9999] w-[200px] p-0", children: /* @__PURE__ */ n(x, { children: [
+    /* @__PURE__ */ c(P, { className: "border-none", placeholder: "Search..." }),
     /* @__PURE__ */ n(
-      P,
+      S,
       {
         onWheel: (e) => {
           try {
@@ -44,13 +45,13 @@ function E({
           }
         },
         children: [
-          /* @__PURE__ */ c(S, { children: "No option found." }),
-          /* @__PURE__ */ n(w, { children: [
+          /* @__PURE__ */ c(w, { children: "No option found." }),
+          /* @__PURE__ */ n(B, { children: [
             s.length > 0 && /* @__PURE__ */ n(d, { onSelect: C, className: "flex items-center text-sm", children: [
-              /* @__PURE__ */ c(p, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ c(v, { className: "mr-2 h-4 w-4" }),
               "Back"
             ] }),
-            v.map((e) => /* @__PURE__ */ n(
+            p.map((e) => /* @__PURE__ */ n(
               d,
               {
                 onSelect: () => j(e),
@@ -59,13 +60,13 @@ function E({
                   /* @__PURE__ */ c("span", { children: e.key }),
                   /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
                     t === "object" && e.type === "object" && /* @__PURE__ */ c(
-                      B,
+                      k,
                       {
                         size: "sm",
                         variant: "ghost",
                         className: "h-6 px-2 hover:bg-primary hover:text-primary-foreground",
                         onClick: (r) => {
-                          r.stopPropagation(), u([...s, e.key].join(".")), m(!1);
+                          r.stopPropagation(), m([...s, e.key].join(".")), u(!1);
                         },
                         children: "Select"
                       }
@@ -83,5 +84,5 @@ function E({
   ] }) });
 }
 export {
-  E as default
+  I as default
 };

package/dist/{no-language-page-content-BvqRBP6y.js → no-language-page-content-Bg6VjMVY.js}

@@ -1,11 +1,12 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { n as h, W as u, X as w, Y as p, Z as f, _ as P, B as C } from "./index-Ct7ElCGK.js";
-import { c as S, d as L, L as x, B as N } from "./index-ZuacEL1j.js";
+import { B as h } from "./register-chai-top-bar-D6GjnauV.js";
+import { d as u, U as w, V as p, W as f, X as P, Y as C } from "./index-BFnMzGe6.js";
+import { c as S, d as L, L as x, B as N } from "./index-CA1OwKJX.js";
 import { get as v } from "lodash-es";
 import { LockIcon as B } from "lucide-react";
 import { useTranslation as E } from "react-i18next";
 const A = () => {
-  const { t: a } = E(), [c, l] = S(), r = c.get("lang"), i = L(r), { setSelectedLang: g } = h(), d = () => {
+  const { t: a } = E(), [c, l] = S(), r = c.get("lang"), i = L(r), { setSelectedLang: g } = u(), d = () => {
     const n = new URLSearchParams(window.location.search);
     n.delete("lang");
     const o = n.toString(), m = `${window.location.pathname}${o ? `?${o}` : ""}`;
@@ -13,8 +14,8 @@ const A = () => {
   };
   if (i) return null;
   const t = v(x, r);
-  return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ s(u, { className: "mx-auto w-full max-w-md", children: [
-    /* @__PURE__ */ e(w, { className: "space-y-1", children: /* @__PURE__ */ s(p, { className: "flex items-center gap-2 text-2xl", children: [
+  return /* @__PURE__ */ e(N, { children: /* @__PURE__ */ s(w, { className: "mx-auto w-full max-w-md", children: [
+    /* @__PURE__ */ e(p, { className: "space-y-1", children: /* @__PURE__ */ s(f, { className: "flex items-center gap-2 text-2xl", children: [
       /* @__PURE__ */ e(B, { className: "h-6 w-6 text-yellow-500" }),
       a("Page missing for"),
       ' "',
@@ -23,7 +24,7 @@ const A = () => {
       a("language"),
       "."
     ] }) }),
-    /* @__PURE__ */ e(f, { className: "grid gap-4", children: /* @__PURE__ */ s("div", { children: [
+    /* @__PURE__ */ e(P, { className: "grid gap-4", children: /* @__PURE__ */ s("div", { children: [
       a("Page is not available in the"),
       ' "',
       t,
@@ -34,7 +35,7 @@ const A = () => {
       '"',
       a("language or switch to the base language.")
     ] }) }),
-    /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e(C, { onClick: d, className: "w-full", variant: "destructive", children: a("Switch to default language") }) })
+    /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(h, { onClick: d, className: "w-full", variant: "destructive", children: a("Switch to default language") }) })
   ] }) });
 };
 export {

package/dist/no-language-page-content-Bkj8JpEY.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("./register-chai-top-bar-DyW9GPzV.cjs"),t=require("./index-D30xvFa5.cjs"),n=require("./index-Bzn_gpaK.cjs"),w=require("lodash-es"),x=require("lucide-react"),p=require("react-i18next"),P=()=>{const{t:a}=p.useTranslation(),[i,l]=n.useSearchParams(),c=i.get("lang"),g=n.useIsLanguagePageCreated(c),{setSelectedLang:u}=t.useLanguages(),d=()=>{const r=new URLSearchParams(window.location.search);r.delete("lang");const o=r.toString(),h=`${window.location.pathname}${o?`?${o}`:""}`;window.history.pushState({},"",h),l(r),u(""),window.dispatchEvent(new PopStateEvent("popstate"))};if(g)return null;const s=w.get(n.LANGUAGES,c);return e.jsx(n.BlurContainer,{children:e.jsxs(t.Card,{className:"mx-auto w-full max-w-md",children:[e.jsx(t.CardHeader,{className:"space-y-1",children:e.jsxs(t.CardTitle,{className:"flex items-center gap-2 text-2xl",children:[e.jsx(x.LockIcon,{className:"h-6 w-6 text-yellow-500"}),a("Page missing for"),' "',s,'" ',a("language"),"."]})}),e.jsx(t.CardContent,{className:"grid gap-4",children:e.jsxs("div",{children:[a("Page is not available in the"),' "',s,'" ',a("language. Either create the page in the"),' "',s,'"',a("language or switch to the base language.")]})}),e.jsx(t.CardFooter,{children:e.jsx(m.Button,{onClick:d,className:"w-full",variant:"destructive",children:a("Switch to default language")})})]})})};exports.default=P;

package/dist/{no-language-page-dialog-PjNqTUpl.js → no-language-page-dialog-CRPMr9YT.js}

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as g, d as n } from "./index-ZuacEL1j.js";
+import { c as g, d as n } from "./index-CA1OwKJX.js";
 import { Suspense as s, lazy as t } from "react";
-const o = t(() => import("./no-language-page-content-BvqRBP6y.js")), l = () => {
+const o = t(() => import("./no-language-page-content-Bg6VjMVY.js")), l = () => {
   const [e] = g(), r = e.get("lang");
   return n(r) ? null : /* @__PURE__ */ a(s, { children: /* @__PURE__ */ a(o, {}) });
 };

package/dist/{no-language-page-dialog-BcEoqyQB.cjs → no-language-page-dialog-TffLjvJn.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-WQwzsC7A.cjs"),n=require("react"),t=n.lazy(()=>Promise.resolve().then(()=>require("./no-language-page-content-DkfeMl90.cjs"))),g=()=>{const[r]=a.useSearchParams(),s=r.get("lang");return a.useIsLanguagePageCreated(s)?null:e.jsx(n.Suspense,{children:e.jsx(t,{})})};exports.default=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-Bzn_gpaK.cjs"),n=require("react"),t=n.lazy(()=>Promise.resolve().then(()=>require("./no-language-page-content-Bkj8JpEY.cjs"))),g=()=>{const[r]=a.useSearchParams(),s=r.get("lang");return a.useIsLanguagePageCreated(s)?null:e.jsx(n.Suspense,{children:e.jsx(t,{})})};exports.default=g;