@mission-studio/puck 1.0.21 → 1.0.23

package/dist/Popup-BlNJZyB6.d.ts

@@ -0,0 +1,270 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { n as EntryBoundValue, j as ThemeableColorValue, m as ColorValue } from './types-HQ6hIbYr.js';
+import { ReactNode } from 'react';
+import { R as ResponsiveVisibility } from './ResponsiveToggleField-QCve94L_.js';
+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";
+
+type ParagraphSize = "sm" | "base" | "lg" | "xl";
+type ParagraphWeight = "normal" | "medium" | "semibold";
+type ParagraphAlign = "left" | "center" | "right" | "justify";
+type ParagraphLineHeight = "tight" | "normal" | "relaxed" | "loose";
+
+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 { type TopbarProps as A, Button as B, Card as C, Divider as D, type VideoEmbedProps as E, FeatureGrid as F, availableIcons as G, type HeadingLevel as H, Icon as I, type HeadingSize as J, type HeadingWeight as K, type HeadingAlign as L, type HeadingLetterSpacing as M, type HeadingLineHeight as N, type ParagraphSize as O, Popup as P, type ParagraphWeight as Q, type ParagraphAlign as R, Section as S, TextBlock as T, type ParagraphLineHeight as U, VideoEmbed as V, type ButtonProps as a, type CardProps as b, type CarouselImage as c, Columns as d, type ColumnsProps as e, Container as f, type ContainerProps as g, CustomImage as h, type CustomImageProps as i, type DividerProps as j, type FeatureGridProps as k, FeaturesList as l, type FeaturesListProps as m, Footer as n, type FooterProps as o, type IconProps as p, Image as q, ImageCarousel as r, type ImageCarouselProps as s, type ImageProps as t, type PopupProps as u, type SectionProps as v, Spacer as w, type SpacerProps as x, type TextBlockProps as y, Topbar as z };

package/dist/Popup-llKrR-vO.d.mts

@@ -0,0 +1,270 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { n as EntryBoundValue, j as ThemeableColorValue, m as ColorValue } from './types-HQ6hIbYr.mjs';
+import { ReactNode } from 'react';
+import { R as ResponsiveVisibility } from './ResponsiveToggleField-65CqZEK-.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";
+
+type ParagraphSize = "sm" | "base" | "lg" | "xl";
+type ParagraphWeight = "normal" | "medium" | "semibold";
+type ParagraphAlign = "left" | "center" | "right" | "justify";
+type ParagraphLineHeight = "tight" | "normal" | "relaxed" | "loose";
+
+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 { type TopbarProps as A, Button as B, Card as C, Divider as D, type VideoEmbedProps as E, FeatureGrid as F, availableIcons as G, type HeadingLevel as H, Icon as I, type HeadingSize as J, type HeadingWeight as K, type HeadingAlign as L, type HeadingLetterSpacing as M, type HeadingLineHeight as N, type ParagraphSize as O, Popup as P, type ParagraphWeight as Q, type ParagraphAlign as R, Section as S, TextBlock as T, type ParagraphLineHeight as U, VideoEmbed as V, type ButtonProps as a, type CardProps as b, type CarouselImage as c, Columns as d, type ColumnsProps as e, Container as f, type ContainerProps as g, CustomImage as h, type CustomImageProps as i, type DividerProps as j, type FeatureGridProps as k, FeaturesList as l, type FeaturesListProps as m, Footer as n, type FooterProps as o, type IconProps as p, Image as q, ImageCarousel as r, type ImageCarouselProps as s, type ImageProps as t, type PopupProps as u, type SectionProps as v, Spacer as w, type SpacerProps as x, type TextBlockProps as y, Topbar as z };

package/dist/ResponsiveToggleField-65CqZEK-.d.mts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { C as CustomFieldProps } from './types-HQ6hIbYr.mjs';
+
+type ResponsiveVisibility = {
+    mobile: boolean;
+    desktop: boolean;
+};
+declare function ResponsiveToggleField({ value, onChangeAction, disabled, label, }: CustomFieldProps<ResponsiveVisibility>): react_jsx_runtime.JSX.Element;
+
+export { type ResponsiveVisibility as R, ResponsiveToggleField as a };

package/dist/ResponsiveToggleField-QCve94L_.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { C as CustomFieldProps } from './types-HQ6hIbYr.js';
+
+type ResponsiveVisibility = {
+    mobile: boolean;
+    desktop: boolean;
+};
+declare function ResponsiveToggleField({ value, onChangeAction, disabled, label, }: CustomFieldProps<ResponsiveVisibility>): react_jsx_runtime.JSX.Element;
+
+export { type ResponsiveVisibility as R, ResponsiveToggleField as a };

package/dist/chunk-KER4VXRB.mjs

@@ -0,0 +1,61 @@
+import {
+  getHeadingStyle,
+  getParagraphStyle
+} from "./chunk-MWW5LYLN.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 });
+}
+
+export {
+  Heading,
+  Paragraph
+};

package/dist/components/page/astro/index.d.mts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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';
+import '../../../types-HQ6hIbYr.mjs';
+import 'react';
+import '../../../ResponsiveToggleField-65CqZEK-.mjs';
+import '@measured/puck';
+
+type HeadingProps = {
+    text?: string;
+    level?: HeadingLevel;
+    size?: HeadingSize;
+    weight?: HeadingWeight;
+    color?: string;
+    align?: HeadingAlign;
+    letterSpacing?: HeadingLetterSpacing;
+    lineHeight?: HeadingLineHeight;
+    id?: string;
+};
+declare function Heading({ text, level, size, weight, color, align, letterSpacing, lineHeight, id, }: HeadingProps): react_jsx_runtime.JSX.Element | null;
+
+type ParagraphProps = {
+    text?: string;
+    size?: ParagraphSize;
+    weight?: ParagraphWeight;
+    color?: string;
+    align?: ParagraphAlign;
+    lineHeight?: ParagraphLineHeight;
+    maxWidth?: string;
+    id?: string;
+};
+declare function Paragraph({ text, size, weight, color, align, lineHeight, maxWidth, id, }: ParagraphProps): react_jsx_runtime.JSX.Element | null;
+
+export { Heading, type HeadingProps, Paragraph, type ParagraphProps };