@delmaredigital/payload-puck 0.6.10 → 0.6.13

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

@@ -1,17 +1,24 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AccordionClient } from '../AccordionClient';
+/**
+ * Accordion Component - Server-safe Puck Configuration
+ *
+ * Expandable sections with collapsible content.
+ * This version contains only the render function and types - no fields.
+ * The render function returns a client component (AccordionClient) that
+ * handles the interactive state.
+ */ import { jsx as _jsx } from "react/jsx-runtime";
+import { AccordionClient } from '../AccordionClient.js';
 const defaultProps = {
     items: [
         {
             title: 'What is this?',
             content: 'This is an accordion component that can expand and collapse.',
-            defaultOpen: false,
+            defaultOpen: false
         },
         {
             title: 'How do I use it?',
             content: 'Click on each item to expand or collapse it.',
-            defaultOpen: false,
-        },
+            defaultOpen: false
+        }
     ],
     allowMultiple: false,
     textColor: null,
@@ -20,11 +27,22 @@ const defaultProps = {
     dimensions: null,
     transform: null,
     animation: null,
-    customPadding: null,
+    customPadding: null
 };
 export const AccordionConfig = {
     label: 'Accordion',
     defaultProps,
-    render: (props) => (_jsx(AccordionClient, { items: props.items, allowMultiple: props.allowMultiple, textColor: props.textColor, margin: props.margin, background: props.background, dimensions: props.dimensions, transform: props.transform, animation: props.animation, customPadding: props.customPadding })),
+    render: (props)=>/*#__PURE__*/ _jsx(AccordionClient, {
+            items: props.items,
+            allowMultiple: props.allowMultiple,
+            textColor: props.textColor,
+            margin: props.margin,
+            background: props.background,
+            dimensions: props.dimensions,
+            transform: props.transform,
+            animation: props.animation,
+            customPadding: props.customPadding
+        })
 };
+
 //# sourceMappingURL=Accordion.server.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.server.js","sourceRoot":"","sources":["../../../src/components/interactive/Accordion.server.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAoBpD,MAAM,YAAY,GAAmB;IACnC,KAAK,EAAE;QACL;YACE,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,8DAA8D;YACvE,WAAW,EAAE,KAAK;SACnB;QACD;YACE,KAAK,EAAE,kBAAkB;YACzB,OAAO,EAAE,8CAA8C;YACvD,WAAW,EAAE,KAAK;SACnB;KACF;IACD,aAAa,EAAE,KAAK;IACpB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,IAAI;IACZ,UAAU,EAAE,IAAI;IAChB,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,aAAa,EAAE,IAAI;CACpB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC9D,KAAK,EAAE,WAAW;IAClB,YAAY;IACZ,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CACjB,KAAC,eAAe,IACd,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,aAAa,EAAE,KAAK,CAAC,aAAa,GAClC,CACH;CACF,CAAA"}
+{"version":3,"sources":["../../../src/components/interactive/Accordion.server.tsx"],"sourcesContent":["/**\n * Accordion Component - Server-safe Puck Configuration\n *\n * Expandable sections with collapsible content.\n * This version contains only the render function and types - no fields.\n * The render function returns a client component (AccordionClient) that\n * handles the interactive state.\n */\n\nimport type { ComponentConfig } from '@puckeditor/core'\nimport type {\n  PaddingValue,\n  DimensionsValue,\n  BackgroundValue,\n  AnimationValue,\n  TransformValue,\n  ColorValue,\n} from '../../fields/shared.js'\nimport { AccordionClient } from '../AccordionClient.js'\n\ninterface AccordionItemData {\n  title: string\n  content: string\n  defaultOpen: boolean\n}\n\nexport interface AccordionProps {\n  items: AccordionItemData[]\n  allowMultiple: boolean\n  textColor: ColorValue | null\n  margin: PaddingValue | null\n  background: BackgroundValue | null\n  dimensions: DimensionsValue | null\n  transform: TransformValue | null\n  animation: AnimationValue | null\n  customPadding: PaddingValue | null\n}\n\nconst defaultProps: AccordionProps = {\n  items: [\n    {\n      title: 'What is this?',\n      content: 'This is an accordion component that can expand and collapse.',\n      defaultOpen: false,\n    },\n    {\n      title: 'How do I use it?',\n      content: 'Click on each item to expand or collapse it.',\n      defaultOpen: false,\n    },\n  ],\n  allowMultiple: false,\n  textColor: null,\n  margin: null,\n  background: null,\n  dimensions: null,\n  transform: null,\n  animation: null,\n  customPadding: null,\n}\n\nexport const AccordionConfig: ComponentConfig<AccordionProps> = {\n  label: 'Accordion',\n  defaultProps,\n  render: (props) => (\n    <AccordionClient\n      items={props.items}\n      allowMultiple={props.allowMultiple}\n      textColor={props.textColor}\n      margin={props.margin}\n      background={props.background}\n      dimensions={props.dimensions}\n      transform={props.transform}\n      animation={props.animation}\n      customPadding={props.customPadding}\n    />\n  ),\n}\n"],"names":["AccordionClient","defaultProps","items","title","content","defaultOpen","allowMultiple","textColor","margin","background","dimensions","transform","animation","customPadding","AccordionConfig","label","render","props"],"mappings":"AAAA;;;;;;;CAOC;AAWD,SAASA,eAAe,QAAQ,wBAAuB;AAoBvD,MAAMC,eAA+B;IACnCC,OAAO;QACL;YACEC,OAAO;YACPC,SAAS;YACTC,aAAa;QACf;QACA;YACEF,OAAO;YACPC,SAAS;YACTC,aAAa;QACf;KACD;IACDC,eAAe;IACfC,WAAW;IACXC,QAAQ;IACRC,YAAY;IACZC,YAAY;IACZC,WAAW;IACXC,WAAW;IACXC,eAAe;AACjB;AAEA,OAAO,MAAMC,kBAAmD;IAC9DC,OAAO;IACPd;IACAe,QAAQ,CAACC,sBACP,KAACjB;YACCE,OAAOe,MAAMf,KAAK;YAClBI,eAAeW,MAAMX,aAAa;YAClCC,WAAWU,MAAMV,SAAS;YAC1BC,QAAQS,MAAMT,MAAM;YACpBC,YAAYQ,MAAMR,UAAU;YAC5BC,YAAYO,MAAMP,UAAU;YAC5BC,WAAWM,MAAMN,SAAS;YAC1BC,WAAWK,MAAML,SAAS;YAC1BC,eAAeI,MAAMJ,aAAa;;AAGxC,EAAC"}

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

