@delmaredigital/payload-puck 0.6.10 → 0.6.13

package/dist/components/interactive/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/components/interactive/Divider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/interactive/Divider.tsx"],"sourcesContent":["/**\n * Divider Component - Puck Configuration\n *\n * Horizontal line separator with customizable style.\n */\n\nimport type { ComponentConfig } from '@puckeditor/core'\nimport {\n  dividerStyleField,\n  dividerStyleMap,\n  cn,\n  marginValueToCSS,\n  paddingValueToCSS,\n  colorValueToCSS,\n  dimensionsValueToCSS,\n  transformValueToCSS,\n  type PaddingValue,\n  type ColorValue,\n  type DimensionsValue,\n  type AnimationValue,\n  type TransformValue,\n} from '../../fields/shared.js'\nimport { AnimatedWrapper } from '../AnimatedWrapper.js'\nimport { createMarginField } from '../../fields/MarginField.js'\nimport { createPaddingField } from '../../fields/PaddingField.js'\nimport { createColorPickerField } from '../../fields/ColorPickerField.js'\nimport { createDimensionsField } from '../../fields/DimensionsField.js'\nimport { createAnimationField } from '../../fields/AnimationField.js'\nimport { createTransformField } from '../../fields/TransformField.js'\nimport { createResetField } from '../../fields/ResetField.js'\n\n// Default padding with standard horizontal spacing (replaces hardcoded px-4)\nconst DEFAULT_PADDING: PaddingValue = {\n  top: 0,\n  right: 16,\n  bottom: 0,\n  left: 16,\n  unit: 'px',\n  linked: false,\n}\n\nexport interface DividerProps {\n  style: string\n  color: ColorValue | null\n  margin: PaddingValue | null\n  dimensions: DimensionsValue | null\n  transform: TransformValue | null\n  animation: AnimationValue | null\n  customPadding: PaddingValue | null\n}\n\nconst defaultProps: DividerProps = {\n  style: 'solid',\n  color: null,\n  margin: null,\n  dimensions: null,\n  transform: null,\n  animation: null,\n  customPadding: DEFAULT_PADDING, // Default 16px horizontal padding, visible in editor\n}\n\nexport const DividerConfig: ComponentConfig = {\n  label: 'Divider',\n  fields: {\n    _reset: createResetField({ defaultProps }),\n    style: dividerStyleField,\n    color: createColorPickerField({ label: 'Color' }),\n    dimensions: createDimensionsField({ label: 'Dimensions' }),\n    transform: createTransformField({ label: 'Transform' }),\n    animation: createAnimationField({ label: 'Animation' }),\n    // Spacing (grouped at bottom)\n    margin: createMarginField({ label: 'Margin' }),\n    customPadding: createPaddingField({ label: 'Padding' }),\n  },\n  defaultProps,\n  render: ({ style, color, dimensions, margin, transform, animation, customPadding }) => {\n    const dimensionsStyles = dimensionsValueToCSS(dimensions)\n\n    const wrapperStyle: React.CSSProperties = {\n      ...dimensionsStyles,\n    }\n    const marginCSS = marginValueToCSS(margin)\n    if (marginCSS) {\n      wrapperStyle.margin = marginCSS\n    }\n    const paddingCSS = paddingValueToCSS(customPadding)\n    if (paddingCSS) {\n      wrapperStyle.padding = paddingCSS\n    }\n    const transformStyles = transformValueToCSS(transform)\n    if (transformStyles) {\n      Object.assign(wrapperStyle, transformStyles)\n    }\n\n    // Only set color if explicitly provided, otherwise use CSS variable\n    const customColor = colorValueToCSS(color)\n    const hrStyle: React.CSSProperties | undefined = customColor\n      ? { borderColor: customColor }\n      : undefined\n\n    return (\n      <AnimatedWrapper animation={animation}>\n        <div style={Object.keys(wrapperStyle).length > 0 ? wrapperStyle : undefined}>\n          <hr\n            className={cn(\n              'border-t border-border',\n              dividerStyleMap[style] || dividerStyleMap.solid\n            )}\n            style={hrStyle}\n          />\n        </div>\n      </AnimatedWrapper>\n    )\n  },\n}\n"],"names":["dividerStyleField","dividerStyleMap","cn","marginValueToCSS","paddingValueToCSS","colorValueToCSS","dimensionsValueToCSS","transformValueToCSS","AnimatedWrapper","createMarginField","createPaddingField","createColorPickerField","createDimensionsField","createAnimationField","createTransformField","createResetField","DEFAULT_PADDING","top","right","bottom","left","unit","linked","defaultProps","style","color","margin","dimensions","transform","animation","customPadding","DividerConfig","label","fields","_reset","render","dimensionsStyles","wrapperStyle","marginCSS","paddingCSS","padding","transformStyles","Object","assign","customColor","hrStyle","borderColor","undefined","div","keys","length","hr","className","solid"],"mappings":"AAAA;;;;CAIC;AAGD,SACEA,iBAAiB,EACjBC,eAAe,EACfC,EAAE,EACFC,gBAAgB,EAChBC,iBAAiB,EACjBC,eAAe,EACfC,oBAAoB,EACpBC,mBAAmB,QAMd,yBAAwB;AAC/B,SAASC,eAAe,QAAQ,wBAAuB;AACvD,SAASC,iBAAiB,QAAQ,8BAA6B;AAC/D,SAASC,kBAAkB,QAAQ,+BAA8B;AACjE,SAASC,sBAAsB,QAAQ,mCAAkC;AACzE,SAASC,qBAAqB,QAAQ,kCAAiC;AACvE,SAASC,oBAAoB,QAAQ,iCAAgC;AACrE,SAASC,oBAAoB,QAAQ,iCAAgC;AACrE,SAASC,gBAAgB,QAAQ,6BAA4B;AAE7D,6EAA6E;AAC7E,MAAMC,kBAAgC;IACpCC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC,MAAM;IACNC,MAAM;IACNC,QAAQ;AACV;AAYA,MAAMC,eAA6B;IACjCC,OAAO;IACPC,OAAO;IACPC,QAAQ;IACRC,YAAY;IACZC,WAAW;IACXC,WAAW;IACXC,eAAed;AACjB;AAEA,OAAO,MAAMe,gBAAiC;IAC5CC,OAAO;IACPC,QAAQ;QACNC,QAAQnB,iBAAiB;YAAEQ;QAAa;QACxCC,OAAOxB;QACPyB,OAAOd,uBAAuB;YAAEqB,OAAO;QAAQ;QAC/CL,YAAYf,sBAAsB;YAAEoB,OAAO;QAAa;QACxDJ,WAAWd,qBAAqB;YAAEkB,OAAO;QAAY;QACrDH,WAAWhB,qBAAqB;YAAEmB,OAAO;QAAY;QACrD,8BAA8B;QAC9BN,QAAQjB,kBAAkB;YAAEuB,OAAO;QAAS;QAC5CF,eAAepB,mBAAmB;YAAEsB,OAAO;QAAU;IACvD;IACAT;IACAY,QAAQ,CAAC,EAAEX,KAAK,EAAEC,KAAK,EAAEE,UAAU,EAAED,MAAM,EAAEE,SAAS,EAAEC,SAAS,EAAEC,aAAa,EAAE;QAChF,MAAMM,mBAAmB9B,qBAAqBqB;QAE9C,MAAMU,eAAoC;YACxC,GAAGD,gBAAgB;QACrB;QACA,MAAME,YAAYnC,iBAAiBuB;QACnC,IAAIY,WAAW;YACbD,aAAaX,MAAM,GAAGY;QACxB;QACA,MAAMC,aAAanC,kBAAkB0B;QACrC,IAAIS,YAAY;YACdF,aAAaG,OAAO,GAAGD;QACzB;QACA,MAAME,kBAAkBlC,oBAAoBqB;QAC5C,IAAIa,iBAAiB;YACnBC,OAAOC,MAAM,CAACN,cAAcI;QAC9B;QAEA,oEAAoE;QACpE,MAAMG,cAAcvC,gBAAgBoB;QACpC,MAAMoB,UAA2CD,cAC7C;YAAEE,aAAaF;QAAY,IAC3BG;QAEJ,qBACE,KAACvC;YAAgBqB,WAAWA;sBAC1B,cAAA,KAACmB;gBAAIxB,OAAOkB,OAAOO,IAAI,CAACZ,cAAca,MAAM,GAAG,IAAIb,eAAeU;0BAChE,cAAA,KAACI;oBACCC,WAAWlD,GACT,0BACAD,eAAe,CAACuB,MAAM,IAAIvB,gBAAgBoD,KAAK;oBAEjD7B,OAAOqB;;;;IAKjB;AACF,EAAC"}

