@delmaredigital/payload-puck 0.6.12 → 0.6.13

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

@@ -1,6 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { dimensionsValueToCSS, borderValueToCSS, paddingValueToCSS, marginValueToCSS, backgroundValueToCSS, responsiveValueToCSS, visibilityValueToCSS, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
+/**
+ * Container Component - Server-safe Puck Configuration
+ *
+ * Simple organizational wrapper for grouping content.
+ * Uses Puck's slot system for nesting other components.
+ *
+ * This is a server-safe version with minimal fields (only slot for content).
+ * For the full editor version with fields, use Container.tsx
+ *
+ * For two-layer layouts (full-bleed background with constrained content),
+ * use the Section component instead.
+ *
+ * Responsive Controls:
+ * - dimensions: Different max-width/min-height at different breakpoints
+ * - padding: Different padding at different breakpoints
+ * - margin: Different margins at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { dimensionsValueToCSS, borderValueToCSS, paddingValueToCSS, marginValueToCSS, backgroundValueToCSS, responsiveValueToCSS, visibilityValueToCSS } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
 // Simple ID generator for server-side rendering
 let idCounter = 0;
 function generateUniqueId() {
@@ -15,15 +32,17 @@ const defaultProps = {
     border: null,
     padding: null,
     margin: null,
-    animation: null,
+    animation: null
 };
 export const ContainerConfig = {
     label: 'Container',
     fields: {
-        content: { type: 'slot' },
+        content: {
+            type: 'slot'
+        }
     },
     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 (server-safe)
@@ -50,15 +69,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;
                 });
@@ -73,13 +90,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);
@@ -96,13 +117,40 @@ export const ContainerConfig = {
         // Type assertion for Puck slot content
         const ContentSlot = Content;
         // 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(ContentSlot, { style: { flex: 1 } }) }));
+                return /*#__PURE__*/ _jsx("div", {
+                    style: {
+                        flex: 1,
+                        display: 'flex',
+                        flexDirection: 'column',
+                        minHeight: 0
+                    },
+                    children: /*#__PURE__*/ _jsx(ContentSlot, {
+                        style: {
+                            flex: 1
+                        }
+                    })
+                });
             }
-            return _jsx(ContentSlot, {});
+            return /*#__PURE__*/ _jsx(ContentSlot, {});
         };
