@mission-studio/puck 1.0.19 → 1.0.21

package/dist/config/server.js

@@ -24,119 +24,8 @@ __export(server_exports, {
 });
 module.exports = __toCommonJS(server_exports);
 
-// entries/context.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var EntriesContext = (0, import_react.createContext)(null);
-function useEntries() {
-  const context = (0, import_react.useContext)(EntriesContext);
-  if (!context) {
-    return {
-      entries: [],
-      entryNames: [],
-      getEntry: () => void 0,
-      getEntryValue: () => void 0
-    };
-  }
-  return context;
-}
-
-// theme/context.tsx
-var import_react2 = require("react");
-
-// 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"
-  }
-};
-
-// theme/context.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var ThemeContext = (0, import_react2.createContext)(null);
-function useTheme() {
-  const context = (0, import_react2.useContext)(ThemeContext);
-  if (!context) {
-    return {
-      theme: DEFAULT_THEME,
-      resolveColor: (key) => DEFAULT_THEME.colors[key],
-      resolveSpacing: (key) => DEFAULT_THEME.spacing[key],
-      resolveBorderRadius: (key) => DEFAULT_THEME.borders[key],
-      resolveShadow: (key) => DEFAULT_THEME.shadows[key]
-    };
-  }
-  return context;
-}
-
-// utils/index.ts
-var import_tailwind_merge = require("tailwind-merge");
-var import_clsx = require("clsx");
-function hexToRgba(hex, opacity) {
-  if (hex.startsWith("rgba(")) {
-    const rgbaMatch = hex.match(
-      /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*[\d.]+)?\)/
-    );
-    if (rgbaMatch) {
-      return `rgba(${rgbaMatch[1]}, ${rgbaMatch[2]}, ${rgbaMatch[3]}, ${opacity / 100})`;
-    }
-  }
-  if (hex.startsWith("rgb(")) {
-    const rgbMatch = hex.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
-    if (rgbMatch) {
-      return `rgba(${rgbMatch[1]}, ${rgbMatch[2]}, ${rgbMatch[3]}, ${opacity / 100})`;
-    }
-  }
-  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})`;
-}
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
-// components/page/Heading.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var sizeMap = {
+// components/page/primitives/Heading.ts
+var headingSizeMap = {
   xs: "0.875rem",
   sm: "1rem",
   md: "1.25rem",
@@ -146,144 +35,132 @@ var sizeMap = {
   "3xl": "3rem",
   "4xl": "4rem"
 };
-var weightMap = {
+var headingWeightMap = {
   normal: 400,
   medium: 500,
   semibold: 600,
   bold: 700,
   extrabold: 800
 };
-var letterSpacingMap = {
+var headingLetterSpacingMap = {
   tight: "-0.025em",
   normal: "0",
   wide: "0.05em"
 };
-var lineHeightMap = {
+var headingLineHeightMap = {
   tight: "1.1",
   normal: "1.4",
   relaxed: "1.6"
 };
-function isThemeableValue(value) {
-  return typeof value === "object" && value !== null && "useTheme" in value;
-}
-function isEntryBoundValue(value) {
-  return typeof value === "object" && value !== null && "useEntry" in value;
+function getHeadingStyle(props) {
+  return {
+    fontSize: headingSizeMap[props.size],
+    fontWeight: headingWeightMap[props.weight],
+    color: props.color,
+    textAlign: props.align,
+    letterSpacing: headingLetterSpacingMap[props.letterSpacing],
+    lineHeight: headingLineHeightMap[props.lineHeight],
+    margin: 0
+  };
 }
+
+// components/page/astro/Heading.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 function Heading({
   text,
   level = "h2",
   size = "2xl",
   weight = "bold",
-  color,
+  color = "rgba(0, 0, 0, 1)",
   align = "left",
   letterSpacing = "normal",
   lineHeight = "tight",
   id
 }) {
-  const { resolveColor: resolveColor2 } = useTheme();
-  const { getEntryValue } = useEntries();
-  const resolvedText = (() => {
-    if (!text) return "";
-    if (typeof text === "string") return text;
-    if (isEntryBoundValue(text)) {
-      if (text.useEntry) {
-        return String(getEntryValue(text.entryName, text.fieldKey) ?? "");
-      }
-      return text.value;
-    }
-    return "";
-  })();
-  const resolvedColor = (() => {
-    if (!color) return resolveColor2("foreground");
-    if (typeof color === "string") return { color, opacity: 100 };
-    if (isThemeableValue(color)) {
-      return color.useTheme ? resolveColor2(color.themeKey) : color.value;
-    }
-    if ("color" in color) return color;
-    return resolveColor2("foreground");
-  })();
+  const resolvedText = text || "";
   const Tag = level;
-  const style = {
-    fontSize: sizeMap[size],
-    fontWeight: weightMap[weight],
-    color: hexToRgba(resolvedColor.color, resolvedColor.opacity),
-    textAlign: align,
-    letterSpacing: letterSpacingMap[letterSpacing],
-    lineHeight: lineHeightMap[lineHeight],
-    margin: 0
-  };
+  const style = getHeadingStyle({
+    size,
+    weight,
+    color,
+    align,
+    letterSpacing,
+    lineHeight
+  });
   if (!resolvedText) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Tag, { id, style, children: resolvedText });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, { id, style, children: resolvedText });
 }
 
-// components/page/Paragraph.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var sizeMap2 = {
+// components/page/primitives/Paragraph.ts
+var paragraphSizeMap = {
   sm: "0.875rem",
   base: "1rem",
   lg: "1.125rem",
   xl: "1.25rem"
 };
-var weightMap2 = {
+var paragraphWeightMap = {
   normal: 400,
   medium: 500,
   semibold: 600
 };
-var lineHeightMap2 = {
+var paragraphLineHeightMap = {
   tight: "1.4",
   normal: "1.6",
   relaxed: "1.75",
   loose: "2"
 };
-function isThemeableValue2(value) {
-  return typeof value === "object" && value !== null && "useTheme" in value;
-}
-function isEntryBoundValue2(value) {
-  return typeof value === "object" && value !== null && "useEntry" in value;
+function getParagraphStyle(props) {
+  return {
+    fontSize: paragraphSizeMap[props.size],
+    fontWeight: paragraphWeightMap[props.weight],
+    color: props.color,
+    textAlign: props.align,
+    lineHeight: paragraphLineHeightMap[props.lineHeight],
+    maxWidth: props.maxWidth || void 0,
+    margin: 0
+  };
 }
+
+// components/page/astro/Paragraph.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function Paragraph({
   text,
   size = "base",
   weight = "normal",
-  color,
+  color = "rgba(0, 0, 0, 1)",
   align = "left",
   lineHeight = "normal",
   maxWidth,
   id
 }) {
-  const { resolveColor: resolveColor2 } = useTheme();
-  const { getEntryValue } = useEntries();
-  const resolvedText = (() => {
-    if (!text) return "";
-    if (typeof text === "string") return text;
-    if (isEntryBoundValue2(text)) {
-      if (text.useEntry) {
-        return String(getEntryValue(text.entryName, text.fieldKey) ?? "");
-      }
-      return text.value;
-    }
-    return "";
-  })();
-  const resolvedColor = (() => {
-    if (!color) return resolveColor2("foreground");
-    if (typeof color === "string") return { color, opacity: 100 };
-    if (isThemeableValue2(color)) {
-      return color.useTheme ? resolveColor2(color.themeKey) : color.value;
-    }
-    if ("color" in color) return color;
-    return resolveColor2("foreground");
-  })();
-  const style = {
-    fontSize: sizeMap2[size],
-    fontWeight: weightMap2[weight],
-    color: hexToRgba(resolvedColor.color, resolvedColor.opacity),
-    textAlign: align,
-    lineHeight: lineHeightMap2[lineHeight],
-    maxWidth: maxWidth || void 0,
-    margin: 0
-  };
+  const resolvedText = text || "";
+  const style = getParagraphStyle({
+    size,
+    weight,
+    color,
+    align,
+    lineHeight,
+    maxWidth
+  });
   if (!resolvedText) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { id, style, children: resolvedText });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { id, style, children: resolvedText });
+}
+
+// entries/context.tsx
+var import_react = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var EntriesContext = (0, import_react.createContext)(null);
+function useEntries() {
+  const context = (0, import_react.useContext)(EntriesContext);
+  if (!context) {
+    return {
+      entries: [],
+      entryNames: [],
+      getEntry: () => void 0,
+      getEntryValue: () => void 0
+    };
+  }
+  return context;
 }
 
 // hooks/useGtmEvent.ts
@@ -297,10 +174,10 @@ function useGtmEvent() {
 }
 
 // hooks/useUtmParams.ts
-var import_react3 = require("react");
+var import_react2 = require("react");
 function useUtmParams() {
-  const [utmParams, setUtmParams] = (0, import_react3.useState)({});
-  (0, import_react3.useEffect)(() => {
+  const [utmParams, setUtmParams] = (0, import_react2.useState)({});
+  (0, import_react2.useEffect)(() => {
     if (typeof window === "undefined") return;
     const urlParams = new URLSearchParams(window.location.search);
     const source = urlParams.get("utm_source");
@@ -349,6 +226,99 @@ function useUtmParams() {
   return utmParams;
 }
 
+// theme/context.tsx
+var import_react3 = require("react");
+
+// 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"
+  }
+};
+
+// theme/context.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ThemeContext = (0, import_react3.createContext)(null);
+function useTheme() {
+  const context = (0, import_react3.useContext)(ThemeContext);
+  if (!context) {
+    return {
+      theme: DEFAULT_THEME,
+      resolveColor: (key) => DEFAULT_THEME.colors[key],
+      resolveSpacing: (key) => DEFAULT_THEME.spacing[key],
+      resolveBorderRadius: (key) => DEFAULT_THEME.borders[key],
+      resolveShadow: (key) => DEFAULT_THEME.shadows[key]
+    };
+  }
+  return context;
+}
+
+// utils/index.ts
+var import_tailwind_merge = require("tailwind-merge");
+var import_clsx = require("clsx");
+function hexToRgba(hex, opacity) {
+  if (hex.startsWith("rgba(")) {
+    const rgbaMatch = hex.match(
+      /rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*[\d.]+)?\)/
+    );
+    if (rgbaMatch) {
+      return `rgba(${rgbaMatch[1]}, ${rgbaMatch[2]}, ${rgbaMatch[3]}, ${opacity / 100})`;
+    }
+  }
+  if (hex.startsWith("rgb(")) {
+    const rgbMatch = hex.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
+    if (rgbMatch) {
+      return `rgba(${rgbMatch[1]}, ${rgbMatch[2]}, ${rgbMatch[3]}, ${opacity / 100})`;
+    }
+  }
+  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})`;
+}
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
 // components/page/Button.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var sizeStyles = {
