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

package/dist/{page-creator-wCMtlE6Z.js → page-creator-Cc83uQqw.js}

@@ -1,29 +1,30 @@
 import { jsx as s, jsxs as l, Fragment as We } from "react/jsx-runtime";
-import { I as M, j as is, aG as ye, L as $, a9 as ee, aa as se, B as W, P as ae, C as le, k as ne, l as V, m as R, am as os, n as cs } from "./index-S8ibZk9Q.js";
-import { useState as y, useRef as us, useEffect as Ie, useMemo as B } from "react";
-import { r as te, S as ms, c as Oe } from "./slug-input-1qwKkXhA.js";
-import { isEmpty as $e, startCase as de, filter as hs, find as ge, groupBy as ps, pick as ds, set as P } from "lodash-es";
-import { ChevronDown as re, Search as ie, Check as U } from "lucide-react";
-import { ar as Re, as as Ue, A as oe, m as fs, at as gs, g as ys, h as vs, i as Ns, ay as Ss, L as bs } from "./index-BDnwJqMw.js";
-import { useQuery as ze } from "@tanstack/react-query";
+import { z as M, h as ye, B as W } from "./register-chai-top-bar-ESJHs5s-.js";
+import { j as os, L as z, a6 as ee, a7 as se, P as ae, C as le, k as ne, l as G, m as I, ai as cs, n as us } from "./index-rAcNbjk_.js";
+import { isEmpty as ze, startCase as de, filter as ms, find as ge, groupBy as hs, pick as ps, set as P } from "lodash-es";
+import { useState as y, useRef as ds, useEffect as Ie, useMemo as B, startTransition as Oe } from "react";
+import { r as te, S as fs, c as Be } from "./slug-input-DHLmUNrH.js";
+import { ChevronDown as re, Search as ie, Check as R } from "lucide-react";
+import { ar as Re, as as Ue, A as oe, m as gs, at as ys, g as vs, h as Ns, i as Ss, ay as bs, L as ws } from "./index-Dno42B0a.js";
+import { useQuery as _e } from "@tanstack/react-query";
 import { toast as E } from "sonner";
