@mission-studio/puck 1.0.15 → 1.0.16

package/dist/config/server.mjs

@@ -0,0 +1,133 @@
+import {
+  Button,
+  Card,
+  Columns,
+  Container,
+  CustomImage,
+  Divider,
+  FeatureGrid,
+  FeaturesList,
+  Footer,
+  Heading,
+  Icon,
+  Image,
+  ImageCarousel,
+  Paragraph,
+  Popup,
+  Section,
+  Spacer,
+  TextBlock,
+  Topbar,
+  VideoEmbed
+} from "../chunk-ML3AS3AY.mjs";
+import "../chunk-KV2RSRAM.mjs";
+import "../chunk-QSWQDR6M.mjs";
+import "../chunk-D3L26TIT.mjs";
+
+// config/server.tsx
+import { jsx } from "react/jsx-runtime";
+var config = {
+  categories: {
+    typography: {
+      title: "Typography",
+      components: ["Heading", "Paragraph"]
+    },
+    actions: {
+      title: "Actions",
+      components: ["Button"]
+    },
+    media: {
+      title: "Media",
+      components: ["Image", "ImageCarousel", "VideoEmbed", "Icon"]
+    },
+    layout: {
+      title: "Layout",
+      components: [
+        "Section",
+        "Container",
+        "Columns",
+        "Card",
+        "Divider",
+        "Spacer"
+      ]
+    },
+    legacy: {
+      title: "Legacy",
+      components: [
+        "TextBlock",
+        "CustomImage",
+        "FeaturesList",
+        "FeatureGrid",
+        "Footer",
+        "Topbar",
+        "Popup"
+      ],
+      defaultExpanded: false
+    }
+  },
+  components: {
+    Heading: {
+      render: (props) => /* @__PURE__ */ jsx(Heading, { ...props })
+    },
+    Paragraph: {
+      render: (props) => /* @__PURE__ */ jsx(Paragraph, { ...props })
+    },
+    Button: {
+      render: (props) => /* @__PURE__ */ jsx(Button, { ...props })
+    },
+    Image: {
+      render: (props) => /* @__PURE__ */ jsx(Image, { ...props })
+    },
+    ImageCarousel: {
+      render: (props) => /* @__PURE__ */ jsx(ImageCarousel, { ...props })
+    },
+    VideoEmbed: {
+      render: (props) => /* @__PURE__ */ jsx(VideoEmbed, { ...props })
+    },
+    Icon: {
+      render: (props) => /* @__PURE__ */ jsx(Icon, { ...props })
+    },
+    Section: {
+      render: (props) => /* @__PURE__ */ jsx(Section, { ...props })
+    },
+    Container: {
+      render: (props) => /* @__PURE__ */ jsx(Container, { ...props })
+    },
+    Columns: {
+      render: (props) => /* @__PURE__ */ jsx(Columns, { ...props })
+    },
+    Card: {
+      render: (props) => /* @__PURE__ */ jsx(Card, { ...props })
+    },
+    Divider: {
+      render: (props) => /* @__PURE__ */ jsx(Divider, { ...props })
+    },
+    Spacer: {
+      render: (props) => /* @__PURE__ */ jsx(Spacer, { ...props })
+    },
+    TextBlock: {
+      render: (props) => /* @__PURE__ */ jsx(TextBlock, { ...props })
+    },
+    CustomImage: {
+      render: (props) => /* @__PURE__ */ jsx(CustomImage, { ...props })
+    },
+    FeaturesList: {
+      render: (props) => /* @__PURE__ */ jsx(FeaturesList, { ...props })
+    },
+    FeatureGrid: {
+      render: (props) => /* @__PURE__ */ jsx(FeatureGrid, { ...props })
+    },
+    Footer: {
+      render: (props) => /* @__PURE__ */ jsx(Footer, { ...props })
+    },
+    Topbar: {
+      render: (props) => /* @__PURE__ */ jsx(Topbar, { ...props })
+    },
+    Popup: {
+      render: (props) => /* @__PURE__ */ jsx(Popup, { ...props })
+    }
+  }
+};
+export {
+  config
+};

package/dist/config-entry.mjs