@@ -364,10 +334,10 @@ var radiusMap = {
   lg: "16px",
   full: "9999px"
 };
-function isThemeableValue3(value) {
+function isThemeableValue(value) {
   return typeof value === "object" && value !== null && "useTheme" in value;
 }
-function isEntryBoundValue3(value) {
+function isEntryBoundValue(value) {
   return typeof value === "object" && value !== null && "useEntry" in value;
 }
 function Button({
@@ -390,7 +360,7 @@ function Button({
   const resolvedText = (() => {
     if (!text) return "Button";
     if (typeof text === "string") return text;
-    if (isEntryBoundValue3(text)) {
+    if (isEntryBoundValue(text)) {
       if (text.useEntry) {
         return String(getEntryValue(text.entryName, text.fieldKey) ?? "Button");
       }
@@ -411,7 +381,7 @@ function Button({
   const resolvedColor = (() => {
     if (!color) return resolveColor2("primary");
     if (typeof color === "string") return { color, opacity: 100 };
-    if (isThemeableValue3(color)) {
+    if (isThemeableValue(color)) {
       return color.useTheme ? resolveColor2(color.themeKey) : color.value;
     }
     if ("color" in color) return color;
@@ -424,7 +394,7 @@ function Button({
     }
     if (typeof textColor === "string")
       return { color: textColor, opacity: 100 };
-    if (isThemeableValue3(textColor)) {
+    if (isThemeableValue(textColor)) {
       return textColor.useTheme ? resolveColor2(textColor.themeKey) : textColor.value;
     }
     if ("color" in textColor) return textColor;
@@ -521,10 +491,10 @@ var shadowMap = {
   lg: "0 10px 15px rgba(0,0,0,0.1)",
   xl: "0 20px 25px rgba(0,0,0,0.15)"
 };
-function isThemeableValue4(value) {
+function isThemeableValue2(value) {
   return typeof value === "object" && value !== null && "useTheme" in value;
 }
-function isEntryBoundValue4(value) {
+function isEntryBoundValue2(value) {
   return typeof value === "object" && value !== null && "useEntry" in value;
 }
 function Image({
@@ -545,7 +515,7 @@ function Image({
   const resolvedSrc = (() => {
     if (!src) return "";
     if (typeof src === "string") return src;
-    if (isEntryBoundValue4(src)) {
+    if (isEntryBoundValue2(src)) {
       if (src.useEntry) {
         return String(getEntryValue(src.entryName, src.fieldKey) ?? "");
       }
@@ -556,7 +526,7 @@ function Image({
   const resolvedCaption = (() => {
     if (!caption) return "";
     if (typeof caption === "string") return caption;
-    if (isEntryBoundValue4(caption)) {
+    if (isEntryBoundValue2(caption)) {
       if (caption.useEntry) {
         return String(getEntryValue(caption.entryName, caption.fieldKey) ?? "");
       }
@@ -568,7 +538,7 @@ function Image({
     if (!captionColor) return resolveColor2("muted");
     if (typeof captionColor === "string")
       return { color: captionColor, opacity: 100 };
-    if (isThemeableValue4(captionColor)) {
+    if (isThemeableValue2(captionColor)) {
       return captionColor.useTheme ? resolveColor2(captionColor.themeKey) : captionColor.value;
     }
     if ("color" in captionColor) return captionColor;
@@ -633,7 +603,7 @@ var radiusMap3 = {
   md: "8px",
   lg: "16px"
 };
-function isThemeableValue5(value) {
+function isThemeableValue3(value) {
   return typeof value === "object" && value !== null && "useTheme" in value;
 }
 function ImageCarousel({
@@ -654,7 +624,7 @@ function ImageCarousel({
     if (!arrowColor) return { color: "#FFFFFF", opacity: 100 };
     if (typeof arrowColor === "string")
       return { color: arrowColor, opacity: 100 };
-    if (isThemeableValue5(arrowColor)) {
+    if (isThemeableValue3(arrowColor)) {
       return arrowColor.useTheme ? resolveColor2(arrowColor.themeKey) : arrowColor.value;
     }
     if ("color" in arrowColor) return arrowColor;
@@ -663,7 +633,7 @@ function ImageCarousel({
   const resolvedDotColor = (() => {
     if (!dotColor) return resolveColor2("primary");
     if (typeof dotColor === "string") return { color: dotColor, opacity: 100 };
-    if (isThemeableValue5(dotColor)) {
+    if (isThemeableValue3(dotColor)) {
       return dotColor.useTheme ? resolveColor2(dotColor.themeKey) : dotColor.value;
     }
     if ("color" in dotColor) return dotColor;
@@ -837,7 +807,7 @@ var maxWidthMap = {
   xl: "1000px",
   full: "100%"
 };
-function isEntryBoundValue5(value) {
+function isEntryBoundValue3(value) {
   return typeof value === "object" && value !== null && "useEntry" in value;
 }
 function parseVideoUrl(url) {
@@ -874,7 +844,7 @@ function VideoEmbed({
   const resolvedUrl = (() => {
     if (!url) return "";
     if (typeof url === "string") return url;
-    if (isEntryBoundValue5(url)) {
+    if (isEntryBoundValue3(url)) {
       if (url.useEntry) {
         return String(getEntryValue(url.entryName, url.fieldKey) ?? "");
       }
@@ -942,7 +912,7 @@ function VideoEmbed({
 
 // components/page/Icon.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var sizeMap3 = {
+var sizeMap = {
   sm: { size: "16px", strokeWidth: 2 },
   md: { size: "24px", strokeWidth: 2 },
   lg: { size: "32px", strokeWidth: 1.5 },
@@ -1139,7 +1109,7 @@ var icons = {
     }
   )
 };
-function isThemeableValue6(value) {
+function isThemeableValue4(value) {
   return typeof value === "object" && value !== null && "useTheme" in value;
 }
 function Icon({
@@ -1153,14 +1123,14 @@ function Icon({
   const resolvedColor = (() => {
     if (!color) return resolveColor2("primary");
     if (typeof color === "string") return { color, opacity: 100 };
-    if (isThemeableValue6(color)) {
+    if (isThemeableValue4(color)) {
       return color.useTheme ? resolveColor2(color.themeKey) : color.value;
     }
     if ("color" in color) return color;
     return resolveColor2("primary");
   })();
   const IconComponent = icons[name.toLowerCase()] || icons.check;
-  const { size: iconSize, strokeWidth } = sizeMap3[size];
+  const { size: iconSize, strokeWidth } = sizeMap[size];
   const colorValue = hexToRgba(resolvedColor.color, resolvedColor.opacity);
   const wrapperStyle = {
     display: "flex",
@@ -1215,13 +1185,13 @@ var getShadowCSS = (value) => {
 
 // components/page/Section.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
-function isThemeableValue7(value) {
+function isThemeableValue5(value) {
   return typeof value === "object" && value !== null && "useTheme" in value;
 }
 function resolveBackgroundColor(bg, resolveColor2) {
   if (!bg) return void 0;
   if (typeof bg === "string") return bg;
-  if (isThemeableValue7(bg)) {
+  if (isThemeableValue5(bg)) {
     if (bg.useTheme) {
       const themeColor = resolveColor2(bg.themeKey);
       return hexToRgba(themeColor.color, themeColor.opacity);
@@ -1299,7 +1269,7 @@ var paddingMap = {
   lg: "32px",
   xl: "48px"
 };
-function isThemeableValue8(value) {
+function isThemeableValue6(value) {
   return typeof value === "object" && value !== null && "useTheme" in value;
 }
 function Container({
@@ -1318,7 +1288,7 @@ function Container({
     if (!backgroundColor) return null;
     if (typeof backgroundColor === "string")
       return { color: backgroundColor, opacity: 100 };
-    if (isThemeableValue8(backgroundColor)) {
+    if (isThemeableValue6(backgroundColor)) {
       return backgroundColor.useTheme ? resolveColor2(backgroundColor.themeKey) : backgroundColor.value;
     }
     if ("color" in backgroundColor) return backgroundColor;
@@ -1402,7 +1372,7 @@ var paddingMap2 = {
   lg: "32px",
   xl: "48px"
 };
-function isThemeableValue9(value) {
+function isThemeableValue7(value) {
   return typeof value === "object" && value !== null && "useTheme" in value;
 }
 function Card({
@@ -1421,7 +1391,7 @@ function Card({
     if (!backgroundColor) return resolveColor2("background");
     if (typeof backgroundColor === "string")
       return { color: backgroundColor, opacity: 100 };
-    if (isThemeableValue9(backgroundColor)) {
+    if (isThemeableValue7(backgroundColor)) {
       return backgroundColor.useTheme ? resolveColor2(backgroundColor.themeKey) : backgroundColor.value;
     }
     if ("color" in backgroundColor) return backgroundColor;
@@ -1431,7 +1401,7 @@ function Card({
     if (!borderColor) return resolveColor2("muted");
     if (typeof borderColor === "string")
       return { color: borderColor, opacity: 100 };
-    if (isThemeableValue9(borderColor)) {
+    if (isThemeableValue7(borderColor)) {
       return borderColor.useTheme ? resolveColor2(borderColor.themeKey) : borderColor.value;
     }
     if ("color" in borderColor) return borderColor;
@@ -1466,7 +1436,7 @@ var spacingMap = {
   lg: "32px",
   xl: "48px"
 };
-function isThemeableValue10(value) {
+function isThemeableValue8(value) {
   return typeof value === "object" && value !== null && "useTheme" in value;
 }
 function Divider({
@@ -1482,7 +1452,7 @@ function Divider({
   const resolvedColor = (() => {
     if (!color) return resolveColor2("muted");
     if (typeof color === "string") return { color, opacity: 100 };
-    if (isThemeableValue10(color)) {
+    if (isThemeableValue8(color)) {
       return color.useTheme ? resolveColor2(color.themeKey) : color.value;
     }
     if ("color" in color) return color;
@@ -1504,7 +1474,7 @@ function Divider({
 
 // components/page/Spacer.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var sizeMap4 = {
+var sizeMap2 = {
   xs: "8px",
   sm: "16px",
   md: "24px",
@@ -1515,7 +1485,7 @@ var sizeMap4 = {
 };
 function Spacer({ size = "md", id }) {
   const style = {
-    height: sizeMap4[size],
+    height: sizeMap2[size],
     width: "100%"
   };
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { id, style, "aria-hidden": "true" });
@@ -1528,23 +1498,23 @@ var alignmentMap = {
   center: "text-center",
   right: "text-right"
 };
-var sizeMap5 = {
+var sizeMap3 = {
   small: "text-2xl",
   "medium-small": "text-3xl",
   medium: "text-4xl",
   large: "text-5xl",
   xlarge: "text-6xl"
 };
-function isThemeableValue11(value) {
+function isThemeableValue9(value) {
   return typeof value === "object" && value !== null && "useTheme" in value;
 }
-function isEntryBoundValue6(value) {
+function isEntryBoundValue4(value) {
   return typeof value === "object" && value !== null && "useEntry" in value;
 }
 function resolveColor(color, resolveThemeColor) {
   if (!color) return "#000000";
   if (typeof color === "string") return color;
-  if (isThemeableValue11(color)) {
+  if (isThemeableValue9(color)) {
     if (color.useTheme) {
       const themeColor = resolveThemeColor(color.themeKey);
       return hexToRgba(themeColor.color, themeColor.opacity);
@@ -1559,7 +1529,7 @@ function resolveColor(color, resolveThemeColor) {
 function resolveColorHex(color, resolveThemeColor) {
   if (!color) return "#000000";
   if (typeof color === "string") return color;
-  if (isThemeableValue11(color)) {
+  if (isThemeableValue9(color)) {
     if (color.useTheme) {
       return resolveThemeColor(color.themeKey).color;
     }
@@ -1588,7 +1558,7 @@ function TextBlock({
   const resolveText = (value) => {
     if (!value) return void 0;
     if (typeof value === "string") return value;
-    if (isEntryBoundValue6(value)) {
+    if (isEntryBoundValue4(value)) {
       if (value.useEntry) {
         const entryVal = getEntryValue(value.entryName, value.fieldKey);
         return entryVal != null ? String(entryVal) : void 0;
@@ -1617,7 +1587,7 @@ function TextBlock({
         resolvedTitle && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "h2",
           {
-            className: cn("font-bold", sizeMap5[textSize]),
+            className: cn("font-bold", sizeMap3[textSize]),
             style: gradientStyle,
             children: resolvedTitle
           }
@@ -1671,7 +1641,7 @@ function CustomImage({
 // components/page/FeaturesList.tsx
 var import_lucide_react = require("lucide-react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var sizeMap6 = {
+var sizeMap4 = {
   small: { icon: 24, title: "text-base", desc: "text-sm" },
   medium: { icon: 32, title: "text-lg", desc: "text-base" },
   large: { icon: 48, title: "text-xl", desc: "text-lg" }
@@ -1683,7 +1653,7 @@ function FeaturesList({
   iconColor = "#000000",
   anchorLink
 }) {
-  const sizeConfig = sizeMap6[size];
+  const sizeConfig = sizeMap4[size];
   const getIcon = (iconName) => {
     const formatted = iconName.charAt(0).toUpperCase() + iconName.slice(1);
     return import_lucide_react.icons[formatted] || null;
@@ -1740,7 +1710,7 @@ function FeaturesList({
 // components/page/FeatureGrid.tsx
 var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var sizeMap7 = {
+var sizeMap5 = {
   small: { icon: 24, title: "text-base", desc: "text-sm" },
   medium: { icon: 32, title: "text-lg", desc: "text-base" },
   large: { icon: 48, title: "text-xl", desc: "text-lg" }
@@ -1756,7 +1726,7 @@ function FeatureGrid({
   textColor = "#000000",
   anchorLink
 }) {
-  const sizeConfig = sizeMap7[size];
+  const sizeConfig = sizeMap5[size];
   const getIcon = (iconName) => {
     const formatted = iconName.charAt(0).toUpperCase() + iconName.slice(1);
     return import_lucide_react2.icons[formatted] || null;
@@ -2023,7 +1993,7 @@ var widthMap3 = {
   medium: "max-w-lg",
   large: "max-w-2xl"
 };
-var sizeMap8 = {
+var sizeMap6 = {
   small: "px-3 py-1.5 text-sm",
   medium: "px-4 py-2 text-base",
   large: "px-6 py-3 text-lg"
@@ -2068,7 +2038,7 @@ function Popup({
       onClick: handleOpen,
       className: cn(
         "flex items-center gap-2 rounded-full font-medium",
-        sizeMap8[size]
+        sizeMap6[size]
       ),
       style: { backgroundColor: buttonColor, color: textColor },
       children: [