-        return (_jsxs(AnimatedWrapper, { animation: animation, children: [allMediaQueryCSS && _jsx("style", { children: allMediaQueryCSS }), hasStyles ? (_jsx(Wrapper, { className: containerClass, style: containerStyles, children: renderContent() })) : (_jsx(ContentSlot, { 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(ContentSlot, {
+                    className: containerClass
+                })
+            ]
+        });
+    }
 };
+
 //# sourceMappingURL=Container.server.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Container.server.js","sourceRoot":"","sources":["../../../src/components/layout/Container.server.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/layout/Container.server.tsx"],"sourcesContent":["/**\n * Container Component - Server-safe Puck Configuration\n *\n * Simple organizational wrapper for grouping content.\n * Uses Puck's slot system for nesting other components.\n *\n * This is a server-safe version with minimal fields (only slot for content).\n * For the full editor version with fields, use Container.tsx\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 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'\n\n// Simple ID generator for server-side rendering\nlet idCounter = 0\nfunction generateUniqueId(): string {\n  return `c${(++idCounter).toString(36)}${Math.random().toString(36).slice(2, 6)}`\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    content: { type: 'slot' },\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 (server-safe)\n    const uniqueId = generateUniqueId()\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    // Type assertion for Puck slot content\n    const ContentSlot = Content as any\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            <ContentSlot style={{ flex: 1 }} />\n          </div>\n        )\n      }\n      return <ContentSlot />\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          <ContentSlot className={containerClass} />\n        )}\n      </AnimatedWrapper>\n    )\n  },\n}\n"],"names":["dimensionsValueToCSS","borderValueToCSS","paddingValueToCSS","marginValueToCSS","backgroundValueToCSS","responsiveValueToCSS","visibilityValueToCSS","AnimatedWrapper","idCounter","generateUniqueId","toString","Math","random","slice","defaultProps","content","semanticElement","visibility","dimensions","background","border","padding","margin","animation","ContainerConfig","label","fields","type","render","Content","Wrapper","uniqueId","containerClass","mediaQueries","containerStyles","backgroundStyles","Object","assign","borderStyles","dimensionsResult","baseStyles","mediaQueryCSS","push","hasMinHeight","responsiveDims","values","some","v","dim","minHeight","enabled","value","display","flexDirection","paddingResult","marginResult","visibilityCSS","allMediaQueryCSS","join","hasStyles","keys","length","ContentSlot","renderContent","div","style","flex","className"],"mappings":"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"}

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

@@ -15,8 +15,8 @@
  * - 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 JustifyContent, type AlignItems } from '../../fields/FlexAlignmentField';
+import { type PaddingValue, type BorderValue, type DimensionsValue, type BackgroundValue, type AnimationValue, type ResponsiveValue, type VisibilityValue } from '../../fields/shared.js';
+import { type JustifyContent, type AlignItems } from '../../fields/FlexAlignmentField.js';
 export type FlexSemanticElement = 'div' | 'nav' | 'ul' | 'ol' | 'aside' | 'section';
 export interface FlexProps {
     content: unknown;

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Flex.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAWL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AAW5B,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,iCAAiC,CAAA;AAgCxC,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,CAAA;AAEnF,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,mBAAmB,CAAA;IACpC,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC3B,cAAc,EAAE,cAAc,GAAG,IAAI,CAAA;IACrC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAA;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEvB,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAElC,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAClE,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC3D,UAAU,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IACrE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAEhC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAmBD,eAAO,MAAM,UAAU,EAAE,eAoLxB,CAAA"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Flex.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAWL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,wBAAwB,CAAA;AAW/B,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,UAAU,EAChB,MAAM,oCAAoC,CAAA;AAgC3C,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,CAAA;AAEnF,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,mBAAmB,CAAA;IACpC,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC3B,cAAc,EAAE,cAAc,GAAG,IAAI,CAAA;IACrC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAA;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEvB,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAElC,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAClE,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC3D,UAAU,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IACrE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAEhC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAmBD,eAAO,MAAM,UAAU,EAAE,eAoLxB,CAAA"}

package/dist/components/layout/Flex.js

@@ -14,31 +14,30 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * - customPadding: Different padding at different breakpoints
  * - margin: Different margins at different breakpoints
  * - visibility: Show/hide at different breakpoints
- */
-import { useId } from 'react';
-import { cn, dimensionsValueToCSS, marginValueToCSS, paddingValueToCSS, borderValueToCSS, backgroundValueToCSS, responsiveValueToCSS, visibilityValueToCSS, justifyContentMap, alignItemsMap, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
-import { createPaddingField } from '../../fields/PaddingField';
-import { createBorderField } from '../../fields/BorderField';
-import { createDimensionsField } from '../../fields/DimensionsField';
-import { createResetField } from '../../fields/ResetField';
-import { createMarginField } from '../../fields/MarginField';
-import { createBackgroundField } from '../../fields/BackgroundField';
-import { createAnimationField } from '../../fields/AnimationField';
-import { createResponsiveField } from '../../fields/ResponsiveField';
-import { createResponsiveVisibilityField } from '../../fields/ResponsiveVisibilityField';
-import { createJustifyContentField, createAlignItemsField, } from '../../fields/FlexAlignmentField';
+ */ import { useId } from 'react';
+import { cn, dimensionsValueToCSS, marginValueToCSS, paddingValueToCSS, borderValueToCSS, backgroundValueToCSS, responsiveValueToCSS, visibilityValueToCSS, justifyContentMap, alignItemsMap } 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 { createResetField } from '../../fields/ResetField.js';
+import { createMarginField } from '../../fields/MarginField.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';
+import { createJustifyContentField, createAlignItemsField } from '../../fields/FlexAlignmentField.js';
 // Tailwind class mappings for flex properties
 const flexDirectionMap = {
     row: 'flex-row',
     column: 'flex-col',
     'row-reverse': 'flex-row-reverse',
-    'column-reverse': 'flex-col-reverse',
+    'column-reverse': 'flex-col-reverse'
 };
 const flexWrapMap = {
     wrap: 'flex-wrap',
     nowrap: 'flex-nowrap',
-    'wrap-reverse': 'flex-wrap-reverse',
+    'wrap-reverse': 'flex-wrap-reverse'
 };
 // Default values for responsive fields
 const DEFAULT_PADDING = {
@@ -47,12 +46,16 @@ const DEFAULT_PADDING = {
     bottom: 0,
     left: 0,
     unit: 'px',
-    linked: true,
+    linked: true
 };
 const DEFAULT_DIMENSIONS = {
     mode: 'full',
     alignment: 'center',
-    maxWidth: { value: 100, unit: '%', enabled: true },
+    maxWidth: {
+        value: 100,
+        unit: '%',
+        enabled: true
+    }
 };
 const defaultProps = {
     content: [],
@@ -68,79 +71,125 @@ const defaultProps = {
     dimensions: null,
     border: null,
     animation: null,
-    visibility: null,
+    visibility: null
 };
 export const FlexConfig = {
     label: 'Flex',
     fields: {
-        _reset: createResetField({ defaultProps }),
+        _reset: createResetField({
+            defaultProps
+        }),
         content: {
             type: 'slot',
-            disallow: ['Section'],
+            disallow: [
+                'Section'
+            ]
         },
         // Responsive visibility control
-        visibility: createResponsiveVisibilityField({ label: 'Visibility' }),
+        visibility: createResponsiveVisibilityField({
+            label: 'Visibility'
+        }),
         // Semantic element selection
         semanticElement: {
             type: 'select',
             label: 'HTML Element',
             options: [
-                { label: 'Div', value: 'div' },
-                { label: 'Nav', value: 'nav' },
-                { label: 'Unordered List', value: 'ul' },
-                { label: 'Ordered List', value: 'ol' },
-                { label: 'Aside', value: 'aside' },
-                { label: 'Section', value: 'section' },
-            ],
+                {
+                    label: 'Div',
+                    value: 'div'
+                },
+                {
+                    label: 'Nav',
+                    value: 'nav'
+                },
+                {
+                    label: 'Unordered List',
+                    value: 'ul'
+                },
+                {
+                    label: 'Ordered List',
+                    value: 'ol'
+                },
+                {
+                    label: 'Aside',
+                    value: 'aside'
+                },
+                {
+                    label: 'Section',
+                    value: 'section'
+                }
+            ]
         },
         direction: {
             type: 'radio',
             label: 'Direction',
             options: [
-                { label: 'Row', value: 'row' },
-                { label: 'Column', value: 'column' },
-            ],
+                {
+                    label: 'Row',
+                    value: 'row'
+                },
+                {
+                    label: 'Column',
+                    value: 'column'
+                }
+            ]
         },
-        justifyContent: createJustifyContentField({ label: 'Justify Content' }),
-        alignItems: createAlignItemsField({ label: 'Align Items' }),
+        justifyContent: createJustifyContentField({
+            label: 'Justify Content'
+        }),
+        alignItems: createAlignItemsField({
+            label: 'Align Items'
+        }),
         gap: {
             type: 'number',
             label: 'Gap (px)',
-            min: 0,
+            min: 0
         },
         wrap: {
             type: 'radio',
             label: 'Wrap',
             options: [
-                { label: 'Yes', value: 'wrap' },
-                { label: 'No', value: 'nowrap' },
-            ],
+                {
+                    label: 'Yes',
+                    value: 'wrap'
+                },
+                {
+                    label: 'No',
+                    value: 'nowrap'
+                }
+            ]
         },
         // Background
-        background: createBackgroundField({ label: 'Background' }),
+        background: createBackgroundField({
+            label: 'Background'
+        }),
         // Advanced custom options
-        border: createBorderField({ label: 'Border' }),
+        border: createBorderField({
+            label: 'Border'
+        }),
         // Responsive dimensions
         dimensions: createResponsiveField({
             label: 'Dimensions (Responsive)',
-            innerField: (config) => createDimensionsField(config),
-            defaultValue: DEFAULT_DIMENSIONS,
+            innerField: (config)=>createDimensionsField(config),
+            defaultValue: DEFAULT_DIMENSIONS
+        }),
+        animation: createAnimationField({
+            label: 'Animation'
         }),
-        animation: createAnimationField({ label: 'Animation' }),
         // Spacing (grouped at bottom) - Responsive
         margin: createResponsiveField({
             label: 'Margin (Responsive)',
-            innerField: (config) => createMarginField(config),
-            defaultValue: DEFAULT_PADDING,
+            innerField: (config)=>createMarginField(config),
+            defaultValue: DEFAULT_PADDING
         }),
         customPadding: createResponsiveField({
             label: 'Padding (Responsive)',
-            innerField: (config) => createPaddingField(config),
-            defaultValue: DEFAULT_PADDING,
-        }),
+            innerField: (config)=>createPaddingField(config),
+            defaultValue: DEFAULT_PADDING
+        })
     },
     defaultProps,
