@mission-studio/puck 1.0.20 → 1.0.23

package/dist/config/server.mjs

@@ -1,3 +1,7 @@
+import {
+  Heading,
+  Paragraph
+} from "../chunk-KER4VXRB.mjs";
 import {
   Button,
   Card,
@@ -11,48 +15,19 @@ import {
   Icon,
   Image,
   ImageCarousel,
-  Paragraph,
   Popup,
   Section,
   Spacer,
   TextBlock,
   Topbar,
-  VideoEmbed,
-  getHeadingStyle
-} from "../chunk-X6VGLL5Y.mjs";
+  VideoEmbed
+} from "../chunk-MWW5LYLN.mjs";
 import "../chunk-PJXZC564.mjs";
-import "../chunk-C6V3YUPF.mjs";
 import "../chunk-QSWQDR6M.mjs";
-
-// components/page/astro/Heading.tsx
-import { jsx } from "react/jsx-runtime";
-function Heading({
-  text,
-  level = "h2",
-  size = "2xl",
-  weight = "bold",
-  color = "rgba(0, 0, 0, 1)",
-  align = "left",
-  letterSpacing = "normal",
-  lineHeight = "tight",
-  id
-}) {
-  const resolvedText = text || "";
-  const Tag = level;
-  const style = getHeadingStyle({
-    size,
-    weight,
-    color,
-    align,
-    letterSpacing,
-    lineHeight
-  });
-  if (!resolvedText) return null;
-  return /* @__PURE__ */ jsx(Tag, { id, style, children: resolvedText });
-}
+import "../chunk-C6V3YUPF.mjs";
 
 // config/server.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var config = {
   categories: {
     typography: {
@@ -94,64 +69,64 @@ var config = {
   },
   components: {
     Heading: {
-      render: (props) => /* @__PURE__ */ jsx2(Heading, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Heading, { ...props })
     },
     Paragraph: {
-      render: (props) => /* @__PURE__ */ jsx2(Paragraph, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Paragraph, { ...props })
     },
     Button: {
-      render: (props) => /* @__PURE__ */ jsx2(Button, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Button, { ...props })
     },
     Image: {
-      render: (props) => /* @__PURE__ */ jsx2(Image, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Image, { ...props })
     },
     ImageCarousel: {
-      render: (props) => /* @__PURE__ */ jsx2(ImageCarousel, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(ImageCarousel, { ...props })
     },
     VideoEmbed: {
-      render: (props) => /* @__PURE__ */ jsx2(VideoEmbed, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(VideoEmbed, { ...props })
     },
     Icon: {
-      render: (props) => /* @__PURE__ */ jsx2(Icon, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Icon, { ...props })
     },
     Section: {
-      render: (props) => /* @__PURE__ */ jsx2(Section, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Section, { ...props })
     },
     Container: {
-      render: (props) => /* @__PURE__ */ jsx2(Container, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Container, { ...props })
     },
     Columns: {
-      render: (props) => /* @__PURE__ */ jsx2(Columns, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Columns, { ...props })
     },
     Card: {
-      render: (props) => /* @__PURE__ */ jsx2(Card, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Card, { ...props })
     },
     Divider: {
-      render: (props) => /* @__PURE__ */ jsx2(Divider, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Divider, { ...props })
     },
     Spacer: {
-      render: (props) => /* @__PURE__ */ jsx2(Spacer, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Spacer, { ...props })
     },
     TextBlock: {
-      render: (props) => /* @__PURE__ */ jsx2(TextBlock, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(TextBlock, { ...props })
     },
     CustomImage: {
-      render: (props) => /* @__PURE__ */ jsx2(CustomImage, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(CustomImage, { ...props })
     },
     FeaturesList: {
-      render: (props) => /* @__PURE__ */ jsx2(FeaturesList, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(FeaturesList, { ...props })
     },
     FeatureGrid: {
-      render: (props) => /* @__PURE__ */ jsx2(FeatureGrid, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(FeatureGrid, { ...props })
     },
     Footer: {
-      render: (props) => /* @__PURE__ */ jsx2(Footer, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Footer, { ...props })
     },
     Topbar: {
-      render: (props) => /* @__PURE__ */ jsx2(Topbar, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Topbar, { ...props })
     },
     Popup: {
-      render: (props) => /* @__PURE__ */ jsx2(Popup, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Popup, { ...props })
     }
   }
 };

package/dist/config-entry.js

@@ -258,25 +258,38 @@ function Heading({
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Tag, { id, style, children: resolvedText });
 }
 
-// components/page/Paragraph.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var sizeMap = {
+// components/page/primitives/Paragraph.ts
+var paragraphSizeMap = {
   sm: "0.875rem",
   base: "1rem",
   lg: "1.125rem",
   xl: "1.25rem"
 };
-var weightMap = {
+var paragraphWeightMap = {
   normal: 400,
   medium: 500,
   semibold: 600
 };
-var lineHeightMap = {
+var paragraphLineHeightMap = {
   tight: "1.4",
   normal: "1.6",
   relaxed: "1.75",
   loose: "2"
 };
+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/next/Paragraph.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function isThemeableValue2(value) {
   return typeof value === "object" && value !== null && "useTheme" in value;
 }
@@ -307,23 +320,32 @@ function Paragraph({
     return "";
   })();
   const resolvedColor = (() => {
-    if (!color) return resolveColor2("foreground");
-    if (typeof color === "string") return { color, opacity: 100 };
+    if (!color)
+      return hexToRgba(
+        resolveColor2("foreground").color,
+        resolveColor2("foreground").opacity
+      );
+    if (typeof color === "string") return color;
     if (isThemeableValue2(color)) {
-      return color.useTheme ? resolveColor2(color.themeKey) : color.value;
+      return color.useTheme ? hexToRgba(
+        resolveColor2(color.themeKey).color,
+        resolveColor2(color.themeKey).opacity
+      ) : hexToRgba(color.value.color, color.value.opacity);
     }
-    if ("color" in color) return color;
-    return resolveColor2("foreground");
+    if ("color" in color) return hexToRgba(color.color, color.opacity);
+    return hexToRgba(
+      resolveColor2("foreground").color,
+      resolveColor2("foreground").opacity
+    );
   })();
-  const style = {
-    fontSize: sizeMap[size4],
-    fontWeight: weightMap[weight],
-    color: hexToRgba(resolvedColor.color, resolvedColor.opacity),
-    textAlign: align,
-    lineHeight: lineHeightMap[lineHeight],
-    maxWidth: maxWidth || void 0,
-    margin: 0
-  };
+  const style = getParagraphStyle({
+    size: size4,
+    weight,
+    color: resolvedColor,
+    align,
+    lineHeight,
+    maxWidth
+  });
   if (!resolvedText) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { id, style, children: resolvedText });
 }
@@ -984,7 +1006,7 @@ function VideoEmbed({
 
 // components/page/Icon.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
-var sizeMap2 = {
+var sizeMap = {
   sm: { size: "16px", strokeWidth: 2 },
   md: { size: "24px", strokeWidth: 2 },
   lg: { size: "32px", strokeWidth: 1.5 },
@@ -1202,7 +1224,7 @@ function Icon({
     return resolveColor2("primary");
   })();
   const IconComponent = icons[name.toLowerCase()] || icons.check;
-  const { size: iconSize, strokeWidth } = sizeMap2[size4];
+  const { size: iconSize, strokeWidth } = sizeMap[size4];
   const colorValue = hexToRgba(resolvedColor.color, resolvedColor.opacity);
   const wrapperStyle = {
     display: "flex",
@@ -1546,7 +1568,7 @@ function Divider({
 
 // components/page/Spacer.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var sizeMap3 = {
+var sizeMap2 = {
   xs: "8px",
   sm: "16px",
   md: "24px",
@@ -1557,7 +1579,7 @@ var sizeMap3 = {
 };
 function Spacer({ size: size4 = "md", id }) {
   const style = {
-    height: sizeMap3[size4],
+    height: sizeMap2[size4],
     width: "100%"
   };
   return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { id, style, "aria-hidden": "true" });
@@ -1570,7 +1592,7 @@ var alignmentMap = {
   center: "text-center",
   right: "text-right"
 };
-var sizeMap4 = {
+var sizeMap3 = {
   small: "text-2xl",
   "medium-small": "text-3xl",
   medium: "text-4xl",
@@ -1659,7 +1681,7 @@ function TextBlock({
         resolvedTitle && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "h2",
           {
-            className: cn("font-bold", sizeMap4[textSize]),
+            className: cn("font-bold", sizeMap3[textSize]),
             style: gradientStyle,
             children: resolvedTitle
           }
@@ -1713,7 +1735,7 @@ function CustomImage({
 // components/page/FeaturesList.tsx
 var import_lucide_react = require("lucide-react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var sizeMap5 = {
+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" }
@@ -1725,7 +1747,7 @@ function FeaturesList({
   iconColor = "#000000",
   anchorLink
 }) {
-  const sizeConfig = sizeMap5[size4];
+  const sizeConfig = sizeMap4[size4];
   const getIcon = (iconName) => {
     const formatted = iconName.charAt(0).toUpperCase() + iconName.slice(1);
     return import_lucide_react.icons[formatted] || null;
@@ -1782,7 +1804,7 @@ function FeaturesList({
 // components/page/FeatureGrid.tsx
 var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var sizeMap6 = {
+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" }
@@ -1798,7 +1820,7 @@ function FeatureGrid({
   textColor = "#000000",
   anchorLink
 }) {
-  const sizeConfig = sizeMap6[size4];
+  const sizeConfig = sizeMap5[size4];
   const getIcon = (iconName) => {
     const formatted = iconName.charAt(0).toUpperCase() + iconName.slice(1);
     return import_lucide_react2.icons[formatted] || null;
@@ -2065,7 +2087,7 @@ var widthMap3 = {
   medium: "max-w-lg",
   large: "max-w-2xl"
 };
-var sizeMap7 = {
+var sizeMap6 = {
   small: "px-3 py-1.5 text-sm",
   medium: "px-4 py-2 text-base",
   large: "px-6 py-3 text-lg"
@@ -2110,7 +2132,7 @@ function Popup({
       onClick: handleOpen,
       className: cn(
         "flex items-center gap-2 rounded-full font-medium",
-        sizeMap7[size4]
+        sizeMap6[size4]
       ),
       style: { backgroundColor: buttonColor, color: textColor },
       children: [

package/dist/config-entry.mjs

@@ -9,8 +9,9 @@ import {
 } from "./chunk-VF4NOAJG.mjs";
 import "./chunk-A3QDUUOF.mjs";
 import {
-  Heading
-} from "./chunk-A2J2E524.mjs";
+  Heading,
+  Paragraph
+} from "./chunk-WFLVAZV2.mjs";
 import {
   Button,
   Card,
@@ -24,7 +25,6 @@ import {
   Icon,
   Image,
   ImageCarousel,
-  Paragraph,
   Popup,
   Section,
   Spacer,
@@ -32,10 +32,10 @@ import {
   Topbar,
   VideoEmbed,
   availableIcons
-} from "./chunk-X6VGLL5Y.mjs";
+} from "./chunk-MWW5LYLN.mjs";
 import "./chunk-PJXZC564.mjs";
-import "./chunk-C6V3YUPF.mjs";
 import "./chunk-QSWQDR6M.mjs";
+import "./chunk-C6V3YUPF.mjs";
 
 // config.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{ResponsiveToggleField-CfBKL5oY.d.ts → defaults-j55hBQHu.d.mts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { P as PageTheme, b as ThemeColorKey, C as ColorValue, g as ThemeSpacingKey, T as ThemeBorderKey, d as ThemeShadowKey, m as CustomFieldProps } from './types-D-CIduaE.js';
+import { P as PageTheme, b as ThemeColorKey, m as ColorValue, g as ThemeSpacingKey, T as ThemeBorderKey, d as ThemeShadowKey } from './types-HQ6hIbYr.mjs';
 
 type ThemeContextValue = {
     theme: PageTheme;
@@ -17,10 +17,4 @@ declare function useTheme(): ThemeContextValue;
 
 declare const DEFAULT_THEME: PageTheme;
 
-type ResponsiveVisibility = {
-    mobile: boolean;
-    desktop: boolean;
-};
-declare function ResponsiveToggleField({ value, onChangeAction, disabled, label, }: CustomFieldProps<ResponsiveVisibility>): react_jsx_runtime.JSX.Element;
-
-export { DEFAULT_THEME as D, type ResponsiveVisibility as R, ThemeProvider as T, ResponsiveToggleField as a, useTheme as u };
+export { DEFAULT_THEME as D, ThemeProvider as T, useTheme as u };

package/dist/{ResponsiveToggleField-BihXsGIJ.d.mts → defaults-z8Ft2j5r.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { P as PageTheme, b as ThemeColorKey, C as ColorValue, g as ThemeSpacingKey, T as ThemeBorderKey, d as ThemeShadowKey, m as CustomFieldProps } from './types-D-CIduaE.mjs';
+import { P as PageTheme, b as ThemeColorKey, m as ColorValue, g as ThemeSpacingKey, T as ThemeBorderKey, d as ThemeShadowKey } from './types-HQ6hIbYr.js';
 
 type ThemeContextValue = {
     theme: PageTheme;
@@ -17,10 +17,4 @@ declare function useTheme(): ThemeContextValue;
 
 declare const DEFAULT_THEME: PageTheme;
 
-type ResponsiveVisibility = {
-    mobile: boolean;
-    desktop: boolean;
-};
-declare function ResponsiveToggleField({ value, onChangeAction, disabled, label, }: CustomFieldProps<ResponsiveVisibility>): react_jsx_runtime.JSX.Element;
-
-export { DEFAULT_THEME as D, type ResponsiveVisibility as R, ThemeProvider as T, ResponsiveToggleField as a, useTheme as u };
+export { DEFAULT_THEME as D, ThemeProvider as T, useTheme as u };

package/dist/editor.d.mts

@@ -1,9 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-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 { D as DEFAULT_THEME, T as ThemeProvider, u as useTheme } from './defaults-j55hBQHu.mjs';
+import { E as Entry, n as EntryBoundValue, j as ThemeableColorValue, m as ColorValue, b as ThemeColorKey, C as CustomFieldProps } from './types-HQ6hIbYr.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-HQ6hIbYr.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 { R as ResponsiveVisibility } from './ResponsiveToggleField-65CqZEK-.mjs';
+export { a as ResponsiveToggleField } from './ResponsiveToggleField-65CqZEK-.mjs';
 import { ReactNode } from 'react';
 import { Data } from '@measured/puck';
 

package/dist/editor.d.ts

@@ -1,9 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-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 { D as DEFAULT_THEME, T as ThemeProvider, u as useTheme } from './defaults-z8Ft2j5r.js';
+import { E as Entry, n as EntryBoundValue, j as ThemeableColorValue, m as ColorValue, b as ThemeColorKey, C as CustomFieldProps } from './types-HQ6hIbYr.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-HQ6hIbYr.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 { R as ResponsiveVisibility } from './ResponsiveToggleField-QCve94L_.js';
+export { a as ResponsiveToggleField } from './ResponsiveToggleField-QCve94L_.js';
 import { ReactNode } from 'react';
 import { Data } from '@measured/puck';
 

package/dist/index.d.mts

@@ -1,7 +1,9 @@
-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, 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 { Heading, HeadingProps, Paragraph, ParagraphProps } from './renderer.mjs';
+export { B as Button, a as ButtonProps, C as Card, b as CardProps, c as CarouselImage, d as Columns, e as ColumnsProps, f as Container, g as ContainerProps, h as CustomImage, i as CustomImageProps, D as Divider, j as DividerProps, F as FeatureGrid, k as FeatureGridProps, l as FeaturesList, m as FeaturesListProps, n as Footer, o as FooterProps, I as Icon, p as IconProps, q as Image, r as ImageCarousel, s as ImageCarouselProps, t as ImageProps, P as Popup, u as PopupProps, S as Section, v as SectionProps, w as Spacer, x as SpacerProps, T as TextBlock, y as TextBlockProps, z as Topbar, A as TopbarProps, V as VideoEmbed, E as VideoEmbedProps, G as availableIcons } from './Popup-llKrR-vO.mjs';
+export { D as DEFAULT_THEME, T as ThemeProvider, u as useTheme } from './defaults-j55hBQHu.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-HQ6hIbYr.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';
+import './ResponsiveToggleField-65CqZEK-.mjs';
 import '@measured/puck';

package/dist/index.d.ts

@@ -1,7 +1,9 @@
-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, 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 { Heading, HeadingProps, Paragraph, ParagraphProps } from './renderer.js';
+export { B as Button, a as ButtonProps, C as Card, b as CardProps, c as CarouselImage, d as Columns, e as ColumnsProps, f as Container, g as ContainerProps, h as CustomImage, i as CustomImageProps, D as Divider, j as DividerProps, F as FeatureGrid, k as FeatureGridProps, l as FeaturesList, m as FeaturesListProps, n as Footer, o as FooterProps, I as Icon, p as IconProps, q as Image, r as ImageCarousel, s as ImageCarouselProps, t as ImageProps, P as Popup, u as PopupProps, S as Section, v as SectionProps, w as Spacer, x as SpacerProps, T as TextBlock, y as TextBlockProps, z as Topbar, A as TopbarProps, V as VideoEmbed, E as VideoEmbedProps, G as availableIcons } from './Popup-BlNJZyB6.js';
+export { D as DEFAULT_THEME, T as ThemeProvider, u as useTheme } from './defaults-z8Ft2j5r.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-HQ6hIbYr.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';
+import './ResponsiveToggleField-QCve94L_.js';
 import '@measured/puck';