-import { g as Be } from "./get-seo-defaults-9zHebckY.js";
-function ws({
+import { g as $e } from "./get-seo-defaults-9zHebckY.js";
+function xs({
   value: a,
   onChange: o,
   placeholder: v = "Enter custom slug part",
   dynamicPattern: p,
   onValidationChange: i
 }) {
-  const [g, u] = y(null), m = us(null), [f, C] = y(p + a);
+  const [g, u] = y(null), m = ds(null), [f, C] = y(p + a);
   Ie(() => {
     C(p + a);
   }, [a, p]);
   const F = (S) => {
     const b = S.target.value;
     if (!b.startsWith(p)) {
-      const O = b.replace(p, ""), z = p + O;
-      C(z), o(O);
+      const O = b.replace(p, ""), U = p + O;
+      C(U), o(O);
       return;
     }
     const t = b.substring(p.length).replace(/\//g, "").replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-_.]/g, "-").replace(/-+/g, "-").replace(/^-+/, "").toLowerCase(), n = (t.match(/\./g) || []).length, d = n <= 1;
@@ -38,7 +39,7 @@ function ws({
         S.setSelectionRange(b, b);
       }, 0);
     }
-  }, I = (S) => {
+  }, $ = (S) => {
     const b = S.currentTarget;
     (b.selectionStart || 0) <= p.length && setTimeout(() => {
       const t = p.length;
@@ -57,7 +58,7 @@ function ws({
         value: f,
         onChange: F,
         onFocus: w,
-        onClick: I,
+        onClick: $,
         placeholder: v,
         className: g ? "border-red-500" : ""
       }
@@ -65,7 +66,7 @@ function ws({
     g && /* @__PURE__ */ s("div", { className: "mt-1 text-xs text-red-500", children: g })
   ] }) });
 }
-const ce = ({ children: a, onWheel: o, ...v }) => /* @__PURE__ */ s(is, { ...v, onWheel: (i) => {
+const ce = ({ children: a, onWheel: o, ...v }) => /* @__PURE__ */ s(os, { ...v, onWheel: (i) => {
   try {
     i.preventDefault();
     const g = i.currentTarget;
@@ -75,7 +76,7 @@ const ce = ({ children: a, onWheel: o, ...v }) => /* @__PURE__ */ s(is, { ...v,
   }
   o && o(i);
 }, children: a }), fe = (...a) => a.filter(Boolean).join(" ");
-function xs({
+function Cs({
   pages: a,
   selectedParentId: o,
   onChange: v,
@@ -85,7 +86,7 @@ function xs({
 }) {
   const [u, m] = y(!1), [f, C] = y(""), F = ye("enable-add-page-dropdown");
   F || (p = "w-full rounded-md border border-gray-300 px-3 py-2");
-  const w = B(() => !a || a.length === 0 ? [] : a.filter((d) => !$e(d.slug)).filter((d) => d.slug !== "/").sort((d, N) => d.slug.localeCompare(N.slug)), [a]), I = B(() => {
+  const w = B(() => !a || a.length === 0 ? [] : a.filter((d) => !ze(d.slug)).filter((d) => d.slug !== "/").sort((d, N) => d.slug.localeCompare(N.slug)), [a]), $ = B(() => {
     if (!f.trim()) return w;
     const n = f.toLowerCase();
     return w.filter(
@@ -105,7 +106,7 @@ function xs({
     return n ? `${n.name} (${h(n.slug)})` : "None";
   };
   return /* @__PURE__ */ l("div", { className: "space-y-0.5", children: [
-    /* @__PURE__ */ s($, { htmlFor: i, className: "text-sm", children: "Parent" }),
+    /* @__PURE__ */ s(z, { htmlFor: i, className: "text-sm", children: "Parent" }),
     F ? /* @__PURE__ */ l(ee, { open: u, onOpenChange: m, children: [
       /* @__PURE__ */ s(se, { asChild: !0, children: /* @__PURE__ */ l(
         W,
@@ -136,9 +137,9 @@ function xs({
         ] }) }) }),
         /* @__PURE__ */ l(ce, { className: "max-h-[300px] overflow-y-auto", children: [
           /* @__PURE__ */ s(ne, { children: "No pages found." }),
-          /* @__PURE__ */ l(V, { children: [
+          /* @__PURE__ */ l(G, { children: [
             /* @__PURE__ */ l(
-              R,
+              I,
               {
                 value: "none",
                 onSelect: () => {
@@ -147,11 +148,11 @@ function xs({
                 className: "flex cursor-pointer items-center justify-between",
                 children: [
                   /* @__PURE__ */ s("span", { children: "None" }),
-                  /* @__PURE__ */ s(U, { className: fe("mr-2 h-4 w-4", o ? "opacity-0" : "opacity-100") })
+                  /* @__PURE__ */ s(R, { className: fe("mr-2 h-4 w-4", o ? "opacity-0" : "opacity-100") })
                 ]
               }
             ),
-            I.map((n) => {
+            $.map((n) => {
               const d = b(S(n.slug)), N = h(n.slug), O = /* @__PURE__ */ l("span", { className: "flex items-center text-sm", children: [
                 d,
                 n.name,
@@ -162,7 +163,7 @@ function xs({
                 ] })
               ] });
               return /* @__PURE__ */ l(
-                R,
+                I,
                 {
                   value: n.id,
                   onSelect: () => {
@@ -172,7 +173,7 @@ function xs({
                   children: [
                     /* @__PURE__ */ s("span", { children: O }),
                     /* @__PURE__ */ s(
-                      U,
+                      R,
                       {
                         className: fe(
                           "mr-2 h-4 w-4 shrink-0",
@@ -213,7 +214,7 @@ function xs({
     )
   ] });
 }
-const Cs = (...a) => a.filter(Boolean).join(" "), ks = ({
+const ks = (...a) => a.filter(Boolean).join(" "), Ls = ({
   templates: a,
   selectedTemplateId: o,
   onSelectTemplate: v,
@@ -223,9 +224,9 @@ const Cs = (...a) => a.filter(Boolean).join(" "), ks = ({
   if (Ie(() => {
     if (o) {
       const h = a.find((t) => t.id === o);
-      g((h == null ? void 0 : h.preview) || "");
+      Oe(() => g((h == null ? void 0 : h.preview) || ""));
     } else
-      g("");
+      Oe(() => g(""));
   }, [o, a]), p)
     return /* @__PURE__ */ s("div", { className: "flex h-fit items-center justify-center text-sm text-gray-500", children: "Loading templates..." });
   if (a.length === 0)
@@ -235,7 +236,7 @@ const Cs = (...a) => a.filter(Boolean).join(" "), ks = ({
     const t = h.libraryName;
     w[t] || (w[t] = []), w[t].push(h);
   });
-  const I = Object.entries(w).reduce(
+  const $ = Object.entries(w).reduce(
     (h, [t, n]) => {
       const d = n.filter(
         (N) => N.name.toLowerCase().includes(f.toLowerCase()) || t.toLowerCase().includes(f.toLowerCase())
@@ -265,8 +266,8 @@ const Cs = (...a) => a.filter(Boolean).join(" "), ks = ({
         ] }) }),
         /* @__PURE__ */ l(ce, { className: "max-h-[300px] overflow-y-auto", children: [
           /* @__PURE__ */ s(ne, { children: "No templates found." }),
-          Object.entries(I).map(([h, t]) => /* @__PURE__ */ s(V, { heading: h, children: t.map((n) => /* @__PURE__ */ l(
-            R,
+          Object.entries($).map(([h, t]) => /* @__PURE__ */ s(G, { heading: h, children: t.map((n) => /* @__PURE__ */ l(
+            I,
             {
               value: n.id,
               onSelect: () => {
@@ -276,9 +277,9 @@ const Cs = (...a) => a.filter(Boolean).join(" "), ks = ({
               children: [
                 de(n.name),
                 /* @__PURE__ */ s(
-                  U,
+                  R,
                   {
-                    className: Cs(
+                    className: ks(
                       "mr-2 h-4 w-4",
                       o === n.id ? "opacity-100" : "opacity-0"
                     )
@@ -307,16 +308,16 @@ const Cs = (...a) => a.filter(Boolean).join(" "), ks = ({
       /* @__PURE__ */ s("div", { className: "border-t bg-gray-50 p-2 text-xs text-gray-500", children: "Template preview" })
     ] })
   ] });
-}, Ls = () => {
+}, Ts = () => {
   const a = Re(), o = Ue();
-  return ze({
+  return _e({
     queryKey: [oe.GET_LIBRARIES],
     staleTime: "static",
     queryFn: async () => await o(a, { action: oe.GET_LIBRARIES }) || []
   });
-}, Ts = (a) => {
+}, js = (a) => {
   const o = Re(), v = Ue();
-  return ze({
+  return _e({
     queryKey: [oe.GET_TEMPLATES_BY_TYPE, a],
     staleTime: "static",
     enabled: !!a,
@@ -325,41 +326,41 @@ const Cs = (...a) => a.filter(Boolean).join(" "), ks = ({
         action: oe.GET_TEMPLATES_BY_TYPE,
         data: { pageType: a }
       });
-      return (a ? hs(p, { pageType: a }) : p) || [];
+      return (a ? ms(p, { pageType: a }) : p) || [];
     }
   });
-}, js = (a) => {
-  const { data: o = [], isLoading: v } = Ts(a), { data: p = [], isLoading: i } = Ls(), g = B(() => v || i ? [] : o.map((m) => {
+}, Ds = (a) => {
+  const { data: o = [], isLoading: v } = js(a), { data: p = [], isLoading: i } = Ts(), g = B(() => v || i ? [] : o.map((m) => {
     const f = ge(p, { id: m.library });
     return {
       ...m,
       libraryName: (f == null ? void 0 : f.type) !== "shared" ? "Site Library" : (f == null ? void 0 : f.name) + " Library",
       libraryType: f == null ? void 0 : f.type
     };
-  }), [o, p, v, i]), u = B(() => ps(g, "libraryName"), [g]);
+  }), [o, p, v, i]), u = B(() => hs(g, "libraryName"), [g]);
   return {
     data: g,
     groupedData: u,
     isLoading: v || i
   };
-}, G = (...a) => a.filter(Boolean).join(" ");
-function zs({ addEditPage: a, close: o, closePanel: v }) {
+}, V = (...a) => a.filter(Boolean).join(" ");
+function qs({ addEditPage: a, close: o, closePanel: v }) {
   var Ae, Fe;
-  const { data: p } = fs(), i = B(() => p ?? [], [p]), g = gs(), u = !!(a != null && a.id), { data: m } = ys(), { mutate: f, isPending: C } = vs(), { mutate: F, isPending: w } = Ns(), [I, S] = y(null), [b, h] = y(!0), [t, n] = y((a == null ? void 0 : a.pageType) ?? "page"), { hasPermission: d } = os(), N = d(Ss.CHANGE_PAGE_TYPE), [O, z] = y(!1), [_e, qe] = y(""), { selectedLang: Ge, fallbackLang: Ve } = cs(), ve = Ge || Ve, [Y, Z] = y(""), [Ne, H] = y(!1), Se = B(() => {
+  const { data: p } = gs(), i = B(() => p ?? [], [p]), g = ys(), u = !!(a != null && a.id), { data: m } = vs(), { mutate: f, isPending: C } = Ns(), { mutate: F, isPending: w } = Ss(), [$, S] = y(null), [b, h] = y(!0), [t, n] = y((a == null ? void 0 : a.pageType) ?? "page"), { hasPermission: d } = cs(), N = d(bs.CHANGE_PAGE_TYPE), [O, U] = y(!1), [qe, Ve] = y(""), { selectedLang: Ge, fallbackLang: Me } = us(), ve = Ge || Me, [Y, Z] = y(""), [Ne, H] = y(!1), Se = B(() => {
     const e = i.find((c) => c.key === t);
     return (e == null ? void 0 : e.hasSlug) === !1;
-  }, [t, i]), [k, Me] = y((a == null ? void 0 : a.parent) ?? ""), [_, be] = y((a == null ? void 0 : a.name) ?? ""), [T, we] = y((a == null ? void 0 : a.dynamic) ?? !1), [j, K] = y(T ? "" : ((a == null ? void 0 : a.slug) ?? "").split("/").pop() || ""), [xe, Ce] = y((a == null ? void 0 : a.dynamicSlugCustom) ?? ""), [ke, Ye] = y(!0), [Qe, ue] = y(!1), [me, He] = y(""), { data: Le, isLoading: Ke } = js(t), Q = C || w, Te = ye("enable-add-page-dropdown"), he = B(() => !u || !(a != null && a.id) || !m ? null : m.find((e) => e.id === a.id), [u, a == null ? void 0 : a.id, m]), Ze = (he == null ? void 0 : he.online) || !1, Je = B(() => !u || !(a != null && a.id) || !m ? !1 : m.some((e) => e.parent === a.id), [u, a == null ? void 0 : a.id, m]), r = i.find((e) => e.key === t), q = (e) => {
+  }, [t, i]), [k, Ye] = y((a == null ? void 0 : a.parent) ?? ""), [_, be] = y((a == null ? void 0 : a.name) ?? ""), [T, we] = y((a == null ? void 0 : a.dynamic) ?? !1), [j, K] = y(T ? "" : ((a == null ? void 0 : a.slug) ?? "").split("/").pop() || ""), [xe, Ce] = y((a == null ? void 0 : a.dynamicSlugCustom) ?? ""), [ke, Qe] = y(!0), [He, ue] = y(!1), [me, Ke] = y(""), { data: Le, isLoading: Ze } = Ds(t), Q = C || w, Te = ye("enable-add-page-dropdown"), he = B(() => !u || !(a != null && a.id) || !m ? null : m.find((e) => e.id === a.id), [u, a == null ? void 0 : a.id, m]), Je = (he == null ? void 0 : he.online) || !1, Xe = B(() => !u || !(a != null && a.id) || !m ? !1 : m.some((e) => e.parent === a.id), [u, a == null ? void 0 : a.id, m]), r = i.find((e) => e.key === t), q = (e) => {
     if (u && t !== e) {
-      qe(e), z(!0), Z(""), H(!1);
+      Ve(e), U(!0), Z(""), H(!1);
       return;
     }
     n(e), Z(""), H(!1);
   }, je = () => {
-    n(_e), z(!1), we(!1);
-  }, Xe = (e) => {
-    we(e), e ? K("") : Ce("");
+    n(qe), U(!1), we(!1);
   }, Pe = (e) => {
-    if (Me(e), e && e !== "none") {
+    we(e), e ? K("") : Ce("");
+  }, Ee = (e) => {
+    if (Ye(e), e && e !== "none") {
       const c = m == null ? void 0 : m.find((x) => x.id === e), D = (c == null ? void 0 : c.slug) || "";
       if (j.startsWith(D)) {
         const x = j.slice(D.length).replace(/^\/+/, "");
@@ -368,9 +369,9 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
         K(j.replace(/^\/+/, ""));
     } else
       K(j ? `${j}` : "");
-  }, Ee = (e) => {
-    He(e);
-  }, es = () => _.trim() ? T && !$e(j) ? (S("Slug must be empty when using dynamic slug"), !1) : T && !ke ? (S("Dynamic slug is invalid"), !1) : !0 : (E.error("Name is required"), !1), ss = () => {
+  }, es = (e) => {
+    Ke(e);
+  }, ss = () => _.trim() ? T && !ze(j) ? (S("Slug must be empty when using dynamic slug"), !1) : T && !ke ? (S("Dynamic slug is invalid"), !1) : !0 : (E.error("Name is required"), !1), as = () => {
     const e = {
       pageType: r == null ? void 0 : r.key,
       name: _,
@@ -389,13 +390,13 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
         o(), g(c.page.id, v);
       }
     });
-  }, as = (e, c) => {
+  }, ls = (e, c) => {
     if (!e.trim() && !T)
       return S("Child page slug is required"), !1;
-    const D = te(c), x = Oe(D, e);
-    return Object.keys(bs).some((X) => x === `/${X}` || (x == null ? void 0 : x.startsWith(`/${X}/`))) ? (S("Slugs cannot start with a language code for primary page"), !1) : !0;
-  }, ls = (e, c) => {
-    const D = te(c), x = Oe(D, e), L = {
+    const D = te(c), x = Be(D, e);
+    return Object.keys(ws).some((X) => x === `/${X}` || (x == null ? void 0 : x.startsWith(`/${X}/`))) ? (S("Slugs cannot start with a language code for primary page"), !1) : !0;
+  }, ns = (e, c) => {
+    const D = te(c), x = Be(D, e), L = {
       pageType: t,
       name: _,
       slug: x.replace(/\/$/, ""),
@@ -409,7 +410,7 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
       jsonLD: {}
     };
     if (T && (L.dynamicSlugCustom = xe), u) {
-      const A = ds(L, ["pageType", "parent", "name", "slug", "dynamic", "dynamicSlugCustom"]);
+      const A = ps(L, ["pageType", "parent", "name", "slug", "dynamic", "dynamicSlugCustom"]);
       F(
         { id: a == null ? void 0 : a.id, ...A },
         {
@@ -421,14 +422,14 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
     } else {
       const A = ge(i, { key: t });
       A != null && A.trackingDefault && (L.tracking = A.trackingDefault);
-      const { seo: X, jsonLD: ts } = Be(A, ve);
-      P(L, "seo", X), P(L, "jsonLD", ts), f(L, {
-        onSuccess: (rs) => {
-          o(), g(rs.page.id, v);
+      const { seo: X, jsonLD: rs } = $e(A, ve);
+      P(L, "seo", X), P(L, "jsonLD", rs), f(L, {
+        onSuccess: (is) => {
+          o(), g(is.page.id, v);
         }
       });
     }
-  }, ns = () => {
+  }, ts = () => {
     const e = {
       pageType: t,
       name: _,
@@ -449,7 +450,7 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
     else {
       const c = ge(i, { key: t });
       c != null && c.trackingDefault && (e.tracking = c.trackingDefault);
-      const { seo: D, jsonLD: x } = Be(c, ve);
+      const { seo: D, jsonLD: x } = $e(c, ve);
       P(e, "seo", D), P(e, "jsonLD", x), f(e, {
         onSuccess: (L) => {
           var A;
@@ -458,18 +459,18 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
       });
     }
   }, De = (e) => {
-    if (e.preventDefault(), S(null), !!es()) {
+    if (e.preventDefault(), S(null), !!ss()) {
       if (!(r != null && r.hasSlug)) {
-        ss();
+        as();
         return;
       }
       if (k && k !== "none") {
         const c = m == null ? void 0 : m.find((x) => x.id === k), D = (c == null ? void 0 : c.slug) || "";
-        if (!as(j, D))
+        if (!ls(j, D))
           return;
-        ls(j, D);
+        ns(j, D);
       } else
-        ns();
+        ts();
     }
   }, { pagesType: pe, partialsType: J } = B(() => {
     const e = (c) => Y ? c.name.toLowerCase().includes(Y.toLowerCase()) || c.key.toLowerCase().includes(Y.toLowerCase()) : !0;
@@ -480,7 +481,7 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
   }, [i, Y]);
   return r != null && r.hasSlug ? /* @__PURE__ */ l("form", { onSubmit: De, className: "mx-auto w-full max-w-md space-y-4", children: [
     /* @__PURE__ */ l("div", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ s($, { htmlFor: "pageType", className: "text-sm", children: "Type" }),
+      /* @__PURE__ */ s(z, { htmlFor: "pageType", className: "text-sm", children: "Type" }),
       Te ? /* @__PURE__ */ l(ee, { open: Ne, onOpenChange: H, children: [
         /* @__PURE__ */ s(se, { asChild: !0, children: /* @__PURE__ */ l(
           W,
@@ -488,7 +489,7 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
             variant: "outline",
             role: "combobox",
             disabled: u && !N,
-            className: G(
+            className: V(
               "w-full justify-between",
               u && !N ? "cursor-not-allowed text-gray-500" : ""
             ),
@@ -513,8 +514,8 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
           ] }) }),
           /* @__PURE__ */ l(ce, { className: "overflow-y-auto", children: [
             /* @__PURE__ */ s(ne, { children: "No page type found." }),
-            u ? Se ? /* @__PURE__ */ s(V, { heading: "Partials", children: J.map((e) => /* @__PURE__ */ l(
-              R,
+            u ? Se ? /* @__PURE__ */ s(G, { heading: "Partials", children: J.map((e) => /* @__PURE__ */ l(
+              I,
               {
                 value: e.key,
                 onSelect: () => q(e.key),
@@ -522,16 +523,16 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
                 children: [
                   e.name,
                   /* @__PURE__ */ s(
-                    U,
+                    R,
                     {
-                      className: G("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0")
+                      className: V("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0")
                     }
                   )
                 ]
               },
               e.key
-            )) }) : /* @__PURE__ */ s(V, { heading: "Pages", children: pe.map((e) => /* @__PURE__ */ l(
-              R,
+            )) }) : /* @__PURE__ */ s(G, { heading: "Pages", children: pe.map((e) => /* @__PURE__ */ l(
+              I,
               {
                 value: e.key,
                 onSelect: () => q(e.key),
@@ -539,17 +540,17 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
                 children: [
                   e.name,
                   /* @__PURE__ */ s(
-                    U,
+                    R,
                     {
-                      className: G("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0")
+                      className: V("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0")
                     }
                   )
                 ]
               },
               e.key
             )) }) : /* @__PURE__ */ l(We, { children: [
-              pe.length > 0 && /* @__PURE__ */ s(V, { heading: "Pages", children: pe.map((e) => /* @__PURE__ */ l(
-                R,
+              pe.length > 0 && /* @__PURE__ */ s(G, { heading: "Pages", children: pe.map((e) => /* @__PURE__ */ l(
+                I,
                 {
                   value: e.key,
                   onSelect: () => q(e.key),
@@ -557,17 +558,17 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
                   children: [
                     e.name,
                     /* @__PURE__ */ s(
-                      U,
+                      R,
                       {
-                        className: G("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0")
+                        className: V("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0")
                       }
                     )
                   ]
                 },
                 e.key
               )) }),
-              J.length > 0 && /* @__PURE__ */ s(V, { heading: "Partials", children: J.map((e) => /* @__PURE__ */ l(
-                R,
+              J.length > 0 && /* @__PURE__ */ s(G, { heading: "Partials", children: J.map((e) => /* @__PURE__ */ l(
+                I,
                 {
                   value: e.key,
                   onSelect: () => q(e.key),
@@ -575,9 +576,9 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
                   children: [
                     e.name,
                     /* @__PURE__ */ s(
-                      U,
+                      R,
                       {
-                        className: G("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0")
+                        className: V("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0")
                       }
                     )
                   ]
@@ -604,34 +605,34 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
       O && /* @__PURE__ */ l("div", { className: "mt-2 rounded-md border border-yellow-200 bg-yellow-50 p-3", children: [
         /* @__PURE__ */ s("p", { className: "text-sm text-yellow-800", children: "Changing the page type may impact the page data. Are you sure you want to proceed?" }),
         /* @__PURE__ */ l("div", { className: "mt-2 flex gap-2", children: [
-          /* @__PURE__ */ s(W, { variant: "outline", size: "sm", onClick: () => z(!1), children: "Cancel" }),
+          /* @__PURE__ */ s(W, { variant: "outline", size: "sm", onClick: () => U(!1), children: "Cancel" }),
           /* @__PURE__ */ s(W, { variant: "default", size: "sm", onClick: je, children: "Confirm" })
         ] })
       ] })
     ] }),
     !u && (r == null ? void 0 : r.hasSlug) && Le.length > 0 && /* @__PURE__ */ l("div", { className: "space-y-1", children: [
-      /* @__PURE__ */ s($, { className: "mb-1 block text-sm", children: "Template" }),
+      /* @__PURE__ */ s(z, { className: "mb-1 block text-sm", children: "Template" }),
       /* @__PURE__ */ s(
-        ks,
+        Ls,
         {
           templates: Le,
           selectedTemplateId: me,
-          onSelectTemplate: Ee,
-          isLoading: Ke
+          onSelectTemplate: es,
+          isLoading: Ze
         }
       )
     ] }),
     /* @__PURE__ */ s(
-      xs,
+      Cs,
       {
         pages: m,
         selectedParentId: k,
-        onChange: Pe,
+        onChange: Ee,
         currentPage: a
       }
     ),
     /* @__PURE__ */ l("div", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ s($, { htmlFor: "name", className: "text-sm", children: "Name" }),
+      /* @__PURE__ */ s(z, { htmlFor: "name", className: "text-sm", children: "Name" }),
       /* @__PURE__ */ s(
         M,
         {
@@ -652,40 +653,40 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
             type: "checkbox",
             id: "useDynamicSlug",
             checked: T,
-            onChange: (e) => Xe(e.target.checked),
+            onChange: (e) => Pe(e.target.checked),
             className: "rounded border-gray-300"
           }
         ),
-        /* @__PURE__ */ s($, { htmlFor: "useDynamicSlug", className: "text-sm", children: "Use Dynamic Slug" })
+        /* @__PURE__ */ s(z, { htmlFor: "useDynamicSlug", className: "text-sm", children: "Use Dynamic Slug" })
       ] }),
       T && /* @__PURE__ */ s("div", { className: "space-y-2", children: /* @__PURE__ */ s("div", { className: "space-y-0.5", children: /* @__PURE__ */ s(
-        ws,
+        xs,
         {
           value: xe,
           onChange: Ce,
           dynamicPattern: (r == null ? void 0 : r.dynamicSlug) || "{{id}}",
           placeholder: "Enter custom slug part (optional)",
-          onValidationChange: Ye
+          onValidationChange: Qe
         }
       ) }) })
     ] }),
     (!(r != null && r.dynamicSegments) || !T) && /* @__PURE__ */ l("div", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ s($, { htmlFor: "slug", className: "text-sm", children: "Slug" }),
+      /* @__PURE__ */ s(z, { htmlFor: "slug", className: "text-sm", children: "Slug" }),
       /* @__PURE__ */ s(
-        ms,
+        fs,
         {
           value: j,
           onChange: (e) => {
             var c;
-            K(e), u && e !== (((c = a == null ? void 0 : a.slug) == null ? void 0 : c.split("/").pop()) || "") ? ue(!!(Ze || Je)) : ue(!1);
+            K(e), u && e !== (((c = a == null ? void 0 : a.slug) == null ? void 0 : c.split("/").pop()) || "") ? ue(!!(Je || Xe)) : ue(!1);
           },
           placeholder: k && k !== "none" ? "Enter page slug" : t === "page" ? "Leave empty for home page" : "Required - e.g. your-slug",
           parentSlug: k && k !== "none" ? (Fe = m == null ? void 0 : m.find((e) => e.id === k)) == null ? void 0 : Fe.slug : void 0,
           onValidationChange: h
         }
       ),
-      I && /* @__PURE__ */ s("p", { className: "text-xs text-red-500", children: I }),
-      Qe && /* @__PURE__ */ s("div", { className: "mt-4 rounded-md border border-amber-200 bg-amber-50 p-3", children: /* @__PURE__ */ l("div", { className: "flex items-start space-x-2", children: [
+      $ && /* @__PURE__ */ s("p", { className: "text-xs text-red-500", children: $ }),
+      He && /* @__PURE__ */ s("div", { className: "mt-4 rounded-md border border-amber-200 bg-amber-50 p-3", children: /* @__PURE__ */ l("div", { className: "flex items-start space-x-2", children: [
         /* @__PURE__ */ s("div", { className: "flex-shrink-0", children: /* @__PURE__ */ s("svg", { className: "h-5 w-5 text-amber-400", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ s(
           "path",
           {
@@ -713,7 +714,7 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
     )
   ] }) : /* @__PURE__ */ l("form", { onSubmit: De, className: "mx-auto w-full max-w-md space-y-4", children: [
     /* @__PURE__ */ l("div", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ s($, { htmlFor: "pageType", className: "text-sm", children: "Type" }),
+      /* @__PURE__ */ s(z, { htmlFor: "pageType", className: "text-sm", children: "Type" }),
       Te ? /* @__PURE__ */ l(ee, { open: Ne, onOpenChange: H, children: [
         /* @__PURE__ */ s(se, { asChild: !0, children: /* @__PURE__ */ l(
           W,
@@ -721,7 +722,7 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
             variant: "outline",
             role: "combobox",
             disabled: u && !N,
-            className: G(
+            className: V(
               "w-full justify-between",
               u && !N ? "cursor-not-allowed text-gray-500" : ""
             ),
@@ -746,8 +747,8 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
           ] }) }),
           /* @__PURE__ */ l(ce, { className: "max-h-[200px] overflow-y-auto", children: [
             /* @__PURE__ */ s(ne, { children: "No page type found." }),
-            /* @__PURE__ */ s(V, { heading: "Partials", children: J.map((e) => /* @__PURE__ */ l(
-              R,
+            /* @__PURE__ */ s(G, { heading: "Partials", children: J.map((e) => /* @__PURE__ */ l(
+              I,
               {
                 value: e.key,
                 onSelect: () => {
@@ -756,7 +757,7 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
                 className: "flex cursor-pointer items-center justify-between",
                 children: [
                   e.name,
-                  /* @__PURE__ */ s(U, { className: G("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0") })
+                  /* @__PURE__ */ s(R, { className: V("mr-2 h-4 w-4", t === e.key ? "opacity-100" : "opacity-0") })
                 ]
               },
               e.key
@@ -777,19 +778,19 @@ function zs({ addEditPage: a, close: o, closePanel: v }) {
       O && /* @__PURE__ */ l("div", { className: "mt-2 rounded-md border border-yellow-200 bg-yellow-50 p-3", children: [
         /* @__PURE__ */ s("p", { className: "text-sm text-yellow-800", children: "Changing the page type may impact the page data. Are you sure you want to proceed?" }),
         /* @__PURE__ */ l("div", { className: "mt-2 flex gap-2", children: [
-          /* @__PURE__ */ s(W, { variant: "outline", size: "sm", onClick: () => z(!1), children: "Cancel" }),
+          /* @__PURE__ */ s(W, { variant: "outline", size: "sm", onClick: () => U(!1), children: "Cancel" }),
           /* @__PURE__ */ s(W, { variant: "default", size: "sm", onClick: je, children: "Confirm" })
         ] })
       ] }),
       /* @__PURE__ */ s("p", { className: "text-xs text-gray-500", children: (Ae = i.find((e) => e.key === t)) == null ? void 0 : Ae.helpText })
     ] }),
     /* @__PURE__ */ l("div", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ s($, { htmlFor: "name", className: "text-sm", children: "Name" }),
+      /* @__PURE__ */ s(z, { htmlFor: "name", className: "text-sm", children: "Name" }),
       /* @__PURE__ */ s(M, { id: "name", value: _, onChange: (e) => be(e.target.value), required: !0, "aria-required": "true" })
     ] }),
     /* @__PURE__ */ s(W, { disabled: Q, type: "submit", className: "w-full", children: u ? Q ? "Updating..." : "Update " + (r == null ? void 0 : r.name) : Q ? "Creating..." : "Create " + (r == null ? void 0 : r.name) })
   ] });
 }
 export {
-  zs as default
+  qs as default
 };