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

package/dist/manage-design-tokens-lP4HLS0P.js

@@ -0,0 +1,240 @@
+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-S8ibZk9Q.js";
+import { D as ee } from "./apply-binding-6iwlED02.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";
+import { useState as g, useRef as le, useMemo as ce, useEffect as de, useCallback as me, Suspense as R, lazy as M } from "react";
+import { useTranslation as ue } from "react-i18next";
+import { toast as N } from "sonner";
+import { twMerge as he } from "tailwind-merge";
+const S = (n) => {
+  const s = n.trim();
+  return s.length === 0 || s.length > 25 ? !1 : /^[a-zA-Z0-9]+(-[a-zA-Z0-9]+)*$/.test(s);
+}, fe = (n, s, o, d = !1, i) => {
+  const m = n.trim();
+  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-Cd1ZDtqT.js")), pe = M(() => import("./design-token-usage-DE4XCDdn.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 })
+  ] }),
+  /* @__PURE__ */ a("div", { className: "absolute right-1 top-1 flex flex-shrink-0 items-center opacity-0 transition-opacity duration-150 group-hover:opacity-100", children: [
+    /* @__PURE__ */ e(R, { fallback: null, children: /* @__PURE__ */ e(pe, { tokenId: n, tokenName: s.name, children: /* @__PURE__ */ e(
+      u,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "h-6 w-6 rounded-full p-0 hover:bg-primary/10 hover:text-primary",
+        children: /* @__PURE__ */ e(se, { className: "h-3 w-3" })
+      }
+    ) }) }),
+    /* @__PURE__ */ e(
+      u,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: () => d(n),
+        disabled: o,
+        className: "h-6 w-6 rounded-full p-0 hover:bg-primary/10 hover:text-primary",
+        children: /* @__PURE__ */ e(re, { className: "h-3 w-3" })
+      }
+    ),
+    /* @__PURE__ */ e(R, { fallback: null, children: /* @__PURE__ */ e(ge, { tokenName: s.name, tokenValue: s.value, onDelete: () => i(n), children: /* @__PURE__ */ e(
+      u,
+      {
+        variant: "ghost",
+        size: "sm",
+        disabled: o,
+        className: "h-6 w-6 rounded-full p-0 hover:bg-destructive/10",
+        children: /* @__PURE__ */ e(ae, { className: "h-3 w-3 text-destructive" })
+      }
+    ) }) })
+  ] })
+] }), 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(
+    ([, t]) => t.name.toLowerCase().includes(w.toLowerCase()) || t.value.toLowerCase().includes(w.toLowerCase())
+  ), [s, w]);
+  de(() => () => {
+    f.current && clearTimeout(f.current);
+  }, []);
+  const j = me(
+    (t, r) => {
+      !p || i !== "edit" || !t.trim() || !r.trim() || !S(t) || Object.entries(s).find(
+        ([x, U]) => U.name === t.trim() && x !== p
+      ) || (C(!0), f.current && clearTimeout(f.current), f.current = setTimeout(() => {
+        const x = {
+          ...s,
+          [p]: {
+            name: t.trim(),
+            value: r.trim()
+          }
+        };
+        o(x), d(), C(!1);
+      }, 250));
+    },
+    [p, i, s, o, d]
+  ), F = () => {
+    if (!l.trim() || !h.trim()) {
+      N.error(n("Please fill in both token name and classes"));
+      return;
+    }
+    if (!S(l)) {
+      N.error(n("Invalid design token name format"));
+      return;
+    }
+    if (Object.values(s).find((x) => x.name === l.trim())) {
+      N.error(n("Token already exists"));
+      return;
+    }
+    const r = `${ee}${ie(12)}`, c = {
+      ...s,
+      [r]: {
+        name: l.trim(),
+        value: h.trim()
+      }
+    };
+    o(c), d(), N.success(n("Token added successfully")), A();
+  }, V = (t) => {
+    const r = { ...s };
+    delete r[t], o(r), d(), N.success(n("Token deleted successfully"));
+  }, W = (t) => {
+    const r = s[t];
+    r && (k(t), v(r.name), b(r.value), y(""), m("edit"));
+  }, I = () => {
+    k(null), v(""), b(""), y(""), m("add");
+  }, A = () => {
+    f.current && clearTimeout(f.current), k(null), v(""), b(""), y(""), C(!1), m("view");
+  }, Z = (t) => {
+    const r = xe(t);
+    v(r);
+    const c = fe(r, s, n, i === "edit", p || void 0);
+    y(c), i === "edit" && !c && j(r, h);
+  }, E = (t) => {
+    b(t), i === "edit" && !T && l.trim() && j(l, t);
+  }, $ = (t) => {
+    const r = J(Y(he(h, t)));
+    E(r);
+  }, G = (t) => {
+    const r = h.split(" ").filter((c) => c !== t).join(" ");
+    E(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: [
+      /* @__PURE__ */ a("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ e(L, { className: "absolute left-2 top-1/2 h-3 w-3 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ e(
+          z,
+          {
+            placeholder: n("Search tokens"),
+            value: w,
+            onChange: (t) => P(t.target.value),
+            className: "h-6 pl-7 text-xs"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(
+        u,
+        {
+          variant: "outline",
+          onClick: I,
+          size: "sm",
+          className: "h-6 border-primary text-xs text-primary hover:bg-primary/10 hover:text-primary",
+          children: [
+            /* @__PURE__ */ e(O, { className: "h-3 w-3" }),
+            n("Add")
+          ]
+        }
+      )
+    ] }),
+    /* @__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: [
+      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__ */ e(O, { className: "mr-1 h-3 w-3" }),
+          n("Add first design token")
+        ] })
+      ] }) : D.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", children: /* @__PURE__ */ e(L, { className: "h-10 w-10 text-muted-foreground" }) }),
+        /* @__PURE__ */ e("p", { className: "mb-1 text-sm font-medium text-foreground", children: n("No tokens found") }),
+        /* @__PURE__ */ e("p", { className: "text-center text-xs text-muted-foreground", children: n("No design tokens match your search") })
+      ] }) : D.map(([t, r]) => /* @__PURE__ */ e(
+        ve,
+        {
+          token: r,
+          tokenId: t,
+          onEdit: W,
+          onDelete: V,
+          isDisabled: !1
+        },
+        t
+      )),
+      /* @__PURE__ */ e("div", { className: "h-44" })
+    ] }) }) })
+  ] }) : (() => {
+    const t = i === "edit", r = n(t ? "Edit Design Token" : "Add Design Token"), c = n(t ? "Update design token. Auto-saved." : "Create a reusable design token");
+    return /* @__PURE__ */ a("div", { className: "flex h-full flex-col", children: [
+      /* @__PURE__ */ a("div", { className: "mb-3 flex items-center gap-2 rounded-md border border-border/50 bg-muted p-1.5", children: [
+        /* @__PURE__ */ e(
+          u,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: A,
+            className: "h-6 w-6 rounded-full p-0 hover:bg-muted",
+            children: /* @__PURE__ */ e(ne, { className: "h-3 w-3" })
+          }
+        ),
+        /* @__PURE__ */ a("div", { className: "flex-1", children: [
+          /* @__PURE__ */ e("h3", { className: "text-xs font-semibold text-foreground", children: r }),
+          /* @__PURE__ */ e("p", { className: "text-[10px] text-muted-foreground", children: c })
+        ] }),
+        t && B && /* @__PURE__ */ e("div", { className: "flex items-center gap-1 text-[10px] text-muted-foreground", children: /* @__PURE__ */ e("div", { className: "h-1.5 w-1.5 animate-pulse rounded-full bg-primary" }) })
+      ] }),
+      /* @__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(
+            z,
+            {
+              id: "token-name",
+              placeholder: "Button-Primary",
+              value: l,
+              onChange: (x) => Z(x.target.value),
+              className: "h-7 text-xs"
+            }
+          ),
+          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,
+          {
+            from: "designToken",
+            classFromProps: h,
+            onAddNew: $,
+            onRemove: G
+          }
+        ),
+        !t && /* @__PURE__ */ a("div", { className: "mt-3 flex items-center justify-end gap-2 pt-3", children: [
+          /* @__PURE__ */ e(u, { variant: "outline", onClick: A, className: "h-7 text-xs", children: n("Cancel") }),
+          /* @__PURE__ */ e(
+            u,
+            {
+              onClick: F,
+              disabled: !l.trim() || !h.trim() || !!T,
+              className: "h-7 text-xs",
+              children: n("Add Token")
+            }
+          )
+        ] })
+      ] })
+    ] });
+  })() });
+};
+export {
+  ze as default
+};

