@delmaredigital/payload-puck 0.1.3 → 0.3.0

package/dist/layouts/index.js

@@ -1,394 +1,31 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/layouts/defaults.ts
-var defaultLayout = {
-  value: "default",
-  label: "Default",
-  description: "Standard page layout with contained content width",
-  classes: {
-    wrapper: "",
-    container: "mx-auto px-4 sm:px-6 lg:px-8",
-    content: ""
-  },
-  maxWidth: "1200px",
-  fullWidth: false
-};
-var landingLayout = {
-  value: "landing",
-  label: "Landing",
-  description: "Full-width sections with no global container constraints",
-  classes: {
-    wrapper: "",
-    container: "",
-    content: ""
-  },
-  fullWidth: true
-};
-var fullWidthLayout = {
-  value: "full-width",
-  label: "Full Width",
-  description: "Content spans the full viewport width",
-  classes: {
-    wrapper: "w-full",
-    container: "w-full",
-    content: ""
-  },
-  maxWidth: "100%",
-  fullWidth: true
-};
-var narrowLayout = {
-  value: "narrow",
-  label: "Narrow",
-  description: "Narrow content width for optimal reading experience",
-  classes: {
-    wrapper: "",
-    container: "mx-auto px-4 sm:px-6",
-    content: ""
-  },
-  maxWidth: "768px",
-  fullWidth: false
-};
-var wideLayout = {
-  value: "wide",
-  label: "Wide",
-  description: "Wider content area for dashboards or galleries",
-  classes: {
-    wrapper: "",
-    container: "mx-auto px-4 sm:px-6 lg:px-8",
-    content: ""
-  },
-  maxWidth: "1440px",
-  fullWidth: false
-};
-var DEFAULT_LAYOUTS = [
-  defaultLayout,
-  landingLayout,
-  fullWidthLayout
-];
-var EXTENDED_LAYOUTS = [
-  defaultLayout,
-  landingLayout,
-  fullWidthLayout,
-  narrowLayout,
-  wideLayout
-];
-var DEFAULT_LAYOUT_CONFIG = {
-  layouts: DEFAULT_LAYOUTS,
-  defaultLayout: "default"
-};
-
-// src/layouts/utils.ts
-function resolveLayoutConfig(config) {
-  if (!config) return DEFAULT_LAYOUT_CONFIG;
-  return {
-    layouts: config.layouts ?? DEFAULT_LAYOUTS,
-    defaultLayout: config.defaultLayout ?? "default"
-  };
-}
-function getLayout(layouts, value, fallback = "default") {
-  const layout = layouts.find((l) => l.value === value);
-  if (layout) return layout;
-  if (value !== fallback) {
-    return layouts.find((l) => l.value === fallback);
-  }
-  return layouts[0];
-}
-function layoutsToOptions(layouts) {
-  return layouts.map(({ value, label, description }) => ({
-    value,
-    label,
-    description
-  }));
-}
-function layoutsToPayloadOptions(layouts) {
-  return layouts.map(({ value, label }) => ({
-    label,
-    value
-  }));
-}
-function createLayout(config) {
-  return {
-    ...config
-  };
-}
-function mergeLayouts(base, custom, options) {
-  if (options?.replace) {
-    return custom;
-  }
-  let result = [...base];
-  if (options?.exclude) {
-    result = result.filter((l) => !options.exclude.includes(l.value));
-  }
-  for (const customLayout of custom) {
-    const existingIndex = result.findIndex((l) => l.value === customLayout.value);
-    if (existingIndex >= 0) {
-      result[existingIndex] = customLayout;
-    } else {
-      result.push(customLayout);
-    }
-  }
-  return result;
-}
-
-// src/fields/shared.ts
-function hexToRgb(hex) {
-  const clean = hex.replace(/^#/, "");
-  if (clean.length !== 6) return null;
-  const r = parseInt(clean.substring(0, 2), 16);
-  const g = parseInt(clean.substring(2, 4), 16);
-  const b = parseInt(clean.substring(4, 6), 16);
-  if (isNaN(r) || isNaN(g) || isNaN(b)) return null;
-  return { r, g, b };
-}
-function colorValueToCSS(color) {
-  if (!color?.hex) return void 0;
-  const rgb = hexToRgb(color.hex);
-  if (!rgb) return color.hex;
-  const opacity = (color.opacity ?? 100) / 100;
-  if (opacity === 1) {
-    return color.hex;
-  }
-  return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${opacity})`;
-}
-function gradientValueToCSS(gradient) {
-  if (!gradient?.stops || gradient.stops.length === 0) {
-    return "transparent";
-  }
-  const sortedStops = [...gradient.stops].sort((a, b) => a.position - b.position);
-  const stopsCSS = sortedStops.map((stop) => {
-    const color = colorValueToCSS(stop.color) || "transparent";
-    return `${color} ${stop.position}%`;
-  }).join(", ");
-  if (gradient.type === "radial") {
-    const shape = gradient.radialShape || "circle";
-    const position = gradient.radialPosition || "center";
-    return `radial-gradient(${shape} at ${position}, ${stopsCSS})`;
-  }
-  return `linear-gradient(${gradient.angle}deg, ${stopsCSS})`;
-}
-function positionToCSS(position) {
-  const positionMap = {
-    center: "center",
-    top: "top",
-    bottom: "bottom",
-    left: "left",
-    right: "right",
-    "top-left": "top left",
-    "top-right": "top right",
-    "bottom-left": "bottom left",
-    "bottom-right": "bottom right"
-  };
-  return position ? positionMap[position] || "center" : "center";
-}
-function maskDirectionToCSS(direction) {
-  const directionMap = {
-    "to-top": "to top",
-    "to-bottom": "to bottom",
-    "to-left": "to left",
-    "to-right": "to right",
-    "to-top-left": "to top left",
-    "to-top-right": "to top right",
-    "to-bottom-left": "to bottom left",
-    "to-bottom-right": "to bottom right",
-    "from-center": "radial"
-    // Not used for linear, handled separately in maskToCSS
-  };
-  return directionMap[direction] || "to bottom";
-}
-function maskToCSS(mask) {
-  const startAlpha = (mask.startOpacity ?? 100) / 100;
-  const endAlpha = (mask.endOpacity ?? 0) / 100;
-  if (mask.direction === "from-center") {
-    return `radial-gradient(circle at center, rgba(0,0,0,${startAlpha}) ${mask.startPosition}%, rgba(0,0,0,${endAlpha}) ${mask.endPosition}%)`;
-  }
-  const direction = maskDirectionToCSS(mask.direction);
-  return `linear-gradient(${direction}, rgba(0,0,0,${startAlpha}) ${mask.startPosition}%, rgba(0,0,0,${endAlpha}) ${mask.endPosition}%)`;
-}
-function backgroundValueToCSS(bg) {
-  if (!bg || bg.type === "none") {
-    return {};
-  }
-  const style = {};
-  switch (bg.type) {
-    case "solid":
-      if (bg.solid?.hex) {
-        style.backgroundColor = colorValueToCSS(bg.solid);
-      }
-      break;
-    case "gradient":
-      if (bg.gradient && bg.gradient.stops && bg.gradient.stops.length > 0) {
-        style.background = gradientValueToCSS(bg.gradient);
-      }
-      break;
-    case "image":
-      if (bg.image?.media?.url) {
-        const imageUrl = bg.image.media.url;
-        const size = bg.image.size || "cover";
-        const position = positionToCSS(bg.image.position);
-        const repeat = bg.image.repeat || "no-repeat";
-        const attachment = bg.image.attachment || "scroll";
-        if (bg.overlay?.enabled) {
-          const overlayCSS = bg.overlay.type === "solid" ? colorValueToCSS(bg.overlay.solid) : gradientValueToCSS(bg.overlay.gradient);
-          if (bg.overlay.type === "solid" && overlayCSS) {
-            style.backgroundImage = `linear-gradient(${overlayCSS}, ${overlayCSS}), url(${imageUrl})`;
-          } else {
-            style.backgroundImage = `${overlayCSS}, url(${imageUrl})`;
-          }
-          style.backgroundSize = `auto, ${size}`;
-          style.backgroundPosition = `center, ${position}`;
-          style.backgroundRepeat = `no-repeat, ${repeat}`;
-          style.backgroundAttachment = `scroll, ${attachment}`;
-        } else {
-          style.backgroundImage = `url(${imageUrl})`;
-          style.backgroundSize = size;
-          style.backgroundPosition = position;
-          style.backgroundRepeat = repeat;
-          style.backgroundAttachment = attachment;
-        }
-        if (bg.image.mask?.enabled) {
-          const maskCSS = maskToCSS(bg.image.mask);
-          style.maskImage = maskCSS;
-          style.WebkitMaskImage = maskCSS;
-        }
-      }
-      break;
-  }
-  return style;
-}
-var stickyFooterContainerStyle = {
-  minHeight: "100vh",
-  display: "flex",
-  flexDirection: "column"
-};
-var stickyFooterMainStyle = {
-  flex: 1
-};
-function LayoutWrapper({ children, layout, className, overrides }) {
-  if (!layout) {
-    if (overrides?.background) {
-      const bgStyles = backgroundValueToCSS(overrides.background);
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minHeight: "100vh", ...bgStyles }, children });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  }
-  const Header = layout.header;
-  const Footer = layout.footer;
-  const shouldShowHeader = overrides?.showHeader === "hide" ? false : overrides?.showHeader === "show" ? true : !!Header;
-  const shouldShowFooter = overrides?.showFooter === "hide" ? false : overrides?.showFooter === "show" ? true : !!Footer;
-  const useStickyFooter = layout.stickyFooter !== false;
-  const mainStyle = {
-    ...layout.stickyHeaderHeight && shouldShowHeader ? { paddingTop: layout.stickyHeaderHeight } : {},
-    ...useStickyFooter ? stickyFooterMainStyle : {}
-  };
-  const outerBackgroundStyles = overrides?.background ? backgroundValueToCSS(overrides.background) : {
-    ...layout.styles?.wrapper?.background !== void 0 ? { background: layout.styles.wrapper.background } : {},
-    ...layout.styles?.wrapper?.backgroundAttachment !== void 0 ? { backgroundAttachment: layout.styles.wrapper.backgroundAttachment } : {}
-  };
-  const effectiveMaxWidth = overrides?.maxWidth && overrides.maxWidth !== "default" ? overrides.maxWidth : layout.maxWidth;
-  const wrapWithStickyFooter = (content) => {
-    if (useStickyFooter) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...stickyFooterContainerStyle, ...outerBackgroundStyles }, children: content });
-    }
-    const hasBackground = Object.keys(outerBackgroundStyles).length > 0;
-    if (hasBackground) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { minHeight: "100vh", ...outerBackgroundStyles }, children: content });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: content });
-  };
-  if (layout.wrapper) {
-    const CustomWrapper = layout.wrapper;
-    return wrapWithStickyFooter(
-      /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        shouldShowHeader && Header && /* @__PURE__ */ jsxRuntime.jsx(Header, {}),
-        /* @__PURE__ */ jsxRuntime.jsx("main", { style: Object.keys(mainStyle).length > 0 ? mainStyle : void 0, children: /* @__PURE__ */ jsxRuntime.jsx(CustomWrapper, { children }) }),
-        shouldShowFooter && Footer && /* @__PURE__ */ jsxRuntime.jsx(Footer, {})
-      ] })
-    );
-  }
-  const wrapperStyle = {
-    ...layout.styles?.wrapper
-  };
-  const containerStyle = {
-    ...effectiveMaxWidth && !layout.fullWidth ? { maxWidth: effectiveMaxWidth } : {},
-    ...layout.styles?.container
-  };
-  const contentStyle = {
-    ...layout.styles?.content
-  };
-  const dataAttrs = {
-    "data-layout": layout.value,
-    ...layout.dataAttributes
-  };
-  if (layout.fullWidth) {
-    return wrapWithStickyFooter(
-      /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        shouldShowHeader && Header && /* @__PURE__ */ jsxRuntime.jsx(Header, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "main",
-          {
-            className: [layout.classes?.wrapper, className].filter(Boolean).join(" ") || void 0,
-            style: {
-              ...mainStyle,
-              ...Object.keys(wrapperStyle).length > 0 ? wrapperStyle : {}
-            },
-            ...dataAttrs,
-            children
-          }
-        ),
-        shouldShowFooter && Footer && /* @__PURE__ */ jsxRuntime.jsx(Footer, {})
-      ] })
-    );
-  }
-  return wrapWithStickyFooter(
-    /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      shouldShowHeader && Header && /* @__PURE__ */ jsxRuntime.jsx(Header, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "main",
-        {
-          className: layout.classes?.wrapper || void 0,
-          style: {
-            ...mainStyle,
-            ...Object.keys(wrapperStyle).length > 0 ? wrapperStyle : {}
-          },
-          ...dataAttrs,
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: [layout.classes?.container, className].filter(Boolean).join(" ") || void 0,
-              style: Object.keys(containerStyle).length > 0 ? containerStyle : void 0,
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: layout.classes?.content || void 0,
-                  style: Object.keys(contentStyle).length > 0 ? contentStyle : void 0,
-                  children
-                }
-              )
-            }
-          )
-        }
-      ),
-      shouldShowFooter && Footer && /* @__PURE__ */ jsxRuntime.jsx(Footer, {})
-    ] })
-  );
-}
-
-exports.DEFAULT_LAYOUTS = DEFAULT_LAYOUTS;
-exports.DEFAULT_LAYOUT_CONFIG = DEFAULT_LAYOUT_CONFIG;
-exports.EXTENDED_LAYOUTS = EXTENDED_LAYOUTS;
-exports.LayoutWrapper = LayoutWrapper;
-exports.createLayout = createLayout;
-exports.defaultLayout = defaultLayout;
-exports.fullWidthLayout = fullWidthLayout;
-exports.getLayout = getLayout;
-exports.landingLayout = landingLayout;
-exports.layoutsToOptions = layoutsToOptions;
-exports.layoutsToPayloadOptions = layoutsToPayloadOptions;
-exports.mergeLayouts = mergeLayouts;
-exports.narrowLayout = narrowLayout;
-exports.resolveLayoutConfig = resolveLayoutConfig;
-exports.wideLayout = wideLayout;
-//# sourceMappingURL=index.js.map
+/**
+ * Layouts Module
+ *
+ * Dynamic page layout system for payload-puck.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   DEFAULT_LAYOUTS,
+ *   createLayout,
+ *   mergeLayouts,
+ * } from '@delmaredigital/payload-puck/layouts'
+ *
+ * // Create custom layouts
+ * const customLayouts = mergeLayouts(DEFAULT_LAYOUTS, [
+ *   createLayout({
+ *     value: 'blog',
+ *     label: 'Blog Post',
+ *     maxWidth: '720px',
+ *     classes: { container: 'mx-auto px-4 prose' },
+ *   }),
+ * ])
+ * ```
+ */
+// Defaults
+export { defaultLayout, landingLayout, fullWidthLayout, narrowLayout, wideLayout, DEFAULT_LAYOUTS, EXTENDED_LAYOUTS, DEFAULT_LAYOUT_CONFIG, } from './defaults';
+// Utilities
+export { resolveLayoutConfig, getLayout, layoutsToOptions, layoutsToPayloadOptions, createLayout, mergeLayouts, } from './utils';
+// Components
+export { LayoutWrapper } from './LayoutWrapper';
 //# sourceMappingURL=index.js.map

package/dist/layouts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAYH,WAAW;AACX,OAAO,EACL,aAAa,EACb,aAAa,EACb,eAAe,EACf,YAAY,EACZ,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,YAAY,CAAA;AAEnB,YAAY;AACZ,OAAO,EACL,mBAAmB,EACnB,SAAS,EACT,gBAAgB,EAChB,uBAAuB,EACvB,YAAY,EACZ,YAAY,GACb,MAAM,SAAS,CAAA;AAEhB,aAAa;AACb,OAAO,EAAE,aAAa,EAA8E,MAAM,iBAAiB,CAAA"}

package/dist/{types-D7D3rZ1J.d.ts → layouts/types.d.ts}

@@ -1,15 +1,13 @@
-import { CSSProperties, ReactNode, ComponentType } from 'react';
-
 /**
  * Layout System Types
  *
  * Defines the structure for page layouts that affect how content is rendered.
  */
-
+import type { ReactNode, CSSProperties, ComponentType } from 'react';
 /**
  * A layout option shown in the Puck editor's layout selector
  */
-interface LayoutOption {
+export interface LayoutOption {
     /** Unique identifier for the layout */
     value: string;
     /** Display name in the editor */
@@ -20,7 +18,7 @@ interface LayoutOption {
 /**
  * CSS class configuration for a layout
  */
-interface LayoutClasses {
+export interface LayoutClasses {
     /** Classes applied to the outermost wrapper */
     wrapper?: string;
     /** Classes applied to the main content container */
@@ -31,7 +29,7 @@ interface LayoutClasses {
 /**
  * Style configuration for a layout
  */
-interface LayoutStyles {
+export interface LayoutStyles {
     /** Styles applied to the outermost wrapper */
     wrapper?: CSSProperties;
     /** Styles applied to the main content container */
@@ -42,7 +40,7 @@ interface LayoutStyles {
 /**
  * Complete layout definition
  */
-interface LayoutDefinition extends LayoutOption {
+export interface LayoutDefinition extends LayoutOption {
     /** CSS classes to apply */
     classes?: LayoutClasses;
     /** Inline styles to apply */
@@ -98,7 +96,7 @@ interface LayoutDefinition extends LayoutOption {
 /**
  * Layout configuration passed to the plugin/renderer
  */
-interface LayoutConfig {
+export interface LayoutConfig {
     /** Available layouts */
     layouts: LayoutDefinition[];
     /** Default layout value to use */
@@ -107,10 +105,9 @@ interface LayoutConfig {
 /**
  * Props passed to a custom layout wrapper component
  */
-interface LayoutWrapperProps {
+export interface LayoutWrapperProps {
     children: ReactNode;
     layout: LayoutDefinition;
     pageTitle?: string;
 }
-
-export type { LayoutDefinition as L, LayoutConfig as a, LayoutOption as b, LayoutClasses as c, LayoutStyles as d, LayoutWrapperProps as e };
+//# sourceMappingURL=types.d.ts.map

package/dist/layouts/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/layouts/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAEpE;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,mDAAmD;IACnD,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,yCAAyC;IACzC,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAA;IACtD,oDAAoD;IACpD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACvC;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,OAAO,EAAE,gBAAgB,EAAE,CAAA;IAC3B,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,EAAE,gBAAgB,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/layouts/types.js

@@ -0,0 +1,7 @@
+/**
+ * Layout System Types
+ *
+ * Defines the structure for page layouts that affect how content is rendered.
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/layouts/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/layouts/types.ts"],"names":[],"mappings":"AAAA;;;;GAIG"}

package/dist/layouts/utils.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Layout Utilities
+ *
+ * Functions for working with layout configurations.
+ */
+import type { LayoutDefinition, LayoutConfig, LayoutOption } from './types';
+/**
+ * Resolves a layout config, merging with defaults if needed
+ */
+export declare function resolveLayoutConfig(config?: Partial<LayoutConfig>): LayoutConfig;
+/**
+ * Gets a layout definition by value
+ */
+export declare function getLayout(layouts: LayoutDefinition[], value: string, fallback?: string): LayoutDefinition | undefined;
+/**
+ * Converts layout definitions to Puck select options
+ */
+export declare function layoutsToOptions(layouts: LayoutDefinition[]): LayoutOption[];
+/**
+ * Converts layout definitions to Payload select options
+ */
+export declare function layoutsToPayloadOptions(layouts: LayoutDefinition[]): Array<{
+    label: string;
+    value: string;
+}>;
+/**
+ * Creates a custom layout definition
+ */
+export declare function createLayout(config: Omit<LayoutDefinition, 'value' | 'label'> & {
+    value: string;
+    label: string;
+}): LayoutDefinition;
+/**
+ * Merges layout configurations
+ */
+export declare function mergeLayouts(base: LayoutDefinition[], custom: LayoutDefinition[], options?: {
+    /** Replace base layouts instead of merging */
+    replace?: boolean;
+    /** Exclude these layout values from base */
+    exclude?: string[];
+}): LayoutDefinition[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/layouts/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/layouts/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3E;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,YAAY,CAOhF;AAED;;GAEG;AACH,wBAAgB,SAAS,CACvB,OAAO,EAAE,gBAAgB,EAAE,EAC3B,KAAK,EAAE,MAAM,EACb,QAAQ,SAAY,GACnB,gBAAgB,GAAG,SAAS,CAW9B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,EAAE,GAAG,YAAY,EAAE,CAM5E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,gBAAgB,EAAE,GAC1B,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAKzC;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAClD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,GACA,gBAAgB,CAIlB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,gBAAgB,EAAE,EACxB,MAAM,EAAE,gBAAgB,EAAE,EAC1B,OAAO,CAAC,EAAE;IACR,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACnB,GACA,gBAAgB,EAAE,CAuBpB"}

package/dist/layouts/utils.js

@@ -0,0 +1,83 @@
+/**
+ * Layout Utilities
+ *
+ * Functions for working with layout configurations.
+ */
+import { DEFAULT_LAYOUTS, DEFAULT_LAYOUT_CONFIG } from './defaults';
+/**
+ * Resolves a layout config, merging with defaults if needed
+ */
+export function resolveLayoutConfig(config) {
+    if (!config)
+        return DEFAULT_LAYOUT_CONFIG;
+    return {
+        layouts: config.layouts ?? DEFAULT_LAYOUTS,
+        defaultLayout: config.defaultLayout ?? 'default',
+    };
+}
+/**
+ * Gets a layout definition by value
+ */
+export function getLayout(layouts, value, fallback = 'default') {
+    const layout = layouts.find((l) => l.value === value);
+    if (layout)
+        return layout;
+    // Try fallback
+    if (value !== fallback) {
+        return layouts.find((l) => l.value === fallback);
+    }
+    // Return first layout if nothing matches
+    return layouts[0];
+}
+/**
+ * Converts layout definitions to Puck select options
+ */
+export function layoutsToOptions(layouts) {
+    return layouts.map(({ value, label, description }) => ({
+        value,
+        label,
+        description,
+    }));
+}
+/**
+ * Converts layout definitions to Payload select options
+ */
+export function layoutsToPayloadOptions(layouts) {
+    return layouts.map(({ value, label }) => ({
+        label,
+        value,
+    }));
+}
+/**
+ * Creates a custom layout definition
+ */
+export function createLayout(config) {
+    return {
+        ...config,
+    };
+}
+/**
+ * Merges layout configurations
+ */
+export function mergeLayouts(base, custom, options) {
+    if (options?.replace) {
+        return custom;
+    }
+    let result = [...base];
+    // Exclude specified layouts
+    if (options?.exclude) {
+        result = result.filter((l) => !options.exclude.includes(l.value));
+    }
+    // Merge/override with custom layouts
+    for (const customLayout of custom) {
+        const existingIndex = result.findIndex((l) => l.value === customLayout.value);
+        if (existingIndex >= 0) {
+            result[existingIndex] = customLayout;
+        }
+        else {
+            result.push(customLayout);
+        }
+    }
+    return result;
+}
+//# sourceMappingURL=utils.js.map

package/dist/layouts/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/layouts/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAEnE;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,MAA8B;IAChE,IAAI,CAAC,MAAM;QAAE,OAAO,qBAAqB,CAAA;IAEzC,OAAO;QACL,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,eAAe;QAC1C,aAAa,EAAE,MAAM,CAAC,aAAa,IAAI,SAAS;KACjD,CAAA;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CACvB,OAA2B,EAC3B,KAAa,EACb,QAAQ,GAAG,SAAS;IAEpB,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAA;IACrD,IAAI,MAAM;QAAE,OAAO,MAAM,CAAA;IAEzB,eAAe;IACf,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;QACvB,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAA;IAClD,CAAC;IAED,yCAAyC;IACzC,OAAO,OAAO,CAAC,CAAC,CAAC,CAAA;AACnB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,OAA2B;IAC1D,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC;QACrD,KAAK;QACL,KAAK;QACL,WAAW;KACZ,CAAC,CAAC,CAAA;AACL,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,uBAAuB,CACrC,OAA2B;IAE3B,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACxC,KAAK;QACL,KAAK;KACN,CAAC,CAAC,CAAA;AACL,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,YAAY,CAC1B,MAGC;IAED,OAAO;QACL,GAAG,MAAM;KACV,CAAA;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,YAAY,CAC1B,IAAwB,EACxB,MAA0B,EAC1B,OAKC;IAED,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;QACrB,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,CAAA;IAEtB,4BAA4B;IAC5B,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;QACrB,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,OAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;IACpE,CAAC;IAED,qCAAqC;IACrC,KAAK,MAAM,YAAY,IAAI,MAAM,EAAE,CAAC;QAClC,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,YAAY,CAAC,KAAK,CAAC,CAAA;QAC7E,IAAI,aAAa,IAAI,CAAC,EAAE,CAAC;YACvB,MAAM,CAAC,aAAa,CAAC,GAAG,YAAY,CAAA;QACtC,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QAC3B,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC"}

package/dist/plugin/collections/Pages.d.ts

@@ -0,0 +1,8 @@
+import type { CollectionConfig } from 'payload';
+import type { PuckPluginOptions } from '../../types';
+/**
+ * Generates a Pages collection configuration for Puck
+ */
+export declare function generatePagesCollection(slug: string, options: PuckPluginOptions): CollectionConfig;
+export { puckDataField } from '../fields';
+//# sourceMappingURL=Pages.d.ts.map

package/dist/plugin/collections/Pages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pages.d.ts","sourceRoot":"","sources":["../../../src/plugin/collections/Pages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAU,gBAAgB,EAAS,MAAM,SAAS,CAAA;AAC9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAiBpD;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,iBAAiB,GACzB,gBAAgB,CAoHlB;AAID,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA"}