@@ -6,7 +6,7 @@ import {
   createShadowField,
   createSpacingField,
   createThemeableColorField
-} from "./chunk-JD6CULMT.mjs";
+} from "./chunk-SYXQQITG.mjs";
 import "./chunk-A3QDUUOF.mjs";
 import {
   Button,
@@ -30,9 +30,10 @@ import {
   Topbar,
   VideoEmbed,
   availableIcons
-} from "./chunk-HHHD5TX2.mjs";
-import "./chunk-XRKFMCSS.mjs";
+} from "./chunk-ML3AS3AY.mjs";
+import "./chunk-KV2RSRAM.mjs";
 import "./chunk-QSWQDR6M.mjs";
+import "./chunk-D3L26TIT.mjs";
 
 // config.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/editor.d.mts

@@ -1,6 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as Entry, n as EntryBoundValue, k as ThemeableColorValue, C as ColorValue, b as ThemeColorKey, o as CustomFieldProps, R as ResponsiveVisibility } from './ResponsiveToggleField-BGofgB3u.mjs';
-export { D as DEFAULT_THEME, p as EntryContent, P as PageTheme, q as ResponsiveToggleField, T as ThemeBorderKey, a as ThemeBorders, c as ThemeColors, d as ThemeProvider, e as ThemeShadowKey, f as ThemeShadows, g as ThemeSpacing, h as ThemeSpacingKey, i as ThemeTypography, j as ThemeableBorderRadiusValue, l as ThemeableShadowValue, m as ThemeableSpacingValue, u as useTheme } from './ResponsiveToggleField-BGofgB3u.mjs';
+import { R as ResponsiveVisibility } from './ResponsiveToggleField-BihXsGIJ.mjs';
+export { D as DEFAULT_THEME, a as ResponsiveToggleField, T as ThemeProvider, u as useTheme } from './ResponsiveToggleField-BihXsGIJ.mjs';
+import { E as Entry, n as EntryBoundValue, j as ThemeableColorValue, C as ColorValue, b as ThemeColorKey, m as CustomFieldProps } from './types-D-CIduaE.mjs';
+export { o as EntryContent, P as PageTheme, T as ThemeBorderKey, a as ThemeBorders, c as ThemeColors, d as ThemeShadowKey, e as ThemeShadows, f as ThemeSpacing, g as ThemeSpacingKey, h as ThemeTypography, i as ThemeableBorderRadiusValue, k as ThemeableShadowValue, l as ThemeableSpacingValue } from './types-D-CIduaE.mjs';
 export { B as BorderRadiusPreset, C as ColorPreset, F as FontFamilyPreset, a as FontSizePreset, b as FontWeightPreset, S as ShadowPreset, c as SpacingPreset, d as allColorPresets, e as borderRadiusScale, f as fontFamilies, g as fontSizes, h as fontWeights, i as getBorderRadiusCSS, j as getClosestBorderRadiusValue, k as getClosestSpacingValue, l as getFontSizeCSS, m as getShadowCSS, n as neutralColors, s as shadowPresets, o as spacingScale } from './typography-DwjKOx3F.mjs';
 import { ReactNode } from 'react';
 import { Data } from '@measured/puck';

package/dist/editor.d.ts

@@ -1,6 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { E as Entry, n as EntryBoundValue, k as ThemeableColorValue, C as ColorValue, b as ThemeColorKey, o as CustomFieldProps, R as ResponsiveVisibility } from './ResponsiveToggleField-BGofgB3u.js';
-export { D as DEFAULT_THEME, p as EntryContent, P as PageTheme, q as ResponsiveToggleField, T as ThemeBorderKey, a as ThemeBorders, c as ThemeColors, d as ThemeProvider, e as ThemeShadowKey, f as ThemeShadows, g as ThemeSpacing, h as ThemeSpacingKey, i as ThemeTypography, j as ThemeableBorderRadiusValue, l as ThemeableShadowValue, m as ThemeableSpacingValue, u as useTheme } from './ResponsiveToggleField-BGofgB3u.js';
+import { R as ResponsiveVisibility } from './ResponsiveToggleField-CfBKL5oY.js';
+export { D as DEFAULT_THEME, a as ResponsiveToggleField, T as ThemeProvider, u as useTheme } from './ResponsiveToggleField-CfBKL5oY.js';
+import { E as Entry, n as EntryBoundValue, j as ThemeableColorValue, C as ColorValue, b as ThemeColorKey, m as CustomFieldProps } from './types-D-CIduaE.js';
+export { o as EntryContent, P as PageTheme, T as ThemeBorderKey, a as ThemeBorders, c as ThemeColors, d as ThemeShadowKey, e as ThemeShadows, f as ThemeSpacing, g as ThemeSpacingKey, h as ThemeTypography, i as ThemeableBorderRadiusValue, k as ThemeableShadowValue, l as ThemeableSpacingValue } from './types-D-CIduaE.js';
 export { B as BorderRadiusPreset, C as ColorPreset, F as FontFamilyPreset, a as FontSizePreset, b as FontWeightPreset, S as ShadowPreset, c as SpacingPreset, d as allColorPresets, e as borderRadiusScale, f as fontFamilies, g as fontSizes, h as fontWeights, i as getBorderRadiusCSS, j as getClosestBorderRadiusValue, k as getClosestSpacingValue, l as getFontSizeCSS, m as getShadowCSS, n as neutralColors, s as shadowPresets, o as spacingScale } from './typography-DwjKOx3F.js';
 import { ReactNode } from 'react';
 import { Data } from '@measured/puck';