-    render: ({ content: Content, semanticElement = 'div', direction, justifyContent, alignItems, gap, wrap, background, customPadding, margin, dimensions, border, animation, visibility, }) => {
+    render: ({ content: Content, semanticElement = 'div', direction, justifyContent, alignItems, gap, wrap, background, customPadding, margin, dimensions, border, animation, visibility })=>{
         // Dynamic element based on semanticElement prop
         const Wrapper = semanticElement;
         // Generate unique IDs for CSS targeting
@@ -154,10 +203,12 @@ export const FlexConfig = {
         const backgroundStyles = backgroundValueToCSS(background);
         // Build wrapper styles
         const wrapperStyles = {
-            ...backgroundStyles,
+            ...backgroundStyles
         };
         // Add padding with responsive support
-        const paddingResult = responsiveValueToCSS(customPadding, (v) => ({ padding: paddingValueToCSS(v) }), wrapperClass);
+        const paddingResult = responsiveValueToCSS(customPadding, (v)=>({
+                padding: paddingValueToCSS(v)
+            }), wrapperClass);
         Object.assign(wrapperStyles, paddingResult.baseStyles);
         if (paddingResult.mediaQueryCSS) {
             mediaQueries.push(paddingResult.mediaQueryCSS);
@@ -168,7 +219,9 @@ export const FlexConfig = {
             Object.assign(wrapperStyles, borderStyles);
         }
         // Apply margin with responsive support
-        const marginResult = responsiveValueToCSS(margin, (v) => ({ margin: marginValueToCSS(v) }), wrapperClass);
+        const marginResult = responsiveValueToCSS(margin, (v)=>({
+                margin: marginValueToCSS(v)
+            }), wrapperClass);
         Object.assign(wrapperStyles, marginResult.baseStyles);
         if (marginResult.mediaQueryCSS) {
             mediaQueries.push(marginResult.mediaQueryCSS);
@@ -186,14 +239,30 @@ export const FlexConfig = {
         // Dynamic styles that need inline (user-controlled values)
         const contentStyles = {
             gap,
-            ...dimensionsResult.baseStyles,
+            ...dimensionsResult.baseStyles
         };
         if (dimensionsResult.mediaQueryCSS) {
             mediaQueries.push(dimensionsResult.mediaQueryCSS);
         }
         // Combine all media queries
         const allMediaQueryCSS = mediaQueries.join('\n');
-        return (_jsxs(AnimatedWrapper, { animation: animation, children: [allMediaQueryCSS && _jsx("style", { children: allMediaQueryCSS }), _jsx(Wrapper, { className: wrapperClass, style: wrapperStyles, children: _jsx(Content, { className: contentClasses, style: contentStyles }) })] }));
-    },
+        return /*#__PURE__*/ _jsxs(AnimatedWrapper, {
+            animation: animation,
+            children: [
+                allMediaQueryCSS && /*#__PURE__*/ _jsx("style", {
+                    children: allMediaQueryCSS
+                }),
+                /*#__PURE__*/ _jsx(Wrapper, {
+                    className: wrapperClass,
+                    style: wrapperStyles,
+                    children: /*#__PURE__*/ _jsx(Content, {
+                        className: contentClasses,
+                        style: contentStyles
+                    })
+                })
+            ]
+        });
+    }
 };
+
 //# sourceMappingURL=Flex.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/components/layout/Flex.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/layout/Flex.tsx"],"sourcesContent":["/**\n * Flex Component - Puck Configuration\n *\n * Flexbox layout following official Puck demo patterns.\n * Uses Tailwind classes for layout, inline styles for dynamic user values.\n *\n * Supports both preset options and advanced custom styling:\n * - Background: unified BackgroundField (solid, gradient, or image)\n * - Advanced: customPadding, customWidth, border\n *\n * Responsive Controls:\n * - dimensions: Different dimensions at different breakpoints\n * - customPadding: 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  cn,\n  dimensionsValueToCSS,\n  marginValueToCSS,\n  paddingValueToCSS,\n  borderValueToCSS,\n  backgroundValueToCSS,\n  responsiveValueToCSS,\n  visibilityValueToCSS,\n  justifyContentMap,\n  alignItemsMap,\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 { createResetField } from '../../fields/ResetField.js'\nimport { createMarginField } from '../../fields/MarginField.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'\nimport {\n  createJustifyContentField,\n  createAlignItemsField,\n  type JustifyContent,\n  type AlignItems,\n} from '../../fields/FlexAlignmentField.js'\n\n// Tailwind class mappings for flex properties\nconst flexDirectionMap: Record<string, string> = {\n  row: 'flex-row',\n  column: 'flex-col',\n  'row-reverse': 'flex-row-reverse',\n  'column-reverse': 'flex-col-reverse',\n}\n\nconst flexWrapMap: Record<string, string> = {\n  wrap: 'flex-wrap',\n  nowrap: 'flex-nowrap',\n  'wrap-reverse': 'flex-wrap-reverse',\n}\n\n// Default values for responsive fields\nconst DEFAULT_PADDING: PaddingValue = {\n  top: 0,\n  right: 0,\n  bottom: 0,\n  left: 0,\n  unit: 'px',\n  linked: true,\n}\n\nconst DEFAULT_DIMENSIONS: DimensionsValue = {\n  mode: 'full',\n  alignment: 'center',\n  maxWidth: { value: 100, unit: '%', enabled: true },\n}\n\nexport type FlexSemanticElement = 'div' | 'nav' | 'ul' | 'ol' | 'aside' | 'section'\n\nexport interface FlexProps {\n  content: unknown\n  semanticElement: FlexSemanticElement\n  direction: 'row' | 'column'\n  justifyContent: JustifyContent | null\n  alignItems: AlignItems | null\n  gap: number\n  wrap: 'wrap' | 'nowrap'\n  // Background\n  background: BackgroundValue | null\n  // Advanced custom options\n  customPadding: ResponsiveValue<PaddingValue> | PaddingValue | null\n  margin: ResponsiveValue<PaddingValue> | PaddingValue | null\n  dimensions: ResponsiveValue<DimensionsValue> | DimensionsValue | null\n  border: BorderValue | null\n  animation: AnimationValue | null\n  // Responsive visibility\n  visibility: VisibilityValue | null\n}\n\nconst defaultProps: FlexProps = {\n  content: [],\n  semanticElement: 'div',\n  direction: 'row',\n  justifyContent: null,\n  alignItems: null,\n  gap: 24,\n  wrap: 'wrap',\n  background: null,\n  customPadding: null,\n  margin: null,\n  dimensions: null,\n  border: null,\n  animation: null,\n  visibility: null,\n}\n\nexport const FlexConfig: ComponentConfig = {\n  label: 'Flex',\n  fields: {\n    _reset: createResetField({ defaultProps }),\n    content: {\n      type: 'slot',\n      disallow: ['Section'],\n    },\n    // Responsive visibility control\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: 'Nav', value: 'nav' },\n        { label: 'Unordered List', value: 'ul' },\n        { label: 'Ordered List', value: 'ol' },\n        { label: 'Aside', value: 'aside' },\n        { label: 'Section', value: 'section' },\n      ],\n    },\n    direction: {\n      type: 'radio',\n      label: 'Direction',\n      options: [\n        { label: 'Row', value: 'row' },\n        { label: 'Column', value: 'column' },\n      ],\n    },\n    justifyContent: createJustifyContentField({ label: 'Justify Content' }),\n    alignItems: createAlignItemsField({ label: 'Align Items' }),\n    gap: {\n      type: 'number',\n      label: 'Gap (px)',\n      min: 0,\n    },\n    wrap: {\n      type: 'radio',\n      label: 'Wrap',\n      options: [\n        { label: 'Yes', value: 'wrap' },\n        { label: 'No', value: 'nowrap' },\n      ],\n    },\n    // Background\n    background: createBackgroundField({ label: 'Background' }),\n    // Advanced custom options\n    border: createBorderField({ label: 'Border' }),\n    // Responsive dimensions\n    dimensions: createResponsiveField({\n      label: 'Dimensions (Responsive)',\n      innerField: (config) => createDimensionsField(config),\n      defaultValue: DEFAULT_DIMENSIONS,\n    }),\n    animation: createAnimationField({ label: 'Animation' }),\n    // Spacing (grouped at bottom) - Responsive\n    margin: createResponsiveField({\n      label: 'Margin (Responsive)',\n      innerField: (config) => createMarginField(config),\n      defaultValue: DEFAULT_PADDING,\n    }),\n    customPadding: createResponsiveField({\n      label: 'Padding (Responsive)',\n      innerField: (config) => createPaddingField(config),\n      defaultValue: DEFAULT_PADDING,\n    }),\n  },\n  defaultProps,\n  render: ({\n    content: Content,\n    semanticElement = 'div',\n    direction,\n    justifyContent,\n    alignItems,\n    gap,\n    wrap,\n    background,\n    customPadding,\n    margin,\n    dimensions,\n    border,\n    animation,\n    visibility,\n  }) => {\n    // Dynamic element based on semanticElement prop\n    const Wrapper = semanticElement as React.ElementType\n\n    // Generate unique IDs for CSS targeting\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const uniqueId = useId().replace(/:/g, '')\n    const wrapperClass = `puck-flex-${uniqueId}`\n    const contentClass = `puck-flex-content-${uniqueId}`\n\n    // Collect all media query CSS\n    const mediaQueries: string[] = []\n\n    // Generate styles from BackgroundValue\n    const backgroundStyles = backgroundValueToCSS(background)\n\n    // Build wrapper styles\n    const wrapperStyles: React.CSSProperties = {\n      ...backgroundStyles,\n    }\n\n    // Add padding with responsive support\n    const paddingResult = responsiveValueToCSS(\n      customPadding,\n      (v) => ({ padding: paddingValueToCSS(v) }),\n      wrapperClass\n    )\n    Object.assign(wrapperStyles, paddingResult.baseStyles)\n    if (paddingResult.mediaQueryCSS) {\n      mediaQueries.push(paddingResult.mediaQueryCSS)\n    }\n\n    // Add border if set\n    const borderStyles = borderValueToCSS(border)\n    if (borderStyles) {\n      Object.assign(wrapperStyles, borderStyles)\n    }\n\n    // Apply margin with responsive support\n    const marginResult = responsiveValueToCSS(\n      margin,\n      (v) => ({ margin: marginValueToCSS(v) }),\n      wrapperClass\n    )\n    Object.assign(wrapperStyles, marginResult.baseStyles)\n    if (marginResult.mediaQueryCSS) {\n      mediaQueries.push(marginResult.mediaQueryCSS)\n    }\n\n    // Use dimensions with responsive support\n    const dimensionsResult = responsiveValueToCSS(\n      dimensions,\n      dimensionsValueToCSS,\n      contentClass\n    )\n\n    // Visibility media queries\n    const visibilityCSS = visibilityValueToCSS(visibility, wrapperClass)\n    if (visibilityCSS) {\n      mediaQueries.push(visibilityCSS)\n    }\n\n    // Build Tailwind classes for flex layout\n    // [&>*]:min-w-0 prevents flex children from overflowing (CSS best practice)\n    const contentClasses = cn(\n      'flex w-full min-h-[50px]',\n      flexDirectionMap[direction],\n      justifyContent && justifyContentMap[justifyContent],\n      alignItems && alignItemsMap[alignItems],\n      flexWrapMap[wrap],\n      '[&>*]:min-w-0',\n      contentClass,\n    )\n\n    // Dynamic styles that need inline (user-controlled values)\n    const contentStyles: React.CSSProperties = {\n      gap,\n      ...dimensionsResult.baseStyles,\n    }\n    if (dimensionsResult.mediaQueryCSS) {\n      mediaQueries.push(dimensionsResult.mediaQueryCSS)\n    }\n\n    // Combine all media queries\n    const allMediaQueryCSS = mediaQueries.join('\\n')\n\n    return (\n      <AnimatedWrapper animation={animation}>\n        {allMediaQueryCSS && <style>{allMediaQueryCSS}</style>}\n        <Wrapper className={wrapperClass} style={wrapperStyles}>\n          <Content className={contentClasses} style={contentStyles} />\n        </Wrapper>\n      </AnimatedWrapper>\n    )\n  },\n}\n"],"names":["useId","cn","dimensionsValueToCSS","marginValueToCSS","paddingValueToCSS","borderValueToCSS","backgroundValueToCSS","responsiveValueToCSS","visibilityValueToCSS","justifyContentMap","alignItemsMap","AnimatedWrapper","createPaddingField","createBorderField","createDimensionsField","createResetField","createMarginField","createBackgroundField","createAnimationField","createResponsiveField","createResponsiveVisibilityField","createJustifyContentField","createAlignItemsField","flexDirectionMap","row","column","flexWrapMap","wrap","nowrap","DEFAULT_PADDING","top","right","bottom","left","unit","linked","DEFAULT_DIMENSIONS","mode","alignment","maxWidth","value","enabled","defaultProps","content","semanticElement","direction","justifyContent","alignItems","gap","background","customPadding","margin","dimensions","border","animation","visibility","FlexConfig","label","fields","_reset","type","disallow","options","min","innerField","config","defaultValue","render","Content","Wrapper","uniqueId","replace","wrapperClass","contentClass","mediaQueries","backgroundStyles","wrapperStyles","paddingResult","v","padding","Object","assign","baseStyles","mediaQueryCSS","push","borderStyles","marginResult","dimensionsResult","visibilityCSS","contentClasses","contentStyles","allMediaQueryCSS","join","style","className"],"mappings":";AAAA;;;;;;;;;;;;;;;CAeC,GAED,SAASA,KAAK,QAAQ,QAAO;AAE7B,SACEC,EAAE,EACFC,oBAAoB,EACpBC,gBAAgB,EAChBC,iBAAiB,EACjBC,gBAAgB,EAChBC,oBAAoB,EACpBC,oBAAoB,EACpBC,oBAAoB,EACpBC,iBAAiB,EACjBC,aAAa,QAQR,yBAAwB;AAC/B,SAASC,eAAe,QAAQ,wBAAuB;AACvD,SAASC,kBAAkB,QAAQ,+BAA8B;AACjE,SAASC,iBAAiB,QAAQ,8BAA6B;AAC/D,SAASC,qBAAqB,QAAQ,kCAAiC;AACvE,SAASC,gBAAgB,QAAQ,6BAA4B;AAC7D,SAASC,iBAAiB,QAAQ,8BAA6B;AAC/D,SAASC,qBAAqB,QAAQ,kCAAiC;AACvE,SAASC,oBAAoB,QAAQ,iCAAgC;AACrE,SAASC,qBAAqB,QAAQ,kCAAiC;AACvE,SAASC,+BAA+B,QAAQ,4CAA2C;AAC3F,SACEC,yBAAyB,EACzBC,qBAAqB,QAGhB,qCAAoC;AAE3C,8CAA8C;AAC9C,MAAMC,mBAA2C;IAC/CC,KAAK;IACLC,QAAQ;IACR,eAAe;IACf,kBAAkB;AACpB;AAEA,MAAMC,cAAsC;IAC1CC,MAAM;IACNC,QAAQ;IACR,gBAAgB;AAClB;AAEA,uCAAuC;AACvC,MAAMC,kBAAgC;IACpCC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC,MAAM;IACNC,MAAM;IACNC,QAAQ;AACV;AAEA,MAAMC,qBAAsC;IAC1CC,MAAM;IACNC,WAAW;IACXC,UAAU;QAAEC,OAAO;QAAKN,MAAM;QAAKO,SAAS;IAAK;AACnD;AAwBA,MAAMC,eAA0B;IAC9BC,SAAS,EAAE;IACXC,iBAAiB;IACjBC,WAAW;IACXC,gBAAgB;IAChBC,YAAY;IACZC,KAAK;IACLrB,MAAM;IACNsB,YAAY;IACZC,eAAe;IACfC,QAAQ;IACRC,YAAY;IACZC,QAAQ;IACRC,WAAW;IACXC,YAAY;AACd;AAEA,OAAO,MAAMC,aAA8B;IACzCC,OAAO;IACPC,QAAQ;QACNC,QAAQ5C,iBAAiB;YAAE2B;QAAa;QACxCC,SAAS;YACPiB,MAAM;YACNC,UAAU;gBAAC;aAAU;QACvB;QACA,gCAAgC;QAChCN,YAAYnC,gCAAgC;YAAEqC,OAAO;QAAa;QAClE,6BAA6B;QAC7Bb,iBAAiB;YACfgB,MAAM;YACNH,OAAO;YACPK,SAAS;gBACP;oBAAEL,OAAO;oBAAOjB,OAAO;gBAAM;gBAC7B;oBAAEiB,OAAO;oBAAOjB,OAAO;gBAAM;gBAC7B;oBAAEiB,OAAO;oBAAkBjB,OAAO;gBAAK;gBACvC;oBAAEiB,OAAO;oBAAgBjB,OAAO;gBAAK;gBACrC;oBAAEiB,OAAO;oBAASjB,OAAO;gBAAQ;gBACjC;oBAAEiB,OAAO;oBAAWjB,OAAO;gBAAU;aACtC;QACH;QACAK,WAAW;YACTe,MAAM;YACNH,OAAO;YACPK,SAAS;gBACP;oBAAEL,OAAO;oBAAOjB,OAAO;gBAAM;gBAC7B;oBAAEiB,OAAO;oBAAUjB,OAAO;gBAAS;aACpC;QACH;QACAM,gBAAgBzB,0BAA0B;YAAEoC,OAAO;QAAkB;QACrEV,YAAYzB,sBAAsB;YAAEmC,OAAO;QAAc;QACzDT,KAAK;YACHY,MAAM;YACNH,OAAO;YACPM,KAAK;QACP;QACApC,MAAM;YACJiC,MAAM;YACNH,OAAO;YACPK,SAAS;gBACP;oBAAEL,OAAO;oBAAOjB,OAAO;gBAAO;gBAC9B;oBAAEiB,OAAO;oBAAMjB,OAAO;gBAAS;aAChC;QACH;QACA,aAAa;QACbS,YAAYhC,sBAAsB;YAAEwC,OAAO;QAAa;QACxD,0BAA0B;QAC1BJ,QAAQxC,kBAAkB;YAAE4C,OAAO;QAAS;QAC5C,wBAAwB;QACxBL,YAAYjC,sBAAsB;YAChCsC,OAAO;YACPO,YAAY,CAACC,SAAWnD,sBAAsBmD;YAC9CC,cAAc9B;QAChB;QACAkB,WAAWpC,qBAAqB;YAAEuC,OAAO;QAAY;QACrD,2CAA2C;QAC3CN,QAAQhC,sBAAsB;YAC5BsC,OAAO;YACPO,YAAY,CAACC,SAAWjD,kBAAkBiD;YAC1CC,cAAcrC;QAChB;QACAqB,eAAe/B,sBAAsB;YACnCsC,OAAO;YACPO,YAAY,CAACC,SAAWrD,mBAAmBqD;YAC3CC,cAAcrC;QAChB;IACF;IACAa;IACAyB,QAAQ,CAAC,EACPxB,SAASyB,OAAO,EAChBxB,kBAAkB,KAAK,EACvBC,SAAS,EACTC,cAAc,EACdC,UAAU,EACVC,GAAG,EACHrB,IAAI,EACJsB,UAAU,EACVC,aAAa,EACbC,MAAM,EACNC,UAAU,EACVC,MAAM,EACNC,SAAS,EACTC,UAAU,EACX;QACC,gDAAgD;QAChD,MAAMc,UAAUzB;QAEhB,wCAAwC;QACxC,sDAAsD;QACtD,MAAM0B,WAAWtE,QAAQuE,OAAO,CAAC,MAAM;QACvC,MAAMC,eAAe,CAAC,UAAU,EAAEF,UAAU;QAC5C,MAAMG,eAAe,CAAC,kBAAkB,EAAEH,UAAU;QAEpD,8BAA8B;QAC9B,MAAMI,eAAyB,EAAE;QAEjC,uCAAuC;QACvC,MAAMC,mBAAmBrE,qBAAqB2C;QAE9C,uBAAuB;QACvB,MAAM2B,gBAAqC;YACzC,GAAGD,gBAAgB;QACrB;QAEA,sCAAsC;QACtC,MAAME,gBAAgBtE,qBACpB2C,eACA,CAAC4B,IAAO,CAAA;gBAAEC,SAAS3E,kBAAkB0E;YAAG,CAAA,GACxCN;QAEFQ,OAAOC,MAAM,CAACL,eAAeC,cAAcK,UAAU;QACrD,IAAIL,cAAcM,aAAa,EAAE;YAC/BT,aAAaU,IAAI,CAACP,cAAcM,aAAa;QAC/C;QAEA,oBAAoB;QACpB,MAAME,eAAehF,iBAAiBgD;QACtC,IAAIgC,cAAc;YAChBL,OAAOC,MAAM,CAACL,eAAeS;QAC/B;QAEA,uCAAuC;QACvC,MAAMC,eAAe/E,qBACnB4C,QACA,CAAC2B,IAAO,CAAA;gBAAE3B,QAAQhD,iBAAiB2E;YAAG,CAAA,GACtCN;QAEFQ,OAAOC,MAAM,CAACL,eAAeU,aAAaJ,UAAU;QACpD,IAAII,aAAaH,aAAa,EAAE;YAC9BT,aAAaU,IAAI,CAACE,aAAaH,aAAa;QAC9C;QAEA,yCAAyC;QACzC,MAAMI,mBAAmBhF,qBACvB6C,YACAlD,sBACAuE;QAGF,2BAA2B;QAC3B,MAAMe,gBAAgBhF,qBAAqB+C,YAAYiB;QACvD,IAAIgB,eAAe;YACjBd,aAAaU,IAAI,CAACI;QACpB;QAEA,yCAAyC;QACzC,4EAA4E;QAC5E,MAAMC,iBAAiBxF,GACrB,4BACAsB,gBAAgB,CAACsB,UAAU,EAC3BC,kBAAkBrC,iBAAiB,CAACqC,eAAe,EACnDC,cAAcrC,aAAa,CAACqC,WAAW,EACvCrB,WAAW,CAACC,KAAK,EACjB,iBACA8C;QAGF,2DAA2D;QAC3D,MAAMiB,gBAAqC;YACzC1C;YACA,GAAGuC,iBAAiBL,UAAU;QAChC;QACA,IAAIK,iBAAiBJ,aAAa,EAAE;YAClCT,aAAaU,IAAI,CAACG,iBAAiBJ,aAAa;QAClD;QAEA,4BAA4B;QAC5B,MAAMQ,mBAAmBjB,aAAakB,IAAI,CAAC;QAE3C,qBACE,MAACjF;YAAgB2C,WAAWA;;gBACzBqC,kCAAoB,KAACE;8BAAOF;;8BAC7B,KAACtB;oBAAQyB,WAAWtB;oBAAcqB,OAAOjB;8BACvC,cAAA,KAACR;wBAAQ0B,WAAWL;wBAAgBI,OAAOH;;;;;IAInD;AACF,EAAC"}

package/dist/components/layout/Flex.server.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 JustifyContent = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
 export type AlignItems = 'flex-start' | 'center' | 'flex-end' | 'stretch';
 export type FlexSemanticElement = 'div' | 'nav' | 'ul' | 'ol' | 'aside' | 'section';

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.server.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Flex.server.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAWL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AAU5B,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,CAAA;AACpG,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;AAgBzE,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,CAAA;AAEnF,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,mBAAmB,CAAA;IACpC,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC3B,cAAc,EAAE,cAAc,GAAG,IAAI,CAAA;IACrC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAA;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEvB,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAElC,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAClE,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC3D,UAAU,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IACrE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAEhC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAmBD,eAAO,MAAM,UAAU,EAAE,eAsHxB,CAAA"}
+{"version":3,"file":"Flex.server.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Flex.server.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAWL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,EACrB,MAAM,wBAAwB,CAAA;AAU/B,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,CAAA;AACpG,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;AAgBzE,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,CAAA;AAEnF,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,mBAAmB,CAAA;IACpC,SAAS,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC3B,cAAc,EAAE,cAAc,GAAG,IAAI,CAAA;IACrC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAA;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAA;IAEvB,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAElC,aAAa,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAClE,MAAM,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,GAAG,IAAI,CAAA;IAC3D,UAAU,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,eAAe,GAAG,IAAI,CAAA;IACrE,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAEhC,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;CACnC;AAmBD,eAAO,MAAM,UAAU,EAAE,eAsHxB,CAAA"}