litecms 0.1.0

package/dist/admin/CmsAdminLayout.d.ts

@@ -0,0 +1,27 @@
+import type { NavPageInfo } from './index';
+/**
+ * Serializable layout props
+ */
+export type CmsAdminLayoutProps = {
+    /** Admin panel title */
+    adminTitle?: string;
+    /** Site name */
+    siteName?: string;
+    /** Base path for admin routes */
+    basePath?: string;
+    /** Link to public site */
+    publicSiteUrl?: string;
+    /** Navigation pages (serializable) */
+    pages: NavPageInfo[];
+    /** Current page slug. Auto-detected if not provided. */
+    currentSlug?: string;
+    /** Logout handler */
+    onLogout?: () => void;
+    /** Child content */
+    children?: any;
+};
+/**
+ * General admin layout with navigation and content.
+ */
+export declare function CmsAdminLayout({ adminTitle, siteName, basePath, publicSiteUrl, pages, currentSlug: currentSlugProp, onLogout, children, }: CmsAdminLayoutProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CmsAdminLayout.d.ts.map

package/dist/admin/CmsAdminLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsAdminLayout.d.ts","sourceRoot":"","sources":["../../src/admin/CmsAdminLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,SAAS,CAAC;AAMtD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAC9B,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sCAAsC;IACtC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,oBAAoB;IAEpB,QAAQ,CAAC,EAAE,GAAG,CAAC;CAClB,CAAC;AAEF;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAC3B,UAAsB,EACtB,QAAQ,EACR,QAAmB,EACnB,aAAa,EACb,KAAK,EACL,WAAW,EAAE,eAAe,EAC5B,QAAQ,EACR,QAAQ,GACX,EAAE,mBAAmB,2CAyGrB"}

package/dist/admin/CmsAdminPage.d.ts

@@ -0,0 +1,31 @@
+import type { ActionState } from '../server';
+import type { FieldInfo } from '../schema';
+import { type CmsAutoFormStyles, type ImageUploadConfig } from '../components/CmsSimpleForm';
+/**
+ * Serializable page props for client component
+ */
+export type CmsAdminPageProps = {
+    /** Page title */
+    title: string;
+    /** Page description - helps guide the user */
+    description?: string;
+    /** Pre-extracted editable fields (serializable) */
+    fields: FieldInfo[];
+    /** Default/current values (serializable) */
+    values: Record<string, unknown>;
+    /** Server action to save data */
+    action: (prevState: ActionState<any>, formData: FormData) => Promise<ActionState<any>>;
+    /** Custom form styles */
+    styles?: CmsAutoFormStyles;
+    /** Custom success message */
+    successMessage?: string;
+    /** Custom submit button text */
+    submitText?: string;
+    /** Configuration for image upload endpoints */
+    storage?: ImageUploadConfig;
+};
+/**
+ * Admin page with auto-generated form.
+ */
+export declare function CmsAdminPage({ title, description, fields, values, action, styles, successMessage, submitText, storage, }: CmsAdminPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CmsAdminPage.d.ts.map

package/dist/admin/CmsAdminPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CmsAdminPage.d.ts","sourceRoot":"","sources":["../../src/admin/CmsAdminPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAG3C,OAAO,EAEH,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,EACzB,MAAM,6BAA6B,CAAC;AAErC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC5B,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,4CAA4C;IAC5C,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,iCAAiC;IAEjC,MAAM,EAAE,CACJ,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC,EAC3B,QAAQ,EAAE,QAAQ,KACjB,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/B,yBAAyB;IACzB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,6BAA6B;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC/B,CAAC;AAEF;;GAEG;AACH,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,WAAW,EACX,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAM,EACN,cAAc,EACd,UAAU,EACV,OAAO,GACV,EAAE,iBAAiB,2CAgCnB"}

package/dist/admin/config.d.ts

@@ -0,0 +1,83 @@
+import { type FieldInfo } from '../schema';
+import type { ActionState } from '../server';
+import type { CmsAdminLayoutProps } from './CmsAdminLayout';
+import type { ImageUploadConfig } from '../index';
+export { createCmsConfig, getCmsConfig, getPageBySlug, getNavPages, definePage, type CmsConfig, type CmsPageConfig, type TypedCmsPageConfig, } from './index';
+export type { FieldInfo } from '../schema';
+export type { NavPageInfo } from './index';
+/**
+ * Serializable props for CmsAdminPage
+ */
+export type AdminPageProps = {
+    title: string;
+    /** Optional description to guide the user */
+    description?: string;
+    fields: FieldInfo[];
+    values: Record<string, unknown>;
+    action: (prevState: ActionState<any>, formData: FormData) => Promise<ActionState<any>>;
+    storage?: ImageUploadConfig;
+};
+/**
+ * Extract serializable props from a page config.
+ * Use this in server components to prepare data for CmsAdminPage.
+ *
+ * @example
+ * ```tsx
+ * import { extractPageProps } from 'litecms/admin/config';
+ * import { CmsAdminPage } from 'litecms/admin';
+ * import { cmsConfig } from '@/cms/config';
+ *
+ * export default async function AdminPage({ params }) {
+ *   const props = await extractPageProps(cmsConfig, params.slug);
+ *   if (!props) return notFound();
+ *   return <CmsAdminPage {...props} />;
+ * }
+ * ```
+ */
+export declare function extractPageProps(config: {
+    pages: Array<{
+        slug: string;
+        title: string;
+        description?: string;
+        definition: unknown;
+        action: unknown;
+        getData: () => Promise<unknown>;
+    }>;
+    storage?: ImageUploadConfig;
+}, slug: string): Promise<AdminPageProps | null>;
+/**
+ * Serializable props for CmsAdminLayout
+ */
+export type LayoutProps = Omit<CmsAdminLayoutProps, 'children' | 'currentSlug'>;
+/**
+ * Extract serializable layout props from CMS config.
+ * Use this to pass only serializable data to CmsAdminLayout.
+ *
+ * @example
+ * ```tsx
+ * import { extractLayoutProps } from 'litecms/admin/config';
+ * import { CmsAdminLayout } from 'litecms/admin';
+ * import { cmsConfig } from '@/cms/config';
+ *
+ * export default function AdminLayout({ children }) {
+ *   return (
+ *     <CmsAdminLayout {...extractLayoutProps(cmsConfig)}>
+ *       {children}
+ *     </CmsAdminLayout>
+ *   );
+ * }
+ * ```
+ */
+export declare function extractLayoutProps(config: {
+    adminTitle?: string;
+    siteName?: string;
+    basePath?: string;
+    publicSiteUrl?: string;
+    pages: Array<{
+        slug: string;
+        title: string;
+        group?: string;
+        icon?: string;
+    }>;
+}): LayoutProps;
+//# sourceMappingURL=config.d.ts.map

package/dist/admin/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/admin/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,EACH,eAAe,EACf,YAAY,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,kBAAkB,GAC1B,MAAM,SAAS,CAAC;AAEjB,YAAY,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC3C,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEhC,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAsB,gBAAgB,CAClC,MAAM,EAAE;IACJ,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE,CAAC,CAAC;IAC3I,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC/B,EACD,IAAI,EAAE,MAAM,GACb,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,CAuBhC;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,aAAa,CAAC,CAAC;AAEhF;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,kBAAkB,CAC9B,MAAM,EAAE;IACJ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAChF,GACF,WAAW,CAab"}

package/dist/admin/config.js

@@ -0,0 +1,53 @@
+import {
+  getEditableFields
+} from "../schema/index.js";
+import {
+  createCmsConfig,
+  definePage,
+  getCmsConfig,
+  getNavPages,
+  getPageBySlug
+} from "../index-8zcd33mx.js";
+
+// src/admin/config.ts
+async function extractPageProps(config, slug) {
+  const page = config.pages.find((p) => p.slug === slug);
+  if (!page)
+    return null;
+  const fields = getEditableFields(page.definition);
+  const data = await page.getData();
+  const definition = page.definition;
+  const dataObj = data ?? {};
+  const values = { ...definition.defaults, ...dataObj };
+  return {
+    title: page.title,
+    description: page.description,
+    fields,
+    values,
+    action: page.action,
+    storage: config.storage
+  };
+}
+function extractLayoutProps(config) {
+  return {
+    adminTitle: config.adminTitle,
+    siteName: config.siteName,
+    basePath: config.basePath,
+    publicSiteUrl: config.publicSiteUrl,
+    pages: config.pages.map((p) => ({
+      slug: p.slug,
+      title: p.title,
+      group: p.group,
+      icon: p.icon
+    }))
+  };
+}
+export {
+  getPageBySlug,
+  getNavPages,
+  getCmsConfig,
+  extractPageProps,
+  extractLayoutProps,
+  definePage,
+  createCmsConfig
+};

package/dist/admin/exports.d.ts

@@ -0,0 +1,7 @@
+export { CmsAdminLayout, type CmsAdminLayoutProps, } from './CmsAdminLayout';
+export { CmsAdminPage, type CmsAdminPageProps, } from './CmsAdminPage';
+export { createCmsConfig, getCmsConfig, getPageBySlug, getNavPages, definePage, type CmsConfig, type CmsPageConfig, type TypedCmsPageConfig, } from './index';
+export { NavPageInfo, PageGroup } from './index';
+export { type StorageConfig, } from '../storage';
+export { type ImageUploadConfig, } from '../components';
+//# sourceMappingURL=exports.d.ts.map

package/dist/admin/exports.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../src/admin/exports.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,cAAc,EACd,KAAK,mBAAmB,GAC3B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACH,YAAY,EACZ,KAAK,iBAAiB,GACzB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACH,eAAe,EACf,YAAY,EACZ,aAAa,EACb,WAAW,EACX,UAAU,EACV,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,kBAAkB,GAC1B,MAAM,SAAS,CAAC;AAEjB,OAAO,EACH,WAAW,EACX,SAAS,EACZ,MAAM,SAAS,CAAC;AAEjB,OAAO,EACH,KAAK,aAAa,GACrB,MAAM,YAAY,CAAC;AAEpB,OAAO,EACH,KAAK,iBAAiB,GACzB,MAAM,eAAe,CAAC"}

package/dist/admin/exports.js

@@ -0,0 +1,452 @@
+"use client";
+import {
+  isDevelopmentEnv
+} from "../server/index.js";
+import {
+  CmsCheckbox,
+  CmsField,
+  CmsImageField,
+  FormProvider,
+  flattenValue,
+  groupFields,
+  groupPages,
+  useForm
+} from "../index-pmb5m3ek.js";
+import {
+  createCmsConfig,
+  definePage,
+  getCmsConfig,
+  getNavPages,
+  getPageBySlug
+} from "../index-8zcd33mx.js";
+
+// src/admin/CmsAdminLayout.tsx
+import { usePathname } from "next/navigation";
+
+// src/components/CmsNavSection.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+function NavSection({
+  group,
+  basePath,
+  currentSlug
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    children: [
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "text-[10px] font-medium uppercase tracking-widest text-neutral-400 mb-4",
+        children: group.name ?? "Pages"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("div", {
+        className: "space-y-1",
+        children: group.pages.map((page) => /* @__PURE__ */ jsxDEV("a", {
+          href: `${basePath}/${page.slug}`,
+          className: `block py-1.5 text-sm transition-colors ${currentSlug === page.slug ? "text-neutral-900" : "text-neutral-400 hover:text-neutral-900"}`,
+          "aria-current": currentSlug === page.slug ? "page" : undefined,
+          children: page.title
+        }, page.slug, false, undefined, this))
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/admin/CmsAdminLayout.tsx
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+function CmsAdminLayout({
+  adminTitle = "Content",
+  siteName,
+  basePath = "/admin",
+  publicSiteUrl,
+  pages,
+  currentSlug: currentSlugProp,
+  onLogout,
+  children
+}) {
+  const pathname = usePathname();
+  const detectedSlug = pathname?.replace(new RegExp(`^${basePath}/?`), "").split("/")[0];
+  const currentSlug = currentSlugProp ?? (detectedSlug || undefined);
+  const groupedPages = groupPages(pages);
+  return /* @__PURE__ */ jsxDEV2("div", {
+    className: "min-h-screen font-sans antialiased bg-neutral-50 text-neutral-900 selection:bg-neutral-200 selection:text-neutral-900 [--cms-accent:#171717] [--cms-accent-subtle:rgba(23,23,23,0.08)]",
+    children: [
+      /* @__PURE__ */ jsxDEV2("aside", {
+        className: "fixed inset-y-0 left-0 z-50 hidden w-56 flex-col border-r border-neutral-200 bg-white md:flex",
+        children: [
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "flex h-16 items-center px-6 border-b border-neutral-200",
+            children: /* @__PURE__ */ jsxDEV2("a", {
+              href: basePath,
+              className: "text-xs tracking-widest uppercase text-neutral-900 hover:text-neutral-600 transition-colors",
+              children: adminTitle
+            }, undefined, false, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2("nav", {
+            className: "flex-1 overflow-y-auto px-6 py-8 space-y-8",
+            children: groupedPages.map((group) => /* @__PURE__ */ jsxDEV2(NavSection, {
+              group,
+              basePath,
+              currentSlug
+            }, group.name ?? "__default", false, undefined, this))
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV2("div", {
+            className: "border-t border-neutral-200 px-6 py-4 space-y-3",
+            children: [
+              publicSiteUrl && /* @__PURE__ */ jsxDEV2("a", {
+                href: publicSiteUrl,
+                className: "flex items-center gap-2 text-xs tracking-wide text-neutral-400 hover:text-neutral-900 transition-colors",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: [
+                  /* @__PURE__ */ jsxDEV2("span", {
+                    children: "View site"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsxDEV2("svg", {
+                    className: "h-3 w-3",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    children: /* @__PURE__ */ jsxDEV2("path", {
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M4.5 19.5l15-15m0 0H8.25m11.25 0v11.25"
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this),
+              onLogout && /* @__PURE__ */ jsxDEV2("button", {
+                onClick: onLogout,
+                className: "text-xs tracking-wide text-neutral-400 hover:text-neutral-900 transition-colors cursor-pointer",
+                children: "Sign out"
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV2("header", {
+        className: "sticky top-0 z-40 flex h-14 items-center gap-4 px-4 bg-white border-b border-neutral-200 md:hidden",
+        children: /* @__PURE__ */ jsxDEV2("a", {
+          href: basePath,
+          className: "text-xs tracking-widest uppercase text-neutral-900",
+          children: adminTitle
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2("nav", {
+        className: "flex gap-4 overflow-x-auto px-4 py-3 bg-white border-b border-neutral-200 md:hidden",
+        children: pages.map((page) => /* @__PURE__ */ jsxDEV2("a", {
+          href: `${basePath}/${page.slug}`,
+          className: `shrink-0 text-sm transition-colors ${currentSlug === page.slug ? "text-neutral-900 border-b border-neutral-900 pb-1" : "text-neutral-400 hover:text-neutral-900"}`,
+          children: page.title
+        }, page.slug, false, undefined, this))
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV2("main", {
+        className: "md:ml-56 min-h-screen bg-white",
+        children: /* @__PURE__ */ jsxDEV2("div", {
+          className: "mx-auto",
+          children
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/components/CmsSimpleForm.tsx
+import * as React from "react";
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function CmsSimpleForm({
+  fields,
+  action,
+  values = {},
+  styles = {},
+  submitText = "Save",
+  submitPendingText = "Saving...",
+  successMessage = "Changes saved",
+  storage
+}) {
+  const [state, setState] = React.useState({
+    success: false
+  });
+  const [isPending, setIsPending] = React.useState(false);
+  const [showSuccess, setShowSuccess] = React.useState(false);
+  const form = useForm({
+    defaultValues: values
+  });
+  const hiddenFieldEntries = React.useMemo(() => {
+    const editableFieldNames = new Set(fields.map((f) => f.name));
+    const entries = [];
+    for (const [key, value] of Object.entries(values)) {
+      if (!editableFieldNames.has(key)) {
+        flattenValue(key, value, entries);
+      }
+    }
+    return entries;
+  }, [fields, values]);
+  React.useEffect(() => {
+    if (state.success) {
+      setShowSuccess(true);
+      const timer = setTimeout(() => setShowSuccess(false), 4000);
+      return () => clearTimeout(timer);
+    } else if (state.errors?.fieldErrors) {
+      setShowSuccess(false);
+      for (const [field, messages] of Object.entries(state.errors.fieldErrors)) {
+        if (messages && messages[0]) {
+          form.setError(field, {
+            type: "server",
+            message: messages[0]
+          });
+        }
+      }
+    }
+  }, [state, form]);
+  const handleSubmit = async (event) => {
+    event.preventDefault();
+    setIsPending(true);
+    setShowSuccess(false);
+    try {
+      const formData = new FormData(event.currentTarget);
+      if (typeof window !== "undefined" && isDevelopmentEnv) {
+        console.log("[litecms] Submitting form data:", Object.fromEntries(formData.entries()));
+      }
+      const result = await action(state, formData);
+      if (typeof window !== "undefined" && isDevelopmentEnv) {
+        console.log("[litecms] Action result:", result);
+      }
+      if (!result) {
+        console.error("[litecms] Action returned null/undefined");
+        setState({
+          success: false,
+          errors: {
+            formError: "Server action returned no response."
+          }
+        });
+        return;
+      }
+      setState(result);
+    } catch (error) {
+      console.error("[litecms] Form submission error:", error);
+      setState({
+        success: false,
+        errors: {
+          formError: error instanceof Error ? `Error: ${error.message}` : "Something went wrong."
+        }
+      });
+    } finally {
+      setIsPending(false);
+    }
+  };
+  const groupedFields = groupFields(fields);
+  return /* @__PURE__ */ jsxDEV3(FormProvider, {
+    ...form,
+    children: /* @__PURE__ */ jsxDEV3("form", {
+      onSubmit: handleSubmit,
+      children: [
+        hiddenFieldEntries.map(([name, value]) => /* @__PURE__ */ jsxDEV3("input", {
+          type: "hidden",
+          name,
+          value
+        }, name, false, undefined, this)),
+        /* @__PURE__ */ jsxDEV3("div", {
+          className: styles.wrapper ?? "",
+          children: [
+            /* @__PURE__ */ jsxDEV3("div", {
+              className: "space-y-16",
+              children: groupedFields.map((group, groupIndex) => /* @__PURE__ */ jsxDEV3(FieldGroup, {
+                group,
+                styles,
+                storage
+              }, group.name ?? `__ungrouped-${groupIndex}`, false, undefined, this))
+            }, undefined, false, undefined, this),
+            state.errors?.formError && /* @__PURE__ */ jsxDEV3("div", {
+              className: "mt-12 py-4 px-5 border border-red-200 bg-red-50 text-red-900 text-sm",
+              children: state.errors.formError
+            }, undefined, false, undefined, this),
+            showSuccess && /* @__PURE__ */ jsxDEV3("div", {
+              className: "mt-12 py-4 px-5 border border-green-200 bg-green-50 text-green-900 text-sm",
+              children: successMessage
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsxDEV3("div", {
+              className: "mt-16 pt-8 border-t border-neutral-200 flex items-center justify-between",
+              children: [
+                /* @__PURE__ */ jsxDEV3("button", {
+                  type: "button",
+                  className: "text-sm text-neutral-400 hover:text-neutral-900 transition-colors cursor-pointer",
+                  onClick: () => form.reset(),
+                  disabled: isPending,
+                  children: "Reset"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV3("button", {
+                  type: "submit",
+                  disabled: isPending,
+                  className: styles.submitButton ?? "inline-flex items-center gap-2 text-sm tracking-wide text-neutral-900 border-b border-neutral-900 pb-1 hover:pb-1.5 transition-all disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer",
+                  children: [
+                    isPending && /* @__PURE__ */ jsxDEV3("svg", {
+                      className: "h-3.5 w-3.5 animate-spin",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      children: /* @__PURE__ */ jsxDEV3("path", {
+                        d: "M21 12a9 9 0 1 1-6.219-8.56"
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this),
+                    isPending ? submitPendingText : submitText,
+                    !isPending && /* @__PURE__ */ jsxDEV3("span", {
+                      children: "→"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+function FieldGroup({
+  group,
+  styles,
+  storage
+}) {
+  if (group.name) {
+    return /* @__PURE__ */ jsxDEV3("fieldset", {
+      className: "space-y-8",
+      children: [
+        /* @__PURE__ */ jsxDEV3("legend", {
+          className: "text-xs font-medium uppercase tracking-widest text-neutral-400 pb-4 border-b border-neutral-200 w-full",
+          children: group.name
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV3("div", {
+          className: "grid grid-cols-1 md:grid-cols-2 gap-8",
+          children: group.fields.map((field) => /* @__PURE__ */ jsxDEV3(AutoField, {
+            field,
+            styles,
+            storage
+          }, field.name, false, undefined, this))
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV3("div", {
+    className: "grid grid-cols-1 md:grid-cols-2 gap-8",
+    children: group.fields.map((field) => /* @__PURE__ */ jsxDEV3(AutoField, {
+      field,
+      styles,
+      storage
+    }, field.name, false, undefined, this))
+  }, undefined, false, undefined, this);
+}
+function AutoField({
+  field,
+  styles,
+  storage
+}) {
+  const { name, meta, required } = field;
+  const isFullWidth = meta.type === "textarea" || meta.type === "image";
+  const colSpan = isFullWidth ? "col-span-1 md:col-span-2" : "col-span-1";
+  if (meta.type === "checkbox") {
+    return /* @__PURE__ */ jsxDEV3("div", {
+      className: colSpan,
+      children: /* @__PURE__ */ jsxDEV3(CmsCheckbox, {
+        name,
+        label: meta.label,
+        helpText: meta.helpText,
+        className: styles.field,
+        labelClassName: styles.label,
+        inputClassName: styles.input,
+        errorClassName: styles.error,
+        helpClassName: styles.help
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  if (meta.type === "image") {
+    return /* @__PURE__ */ jsxDEV3("div", {
+      className: colSpan,
+      children: /* @__PURE__ */ jsxDEV3(CmsImageField, {
+        name,
+        label: meta.label,
+        helpText: meta.helpText,
+        required,
+        accept: meta.accept,
+        className: styles.field,
+        labelClassName: styles.label,
+        errorClassName: styles.error,
+        helpClassName: styles.help,
+        storage
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV3("div", {
+    className: colSpan,
+    children: /* @__PURE__ */ jsxDEV3(CmsField, {
+      name,
+      label: meta.label,
+      type: meta.type ?? "text",
+      placeholder: meta.placeholder,
+      helpText: meta.helpText,
+      options: meta.options,
+      rows: meta.rows,
+      required,
+      className: styles.field,
+      labelClassName: styles.label,
+      inputClassName: styles.input,
+      errorClassName: styles.error,
+      helpClassName: styles.help
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/admin/CmsAdminPage.tsx
+import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
+function CmsAdminPage({
+  title,
+  description,
+  fields,
+  values,
+  action,
+  styles,
+  successMessage,
+  submitText,
+  storage
+}) {
+  return /* @__PURE__ */ jsxDEV4("div", {
+    className: "space-y-12",
+    children: [
+      /* @__PURE__ */ jsxDEV4("header", {
+        className: "border-b border-neutral-200 h-16 px-8 flex items-center justify-between",
+        children: [
+          /* @__PURE__ */ jsxDEV4("h1", {
+            className: "text-2xl font-light tracking-tight text-neutral-900",
+            children: title
+          }, undefined, false, undefined, this),
+          description && /* @__PURE__ */ jsxDEV4("p", {
+            className: "mt-3 text-sm text-neutral-500 max-w-xl leading-relaxed",
+            children: description
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsxDEV4("div", {
+        className: "px-8 pb-12",
+        children: /* @__PURE__ */ jsxDEV4(CmsSimpleForm, {
+          fields,
+          action,
+          values,
+          styles,
+          successMessage: successMessage ?? "Changes saved successfully.",
+          submitText: submitText ?? "Save",
+          submitPendingText: "Saving...",
+          storage
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/admin/exports.ts
+export {
+  getPageBySlug,
+  getNavPages,
+  getCmsConfig,
+  definePage,
+  createCmsConfig,
+  CmsAdminPage,
+  CmsAdminLayout
+};