@mission-studio/puck 1.0.21 → 1.0.23

package/dist/components/page/astro/index.mjs

@@ -0,0 +1,51 @@
+import {
+  Heading,
+  Paragraph
+} from "../../../chunk-KER4VXRB.mjs";
+import {
+  Button,
+  Card,
+  Columns,
+  Container,
+  CustomImage,
+  Divider,
+  FeatureGrid,
+  FeaturesList,
+  Footer,
+  Icon,
+  Image,
+  ImageCarousel,
+  Popup,
+  Section,
+  Spacer,
+  TextBlock,
+  Topbar,
+  VideoEmbed,
+  availableIcons
+} from "../../../chunk-MWW5LYLN.mjs";
+import "../../../chunk-PJXZC564.mjs";
+import "../../../chunk-QSWQDR6M.mjs";
+import "../../../chunk-C6V3YUPF.mjs";
+export {
+  Button,
+  Card,
+  Columns,
+  Container,
+  CustomImage,
+  Divider,
+  FeatureGrid,
+  FeaturesList,
+  Footer,
+  Heading,
+  Icon,
+  Image,
+  ImageCarousel,
+  Paragraph,
+  Popup,
+  Section,
+  Spacer,
+  TextBlock,
+  Topbar,
+  VideoEmbed,
+  availableIcons
+};

package/dist/config/server.mjs

