@mission-studio/puck 1.0.21 → 1.0.24

package/dist/Popup-Dg78fu78.d.mts

@@ -0,0 +1,260 @@
+import { n as EntryBoundValue, j as ThemeableColorValue, m as ColorValue } from './types-HQ6hIbYr.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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;
+};
+
+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;
+};
+
+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;
+};
+
+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 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;
+
+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;
+
+type ColumnsProps = {
+    columns?: 2 | 3 | 4;
+    gap?: "none" | "sm" | "md" | "lg" | "xl";
+    verticalAlign?: "top" | "center" | "bottom" | "stretch";
+    stackOnMobile?: boolean;
+} & PuckProps;
+
+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;
+
+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;
+};
+
+type SpacerProps = {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+    id?: string;
+    puck?: unknown;
+    editMode?: boolean;
+};
+
+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 ParagraphAlign as A, type ButtonProps as B, type CardProps as C, type DividerProps as D, type ParagraphLineHeight as E, FeatureGrid as F, type HeadingLevel as H, type IconProps as I, Popup as P, type SectionProps as S, TextBlock as T, VideoEmbed as V, type CarouselImage as a, type ColumnsProps as b, type ContainerProps as c, CustomImage as d, type CustomImageProps as e, type FeatureGridProps as f, FeaturesList as g, type FeaturesListProps as h, Footer as i, type FooterProps as j, type ImageCarouselProps as k, type ImageProps as l, type PopupProps as m, type SpacerProps as n, type TextBlockProps as o, Topbar as p, type TopbarProps as q, type VideoEmbedProps as r, availableIcons as s, type HeadingSize as t, type HeadingWeight as u, type HeadingAlign as v, type HeadingLetterSpacing as w, type HeadingLineHeight as x, type ParagraphSize as y, type ParagraphWeight as z };

package/dist/Popup-L7kcJo05.d.ts

@@ -0,0 +1,260 @@
+import { n as EntryBoundValue, j as ThemeableColorValue, m as ColorValue } from './types-HQ6hIbYr.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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;
+};
+
+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;
+};
+
+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;
+};
+
+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 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;
+
+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;
+
+type ColumnsProps = {
+    columns?: 2 | 3 | 4;
+    gap?: "none" | "sm" | "md" | "lg" | "xl";
+    verticalAlign?: "top" | "center" | "bottom" | "stretch";
+    stackOnMobile?: boolean;
+} & PuckProps;
+
+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;
+
+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;
+};
+
+type SpacerProps = {
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+    id?: string;
+    puck?: unknown;
+    editMode?: boolean;
+};
+
+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 ParagraphAlign as A, type ButtonProps as B, type CardProps as C, type DividerProps as D, type ParagraphLineHeight as E, FeatureGrid as F, type HeadingLevel as H, type IconProps as I, Popup as P, type SectionProps as S, TextBlock as T, VideoEmbed as V, type CarouselImage as a, type ColumnsProps as b, type ContainerProps as c, CustomImage as d, type CustomImageProps as e, type FeatureGridProps as f, FeaturesList as g, type FeaturesListProps as h, Footer as i, type FooterProps as j, type ImageCarouselProps as k, type ImageProps as l, type PopupProps as m, type SpacerProps as n, type TextBlockProps as o, Topbar as p, type TopbarProps as q, type VideoEmbedProps as r, availableIcons as s, type HeadingSize as t, type HeadingWeight as u, type HeadingAlign as v, type HeadingLetterSpacing as w, type HeadingLineHeight as x, type ParagraphSize as y, type ParagraphWeight 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 };