package/dist/components/interactive/Divider.server.d.ts

@@ -6,7 +6,7 @@
  * Safe for use in server components.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue, type TransformValue } from '../../fields/shared';
+import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue, type TransformValue } from '../../fields/shared.js';
 export interface DividerProps {
     style: string;
     color: ColorValue | null;

package/dist/components/interactive/Divider.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.server.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Divider.server.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAa5B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAYD,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,YAAY,CA0CvD,CAAA"}
+{"version":3,"file":"Divider.server.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Divider.server.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAA;AAa/B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAYD,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,YAAY,CA0CvD,CAAA"}

package/dist/components/interactive/Divider.server.js

@@ -1,6 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { dividerStyleMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS, transformValueToCSS, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
+/**
+ * Divider Component - Server-safe Puck Configuration
+ *
+ * Horizontal line separator with customizable style.
+ * This version contains only the render function and types - no fields.
+ * Safe for use in server components.
+ */ import { jsx as _jsx } from "react/jsx-runtime";
+import { dividerStyleMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS, transformValueToCSS } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
 // Default padding with standard horizontal spacing (replaces hardcoded px-4)
 const DEFAULT_PADDING = {
     top: 0,
@@ -8,7 +14,7 @@ const DEFAULT_PADDING = {
     bottom: 0,
     left: 16,
     unit: 'px',
-    linked: false,
+    linked: false
 };
 const defaultProps = {
     style: 'solid',
@@ -17,15 +23,15 @@ const defaultProps = {
     dimensions: null,
     transform: null,
     animation: null,
-    customPadding: DEFAULT_PADDING, // Default 16px horizontal padding
+    customPadding: DEFAULT_PADDING
 };
 export const DividerConfig = {
     label: 'Divider',
     defaultProps,
-    render: ({ style, color, dimensions, margin, transform, animation, customPadding }) => {
+    render: ({ style, color, dimensions, margin, transform, animation, customPadding })=>{
         const dimensionsStyles = dimensionsValueToCSS(dimensions);
         const wrapperStyle = {
-            ...dimensionsStyles,
+            ...dimensionsStyles
         };
         const marginCSS = marginValueToCSS(margin);
         if (marginCSS) {
@@ -41,10 +47,20 @@ export const DividerConfig = {
         }
         // Only set color if explicitly provided, otherwise use CSS variable
         const customColor = colorValueToCSS(color);
-        const hrStyle = customColor
-            ? { borderColor: customColor }
-            : undefined;
-        return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("div", { style: Object.keys(wrapperStyle).length > 0 ? wrapperStyle : undefined, children: _jsx("hr", { className: cn('border-t border-border', dividerStyleMap[style] || dividerStyleMap.solid), style: hrStyle }) }) }));
-    },
+        const hrStyle = customColor ? {
+            borderColor: customColor
+        } : undefined;
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            children: /*#__PURE__*/ _jsx("div", {
+                style: Object.keys(wrapperStyle).length > 0 ? wrapperStyle : undefined,
+                children: /*#__PURE__*/ _jsx("hr", {
+                    className: cn('border-t border-border', dividerStyleMap[style] || dividerStyleMap.solid),
+                    style: hrStyle
+                })
+            })
+        });
+    }
 };