package/dist/mark-as-template-DYRxre1f.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-CnSjWE1P.cjs"),b=require("./index-CbwxUFy_.cjs"),y=require("lodash-es"),d=require("lucide-react"),l=require("react"),M=require("react-i18next"),w=require("sonner"),q=1*1024*1024,A=({page:r,onClose:m})=>{const{t:s}=M.useTranslation(),[g,u]=l.useState(!1),[f,k]=l.useState(""),[c,j]=l.useState(""),[N,p]=l.useState(!1),i=l.useRef(null),I=b.useMarkAsTemplate(),{data:x}=b.usePageTypes(),h=x==null?void 0:x.find(t=>t.key===r.pageType),T=(h==null?void 0:h.name)||y.startCase(r.pageType),C=l.useCallback(t=>{var v;const o=(v=t.target.files)==null?void 0:v[0];if(o){if(o.size>q){w.toast.error(s("File too large"),{description:`${s("Maximum file size is 1MB. Selected file is")} ${(o.size/1024).toFixed(2)}KB.`}),i.current&&(i.current.value="");return}try{p(!0);const n=new FileReader;n.onloadend=()=>{j(n.result),p(!1)},n.readAsDataURL(o)}catch(n){console.error("Error reading file:",n),p(!1),w.toast.error(s("Failed to process image"),{description:n instanceof Error?n.message:s("Unknown error")})}}},[s]),D=()=>{j(""),i.current&&(i.current.value="")},F=()=>{var t;(t=i.current)==null||t.click()},S=()=>{u(!0),I.mutate({page:r,name:r.name,description:f.trim()||void 0,pageType:r.pageType,...c?{previewImage:c}:{}},{onSuccess:()=>{u(!1),m()},onError:()=>{u(!1)}})};return e.jsx(a.Dialog,{open:!0,onOpenChange:m,children:e.jsxs(a.DialogContent,{children:[e.jsxs(a.DialogHeader,{children:[e.jsx(a.DialogTitle,{children:s("Mark as template")}),e.jsxs(a.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(d.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:y.startCase(r.name)})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(d.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:T})]})]}),e.jsxs("div",{children:[e.jsx(a.Label,{htmlFor:"description",className:"text-xs font-medium",children:s("Description (Optional)")}),e.jsx(a.Textarea,{id:"description",placeholder:s("Describe this template's purpose"),className:"mt-1 h-24 resize-none text-xs",value:f,onChange:t=>k(t.target.value)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.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(a.Input,{type:"file",id:"previewImage",ref:i,onChange:C,accept:"image/*",className:"hidden"}),e.jsx(a.Button,{type:"button",variant:"outline",onClick:F,disabled:N,className:"w-full",children:N?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(d.ImageIcon,{className:"h-4 w-4"}),s("Select image")]})}),c&&e.jsx(a.Button,{type:"button",variant:"outline",size:"icon",onClick:D,children:e.jsx(d.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(a.DialogFooter,{className:g?"pointer-events-none opacity-75":"",children:[e.jsx(a.Button,{variant:"outline",onClick:t=>{t.stopPropagation(),m()},children:s("Cancel")}),e.jsx(a.Button,{variant:"default",disabled:g,onClick:S,children:s("Mark as template")})]})]})})};exports.default=A;