package/dist/editor.mjs

@@ -16,7 +16,7 @@ import {
   createSpacingField,
   createThemeableColorField,
   createTypographyField
-} from "./chunk-JD6CULMT.mjs";
+} from "./chunk-SYXQQITG.mjs";
 import {
   allColorPresets,
   neutralColors
@@ -33,14 +33,16 @@ import {
   spacingScale
 } from "./chunk-A3QDUUOF.mjs";
 import {
-  DEFAULT_THEME,
   EntriesProvider,
   ThemeProvider,
   getShadowCSS,
   shadowPresets,
   useEntries,
   useTheme
-} from "./chunk-XRKFMCSS.mjs";
+} from "./chunk-KV2RSRAM.mjs";
+import {
+  DEFAULT_THEME
+} from "./chunk-D3L26TIT.mjs";
 
 // components/editor/TemplatesList.tsx
 import { usePuck } from "@measured/puck";

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 export { Button, ButtonProps, Card, CardProps, CarouselImage, Columns, ColumnsProps, Container, ContainerProps, CustomImage, CustomImageProps, Divider, DividerProps, FeatureGrid, FeatureGridProps, FeaturesList, FeaturesListProps, Footer, FooterProps, Heading, HeadingProps, Icon, IconProps, Image, ImageCarousel, ImageCarouselProps, ImageProps, Paragraph, ParagraphProps, Popup, PopupProps, Section, SectionProps, Spacer, SpacerProps, TextBlock, TextBlockProps, Topbar, TopbarProps, VideoEmbed, VideoEmbedProps, availableIcons } from './renderer.mjs';
-export { D as DEFAULT_THEME, P as PageTheme, T as ThemeBorderKey, a as ThemeBorders, b as ThemeColorKey, c as ThemeColors, d as ThemeProvider, e as ThemeShadowKey, f as ThemeShadows, g as ThemeSpacing, h as ThemeSpacingKey, i as ThemeTypography, j as ThemeableBorderRadiusValue, k as ThemeableColorValue, l as ThemeableShadowValue, m as ThemeableSpacingValue, u as useTheme } from './ResponsiveToggleField-BGofgB3u.mjs';
+export { D as DEFAULT_THEME, T as ThemeProvider, u as useTheme } from './ResponsiveToggleField-BihXsGIJ.mjs';
+export { P as PageTheme, T as ThemeBorderKey, a as ThemeBorders, b as ThemeColorKey, c as ThemeColors, d as ThemeShadowKey, e as ThemeShadows, f as ThemeSpacing, g as ThemeSpacingKey, h as ThemeTypography, i as ThemeableBorderRadiusValue, j as ThemeableColorValue, k as ThemeableShadowValue, l as ThemeableSpacingValue } from './types-D-CIduaE.mjs';
 export { B as BorderRadiusPreset, C as ColorPreset, F as FontFamilyPreset, a as FontSizePreset, b as FontWeightPreset, S as ShadowPreset, c as SpacingPreset, d as allColorPresets, e as borderRadiusScale, f as fontFamilies, g as fontSizes, h as fontWeights, i as getBorderRadiusCSS, j as getClosestBorderRadiusValue, k as getClosestSpacingValue, l as getFontSizeCSS, m as getShadowCSS, n as neutralColors, s as shadowPresets, o as spacingScale } from './typography-DwjKOx3F.mjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { Button, ButtonProps, Card, CardProps, CarouselImage, Columns, ColumnsProps, Container, ContainerProps, CustomImage, CustomImageProps, Divider, DividerProps, FeatureGrid, FeatureGridProps, FeaturesList, FeaturesListProps, Footer, FooterProps, Heading, HeadingProps, Icon, IconProps, Image, ImageCarousel, ImageCarouselProps, ImageProps, Paragraph, ParagraphProps, Popup, PopupProps, Section, SectionProps, Spacer, SpacerProps, TextBlock, TextBlockProps, Topbar, TopbarProps, VideoEmbed, VideoEmbedProps, availableIcons } from './renderer.js';