+
 //# sourceMappingURL=Divider.server.js.map

package/dist/components/interactive/Divider.server.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.server.js","sourceRoot":"","sources":["../../../src/components/interactive/Divider.server.tsx"],"names":[],"mappings":";AASA,OAAO,EACL,eAAe,EACf,EAAE,EACF,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,mBAAmB,GAMpB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,6EAA6E;AAC7E,MAAM,eAAe,GAAiB;IACpC,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,KAAK;CACd,CAAA;AAYD,MAAM,YAAY,GAAiB;IACjC,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,eAAe,EAAE,kCAAkC;CACnE,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAkC;IAC1D,KAAK,EAAE,SAAS;IAChB,YAAY;IACZ,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE;QACpF,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,UAAU,CAAC,CAAA;QAEzD,MAAM,YAAY,GAAwB;YACxC,GAAG,gBAAgB;SACpB,CAAA;QACD,MAAM,SAAS,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,SAAS,EAAE,CAAC;YACd,YAAY,CAAC,MAAM,GAAG,SAAS,CAAA;QACjC,CAAC;QACD,MAAM,UAAU,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAA;QACnD,IAAI,UAAU,EAAE,CAAC;YACf,YAAY,CAAC,OAAO,GAAG,UAAU,CAAA;QACnC,CAAC;QACD,MAAM,eAAe,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAA;QACtD,IAAI,eAAe,EAAE,CAAC;YACpB,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,CAAA;QAC9C,CAAC;QAED,oEAAoE;QACpE,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;QAC1C,MAAM,OAAO,GAAoC,WAAW;YAC1D,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE;YAC9B,CAAC,CAAC,SAAS,CAAA;QAEb,OAAO,CACL,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,YACnC,cAAK,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,YACzE,aACE,SAAS,EAAE,EAAE,CACX,wBAAwB,EACxB,eAAe,CAAC,KAAK,CAAC,IAAI,eAAe,CAAC,KAAK,CAChD,EACD,KAAK,EAAE,OAAO,GACd,GACE,GACU,CACnB,CAAA;IACH,CAAC;CACF,CAAA"}
+{"version":3,"sources":["../../../src/components/interactive/Divider.server.tsx"],"sourcesContent":["/**\n * Divider Component - Server-safe Puck Configuration\n *\n * Horizontal line separator with customizable style.\n * This version contains only the render function and types - no fields.\n * Safe for use in server components.\n */\n\nimport type { ComponentConfig } from '@puckeditor/core'\nimport {\n  dividerStyleMap,\n  cn,\n  marginValueToCSS,\n  paddingValueToCSS,\n  colorValueToCSS,\n  dimensionsValueToCSS,\n  transformValueToCSS,\n  type PaddingValue,\n  type ColorValue,\n  type DimensionsValue,\n  type AnimationValue,\n  type TransformValue,\n} from '../../fields/shared.js'\nimport { AnimatedWrapper } from '../AnimatedWrapper.js'\n\n// Default padding with standard horizontal spacing (replaces hardcoded px-4)\nconst DEFAULT_PADDING: PaddingValue = {\n  top: 0,\n  right: 16,\n  bottom: 0,\n  left: 16,\n  unit: 'px',\n  linked: false,\n}\n\nexport interface DividerProps {\n  style: string\n  color: ColorValue | null\n  margin: PaddingValue | null\n  dimensions: DimensionsValue | null\n  transform: TransformValue | null\n  animation: AnimationValue | null\n  customPadding: PaddingValue | null\n}\n\nconst defaultProps: DividerProps = {\n  style: 'solid',\n  color: null,\n  margin: null,\n  dimensions: null,\n  transform: null,\n  animation: null,\n  customPadding: DEFAULT_PADDING, // Default 16px horizontal padding\n}\n\nexport const DividerConfig: ComponentConfig<DividerProps> = {\n  label: 'Divider',\n  defaultProps,\n  render: ({ style, color, dimensions, margin, transform, animation, customPadding }) => {\n    const dimensionsStyles = dimensionsValueToCSS(dimensions)\n\n    const wrapperStyle: React.CSSProperties = {\n      ...dimensionsStyles,\n    }\n    const marginCSS = marginValueToCSS(margin)\n    if (marginCSS) {\n      wrapperStyle.margin = marginCSS\n    }\n    const paddingCSS = paddingValueToCSS(customPadding)\n    if (paddingCSS) {\n      wrapperStyle.padding = paddingCSS\n    }\n    const transformStyles = transformValueToCSS(transform)\n    if (transformStyles) {\n      Object.assign(wrapperStyle, transformStyles)\n    }\n\n    // Only set color if explicitly provided, otherwise use CSS variable\n    const customColor = colorValueToCSS(color)\n    const hrStyle: React.CSSProperties | undefined = customColor\n      ? { borderColor: customColor }\n      : undefined\n\n    return (\n      <AnimatedWrapper animation={animation}>\n        <div style={Object.keys(wrapperStyle).length > 0 ? wrapperStyle : undefined}>\n          <hr\n            className={cn(\n              'border-t border-border',\n              dividerStyleMap[style] || dividerStyleMap.solid\n            )}\n            style={hrStyle}\n          />\n        </div>\n      </AnimatedWrapper>\n    )\n  },\n}\n"],"names":["dividerStyleMap","cn","marginValueToCSS","paddingValueToCSS","colorValueToCSS","dimensionsValueToCSS","transformValueToCSS","AnimatedWrapper","DEFAULT_PADDING","top","right","bottom","left","unit","linked","defaultProps","style","color","margin","dimensions","transform","animation","customPadding","DividerConfig","label","render","dimensionsStyles","wrapperStyle","marginCSS","paddingCSS","padding","transformStyles","Object","assign","customColor","hrStyle","borderColor","undefined","div","keys","length","hr","className","solid"],"mappings":"AAAA;;;;;;CAMC;AAGD,SACEA,eAAe,EACfC,EAAE,EACFC,gBAAgB,EAChBC,iBAAiB,EACjBC,eAAe,EACfC,oBAAoB,EACpBC,mBAAmB,QAMd,yBAAwB;AAC/B,SAASC,eAAe,QAAQ,wBAAuB;AAEvD,6EAA6E;AAC7E,MAAMC,kBAAgC;IACpCC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC,MAAM;IACNC,MAAM;IACNC,QAAQ;AACV;AAYA,MAAMC,eAA6B;IACjCC,OAAO;IACPC,OAAO;IACPC,QAAQ;IACRC,YAAY;IACZC,WAAW;IACXC,WAAW;IACXC,eAAed;AACjB;AAEA,OAAO,MAAMe,gBAA+C;IAC1DC,OAAO;IACPT;IACAU,QAAQ,CAAC,EAAET,KAAK,EAAEC,KAAK,EAAEE,UAAU,EAAED,MAAM,EAAEE,SAAS,EAAEC,SAAS,EAAEC,aAAa,EAAE;QAChF,MAAMI,mBAAmBrB,qBAAqBc;QAE9C,MAAMQ,eAAoC;YACxC,GAAGD,gBAAgB;QACrB;QACA,MAAME,YAAY1B,iBAAiBgB;QACnC,IAAIU,WAAW;YACbD,aAAaT,MAAM,GAAGU;QACxB;QACA,MAAMC,aAAa1B,kBAAkBmB;QACrC,IAAIO,YAAY;YACdF,aAAaG,OAAO,GAAGD;QACzB;QACA,MAAME,kBAAkBzB,oBAAoBc;QAC5C,IAAIW,iBAAiB;YACnBC,OAAOC,MAAM,CAACN,cAAcI;QAC9B;QAEA,oEAAoE;QACpE,MAAMG,cAAc9B,gBAAgBa;QACpC,MAAMkB,UAA2CD,cAC7C;YAAEE,aAAaF;QAAY,IAC3BG;QAEJ,qBACE,KAAC9B;YAAgBc,WAAWA;sBAC1B,cAAA,KAACiB;gBAAItB,OAAOgB,OAAOO,IAAI,CAACZ,cAAca,MAAM,GAAG,IAAIb,eAAeU;0BAChE,cAAA,KAACI;oBACCC,WAAWzC,GACT,0BACAD,eAAe,CAACgB,MAAM,IAAIhB,gBAAgB2C,KAAK;oBAEjD3B,OAAOmB;;;;IAKjB;AACF,EAAC"}