package/dist/mark-as-template-jncsjfHm.js

@@ -0,0 +1,156 @@
+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-S8ibZk9Q.js";
+import { q as j, m as O } from "./index-BDnwJqMw.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 { 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(
+    (s) => {
+      var b;
+      const o = (b = s.target.files) == null ? void 0 : b[0];
+      if (o) {
+        if (o.size > G) {
+          k.error(a("File too large"), {
+            description: `${a("Maximum file size is 1MB. Selected file is")} ${(o.size / 1024).toFixed(2)}KB.`
+          }), i.current && (i.current.value = "");
+          return;
+        }
+        try {
+          u(!0);
+          const r = new FileReader();
+          r.onloadend = () => {
+            N(r.result), u(!1);
+          }, r.readAsDataURL(o);
+        } catch (r) {
+          console.error("Error reading file:", r), u(!1), k.error(a("Failed to process image"), {
+            description: r instanceof Error ? r.message : a("Unknown error")
+          });
+        }
+      }
+    },
+    [a]
+  ), F = () => {
+    N(""), i.current && (i.current.value = "");
+  }, M = () => {
+    var s;
+    (s = i.current) == null || s.click();
+  }, A = () => {
+    p(!0), T.mutate(
+      {
+        page: n,
+        name: n.name,
+        description: x.trim() || void 0,
+        pageType: n.pageType,
+        ...l ? { previewImage: l } : {}
+      },
+      {
+        onSuccess: () => {
+          p(!1), m();
+        },
+        onError: () => {
+          p(!1);
+        }
+      }
+    );
+  };
+  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: [
+        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.")
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "mb-4 space-y-4 text-xs", children: [
+      /* @__PURE__ */ t("div", { className: "space-y-3 rounded border bg-slate-50 p-4", children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(q, { className: "h-4 w-4 text-slate-500" }),
+          /* @__PURE__ */ t("span", { className: "font-medium text-slate-500", children: [
+            a("Page Name"),
+            ":"
+          ] }),
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: y(n.name) })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(X, { className: "h-4 w-4 text-slate-500" }),
+          /* @__PURE__ */ t("span", { className: "font-medium text-slate-500", children: [
+            a("Type"),
+            ":"
+          ] }),
+          /* @__PURE__ */ e("span", { className: "font-semibold", children: C })
+        ] })
+      ] }),
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e(w, { htmlFor: "description", className: "text-xs font-medium", children: a("Description (Optional)") }),
+        /* @__PURE__ */ e(
+          S,
+          {
+            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)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(w, { htmlFor: "previewImage", className: "text-xs font-medium", children: a("Preview Image (Optional)") }),
+        /* @__PURE__ */ t("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(
+              U,
+              {
+                type: "file",
+                id: "previewImage",
+                ref: i,
+                onChange: D,
+                accept: "image/*",
+                className: "hidden"
+              }
+            ),
+            /* @__PURE__ */ e(
+              c,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: M,
+                disabled: v,
+                className: "w-full",
+                children: v ? /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ e("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
+                  a("Uploading...")
+                ] }) : /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ e(_, { className: "h-4 w-4" }),
+                  a("Select image")
+                ] })
+              }
+            ),
+            l && /* @__PURE__ */ e(c, { type: "button", variant: "outline", size: "icon", onClick: F, children: /* @__PURE__ */ e($, { className: "h-4 w-4" }) })
+          ] }),
+          l && /* @__PURE__ */ e("div", { className: "aspect-video overflow-hidden rounded-md border", children: /* @__PURE__ */ e("img", { src: l, alt: a("Preview"), className: "h-full max-h-[200px] w-full object-contain" }) }),
+          /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: a("max 1mb") })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(R, { className: g ? "pointer-events-none opacity-75" : "", children: [
+      /* @__PURE__ */ e(
+        c,
+        {
+          variant: "outline",
+          onClick: (s) => {
+            s.stopPropagation(), m();
+          },
+          children: a("Cancel")
+        }
+      ),
+      /* @__PURE__ */ e(c, { variant: "default", disabled: g, onClick: A, children: a("Mark as template") })
+    ] })
+  ] }) });
+};
+export {
+  se as default
+};