-export { D as DEFAULT_THEME, P as PageTheme, T as ThemeBorderKey, a as ThemeBorders, b as ThemeColorKey, c as ThemeColors, d as ThemeProvider, e as ThemeShadowKey, f as ThemeShadows, g as ThemeSpacing, h as ThemeSpacingKey, i as ThemeTypography, j as ThemeableBorderRadiusValue, k as ThemeableColorValue, l as ThemeableShadowValue, m as ThemeableSpacingValue, u as useTheme } from './ResponsiveToggleField-BGofgB3u.js';
+export { D as DEFAULT_THEME, T as ThemeProvider, u as useTheme } from './ResponsiveToggleField-CfBKL5oY.js';
+export { P as PageTheme, T as ThemeBorderKey, a as ThemeBorders, b as ThemeColorKey, c as ThemeColors, d as ThemeShadowKey, e as ThemeShadows, f as ThemeSpacing, g as ThemeSpacingKey, h as ThemeTypography, i as ThemeableBorderRadiusValue, j as ThemeableColorValue, k as ThemeableShadowValue, l as ThemeableSpacingValue } from './types-D-CIduaE.js';
 export { B as BorderRadiusPreset, C as ColorPreset, F as FontFamilyPreset, a as FontSizePreset, b as FontWeightPreset, S as ShadowPreset, c as SpacingPreset, d as allColorPresets, e as borderRadiusScale, f as fontFamilies, g as fontSizes, h as fontWeights, i as getBorderRadiusCSS, j as getClosestBorderRadiusValue, k as getClosestSpacingValue, l as getFontSizeCSS, m as getShadowCSS, n as neutralColors, s as shadowPresets, o as spacingScale } from './typography-DwjKOx3F.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.mjs

@@ -35,15 +35,17 @@ import {
   Topbar,
   VideoEmbed,
   availableIcons
-} from "./chunk-HHHD5TX2.mjs";
+} from "./chunk-ML3AS3AY.mjs";
 import {
-  DEFAULT_THEME,
   ThemeProvider,
   getShadowCSS,
   shadowPresets,
   useTheme
-} from "./chunk-XRKFMCSS.mjs";
+} from "./chunk-KV2RSRAM.mjs";
 import "./chunk-QSWQDR6M.mjs";