@@ -4,9 +4,9 @@
  * CTA button with customizable styling and link support.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type ColorValue, type BorderValue, type AnimationValue, type TransformValue } from '../../fields/shared';
-import { type Alignment } from '../../fields/AlignmentField';
-import { type SizeValue } from '../../fields/SizeField';
+import { type PaddingValue, type ColorValue, type BorderValue, type AnimationValue, type TransformValue } from '../../fields/shared.js';
+import { type Alignment } from '../../fields/AlignmentField.js';
+import { type SizeValue } from '../../fields/SizeField.js';
 export interface ButtonProps {
     text: string;
     link: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Button.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAM5B,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAClF,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAUxG,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,qBAAqB,EAAE,UAAU,GAAG,IAAI,CAAA;IACxC,eAAe,EAAE,UAAU,GAAG,IAAI,CAAA;IAClC,YAAY,EAAE,WAAW,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AA8BD,eAAO,MAAM,YAAY,EAAE,eAqI1B,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Button.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAA;AAM/B,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,gCAAgC,CAAA;AACrF,OAAO,EAAmD,KAAK,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAU3G,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,qBAAqB,EAAE,UAAU,GAAG,IAAI,CAAA;IACxC,eAAe,EAAE,UAAU,GAAG,IAAI,CAAA;IAClC,YAAY,EAAE,WAAW,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AA8BD,eAAO,MAAM,YAAY,EAAE,eAqI1B,CAAA"}

package/dist/components/interactive/Button.js

@@ -1,25 +1,29 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { buttonVariantField, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, borderValueToCSS, transformValueToCSS, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
-import { createMarginField } from '../../fields/MarginField';
-import { createColorPickerField } from '../../fields/ColorPickerField';
-import { createBorderField } from '../../fields/BorderField';
-import { createPaddingField } from '../../fields/PaddingField';
-import { createAlignmentField } from '../../fields/AlignmentField';
-import { createSizeField, sizeValueToCSS, getSizeClasses } from '../../fields/SizeField';
-import { createAnimationField } from '../../fields/AnimationField';
-import { createTransformField } from '../../fields/TransformField';
-import { createResetField } from '../../fields/ResetField';
-import { DEFAULT_BUTTON_VARIANTS, DEFAULT_FOCUS_RING, getVariantClasses, } from '../../theme';
+/**
+ * Button Component - Puck Configuration
+ *
+ * CTA button with customizable styling and link support.
+ */ import { jsx as _jsx } from "react/jsx-runtime";
+import { buttonVariantField, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, borderValueToCSS, transformValueToCSS } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
+import { createMarginField } from '../../fields/MarginField.js';
+import { createColorPickerField } from '../../fields/ColorPickerField.js';
+import { createBorderField } from '../../fields/BorderField.js';
+import { createPaddingField } from '../../fields/PaddingField.js';
+import { createAlignmentField } from '../../fields/AlignmentField.js';
+import { createSizeField, sizeValueToCSS, getSizeClasses } from '../../fields/SizeField.js';
+import { createAnimationField } from '../../fields/AnimationField.js';
+import { createTransformField } from '../../fields/TransformField.js';
+import { createResetField } from '../../fields/ResetField.js';
+import { DEFAULT_BUTTON_VARIANTS, DEFAULT_FOCUS_RING, getVariantClasses } from '../../theme/index.js';
 const sizeStyles = {
     sm: 'h-8 px-3 text-sm',
     default: 'h-10 px-4',
-    lg: 'h-12 px-8 text-lg',
+    lg: 'h-12 px-8 text-lg'
 };
 const alignmentWrapperMap = {
     left: 'text-left',
     center: 'text-center',
-    right: 'text-right',
+    right: 'text-right'
 };
 const defaultProps = {
     text: 'Click Me',
@@ -34,42 +38,70 @@ const defaultProps = {
     alignment: null,
     transform: null,
     animation: null,
-    customPadding: null,
+    customPadding: null
 };
 export const ButtonConfig = {
     label: 'Button',
     fields: {
-        _reset: createResetField({ defaultProps }),
+        _reset: createResetField({
+            defaultProps
+        }),
         text: {
             type: 'text',
-            label: 'Button Text',
+            label: 'Button Text'
         },
         link: {
             type: 'text',
-            label: 'Link URL',
+            label: 'Link URL'
         },
         variant: buttonVariantField,
-        size: createSizeField({ label: 'Size' }),
+        size: createSizeField({
+            label: 'Size'
+        }),
         openInNewTab: {
             type: 'radio',
             label: 'Open in New Tab',
             options: [
-                { label: 'No', value: 'no' },
-                { label: 'Yes', value: 'yes' },
-            ],
+                {
+                    label: 'No',
+                    value: 'no'
+                },
+                {
+                    label: 'Yes',
+                    value: 'yes'
+                }
+            ]
         },
-        customBackgroundColor: createColorPickerField({ label: 'Custom Background', showOpacity: true }),
-        customTextColor: createColorPickerField({ label: 'Custom Text Color', showOpacity: true }),
-        customBorder: createBorderField({ label: 'Custom Border' }),
-        alignment: createAlignmentField({ label: 'Alignment' }),
-        transform: createTransformField({ label: 'Transform' }),
-        animation: createAnimationField({ label: 'Animation' }),
+        customBackgroundColor: createColorPickerField({
+            label: 'Custom Background',
+            showOpacity: true
+        }),
+        customTextColor: createColorPickerField({
+            label: 'Custom Text Color',
+            showOpacity: true
+        }),
+        customBorder: createBorderField({
+            label: 'Custom Border'
+        }),
+        alignment: createAlignmentField({
+            label: 'Alignment'
+        }),
+        transform: createTransformField({
+            label: 'Transform'
+        }),
+        animation: createAnimationField({
+            label: 'Animation'
+        }),
         // Spacing (grouped at bottom)
-        margin: createMarginField({ label: 'Margin' }),
-        customPadding: createPaddingField({ label: 'Padding' }),
+        margin: createMarginField({
+            label: 'Margin'
+        }),
+        customPadding: createPaddingField({
+            label: 'Padding'
+        })
     },
     defaultProps,
-    render: ({ text, link, variant, size, openInNewTab, alignment, margin, customBackgroundColor, customTextColor, customBorder, transform, animation, customPadding }) => {
+    render: ({ text, link, variant, size, openInNewTab, alignment, margin, customBackgroundColor, customTextColor, customBorder, transform, animation, customPadding })=>{
         // Determine if custom styles should override preset variant/size styles
         const hasCustomBackground = customBackgroundColor?.hex;
         const hasCustomTextColor = customTextColor?.hex;
@@ -80,14 +112,10 @@ export const ButtonConfig = {
         // Get size classes for preset modes, or empty for custom mode
         const sizeClasses = getSizeClasses(size, sizeStyles);
         // Build button classes - exclude variant/size classes if custom styles are set
-        const buttonClasses = cn('inline-flex items-center justify-center font-medium transition-colors', `focus:outline-none focus:ring-2 focus:ring-offset-2 ${DEFAULT_FOCUS_RING}`, 'disabled:opacity-50 disabled:pointer-events-none', 
-        // Only apply variant styles if no custom background/text color
-        !hasCustomBackground && !hasCustomTextColor && variantClasses, 
-        // Only apply background portion of variant if no custom background
-        hasCustomBackground && !hasCustomTextColor && 'hover:opacity-90', 
-        // Only apply size classes if not using custom size or custom padding
-        !hasCustomPadding && !hasCustomSize && sizeClasses, 
-        // Apply rounded-md unless custom border has radius
+        const buttonClasses = cn('inline-flex items-center justify-center font-medium transition-colors', `focus:outline-none focus:ring-2 focus:ring-offset-2 ${DEFAULT_FOCUS_RING}`, 'disabled:opacity-50 disabled:pointer-events-none', // Only apply variant styles if no custom background/text color
+        !hasCustomBackground && !hasCustomTextColor && variantClasses, // Only apply background portion of variant if no custom background
+        hasCustomBackground && !hasCustomTextColor && 'hover:opacity-90', // Only apply size classes if not using custom size or custom padding
+        !hasCustomPadding && !hasCustomSize && sizeClasses, // Apply rounded-md unless custom border has radius
         !customBorder?.radius && 'rounded-md');
         // Build inline styles for the button
         const buttonStyle = {};
@@ -119,7 +147,19 @@ export const ButtonConfig = {
         if (transformStyles) {
             Object.assign(buttonStyle, transformStyles);
         }
-        const buttonElement = link ? (_jsx("a", { href: link, target: openInNewTab === 'yes' ? '_blank' : undefined, rel: openInNewTab === 'yes' ? 'noopener noreferrer' : undefined, className: buttonClasses, style: buttonStyle, children: text })) : (_jsx("button", { type: "button", className: buttonClasses, style: buttonStyle, children: text }));
+        const buttonElement = link ? /*#__PURE__*/ _jsx("a", {
+            href: link,
+            target: openInNewTab === 'yes' ? '_blank' : undefined,
+            rel: openInNewTab === 'yes' ? 'noopener noreferrer' : undefined,
+            className: buttonClasses,
+            style: buttonStyle,
+            children: text
+        }) : /*#__PURE__*/ _jsx("button", {
+            type: "button",
+            className: buttonClasses,
+            style: buttonStyle,
+            children: text
+        });
         const wrapperStyle = {};
         const marginCSS = marginValueToCSS(margin);
         if (marginCSS) {
@@ -127,7 +167,13 @@ export const ButtonConfig = {
         }
         // Get alignment value, defaulting to 'left'
         const alignmentValue = alignment ?? 'left';
-        return (_jsx(AnimatedWrapper, { animation: animation, className: alignmentWrapperMap[alignmentValue] || alignmentWrapperMap.left, style: wrapperStyle, children: buttonElement }));
-    },
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            className: alignmentWrapperMap[alignmentValue] || alignmentWrapperMap.left,
+            style: wrapperStyle,
+            children: buttonElement
+        });
+    }
 };
+
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/interactive/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/interactive/Button.tsx"],"sourcesContent":["/**\n * Button Component - Puck Configuration\n *\n * CTA button with customizable styling and link support.\n */\n\nimport type { ComponentConfig } from '@puckeditor/core'\nimport {\n  buttonVariantField,\n  cn,\n  marginValueToCSS,\n  paddingValueToCSS,\n  colorValueToCSS,\n  borderValueToCSS,\n  transformValueToCSS,\n  type PaddingValue,\n  type ColorValue,\n  type BorderValue,\n  type AnimationValue,\n  type TransformValue,\n} from '../../fields/shared.js'\nimport { AnimatedWrapper } from '../AnimatedWrapper.js'\nimport { createMarginField } from '../../fields/MarginField.js'\nimport { createColorPickerField } from '../../fields/ColorPickerField.js'\nimport { createBorderField } from '../../fields/BorderField.js'\nimport { createPaddingField } from '../../fields/PaddingField.js'\nimport { createAlignmentField, type Alignment } from '../../fields/AlignmentField.js'\nimport { createSizeField, sizeValueToCSS, getSizeClasses, type SizeValue } from '../../fields/SizeField.js'\nimport { createAnimationField } from '../../fields/AnimationField.js'\nimport { createTransformField } from '../../fields/TransformField.js'\nimport { createResetField } from '../../fields/ResetField.js'\nimport {\n  DEFAULT_BUTTON_VARIANTS,\n  DEFAULT_FOCUS_RING,\n  getVariantClasses,\n} from '../../theme/index.js'\n\nexport interface ButtonProps {\n  text: string\n  link: string\n  variant: string\n  size: SizeValue | null\n  openInNewTab: string\n  margin: PaddingValue | null\n  customBackgroundColor: ColorValue | null\n  customTextColor: ColorValue | null\n  customBorder: BorderValue | null\n  alignment: Alignment | null\n  transform: TransformValue | null\n  animation: AnimationValue | null\n  customPadding: PaddingValue | null\n}\n\nconst sizeStyles: Record<string, string> = {\n  sm: 'h-8 px-3 text-sm',\n  default: 'h-10 px-4',\n  lg: 'h-12 px-8 text-lg',\n}\n\nconst alignmentWrapperMap: Record<string, string> = {\n  left: 'text-left',\n  center: 'text-center',\n  right: 'text-right',\n}\n\nconst defaultProps: ButtonProps = {\n  text: 'Click Me',\n  link: '',\n  variant: 'default',\n  size: null,\n  openInNewTab: 'no',\n  margin: null,\n  customBackgroundColor: null,\n  customTextColor: null,\n  customBorder: null,\n  alignment: null,\n  transform: null,\n  animation: null,\n  customPadding: null,\n}\n\nexport const ButtonConfig: ComponentConfig = {\n  label: 'Button',\n  fields: {\n    _reset: createResetField({ defaultProps }),\n    text: {\n      type: 'text',\n      label: 'Button Text',\n    },\n    link: {\n      type: 'text',\n      label: 'Link URL',\n    },\n    variant: buttonVariantField,\n    size: createSizeField({ label: 'Size' }),\n    openInNewTab: {\n      type: 'radio',\n      label: 'Open in New Tab',\n      options: [\n        { label: 'No', value: 'no' },\n        { label: 'Yes', value: 'yes' },\n      ],\n    },\n    customBackgroundColor: createColorPickerField({ label: 'Custom Background', showOpacity: true }),\n    customTextColor: createColorPickerField({ label: 'Custom Text Color', showOpacity: true }),\n    customBorder: createBorderField({ label: 'Custom Border' }),\n    alignment: createAlignmentField({ label: 'Alignment' }),\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: ({ text, link, variant, size, openInNewTab, alignment, margin, customBackgroundColor, customTextColor, customBorder, transform, animation, customPadding }) => {\n    // Determine if custom styles should override preset variant/size styles\n    const hasCustomBackground = customBackgroundColor?.hex\n    const hasCustomTextColor = customTextColor?.hex\n    const hasCustomPadding = customPadding\n    const hasCustomSize = size?.mode === 'custom'\n\n    // Get variant classes from defaults (SSR-safe, no hooks)\n    const variantClasses = getVariantClasses(DEFAULT_BUTTON_VARIANTS, variant, 'default')\n\n    // Get size classes for preset modes, or empty for custom mode\n    const sizeClasses = getSizeClasses(size, sizeStyles)\n\n    // Build button classes - exclude variant/size classes if custom styles are set\n    const buttonClasses = cn(\n      'inline-flex items-center justify-center font-medium transition-colors',\n      `focus:outline-none focus:ring-2 focus:ring-offset-2 ${DEFAULT_FOCUS_RING}`,\n      'disabled:opacity-50 disabled:pointer-events-none',\n      // Only apply variant styles if no custom background/text color\n      !hasCustomBackground && !hasCustomTextColor && variantClasses,\n      // Only apply background portion of variant if no custom background\n      hasCustomBackground && !hasCustomTextColor && 'hover:opacity-90',\n      // Only apply size classes if not using custom size or custom padding\n      !hasCustomPadding && !hasCustomSize && sizeClasses,\n      // Apply rounded-md unless custom border has radius\n      !customBorder?.radius && 'rounded-md'\n    )\n\n    // Build inline styles for the button\n    const buttonStyle: React.CSSProperties = {}\n\n    // Apply custom background color\n    if (hasCustomBackground) {\n      buttonStyle.backgroundColor = colorValueToCSS(customBackgroundColor)\n    }\n\n    // Apply custom text color\n    if (hasCustomTextColor) {\n      buttonStyle.color = colorValueToCSS(customTextColor)\n    }\n\n    // Apply custom border\n    const borderStyles = borderValueToCSS(customBorder)\n    if (borderStyles) {\n      Object.assign(buttonStyle, borderStyles)\n    }\n\n    // Apply custom size (only if mode is custom)\n    const customSizeStyles = sizeValueToCSS(size)\n    if (customSizeStyles) {\n      Object.assign(buttonStyle, customSizeStyles)\n    }\n\n    // Apply custom padding (overrides size padding if set)\n    const paddingCSS = paddingValueToCSS(customPadding)\n    if (paddingCSS) {\n      buttonStyle.padding = paddingCSS\n    }\n\n    // Apply transform\n    const transformStyles = transformValueToCSS(transform)\n    if (transformStyles) {\n      Object.assign(buttonStyle, transformStyles)\n    }\n\n    const buttonElement = link ? (\n      <a\n        href={link}\n        target={openInNewTab === 'yes' ? '_blank' : undefined}\n        rel={openInNewTab === 'yes' ? 'noopener noreferrer' : undefined}\n        className={buttonClasses}\n        style={buttonStyle}\n      >\n        {text}\n      </a>\n    ) : (\n      <button type=\"button\" className={buttonClasses} style={buttonStyle}>\n        {text}\n      </button>\n    )\n\n    const wrapperStyle: React.CSSProperties = {}\n    const marginCSS = marginValueToCSS(margin)\n    if (marginCSS) {\n      wrapperStyle.margin = marginCSS\n    }\n\n    // Get alignment value, defaulting to 'left'\n    const alignmentValue = alignment ?? 'left'\n\n    return (\n      <AnimatedWrapper\n        animation={animation}\n        className={alignmentWrapperMap[alignmentValue] || alignmentWrapperMap.left}\n        style={wrapperStyle}\n      >\n        {buttonElement}\n      </AnimatedWrapper>\n    )\n  },\n}\n"],"names":["buttonVariantField","cn","marginValueToCSS","paddingValueToCSS","colorValueToCSS","borderValueToCSS","transformValueToCSS","AnimatedWrapper","createMarginField","createColorPickerField","createBorderField","createPaddingField","createAlignmentField","createSizeField","sizeValueToCSS","getSizeClasses","createAnimationField","createTransformField","createResetField","DEFAULT_BUTTON_VARIANTS","DEFAULT_FOCUS_RING","getVariantClasses","sizeStyles","sm","default","lg","alignmentWrapperMap","left","center","right","defaultProps","text","link","variant","size","openInNewTab","margin","customBackgroundColor","customTextColor","customBorder","alignment","transform","animation","customPadding","ButtonConfig","label","fields","_reset","type","options","value","showOpacity","render","hasCustomBackground","hex","hasCustomTextColor","hasCustomPadding","hasCustomSize","mode","variantClasses","sizeClasses","buttonClasses","radius","buttonStyle","backgroundColor","color","borderStyles","Object","assign","customSizeStyles","paddingCSS","padding","transformStyles","buttonElement","a","href","target","undefined","rel","className","style","button","wrapperStyle","marginCSS","alignmentValue"],"mappings":"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"}

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

@@ -6,8 +6,8 @@
  * Safe for use in server components.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type ColorValue, type BorderValue, type AnimationValue, type TransformValue, type SizeValue } from '../../fields/shared';
-import type { Alignment } from '../../fields/AlignmentField';
+import { type PaddingValue, type ColorValue, type BorderValue, type AnimationValue, type TransformValue, type SizeValue } from '../../fields/shared.js';
+import type { Alignment } from '../../fields/AlignmentField.js';
 export interface ButtonProps {
     text: string;
     link: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.server.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Button.server.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EASL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAI5D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,qBAAqB,EAAE,UAAU,GAAG,IAAI,CAAA;IACxC,eAAe,EAAE,UAAU,GAAG,IAAI,CAAA;IAClC,YAAY,EAAE,WAAW,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AA8BD,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,WAAW,CAuGrD,CAAA"}
+{"version":3,"file":"Button.server.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Button.server.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EASL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,wBAAwB,CAAA;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAI/D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,SAAS,GAAG,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,qBAAqB,EAAE,UAAU,GAAG,IAAI,CAAA;IACxC,eAAe,EAAE,UAAU,GAAG,IAAI,CAAA;IAClC,YAAY,EAAE,WAAW,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AA8BD,eAAO,MAAM,YAAY,EAAE,eAAe,CAAC,WAAW,CAuGrD,CAAA"}

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

@@ -1,17 +1,23 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, borderValueToCSS, transformValueToCSS, sizeValueToCSS, getSizeClasses, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
-import { DEFAULT_BUTTON_VARIANTS, DEFAULT_FOCUS_RING } from '../../theme/defaults';
-import { getVariantClasses } from '../../theme/utils';
+/**
+ * Button Component - Server-safe Puck Configuration
+ *
+ * CTA button with customizable styling and link support.
+ * 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 { cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, borderValueToCSS, transformValueToCSS, sizeValueToCSS, getSizeClasses } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
+import { DEFAULT_BUTTON_VARIANTS, DEFAULT_FOCUS_RING } from '../../theme/defaults.js';
+import { getVariantClasses } from '../../theme/utils.js';
 const sizeStyles = {
     sm: 'h-8 px-3 text-sm',
     default: 'h-10 px-4',
-    lg: 'h-12 px-8 text-lg',
+    lg: 'h-12 px-8 text-lg'
 };
 const alignmentWrapperMap = {
     left: 'text-left',
     center: 'text-center',
-    right: 'text-right',
+    right: 'text-right'
 };
 const defaultProps = {
     text: 'Click Me',
@@ -26,12 +32,12 @@ const defaultProps = {
     alignment: null,
     transform: null,
     animation: null,
-    customPadding: null,
+    customPadding: null
 };
 export const ButtonConfig = {
     label: 'Button',
     defaultProps,
-    render: ({ text, link, variant, size, openInNewTab, alignment, margin, customBackgroundColor, customTextColor, customBorder, transform, animation, customPadding }) => {
+    render: ({ text, link, variant, size, openInNewTab, alignment, margin, customBackgroundColor, customTextColor, customBorder, transform, animation, customPadding })=>{
         // Determine if custom styles should override preset variant/size styles
         const hasCustomBackground = customBackgroundColor?.hex;
         const hasCustomTextColor = customTextColor?.hex;
@@ -42,14 +48,10 @@ export const ButtonConfig = {
         // Get size classes for preset modes, or empty for custom mode
         const sizeClasses = getSizeClasses(size, sizeStyles);
         // Build button classes - exclude variant/size classes if custom styles are set
-        const buttonClasses = cn('inline-flex items-center justify-center font-medium transition-colors', `focus:outline-none focus:ring-2 focus:ring-offset-2 ${DEFAULT_FOCUS_RING}`, 'disabled:opacity-50 disabled:pointer-events-none', 
-        // Only apply variant styles if no custom background/text color
-        !hasCustomBackground && !hasCustomTextColor && variantClasses, 
-        // Only apply background portion of variant if no custom background
-        hasCustomBackground && !hasCustomTextColor && 'hover:opacity-90', 
-        // Only apply size classes if not using custom size or custom padding
-        !hasCustomPadding && !hasCustomSize && sizeClasses, 
-        // Apply rounded-md unless custom border has radius
+        const buttonClasses = cn('inline-flex items-center justify-center font-medium transition-colors', `focus:outline-none focus:ring-2 focus:ring-offset-2 ${DEFAULT_FOCUS_RING}`, 'disabled:opacity-50 disabled:pointer-events-none', // Only apply variant styles if no custom background/text color
+        !hasCustomBackground && !hasCustomTextColor && variantClasses, // Only apply background portion of variant if no custom background
+        hasCustomBackground && !hasCustomTextColor && 'hover:opacity-90', // Only apply size classes if not using custom size or custom padding
+        !hasCustomPadding && !hasCustomSize && sizeClasses, // Apply rounded-md unless custom border has radius
         !customBorder?.radius && 'rounded-md');
         // Build inline styles for the button
         const buttonStyle = {};
@@ -81,7 +83,19 @@ export const ButtonConfig = {
         if (transformStyles) {
             Object.assign(buttonStyle, transformStyles);
         }
-        const buttonElement = link ? (_jsx("a", { href: link, target: openInNewTab === 'yes' ? '_blank' : undefined, rel: openInNewTab === 'yes' ? 'noopener noreferrer' : undefined, className: buttonClasses, style: buttonStyle, children: text })) : (_jsx("button", { type: "button", className: buttonClasses, style: buttonStyle, children: text }));
+        const buttonElement = link ? /*#__PURE__*/ _jsx("a", {
+            href: link,
+            target: openInNewTab === 'yes' ? '_blank' : undefined,
+            rel: openInNewTab === 'yes' ? 'noopener noreferrer' : undefined,
+            className: buttonClasses,
+            style: buttonStyle,
+            children: text
+        }) : /*#__PURE__*/ _jsx("button", {
+            type: "button",
+            className: buttonClasses,
+            style: buttonStyle,
+            children: text
+        });
         const wrapperStyle = {};
         const marginCSS = marginValueToCSS(margin);
         if (marginCSS) {
@@ -89,7 +103,13 @@ export const ButtonConfig = {
         }
         // Get alignment value, defaulting to 'left'
         const alignmentValue = alignment ?? 'left';
-        return (_jsx(AnimatedWrapper, { animation: animation, className: alignmentWrapperMap[alignmentValue] || alignmentWrapperMap.left, style: wrapperStyle, children: buttonElement }));
-    },
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            className: alignmentWrapperMap[alignmentValue] || alignmentWrapperMap.left,
+            style: wrapperStyle,
+            children: buttonElement
+        });
+    }
 };
+
 //# sourceMappingURL=Button.server.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.server.js","sourceRoot":"","sources":["../../../src/components/interactive/Button.server.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/interactive/Button.server.tsx"],"sourcesContent":["/**\n * Button Component - Server-safe Puck Configuration\n *\n * CTA button with customizable styling and link support.\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  cn,\n  marginValueToCSS,\n  paddingValueToCSS,\n  colorValueToCSS,\n  borderValueToCSS,\n  transformValueToCSS,\n  sizeValueToCSS,\n  getSizeClasses,\n  type PaddingValue,\n  type ColorValue,\n  type BorderValue,\n  type AnimationValue,\n  type TransformValue,\n  type SizeValue,\n} from '../../fields/shared.js'\nimport { AnimatedWrapper } from '../AnimatedWrapper.js'\nimport type { Alignment } from '../../fields/AlignmentField.js'\nimport { DEFAULT_BUTTON_VARIANTS, DEFAULT_FOCUS_RING } from '../../theme/defaults.js'\nimport { getVariantClasses } from '../../theme/utils.js'\n\nexport interface ButtonProps {\n  text: string\n  link: string\n  variant: string\n  size: SizeValue | null\n  openInNewTab: string\n  margin: PaddingValue | null\n  customBackgroundColor: ColorValue | null\n  customTextColor: ColorValue | null\n  customBorder: BorderValue | null\n  alignment: Alignment | null\n  transform: TransformValue | null\n  animation: AnimationValue | null\n  customPadding: PaddingValue | null\n}\n\nconst sizeStyles: Record<string, string> = {\n  sm: 'h-8 px-3 text-sm',\n  default: 'h-10 px-4',\n  lg: 'h-12 px-8 text-lg',\n}\n\nconst alignmentWrapperMap: Record<string, string> = {\n  left: 'text-left',\n  center: 'text-center',\n  right: 'text-right',\n}\n\nconst defaultProps: ButtonProps = {\n  text: 'Click Me',\n  link: '',\n  variant: 'default',\n  size: null,\n  openInNewTab: 'no',\n  margin: null,\n  customBackgroundColor: null,\n  customTextColor: null,\n  customBorder: null,\n  alignment: null,\n  transform: null,\n  animation: null,\n  customPadding: null,\n}\n\nexport const ButtonConfig: ComponentConfig<ButtonProps> = {\n  label: 'Button',\n  defaultProps,\n  render: ({ text, link, variant, size, openInNewTab, alignment, margin, customBackgroundColor, customTextColor, customBorder, transform, animation, customPadding }) => {\n    // Determine if custom styles should override preset variant/size styles\n    const hasCustomBackground = customBackgroundColor?.hex\n    const hasCustomTextColor = customTextColor?.hex\n    const hasCustomPadding = customPadding\n    const hasCustomSize = size?.mode === 'custom'\n\n    // Get variant classes from defaults (SSR-safe, no hooks)\n    const variantClasses = getVariantClasses(DEFAULT_BUTTON_VARIANTS, variant, 'default')\n\n    // Get size classes for preset modes, or empty for custom mode\n    const sizeClasses = getSizeClasses(size, sizeStyles)\n\n    // Build button classes - exclude variant/size classes if custom styles are set\n    const buttonClasses = cn(\n      'inline-flex items-center justify-center font-medium transition-colors',\n      `focus:outline-none focus:ring-2 focus:ring-offset-2 ${DEFAULT_FOCUS_RING}`,\n      'disabled:opacity-50 disabled:pointer-events-none',\n      // Only apply variant styles if no custom background/text color\n      !hasCustomBackground && !hasCustomTextColor && variantClasses,\n      // Only apply background portion of variant if no custom background\n      hasCustomBackground && !hasCustomTextColor && 'hover:opacity-90',\n      // Only apply size classes if not using custom size or custom padding\n      !hasCustomPadding && !hasCustomSize && sizeClasses,\n      // Apply rounded-md unless custom border has radius\n      !customBorder?.radius && 'rounded-md'\n    )\n\n    // Build inline styles for the button\n    const buttonStyle: React.CSSProperties = {}\n\n    // Apply custom background color\n    if (hasCustomBackground) {\n      buttonStyle.backgroundColor = colorValueToCSS(customBackgroundColor)\n    }\n\n    // Apply custom text color\n    if (hasCustomTextColor) {\n      buttonStyle.color = colorValueToCSS(customTextColor)\n    }\n\n    // Apply custom border\n    const borderStyles = borderValueToCSS(customBorder)\n    if (borderStyles) {\n      Object.assign(buttonStyle, borderStyles)\n    }\n\n    // Apply custom size (only if mode is custom)\n    const customSizeStyles = sizeValueToCSS(size)\n    if (customSizeStyles) {\n      Object.assign(buttonStyle, customSizeStyles)\n    }\n\n    // Apply custom padding (overrides size padding if set)\n    const paddingCSS = paddingValueToCSS(customPadding)\n    if (paddingCSS) {\n      buttonStyle.padding = paddingCSS\n    }\n\n    // Apply transform\n    const transformStyles = transformValueToCSS(transform)\n    if (transformStyles) {\n      Object.assign(buttonStyle, transformStyles)\n    }\n\n    const buttonElement = link ? (\n      <a\n        href={link}\n        target={openInNewTab === 'yes' ? '_blank' : undefined}\n        rel={openInNewTab === 'yes' ? 'noopener noreferrer' : undefined}\n        className={buttonClasses}\n        style={buttonStyle}\n      >\n        {text}\n      </a>\n    ) : (\n      <button type=\"button\" className={buttonClasses} style={buttonStyle}>\n        {text}\n      </button>\n    )\n\n    const wrapperStyle: React.CSSProperties = {}\n    const marginCSS = marginValueToCSS(margin)\n    if (marginCSS) {\n      wrapperStyle.margin = marginCSS\n    }\n\n    // Get alignment value, defaulting to 'left'\n    const alignmentValue = alignment ?? 'left'\n\n    return (\n      <AnimatedWrapper\n        animation={animation}\n        className={alignmentWrapperMap[alignmentValue] || alignmentWrapperMap.left}\n        style={wrapperStyle}\n      >\n        {buttonElement}\n      </AnimatedWrapper>\n    )\n  },\n}\n"],"names":["cn","marginValueToCSS","paddingValueToCSS","colorValueToCSS","borderValueToCSS","transformValueToCSS","sizeValueToCSS","getSizeClasses","AnimatedWrapper","DEFAULT_BUTTON_VARIANTS","DEFAULT_FOCUS_RING","getVariantClasses","sizeStyles","sm","default","lg","alignmentWrapperMap","left","center","right","defaultProps","text","link","variant","size","openInNewTab","margin","customBackgroundColor","customTextColor","customBorder","alignment","transform","animation","customPadding","ButtonConfig","label","render","hasCustomBackground","hex","hasCustomTextColor","hasCustomPadding","hasCustomSize","mode","variantClasses","sizeClasses","buttonClasses","radius","buttonStyle","backgroundColor","color","borderStyles","Object","assign","customSizeStyles","paddingCSS","padding","transformStyles","buttonElement","a","href","target","undefined","rel","className","style","button","type","wrapperStyle","marginCSS","alignmentValue"],"mappings":"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"}

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

@@ -4,9 +4,9 @@
  * Content card with image, heading, and text.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type BackgroundValue, type BorderValue, type DimensionsValue, type AnimationValue, type TransformValue } from '../../fields/shared';
-import { type Alignment } from '../../fields/AlignmentField';
-import type { MediaReference } from '../../fields/MediaField';
+import { type PaddingValue, type BackgroundValue, type BorderValue, type DimensionsValue, type AnimationValue, type TransformValue } from '../../fields/shared.js';
+import { type Alignment } from '../../fields/AlignmentField.js';
+import type { MediaReference } from '../../fields/MediaField.js';
 export interface CardProps {
     image: MediaReference | null;
     heading: string;

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Card.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAUL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAQ5B,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAGlF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAY7D,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,OAAO,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;CACpC;AAmBD,eAAO,MAAM,UAAU,EAAE,eAwJxB,CAAA"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/interactive/Card.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAUL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAA;AAQ/B,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAGrF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAYhE,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,OAAO,CAAA;IACrB,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;CACpC;AAmBD,eAAO,MAAM,UAAU,EAAE,eAwJxB,CAAA"}