package/dist/components/interactive/index.d.ts

@@ -3,8 +3,8 @@
  *
  * Buttons, cards, and other interactive elements.
  */
-export { ButtonConfig } from './Button';
-export { CardConfig } from './Card';
-export { DividerConfig } from './Divider';
-export { AccordionConfig } from './Accordion';
+export { ButtonConfig } from './Button.js';
+export { CardConfig } from './Card.js';
+export { DividerConfig } from './Divider.js';
+export { AccordionConfig } from './Accordion.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/interactive/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/components/interactive/index.js

@@ -2,9 +2,9 @@
  * Interactive Components
  *
  * Buttons, cards, and other interactive elements.
- */
-export { ButtonConfig } from './Button';
-export { CardConfig } from './Card';
-export { DividerConfig } from './Divider';
-export { AccordionConfig } from './Accordion';
+ */ export { ButtonConfig } from './Button.js';
+export { CardConfig } from './Card.js';
+export { DividerConfig } from './Divider.js';
+export { AccordionConfig } from './Accordion.js';
+
 //# sourceMappingURL=index.js.map

package/dist/components/interactive/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/interactive/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"sources":["../../../src/components/interactive/index.ts"],"sourcesContent":["/**\n * Interactive Components\n *\n * Buttons, cards, and other interactive elements.\n */\n\nexport { ButtonConfig } from './Button.js'\nexport { CardConfig } from './Card.js'\nexport { DividerConfig } from './Divider.js'\nexport { AccordionConfig } from './Accordion.js'\n"],"names":["ButtonConfig","CardConfig","DividerConfig","AccordionConfig"],"mappings":"AAAA;;;;CAIC,GAED,SAASA,YAAY,QAAQ,cAAa;AAC1C,SAASC,UAAU,QAAQ,YAAW;AACtC,SAASC,aAAa,QAAQ,eAAc;AAC5C,SAASC,eAAe,QAAQ,iBAAgB"}