@@ -1,3 +1,7 @@
+import {
+  Heading,
+  Paragraph
+} from "../chunk-KER4VXRB.mjs";
 import {
   Button,
   Card,
@@ -16,68 +20,14 @@ import {
   Spacer,
   TextBlock,
   Topbar,
-  VideoEmbed,
-  getHeadingStyle,
-  getParagraphStyle
+  VideoEmbed
 } from "../chunk-MWW5LYLN.mjs";
 import "../chunk-PJXZC564.mjs";
 import "../chunk-QSWQDR6M.mjs";
 import "../chunk-C6V3YUPF.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 });
-}
-
-// components/page/astro/Paragraph.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function Paragraph({
-  text,
-  size = "base",
-  weight = "normal",
-  color = "rgba(0, 0, 0, 1)",
-  align = "left",
-  lineHeight = "normal",
-  maxWidth,
-  id
-}) {
-  const resolvedText = text || "";
-  const style = getParagraphStyle({
-    size,
-    weight,
-    color,
-    align,
-    lineHeight,
-    maxWidth
-  });
-  if (!resolvedText) return null;
-  return /* @__PURE__ */ jsx2("p", { id, style, children: resolvedText });
-}
-
 // config/server.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 var config = {
   categories: {
     typography: {
@@ -119,64 +69,64 @@ var config = {
   },
   components: {
     Heading: {
-      render: (props) => /* @__PURE__ */ jsx3(Heading, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Heading, { ...props })
     },
     Paragraph: {
-      render: (props) => /* @__PURE__ */ jsx3(Paragraph, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Paragraph, { ...props })
     },
     Button: {
-      render: (props) => /* @__PURE__ */ jsx3(Button, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Button, { ...props })
     },
     Image: {
-      render: (props) => /* @__PURE__ */ jsx3(Image, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Image, { ...props })
     },
     ImageCarousel: {
-      render: (props) => /* @__PURE__ */ jsx3(ImageCarousel, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(ImageCarousel, { ...props })
     },
     VideoEmbed: {
-      render: (props) => /* @__PURE__ */ jsx3(VideoEmbed, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(VideoEmbed, { ...props })
     },
     Icon: {
-      render: (props) => /* @__PURE__ */ jsx3(Icon, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Icon, { ...props })
     },
     Section: {
-      render: (props) => /* @__PURE__ */ jsx3(Section, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Section, { ...props })
     },
     Container: {
-      render: (props) => /* @__PURE__ */ jsx3(Container, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Container, { ...props })
     },
     Columns: {
-      render: (props) => /* @__PURE__ */ jsx3(Columns, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Columns, { ...props })
     },
     Card: {
-      render: (props) => /* @__PURE__ */ jsx3(Card, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Card, { ...props })
     },
     Divider: {
-      render: (props) => /* @__PURE__ */ jsx3(Divider, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Divider, { ...props })
     },
     Spacer: {
-      render: (props) => /* @__PURE__ */ jsx3(Spacer, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Spacer, { ...props })
     },
     TextBlock: {
-      render: (props) => /* @__PURE__ */ jsx3(TextBlock, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(TextBlock, { ...props })
     },
     CustomImage: {
-      render: (props) => /* @__PURE__ */ jsx3(CustomImage, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(CustomImage, { ...props })
     },
     FeaturesList: {
-      render: (props) => /* @__PURE__ */ jsx3(FeaturesList, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(FeaturesList, { ...props })
     },
     FeatureGrid: {
-      render: (props) => /* @__PURE__ */ jsx3(FeatureGrid, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(FeatureGrid, { ...props })
     },
     Footer: {
-      render: (props) => /* @__PURE__ */ jsx3(Footer, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Footer, { ...props })
     },
     Topbar: {
-      render: (props) => /* @__PURE__ */ jsx3(Topbar, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Topbar, { ...props })
     },
     Popup: {
-      render: (props) => /* @__PURE__ */ jsx3(Popup, { ...props })
+      render: (props) => /* @__PURE__ */ jsx(Popup, { ...props })
     }
   }
 };

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';

package/dist/renderer.d.mts

@@ -1,17 +1,12 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-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 HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-type HeadingSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
-type HeadingWeight = "normal" | "medium" | "semibold" | "bold" | "extrabold";
-type HeadingAlign = "left" | "center" | "right";
-type HeadingLetterSpacing = "tight" | "normal" | "wide";
-type HeadingLineHeight = "tight" | "normal" | "relaxed";
+import { n as EntryBoundValue, j as ThemeableColorValue, m as ColorValue } from './types-HQ6hIbYr.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-HQ6hIbYr.mjs';
+import { H as HeadingLevel, J as HeadingSize, K as HeadingWeight, L as HeadingAlign, M as HeadingLetterSpacing, N as HeadingLineHeight, O as ParagraphSize, Q as ParagraphWeight, R as ParagraphAlign, U as ParagraphLineHeight } from './Popup-llKrR-vO.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';
+import 'react';
+import './ResponsiveToggleField-65CqZEK-.mjs';
+import '@measured/puck';
 
 type HeadingProps = {
     text?: EntryBoundValue<string> | string;
@@ -28,11 +23,6 @@ type HeadingProps = {
 };
 declare function Heading({ text, level, size, weight, color, align, letterSpacing, lineHeight, id, }: HeadingProps): react_jsx_runtime.JSX.Element | null;
 
-type ParagraphSize = "sm" | "base" | "lg" | "xl";
-type ParagraphWeight = "normal" | "medium" | "semibold";
-type ParagraphAlign = "left" | "center" | "right" | "justify";
-type ParagraphLineHeight = "tight" | "normal" | "relaxed" | "loose";
-
 type ParagraphProps = {
     text?: EntryBoundValue<string> | string;
     size?: ParagraphSize;
@@ -47,255 +37,4 @@ type ParagraphProps = {
 };
 declare function Paragraph({ text, size, weight, color, align, lineHeight, maxWidth, id, }: ParagraphProps): react_jsx_runtime.JSX.Element | null;
 
-type ButtonProps = {
-    text?: EntryBoundValue<string> | string;
-    href?: string;
-    target?: "_self" | "_blank";
-    variant?: "solid" | "outline" | "ghost" | "link";
-    size?: "sm" | "md" | "lg" | "xl";
-    color?: ThemeableColorValue | ColorValue | string;
-    textColor?: ThemeableColorValue | ColorValue | string;
-    borderRadius?: "none" | "sm" | "md" | "lg" | "full";
-    fullWidth?: boolean;
-    align?: "left" | "center" | "right";
-    id?: string;
-    puck?: unknown;
-    editMode?: boolean;
-};
-declare function Button({ text, href, target, variant, size, color, textColor, borderRadius, fullWidth, align, id, }: ButtonProps): react_jsx_runtime.JSX.Element;
-
-type ImageProps = {
-    src?: EntryBoundValue<string> | string;
-    alt?: string;
-    width?: "auto" | "full" | "sm" | "md" | "lg" | "xl";
-    aspectRatio?: "auto" | "1:1" | "4:3" | "16:9" | "21:9";
-    objectFit?: "contain" | "cover" | "fill" | "none";
-    borderRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full";
-    shadow?: "none" | "sm" | "md" | "lg" | "xl";
-    align?: "left" | "center" | "right";
-    caption?: EntryBoundValue<string> | string;
-    captionColor?: ThemeableColorValue | ColorValue | string;
-    id?: string;
-    puck?: unknown;
-    editMode?: boolean;
-};
-declare function Image({ src, alt, width, aspectRatio, objectFit, borderRadius, shadow, align, caption, captionColor, id, }: ImageProps): react_jsx_runtime.JSX.Element;
-
-type CarouselImage = {
-    src: string;
-    alt?: string;
-};
-type ImageCarouselProps = {
-    images?: CarouselImage[];
-    aspectRatio?: "16:9" | "4:3" | "1:1" | "21:9";
-    borderRadius?: "none" | "sm" | "md" | "lg";
-    showDots?: boolean;
-    showArrows?: boolean;
-    arrowColor?: ThemeableColorValue | ColorValue | string;
-    dotColor?: ThemeableColorValue | ColorValue | string;
-    autoPlay?: boolean;
-    autoPlayInterval?: number;
-    id?: string;
-    puck?: unknown;
-    editMode?: boolean;
-};
-declare function ImageCarousel({ images, aspectRatio, borderRadius, showDots, showArrows, arrowColor, dotColor, id, }: ImageCarouselProps): react_jsx_runtime.JSX.Element;
-
-type VideoEmbedProps = {
-    url?: EntryBoundValue<string> | string;
-    aspectRatio?: "16:9" | "4:3" | "1:1" | "21:9";
-    borderRadius?: "none" | "sm" | "md" | "lg";
-    autoplay?: boolean;
-    muted?: boolean;
-    loop?: boolean;
-    align?: "left" | "center" | "right";
-    maxWidth?: "sm" | "md" | "lg" | "xl" | "full";
-    id?: string;
-    puck?: unknown;
-    editMode?: boolean;
-};
-declare function VideoEmbed({ url, aspectRatio, borderRadius, autoplay, muted, loop, align, maxWidth, id, }: VideoEmbedProps): react_jsx_runtime.JSX.Element;
-
-type IconProps = {
-    name?: string;
-    size?: "sm" | "md" | "lg" | "xl" | "2xl";
-    color?: ThemeableColorValue | ColorValue | string;
-    align?: "left" | "center" | "right";
-    id?: string;
-    puck?: unknown;
-    editMode?: boolean;
-};
-declare function Icon({ name, size, color, align, id, }: IconProps): react_jsx_runtime.JSX.Element;
-declare const availableIcons: string[];
-
-type PuckProps = {
-    puck?: PuckContext;
-    editMode?: boolean;
-    id?: string;
-};
-
-type SectionProps = {
-    children?: ReactNode;
-    verticalPadding?: number;
-    horizontalPadding?: number;
-    gap?: number;
-    backgroundColor?: ThemeableColorValue | ColorValue | string;
-    backgroundImage?: string;
-    shadow?: string;
-    borderRadius?: number;
-    contentMaxWidth?: string;
-    anchorLink?: string;
-    visibility?: ResponsiveVisibility;
-} & PuckProps;
-declare function Section({ children: _children, verticalPadding, horizontalPadding, gap, backgroundColor, backgroundImage, shadow, borderRadius, contentMaxWidth, anchorLink, visibility, puck, }: SectionProps): react_jsx_runtime.JSX.Element;
-
-type ContainerProps = {
-    maxWidth?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
-    padding?: "none" | "sm" | "md" | "lg" | "xl";
-    paddingX?: "none" | "sm" | "md" | "lg" | "xl";
-    paddingY?: "none" | "sm" | "md" | "lg" | "xl";
-    backgroundColor?: ThemeableColorValue | ColorValue | string;
-    centered?: boolean;
-} & PuckProps;
-declare function Container({ maxWidth, padding, paddingX, paddingY, backgroundColor, centered, id, puck, }: ContainerProps): react_jsx_runtime.JSX.Element;
-
-type ColumnsProps = {
-    columns?: 2 | 3 | 4;
-    gap?: "none" | "sm" | "md" | "lg" | "xl";
-    verticalAlign?: "top" | "center" | "bottom" | "stretch";
-    stackOnMobile?: boolean;
-} & PuckProps;
-declare function Columns({ columns, gap, verticalAlign, stackOnMobile, id, puck, }: ColumnsProps): react_jsx_runtime.JSX.Element;
-
-type CardProps = {
-    backgroundColor?: ThemeableColorValue | ColorValue | string;
-    borderColor?: ThemeableColorValue | ColorValue | string;
-    borderWidth?: "none" | "thin" | "medium" | "thick";
-    borderRadius?: "none" | "sm" | "md" | "lg" | "xl";
-    shadow?: "none" | "sm" | "md" | "lg" | "xl";
-    padding?: "none" | "sm" | "md" | "lg" | "xl";
-} & PuckProps;
-declare function Card({ backgroundColor, borderColor, borderWidth, borderRadius, shadow, padding, id, puck, }: CardProps): react_jsx_runtime.JSX.Element;
-
-type DividerProps = {
-    style?: "solid" | "dashed" | "dotted";
-    thickness?: "thin" | "medium" | "thick";
-    color?: ThemeableColorValue | ColorValue | string;
-    width?: "full" | "3/4" | "1/2" | "1/4";
-    align?: "left" | "center" | "right";
-    spacing?: "sm" | "md" | "lg" | "xl";
-    id?: string;
-    puck?: unknown;
-    editMode?: boolean;
-};
-declare function Divider({ style: lineStyle, thickness, color, width, align, spacing, id, }: DividerProps): react_jsx_runtime.JSX.Element;
-
-type SpacerProps = {
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
-    id?: string;
-    puck?: unknown;
-    editMode?: boolean;
-};
-declare function Spacer({ size, id }: SpacerProps): react_jsx_runtime.JSX.Element;
-
-type TextBlockProps = {
-    title?: EntryBoundValue<string> | string;
-    subtitle?: EntryBoundValue<string> | string;
-    body?: EntryBoundValue<string> | string;
-    alignment?: "left" | "center" | "right";
-    textSize?: "small" | "medium-small" | "medium" | "large" | "xlarge";
-    textColor?: ThemeableColorValue | ColorValue | string;
-    subtitleBodyColor?: ThemeableColorValue | ColorValue | string;
-    useGradientText?: boolean;
-    gradientColor1?: ThemeableColorValue | ColorValue | string;
-    gradientColor2?: ThemeableColorValue | ColorValue | string;
-    anchorLink?: string;
-    puck?: unknown;
-    editMode?: boolean;
-    id?: string;
-};
-declare function TextBlock({ title, subtitle, body, alignment, textSize, textColor, subtitleBodyColor, useGradientText, gradientColor1, gradientColor2, anchorLink, }: TextBlockProps): react_jsx_runtime.JSX.Element;
-
-type CustomImageProps = {
-    image?: string;
-    alt?: string;
-    maxWidth?: number;
-    alignment?: "left" | "center" | "right";
-    fitContent?: boolean;
-} & PuckProps;
-declare function CustomImage({ image, alt, maxWidth, alignment, fitContent, }: CustomImageProps): react_jsx_runtime.JSX.Element;
-
-type Feature$1 = {
-    icon?: string;
-    image?: string;
-    title?: string;
-    description?: string;
-};
-type FeaturesListProps = {
-    features?: Feature$1[];
-    align?: "left" | "center" | "right";
-    size?: "small" | "medium" | "large";
-    iconColor?: string;
-    anchorLink?: string;
-} & Record<string, unknown>;
-declare function FeaturesList({ features, align, size, iconColor, anchorLink, }: FeaturesListProps): react_jsx_runtime.JSX.Element;
-
-type Feature = {
-    icon?: string;
-    image?: string;
-    title?: string;
-    description?: string;
-};
-type FeatureGridProps = {
-    heading?: string;
-    description?: string;
-    features?: Feature[];
-    columns?: 2 | 3 | 4;
-    align?: "left" | "center" | "right";
-    size?: "small" | "medium" | "large";
-    iconColor?: string;
-    textColor?: string;
-    anchorLink?: string;
-} & Record<string, unknown>;
-declare function FeatureGrid({ heading, description, features, columns, align, size, iconColor, textColor, anchorLink, }: FeatureGridProps): react_jsx_runtime.JSX.Element;
-
-type FooterProps = {
-    logo?: string;
-    copyright?: string;
-    backgroundColor?: string;
-    textColor?: string;
-    facebookUrl?: string;
-    instagramUrl?: string;
-    twitterUrl?: string;
-    tiktokUrl?: string;
-} & Record<string, unknown> & PuckProps;
-declare function Footer({ logo, copyright, backgroundColor, textColor, facebookUrl, instagramUrl, twitterUrl, puck, }: FooterProps): react_jsx_runtime.JSX.Element;
-
-type NavItem = {
-    name: string;
-    url: string;
-    linkType?: "internal" | "external" | "scrollTo";
-};
-type TopbarProps = {
-    logo?: string;
-    logoUrl?: string;
-    navItems?: NavItem[];
-    backgroundColor?: string;
-    textColor?: string;
-    maxWidth?: string;
-} & Record<string, unknown> & PuckProps;
-declare function Topbar({ logo, logoUrl, navItems, backgroundColor, textColor, maxWidth, puck, }: TopbarProps): react_jsx_runtime.JSX.Element;
-
-type PopupProps = {
-    ctaText?: string;
-    buttonColor?: string;
-    textColor?: string;
-    icon?: string;
-    iconPosition?: "left" | "right";
-    size?: "small" | "medium" | "large";
-    width?: "small" | "medium" | "large";
-    textLink?: boolean;
-} & Record<string, unknown> & PuckProps;
-declare function Popup({ ctaText, buttonColor, textColor, icon, iconPosition, size, width, textLink, puck, }: PopupProps): react_jsx_runtime.JSX.Element;
-
-export { Button, type ButtonProps, Card, type CardProps, type CarouselImage, Columns, type ColumnsProps, Container, type ContainerProps, CustomImage, type CustomImageProps, Divider, type DividerProps, FeatureGrid, type FeatureGridProps, FeaturesList, type FeaturesListProps, Footer, type FooterProps, Heading, type HeadingProps, Icon, type IconProps, Image, ImageCarousel, type ImageCarouselProps, type ImageProps, Paragraph, type ParagraphProps, Popup, type PopupProps, Section, type SectionProps, Spacer, type SpacerProps, TextBlock, type TextBlockProps, ThemeableColorValue, Topbar, type TopbarProps, VideoEmbed, type VideoEmbedProps, availableIcons };
+export { Heading, type HeadingProps, Paragraph, type ParagraphProps, ThemeableColorValue };