package/dist/models-5gOsRC56.cjs

@@ -0,0 +1 @@
+"use strict";const i=[{id:"google/gemini-2.5-flash",name:"Gemini 2.5 Flash",provider:"google",description:"0.5x Credits",multiplier:.5},{id:"google/gemini-2.5-pro",name:"Gemini 2.5 Pro",provider:"google",description:"1.25x Credits",multiplier:1.25},{id:"google/gemini-3-flash",name:"Gemini 3 Flash",provider:"google",description:"1x Credits",multiplier:1},{id:"google/gemini-3-pro",name:"Gemini 3 Pro",provider:"google",description:"2.5x Credits",multiplier:2.5},{id:"openai/gpt-5",name:"GPT-5",provider:"openai",description:"2x Credits",multiplier:2},{id:"anthropic/claude-haiku-4.5",name:"Claude Haiku 4.5",provider:"anthropic",description:"1x Credits",multiplier:1},{id:"anthropic/claude-sonnet-4",name:"Claude Sonnet 4",provider:"anthropic",description:"3x Credits",multiplier:3},{id:"anthropic/claude-sonnet-4.5",name:"Claude Sonnet 4.5",provider:"anthropic",description:"3x Credits",multiplier:3},{id:"openai/gpt-4.1",name:"GPT-4.1",provider:"openai",description:"2x Credits",multiplier:2}],o=e=>i.find(r=>r.id===e),t=()=>i[0];exports.AI_MODELS=i;exports.getDefaultModel=t;exports.getModelById=o;