package/dist/components/layout/Container.d.ts

@@ -14,7 +14,7 @@
  * - visibility: Show/hide at different breakpoints
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type BorderValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type ResponsiveValue, type VisibilityValue } from '../../fields/shared';
+import { type PaddingValue, type BorderValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type ResponsiveValue, type VisibilityValue } from '../../fields/shared.js';
 export type ContainerSemanticElement = 'div' | 'article' | 'aside' | 'section';
 export interface ContainerProps {
     content: unknown;

package/dist/components/layout/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Container.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AA6B5B,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;AAE9E,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,wBAAwB,CAAA;IACzC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IACrE,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,OAAO,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC5D,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC3D,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;CACjC;AAcD,eAAO,MAAM,eAAe,EAAE,eA8K7B,CAAA"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Container.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,wBAAwB,CAAA;AA6B/B,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;AAE9E,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,wBAAwB,CAAA;IACzC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IACrE,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,OAAO,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC5D,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC3D,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;CACjC;AAcD,eAAO,MAAM,eAAe,EAAE,eA8K7B,CAAA"}

package/dist/components/layout/Container.js

@@ -13,19 +13,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * - padding: Different padding at different breakpoints
  * - margin: Different margins at different breakpoints
  * - visibility: Show/hide at different breakpoints
