@mission-studio/puck 1.0.21 → 1.0.23

package/dist/renderer.d.ts

@@ -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.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, k as ThemeableShadowValue, l as ThemeableSpacingValue } from './types-D-CIduaE.js';
-import { ReactNode } from 'react';
-import { R as ResponsiveVisibility } from './ResponsiveToggleField-CfBKL5oY.js';
-export { D as DEFAULT_THEME, T as ThemeProvider, u as useTheme } from './ResponsiveToggleField-CfBKL5oY.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";
+import { n as EntryBoundValue, j as ThemeableColorValue, m as ColorValue } from './types-HQ6hIbYr.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, k as ThemeableShadowValue, l as ThemeableSpacingValue } from './types-HQ6hIbYr.js';
+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-BlNJZyB6.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';
+import 'react';
+import './ResponsiveToggleField-QCve94L_.js';
+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 };

package/dist/resolve/index.d.mts

@@ -1,5 +1,5 @@
 import { Data } from '@measured/puck';
-import { P as PageTheme, E as Entry } from '../types-D-CIduaE.mjs';
+import { P as PageTheme, E as Entry } from '../types-HQ6hIbYr.mjs';
 
 interface ResolvePageDataOptions {
     theme: PageTheme | null;

package/dist/resolve/index.d.ts

@@ -1,5 +1,5 @@
 import { Data } from '@measured/puck';
-import { P as PageTheme, E as Entry } from '../types-D-CIduaE.js';
+import { P as PageTheme, E as Entry } from '../types-HQ6hIbYr.js';
 
 interface ResolvePageDataOptions {
     theme: PageTheme | null;

package/dist/{types-D-CIduaE.d.mts → types-HQ6hIbYr.d.mts}

@@ -108,4 +108,4 @@ type EntryBoundValue<T> = {
     value: T;
 };
 
-export type { ColorValue as C, Entry as E, PageTheme as P, ThemeBorderKey as T, ThemeBorders as a, ThemeColorKey as b, ThemeColors as c, ThemeShadowKey as d, ThemeShadows as e, ThemeSpacing as f, ThemeSpacingKey as g, ThemeTypography as h, ThemeableBorderRadiusValue as i, ThemeableColorValue as j, ThemeableShadowValue as k, ThemeableSpacingValue as l, CustomFieldProps as m, EntryBoundValue as n, EntryContent as o };
+export type { CustomFieldProps as C, Entry as E, PageTheme as P, ThemeBorderKey as T, ThemeBorders as a, ThemeColorKey as b, ThemeColors as c, ThemeShadowKey as d, ThemeShadows as e, ThemeSpacing as f, ThemeSpacingKey as g, ThemeTypography as h, ThemeableBorderRadiusValue as i, ThemeableColorValue as j, ThemeableShadowValue as k, ThemeableSpacingValue as l, ColorValue as m, EntryBoundValue as n, EntryContent as o };

package/dist/{types-D-CIduaE.d.ts → types-HQ6hIbYr.d.ts}

@@ -108,4 +108,4 @@ type EntryBoundValue<T> = {
     value: T;
 };
 
-export type { ColorValue as C, Entry as E, PageTheme as P, ThemeBorderKey as T, ThemeBorders as a, ThemeColorKey as b, ThemeColors as c, ThemeShadowKey as d, ThemeShadows as e, ThemeSpacing as f, ThemeSpacingKey as g, ThemeTypography as h, ThemeableBorderRadiusValue as i, ThemeableColorValue as j, ThemeableShadowValue as k, ThemeableSpacingValue as l, CustomFieldProps as m, EntryBoundValue as n, EntryContent as o };
+export type { CustomFieldProps as C, Entry as E, PageTheme as P, ThemeBorderKey as T, ThemeBorders as a, ThemeColorKey as b, ThemeColors as c, ThemeShadowKey as d, ThemeShadows as e, ThemeSpacing as f, ThemeSpacingKey as g, ThemeTypography as h, ThemeableBorderRadiusValue as i, ThemeableColorValue as j, ThemeableShadowValue as k, ThemeableSpacingValue as l, ColorValue as m, EntryBoundValue as n, EntryContent as o };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mission-studio/puck",
-  "version": "1.0.21",
+  "version": "1.0.23",
   "description": "A collection of puck components and configurations for internal use at Mission Studio.",
   "repository": {
     "type": "git",
@@ -57,6 +57,11 @@
       "import": "./dist/resolve/index.mjs",
       "require": "./dist/resolve/index.js"
     },
+    "./components/page/astro": {
+      "types": "./dist/components/page/astro/index.d.ts",
+      "import": "./dist/components/page/astro/index.mjs",
+      "require": "./dist/components/page/astro/index.js"
+    },
     "./styles.css": "./dist/styles.css"
   },
   "scripts": {