@mission-studio/puck 1.0.20 → 1.0.23

package/dist/{chunk-A2J2E524.mjs → chunk-WFLVAZV2.mjs}

@@ -1,6 +1,7 @@
 import {
-  getHeadingStyle
-} from "./chunk-X6VGLL5Y.mjs";
+  getHeadingStyle,
+  getParagraphStyle
+} from "./chunk-MWW5LYLN.mjs";
 import {
   useEntries,
   useTheme
@@ -73,6 +74,69 @@ function Heading({
   return /* @__PURE__ */ jsx(Tag, { id, style, children: resolvedText });
 }
 
+// components/page/next/Paragraph.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function isThemeableValue2(value) {
+  return typeof value === "object" && value !== null && "useTheme" in value;
+}
+function isEntryBoundValue2(value) {
+  return typeof value === "object" && value !== null && "useEntry" in value;
+}
+function Paragraph({
+  text,
+  size = "base",
+  weight = "normal",
+  color,
+  align = "left",
+  lineHeight = "normal",
+  maxWidth,
+  id
+}) {
+  const { resolveColor } = useTheme();
+  const { getEntryValue } = useEntries();
+  const resolvedText = (() => {
+    if (!text) return "";
+    if (typeof text === "string") return text;
+    if (isEntryBoundValue2(text)) {
+      if (text.useEntry) {
+        return String(getEntryValue(text.entryName, text.fieldKey) ?? "");
+      }
+      return text.value;
+    }
+    return "";
+  })();
+  const resolvedColor = (() => {
+    if (!color)
+      return hexToRgba(
+        resolveColor("foreground").color,
+        resolveColor("foreground").opacity
+      );
+    if (typeof color === "string") return color;
+    if (isThemeableValue2(color)) {
+      return color.useTheme ? hexToRgba(
+        resolveColor(color.themeKey).color,
+        resolveColor(color.themeKey).opacity
+      ) : hexToRgba(color.value.color, color.value.opacity);
+    }
+    if ("color" in color) return hexToRgba(color.color, color.opacity);
+    return hexToRgba(
+      resolveColor("foreground").color,
+      resolveColor("foreground").opacity
+    );
+  })();
+  const style = getParagraphStyle({
+    size,
+    weight,
+    color: resolvedColor,
+    align,
+    lineHeight,
+    maxWidth
+  });
+  if (!resolvedText) return null;
+  return /* @__PURE__ */ jsx2("p", { id, style, children: resolvedText });
+}
+
 export {
-  Heading
+  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 };

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

@@ -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-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';
+import '../../../types-HQ6hIbYr.js';
+import 'react';
+import '../../../ResponsiveToggleField-QCve94L_.js';
+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 };