- */
-import { useId } from 'react';
-import { dimensionsValueToCSS, borderValueToCSS, paddingValueToCSS, marginValueToCSS, backgroundValueToCSS, responsiveValueToCSS, visibilityValueToCSS, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
-import { createPaddingField } from '../../fields/PaddingField';
-import { createBorderField } from '../../fields/BorderField';
-import { createDimensionsField } from '../../fields/DimensionsField';
-import { createMarginField } from '../../fields/MarginField';
-import { createResetField } from '../../fields/ResetField';
-import { createBackgroundField } from '../../fields/BackgroundField';
-import { createAnimationField } from '../../fields/AnimationField';
-import { createResponsiveField } from '../../fields/ResponsiveField';
-import { createResponsiveVisibilityField } from '../../fields/ResponsiveVisibilityField';
+ */ import { useId } from 'react';
+import { dimensionsValueToCSS, borderValueToCSS, paddingValueToCSS, marginValueToCSS, backgroundValueToCSS, responsiveValueToCSS, visibilityValueToCSS } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
+import { createPaddingField } from '../../fields/PaddingField.js';
+import { createBorderField } from '../../fields/BorderField.js';
+import { createDimensionsField } from '../../fields/DimensionsField.js';
+import { createMarginField } from '../../fields/MarginField.js';
+import { createResetField } from '../../fields/ResetField.js';
+import { createBackgroundField } from '../../fields/BackgroundField.js';
+import { createAnimationField } from '../../fields/AnimationField.js';
+import { createResponsiveField } from '../../fields/ResponsiveField.js';
+import { createResponsiveVisibilityField } from '../../fields/ResponsiveVisibilityField.js';
 // Default padding (none)
 const DEFAULT_PADDING = {
     top: 0,
@@ -33,13 +32,17 @@ const DEFAULT_PADDING = {
     bottom: 0,
     left: 0,
     unit: 'px',
-    linked: true,
+    linked: true
 };
 // Default dimensions (full width)
 const DEFAULT_DIMENSIONS = {
     mode: 'full',
     alignment: 'center',
-    maxWidth: { value: 100, unit: '%', enabled: true },
+    maxWidth: {
+        value: 100,
+        unit: '%',
+        enabled: true
+    }
 };
 const defaultProps = {
     content: [],
@@ -50,53 +53,75 @@ const defaultProps = {
     border: null,
     padding: null,
     margin: null,
-    animation: null,
+    animation: null
 };
 export const ContainerConfig = {
     label: 'Container',
     fields: {
-        _reset: createResetField({ defaultProps }),
+        _reset: createResetField({
+            defaultProps
+        }),
         content: {
-            type: 'slot',
+            type: 'slot'
         },
         // Visibility first
-        visibility: createResponsiveVisibilityField({ label: 'Visibility' }),
+        visibility: createResponsiveVisibilityField({
+            label: 'Visibility'
+        }),
         // Semantic element selection
         semanticElement: {
             type: 'select',
             label: 'HTML Element',
             options: [
-                { label: 'Div', value: 'div' },
-                { label: 'Article', value: 'article' },
-                { label: 'Aside', value: 'aside' },
-                { label: 'Section', value: 'section' },
-            ],
+                {
+                    label: 'Div',
+                    value: 'div'
+                },
+                {
+                    label: 'Article',
+                    value: 'article'
+                },
+                {
+                    label: 'Aside',
+                    value: 'aside'
+                },
+                {
+                    label: 'Section',
+                    value: 'section'
+                }
+            ]
         },
         // Dimensions
         dimensions: createResponsiveField({
             label: 'Dimensions',
-            innerField: (config) => createDimensionsField(config),
-            defaultValue: DEFAULT_DIMENSIONS,
+            innerField: (config)=>createDimensionsField(config),
+            defaultValue: DEFAULT_DIMENSIONS
         }),
         // Styling
-        background: createBackgroundField({ label: 'Background' }),
-        border: createBorderField({ label: 'Border' }),
+        background: createBackgroundField({
+            label: 'Background'
+        }),
+        border: createBorderField({
+            label: 'Border'
+        }),
         // Spacing
         padding: createResponsiveField({
             label: 'Padding',
-            innerField: (config) => createPaddingField(config),
-            defaultValue: DEFAULT_PADDING,
+            innerField: (config)=>createPaddingField(config),
+            defaultValue: DEFAULT_PADDING
         }),
         margin: createResponsiveField({
             label: 'Margin',
-            innerField: (config) => createMarginField(config),
-            defaultValue: DEFAULT_PADDING,
+            innerField: (config)=>createMarginField(config),
+            defaultValue: DEFAULT_PADDING
         }),
         // Animation
-        animation: createAnimationField({ label: 'Animation' }),
+        animation: createAnimationField({
+            label: 'Animation'
+        })
     },
     defaultProps,
-    render: ({ content: Content, semanticElement = 'div', visibility, dimensions, background, border, padding, margin, animation, }) => {
+    render: ({ content: Content, semanticElement = 'div', visibility, dimensions, background, border, padding, margin, animation })=>{
         // Dynamic element based on semanticElement prop
         const Wrapper = semanticElement;
         // Generate unique ID for CSS targeting
@@ -124,15 +149,13 @@ export const ContainerConfig = {
             mediaQueries.push(dimensionsResult.mediaQueryCSS);
         }
         // Check if minHeight is set - if so, we need flex layout to make slot expand
-        const hasMinHeight = (() => {
-            if (!dimensions)
-                return false;
+        const hasMinHeight = (()=>{
+            if (!dimensions) return false;
             // Check if it's a responsive value
             if (typeof dimensions === 'object' && 'xs' in dimensions) {
                 const responsiveDims = dimensions;
-                return Object.values(responsiveDims).some((v) => {
-                    if (!v || typeof v !== 'object')
-                        return false;
+                return Object.values(responsiveDims).some((v)=>{
+                    if (!v || typeof v !== 'object') return false;
                     const dim = v;
                     return dim.minHeight?.enabled && dim.minHeight?.value > 0;
                 });
@@ -147,13 +170,17 @@ export const ContainerConfig = {
             containerStyles.flexDirection = 'column';
         }
         // Padding with responsive support
-        const paddingResult = responsiveValueToCSS(padding, (v) => ({ padding: paddingValueToCSS(v) }), containerClass);
+        const paddingResult = responsiveValueToCSS(padding, (v)=>({
+                padding: paddingValueToCSS(v)
+            }), containerClass);
         Object.assign(containerStyles, paddingResult.baseStyles);
         if (paddingResult.mediaQueryCSS) {
             mediaQueries.push(paddingResult.mediaQueryCSS);
         }
         // Margin with responsive support
-        const marginResult = responsiveValueToCSS(margin, (v) => ({ margin: marginValueToCSS(v) }), containerClass);
+        const marginResult = responsiveValueToCSS(margin, (v)=>({
+                margin: marginValueToCSS(v)
+            }), containerClass);
         Object.assign(containerStyles, marginResult.baseStyles);
         if (marginResult.mediaQueryCSS) {
             mediaQueries.push(marginResult.mediaQueryCSS);
@@ -168,13 +195,40 @@ export const ContainerConfig = {
         // Check if we have any styling
         const hasStyles = Object.keys(containerStyles).length > 0;
         // When minHeight is set, wrap Content to ensure slot expands
-        const renderContent = () => {
+        const renderContent = ()=>{
             if (hasMinHeight) {
-                return (_jsx("div", { style: { flex: 1, display: 'flex', flexDirection: 'column', minHeight: 0 }, children: _jsx(Content, { style: { flex: 1 } }) }));
+                return /*#__PURE__*/ _jsx("div", {
+                    style: {
+                        flex: 1,
+                        display: 'flex',
+                        flexDirection: 'column',
+                        minHeight: 0
+                    },
+                    children: /*#__PURE__*/ _jsx(Content, {
+                        style: {
+                            flex: 1
+                        }
+                    })
+                });
             }
-            return _jsx(Content, {});
+            return /*#__PURE__*/ _jsx(Content, {});
         };
-        return (_jsxs(AnimatedWrapper, { animation: animation, children: [allMediaQueryCSS && _jsx("style", { children: allMediaQueryCSS }), hasStyles ? (_jsx(Wrapper, { className: containerClass, style: containerStyles, children: renderContent() })) : (_jsx(Content, { className: containerClass }))] }));
-    },
+        return /*#__PURE__*/ _jsxs(AnimatedWrapper, {
+            animation: animation,
+            children: [
+                allMediaQueryCSS && /*#__PURE__*/ _jsx("style", {
+                    children: allMediaQueryCSS
+                }),
+                hasStyles ? /*#__PURE__*/ _jsx(Wrapper, {
+                    className: containerClass,
+                    style: containerStyles,
+                    children: renderContent()
+                }) : /*#__PURE__*/ _jsx(Content, {
+                    className: containerClass
+                })
+            ]
+        });
+    }
 };
+
 //# sourceMappingURL=Container.js.map

package/dist/components/layout/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../src/components/layout/Container.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/layout/Container.tsx"],"sourcesContent":["/**\n * Container Component - Puck Configuration\n *\n * Simple organizational wrapper for grouping content.\n * Uses Puck's slot system for nesting other components.\n *\n * For two-layer layouts (full-bleed background with constrained content),\n * use the Section component instead.\n *\n * Responsive Controls:\n * - dimensions: Different max-width/min-height at different breakpoints\n * - padding: Different padding at different breakpoints\n * - margin: Different margins at different breakpoints\n * - visibility: Show/hide at different breakpoints\n */\n\nimport { useId } from 'react'\nimport type { ComponentConfig } from '@puckeditor/core'\nimport {\n  dimensionsValueToCSS,\n  borderValueToCSS,\n  paddingValueToCSS,\n  marginValueToCSS,\n  backgroundValueToCSS,\n  responsiveValueToCSS,\n  visibilityValueToCSS,\n  type PaddingValue,\n  type BorderValue,\n  type DimensionsValue,\n  type BackgroundValue,\n  type AnimationValue,\n  type ResponsiveValue,\n  type VisibilityValue,\n} from '../../fields/shared.js'\nimport { AnimatedWrapper } from '../AnimatedWrapper.js'\nimport { createPaddingField } from '../../fields/PaddingField.js'\nimport { createBorderField } from '../../fields/BorderField.js'\nimport { createDimensionsField } from '../../fields/DimensionsField.js'\nimport { createMarginField } from '../../fields/MarginField.js'\nimport { createResetField } from '../../fields/ResetField.js'\nimport { createBackgroundField } from '../../fields/BackgroundField.js'\nimport { createAnimationField } from '../../fields/AnimationField.js'\nimport { createResponsiveField } from '../../fields/ResponsiveField.js'\nimport { createResponsiveVisibilityField } from '../../fields/ResponsiveVisibilityField.js'\n\n// Default padding (none)\nconst DEFAULT_PADDING: PaddingValue = {\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  unit: 'px',\n  linked: true,\n}\n\n// Default dimensions (full width)\nconst DEFAULT_DIMENSIONS: DimensionsValue = {\n  mode: 'full',\n  alignment: 'center',\n  maxWidth: { value: 100, unit: '%', enabled: true },\n}\n\nexport type ContainerSemanticElement = 'div' | 'article' | 'aside' | 'section'\n\nexport interface ContainerProps {\n  content: unknown\n  semanticElement: ContainerSemanticElement\n  visibility: VisibilityValue | null\n  dimensions: ResponsiveValue<DimensionsValue> | DimensionsValue | null\n  background: BackgroundValue | null\n  border: BorderValue | null\n  padding: ResponsiveValue<PaddingValue> | PaddingValue | null\n  margin: ResponsiveValue<PaddingValue> | PaddingValue | null\n  animation: AnimationValue | null\n}\n\nconst defaultProps: ContainerProps = {\n  content: [],\n  semanticElement: 'div',\n  visibility: null,\n  dimensions: null,\n  background: null,\n  border: null,\n  padding: null,\n  margin: null,\n  animation: null,\n}\n\nexport const ContainerConfig: ComponentConfig = {\n  label: 'Container',\n  fields: {\n    _reset: createResetField({ defaultProps }),\n    content: {\n      type: 'slot',\n    },\n    // Visibility first\n    visibility: createResponsiveVisibilityField({ label: 'Visibility' }),\n    // Semantic element selection\n    semanticElement: {\n      type: 'select',\n      label: 'HTML Element',\n      options: [\n        { label: 'Div', value: 'div' },\n        { label: 'Article', value: 'article' },\n        { label: 'Aside', value: 'aside' },\n        { label: 'Section', value: 'section' },\n      ],\n    },\n    // Dimensions\n    dimensions: createResponsiveField({\n      label: 'Dimensions',\n      innerField: (config) => createDimensionsField(config),\n      defaultValue: DEFAULT_DIMENSIONS,\n    }),\n    // Styling\n    background: createBackgroundField({ label: 'Background' }),\n    border: createBorderField({ label: 'Border' }),\n    // Spacing\n    padding: createResponsiveField({\n      label: 'Padding',\n      innerField: (config) => createPaddingField(config),\n      defaultValue: DEFAULT_PADDING,\n    }),\n    margin: createResponsiveField({\n      label: 'Margin',\n      innerField: (config) => createMarginField(config),\n      defaultValue: DEFAULT_PADDING,\n    }),\n    // Animation\n    animation: createAnimationField({ label: 'Animation' }),\n  },\n  defaultProps,\n  render: ({\n    content: Content,\n    semanticElement = 'div',\n    visibility,\n    dimensions,\n    background,\n    border,\n    padding,\n    margin,\n    animation,\n  }) => {\n    // Dynamic element based on semanticElement prop\n    const Wrapper = semanticElement as React.ElementType\n\n    // Generate unique ID for CSS targeting\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const uniqueId = useId().replace(/:/g, '')\n    const containerClass = `puck-container-${uniqueId}`\n\n    // Collect all media query CSS\n    const mediaQueries: string[] = []\n\n    // Build container styles\n    const containerStyles: React.CSSProperties = {}\n\n    // Background\n    const backgroundStyles = backgroundValueToCSS(background)\n    if (backgroundStyles) {\n      Object.assign(containerStyles, backgroundStyles)\n    }\n\n    // Border\n    const borderStyles = borderValueToCSS(border)\n    if (borderStyles) {\n      Object.assign(containerStyles, borderStyles)\n    }\n\n    // Dimensions with responsive support\n    const dimensionsResult = responsiveValueToCSS(\n      dimensions,\n      dimensionsValueToCSS,\n      containerClass\n    )\n    Object.assign(containerStyles, dimensionsResult.baseStyles)\n    if (dimensionsResult.mediaQueryCSS) {\n      mediaQueries.push(dimensionsResult.mediaQueryCSS)\n    }\n\n    // Check if minHeight is set - if so, we need flex layout to make slot expand\n    const hasMinHeight = (() => {\n      if (!dimensions) return false\n      // Check if it's a responsive value\n      if (typeof dimensions === 'object' && 'xs' in dimensions) {\n        const responsiveDims = dimensions as ResponsiveValue<DimensionsValue>\n        return Object.values(responsiveDims).some((v) => {\n          if (!v || typeof v !== 'object') return false\n          const dim = v as DimensionsValue\n          return dim.minHeight?.enabled && dim.minHeight?.value > 0\n        })\n      }\n      // Non-responsive value\n      const dim = dimensions as DimensionsValue\n      return dim.minHeight?.enabled && dim.minHeight?.value > 0\n    })()\n\n    // Add flex layout when minHeight is set to make content stretch\n    if (hasMinHeight) {\n      containerStyles.display = 'flex'\n      containerStyles.flexDirection = 'column'\n    }\n\n    // Padding with responsive support\n    const paddingResult = responsiveValueToCSS(\n      padding,\n      (v) => ({ padding: paddingValueToCSS(v) }),\n      containerClass\n    )\n    Object.assign(containerStyles, paddingResult.baseStyles)\n    if (paddingResult.mediaQueryCSS) {\n      mediaQueries.push(paddingResult.mediaQueryCSS)\n    }\n\n    // Margin with responsive support\n    const marginResult = responsiveValueToCSS(\n      margin,\n      (v) => ({ margin: marginValueToCSS(v) }),\n      containerClass\n    )\n    Object.assign(containerStyles, marginResult.baseStyles)\n    if (marginResult.mediaQueryCSS) {\n      mediaQueries.push(marginResult.mediaQueryCSS)\n    }\n\n    // Visibility media queries\n    const visibilityCSS = visibilityValueToCSS(visibility, containerClass)\n    if (visibilityCSS) {\n      mediaQueries.push(visibilityCSS)\n    }\n\n    // Combine all media queries\n    const allMediaQueryCSS = mediaQueries.join('\\n')\n\n    // Check if we have any styling\n    const hasStyles = Object.keys(containerStyles).length > 0\n\n    // When minHeight is set, wrap Content to ensure slot expands\n    const renderContent = () => {\n      if (hasMinHeight) {\n        return (\n          <div style={{ flex: 1, display: 'flex', flexDirection: 'column', minHeight: 0 }}>\n            <Content style={{ flex: 1 }} />\n          </div>\n        )\n      }\n      return <Content />\n    }\n\n    return (\n      <AnimatedWrapper animation={animation}>\n        {allMediaQueryCSS && <style>{allMediaQueryCSS}</style>}\n        {hasStyles ? (\n          <Wrapper className={containerClass} style={containerStyles}>\n            {renderContent()}\n          </Wrapper>\n        ) : (\n          <Content className={containerClass} />\n        )}\n      </AnimatedWrapper>\n    )\n  },\n}\n"],"names":["useId","dimensionsValueToCSS","borderValueToCSS","paddingValueToCSS","marginValueToCSS","backgroundValueToCSS","responsiveValueToCSS","visibilityValueToCSS","AnimatedWrapper","createPaddingField","createBorderField","createDimensionsField","createMarginField","createResetField","createBackgroundField","createAnimationField","createResponsiveField","createResponsiveVisibilityField","DEFAULT_PADDING","top","right","bottom","left","unit","linked","DEFAULT_DIMENSIONS","mode","alignment","maxWidth","value","enabled","defaultProps","content","semanticElement","visibility","dimensions","background","border","padding","margin","animation","ContainerConfig","label","fields","_reset","type","options","innerField","config","defaultValue","render","Content","Wrapper","uniqueId","replace","containerClass","mediaQueries","containerStyles","backgroundStyles","Object","assign","borderStyles","dimensionsResult","baseStyles","mediaQueryCSS","push","hasMinHeight","responsiveDims","values","some","v","dim","minHeight","display","flexDirection","paddingResult","marginResult","visibilityCSS","allMediaQueryCSS","join","hasStyles","keys","length","renderContent","div","style","flex","className"],"mappings":"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"}

package/dist/components/layout/Container.server.d.ts

@@ -17,7 +17,7 @@
  * - visibility: Show/hide at different breakpoints
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type BorderValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type ResponsiveValue, type VisibilityValue } from '../../fields/shared';
+import { type PaddingValue, type BorderValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type ResponsiveValue, type VisibilityValue } from '../../fields/shared.js';
 export type ContainerSemanticElement = 'div' | 'article' | 'aside' | 'section';
 export interface ContainerProps {
     content: unknown;

package/dist/components/layout/Container.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.server.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Container.server.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AAS5B,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;AAE9E,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,wBAAwB,CAAA;IACzC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IACrE,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,OAAO,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC5D,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC3D,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;CACjC;AAcD,eAAO,MAAM,eAAe,EAAE,eA0I7B,CAAA"}
+{"version":3,"file":"Container.server.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Container.server.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,wBAAwB,CAAA;AAS/B,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;AAE9E,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,wBAAwB,CAAA;IACzC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IACrE,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,OAAO,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC5D,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC3D,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;CACjC;AAcD,eAAO,MAAM,eAAe,EAAE,eA0I7B,CAAA"}