@delmaredigital/payload-puck 0.6.10 → 0.6.13

package/dist/components/typography/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/typography/Heading.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/typography/Heading.tsx"],"sourcesContent":["/**\n * Heading Component - Puck Configuration\n *\n * H1-H6 headings with customizable styling.\n * Supports custom margin for spacing control.\n */\n\nimport React, { createElement } from 'react'\nimport type { ComponentConfig } from '@puckeditor/core'\nimport {\n  headingLevelField,\n  headingLevelMap,\n  alignmentMap,\n  cn,\n  marginValueToCSS,\n  paddingValueToCSS,\n  colorValueToCSS,\n  dimensionsValueToCSS,\n  type PaddingValue,\n  type ColorValue,\n  type DimensionsValue,\n  type AnimationValue,\n} from '../../fields/shared.js'\nimport { AnimatedWrapper } from '../AnimatedWrapper.js'\nimport { createMarginField } from '../../fields/MarginField.js'\nimport { createPaddingField } from '../../fields/PaddingField.js'\nimport { createColorPickerField } from '../../fields/ColorPickerField.js'\nimport { createAlignmentField, type Alignment } from '../../fields/AlignmentField.js'\nimport { createDimensionsField } from '../../fields/DimensionsField.js'\nimport { createAnimationField } from '../../fields/AnimationField.js'\nimport { createResetField } from '../../fields/ResetField.js'\n\nexport interface HeadingProps {\n  text: string\n  level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  alignment: Alignment | null\n  textColor: ColorValue | null\n  dimensions: DimensionsValue | null\n  animation: AnimationValue | null\n  margin: PaddingValue | null\n  customPadding: PaddingValue | null\n}\n\nconst defaultProps: HeadingProps = {\n  text: 'Heading Text',\n  level: 'h2',\n  alignment: null,\n  textColor: null,\n  dimensions: null,\n  animation: null,\n  margin: null,\n  customPadding: null,\n}\n\nexport const HeadingConfig: ComponentConfig = {\n  label: 'Heading',\n  fields: {\n    _reset: createResetField({ defaultProps }),\n    text: {\n      type: 'text',\n      label: 'Text',\n    },\n    level: headingLevelField,\n    textColor: createColorPickerField({ label: 'Text Color' }),\n    dimensions: createDimensionsField({ label: 'Dimensions' }),\n    alignment: createAlignmentField({ label: 'Alignment' }),\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, level, alignment, textColor, dimensions, animation, margin, customPadding }) => {\n    const tag = level || 'h2'\n    const alignmentValue = alignment ?? 'left'\n    const classes = cn(\n      headingLevelMap[level] || headingLevelMap.h2,\n      alignmentMap[alignmentValue] || alignmentMap.left\n    )\n\n    const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined\n\n    const style: React.CSSProperties = {\n      ...dimensionsStyles,\n    }\n    const marginCSS = marginValueToCSS(margin)\n    if (marginCSS) {\n      style.margin = marginCSS\n    }\n    const paddingCSS = paddingValueToCSS(customPadding)\n    if (paddingCSS) {\n      style.padding = paddingCSS\n    }\n    // Apply text color from ColorValue\n    const colorCSS = colorValueToCSS(textColor)\n    if (colorCSS) {\n      style.color = colorCSS\n    }\n\n    const headingElement = createElement(tag, { className: classes, style: Object.keys(style).length > 0 ? style : undefined }, text)\n\n    return (\n      <AnimatedWrapper animation={animation}>\n        {headingElement}\n      </AnimatedWrapper>\n    )\n  },\n}\n"],"names":["React","createElement","headingLevelField","headingLevelMap","alignmentMap","cn","marginValueToCSS","paddingValueToCSS","colorValueToCSS","dimensionsValueToCSS","AnimatedWrapper","createMarginField","createPaddingField","createColorPickerField","createAlignmentField","createDimensionsField","createAnimationField","createResetField","defaultProps","text","level","alignment","textColor","dimensions","animation","margin","customPadding","HeadingConfig","label","fields","_reset","type","render","tag","alignmentValue","classes","h2","left","dimensionsStyles","undefined","style","marginCSS","paddingCSS","padding","colorCSS","color","headingElement","className","Object","keys","length"],"mappings":";AAAA;;;;;CAKC,GAED,OAAOA,SAASC,aAAa,QAAQ,QAAO;AAE5C,SACEC,iBAAiB,EACjBC,eAAe,EACfC,YAAY,EACZC,EAAE,EACFC,gBAAgB,EAChBC,iBAAiB,EACjBC,eAAe,EACfC,oBAAoB,QAKf,yBAAwB;AAC/B,SAASC,eAAe,QAAQ,wBAAuB;AACvD,SAASC,iBAAiB,QAAQ,8BAA6B;AAC/D,SAASC,kBAAkB,QAAQ,+BAA8B;AACjE,SAASC,sBAAsB,QAAQ,mCAAkC;AACzE,SAASC,oBAAoB,QAAwB,iCAAgC;AACrF,SAASC,qBAAqB,QAAQ,kCAAiC;AACvE,SAASC,oBAAoB,QAAQ,iCAAgC;AACrE,SAASC,gBAAgB,QAAQ,6BAA4B;AAa7D,MAAMC,eAA6B;IACjCC,MAAM;IACNC,OAAO;IACPC,WAAW;IACXC,WAAW;IACXC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,eAAe;AACjB;AAEA,OAAO,MAAMC,gBAAiC;IAC5CC,OAAO;IACPC,QAAQ;QACNC,QAAQb,iBAAiB;YAAEC;QAAa;QACxCC,MAAM;YACJY,MAAM;YACNH,OAAO;QACT;QACAR,OAAOlB;QACPoB,WAAWT,uBAAuB;YAAEe,OAAO;QAAa;QACxDL,YAAYR,sBAAsB;YAAEa,OAAO;QAAa;QACxDP,WAAWP,qBAAqB;YAAEc,OAAO;QAAY;QACrDJ,WAAWR,qBAAqB;YAAEY,OAAO;QAAY;QACrD,8BAA8B;QAC9BH,QAAQd,kBAAkB;YAAEiB,OAAO;QAAS;QAC5CF,eAAed,mBAAmB;YAAEgB,OAAO;QAAU;IACvD;IACAV;IACAc,QAAQ,CAAC,EAAEb,IAAI,EAAEC,KAAK,EAAEC,SAAS,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,aAAa,EAAE;QAC1F,MAAMO,MAAMb,SAAS;QACrB,MAAMc,iBAAiBb,aAAa;QACpC,MAAMc,UAAU9B,GACdF,eAAe,CAACiB,MAAM,IAAIjB,gBAAgBiC,EAAE,EAC5ChC,YAAY,CAAC8B,eAAe,IAAI9B,aAAaiC,IAAI;QAGnD,MAAMC,mBAAmBf,aAAad,qBAAqBc,cAAcgB;QAEzE,MAAMC,QAA6B;YACjC,GAAGF,gBAAgB;QACrB;QACA,MAAMG,YAAYnC,iBAAiBmB;QACnC,IAAIgB,WAAW;YACbD,MAAMf,MAAM,GAAGgB;QACjB;QACA,MAAMC,aAAanC,kBAAkBmB;QACrC,IAAIgB,YAAY;YACdF,MAAMG,OAAO,GAAGD;QAClB;QACA,mCAAmC;QACnC,MAAME,WAAWpC,gBAAgBc;QACjC,IAAIsB,UAAU;YACZJ,MAAMK,KAAK,GAAGD;QAChB;QAEA,MAAME,+BAAiB7C,cAAcgC,KAAK;YAAEc,WAAWZ;YAASK,OAAOQ,OAAOC,IAAI,CAACT,OAAOU,MAAM,GAAG,IAAIV,QAAQD;QAAU,GAAGpB;QAE5H,qBACE,KAACT;YAAgBc,WAAWA;sBACzBsB;;IAGP;AACF,EAAC"}

package/dist/components/typography/Heading.server.d.ts

@@ -5,8 +5,8 @@
  * This version excludes field definitions for server-side rendering.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared';
-import type { Alignment } from '../../fields/AlignmentField';
+import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared.js';
+import type { Alignment } from '../../fields/AlignmentField.js';
 export interface HeadingProps {
     text: string;
     level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';

package/dist/components/typography/Heading.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.server.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Heading.server.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE5D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC9C,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAaD,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,YAAY,CAsCvD,CAAA"}
+{"version":3,"file":"Heading.server.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Heading.server.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAA;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAE/D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAC9C,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAaD,eAAO,MAAM,aAAa,EAAE,eAAe,CAAC,YAAY,CAsCvD,CAAA"}

package/dist/components/typography/Heading.server.js

@@ -4,10 +4,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * H1-H6 headings with customizable styling.
  * This version excludes field definitions for server-side rendering.
- */
-import { createElement } from 'react';
-import { headingLevelMap, alignmentMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
+ */ import { createElement } from 'react';
+import { headingLevelMap, alignmentMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
 const defaultProps = {
     text: 'Heading Text',
     level: 'h2',
@@ -16,18 +15,18 @@ const defaultProps = {
     dimensions: null,
     animation: null,
     margin: null,
-    customPadding: null,
+    customPadding: null
 };
 export const HeadingConfig = {
     label: 'Heading',
     defaultProps,
-    render: ({ text, level, alignment, textColor, dimensions, animation, margin, customPadding }) => {
+    render: ({ text, level, alignment, textColor, dimensions, animation, margin, customPadding })=>{
         const tag = level || 'h2';
         const alignmentValue = alignment ?? 'left';
         const classes = cn(headingLevelMap[level] || headingLevelMap.h2, alignmentMap[alignmentValue] || alignmentMap.left);
         const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
         const style = {
-            ...dimensionsStyles,
+            ...dimensionsStyles
         };
         const marginCSS = marginValueToCSS(margin);
         if (marginCSS) {
@@ -42,8 +41,15 @@ export const HeadingConfig = {
         if (colorCSS) {
             style.color = colorCSS;
         }
-        const headingElement = createElement(tag, { className: classes, style: Object.keys(style).length > 0 ? style : undefined }, text);
-        return (_jsx(AnimatedWrapper, { animation: animation, children: headingElement }));
-    },
+        const headingElement = /*#__PURE__*/ createElement(tag, {
+            className: classes,
+            style: Object.keys(style).length > 0 ? style : undefined
+        }, text);
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            children: headingElement
+        });
+    }
 };
+
 //# sourceMappingURL=Heading.server.js.map

package/dist/components/typography/Heading.server.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.server.js","sourceRoot":"","sources":["../../../src/components/typography/Heading.server.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EACL,eAAe,EACf,YAAY,EACZ,EAAE,EACF,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,GAKrB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAcpD,MAAM,YAAY,GAAiB;IACjC,IAAI,EAAE,cAAc;IACpB,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,IAAI;CACpB,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAkC;IAC1D,KAAK,EAAE,SAAS;IAChB,YAAY;IACZ,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE;QAC9F,MAAM,GAAG,GAAG,KAAK,IAAI,IAAI,CAAA;QACzB,MAAM,cAAc,GAAG,SAAS,IAAI,MAAM,CAAA;QAC1C,MAAM,OAAO,GAAG,EAAE,CAChB,eAAe,CAAC,KAAK,CAAC,IAAI,eAAe,CAAC,EAAE,EAC5C,YAAY,CAAC,cAAc,CAAC,IAAI,YAAY,CAAC,IAAI,CAClD,CAAA;QAED,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAElF,MAAM,KAAK,GAAwB;YACjC,GAAG,gBAAgB;SACpB,CAAA;QACD,MAAM,SAAS,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,SAAS,EAAE,CAAC;YACd,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;QAC1B,CAAC;QACD,MAAM,UAAU,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAA;QACnD,IAAI,UAAU,EAAE,CAAC;YACf,KAAK,CAAC,OAAO,GAAG,UAAU,CAAA;QAC5B,CAAC;QACD,mCAAmC;QACnC,MAAM,QAAQ,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;QAC3C,IAAI,QAAQ,EAAE,CAAC;YACb,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAA;QACxB,CAAC;QAED,MAAM,cAAc,GAAG,aAAa,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,CAAA;QAEjI,OAAO,CACL,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,YAClC,cAAc,GACC,CACnB,CAAA;IACH,CAAC;CACF,CAAA"}
+{"version":3,"sources":["../../../src/components/typography/Heading.server.tsx"],"sourcesContent":["/**\n * Heading Component - Server-Safe Puck Configuration\n *\n * H1-H6 headings with customizable styling.\n * This version excludes field definitions for server-side rendering.\n */\n\nimport { createElement } from 'react'\nimport type { ComponentConfig } from '@puckeditor/core'\nimport {\n  headingLevelMap,\n  alignmentMap,\n  cn,\n  marginValueToCSS,\n  paddingValueToCSS,\n  colorValueToCSS,\n  dimensionsValueToCSS,\n  type PaddingValue,\n  type ColorValue,\n  type DimensionsValue,\n  type AnimationValue,\n} from '../../fields/shared.js'\nimport { AnimatedWrapper } from '../AnimatedWrapper.js'\nimport type { Alignment } from '../../fields/AlignmentField.js'\n\nexport interface HeadingProps {\n  text: string\n  level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n  alignment: Alignment | null\n  textColor: ColorValue | null\n  dimensions: DimensionsValue | null\n  animation: AnimationValue | null\n  margin: PaddingValue | null\n  customPadding: PaddingValue | null\n}\n\nconst defaultProps: HeadingProps = {\n  text: 'Heading Text',\n  level: 'h2',\n  alignment: null,\n  textColor: null,\n  dimensions: null,\n  animation: null,\n  margin: null,\n  customPadding: null,\n}\n\nexport const HeadingConfig: ComponentConfig<HeadingProps> = {\n  label: 'Heading',\n  defaultProps,\n  render: ({ text, level, alignment, textColor, dimensions, animation, margin, customPadding }) => {\n    const tag = level || 'h2'\n    const alignmentValue = alignment ?? 'left'\n    const classes = cn(\n      headingLevelMap[level] || headingLevelMap.h2,\n      alignmentMap[alignmentValue] || alignmentMap.left\n    )\n\n    const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined\n\n    const style: React.CSSProperties = {\n      ...dimensionsStyles,\n    }\n    const marginCSS = marginValueToCSS(margin)\n    if (marginCSS) {\n      style.margin = marginCSS\n    }\n    const paddingCSS = paddingValueToCSS(customPadding)\n    if (paddingCSS) {\n      style.padding = paddingCSS\n    }\n    // Apply text color from ColorValue\n    const colorCSS = colorValueToCSS(textColor)\n    if (colorCSS) {\n      style.color = colorCSS\n    }\n\n    const headingElement = createElement(tag, { className: classes, style: Object.keys(style).length > 0 ? style : undefined }, text)\n\n    return (\n      <AnimatedWrapper animation={animation}>\n        {headingElement}\n      </AnimatedWrapper>\n    )\n  },\n}\n"],"names":["createElement","headingLevelMap","alignmentMap","cn","marginValueToCSS","paddingValueToCSS","colorValueToCSS","dimensionsValueToCSS","AnimatedWrapper","defaultProps","text","level","alignment","textColor","dimensions","animation","margin","customPadding","HeadingConfig","label","render","tag","alignmentValue","classes","h2","left","dimensionsStyles","undefined","style","marginCSS","paddingCSS","padding","colorCSS","color","headingElement","className","Object","keys","length"],"mappings":";AAAA;;;;;CAKC,GAED,SAASA,aAAa,QAAQ,QAAO;AAErC,SACEC,eAAe,EACfC,YAAY,EACZC,EAAE,EACFC,gBAAgB,EAChBC,iBAAiB,EACjBC,eAAe,EACfC,oBAAoB,QAKf,yBAAwB;AAC/B,SAASC,eAAe,QAAQ,wBAAuB;AAcvD,MAAMC,eAA6B;IACjCC,MAAM;IACNC,OAAO;IACPC,WAAW;IACXC,WAAW;IACXC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,eAAe;AACjB;AAEA,OAAO,MAAMC,gBAA+C;IAC1DC,OAAO;IACPV;IACAW,QAAQ,CAAC,EAAEV,IAAI,EAAEC,KAAK,EAAEC,SAAS,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,aAAa,EAAE;QAC1F,MAAMI,MAAMV,SAAS;QACrB,MAAMW,iBAAiBV,aAAa;QACpC,MAAMW,UAAUpB,GACdF,eAAe,CAACU,MAAM,IAAIV,gBAAgBuB,EAAE,EAC5CtB,YAAY,CAACoB,eAAe,IAAIpB,aAAauB,IAAI;QAGnD,MAAMC,mBAAmBZ,aAAaP,qBAAqBO,cAAca;QAEzE,MAAMC,QAA6B;YACjC,GAAGF,gBAAgB;QACrB;QACA,MAAMG,YAAYzB,iBAAiBY;QACnC,IAAIa,WAAW;YACbD,MAAMZ,MAAM,GAAGa;QACjB;QACA,MAAMC,aAAazB,kBAAkBY;QACrC,IAAIa,YAAY;YACdF,MAAMG,OAAO,GAAGD;QAClB;QACA,mCAAmC;QACnC,MAAME,WAAW1B,gBAAgBO;QACjC,IAAImB,UAAU;YACZJ,MAAMK,KAAK,GAAGD;QAChB;QAEA,MAAME,+BAAiBlC,cAAcqB,KAAK;YAAEc,WAAWZ;YAASK,OAAOQ,OAAOC,IAAI,CAACT,OAAOU,MAAM,GAAG,IAAIV,QAAQD;QAAU,GAAGjB;QAE5H,qBACE,KAACF;YAAgBO,WAAWA;sBACzBmB;;IAGP;AACF,EAAC"}

package/dist/components/typography/RichText.editor.d.ts

@@ -12,7 +12,7 @@
  */
 import React from 'react';
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type DimensionsValue } from '../../fields/shared';
+import { type PaddingValue, type DimensionsValue } from '../../fields/shared.js';
 export interface RichTextEditorProps {
     content: React.ReactNode;
     dimensions: DimensionsValue | null;

package/dist/components/typography/RichText.editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichText.editor.d.ts","sourceRoot":"","sources":["../../../src/components/typography/RichText.editor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAA;AAO5B,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;IAClC,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AA0DD,eAAO,MAAM,oBAAoB,EAAE,eAsBlC,CAAA"}
+{"version":3,"file":"RichText.editor.d.ts","sourceRoot":"","sources":["../../../src/components/typography/RichText.editor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,eAAe,EACrB,MAAM,wBAAwB,CAAA;AAO/B,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;IAClC,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AA0DD,eAAO,MAAM,oBAAoB,EAAE,eAsBlC,CAAA"}

package/dist/components/typography/RichText.editor.js

@@ -11,28 +11,27 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * Supports contentEditable for inline canvas editing.
  * Requires @tailwindcss/typography - uses the `prose` class for styling.
- */
-import { useMemo } from 'react';
-import { marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS, } from '../../fields/shared';
-import { createMarginField } from '../../fields/MarginField';
-import { createPaddingField } from '../../fields/PaddingField';
-import { createDimensionsField } from '../../fields/DimensionsField';
-import { createResetField } from '../../fields/ResetField';
-import { createRichTextField } from '../../fields/richtext';
+ */ import React, { useMemo } from 'react';
+import { marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS } from '../../fields/shared.js';
+import { createMarginField } from '../../fields/MarginField.js';
+import { createPaddingField } from '../../fields/PaddingField.js';
+import { createDimensionsField } from '../../fields/DimensionsField.js';
+import { createResetField } from '../../fields/ResetField.js';
+import { createRichTextField } from '../../fields/richtext/index.js';
 const defaultProps = {
     content: '<p>Click to start editing...</p>',
     dimensions: null,
     margin: null,
-    customPadding: null,
+    customPadding: null
 };
 // =============================================================================
 // Render Component for Editor Config
 // =============================================================================
 // Uses Puck's native richtext field which supports inline contentEditable editing.
 // Content is rendered directly as {content} - Puck handles the rest.
-function RichTextRender({ content, dimensions, margin, customPadding, }) {
+function RichTextRender({ content, dimensions, margin, customPadding }) {
     // Build styles
-    const style = useMemo(() => {
+    const style = useMemo(()=>{
         const s = {};
         const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
         if (dimensionsStyles) {
@@ -47,11 +46,22 @@ function RichTextRender({ content, dimensions, margin, customPadding, }) {
             s.padding = customPaddingCSS;
         }
         return Object.keys(s).length > 0 ? s : undefined;
-    }, [dimensions, margin, customPadding]);
+    }, [
+        dimensions,
+        margin,
+        customPadding
+    ]);
     // Render content directly - Puck's richtext field handles both:
     // - Editor: Returns React elements for contentEditable inline editing
     // - Frontend <Render>: Returns HTML string which React renders
-    return (_jsx("section", { className: "relative overflow-hidden", style: style, children: _jsx("div", { className: "prose dark:prose-invert max-w-none", children: content }) }));
+    return /*#__PURE__*/ _jsx("section", {
+        className: "relative overflow-hidden",
+        style: style,
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "prose dark:prose-invert max-w-none",
+            children: content
+        })
+    });
 }
 // =============================================================================
 // Puck Component Config
@@ -59,16 +69,31 @@ function RichTextRender({ content, dimensions, margin, customPadding, }) {
 export const RichTextEditorConfig = {
     label: 'Rich Text',
     fields: {
-        _reset: createResetField({ defaultProps }),
+        _reset: createResetField({
+            defaultProps
+        }),
         content: createRichTextField({
             label: 'Content',
-            contentEditable: true, // Enable inline canvas editing
+            contentEditable: true
+        }),
+        dimensions: createDimensionsField({
+            label: 'Dimensions'
+        }),
+        margin: createMarginField({
+            label: 'Margin'
         }),
-        dimensions: createDimensionsField({ label: 'Dimensions' }),
-        margin: createMarginField({ label: 'Margin' }),
-        customPadding: createPaddingField({ label: 'Padding' }),
+        customPadding: createPaddingField({
+            label: 'Padding'
+        })
     },
     defaultProps,
-    render: (props) => (_jsx(RichTextRender, { content: props.content, dimensions: props.dimensions, margin: props.margin, customPadding: props.customPadding, id: props.id })),
+    render: (props)=>/*#__PURE__*/ _jsx(RichTextRender, {
+            content: props.content,
+            dimensions: props.dimensions,
+            margin: props.margin,
+            customPadding: props.customPadding,
+            id: props.id
+        })
 };
+
 //# sourceMappingURL=RichText.editor.js.map

package/dist/components/typography/RichText.editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichText.editor.js","sourceRoot":"","sources":["../../../src/components/typography/RichText.editor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/typography/RichText.editor.tsx"],"sourcesContent":["'use client'\n\n/**\n * RichText Component - Puck Editor Configuration\n *\n * Uses Puck's native richtext field with custom extensions for:\n * - Text colors with opacity (RGBA)\n * - Highlight with multicolor support\n * - Font sizes (presets + custom)\n * - Superscript and subscript\n *\n * Supports contentEditable for inline canvas editing.\n * Requires @tailwindcss/typography - uses the `prose` class for styling.\n */\n\nimport React, { useMemo } from 'react'\nimport type { ComponentConfig } from '@puckeditor/core'\nimport {\n  marginValueToCSS,\n  paddingValueToCSS,\n  dimensionsValueToCSS,\n  type PaddingValue,\n  type DimensionsValue,\n} from '../../fields/shared.js'\nimport { createMarginField } from '../../fields/MarginField.js'\nimport { createPaddingField } from '../../fields/PaddingField.js'\nimport { createDimensionsField } from '../../fields/DimensionsField.js'\nimport { createResetField } from '../../fields/ResetField.js'\nimport { createRichTextField } from '../../fields/richtext/index.js'\n\nexport interface RichTextEditorProps {\n  content: React.ReactNode // Puck richtext returns React elements for contentEditable\n  dimensions: DimensionsValue | null\n  margin: PaddingValue | null\n  customPadding: PaddingValue | null\n  id?: string // Puck adds this automatically\n}\n\nconst defaultProps: RichTextEditorProps = {\n  content: '<p>Click to start editing...</p>',\n  dimensions: null,\n  margin: null,\n  customPadding: null,\n}\n\n// =============================================================================\n// Render Component for Editor Config\n// =============================================================================\n\n// Uses Puck's native richtext field which supports inline contentEditable editing.\n// Content is rendered directly as {content} - Puck handles the rest.\n\nfunction RichTextRender({\n  content,\n  dimensions,\n  margin,\n  customPadding,\n}: RichTextEditorProps) {\n  // Build styles\n  const style = useMemo(() => {\n    const s: React.CSSProperties = {}\n\n    const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined\n    if (dimensionsStyles) {\n      Object.assign(s, dimensionsStyles)\n    }\n\n    const marginCSS = marginValueToCSS(margin)\n    if (marginCSS) {\n      s.margin = marginCSS\n    }\n\n    const customPaddingCSS = paddingValueToCSS(customPadding)\n    if (customPaddingCSS) {\n      s.padding = customPaddingCSS\n    }\n\n    return Object.keys(s).length > 0 ? s : undefined\n  }, [dimensions, margin, customPadding])\n\n  // Render content directly - Puck's richtext field handles both:\n  // - Editor: Returns React elements for contentEditable inline editing\n  // - Frontend <Render>: Returns HTML string which React renders\n  return (\n    <section className=\"relative overflow-hidden\" style={style}>\n      <div className=\"prose dark:prose-invert max-w-none\">{content}</div>\n    </section>\n  )\n}\n\n// =============================================================================\n// Puck Component Config\n// =============================================================================\n\nexport const RichTextEditorConfig: ComponentConfig = {\n  label: 'Rich Text',\n  fields: {\n    _reset: createResetField({ defaultProps }),\n    content: createRichTextField({\n      label: 'Content',\n      contentEditable: true, // Enable inline canvas editing\n    }),\n    dimensions: createDimensionsField({ label: 'Dimensions' }),\n    margin: createMarginField({ label: 'Margin' }),\n    customPadding: createPaddingField({ label: 'Padding' }),\n  },\n  defaultProps,\n  render: (props) => (\n    <RichTextRender\n      content={props.content}\n      dimensions={props.dimensions}\n      margin={props.margin}\n      customPadding={props.customPadding}\n      id={props.id}\n    />\n  ),\n}\n"],"names":["React","useMemo","marginValueToCSS","paddingValueToCSS","dimensionsValueToCSS","createMarginField","createPaddingField","createDimensionsField","createResetField","createRichTextField","defaultProps","content","dimensions","margin","customPadding","RichTextRender","style","s","dimensionsStyles","undefined","Object","assign","marginCSS","customPaddingCSS","padding","keys","length","section","className","div","RichTextEditorConfig","label","fields","_reset","contentEditable","render","props","id"],"mappings":"AAAA;;AAEA;;;;;;;;;;;CAWC,GAED,OAAOA,SAASC,OAAO,QAAQ,QAAO;AAEtC,SACEC,gBAAgB,EAChBC,iBAAiB,EACjBC,oBAAoB,QAGf,yBAAwB;AAC/B,SAASC,iBAAiB,QAAQ,8BAA6B;AAC/D,SAASC,kBAAkB,QAAQ,+BAA8B;AACjE,SAASC,qBAAqB,QAAQ,kCAAiC;AACvE,SAASC,gBAAgB,QAAQ,6BAA4B;AAC7D,SAASC,mBAAmB,QAAQ,iCAAgC;AAUpE,MAAMC,eAAoC;IACxCC,SAAS;IACTC,YAAY;IACZC,QAAQ;IACRC,eAAe;AACjB;AAEA,gFAAgF;AAChF,qCAAqC;AACrC,gFAAgF;AAEhF,mFAAmF;AACnF,qEAAqE;AAErE,SAASC,eAAe,EACtBJ,OAAO,EACPC,UAAU,EACVC,MAAM,EACNC,aAAa,EACO;IACpB,eAAe;IACf,MAAME,QAAQf,QAAQ;QACpB,MAAMgB,IAAyB,CAAC;QAEhC,MAAMC,mBAAmBN,aAAaR,qBAAqBQ,cAAcO;QACzE,IAAID,kBAAkB;YACpBE,OAAOC,MAAM,CAACJ,GAAGC;QACnB;QAEA,MAAMI,YAAYpB,iBAAiBW;QACnC,IAAIS,WAAW;YACbL,EAAEJ,MAAM,GAAGS;QACb;QAEA,MAAMC,mBAAmBpB,kBAAkBW;QAC3C,IAAIS,kBAAkB;YACpBN,EAAEO,OAAO,GAAGD;QACd;QAEA,OAAOH,OAAOK,IAAI,CAACR,GAAGS,MAAM,GAAG,IAAIT,IAAIE;IACzC,GAAG;QAACP;QAAYC;QAAQC;KAAc;IAEtC,gEAAgE;IAChE,sEAAsE;IACtE,+DAA+D;IAC/D,qBACE,KAACa;QAAQC,WAAU;QAA2BZ,OAAOA;kBACnD,cAAA,KAACa;YAAID,WAAU;sBAAsCjB;;;AAG3D;AAEA,gFAAgF;AAChF,wBAAwB;AACxB,gFAAgF;AAEhF,OAAO,MAAMmB,uBAAwC;IACnDC,OAAO;IACPC,QAAQ;QACNC,QAAQzB,iBAAiB;YAAEE;QAAa;QACxCC,SAASF,oBAAoB;YAC3BsB,OAAO;YACPG,iBAAiB;QACnB;QACAtB,YAAYL,sBAAsB;YAAEwB,OAAO;QAAa;QACxDlB,QAAQR,kBAAkB;YAAE0B,OAAO;QAAS;QAC5CjB,eAAeR,mBAAmB;YAAEyB,OAAO;QAAU;IACvD;IACArB;IACAyB,QAAQ,CAACC,sBACP,KAACrB;YACCJ,SAASyB,MAAMzB,OAAO;YACtBC,YAAYwB,MAAMxB,UAAU;YAC5BC,QAAQuB,MAAMvB,MAAM;YACpBC,eAAesB,MAAMtB,aAAa;YAClCuB,IAAID,MAAMC,EAAE;;AAGlB,EAAC"}

package/dist/components/typography/RichText.server.d.ts

@@ -8,8 +8,8 @@
  */
 import React from 'react';
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type DimensionsValue, type ColorValue, type AnimationValue } from '../../fields/shared';
-import type { Alignment } from '../../fields/AlignmentField';
+import { type PaddingValue, type DimensionsValue, type ColorValue, type AnimationValue } from '../../fields/shared.js';
+import type { Alignment } from '../../fields/AlignmentField.js';
 export interface RichTextProps {
     content: React.ReactNode;
     alignment: Alignment | null;

package/dist/components/typography/RichText.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichText.server.d.ts","sourceRoot":"","sources":["../../../src/components/typography/RichText.server.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAY5D,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAYD,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,aAAa,CA8CzD,CAAA"}
+{"version":3,"file":"RichText.server.d.ts","sourceRoot":"","sources":["../../../src/components/typography/RichText.server.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAA;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAY/D,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAYD,eAAO,MAAM,cAAc,EAAE,eAAe,CAAC,aAAa,CA8CzD,CAAA"}

package/dist/components/typography/RichText.server.js

@@ -1,7 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * RichText Component - Server-Safe Puck Configuration
+ *
+ * Rich text content with customizable styling.
+ * This version excludes field definitions for server-side rendering.
+ *
+ * Requires @tailwindcss/typography - uses the `prose` class for styling.
+ */ import React from 'react';
 import parse from 'html-react-parser';
-import { cn, marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS, colorValueToCSS, alignmentMap, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
+import { cn, marginValueToCSS, paddingValueToCSS, dimensionsValueToCSS, colorValueToCSS, alignmentMap } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
 // Default padding with standard horizontal spacing (replaces hardcoded px-4)
 const DEFAULT_PADDING = {
     top: 0,
@@ -9,7 +17,7 @@ const DEFAULT_PADDING = {
     bottom: 0,
     left: 16,
     unit: 'px',
-    linked: false,
+    linked: false
 };
 const defaultProps = {
     content: '<p>Enter your content here...</p>',
@@ -18,15 +26,15 @@ const defaultProps = {
     dimensions: null,
     animation: null,
     margin: null,
-    customPadding: DEFAULT_PADDING, // Default 16px horizontal padding
+    customPadding: DEFAULT_PADDING
 };
 export const RichTextConfig = {
     label: 'Rich Text',
     defaultProps,
-    render: ({ content, alignment, textColor, dimensions, animation, margin, customPadding }) => {
+    render: ({ content, alignment, textColor, dimensions, animation, margin, customPadding })=>{
         const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
         const style = {
-            ...dimensionsStyles,
+            ...dimensionsStyles
         };
         const marginCSS = marginValueToCSS(margin);
         if (marginCSS) {
@@ -44,14 +52,25 @@ export const RichTextConfig = {
         const alignmentValue = alignment ?? 'left';
         const alignmentClass = alignmentMap[alignmentValue] || alignmentMap.left;
         // Handle empty content - check for null/undefined or empty string
-        const isEmpty = !content || (typeof content === 'string' && (content === '' || content === '<p></p>'));
+        const isEmpty = !content || typeof content === 'string' && (content === '' || content === '<p></p>');
         // Parse HTML strings to React elements, pass through React elements as-is
-        const renderedContent = isEmpty
-            ? _jsx("p", { children: _jsx("em", { children: "No content available" }) })
-            : typeof content === 'string'
-                ? parse(content)
-                : content;
-        return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("section", { className: cn('relative overflow-hidden', alignmentClass), style: Object.keys(style).length > 0 ? style : undefined, children: _jsx("div", { className: "prose dark:prose-invert max-w-none", children: renderedContent }) }) }));
-    },
+        const renderedContent = isEmpty ? /*#__PURE__*/ _jsx("p", {
+            children: /*#__PURE__*/ _jsx("em", {
+                children: "No content available"
+            })
+        }) : typeof content === 'string' ? parse(content) : content;
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            children: /*#__PURE__*/ _jsx("section", {
+                className: cn('relative overflow-hidden', alignmentClass),
+                style: Object.keys(style).length > 0 ? style : undefined,
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: "prose dark:prose-invert max-w-none",
+                    children: renderedContent
+                })
+            })
+        });
+    }
 };
+
 //# sourceMappingURL=RichText.server.js.map

package/dist/components/typography/RichText.server.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichText.server.js","sourceRoot":"","sources":["../../../src/components/typography/RichText.server.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,MAAM,mBAAmB,CAAA;AACrC,OAAO,EACL,EAAE,EACF,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,eAAe,EACf,YAAY,GAKb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD,6EAA6E;AAC7E,MAAM,eAAe,GAAiB;IACpC,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,KAAK;CACd,CAAA;AAYD,MAAM,YAAY,GAAkB;IAClC,OAAO,EAAE,mCAAmC;IAC5C,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAChB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,eAAe,EAAE,kCAAkC;CACnE,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAmC;IAC5D,KAAK,EAAE,WAAW;IAClB,YAAY;IACZ,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,EAAE,EAAE;QAC1F,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QAElF,MAAM,KAAK,GAAwB;YACjC,GAAG,gBAAgB;SACpB,CAAA;QACD,MAAM,SAAS,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;QAC1C,IAAI,SAAS,EAAE,CAAC;YACd,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;QAC1B,CAAC;QACD,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAA;QACzD,IAAI,gBAAgB,EAAE,CAAC;YACrB,KAAK,CAAC,OAAO,GAAG,gBAAgB,CAAA;QAClC,CAAC;QACD,mCAAmC;QACnC,MAAM,QAAQ,GAAG,eAAe,CAAC,SAAS,CAAC,CAAA;QAC3C,IAAI,QAAQ,EAAE,CAAC;YACb,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAA;QACxB,CAAC;QAED,MAAM,cAAc,GAAG,SAAS,IAAI,MAAM,CAAA;QAC1C,MAAM,cAAc,GAAG,YAAY,CAAC,cAAc,CAAC,IAAI,YAAY,CAAC,IAAI,CAAA;QAExE,kEAAkE;QAClE,MAAM,OAAO,GAAG,CAAC,OAAO,IAAI,CAAC,OAAO,OAAO,KAAK,QAAQ,IAAI,CAAC,OAAO,KAAK,EAAE,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAA;QAEtG,0EAA0E;QAC1E,MAAM,eAAe,GAAG,OAAO;YAC7B,CAAC,CAAC,sBAAG,gDAA6B,GAAI;YACtC,CAAC,CAAC,OAAO,OAAO,KAAK,QAAQ;gBAC3B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;gBAChB,CAAC,CAAC,OAAO,CAAA;QAEb,OAAO,CACL,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,YACnC,kBAAS,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,YAC1H,cAAK,SAAS,EAAC,oCAAoC,YAChD,eAAe,GACZ,GACE,GACM,CACnB,CAAA;IACH,CAAC;CACF,CAAA"}
+{"version":3,"sources":["../../../src/components/typography/RichText.server.tsx"],"sourcesContent":["/**\n * RichText Component - Server-Safe Puck Configuration\n *\n * Rich text content with customizable styling.\n * This version excludes field definitions for server-side rendering.\n *\n * Requires @tailwindcss/typography - uses the `prose` class for styling.\n */\n\nimport React from 'react'\nimport type { ComponentConfig } from '@puckeditor/core'\nimport parse from 'html-react-parser'\nimport {\n  cn,\n  marginValueToCSS,\n  paddingValueToCSS,\n  dimensionsValueToCSS,\n  colorValueToCSS,\n  alignmentMap,\n  type PaddingValue,\n  type DimensionsValue,\n  type ColorValue,\n  type AnimationValue,\n} from '../../fields/shared.js'\nimport { AnimatedWrapper } from '../AnimatedWrapper.js'\nimport type { Alignment } from '../../fields/AlignmentField.js'\n\n// Default padding with standard horizontal spacing (replaces hardcoded px-4)\nconst DEFAULT_PADDING: PaddingValue = {\n  top: 0,\n  right: 16,\n  bottom: 0,\n  left: 16,\n  unit: 'px',\n  linked: false,\n}\n\nexport interface RichTextProps {\n  content: React.ReactNode // Puck richtext returns React elements or HTML strings\n  alignment: Alignment | null\n  textColor: ColorValue | null\n  dimensions: DimensionsValue | null\n  animation: AnimationValue | null\n  margin: PaddingValue | null\n  customPadding: PaddingValue | null\n}\n\nconst defaultProps: RichTextProps = {\n  content: '<p>Enter your content here...</p>',\n  alignment: null,\n  textColor: null,\n  dimensions: null,\n  animation: null,\n  margin: null,\n  customPadding: DEFAULT_PADDING, // Default 16px horizontal padding\n}\n\nexport const RichTextConfig: ComponentConfig<RichTextProps> = {\n  label: 'Rich Text',\n  defaultProps,\n  render: ({ content, alignment, textColor, dimensions, animation, margin, customPadding }) => {\n    const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined\n\n    const style: React.CSSProperties = {\n      ...dimensionsStyles,\n    }\n    const marginCSS = marginValueToCSS(margin)\n    if (marginCSS) {\n      style.margin = marginCSS\n    }\n    const customPaddingCSS = paddingValueToCSS(customPadding)\n    if (customPaddingCSS) {\n      style.padding = customPaddingCSS\n    }\n    // Apply text color from ColorValue\n    const colorCSS = colorValueToCSS(textColor)\n    if (colorCSS) {\n      style.color = colorCSS\n    }\n\n    const alignmentValue = alignment ?? 'left'\n    const alignmentClass = alignmentMap[alignmentValue] || alignmentMap.left\n\n    // Handle empty content - check for null/undefined or empty string\n    const isEmpty = !content || (typeof content === 'string' && (content === '' || content === '<p></p>'))\n\n    // Parse HTML strings to React elements, pass through React elements as-is\n    const renderedContent = isEmpty\n      ? <p><em>No content available</em></p>\n      : typeof content === 'string'\n        ? parse(content)\n        : content\n\n    return (\n      <AnimatedWrapper animation={animation}>\n        <section className={cn('relative overflow-hidden', alignmentClass)} style={Object.keys(style).length > 0 ? style : undefined}>\n          <div className=\"prose dark:prose-invert max-w-none\">\n            {renderedContent}\n          </div>\n        </section>\n      </AnimatedWrapper>\n    )\n  },\n}\n"],"names":["React","parse","cn","marginValueToCSS","paddingValueToCSS","dimensionsValueToCSS","colorValueToCSS","alignmentMap","AnimatedWrapper","DEFAULT_PADDING","top","right","bottom","left","unit","linked","defaultProps","content","alignment","textColor","dimensions","animation","margin","customPadding","RichTextConfig","label","render","dimensionsStyles","undefined","style","marginCSS","customPaddingCSS","padding","colorCSS","color","alignmentValue","alignmentClass","isEmpty","renderedContent","p","em","section","className","Object","keys","length","div"],"mappings":";AAAA;;;;;;;CAOC,GAED,OAAOA,WAAW,QAAO;AAEzB,OAAOC,WAAW,oBAAmB;AACrC,SACEC,EAAE,EACFC,gBAAgB,EAChBC,iBAAiB,EACjBC,oBAAoB,EACpBC,eAAe,EACfC,YAAY,QAKP,yBAAwB;AAC/B,SAASC,eAAe,QAAQ,wBAAuB;AAGvD,6EAA6E;AAC7E,MAAMC,kBAAgC;IACpCC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC,MAAM;IACNC,MAAM;IACNC,QAAQ;AACV;AAYA,MAAMC,eAA8B;IAClCC,SAAS;IACTC,WAAW;IACXC,WAAW;IACXC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,eAAed;AACjB;AAEA,OAAO,MAAMe,iBAAiD;IAC5DC,OAAO;IACPT;IACAU,QAAQ,CAAC,EAAET,OAAO,EAAEC,SAAS,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,aAAa,EAAE;QACtF,MAAMI,mBAAmBP,aAAaf,qBAAqBe,cAAcQ;QAEzE,MAAMC,QAA6B;YACjC,GAAGF,gBAAgB;QACrB;QACA,MAAMG,YAAY3B,iBAAiBmB;QACnC,IAAIQ,WAAW;YACbD,MAAMP,MAAM,GAAGQ;QACjB;QACA,MAAMC,mBAAmB3B,kBAAkBmB;QAC3C,IAAIQ,kBAAkB;YACpBF,MAAMG,OAAO,GAAGD;QAClB;QACA,mCAAmC;QACnC,MAAME,WAAW3B,gBAAgBa;QACjC,IAAIc,UAAU;YACZJ,MAAMK,KAAK,GAAGD;QAChB;QAEA,MAAME,iBAAiBjB,aAAa;QACpC,MAAMkB,iBAAiB7B,YAAY,CAAC4B,eAAe,IAAI5B,aAAaM,IAAI;QAExE,kEAAkE;QAClE,MAAMwB,UAAU,CAACpB,WAAY,OAAOA,YAAY,YAAaA,CAAAA,YAAY,MAAMA,YAAY,SAAQ;QAEnG,0EAA0E;QAC1E,MAAMqB,kBAAkBD,wBACpB,KAACE;sBAAE,cAAA,KAACC;0BAAG;;aACP,OAAOvB,YAAY,WACjBhB,MAAMgB,WACNA;QAEN,qBACE,KAACT;YAAgBa,WAAWA;sBAC1B,cAAA,KAACoB;gBAAQC,WAAWxC,GAAG,4BAA4BkC;gBAAiBP,OAAOc,OAAOC,IAAI,CAACf,OAAOgB,MAAM,GAAG,IAAIhB,QAAQD;0BACjH,cAAA,KAACkB;oBAAIJ,WAAU;8BACZJ;;;;IAKX;AACF,EAAC"}

package/dist/components/typography/Text.d.ts

@@ -4,8 +4,8 @@
  * Simple paragraph text with customizable styling.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared';
-import { type Alignment } from '../../fields/AlignmentField';
+import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared.js';
+import { type Alignment } from '../../fields/AlignmentField.js';
 export interface TextProps {
     content: string;
     size: string;

package/dist/components/typography/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Text.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EASL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAK5B,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAKlF,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAaD,eAAO,MAAM,UAAU,EAAE,eAsDxB,CAAA"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Text.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EASL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAA;AAK/B,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAKrF,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAaD,eAAO,MAAM,UAAU,EAAE,eAsDxB,CAAA"}

package/dist/components/typography/Text.js

@@ -1,13 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { textSizeField, textSizeMap, alignmentMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS, } from '../../fields/shared';
-import { AnimatedWrapper } from '../AnimatedWrapper';
-import { createMarginField } from '../../fields/MarginField';
-import { createPaddingField } from '../../fields/PaddingField';
-import { createColorPickerField } from '../../fields/ColorPickerField';
-import { createAlignmentField } from '../../fields/AlignmentField';
-import { createDimensionsField } from '../../fields/DimensionsField';
-import { createAnimationField } from '../../fields/AnimationField';
-import { createResetField } from '../../fields/ResetField';
+/**
+ * Text Component - Puck Configuration
+ *
+ * Simple paragraph text with customizable styling.
+ */ import { jsx as _jsx } from "react/jsx-runtime";
+import { textSizeField, textSizeMap, alignmentMap, cn, marginValueToCSS, paddingValueToCSS, colorValueToCSS, dimensionsValueToCSS } from '../../fields/shared.js';
+import { AnimatedWrapper } from '../AnimatedWrapper.js';
+import { createMarginField } from '../../fields/MarginField.js';
+import { createPaddingField } from '../../fields/PaddingField.js';
+import { createColorPickerField } from '../../fields/ColorPickerField.js';
+import { createAlignmentField } from '../../fields/AlignmentField.js';
+import { createDimensionsField } from '../../fields/DimensionsField.js';
+import { createAnimationField } from '../../fields/AnimationField.js';
+import { createResetField } from '../../fields/ResetField.js';
 const defaultProps = {
     content: 'Enter your text here...',
     size: 'base',
@@ -16,30 +20,44 @@ const defaultProps = {
     dimensions: null,
     animation: null,
     margin: null,
-    customPadding: null,
+    customPadding: null
 };
 export const TextConfig = {
     label: 'Text',
     fields: {
-        _reset: createResetField({ defaultProps }),
+        _reset: createResetField({
+            defaultProps
+        }),
         content: {
             type: 'textarea',
-            label: 'Content',
+            label: 'Content'
         },
         size: textSizeField,
-        textColor: createColorPickerField({ label: 'Text Color' }),
-        dimensions: createDimensionsField({ label: 'Dimensions' }),
-        alignment: createAlignmentField({ label: 'Alignment' }),
-        animation: createAnimationField({ label: 'Animation' }),
+        textColor: createColorPickerField({
+            label: 'Text Color'
+        }),
+        dimensions: createDimensionsField({
+            label: 'Dimensions'
+        }),
+        alignment: createAlignmentField({
+            label: 'Alignment'
+        }),
+        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: ({ content, size, alignment, textColor, dimensions, animation, margin, customPadding }) => {
+    render: ({ content, size, alignment, textColor, dimensions, animation, margin, customPadding })=>{
         const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined;
         const style = {
-            ...dimensionsStyles,
+            ...dimensionsStyles
         };
         const marginCSS = marginValueToCSS(margin);
         if (marginCSS) {
@@ -55,7 +73,15 @@ export const TextConfig = {
             style.color = colorCSS;
         }
         const alignmentValue = alignment ?? 'left';
-        return (_jsx(AnimatedWrapper, { animation: animation, children: _jsx("p", { className: cn(textSizeMap[size] || textSizeMap.base, alignmentMap[alignmentValue] || alignmentMap.left), style: Object.keys(style).length > 0 ? style : undefined, children: content }) }));
-    },
+        return /*#__PURE__*/ _jsx(AnimatedWrapper, {
+            animation: animation,
+            children: /*#__PURE__*/ _jsx("p", {
+                className: cn(textSizeMap[size] || textSizeMap.base, alignmentMap[alignmentValue] || alignmentMap.left),
+                style: Object.keys(style).length > 0 ? style : undefined,
+                children: content
+            })
+        });
+    }
 };
+
 //# sourceMappingURL=Text.js.map

package/dist/components/typography/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/typography/Text.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/typography/Text.tsx"],"sourcesContent":["/**\n * Text Component - Puck Configuration\n *\n * Simple paragraph text with customizable styling.\n */\n\nimport type React from 'react'\nimport type { ComponentConfig } from '@puckeditor/core'\nimport {\n  textSizeField,\n  textSizeMap,\n  alignmentMap,\n  cn,\n  marginValueToCSS,\n  paddingValueToCSS,\n  colorValueToCSS,\n  dimensionsValueToCSS,\n  type PaddingValue,\n  type ColorValue,\n  type DimensionsValue,\n  type AnimationValue,\n} from '../../fields/shared.js'\nimport { AnimatedWrapper } from '../AnimatedWrapper.js'\nimport { createMarginField } from '../../fields/MarginField.js'\nimport { createPaddingField } from '../../fields/PaddingField.js'\nimport { createColorPickerField } from '../../fields/ColorPickerField.js'\nimport { createAlignmentField, type Alignment } from '../../fields/AlignmentField.js'\nimport { createDimensionsField } from '../../fields/DimensionsField.js'\nimport { createAnimationField } from '../../fields/AnimationField.js'\nimport { createResetField } from '../../fields/ResetField.js'\n\nexport interface TextProps {\n  content: string\n  size: string\n  alignment: Alignment | null\n  textColor: ColorValue | null\n  dimensions: DimensionsValue | null\n  animation: AnimationValue | null\n  margin: PaddingValue | null\n  customPadding: PaddingValue | null\n}\n\nconst defaultProps: TextProps = {\n  content: 'Enter your text here...',\n  size: 'base',\n  alignment: null,\n  textColor: null,\n  dimensions: null,\n  animation: null,\n  margin: null,\n  customPadding: null,\n}\n\nexport const TextConfig: ComponentConfig = {\n  label: 'Text',\n  fields: {\n    _reset: createResetField({ defaultProps }),\n    content: {\n      type: 'textarea',\n      label: 'Content',\n    },\n    size: textSizeField,\n    textColor: createColorPickerField({ label: 'Text Color' }),\n    dimensions: createDimensionsField({ label: 'Dimensions' }),\n    alignment: createAlignmentField({ label: 'Alignment' }),\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: ({ content, size, alignment, textColor, dimensions, animation, margin, customPadding }) => {\n    const dimensionsStyles = dimensions ? dimensionsValueToCSS(dimensions) : undefined\n\n    const style: React.CSSProperties = {\n      ...dimensionsStyles,\n    }\n    const marginCSS = marginValueToCSS(margin)\n    if (marginCSS) {\n      style.margin = marginCSS\n    }\n    const paddingCSS = paddingValueToCSS(customPadding)\n    if (paddingCSS) {\n      style.padding = paddingCSS\n    }\n    // Apply text color from ColorValue\n    const colorCSS = colorValueToCSS(textColor)\n    if (colorCSS) {\n      style.color = colorCSS\n    }\n\n    const alignmentValue = alignment ?? 'left'\n\n    return (\n      <AnimatedWrapper animation={animation}>\n        <p\n          className={cn(\n            textSizeMap[size] || textSizeMap.base,\n            alignmentMap[alignmentValue] || alignmentMap.left\n          )}\n          style={Object.keys(style).length > 0 ? style : undefined}\n        >\n          {content}\n        </p>\n      </AnimatedWrapper>\n    )\n  },\n}\n"],"names":["textSizeField","textSizeMap","alignmentMap","cn","marginValueToCSS","paddingValueToCSS","colorValueToCSS","dimensionsValueToCSS","AnimatedWrapper","createMarginField","createPaddingField","createColorPickerField","createAlignmentField","createDimensionsField","createAnimationField","createResetField","defaultProps","content","size","alignment","textColor","dimensions","animation","margin","customPadding","TextConfig","label","fields","_reset","type","render","dimensionsStyles","undefined","style","marginCSS","paddingCSS","padding","colorCSS","color","alignmentValue","p","className","base","left","Object","keys","length"],"mappings":"AAAA;;;;CAIC;AAID,SACEA,aAAa,EACbC,WAAW,EACXC,YAAY,EACZC,EAAE,EACFC,gBAAgB,EAChBC,iBAAiB,EACjBC,eAAe,EACfC,oBAAoB,QAKf,yBAAwB;AAC/B,SAASC,eAAe,QAAQ,wBAAuB;AACvD,SAASC,iBAAiB,QAAQ,8BAA6B;AAC/D,SAASC,kBAAkB,QAAQ,+BAA8B;AACjE,SAASC,sBAAsB,QAAQ,mCAAkC;AACzE,SAASC,oBAAoB,QAAwB,iCAAgC;AACrF,SAASC,qBAAqB,QAAQ,kCAAiC;AACvE,SAASC,oBAAoB,QAAQ,iCAAgC;AACrE,SAASC,gBAAgB,QAAQ,6BAA4B;AAa7D,MAAMC,eAA0B;IAC9BC,SAAS;IACTC,MAAM;IACNC,WAAW;IACXC,WAAW;IACXC,YAAY;IACZC,WAAW;IACXC,QAAQ;IACRC,eAAe;AACjB;AAEA,OAAO,MAAMC,aAA8B;IACzCC,OAAO;IACPC,QAAQ;QACNC,QAAQb,iBAAiB;YAAEC;QAAa;QACxCC,SAAS;YACPY,MAAM;YACNH,OAAO;QACT;QACAR,MAAMlB;QACNoB,WAAWT,uBAAuB;YAAEe,OAAO;QAAa;QACxDL,YAAYR,sBAAsB;YAAEa,OAAO;QAAa;QACxDP,WAAWP,qBAAqB;YAAEc,OAAO;QAAY;QACrDJ,WAAWR,qBAAqB;YAAEY,OAAO;QAAY;QACrD,8BAA8B;QAC9BH,QAAQd,kBAAkB;YAAEiB,OAAO;QAAS;QAC5CF,eAAed,mBAAmB;YAAEgB,OAAO;QAAU;IACvD;IACAV;IACAc,QAAQ,CAAC,EAAEb,OAAO,EAAEC,IAAI,EAAEC,SAAS,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,aAAa,EAAE;QAC5F,MAAMO,mBAAmBV,aAAad,qBAAqBc,cAAcW;QAEzE,MAAMC,QAA6B;YACjC,GAAGF,gBAAgB;QACrB;QACA,MAAMG,YAAY9B,iBAAiBmB;QACnC,IAAIW,WAAW;YACbD,MAAMV,MAAM,GAAGW;QACjB;QACA,MAAMC,aAAa9B,kBAAkBmB;QACrC,IAAIW,YAAY;YACdF,MAAMG,OAAO,GAAGD;QAClB;QACA,mCAAmC;QACnC,MAAME,WAAW/B,gBAAgBc;QACjC,IAAIiB,UAAU;YACZJ,MAAMK,KAAK,GAAGD;QAChB;QAEA,MAAME,iBAAiBpB,aAAa;QAEpC,qBACE,KAACX;YAAgBc,WAAWA;sBAC1B,cAAA,KAACkB;gBACCC,WAAWtC,GACTF,WAAW,CAACiB,KAAK,IAAIjB,YAAYyC,IAAI,EACrCxC,YAAY,CAACqC,eAAe,IAAIrC,aAAayC,IAAI;gBAEnDV,OAAOW,OAAOC,IAAI,CAACZ,OAAOa,MAAM,GAAG,IAAIb,QAAQD;0BAE9Cf;;;IAIT;AACF,EAAC"}

package/dist/components/typography/Text.server.d.ts

@@ -5,8 +5,8 @@
  * This version excludes field definitions for server-side rendering.
  */
 import type { ComponentConfig } from '@puckeditor/core';
-import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared';
-import type { Alignment } from '../../fields/AlignmentField';
+import { type PaddingValue, type ColorValue, type DimensionsValue, type AnimationValue } from '../../fields/shared.js';
+import type { Alignment } from '../../fields/AlignmentField.js';
 export interface TextProps {
     content: string;
     size: string;

package/dist/components/typography/Text.server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.server.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Text.server.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE5D,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAaD,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,SAAS,CAuCjD,CAAA"}
+{"version":3,"file":"Text.server.d.ts","sourceRoot":"","sources":["../../../src/components/typography/Text.server.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,EAQL,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,wBAAwB,CAAA;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAE/D,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,SAAS,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAA;IAC5B,UAAU,EAAE,eAAe,GAAG,IAAI,CAAA;IAClC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;CACnC;AAaD,eAAO,MAAM,UAAU,EAAE,eAAe,CAAC,SAAS,CAuCjD,CAAA"}