package/dist/models-D95ZYr_x.js

@@ -0,0 +1,70 @@
+const i = [
+  {
+    id: "google/gemini-2.5-flash",
+    name: "Gemini 2.5 Flash",
+    provider: "google",
+    description: "0.5x Credits",
+    multiplier: 0.5
+  },
+  {
+    id: "google/gemini-2.5-pro",
+    name: "Gemini 2.5 Pro",
+    provider: "google",
+    description: "1.25x Credits",
+    multiplier: 1.25
+  },
+  {
+    id: "google/gemini-3-flash",
+    name: "Gemini 3 Flash",
+    provider: "google",
+    description: "1x Credits",
+    multiplier: 1
+  },
+  {
+    id: "google/gemini-3-pro",
+    name: "Gemini 3 Pro",
+    provider: "google",
+    description: "2.5x Credits",
+    multiplier: 2.5
+  },
+  {
+    id: "openai/gpt-5",
+    name: "GPT-5",
+    provider: "openai",
+    description: "2x Credits",
+    multiplier: 2
+  },
+  {
+    id: "anthropic/claude-haiku-4.5",
+    name: "Claude Haiku 4.5",
+    provider: "anthropic",
+    description: "1x Credits",
+    multiplier: 1
+  },
+  {
+    id: "anthropic/claude-sonnet-4",
+    name: "Claude Sonnet 4",
+    provider: "anthropic",
+    description: "3x Credits",
+    multiplier: 3
+  },
+  {
+    id: "anthropic/claude-sonnet-4.5",
+    name: "Claude Sonnet 4.5",
+    provider: "anthropic",
+    description: "3x Credits",
+    multiplier: 3
+  },
+  {
+    id: "openai/gpt-4.1",
+    name: "GPT-4.1",
+    provider: "openai",
+    description: "2x Credits",
+    multiplier: 2
+  }
+], o = (e) => i.find((r) => r.id === e), n = () => i[0];
+export {
+  i as A,
+  o as a,
+  n as g
+};

package/dist/nested-path-selector-content-B-8LqhXI.js