+import {
+  DEFAULT_THEME
+} from "./chunk-D3L26TIT.mjs";
 export {
   Button,
   Card,

package/dist/renderer.d.mts

@@ -1,7 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { n as EntryBoundValue, k as ThemeableColorValue, C as ColorValue, R as ResponsiveVisibility } from './ResponsiveToggleField-BGofgB3u.mjs';
-export { D as DEFAULT_THEME, P as PageTheme, T as ThemeBorderKey, a as ThemeBorders, b as ThemeColorKey, c as ThemeColors, d as ThemeProvider, e as ThemeShadowKey, f as ThemeShadows, g as ThemeSpacing, h as ThemeSpacingKey, i as ThemeTypography, j as ThemeableBorderRadiusValue, l as ThemeableShadowValue, m as ThemeableSpacingValue, u as useTheme } from './ResponsiveToggleField-BGofgB3u.mjs';
+import { n as EntryBoundValue, j as ThemeableColorValue, C as ColorValue } from './types-D-CIduaE.mjs';
+export { P as PageTheme, T as ThemeBorderKey, a as ThemeBorders, b as ThemeColorKey, c as ThemeColors, d as ThemeShadowKey, e as ThemeShadows, f as ThemeSpacing, g as ThemeSpacingKey, h as ThemeTypography, i as ThemeableBorderRadiusValue, k as ThemeableShadowValue, l as ThemeableSpacingValue } from './types-D-CIduaE.mjs';
 import { ReactNode } from 'react';
+import { R as ResponsiveVisibility } from './ResponsiveToggleField-BihXsGIJ.mjs';
+export { D as DEFAULT_THEME, T as ThemeProvider, u as useTheme } from './ResponsiveToggleField-BihXsGIJ.mjs';
 import { PuckContext } from '@measured/puck';
 
 type HeadingProps = {

package/dist/renderer.d.ts

@@ -1,7 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { n as EntryBoundValue, k as ThemeableColorValue, C as ColorValue, R as ResponsiveVisibility } from './ResponsiveToggleField-BGofgB3u.js';
-export { D as DEFAULT_THEME, P as PageTheme, T as ThemeBorderKey, a as ThemeBorders, b as ThemeColorKey, c as ThemeColors, d as ThemeProvider, e as ThemeShadowKey, f as ThemeShadows, g as ThemeSpacing, h as ThemeSpacingKey, i as ThemeTypography, j as ThemeableBorderRadiusValue, l as ThemeableShadowValue, m as ThemeableSpacingValue, u as useTheme } from './ResponsiveToggleField-BGofgB3u.js';
+import { n as EntryBoundValue, j as ThemeableColorValue, C as ColorValue } from './types-D-CIduaE.js';
+export { P as PageTheme, T as ThemeBorderKey, a as ThemeBorders, b as ThemeColorKey, c as ThemeColors, d as ThemeShadowKey, e as ThemeShadows, f as ThemeSpacing, g as ThemeSpacingKey, h as ThemeTypography, i as ThemeableBorderRadiusValue, k as ThemeableShadowValue, l as ThemeableSpacingValue } from './types-D-CIduaE.js';
 import { ReactNode } from 'react';
+import { R as ResponsiveVisibility } from './ResponsiveToggleField-CfBKL5oY.js';
+export { D as DEFAULT_THEME, T as ThemeProvider, u as useTheme } from './ResponsiveToggleField-CfBKL5oY.js';
 import { PuckContext } from '@measured/puck';
 
 type HeadingProps = {

package/dist/renderer.mjs

@@ -20,13 +20,15 @@ import {
   Topbar,
   VideoEmbed,
   availableIcons
-} from "./chunk-HHHD5TX2.mjs";
+} from "./chunk-ML3AS3AY.mjs";
 import {
-  DEFAULT_THEME,
   ThemeProvider,
   useTheme
-} from "./chunk-XRKFMCSS.mjs";
+} from "./chunk-KV2RSRAM.mjs";
 import "./chunk-QSWQDR6M.mjs";
+import {
+  DEFAULT_THEME
+} from "./chunk-D3L26TIT.mjs";
 export {
   Button,
   Card,

package/dist/resolve/index.d.mts

@@ -0,0 +1,10 @@
+import { Data } from '@measured/puck';
+import { P as PageTheme, E as Entry } from '../types-D-CIduaE.mjs';
+
+interface ResolvePageDataOptions {
+    theme: PageTheme | null;
+    entries?: Entry[];
+}
+declare function resolvePageData(data: Data, options: ResolvePageDataOptions): Data;
+
+export { type ResolvePageDataOptions, resolvePageData };

package/dist/resolve/index.d.ts

@@ -0,0 +1,10 @@
+import { Data } from '@measured/puck';
+import { P as PageTheme, E as Entry } from '../types-D-CIduaE.js';
+
+interface ResolvePageDataOptions {
+    theme: PageTheme | null;
+    entries?: Entry[];
+}
+declare function resolvePageData(data: Data, options: ResolvePageDataOptions): Data;
+
+export { type ResolvePageDataOptions, resolvePageData };

package/dist/resolve/index.js

@@ -0,0 +1,202 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// resolve/index.ts
+var resolve_exports = {};
+__export(resolve_exports, {
+  resolvePageData: () => resolvePageData
+});
+module.exports = __toCommonJS(resolve_exports);
+
+// theme/defaults.ts
+var DEFAULT_THEME = {
+  id: "default",
+  name: "Default Theme",
+  colors: {
+    primary: { color: "#3B82F6", opacity: 100 },
+    secondary: { color: "#8B5CF6", opacity: 100 },
+    accent: { color: "#10B981", opacity: 100 },
+    background: { color: "#FFFFFF", opacity: 100 },
+    foreground: { color: "#111827", opacity: 100 },
+    muted: { color: "#F3F4F6", opacity: 100 }
+  },
+  typography: {
+    fontFamily: {
+      heading: "system-ui, sans-serif",
+      body: "system-ui, sans-serif"
+    },
+    fontSize: {
+      base: "base",
+      heading: "4xl"
+    },
+    fontWeight: {
+      normal: 400,
+      heading: 700
+    }
+  },
+  spacing: {
+    xs: 8,
+    sm: 12,
+    md: 16,
+    lg: 24,
+    xl: 32
+  },
+  borders: {
+    radiusSmall: 4,
+    radiusMedium: 8,
+    radiusLarge: 16
+  },
+  shadows: {
+    small: "sm",
+    medium: "md",
+    large: "lg"
+  }
+};
+
+// utils/index.ts
+var import_tailwind_merge = require("tailwind-merge");
+var import_clsx = require("clsx");
+function hexToRgba(hex, opacity) {
+  const sanitized = hex.replace("#", "");
+  const r = parseInt(sanitized.slice(0, 2), 16);
+  const g = parseInt(sanitized.slice(2, 4), 16);
+  const b = parseInt(sanitized.slice(4, 6), 16);
+  return `rgba(${r}, ${g}, ${b}, ${opacity / 100})`;
+}
+
+// resolve/theme.ts
+function resolveThemeColor(theme, themeKey) {
+  const activeTheme = theme ?? DEFAULT_THEME;
+  return activeTheme.colors[themeKey];
+}
+function resolveThemeableColor(theme, value) {
+  if (!value) {
+    return hexToRgba(
+      resolveThemeColor(theme, "foreground").color,
+      resolveThemeColor(theme, "foreground").opacity
+    );
+  }
+  if (typeof value === "string") {
+    return hexToRgba(value, 100);
+  }
+  if ("useTheme" in value) {
+    if (value.useTheme) {
+      const resolved = resolveThemeColor(theme, value.themeKey);
+      return hexToRgba(resolved.color, resolved.opacity);
+    }
+    return hexToRgba(value.value.color, value.value.opacity);
+  }
+  if ("color" in value) {
+    return hexToRgba(value.color, value.opacity);
+  }
+  const defaultColor = resolveThemeColor(theme, "foreground");
+  return hexToRgba(defaultColor.color, defaultColor.opacity);
+}
+
+// resolve/entries.ts
+function getEntryValue(entries, entryName, fieldKey) {
+  const entry = entries.find((e) => e.name === entryName);
+  if (!entry) return void 0;
+  return entry.content[fieldKey];
+}
+function resolveEntryValue(entries, value) {
+  if (!value) return void 0;
+  if (typeof value !== "object") {
+    return value;
+  }
+  if ("useEntry" in value) {
+    if (value.useEntry) {
+      const resolved = getEntryValue(entries, value.entryName, value.fieldKey);
+      return resolved ?? "";
+    }
+    return value.value;
+  }
+  return value;
+}
+
+// resolve/index.ts
+function isThemeableColorValue(value) {
+  return typeof value === "object" && value !== null && "useTheme" in value;
+}
+function isColorValue(value) {
+  return typeof value === "object" && value !== null && "color" in value && "opacity" in value;
+}
+function resolveProp(theme, entries, value) {
+  if (value === void 0 || value === null) {
+    return value;
+  }
+  if (isThemeableColorValue(value)) {
+    return resolveThemeableColor(theme, value);
+  }
+  if (isColorValue(value)) {
+    return value;
+  }
+  if (typeof value === "object" && value !== null && "useEntry" in value) {
+    return resolveEntryValue(entries, value);
+  }
+  if (typeof value === "object") {
+    const resolved = {};
+    for (const [key, val] of Object.entries(value)) {
+      resolved[key] = resolveProp(theme, entries, val);
+    }
+    return resolved;
+  }
+  if (Array.isArray(value)) {
+    return value.map((item) => resolveProp(theme, entries, item));
+  }
+  return value;
+}
+function resolveComponentProps(theme, entries, component) {
+  const resolvedProps = {};
+  for (const [key, value] of Object.entries(component.props)) {
+    resolvedProps[key] = resolveProp(theme, entries, value);
+  }
+  return {
+    ...component,
+    props: resolvedProps
+  };
+}
+function resolveContent(theme, entries, content) {
+  return content.map(
+    (component) => resolveComponentProps(theme, entries, component)
+  );
+}
+function resolveZones(theme, entries, zones) {
+  const resolvedZones = {};
+  for (const [zoneKey, zoneContent] of Object.entries(zones)) {
+    resolvedZones[zoneKey] = resolveContent(theme, entries, zoneContent);
+  }
+  return resolvedZones;
+}
+function resolvePageData(data, options) {
+  const { theme, entries = [] } = options;
+  return {
+    ...data,
+    content: resolveContent(theme, entries, data.content),
+    zones: resolveZones(
+      theme,
+      entries,
+      data.zones
+    )
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  resolvePageData
+});

package/dist/resolve/index.mjs

@@ -0,0 +1,124 @@
+import {
+  DEFAULT_THEME,
+  hexToRgba
+} from "../chunk-D3L26TIT.mjs";
+
+// resolve/theme.ts
+function resolveThemeColor(theme, themeKey) {
+  const activeTheme = theme ?? DEFAULT_THEME;
+  return activeTheme.colors[themeKey];
+}
+function resolveThemeableColor(theme, value) {
+  if (!value) {
+    return hexToRgba(
+      resolveThemeColor(theme, "foreground").color,
+      resolveThemeColor(theme, "foreground").opacity
+    );
+  }
+  if (typeof value === "string") {
+    return hexToRgba(value, 100);
+  }
+  if ("useTheme" in value) {
+    if (value.useTheme) {
+      const resolved = resolveThemeColor(theme, value.themeKey);
+      return hexToRgba(resolved.color, resolved.opacity);
+    }
+    return hexToRgba(value.value.color, value.value.opacity);
+  }
+  if ("color" in value) {
+    return hexToRgba(value.color, value.opacity);
+  }
+  const defaultColor = resolveThemeColor(theme, "foreground");
+  return hexToRgba(defaultColor.color, defaultColor.opacity);
+}
+
+// resolve/entries.ts
+function getEntryValue(entries, entryName, fieldKey) {
+  const entry = entries.find((e) => e.name === entryName);
+  if (!entry) return void 0;
+  return entry.content[fieldKey];
+}
+function resolveEntryValue(entries, value) {
+  if (!value) return void 0;
+  if (typeof value !== "object") {
+    return value;
+  }
+  if ("useEntry" in value) {
+    if (value.useEntry) {
+      const resolved = getEntryValue(entries, value.entryName, value.fieldKey);
+      return resolved ?? "";
+    }
+    return value.value;
+  }
+  return value;
+}
+
+// resolve/index.ts
+function isThemeableColorValue(value) {
+  return typeof value === "object" && value !== null && "useTheme" in value;
+}
+function isColorValue(value) {
+  return typeof value === "object" && value !== null && "color" in value && "opacity" in value;
+}
+function resolveProp(theme, entries, value) {
+  if (value === void 0 || value === null) {
+    return value;
+  }
+  if (isThemeableColorValue(value)) {
+    return resolveThemeableColor(theme, value);
+  }
+  if (isColorValue(value)) {
+    return value;
+  }
+  if (typeof value === "object" && value !== null && "useEntry" in value) {
+    return resolveEntryValue(entries, value);
+  }
+  if (typeof value === "object") {
+    const resolved = {};
+    for (const [key, val] of Object.entries(value)) {
+      resolved[key] = resolveProp(theme, entries, val);
+    }
+    return resolved;
+  }
+  if (Array.isArray(value)) {
+    return value.map((item) => resolveProp(theme, entries, item));
+  }
+  return value;
+}
+function resolveComponentProps(theme, entries, component) {
+  const resolvedProps = {};
+  for (const [key, value] of Object.entries(component.props)) {
+    resolvedProps[key] = resolveProp(theme, entries, value);
+  }
+  return {
+    ...component,
+    props: resolvedProps
+  };
+}
+function resolveContent(theme, entries, content) {
+  return content.map(
+    (component) => resolveComponentProps(theme, entries, component)
+  );
+}
+function resolveZones(theme, entries, zones) {
+  const resolvedZones = {};
+  for (const [zoneKey, zoneContent] of Object.entries(zones)) {
+    resolvedZones[zoneKey] = resolveContent(theme, entries, zoneContent);
+  }
+  return resolvedZones;
+}
+function resolvePageData(data, options) {
+  const { theme, entries = [] } = options;
+  return {
+    ...data,
+    content: resolveContent(theme, entries, data.content),
+    zones: resolveZones(
+      theme,
+      entries,
+      data.zones
+    )
+  };
+}
+export {
+  resolvePageData
+};