@mission-studio/puck 1.0.24 → 1.0.25

package/dist/{chunk-MYS3PLMF.mjs → chunk-B7TB7KB4.mjs}

@@ -315,7 +315,7 @@ function Icon({
 // components/page/astro/Section.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
 function Section({
-  children: _children,
+  children,
   verticalPadding = 48,
   horizontalPadding = 32,
   gap = 24,
@@ -328,7 +328,6 @@ function Section({
   visibility,
   puck
 }) {
-  const DropZone = puck?.renderDropZone;
   const bgColor = typeof backgroundColor === "string" ? backgroundColor : void 0;
   const style = {
     ...getSectionStyle(
@@ -348,7 +347,7 @@ function Section({
       id: anchorLink,
       className: cn("flex w-full flex-col", getVisibilityClasses(visibility)),
       style,
-      children: /* @__PURE__ */ jsx7("div", { className: "mx-auto w-full", style: { maxWidth: contentMaxWidth }, children: DropZone && /* @__PURE__ */ jsx7(DropZone, { zone: "content" }) })
+      children: /* @__PURE__ */ jsx7("div", { className: "mx-auto w-full", style: { maxWidth: contentMaxWidth }, children })
     }
   );
 }
@@ -356,6 +355,7 @@ function Section({
 // components/page/astro/Container.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
 function Container({
+  children,
   maxWidth = "lg",
   padding,
   paddingX = "md",
@@ -365,7 +365,6 @@ function Container({
   id,
   puck
 }) {
-  const DropZone = puck?.renderDropZone;
   const bgColor = typeof backgroundColor === "string" ? backgroundColor : void 0;
   const effectivePaddingX = padding || paddingX;
   const effectivePaddingY = padding || paddingY;
@@ -376,12 +375,13 @@ function Container({
     centered,
     bgColor
   );
-  return /* @__PURE__ */ jsx8("div", { id, style, children: DropZone && /* @__PURE__ */ jsx8(DropZone, { zone: "container-content" }) });
+  return /* @__PURE__ */ jsx8("div", { id, style, children });
 }
 
 // components/page/astro/Columns.tsx
 import { jsx as jsx9 } from "react/jsx-runtime";
 function Columns({
+  children,
   columns = 2,
   gap = "md",
   verticalAlign = "top",
@@ -389,14 +389,15 @@ function Columns({
   id,
   puck
 }) {
-  const DropZone = puck?.renderDropZone;
   const containerStyle = getContainerStyle3(columns, gap, verticalAlign);
-  return /* @__PURE__ */ jsx9("div", { id, style: containerStyle, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx9("div", { style: { minWidth: 0 }, children: DropZone && /* @__PURE__ */ jsx9(DropZone, { zone: `column-${index}` }) }, index)) });
+  const columnChildren = children || [];
+  return /* @__PURE__ */ jsx9("div", { id, style: containerStyle, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx9("div", { style: { minWidth: 0 }, children: columnChildren[index] || null }, index)) });
 }
 
 // components/page/astro/Card.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 function Card({
+  children,
   backgroundColor,
   borderColor,
   borderWidth = "thin",
@@ -406,7 +407,6 @@ function Card({
   id,
   puck
 }) {
-  const DropZone = puck?.renderDropZone;
   const bgColor = typeof backgroundColor === "string" ? backgroundColor : "rgba(255, 255, 255, 1)";
   const bColor = typeof borderColor === "string" ? borderColor : "rgba(229, 231, 235, 1)";
   const style = getCardStyle(
@@ -417,7 +417,7 @@ function Card({
     shadow,
     padding
   );
-  return /* @__PURE__ */ jsx10("div", { id, style, children: DropZone && /* @__PURE__ */ jsx10(DropZone, { zone: "card-content" }) });
+  return /* @__PURE__ */ jsx10("div", { id, style, children });
 }
 
 // components/page/astro/Divider.tsx

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

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { H as HeadingLevel, t as HeadingSize, u as HeadingWeight, v as HeadingAlign, w as HeadingLetterSpacing, x as HeadingLineHeight, y as ParagraphSize, z as ParagraphWeight, A as ParagraphAlign, E as ParagraphLineHeight, B as ButtonProps, l as ImageProps, k as ImageCarouselProps, I as IconProps, S as SectionProps, c as ContainerProps, b as ColumnsProps, C as CardProps, D as DividerProps, n as SpacerProps } from '../../../Popup-Dg78fu78.mjs';
 export { a as CarouselImage, d as CustomImage, e as CustomImageProps, F as FeatureGrid, f as FeatureGridProps, g as FeaturesList, h as FeaturesListProps, i as Footer, j as FooterProps, P as Popup, m as PopupProps, T as TextBlock, o as TextBlockProps, p as Topbar, q as TopbarProps, V as VideoEmbed, r as VideoEmbedProps, s as availableIcons } from '../../../Popup-Dg78fu78.mjs';
+import { ReactNode } from 'react';
 import '../../../types-HQ6hIbYr.mjs';
-import 'react';
 import '../../../ResponsiveToggleField-65CqZEK-.mjs';
 import '@measured/puck';
 
@@ -39,13 +39,21 @@ declare function ImageCarousel({ images, aspectRatio, borderRadius, showDots, sh
 
 declare function Icon({ name, size, color, align, id, }: IconProps): react_jsx_runtime.JSX.Element;
 
-declare function Section({ children: _children, verticalPadding, horizontalPadding, gap, backgroundColor, backgroundImage, shadow, borderRadius, contentMaxWidth, anchorLink, visibility, puck, }: SectionProps): react_jsx_runtime.JSX.Element;
+declare function Section({ children, verticalPadding, horizontalPadding, gap, backgroundColor, backgroundImage, shadow, borderRadius, contentMaxWidth, anchorLink, visibility, puck, }: SectionProps & {
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
 
-declare function Container({ maxWidth, padding, paddingX, paddingY, backgroundColor, centered, id, puck, }: ContainerProps): react_jsx_runtime.JSX.Element;
+declare function Container({ children, maxWidth, padding, paddingX, paddingY, backgroundColor, centered, id, puck, }: ContainerProps & {
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
 
-declare function Columns({ columns, gap, verticalAlign, stackOnMobile, id, puck, }: ColumnsProps): react_jsx_runtime.JSX.Element;
+declare function Columns({ children, columns, gap, verticalAlign, stackOnMobile, id, puck, }: ColumnsProps & {
+    children?: ReactNode[];
+}): react_jsx_runtime.JSX.Element;
 
-declare function Card({ backgroundColor, borderColor, borderWidth, borderRadius, shadow, padding, id, puck, }: CardProps): react_jsx_runtime.JSX.Element;
+declare function Card({ children, backgroundColor, borderColor, borderWidth, borderRadius, shadow, padding, id, puck, }: CardProps & {
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
 
 declare function Divider({ style: lineStyle, thickness, color, width, align, spacing, id, }: DividerProps): react_jsx_runtime.JSX.Element;
 

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

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { H as HeadingLevel, t as HeadingSize, u as HeadingWeight, v as HeadingAlign, w as HeadingLetterSpacing, x as HeadingLineHeight, y as ParagraphSize, z as ParagraphWeight, A as ParagraphAlign, E as ParagraphLineHeight, B as ButtonProps, l as ImageProps, k as ImageCarouselProps, I as IconProps, S as SectionProps, c as ContainerProps, b as ColumnsProps, C as CardProps, D as DividerProps, n as SpacerProps } from '../../../Popup-L7kcJo05.js';
 export { a as CarouselImage, d as CustomImage, e as CustomImageProps, F as FeatureGrid, f as FeatureGridProps, g as FeaturesList, h as FeaturesListProps, i as Footer, j as FooterProps, P as Popup, m as PopupProps, T as TextBlock, o as TextBlockProps, p as Topbar, q as TopbarProps, V as VideoEmbed, r as VideoEmbedProps, s as availableIcons } from '../../../Popup-L7kcJo05.js';
+import { ReactNode } from 'react';
 import '../../../types-HQ6hIbYr.js';
-import 'react';
 import '../../../ResponsiveToggleField-QCve94L_.js';
 import '@measured/puck';
 
@@ -39,13 +39,21 @@ declare function ImageCarousel({ images, aspectRatio, borderRadius, showDots, sh
 
 declare function Icon({ name, size, color, align, id, }: IconProps): react_jsx_runtime.JSX.Element;
 
-declare function Section({ children: _children, verticalPadding, horizontalPadding, gap, backgroundColor, backgroundImage, shadow, borderRadius, contentMaxWidth, anchorLink, visibility, puck, }: SectionProps): react_jsx_runtime.JSX.Element;
+declare function Section({ children, verticalPadding, horizontalPadding, gap, backgroundColor, backgroundImage, shadow, borderRadius, contentMaxWidth, anchorLink, visibility, puck, }: SectionProps & {
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
 
-declare function Container({ maxWidth, padding, paddingX, paddingY, backgroundColor, centered, id, puck, }: ContainerProps): react_jsx_runtime.JSX.Element;
+declare function Container({ children, maxWidth, padding, paddingX, paddingY, backgroundColor, centered, id, puck, }: ContainerProps & {
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
 
-declare function Columns({ columns, gap, verticalAlign, stackOnMobile, id, puck, }: ColumnsProps): react_jsx_runtime.JSX.Element;
+declare function Columns({ children, columns, gap, verticalAlign, stackOnMobile, id, puck, }: ColumnsProps & {
+    children?: ReactNode[];
+}): react_jsx_runtime.JSX.Element;
 
-declare function Card({ backgroundColor, borderColor, borderWidth, borderRadius, shadow, padding, id, puck, }: CardProps): react_jsx_runtime.JSX.Element;
+declare function Card({ children, backgroundColor, borderColor, borderWidth, borderRadius, shadow, padding, id, puck, }: CardProps & {
+    children?: ReactNode;
+}): react_jsx_runtime.JSX.Element;
 
 declare function Divider({ style: lineStyle, thickness, color, width, align, spacing, id, }: DividerProps): react_jsx_runtime.JSX.Element;
 

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

@@ -1043,7 +1043,7 @@ function getSectionStyle(verticalPadding, horizontalPadding, gap, backgroundColo
 // components/page/astro/Section.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function Section({
-  children: _children,
+  children,
   verticalPadding = 48,
   horizontalPadding = 32,
   gap = 24,
@@ -1056,7 +1056,6 @@ function Section({
   visibility,
   puck
 }) {
-  const DropZone = puck?.renderDropZone;
   const bgColor = typeof backgroundColor === "string" ? backgroundColor : void 0;
   const style = {
     ...getSectionStyle(
@@ -1076,7 +1075,7 @@ function Section({
       id: anchorLink,
       className: cn("flex w-full flex-col", getVisibilityClasses(visibility)),
       style,
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mx-auto w-full", style: { maxWidth: contentMaxWidth }, children: DropZone && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropZone, { zone: "content" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mx-auto w-full", style: { maxWidth: contentMaxWidth }, children })
     }
   );
 }
@@ -1114,6 +1113,7 @@ function getContainerStyle2(maxWidth, paddingX, paddingY, centered, backgroundCo
 // components/page/astro/Container.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function Container({
+  children,
   maxWidth = "lg",
   padding,
   paddingX = "md",
@@ -1123,7 +1123,6 @@ function Container({
   id,
   puck
 }) {
-  const DropZone = puck?.renderDropZone;
   const bgColor = typeof backgroundColor === "string" ? backgroundColor : void 0;
   const effectivePaddingX = padding || paddingX;
   const effectivePaddingY = padding || paddingY;
@@ -1134,7 +1133,7 @@ function Container({
     centered,
     bgColor
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { id, style, children: DropZone && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropZone, { zone: "container-content" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { id, style, children });
 }
 
 // components/page/primitives/Columns.ts
@@ -1163,6 +1162,7 @@ function getContainerStyle3(columns, gap, verticalAlign) {
 // components/page/astro/Columns.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function Columns({
+  children,
   columns = 2,
   gap = "md",
   verticalAlign = "top",
@@ -1170,9 +1170,9 @@ function Columns({
   id,
   puck
 }) {
-  const DropZone = puck?.renderDropZone;
   const containerStyle = getContainerStyle3(columns, gap, verticalAlign);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { id, style: containerStyle, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { minWidth: 0 }, children: DropZone && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropZone, { zone: `column-${index}` }) }, index)) });
+  const columnChildren = children || [];
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { id, style: containerStyle, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { minWidth: 0 }, children: columnChildren[index] || null }, index)) });
 }
 
 // components/page/primitives/Card.ts
@@ -1216,6 +1216,7 @@ function getCardStyle(backgroundColor, borderColor, borderWidth, borderRadius, s
 // components/page/astro/Card.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function Card({
+  children,
   backgroundColor,
   borderColor,
   borderWidth = "thin",
@@ -1225,7 +1226,6 @@ function Card({
   id,
   puck
 }) {
-  const DropZone = puck?.renderDropZone;
   const bgColor = typeof backgroundColor === "string" ? backgroundColor : "rgba(255, 255, 255, 1)";
   const bColor = typeof borderColor === "string" ? borderColor : "rgba(229, 231, 235, 1)";
   const style = getCardStyle(
@@ -1236,7 +1236,7 @@ function Card({
     shadow,
     padding
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { id, style, children: DropZone && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropZone, { zone: "card-content" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { id, style, children });
 }
 
 // components/page/primitives/Divider.ts

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

@@ -11,7 +11,7 @@ import {
   Paragraph,
   Section,
   Spacer
-} from "../../../chunk-MYS3PLMF.mjs";
+} from "../../../chunk-B7TB7KB4.mjs";
 import {
   CustomImage,
   FeatureGrid,

package/dist/config/server.js

@@ -1023,7 +1023,7 @@ function getSectionStyle(verticalPadding, horizontalPadding, gap, backgroundColo
 // components/page/astro/Section.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function Section({
-  children: _children,
+  children,
   verticalPadding = 48,
   horizontalPadding = 32,
   gap = 24,
@@ -1036,7 +1036,6 @@ function Section({
   visibility,
   puck
 }) {
-  const DropZone = puck?.renderDropZone;
   const bgColor = typeof backgroundColor === "string" ? backgroundColor : void 0;
   const style = {
     ...getSectionStyle(
@@ -1056,7 +1055,7 @@ function Section({
       id: anchorLink,
       className: cn("flex w-full flex-col", getVisibilityClasses(visibility)),
       style,
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mx-auto w-full", style: { maxWidth: contentMaxWidth }, children: DropZone && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DropZone, { zone: "content" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mx-auto w-full", style: { maxWidth: contentMaxWidth }, children })
     }
   );
 }
@@ -1094,6 +1093,7 @@ function getContainerStyle2(maxWidth, paddingX, paddingY, centered, backgroundCo
 // components/page/astro/Container.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 function Container({
+  children,
   maxWidth = "lg",
   padding,
   paddingX = "md",
@@ -1103,7 +1103,6 @@ function Container({
   id,
   puck
 }) {
-  const DropZone = puck?.renderDropZone;
   const bgColor = typeof backgroundColor === "string" ? backgroundColor : void 0;
   const effectivePaddingX = padding || paddingX;
   const effectivePaddingY = padding || paddingY;
@@ -1114,7 +1113,7 @@ function Container({
     centered,
     bgColor
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { id, style, children: DropZone && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DropZone, { zone: "container-content" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { id, style, children });
 }
 
 // components/page/primitives/Columns.ts
@@ -1143,6 +1142,7 @@ function getContainerStyle3(columns, gap, verticalAlign) {
 // components/page/astro/Columns.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function Columns({
+  children,
   columns = 2,
   gap = "md",
   verticalAlign = "top",
@@ -1150,9 +1150,9 @@ function Columns({
   id,
   puck
 }) {
-  const DropZone = puck?.renderDropZone;
   const containerStyle = getContainerStyle3(columns, gap, verticalAlign);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { id, style: containerStyle, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { minWidth: 0 }, children: DropZone && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropZone, { zone: `column-${index}` }) }, index)) });
+  const columnChildren = children || [];
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { id, style: containerStyle, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { style: { minWidth: 0 }, children: columnChildren[index] || null }, index)) });
 }
 
 // components/page/primitives/Card.ts
@@ -1196,6 +1196,7 @@ function getCardStyle(backgroundColor, borderColor, borderWidth, borderRadius, s
 // components/page/astro/Card.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function Card({
+  children,
   backgroundColor,
   borderColor,
   borderWidth = "thin",
@@ -1205,7 +1206,6 @@ function Card({
   id,
   puck
 }) {
-  const DropZone = puck?.renderDropZone;
   const bgColor = typeof backgroundColor === "string" ? backgroundColor : "rgba(255, 255, 255, 1)";
   const bColor = typeof borderColor === "string" ? borderColor : "rgba(229, 231, 235, 1)";
   const style = getCardStyle(
@@ -1216,7 +1216,7 @@ function Card({
     shadow,
     padding
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { id, style, children: DropZone && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DropZone, { zone: "card-content" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { id, style, children });
 }
 
 // components/page/primitives/Divider.ts

package/dist/config/server.mjs

@@ -11,7 +11,7 @@ import {
   Paragraph,
   Section,
   Spacer
-} from "../chunk-MYS3PLMF.mjs";
+} from "../chunk-B7TB7KB4.mjs";
 import {
   CustomImage,
   FeatureGrid,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mission-studio/puck",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "description": "A collection of puck components and configurations for internal use at Mission Studio.",
   "repository": {
     "type": "git",