@@ -0,0 +1,87 @@
+import { jsx as c, jsxs as n } from "react/jsx-runtime";
+import { ChevronLeft as p, 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-S8ibZk9Q.js";
+function E({
+  data: o,
+  onSelect: u,
+  dataType: t = "value",
+  open: f,
+  setOpen: m
+}) {
+  const [s, i] = l.useState([]), [y, h] = l.useState(o);
+  l.useEffect(() => {
+    f || i([]), h(o);
+  }, [o, f]);
+  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));
+    },
+    [t, u, s, m]
+  ), C = l.useCallback(() => {
+    if (s.length > 0) {
+      const e = s.slice(0, -1);
+      i(e), h(e.reduce((r, a) => r[a], o));
+    }
+  }, [s, o]), v = 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..." }),
+    /* @__PURE__ */ n(
+      P,
+      {
+        onWheel: (e) => {
+          try {
+            e.preventDefault();
+            const r = e.currentTarget;
+            r.scrollTop += e.deltaY;
+          } catch {
+            e.preventDefault();
+          }
+        },
+        children: [
+          /* @__PURE__ */ c(S, { children: "No option found." }),
+          /* @__PURE__ */ n(w, { 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" }),
+              "Back"
+            ] }),
+            v.map((e) => /* @__PURE__ */ n(
+              d,
+              {
+                onSelect: () => j(e),
+                className: "flex items-center justify-between",
+                children: [
+                  /* @__PURE__ */ c("span", { children: e.key }),
+                  /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+                    t === "object" && e.type === "object" && /* @__PURE__ */ c(
+                      B,
+                      {
+                        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);
+                        },
+                        children: "Select"
+                      }
+                    ),
+                    (e.type === "object" || e.type === "array") && /* @__PURE__ */ c("div", { className: "cursor-pointer rounded p-1 hover:bg-muted", children: /* @__PURE__ */ c(g, { className: "h-4 w-4 opacity-50" }) })
+                  ] })
+                ]
+              },
+              e.key
+            ))
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+export {
+  E as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("lucide-react"),v=require("react"),s=require("./index-CnSjWE1P.cjs");function p(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=p(v);function C({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=a=>r==="value"?a==="value"||a==="object":r==="array"?a==="array":a===r;e.type==="object"?(f(a=>[...a,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,a)=>n[a],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(s.PopoverContent,{className:"z-[9999] w-[200px] p-0",children:t.jsxs(s.Command,{children:[t.jsx(s.CommandInput,{className:"border-none",placeholder:"Search..."}),t.jsxs(s.CommandList,{onWheel:e=>{try{e.preventDefault();const n=e.currentTarget;n.scrollTop+=e.deltaY}catch{e.preventDefault()}},children:[t.jsx(s.CommandEmpty,{children:"No option found."}),t.jsxs(s.CommandGroup,{children:[u.length>0&&t.jsxs(s.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(s.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(s.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=C;

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

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

package/dist/no-language-page-content-D_zd9Rb0.js

@@ -0,0 +1,42 @@
+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-S8ibZk9Q.js";
+import { c as S, d as L, L as x, B as N } from "./index-BDnwJqMw.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 n = new URLSearchParams(window.location.search);
+    n.delete("lang");
+    const o = n.toString(), m = `${window.location.pathname}${o ? `?${o}` : ""}`;
+    window.history.pushState({}, "", m), l(n), g(""), window.dispatchEvent(new PopStateEvent("popstate"));
+  };
+  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: [
+      /* @__PURE__ */ e(B, { className: "h-6 w-6 text-yellow-500" }),
+      a("Page missing for"),
+      ' "',
+      t,
+      '" ',
+      a("language"),
+      "."
+    ] }) }),
+    /* @__PURE__ */ e(f, { className: "grid gap-4", children: /* @__PURE__ */ s("div", { children: [
+      a("Page is not available in the"),
+      ' "',
+      t,
+      '" ',
+      a("language. Either create the page in the"),
+      ' "',
+      t,
+      '"',
+      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") }) })
+  ] }) });
+};
+export {
+  A as default
+};

package/dist/no-language-page-dialog-C5Ps6YYL.js

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

package/dist/no-language-page-dialog-fXmbQO7L.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index-CbwxUFy_.cjs"),n=require("react"),t=n.lazy(()=>Promise.resolve().then(()=>require("./no-language-page-content-DAbLq0gX.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;