@makeswift/runtime 0.26.0-canary.7 → 0.26.0-canary.9

package/dist/esm/components/builtin/Navigation/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/builtin/Navigation/register.ts"],"sourcesContent":["import { ReactRuntime } from '../../../runtimes/react'\nimport { findBreakpointOverride, getBaseBreakpoint } from '@makeswift/controls'\nimport { MakeswiftComponentType } from '../constants'\nimport { ComponentIcon } from '../../../state/modules/components-meta'\nimport { lazy } from 'react'\nimport {\n  ControlDataTypeKey,\n  Checkbox,\n  Link,\n  ResponsiveColor,\n  ResponsiveLength,\n  ResponsiveLengthPropControllerDataV1Type,\n  checkboxPropControllerDataSchema,\n  getCheckboxPropControllerDataBoolean,\n  Margin,\n  Width,\n  TextStyle,\n  NavigationLinks,\n  NavigationLinksData,\n  GapX,\n  ResponsiveIconRadioGroup,\n  ResponsiveSelect,\n  ElementID,\n  Image,\n  TextInput,\n  type PropData,\n} from '@makeswift/prop-controllers'\n\nexport function registerComponent(runtime: ReactRuntime) {\n  function isHiddenBasedOnMenuAnimation(props: Record<string, unknown>, deviceId: string): boolean {\n    const mobileMenuAnimation = ResponsiveSelect.fromPropData(\n      props.mobileMenuAnimation as PropData<typeof ResponsiveSelect> | undefined,\n    )\n\n    return !findBreakpointOverride(runtime.getBreakpoints(), mobileMenuAnimation, deviceId)\n  }\n\n  return runtime.registerComponent(\n    lazy(() => import('./Navigation')),\n    {\n      type: MakeswiftComponentType.Navigation,\n      label: 'Navigation',\n      icon: ComponentIcon.Navigation,\n      props: {\n        id: ElementID(),\n        links: NavigationLinks(),\n        linkTextStyle: TextStyle(props => {\n          const links = props.links as NavigationLinksData | undefined\n\n          return {\n            label: 'Link text style',\n            hidden: links == null || links.length === 0,\n          }\n        }),\n        showLogo: Checkbox({ preset: true, label: 'Show logo' }),\n        logoFile: Image(props => ({\n          label: 'Logo',\n          hidden:\n            getCheckboxPropControllerDataBoolean(\n              checkboxPropControllerDataSchema.optional().catch(undefined).parse(props.showLogo),\n            ) === false,\n        })),\n        logoWidth: ResponsiveLength(props => ({\n          // TODO(miguel): We're manually constructing the data here but should be using a factory\n          // function instead. This is because the factory function currently expects a definition\n          // but we don't have one to pass here. Perhaps we should make the factory function not\n          // require the definition and use the latest version when a definition isn't provided.\n          preset: {\n            [ControlDataTypeKey]: ResponsiveLengthPropControllerDataV1Type,\n            value: [\n              {\n                deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n                value: { value: 100, unit: 'px' },\n              },\n            ],\n          },\n          label: 'Logo width',\n          min: 0,\n          max: 1000,\n          // TODO: This is hardcoded value, import it from LengthInputOptions\n          options: [{ value: 'px', label: 'Pixels', icon: 'Px16' }],\n          hidden:\n            getCheckboxPropControllerDataBoolean(\n              checkboxPropControllerDataSchema.optional().catch(undefined).parse(props.showLogo),\n            ) === false,\n        })),\n        logoAltText: TextInput(props => ({\n          label: 'Logo alt text',\n          hidden:\n            getCheckboxPropControllerDataBoolean(\n              checkboxPropControllerDataSchema.optional().catch(undefined).parse(props.showLogo),\n            ) === false,\n        })),\n        logoLink: Link(props => ({\n          label: 'Logo on click',\n          hidden:\n            getCheckboxPropControllerDataBoolean(\n              checkboxPropControllerDataSchema.optional().catch(undefined).parse(props.showLogo),\n            ) === false,\n        })),\n        alignment: ResponsiveIconRadioGroup({\n          label: 'Alignment',\n          options: [\n            { label: 'Left', value: 'flex-start', icon: 'AlignLeft16' },\n            { label: 'Center', value: 'center', icon: 'AlignCenter16' },\n            { label: 'End', value: 'flex-end', icon: 'AlignRight16' },\n          ],\n          defaultValue: 'flex-end',\n        }),\n        gutter: GapX({\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: { value: 10, unit: 'px' },\n            },\n          ],\n          label: 'Link gap',\n          min: 0,\n          max: 100,\n          step: 1,\n          defaultValue: { value: 0, unit: 'px' },\n        }),\n        mobileMenuAnimation: ResponsiveSelect({\n          label: 'Mobile menu',\n          options: [\n            { value: 'coverRight', label: 'Cover from right' },\n            { value: 'coverLeft', label: 'Cover from left' },\n          ],\n        }),\n        mobileMenuOpenIconColor: ResponsiveColor((props, device) => {\n          return {\n            label: 'Open icon color',\n            placeholder: 'rgba(161, 168, 194, 0.5)',\n            hidden: isHiddenBasedOnMenuAnimation(props, device),\n          }\n        }),\n        mobileMenuCloseIconColor: ResponsiveColor((props, device) => {\n          return {\n            label: 'Close icon color',\n            placeholder: 'rgba(161, 168, 194, 0.5)',\n            hidden: isHiddenBasedOnMenuAnimation(props, device),\n          }\n        }),\n        mobileMenuBackgroundColor: ResponsiveColor((props, device) => {\n          return {\n            label: 'Menu BG color',\n            placeholder: 'black',\n            hidden: isHiddenBasedOnMenuAnimation(props, device),\n          }\n        }),\n        width: Width({\n          format: Width.Format.ClassName,\n          defaultValue: { value: 100, unit: '%' },\n        }),\n        margin: Margin({ format: Margin.Format.ClassName }),\n      },\n    },\n  )\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../src/components/builtin/Navigation/register.ts"],"sourcesContent":["import { type ReactRuntimeCore } from '../../../runtimes/react/react-runtime-core'\nimport { findBreakpointOverride, getBaseBreakpoint } from '@makeswift/controls'\nimport { MakeswiftComponentType } from '../constants'\nimport { ComponentIcon } from '../../../state/modules/components-meta'\nimport { lazy } from 'react'\nimport {\n  ControlDataTypeKey,\n  Checkbox,\n  Link,\n  ResponsiveColor,\n  ResponsiveLength,\n  ResponsiveLengthPropControllerDataV1Type,\n  checkboxPropControllerDataSchema,\n  getCheckboxPropControllerDataBoolean,\n  Margin,\n  Width,\n  TextStyle,\n  NavigationLinks,\n  NavigationLinksData,\n  GapX,\n  ResponsiveIconRadioGroup,\n  ResponsiveSelect,\n  ElementID,\n  Image,\n  TextInput,\n  type PropData,\n} from '@makeswift/prop-controllers'\n\nexport function registerComponent(runtime: ReactRuntimeCore) {\n  function isHiddenBasedOnMenuAnimation(props: Record<string, unknown>, deviceId: string): boolean {\n    const mobileMenuAnimation = ResponsiveSelect.fromPropData(\n      props.mobileMenuAnimation as PropData<typeof ResponsiveSelect> | undefined,\n    )\n\n    return !findBreakpointOverride(runtime.getBreakpoints(), mobileMenuAnimation, deviceId)\n  }\n\n  return runtime.registerComponent(\n    lazy(() => import('./Navigation')),\n    {\n      type: MakeswiftComponentType.Navigation,\n      label: 'Navigation',\n      icon: ComponentIcon.Navigation,\n      props: {\n        id: ElementID(),\n        links: NavigationLinks(),\n        linkTextStyle: TextStyle(props => {\n          const links = props.links as NavigationLinksData | undefined\n\n          return {\n            label: 'Link text style',\n            hidden: links == null || links.length === 0,\n          }\n        }),\n        showLogo: Checkbox({ preset: true, label: 'Show logo' }),\n        logoFile: Image(props => ({\n          label: 'Logo',\n          hidden:\n            getCheckboxPropControllerDataBoolean(\n              checkboxPropControllerDataSchema.optional().catch(undefined).parse(props.showLogo),\n            ) === false,\n        })),\n        logoWidth: ResponsiveLength(props => ({\n          // TODO(miguel): We're manually constructing the data here but should be using a factory\n          // function instead. This is because the factory function currently expects a definition\n          // but we don't have one to pass here. Perhaps we should make the factory function not\n          // require the definition and use the latest version when a definition isn't provided.\n          preset: {\n            [ControlDataTypeKey]: ResponsiveLengthPropControllerDataV1Type,\n            value: [\n              {\n                deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n                value: { value: 100, unit: 'px' },\n              },\n            ],\n          },\n          label: 'Logo width',\n          min: 0,\n          max: 1000,\n          // TODO: This is hardcoded value, import it from LengthInputOptions\n          options: [{ value: 'px', label: 'Pixels', icon: 'Px16' }],\n          hidden:\n            getCheckboxPropControllerDataBoolean(\n              checkboxPropControllerDataSchema.optional().catch(undefined).parse(props.showLogo),\n            ) === false,\n        })),\n        logoAltText: TextInput(props => ({\n          label: 'Logo alt text',\n          hidden:\n            getCheckboxPropControllerDataBoolean(\n              checkboxPropControllerDataSchema.optional().catch(undefined).parse(props.showLogo),\n            ) === false,\n        })),\n        logoLink: Link(props => ({\n          label: 'Logo on click',\n          hidden:\n            getCheckboxPropControllerDataBoolean(\n              checkboxPropControllerDataSchema.optional().catch(undefined).parse(props.showLogo),\n            ) === false,\n        })),\n        alignment: ResponsiveIconRadioGroup({\n          label: 'Alignment',\n          options: [\n            { label: 'Left', value: 'flex-start', icon: 'AlignLeft16' },\n            { label: 'Center', value: 'center', icon: 'AlignCenter16' },\n            { label: 'End', value: 'flex-end', icon: 'AlignRight16' },\n          ],\n          defaultValue: 'flex-end',\n        }),\n        gutter: GapX({\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: { value: 10, unit: 'px' },\n            },\n          ],\n          label: 'Link gap',\n          min: 0,\n          max: 100,\n          step: 1,\n          defaultValue: { value: 0, unit: 'px' },\n        }),\n        mobileMenuAnimation: ResponsiveSelect({\n          label: 'Mobile menu',\n          options: [\n            { value: 'coverRight', label: 'Cover from right' },\n            { value: 'coverLeft', label: 'Cover from left' },\n          ],\n        }),\n        mobileMenuOpenIconColor: ResponsiveColor((props, device) => {\n          return {\n            label: 'Open icon color',\n            placeholder: 'rgba(161, 168, 194, 0.5)',\n            hidden: isHiddenBasedOnMenuAnimation(props, device),\n          }\n        }),\n        mobileMenuCloseIconColor: ResponsiveColor((props, device) => {\n          return {\n            label: 'Close icon color',\n            placeholder: 'rgba(161, 168, 194, 0.5)',\n            hidden: isHiddenBasedOnMenuAnimation(props, device),\n          }\n        }),\n        mobileMenuBackgroundColor: ResponsiveColor((props, device) => {\n          return {\n            label: 'Menu BG color',\n            placeholder: 'black',\n            hidden: isHiddenBasedOnMenuAnimation(props, device),\n          }\n        }),\n        width: Width({\n          format: Width.Format.ClassName,\n          defaultValue: { value: 100, unit: '%' },\n        }),\n        margin: Margin({ format: Margin.Format.ClassName }),\n      },\n    },\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/esm/components/builtin/Root/Root.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { normalize } from "polished";
 import { forwardRef } from "react";
-import { Element } from "../../../runtimes/react";
+import { Element } from "../../../runtimes/react/components/Element";
 import { useGlobalStyle } from "../../../runtimes/react/use-global-style";
 import { useStyle } from "../../../runtimes/react/use-style";
 import { useCSSResetEnabled } from "../../../runtimes/react/root-style-registry";

package/dist/esm/components/builtin/Root/Root.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/builtin/Root/Root.tsx"],"sourcesContent":["import { normalize } from 'polished'\nimport { forwardRef, type Ref } from 'react'\n\nimport {\n  type GridData,\n  type ResponsiveBackgroundsData,\n  type ResponsiveGapData,\n} from '@makeswift/prop-controllers'\n\nimport { Element } from '../../../runtimes/react'\nimport { useGlobalStyle } from '../../../runtimes/react/use-global-style'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useCSSResetEnabled } from '../../../runtimes/react/root-style-registry'\n\nimport { GridItem } from '../../shared/grid-item'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\n\nimport Placeholder from './components/Placeholder'\n\ntype Props = {\n  children?: GridData\n  backgrounds?: ResponsiveBackgroundsData\n  rowGap?: ResponsiveGapData\n  columnGap?: ResponsiveGapData\n}\n\nconst Root = forwardRef(function Page(\n  { children, backgrounds, rowGap, columnGap }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const cssResetEnabled = useCSSResetEnabled()\n\n  useGlobalStyle(\n    cssResetEnabled\n      ? [\n          { html: { boxSizing: 'border-box' }, '*, *::before, *::after': { boxSizing: 'inherit' } },\n          normalize(),\n        ]\n      : [],\n  )\n\n  return (\n    <BackgroundsContainer ref={ref} style={{ background: 'white' }} backgrounds={backgrounds}>\n      <div className={useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' })}>\n        {children && children.elements.length > 0 ? (\n          children.elements.map((child, index) => (\n            <GridItem\n              key={child.key}\n              grid={children.columns}\n              index={index}\n              columnGap={columnGap}\n              rowGap={rowGap}\n            >\n              <Element element={child} />\n            </GridItem>\n          ))\n        ) : (\n          <Placeholder />\n        )}\n      </div>\n    </BackgroundsContainer>\n  )\n})\n\nexport default Root\n"],"mappings":"AAqDc;AArDd,SAAS,iBAAiB;AAC1B,SAAS,kBAA4B;AAQrC,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,0BAA0B;AAEnC,SAAS,gBAAgB;AACzB,OAAO,0BAA0B;AAEjC,OAAO,iBAAiB;AASxB,MAAM,OAAO,WAAW,SAAS,KAC/B,EAAE,UAAU,aAAa,QAAQ,UAAU,GAC3C,KACA;AACA,QAAM,kBAAkB,mBAAmB;AAE3C;AAAA,IACE,kBACI;AAAA,MACE,EAAE,MAAM,EAAE,WAAW,aAAa,GAAG,0BAA0B,EAAE,WAAW,UAAU,EAAE;AAAA,MACxF,UAAU;AAAA,IACZ,IACA,CAAC;AAAA,EACP;AAEA,SACE,oBAAC,wBAAqB,KAAU,OAAO,EAAE,YAAY,QAAQ,GAAG,aAC9D,8BAAC,SAAI,WAAW,SAAS,EAAE,SAAS,QAAQ,UAAU,QAAQ,OAAO,OAAO,CAAC,GAC1E,sBAAY,SAAS,SAAS,SAAS,IACtC,SAAS,SAAS,IAAI,CAAC,OAAO,UAC5B;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM,SAAS;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,WAAQ,SAAS,OAAO;AAAA;AAAA,IANpB,MAAM;AAAA,EAOb,CACD,IAED,oBAAC,eAAY,GAEjB,GACF;AAEJ,CAAC;AAED,IAAO,eAAQ;","names":[]}
+{"version":3,"sources":["../../../../../src/components/builtin/Root/Root.tsx"],"sourcesContent":["import { normalize } from 'polished'\nimport { forwardRef, type Ref } from 'react'\n\nimport {\n  type GridData,\n  type ResponsiveBackgroundsData,\n  type ResponsiveGapData,\n} from '@makeswift/prop-controllers'\n\nimport { Element } from '../../../runtimes/react/components/Element'\nimport { useGlobalStyle } from '../../../runtimes/react/use-global-style'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useCSSResetEnabled } from '../../../runtimes/react/root-style-registry'\n\nimport { GridItem } from '../../shared/grid-item'\nimport BackgroundsContainer from '../../shared/BackgroundsContainer'\n\nimport Placeholder from './components/Placeholder'\n\ntype Props = {\n  children?: GridData\n  backgrounds?: ResponsiveBackgroundsData\n  rowGap?: ResponsiveGapData\n  columnGap?: ResponsiveGapData\n}\n\nconst Root = forwardRef(function Page(\n  { children, backgrounds, rowGap, columnGap }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  const cssResetEnabled = useCSSResetEnabled()\n\n  useGlobalStyle(\n    cssResetEnabled\n      ? [\n          { html: { boxSizing: 'border-box' }, '*, *::before, *::after': { boxSizing: 'inherit' } },\n          normalize(),\n        ]\n      : [],\n  )\n\n  return (\n    <BackgroundsContainer ref={ref} style={{ background: 'white' }} backgrounds={backgrounds}>\n      <div className={useStyle({ display: 'flex', flexWrap: 'wrap', width: '100%' })}>\n        {children && children.elements.length > 0 ? (\n          children.elements.map((child, index) => (\n            <GridItem\n              key={child.key}\n              grid={children.columns}\n              index={index}\n              columnGap={columnGap}\n              rowGap={rowGap}\n            >\n              <Element element={child} />\n            </GridItem>\n          ))\n        ) : (\n          <Placeholder />\n        )}\n      </div>\n    </BackgroundsContainer>\n  )\n})\n\nexport default Root\n"],"mappings":"AAqDc;AArDd,SAAS,iBAAiB;AAC1B,SAAS,kBAA4B;AAQrC,SAAS,eAAe;AACxB,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,0BAA0B;AAEnC,SAAS,gBAAgB;AACzB,OAAO,0BAA0B;AAEjC,OAAO,iBAAiB;AASxB,MAAM,OAAO,WAAW,SAAS,KAC/B,EAAE,UAAU,aAAa,QAAQ,UAAU,GAC3C,KACA;AACA,QAAM,kBAAkB,mBAAmB;AAE3C;AAAA,IACE,kBACI;AAAA,MACE,EAAE,MAAM,EAAE,WAAW,aAAa,GAAG,0BAA0B,EAAE,WAAW,UAAU,EAAE;AAAA,MACxF,UAAU;AAAA,IACZ,IACA,CAAC;AAAA,EACP;AAEA,SACE,oBAAC,wBAAqB,KAAU,OAAO,EAAE,YAAY,QAAQ,GAAG,aAC9D,8BAAC,SAAI,WAAW,SAAS,EAAE,SAAS,QAAQ,UAAU,QAAQ,OAAO,OAAO,CAAC,GAC1E,sBAAY,SAAS,SAAS,SAAS,IACtC,SAAS,SAAS,IAAI,CAAC,OAAO,UAC5B;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM,SAAS;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,WAAQ,SAAS,OAAO;AAAA;AAAA,IANpB,MAAM;AAAA,EAOb,CACD,IAED,oBAAC,eAAY,GAEjB,GACF;AAEJ,CAAC;AAED,IAAO,eAAQ;","names":[]}

package/dist/esm/components/builtin/Root/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/builtin/Root/register.ts"],"sourcesContent":["import { Backgrounds, GapX, GapY, Grid } from '@makeswift/prop-controllers'\nimport { ReactRuntime } from '../../../react'\nimport { MakeswiftComponentType } from '../constants'\nimport { lazy } from 'react'\n\nexport function registerComponent(runtime: ReactRuntime) {\n  return runtime.registerComponent(\n    lazy(() => import('./Root')),\n    {\n      type: MakeswiftComponentType.Root,\n      label: 'Page',\n      hidden: true,\n      props: {\n        children: Grid(),\n        backgrounds: Backgrounds(),\n        rowGap: GapY(),\n        columnGap: GapX(),\n      },\n    },\n  )\n}\n"],"mappings":"AAAA,SAAS,aAAa,MAAM,MAAM,YAAY;AAE9C,SAAS,8BAA8B;AACvC,SAAS,YAAY;AAEd,SAAS,kBAAkB,SAAuB;AACvD,SAAO,QAAQ;AAAA,IACb,KAAK,MAAM,OAAO,QAAQ,CAAC;AAAA,IAC3B;AAAA,MACE,MAAM,uBAAuB;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,UAAU,KAAK;AAAA,QACf,aAAa,YAAY;AAAA,QACzB,QAAQ,KAAK;AAAA,QACb,WAAW,KAAK;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../../src/components/builtin/Root/register.ts"],"sourcesContent":["import { Backgrounds, GapX, GapY, Grid } from '@makeswift/prop-controllers'\nimport { type ReactRuntimeCore } from '../../../runtimes/react/react-runtime-core'\nimport { MakeswiftComponentType } from '../constants'\nimport { lazy } from 'react'\n\nexport function registerComponent(runtime: ReactRuntimeCore) {\n  return runtime.registerComponent(\n    lazy(() => import('./Root')),\n    {\n      type: MakeswiftComponentType.Root,\n      label: 'Page',\n      hidden: true,\n      props: {\n        children: Grid(),\n        backgrounds: Backgrounds(),\n        rowGap: GapY(),\n        columnGap: GapX(),\n      },\n    },\n  )\n}\n"],"mappings":"AAAA,SAAS,aAAa,MAAM,MAAM,YAAY;AAE9C,SAAS,8BAA8B;AACvC,SAAS,YAAY;AAEd,SAAS,kBAAkB,SAA2B;AAC3D,SAAO,QAAQ;AAAA,IACb,KAAK,MAAM,OAAO,QAAQ,CAAC;AAAA,IAC3B;AAAA,MACE,MAAM,uBAAuB;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,UAAU,KAAK;AAAA,QACf,aAAa,YAAY;AAAA,QACzB,QAAQ,KAAK;AAAA,QACb,WAAW,KAAK;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/esm/components/builtin/Slot/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/builtin/Slot/register.ts"],"sourcesContent":["import { lazy } from 'react'\nimport { ReactRuntime } from '../../../react'\nimport { MakeswiftComponentType } from '../constants'\nimport { Checkbox } from '@makeswift/controls'\nimport { Slot } from '../../../controls'\n\nexport function registerComponent(runtime: ReactRuntime) {\n  return runtime.registerComponent(\n    lazy(() => import('./Slot')),\n    {\n      type: MakeswiftComponentType.Slot,\n      label: 'Slot',\n      hidden: true,\n      props: {\n        children: Slot(),\n        showFallback: Checkbox({ label: 'Use fallback', defaultValue: true }),\n      },\n    },\n  )\n}\n"],"mappings":"AAAA,SAAS,YAAY;AAErB,SAAS,8BAA8B;AACvC,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAEd,SAAS,kBAAkB,SAAuB;AACvD,SAAO,QAAQ;AAAA,IACb,KAAK,MAAM,OAAO,QAAQ,CAAC;AAAA,IAC3B;AAAA,MACE,MAAM,uBAAuB;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,UAAU,KAAK;AAAA,QACf,cAAc,SAAS,EAAE,OAAO,gBAAgB,cAAc,KAAK,CAAC;AAAA,MACtE;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../../src/components/builtin/Slot/register.ts"],"sourcesContent":["import { lazy } from 'react'\nimport { type ReactRuntimeCore } from '../../../runtimes/react/react-runtime-core'\nimport { MakeswiftComponentType } from '../constants'\nimport { Checkbox } from '@makeswift/controls'\nimport { Slot } from '../../../controls'\n\nexport function registerComponent(runtime: ReactRuntimeCore) {\n  return runtime.registerComponent(\n    lazy(() => import('./Slot')),\n    {\n      type: MakeswiftComponentType.Slot,\n      label: 'Slot',\n      hidden: true,\n      props: {\n        children: Slot(),\n        showFallback: Checkbox({ label: 'Use fallback', defaultValue: true }),\n      },\n    },\n  )\n}\n"],"mappings":"AAAA,SAAS,YAAY;AAErB,SAAS,8BAA8B;AACvC,SAAS,gBAAgB;AACzB,SAAS,YAAY;AAEd,SAAS,kBAAkB,SAA2B;AAC3D,SAAO,QAAQ;AAAA,IACb,KAAK,MAAM,OAAO,QAAQ,CAAC;AAAA,IAC3B;AAAA,MACE,MAAM,uBAAuB;AAAA,MAC7B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,UAAU,KAAK;AAAA,QACf,cAAc,SAAS,EAAE,OAAO,gBAAgB,cAAc,KAAK,CAAC;AAAA,MACtE;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/esm/components/builtin/SocialLinks/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/builtin/SocialLinks/register.ts"],"sourcesContent":["import { ReactRuntime } from '../../../runtimes/react'\nimport { getBaseBreakpoint } from '@makeswift/controls'\nimport { MakeswiftComponentType } from '../constants'\nimport { ComponentIcon } from '../../../state/modules/components-meta'\nimport { lazy } from 'react'\nimport {\n  ElementID,\n  GapX,\n  Margin,\n  ResponsiveColor,\n  ResponsiveSelect,\n  ResponsiveIconRadioGroup,\n  SocialLinks,\n  SocialLinksPropControllerData,\n  Width,\n  getSocialLinksPropControllerDataSocialLinksData,\n} from '@makeswift/prop-controllers'\n\nexport function registerComponent(runtime: ReactRuntime) {\n  return runtime.registerComponent(\n    lazy(() => import('./SocialLinks')),\n    {\n      type: MakeswiftComponentType.SocialLinks,\n      label: 'Social Links',\n      icon: ComponentIcon.SocialLinks,\n      props: {\n        id: ElementID(),\n        links: SocialLinks({\n          preset: {\n            links: [\n              {\n                id: 'facebook',\n                payload: { type: 'facebook', url: 'https://www.facebook.com' },\n              },\n              {\n                id: 'instagram',\n                payload: { type: 'instagram', url: 'https://www.instagram.com' },\n              },\n              {\n                id: 'twitter',\n                payload: { type: 'twitter', url: 'https://www.twitter.com' },\n              },\n            ],\n            openInNewTab: false,\n          },\n        }),\n        shape: ResponsiveIconRadioGroup(props => {\n          const links = getSocialLinksPropControllerDataSocialLinksData(\n            props.links as SocialLinksPropControllerData | undefined,\n          )\n\n          return {\n            label: 'Shape',\n            options: [\n              { label: 'Naked', value: 'naked', icon: 'Star16' },\n              { label: 'Circle', value: 'circle', icon: 'StarCircle16' },\n              { label: 'Rounded', value: 'rounded', icon: 'StarRoundedSquare16' },\n              { label: 'Square', value: 'square', icon: 'StarSquare16' },\n            ],\n            defaultValue: 'naked',\n            hidden: links == null || links.links.length === 0,\n          }\n        }),\n        size: ResponsiveIconRadioGroup(props => {\n          const links = getSocialLinksPropControllerDataSocialLinksData(\n            props.links as SocialLinksPropControllerData | undefined,\n          )\n\n          return {\n            label: 'Size',\n            options: [\n              { label: 'Small', value: 'small', icon: 'SizeSmall16' },\n              { label: 'Medium', value: 'medium', icon: 'SizeMedium16' },\n              { label: 'Large', value: 'large', icon: 'SizeLarge16' },\n            ],\n            defaultValue: 'medium',\n            hidden: links == null || links.links.length === 0,\n          }\n        }),\n        hoverStyle: ResponsiveSelect(props => {\n          const links = getSocialLinksPropControllerDataSocialLinksData(\n            props.links as SocialLinksPropControllerData | undefined,\n          )\n          const hidden = links == null || links.links.length === 0\n\n          return {\n            label: 'On hover',\n            options: [\n              { value: 'none', label: 'None' },\n              { value: 'grow', label: 'Grow' },\n              { value: 'shrink', label: 'Shrink' },\n              { value: 'fade', label: 'Fade' },\n            ],\n            defaultValue: 'none',\n            labelOrientation: 'horizontal',\n            hidden,\n          }\n        }),\n        fill: ResponsiveColor(props => {\n          const links = getSocialLinksPropControllerDataSocialLinksData(\n            props.links as SocialLinksPropControllerData | undefined,\n          )\n          const hidden = links == null || links.links.length === 0\n\n          return {\n            label: 'Icon color',\n            hidden,\n          }\n        }),\n        backgroundColor: ResponsiveColor(props => {\n          const links = getSocialLinksPropControllerDataSocialLinksData(\n            props.links as SocialLinksPropControllerData | undefined,\n          )\n          const hidden = links == null || links.links.length === 0\n\n          return {\n            label: 'Shape color',\n            hidden,\n          }\n        }),\n        alignment: ResponsiveIconRadioGroup({\n          label: 'Alignment',\n          options: [\n            { label: 'flex-start', value: 'flex-start', icon: 'AlignLeft16' },\n            { label: 'center', value: 'center', icon: 'AlignCenter16' },\n            { label: 'flex-end', value: 'flex-end', icon: 'AlignRight16' },\n          ],\n          defaultValue: 'center',\n        }),\n        gutter: GapX({\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: { value: 10, unit: 'px' },\n            },\n          ],\n          label: 'Link gap',\n          min: 0,\n          max: 100,\n          step: 1,\n          defaultValue: { value: 0, unit: 'px' },\n        }),\n        width: Width({\n          format: Width.Format.ClassName,\n          defaultValue: { value: 100, unit: '%' },\n        }),\n        margin: Margin({\n          format: Margin.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: {\n                marginTop: { value: 10, unit: 'px' },\n                marginRight: 'auto',\n                marginBottom: { value: 10, unit: 'px' },\n                marginLeft: 'auto',\n              },\n            },\n          ],\n        }),\n      },\n    },\n  )\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../src/components/builtin/SocialLinks/register.ts"],"sourcesContent":["import { type ReactRuntimeCore } from '../../../runtimes/react/react-runtime-core'\nimport { getBaseBreakpoint } from '@makeswift/controls'\nimport { MakeswiftComponentType } from '../constants'\nimport { ComponentIcon } from '../../../state/modules/components-meta'\nimport { lazy } from 'react'\nimport {\n  ElementID,\n  GapX,\n  Margin,\n  ResponsiveColor,\n  ResponsiveSelect,\n  ResponsiveIconRadioGroup,\n  SocialLinks,\n  SocialLinksPropControllerData,\n  Width,\n  getSocialLinksPropControllerDataSocialLinksData,\n} from '@makeswift/prop-controllers'\n\nexport function registerComponent(runtime: ReactRuntimeCore) {\n  return runtime.registerComponent(\n    lazy(() => import('./SocialLinks')),\n    {\n      type: MakeswiftComponentType.SocialLinks,\n      label: 'Social Links',\n      icon: ComponentIcon.SocialLinks,\n      props: {\n        id: ElementID(),\n        links: SocialLinks({\n          preset: {\n            links: [\n              {\n                id: 'facebook',\n                payload: { type: 'facebook', url: 'https://www.facebook.com' },\n              },\n              {\n                id: 'instagram',\n                payload: { type: 'instagram', url: 'https://www.instagram.com' },\n              },\n              {\n                id: 'twitter',\n                payload: { type: 'twitter', url: 'https://www.twitter.com' },\n              },\n            ],\n            openInNewTab: false,\n          },\n        }),\n        shape: ResponsiveIconRadioGroup(props => {\n          const links = getSocialLinksPropControllerDataSocialLinksData(\n            props.links as SocialLinksPropControllerData | undefined,\n          )\n\n          return {\n            label: 'Shape',\n            options: [\n              { label: 'Naked', value: 'naked', icon: 'Star16' },\n              { label: 'Circle', value: 'circle', icon: 'StarCircle16' },\n              { label: 'Rounded', value: 'rounded', icon: 'StarRoundedSquare16' },\n              { label: 'Square', value: 'square', icon: 'StarSquare16' },\n            ],\n            defaultValue: 'naked',\n            hidden: links == null || links.links.length === 0,\n          }\n        }),\n        size: ResponsiveIconRadioGroup(props => {\n          const links = getSocialLinksPropControllerDataSocialLinksData(\n            props.links as SocialLinksPropControllerData | undefined,\n          )\n\n          return {\n            label: 'Size',\n            options: [\n              { label: 'Small', value: 'small', icon: 'SizeSmall16' },\n              { label: 'Medium', value: 'medium', icon: 'SizeMedium16' },\n              { label: 'Large', value: 'large', icon: 'SizeLarge16' },\n            ],\n            defaultValue: 'medium',\n            hidden: links == null || links.links.length === 0,\n          }\n        }),\n        hoverStyle: ResponsiveSelect(props => {\n          const links = getSocialLinksPropControllerDataSocialLinksData(\n            props.links as SocialLinksPropControllerData | undefined,\n          )\n          const hidden = links == null || links.links.length === 0\n\n          return {\n            label: 'On hover',\n            options: [\n              { value: 'none', label: 'None' },\n              { value: 'grow', label: 'Grow' },\n              { value: 'shrink', label: 'Shrink' },\n              { value: 'fade', label: 'Fade' },\n            ],\n            defaultValue: 'none',\n            labelOrientation: 'horizontal',\n            hidden,\n          }\n        }),\n        fill: ResponsiveColor(props => {\n          const links = getSocialLinksPropControllerDataSocialLinksData(\n            props.links as SocialLinksPropControllerData | undefined,\n          )\n          const hidden = links == null || links.links.length === 0\n\n          return {\n            label: 'Icon color',\n            hidden,\n          }\n        }),\n        backgroundColor: ResponsiveColor(props => {\n          const links = getSocialLinksPropControllerDataSocialLinksData(\n            props.links as SocialLinksPropControllerData | undefined,\n          )\n          const hidden = links == null || links.links.length === 0\n\n          return {\n            label: 'Shape color',\n            hidden,\n          }\n        }),\n        alignment: ResponsiveIconRadioGroup({\n          label: 'Alignment',\n          options: [\n            { label: 'flex-start', value: 'flex-start', icon: 'AlignLeft16' },\n            { label: 'center', value: 'center', icon: 'AlignCenter16' },\n            { label: 'flex-end', value: 'flex-end', icon: 'AlignRight16' },\n          ],\n          defaultValue: 'center',\n        }),\n        gutter: GapX({\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: { value: 10, unit: 'px' },\n            },\n          ],\n          label: 'Link gap',\n          min: 0,\n          max: 100,\n          step: 1,\n          defaultValue: { value: 0, unit: 'px' },\n        }),\n        width: Width({\n          format: Width.Format.ClassName,\n          defaultValue: { value: 100, unit: '%' },\n        }),\n        margin: Margin({\n          format: Margin.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: {\n                marginTop: { value: 10, unit: 'px' },\n                marginRight: 'auto',\n                marginBottom: { value: 10, unit: 'px' },\n                marginLeft: 'auto',\n              },\n            },\n          ],\n        }),\n      },\n    },\n  )\n}\n"],"mappings":"AACA,SAAS,yBAAyB;AAClC,SAAS,8BAA8B;AACvC,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AACrB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,OACK;AAEA,SAAS,kBAAkB,SAA2B;AAC3D,SAAO,QAAQ;AAAA,IACb,KAAK,MAAM,OAAO,eAAe,CAAC;AAAA,IAClC;AAAA,MACE,MAAM,uBAAuB;AAAA,MAC7B,OAAO;AAAA,MACP,MAAM,cAAc;AAAA,MACpB,OAAO;AAAA,QACL,IAAI,UAAU;AAAA,QACd,OAAO,YAAY;AAAA,UACjB,QAAQ;AAAA,YACN,OAAO;AAAA,cACL;AAAA,gBACE,IAAI;AAAA,gBACJ,SAAS,EAAE,MAAM,YAAY,KAAK,2BAA2B;AAAA,cAC/D;AAAA,cACA;AAAA,gBACE,IAAI;AAAA,gBACJ,SAAS,EAAE,MAAM,aAAa,KAAK,4BAA4B;AAAA,cACjE;AAAA,cACA;AAAA,gBACE,IAAI;AAAA,gBACJ,SAAS,EAAE,MAAM,WAAW,KAAK,0BAA0B;AAAA,cAC7D;AAAA,YACF;AAAA,YACA,cAAc;AAAA,UAChB;AAAA,QACF,CAAC;AAAA,QACD,OAAO,yBAAyB,WAAS;AACvC,gBAAM,QAAQ;AAAA,YACZ,MAAM;AAAA,UACR;AAEA,iBAAO;AAAA,YACL,OAAO;AAAA,YACP,SAAS;AAAA,cACP,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,SAAS;AAAA,cACjD,EAAE,OAAO,UAAU,OAAO,UAAU,MAAM,eAAe;AAAA,cACzD,EAAE,OAAO,WAAW,OAAO,WAAW,MAAM,sBAAsB;AAAA,cAClE,EAAE,OAAO,UAAU,OAAO,UAAU,MAAM,eAAe;AAAA,YAC3D;AAAA,YACA,cAAc;AAAA,YACd,QAAQ,SAAS,QAAQ,MAAM,MAAM,WAAW;AAAA,UAClD;AAAA,QACF,CAAC;AAAA,QACD,MAAM,yBAAyB,WAAS;AACtC,gBAAM,QAAQ;AAAA,YACZ,MAAM;AAAA,UACR;AAEA,iBAAO;AAAA,YACL,OAAO;AAAA,YACP,SAAS;AAAA,cACP,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,cAAc;AAAA,cACtD,EAAE,OAAO,UAAU,OAAO,UAAU,MAAM,eAAe;AAAA,cACzD,EAAE,OAAO,SAAS,OAAO,SAAS,MAAM,cAAc;AAAA,YACxD;AAAA,YACA,cAAc;AAAA,YACd,QAAQ,SAAS,QAAQ,MAAM,MAAM,WAAW;AAAA,UAClD;AAAA,QACF,CAAC;AAAA,QACD,YAAY,iBAAiB,WAAS;AACpC,gBAAM,QAAQ;AAAA,YACZ,MAAM;AAAA,UACR;AACA,gBAAM,SAAS,SAAS,QAAQ,MAAM,MAAM,WAAW;AAEvD,iBAAO;AAAA,YACL,OAAO;AAAA,YACP,SAAS;AAAA,cACP,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,cAC/B,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,cAC/B,EAAE,OAAO,UAAU,OAAO,SAAS;AAAA,cACnC,EAAE,OAAO,QAAQ,OAAO,OAAO;AAAA,YACjC;AAAA,YACA,cAAc;AAAA,YACd,kBAAkB;AAAA,YAClB;AAAA,UACF;AAAA,QACF,CAAC;AAAA,QACD,MAAM,gBAAgB,WAAS;AAC7B,gBAAM,QAAQ;AAAA,YACZ,MAAM;AAAA,UACR;AACA,gBAAM,SAAS,SAAS,QAAQ,MAAM,MAAM,WAAW;AAEvD,iBAAO;AAAA,YACL,OAAO;AAAA,YACP;AAAA,UACF;AAAA,QACF,CAAC;AAAA,QACD,iBAAiB,gBAAgB,WAAS;AACxC,gBAAM,QAAQ;AAAA,YACZ,MAAM;AAAA,UACR;AACA,gBAAM,SAAS,SAAS,QAAQ,MAAM,MAAM,WAAW;AAEvD,iBAAO;AAAA,YACL,OAAO;AAAA,YACP;AAAA,UACF;AAAA,QACF,CAAC;AAAA,QACD,WAAW,yBAAyB;AAAA,UAClC,OAAO;AAAA,UACP,SAAS;AAAA,YACP,EAAE,OAAO,cAAc,OAAO,cAAc,MAAM,cAAc;AAAA,YAChE,EAAE,OAAO,UAAU,OAAO,UAAU,MAAM,gBAAgB;AAAA,YAC1D,EAAE,OAAO,YAAY,OAAO,YAAY,MAAM,eAAe;AAAA,UAC/D;AAAA,UACA,cAAc;AAAA,QAChB,CAAC;AAAA,QACD,QAAQ,KAAK;AAAA,UACX,QAAQ;AAAA,YACN;AAAA,cACE,UAAU,kBAAkB,QAAQ,eAAe,CAAC,EAAE;AAAA,cACtD,OAAO,EAAE,OAAO,IAAI,MAAM,KAAK;AAAA,YACjC;AAAA,UACF;AAAA,UACA,OAAO;AAAA,UACP,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA,UACN,cAAc,EAAE,OAAO,GAAG,MAAM,KAAK;AAAA,QACvC,CAAC;AAAA,QACD,OAAO,MAAM;AAAA,UACX,QAAQ,MAAM,OAAO;AAAA,UACrB,cAAc,EAAE,OAAO,KAAK,MAAM,IAAI;AAAA,QACxC,CAAC;AAAA,QACD,QAAQ,OAAO;AAAA,UACb,QAAQ,OAAO,OAAO;AAAA,UACtB,QAAQ;AAAA,YACN;AAAA,cACE,UAAU,kBAAkB,QAAQ,eAAe,CAAC,EAAE;AAAA,cACtD,OAAO;AAAA,gBACL,WAAW,EAAE,OAAO,IAAI,MAAM,KAAK;AAAA,gBACnC,aAAa;AAAA,gBACb,cAAc,EAAE,OAAO,IAAI,MAAM,KAAK;AAAA,gBACtC,YAAY;AAAA,cACd;AAAA,YACF;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/esm/components/builtin/Text/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/builtin/Text/register.ts"],"sourcesContent":["import { type ReactRuntime } from '../../../runtimes/react'\nimport { MakeswiftComponentType } from '../constants'\nimport { getBaseBreakpoint } from '@makeswift/controls'\nimport { RichText } from '../../../controls/rich-text-v2/rich-text-v2'\nimport { lazy } from 'react'\nimport { ElementID, Margin, Width } from '@makeswift/prop-controllers'\n\nexport function registerComponent(runtime: ReactRuntime) {\n  return runtime.registerComponent(\n    lazy(() => import('./Text')),\n    {\n      type: MakeswiftComponentType.Text,\n      label: 'Text',\n      props: {\n        id: ElementID(),\n        text: RichText(),\n        width: Width({\n          format: Width.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: { value: 700, unit: 'px' },\n            },\n          ],\n          defaultValue: { value: 100, unit: '%' },\n        }),\n        margin: Margin({\n          format: Margin.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: {\n                marginTop: null,\n                marginRight: 'auto',\n                marginBottom: { value: 20, unit: 'px' },\n                marginLeft: 'auto',\n              },\n            },\n          ],\n        }),\n      },\n    },\n  )\n}\n"],"mappings":"AACA,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,WAAW,QAAQ,aAAa;AAElC,SAAS,kBAAkB,SAAuB;AACvD,SAAO,QAAQ;AAAA,IACb,KAAK,MAAM,OAAO,QAAQ,CAAC;AAAA,IAC3B;AAAA,MACE,MAAM,uBAAuB;AAAA,MAC7B,OAAO;AAAA,MACP,OAAO;AAAA,QACL,IAAI,UAAU;AAAA,QACd,MAAM,SAAS;AAAA,QACf,OAAO,MAAM;AAAA,UACX,QAAQ,MAAM,OAAO;AAAA,UACrB,QAAQ;AAAA,YACN;AAAA,cACE,UAAU,kBAAkB,QAAQ,eAAe,CAAC,EAAE;AAAA,cACtD,OAAO,EAAE,OAAO,KAAK,MAAM,KAAK;AAAA,YAClC;AAAA,UACF;AAAA,UACA,cAAc,EAAE,OAAO,KAAK,MAAM,IAAI;AAAA,QACxC,CAAC;AAAA,QACD,QAAQ,OAAO;AAAA,UACb,QAAQ,OAAO,OAAO;AAAA,UACtB,QAAQ;AAAA,YACN;AAAA,cACE,UAAU,kBAAkB,QAAQ,eAAe,CAAC,EAAE;AAAA,cACtD,OAAO;AAAA,gBACL,WAAW;AAAA,gBACX,aAAa;AAAA,gBACb,cAAc,EAAE,OAAO,IAAI,MAAM,KAAK;AAAA,gBACtC,YAAY;AAAA,cACd;AAAA,YACF;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../../src/components/builtin/Text/register.ts"],"sourcesContent":["import { type ReactRuntimeCore } from '../../../runtimes/react/react-runtime-core'\nimport { MakeswiftComponentType } from '../constants'\nimport { getBaseBreakpoint } from '@makeswift/controls'\nimport { RichText } from '../../../controls/rich-text-v2/rich-text-v2'\nimport { lazy } from 'react'\nimport { ElementID, Margin, Width } from '@makeswift/prop-controllers'\n\nexport function registerComponent(runtime: ReactRuntimeCore) {\n  return runtime.registerComponent(\n    lazy(() => import('./Text')),\n    {\n      type: MakeswiftComponentType.Text,\n      label: 'Text',\n      props: {\n        id: ElementID(),\n        text: RichText(),\n        width: Width({\n          format: Width.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: { value: 700, unit: 'px' },\n            },\n          ],\n          defaultValue: { value: 100, unit: '%' },\n        }),\n        margin: Margin({\n          format: Margin.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: {\n                marginTop: null,\n                marginRight: 'auto',\n                marginBottom: { value: 20, unit: 'px' },\n                marginLeft: 'auto',\n              },\n            },\n          ],\n        }),\n      },\n    },\n  )\n}\n"],"mappings":"AACA,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAClC,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,WAAW,QAAQ,aAAa;AAElC,SAAS,kBAAkB,SAA2B;AAC3D,SAAO,QAAQ;AAAA,IACb,KAAK,MAAM,OAAO,QAAQ,CAAC;AAAA,IAC3B;AAAA,MACE,MAAM,uBAAuB;AAAA,MAC7B,OAAO;AAAA,MACP,OAAO;AAAA,QACL,IAAI,UAAU;AAAA,QACd,MAAM,SAAS;AAAA,QACf,OAAO,MAAM;AAAA,UACX,QAAQ,MAAM,OAAO;AAAA,UACrB,QAAQ;AAAA,YACN;AAAA,cACE,UAAU,kBAAkB,QAAQ,eAAe,CAAC,EAAE;AAAA,cACtD,OAAO,EAAE,OAAO,KAAK,MAAM,KAAK;AAAA,YAClC;AAAA,UACF;AAAA,UACA,cAAc,EAAE,OAAO,KAAK,MAAM,IAAI;AAAA,QACxC,CAAC;AAAA,QACD,QAAQ,OAAO;AAAA,UACb,QAAQ,OAAO,OAAO;AAAA,UACtB,QAAQ;AAAA,YACN;AAAA,cACE,UAAU,kBAAkB,QAAQ,eAAe,CAAC,EAAE;AAAA,cACtD,OAAO;AAAA,gBACL,WAAW;AAAA,gBACX,aAAa;AAAA,gBACb,cAAc,EAAE,OAAO,IAAI,MAAM,KAAK;AAAA,gBACtC,YAAY;AAAA,cACd;AAAA,YACF;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/esm/components/builtin/Video/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/builtin/Video/register.ts"],"sourcesContent":["import { ReactRuntime } from '../../../runtimes/react'\nimport { MakeswiftComponentType } from '../constants'\nimport { ComponentIcon } from '../../../state/modules/components-meta'\nimport { lazy } from 'react'\nimport { BorderRadius, ElementID, Margin, Video, Width } from '@makeswift/prop-controllers'\n\nexport function registerComponent(runtime: ReactRuntime) {\n  return runtime.registerComponent(\n    lazy(() => import('./Video')),\n    {\n      type: MakeswiftComponentType.Video,\n      label: 'Video',\n      icon: ComponentIcon.Video,\n      props: {\n        id: ElementID(),\n        video: Video({ preset: { controls: true } }),\n        width: Width({\n          format: Width.Format.ClassName,\n          defaultValue: { value: 560, unit: 'px' },\n        }),\n        margin: Margin({ format: Margin.Format.ClassName }),\n        borderRadius: BorderRadius({ format: BorderRadius.Format.ClassName }),\n      },\n    },\n  )\n}\n"],"mappings":"AACA,SAAS,8BAA8B;AACvC,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AACrB,SAAS,cAAc,WAAW,QAAQ,OAAO,aAAa;AAEvD,SAAS,kBAAkB,SAAuB;AACvD,SAAO,QAAQ;AAAA,IACb,KAAK,MAAM,OAAO,SAAS,CAAC;AAAA,IAC5B;AAAA,MACE,MAAM,uBAAuB;AAAA,MAC7B,OAAO;AAAA,MACP,MAAM,cAAc;AAAA,MACpB,OAAO;AAAA,QACL,IAAI,UAAU;AAAA,QACd,OAAO,MAAM,EAAE,QAAQ,EAAE,UAAU,KAAK,EAAE,CAAC;AAAA,QAC3C,OAAO,MAAM;AAAA,UACX,QAAQ,MAAM,OAAO;AAAA,UACrB,cAAc,EAAE,OAAO,KAAK,MAAM,KAAK;AAAA,QACzC,CAAC;AAAA,QACD,QAAQ,OAAO,EAAE,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,QAClD,cAAc,aAAa,EAAE,QAAQ,aAAa,OAAO,UAAU,CAAC;AAAA,MACtE;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../../src/components/builtin/Video/register.ts"],"sourcesContent":["import { type ReactRuntimeCore } from '../../../runtimes/react/react-runtime-core'\nimport { MakeswiftComponentType } from '../constants'\nimport { ComponentIcon } from '../../../state/modules/components-meta'\nimport { lazy } from 'react'\nimport { BorderRadius, ElementID, Margin, Video, Width } from '@makeswift/prop-controllers'\n\nexport function registerComponent(runtime: ReactRuntimeCore) {\n  return runtime.registerComponent(\n    lazy(() => import('./Video')),\n    {\n      type: MakeswiftComponentType.Video,\n      label: 'Video',\n      icon: ComponentIcon.Video,\n      props: {\n        id: ElementID(),\n        video: Video({ preset: { controls: true } }),\n        width: Width({\n          format: Width.Format.ClassName,\n          defaultValue: { value: 560, unit: 'px' },\n        }),\n        margin: Margin({ format: Margin.Format.ClassName }),\n        borderRadius: BorderRadius({ format: BorderRadius.Format.ClassName }),\n      },\n    },\n  )\n}\n"],"mappings":"AACA,SAAS,8BAA8B;AACvC,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AACrB,SAAS,cAAc,WAAW,QAAQ,OAAO,aAAa;AAEvD,SAAS,kBAAkB,SAA2B;AAC3D,SAAO,QAAQ;AAAA,IACb,KAAK,MAAM,OAAO,SAAS,CAAC;AAAA,IAC5B;AAAA,MACE,MAAM,uBAAuB;AAAA,MAC7B,OAAO;AAAA,MACP,MAAM,cAAc;AAAA,MACpB,OAAO;AAAA,QACL,IAAI,UAAU;AAAA,QACd,OAAO,MAAM,EAAE,QAAQ,EAAE,UAAU,KAAK,EAAE,CAAC;AAAA,QAC3C,OAAO,MAAM;AAAA,UACX,QAAQ,MAAM,OAAO;AAAA,UACrB,cAAc,EAAE,OAAO,KAAK,MAAM,KAAK;AAAA,QACzC,CAAC;AAAA,QACD,QAAQ,OAAO,EAAE,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,QAClD,cAAc,aAAa,EAAE,QAAQ,aAAa,OAAO,UAAU,CAAC;AAAA,MACtE;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/esm/components/builtin/register.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/builtin/register.ts"],"sourcesContent":["import { type ReactRuntime } from '../../runtimes/react'\nimport { registerComponent as registerBoxComponent } from './Box/register'\nimport { registerComponent as registerButtonComponent } from './Button/register'\nimport { registerComponent as registerCarouselComponent } from './Carousel/register'\nimport { registerComponent as registerCountdownComponent } from './Countdown/register'\nimport { registerComponent as registerDividerComponent } from './Divider/register'\nimport { registerComponent as registerEmbedComponent } from './Embed/register'\nimport { registerComponent as registerFormComponent } from './Form/register'\nimport { registerComponent as registerImageComponent } from './Image/register'\nimport { registerComponent as registerNavigationComponent } from './Navigation/register'\nimport { registerComponent as registerRootComponent } from './Root/register'\nimport { registerComponent as registerSlotComponent } from './Slot/register'\nimport { registerComponent as registerSocialLinksComponent } from './SocialLinks/register'\nimport { registerComponent as registerTextComponent } from './Text/register'\nimport { registerComponent as registerVideoComponent } from './Video/register'\n\nexport function registerBuiltinComponents(runtime: ReactRuntime) {\n  const unregisterBoxComponent = registerBoxComponent(runtime)\n  const unregisterButtonComponent = registerButtonComponent(runtime)\n  const unregisterCarouselComponent = registerCarouselComponent(runtime)\n  const unregisterCountdownComponent = registerCountdownComponent(runtime)\n  const unregisterDividerComponent = registerDividerComponent(runtime)\n  const unregisterEmbedComponent = registerEmbedComponent(runtime)\n  const unregisterFormComponent = registerFormComponent(runtime)\n  const unregisterImageComponent = registerImageComponent(runtime)\n  const unregisterNavigationComponent = registerNavigationComponent(runtime)\n  const unregisterRootComponent = registerRootComponent(runtime)\n  const unregisterSlotComponent = registerSlotComponent(runtime)\n  const unregisterSocialLinksComponent = registerSocialLinksComponent(runtime)\n  const unregisterTextComponent = registerTextComponent(runtime)\n  const unregisterVideoComponent = registerVideoComponent(runtime)\n\n  return () => {\n    unregisterBoxComponent()\n    unregisterButtonComponent()\n    unregisterCarouselComponent()\n    unregisterCountdownComponent()\n    unregisterDividerComponent()\n    unregisterEmbedComponent()\n    unregisterFormComponent()\n    unregisterImageComponent()\n    unregisterNavigationComponent()\n    unregisterRootComponent()\n    unregisterSlotComponent()\n    unregisterSocialLinksComponent()\n    unregisterTextComponent()\n    unregisterVideoComponent()\n  }\n}\n"],"mappings":"AACA,SAAS,qBAAqB,4BAA4B;AAC1D,SAAS,qBAAqB,+BAA+B;AAC7D,SAAS,qBAAqB,iCAAiC;AAC/D,SAAS,qBAAqB,kCAAkC;AAChE,SAAS,qBAAqB,gCAAgC;AAC9D,SAAS,qBAAqB,8BAA8B;AAC5D,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,8BAA8B;AAC5D,SAAS,qBAAqB,mCAAmC;AACjE,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,oCAAoC;AAClE,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,8BAA8B;AAErD,SAAS,0BAA0B,SAAuB;AAC/D,QAAM,yBAAyB,qBAAqB,OAAO;AAC3D,QAAM,4BAA4B,wBAAwB,OAAO;AACjE,QAAM,8BAA8B,0BAA0B,OAAO;AACrE,QAAM,+BAA+B,2BAA2B,OAAO;AACvE,QAAM,6BAA6B,yBAAyB,OAAO;AACnE,QAAM,2BAA2B,uBAAuB,OAAO;AAC/D,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,2BAA2B,uBAAuB,OAAO;AAC/D,QAAM,gCAAgC,4BAA4B,OAAO;AACzE,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,iCAAiC,6BAA6B,OAAO;AAC3E,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,2BAA2B,uBAAuB,OAAO;AAE/D,SAAO,MAAM;AACX,2BAAuB;AACvB,8BAA0B;AAC1B,gCAA4B;AAC5B,iCAA6B;AAC7B,+BAA2B;AAC3B,6BAAyB;AACzB,4BAAwB;AACxB,6BAAyB;AACzB,kCAA8B;AAC9B,4BAAwB;AACxB,4BAAwB;AACxB,mCAA+B;AAC/B,4BAAwB;AACxB,6BAAyB;AAAA,EAC3B;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/builtin/register.ts"],"sourcesContent":["import { type ReactRuntimeCore } from '../../runtimes/react/react-runtime-core'\nimport { registerComponent as registerBoxComponent } from './Box/register'\nimport { registerComponent as registerButtonComponent } from './Button/register'\nimport { registerComponent as registerCarouselComponent } from './Carousel/register'\nimport { registerComponent as registerCountdownComponent } from './Countdown/register'\nimport { registerComponent as registerDividerComponent } from './Divider/register'\nimport { registerComponent as registerEmbedComponent } from './Embed/register'\nimport { registerComponent as registerFormComponent } from './Form/register'\nimport { registerComponent as registerImageComponent } from './Image/register'\nimport { registerComponent as registerNavigationComponent } from './Navigation/register'\nimport { registerComponent as registerRootComponent } from './Root/register'\nimport { registerComponent as registerSlotComponent } from './Slot/register'\nimport { registerComponent as registerSocialLinksComponent } from './SocialLinks/register'\nimport { registerComponent as registerTextComponent } from './Text/register'\nimport { registerComponent as registerVideoComponent } from './Video/register'\n\nexport function registerBuiltinComponents(runtime: ReactRuntimeCore) {\n  const unregisterBoxComponent = registerBoxComponent(runtime)\n  const unregisterButtonComponent = registerButtonComponent(runtime)\n  const unregisterCarouselComponent = registerCarouselComponent(runtime)\n  const unregisterCountdownComponent = registerCountdownComponent(runtime)\n  const unregisterDividerComponent = registerDividerComponent(runtime)\n  const unregisterEmbedComponent = registerEmbedComponent(runtime)\n  const unregisterFormComponent = registerFormComponent(runtime)\n  const unregisterImageComponent = registerImageComponent(runtime)\n  const unregisterNavigationComponent = registerNavigationComponent(runtime)\n  const unregisterRootComponent = registerRootComponent(runtime)\n  const unregisterSlotComponent = registerSlotComponent(runtime)\n  const unregisterSocialLinksComponent = registerSocialLinksComponent(runtime)\n  const unregisterTextComponent = registerTextComponent(runtime)\n  const unregisterVideoComponent = registerVideoComponent(runtime)\n\n  return () => {\n    unregisterBoxComponent()\n    unregisterButtonComponent()\n    unregisterCarouselComponent()\n    unregisterCountdownComponent()\n    unregisterDividerComponent()\n    unregisterEmbedComponent()\n    unregisterFormComponent()\n    unregisterImageComponent()\n    unregisterNavigationComponent()\n    unregisterRootComponent()\n    unregisterSlotComponent()\n    unregisterSocialLinksComponent()\n    unregisterTextComponent()\n    unregisterVideoComponent()\n  }\n}\n"],"mappings":"AACA,SAAS,qBAAqB,4BAA4B;AAC1D,SAAS,qBAAqB,+BAA+B;AAC7D,SAAS,qBAAqB,iCAAiC;AAC/D,SAAS,qBAAqB,kCAAkC;AAChE,SAAS,qBAAqB,gCAAgC;AAC9D,SAAS,qBAAqB,8BAA8B;AAC5D,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,8BAA8B;AAC5D,SAAS,qBAAqB,mCAAmC;AACjE,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,oCAAoC;AAClE,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,qBAAqB,8BAA8B;AAErD,SAAS,0BAA0B,SAA2B;AACnE,QAAM,yBAAyB,qBAAqB,OAAO;AAC3D,QAAM,4BAA4B,wBAAwB,OAAO;AACjE,QAAM,8BAA8B,0BAA0B,OAAO;AACrE,QAAM,+BAA+B,2BAA2B,OAAO;AACvE,QAAM,6BAA6B,yBAAyB,OAAO;AACnE,QAAM,2BAA2B,uBAAuB,OAAO;AAC/D,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,2BAA2B,uBAAuB,OAAO;AAC/D,QAAM,gCAAgC,4BAA4B,OAAO;AACzE,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,iCAAiC,6BAA6B,OAAO;AAC3E,QAAM,0BAA0B,sBAAsB,OAAO;AAC7D,QAAM,2BAA2B,uBAAuB,OAAO;AAE/D,SAAO,MAAM;AACX,2BAAuB;AACvB,8BAA0B;AAC1B,gCAA4B;AAC5B,iCAA6B;AAC7B,+BAA2B;AAC3B,6BAAyB;AACzB,4BAAwB;AACxB,6BAAyB;AACzB,kCAA8B;AAC9B,4BAAwB;AACxB,4BAAwB;AACxB,mCAA+B;AAC/B,4BAAwB;AACxB,6BAAyB;AAAA,EAC3B;AACF;","names":[]}

package/dist/esm/core/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/core/index.ts"],"sourcesContent":["export {\n  type Breakpoint,\n  type BreakpointId,\n  type Breakpoints,\n  type ConfigType,\n  type Data,\n  type DataType,\n  type DeviceOverride,\n  type FallbackStrategy,\n  type ValueType,\n  type ResolvedValueType,\n  type ResponsiveValue,\n  type ControlMessage,\n  type ReplacementContext,\n  type SendMessageType,\n  ControlDefinition,\n  ControlInstance,\n  DefaultControlInstance,\n  ShapeV2Control,\n  getBaseBreakpoint,\n  getBreakpoint,\n  findBreakpointOverride,\n  findNextFallback,\n  mergeOrCoalesceFallbacks,\n  mergeResponsiveValues,\n  shallowMergeFallbacks,\n  getViewportStyle,\n  replaceResourceIfNeeded,\n  shouldRemoveResource,\n  ContextResource,\n} from '@makeswift/controls'\n"],"mappings":"AAAA;AAAA,EAeE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}
+{"version":3,"sources":["../../../src/core/index.ts"],"sourcesContent":["export {\n  type Breakpoint,\n  type BreakpointId,\n  type Breakpoints,\n  type ConfigType,\n  type Data,\n  type DataType,\n  type DeviceOverride,\n  type FallbackStrategy,\n  type ValueType,\n  type ResolvedValueType,\n  type ResponsiveValue,\n  type ControlMessage,\n  type ReplacementContext,\n  type SendMessageType,\n  type Element,\n  ControlDefinition,\n  ControlInstance,\n  DefaultControlInstance,\n  ShapeV2Control,\n  getBaseBreakpoint,\n  getBreakpoint,\n  findBreakpointOverride,\n  findNextFallback,\n  mergeOrCoalesceFallbacks,\n  mergeResponsiveValues,\n  shallowMergeFallbacks,\n  getViewportStyle,\n  replaceResourceIfNeeded,\n  shouldRemoveResource,\n  ContextResource,\n} from '@makeswift/controls'\n"],"mappings":"AAAA;AAAA,EAgBE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/esm/index.js

@@ -1,43 +1,5 @@
-import {
-  ActionTypes,
-  changeDocument,
-  changeDocumentElementScrollTop,
-  cleanUp,
-  init,
-  messageHostPropController,
-  changeApiResource,
-  evictApiResource,
-  registerDocument,
-  scrollDocumentElement,
-  unregisterDocument,
-  setBuilderEditMode,
-  builderPointerMove,
-  setBreakpoints,
-  setLocale,
-  setLocalizedResourceId
-} from "./state/actions";
 import { ComponentIcon } from "./state/modules/components-meta";
-import { createBaseDocument } from "./state/react-page";
-import { MakeswiftComponentType } from "./components/builtin/constants";
 export {
-  ActionTypes,
-  ComponentIcon,
-  MakeswiftComponentType,
-  builderPointerMove,
-  changeApiResource,
-  changeDocument,
-  changeDocumentElementScrollTop,
-  cleanUp,
-  createBaseDocument,
-  evictApiResource,
-  init,
-  messageHostPropController,
-  registerDocument,
-  scrollDocumentElement,
-  setBreakpoints,
-  setBuilderEditMode,
-  setLocale,
-  setLocalizedResourceId,
-  unregisterDocument
+  ComponentIcon
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type { Action, SetBreakpointsAction } from './state/actions'\nexport {\n  ActionTypes,\n  changeDocument,\n  changeDocumentElementScrollTop,\n  cleanUp,\n  init,\n  messageHostPropController,\n  changeApiResource,\n  evictApiResource,\n  registerDocument,\n  scrollDocumentElement,\n  unregisterDocument,\n  setBuilderEditMode,\n  builderPointerMove,\n  setBreakpoints,\n  setLocale,\n  setLocalizedResourceId,\n} from './state/actions'\nexport type { Operation } from './state/modules/read-write-documents'\nexport type { ComponentMeta } from './state/modules/components-meta'\nexport { ComponentIcon } from './state/modules/components-meta'\nexport type {\n  PropControllerDescriptor,\n  PropControllerDescriptorValueType,\n} from './prop-controllers'\nexport type { Element } from './state/react-page'\nexport { createBaseDocument } from './state/react-page'\nexport { MakeswiftComponentType } from './components/builtin/constants'\n"],"mappings":"AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,qBAAqB;AAM9B,SAAS,0BAA0B;AACnC,SAAS,8BAA8B;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export type { ComponentMeta } from './state/modules/components-meta'\nexport { ComponentIcon } from './state/modules/components-meta'\n"],"mappings":"AACA,SAAS,qBAAqB;","names":[]}

package/dist/esm/next/components/tests/__fixtures__/element-data/box-component.js

@@ -1,4 +1,4 @@
-import { MakeswiftComponentType } from "../../../../../components";
+import { MakeswiftComponentType } from "../../../../../components/builtin/constants";
 const boxComponentData = ({
   htmlId,
   backgrounds = []

package/dist/esm/next/components/tests/__fixtures__/element-data/box-component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/next/components/tests/__fixtures__/element-data/box-component.ts"],"sourcesContent":["import { type ElementData } from '@makeswift/controls'\nimport { type BackgroundData } from '@makeswift/prop-controllers'\n\nimport { MakeswiftComponentType } from '../../../../../components'\n\nexport const boxComponentData = ({\n  htmlId,\n  backgrounds = [],\n}: {\n  htmlId: string\n  backgrounds: BackgroundData[]\n}): ElementData => ({\n  key: 'a87eab9c-1c2b-462e-8f79-e836dd836271',\n  props: {\n    backgrounds: {\n      '@@makeswift/type': 'prop-controllers::backgrounds::v2',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: backgrounds,\n        },\n      ],\n    },\n    id: {\n      '@@makeswift/type': 'prop-controllers::element-id::v1',\n      value: htmlId,\n    },\n    margin: {\n      '@@makeswift/type': 'prop-controllers::margin::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            marginBottom: {\n              unit: 'px',\n              value: 60,\n            },\n            marginTop: {\n              unit: 'px',\n              value: 40,\n            },\n          },\n        },\n      ],\n    },\n    padding: {\n      '@@makeswift/type': 'prop-controllers::padding::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            paddingBottom: {\n              unit: 'px',\n              value: 470,\n            },\n            paddingLeft: {\n              unit: 'px',\n              value: 10,\n            },\n            paddingRight: {\n              unit: 'px',\n              value: 10,\n            },\n            paddingTop: {\n              unit: 'px',\n              value: 10,\n            },\n          },\n        },\n      ],\n    },\n    width: {\n      '@@makeswift/type': 'prop-controllers::width::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            unit: 'px',\n            value: 1160,\n          },\n        },\n      ],\n    },\n  },\n  type: MakeswiftComponentType.Box,\n})\n\nexport const imageBackgroundData = (imageId: string): BackgroundData => ({\n  id: 'd710554f-3b2a-4dc5-8785-44224d09e579',\n  payload: {\n    imageId,\n    opacity: 0.9,\n    parallax: 0,\n    position: {\n      x: 0,\n      y: 0,\n    },\n    priority: true,\n    size: 'contain',\n  },\n  type: 'image',\n})\n"],"mappings":"AAGA,SAAS,8BAA8B;AAEhC,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,cAAc,CAAC;AACjB,OAGoB;AAAA,EAClB,KAAK;AAAA,EACL,OAAO;AAAA,IACL,aAAa;AAAA,MACX,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,IACA,IAAI;AAAA,MACF,oBAAoB;AAAA,MACpB,OAAO;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,YACL,cAAc;AAAA,cACZ,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,WAAW;AAAA,cACT,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,YACL,eAAe;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,aAAa;AAAA,cACX,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,cAAc;AAAA,cACZ,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,YAAY;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,YACL,MAAM;AAAA,YACN,OAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,uBAAuB;AAC/B;AAEO,MAAM,sBAAsB,CAAC,aAAqC;AAAA,EACvE,IAAI;AAAA,EACJ,SAAS;AAAA,IACP;AAAA,IACA,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,MACR,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AACR;","names":[]}
+{"version":3,"sources":["../../../../../../../src/next/components/tests/__fixtures__/element-data/box-component.ts"],"sourcesContent":["import { type ElementData } from '@makeswift/controls'\nimport { type BackgroundData } from '@makeswift/prop-controllers'\n\nimport { MakeswiftComponentType } from '../../../../../components/builtin/constants'\n\nexport const boxComponentData = ({\n  htmlId,\n  backgrounds = [],\n}: {\n  htmlId: string\n  backgrounds: BackgroundData[]\n}): ElementData => ({\n  key: 'a87eab9c-1c2b-462e-8f79-e836dd836271',\n  props: {\n    backgrounds: {\n      '@@makeswift/type': 'prop-controllers::backgrounds::v2',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: backgrounds,\n        },\n      ],\n    },\n    id: {\n      '@@makeswift/type': 'prop-controllers::element-id::v1',\n      value: htmlId,\n    },\n    margin: {\n      '@@makeswift/type': 'prop-controllers::margin::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            marginBottom: {\n              unit: 'px',\n              value: 60,\n            },\n            marginTop: {\n              unit: 'px',\n              value: 40,\n            },\n          },\n        },\n      ],\n    },\n    padding: {\n      '@@makeswift/type': 'prop-controllers::padding::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            paddingBottom: {\n              unit: 'px',\n              value: 470,\n            },\n            paddingLeft: {\n              unit: 'px',\n              value: 10,\n            },\n            paddingRight: {\n              unit: 'px',\n              value: 10,\n            },\n            paddingTop: {\n              unit: 'px',\n              value: 10,\n            },\n          },\n        },\n      ],\n    },\n    width: {\n      '@@makeswift/type': 'prop-controllers::width::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            unit: 'px',\n            value: 1160,\n          },\n        },\n      ],\n    },\n  },\n  type: MakeswiftComponentType.Box,\n})\n\nexport const imageBackgroundData = (imageId: string): BackgroundData => ({\n  id: 'd710554f-3b2a-4dc5-8785-44224d09e579',\n  payload: {\n    imageId,\n    opacity: 0.9,\n    parallax: 0,\n    position: {\n      x: 0,\n      y: 0,\n    },\n    priority: true,\n    size: 'contain',\n  },\n  type: 'image',\n})\n"],"mappings":"AAGA,SAAS,8BAA8B;AAEhC,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA,cAAc,CAAC;AACjB,OAGoB;AAAA,EAClB,KAAK;AAAA,EACL,OAAO;AAAA,IACL,aAAa;AAAA,MACX,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,IACA,IAAI;AAAA,MACF,oBAAoB;AAAA,MACpB,OAAO;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,YACL,cAAc;AAAA,cACZ,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,WAAW;AAAA,cACT,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,YACL,eAAe;AAAA,cACb,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,aAAa;AAAA,cACX,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,cAAc;AAAA,cACZ,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,YAAY;AAAA,cACV,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,YACL,MAAM;AAAA,YACN,OAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,uBAAuB;AAC/B;AAEO,MAAM,sBAAsB,CAAC,aAAqC;AAAA,EACvE,IAAI;AAAA,EACJ,SAAS;AAAA,IACP;AAAA,IACA,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,MACR,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AACR;","names":[]}

package/dist/esm/next/components/tests/__fixtures__/element-data/button-component.js

@@ -1,4 +1,4 @@
-import { MakeswiftComponentType } from "../../../../../components";
+import { MakeswiftComponentType } from "../../../../../components/builtin/constants";
 const buttonComponentData = ({
   htmlId,
   linkData: linkData2

package/dist/esm/next/components/tests/__fixtures__/element-data/button-component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/next/components/tests/__fixtures__/element-data/button-component.ts"],"sourcesContent":["import { type ElementData } from '@makeswift/controls'\nimport { LinkData } from '@makeswift/prop-controllers'\n\nimport { MakeswiftComponentType } from '../../../../../components'\n\nexport const buttonComponentData = ({\n  htmlId,\n  linkData,\n}: {\n  htmlId: string\n  linkData: LinkData\n}): ElementData => ({\n  key: '3dda7ade-3dcb-4776-a2f5-2f7e04e34ec2',\n  props: {\n    id: {\n      '@@makeswift/type': 'prop-controllers::element-id::v1',\n      value: htmlId,\n    },\n    link: {\n      '@@makeswift/type': 'prop-controllers::link::v1',\n      value: linkData,\n    },\n    margin: {\n      '@@makeswift/type': 'prop-controllers::margin::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            marginBottom: {\n              unit: 'px',\n              value: 80,\n            },\n            marginTop: {\n              unit: 'px',\n              value: 60,\n            },\n          },\n        },\n      ],\n    },\n  },\n  type: MakeswiftComponentType.Button,\n})\n\nexport const linkUrlData = (url: string = 'https://www.makeswift.com/'): LinkData => ({\n  payload: {\n    openInNewTab: false,\n    url,\n  },\n  type: 'OPEN_URL',\n})\n\nexport const linkData: Record<string, LinkData> = {\n  page: {\n    payload: {\n      openInNewTab: false,\n      pageId: 'UGFnZTozOWZkNDcyZS03N2QxLTRjZDItOGE3Yi02ZTQ2MDU3ODgxNzM=',\n    },\n    type: 'OPEN_PAGE',\n  },\n  url: linkUrlData(),\n  email: {\n    payload: {\n      body: '',\n      subject: 'Buttons',\n      to: 'alan@makeswift.com',\n    },\n    type: 'SEND_EMAIL',\n  },\n  phone: {\n    payload: {\n      phoneNumber: '15551234567',\n    },\n    type: 'CALL_PHONE',\n  },\n  element: {\n    payload: {\n      block: 'start',\n      elementIdConfig: {\n        elementKey: '3dda7ade-3dcb-4776-a2f5-2f7e04e34ec2',\n        propName: 'id',\n      },\n    },\n    type: 'SCROLL_TO_ELEMENT',\n  },\n}\n"],"mappings":"AAGA,SAAS,8BAA8B;AAEhC,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA,UAAAA;AACF,OAGoB;AAAA,EAClB,KAAK;AAAA,EACL,OAAO;AAAA,IACL,IAAI;AAAA,MACF,oBAAoB;AAAA,MACpB,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,oBAAoB;AAAA,MACpB,OAAOA;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,YACL,cAAc;AAAA,cACZ,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,WAAW;AAAA,cACT,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,uBAAuB;AAC/B;AAEO,MAAM,cAAc,CAAC,MAAc,kCAA4C;AAAA,EACpF,SAAS;AAAA,IACP,cAAc;AAAA,IACd;AAAA,EACF;AAAA,EACA,MAAM;AACR;AAEO,MAAM,WAAqC;AAAA,EAChD,MAAM;AAAA,IACJ,SAAS;AAAA,MACP,cAAc;AAAA,MACd,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA,KAAK,YAAY;AAAA,EACjB,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,IAAI;AAAA,IACN;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,aAAa;AAAA,IACf;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,MACP,OAAO;AAAA,MACP,iBAAiB;AAAA,QACf,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,EACR;AACF;","names":["linkData"]}
+{"version":3,"sources":["../../../../../../../src/next/components/tests/__fixtures__/element-data/button-component.ts"],"sourcesContent":["import { type ElementData } from '@makeswift/controls'\nimport { LinkData } from '@makeswift/prop-controllers'\n\nimport { MakeswiftComponentType } from '../../../../../components/builtin/constants'\n\nexport const buttonComponentData = ({\n  htmlId,\n  linkData,\n}: {\n  htmlId: string\n  linkData: LinkData\n}): ElementData => ({\n  key: '3dda7ade-3dcb-4776-a2f5-2f7e04e34ec2',\n  props: {\n    id: {\n      '@@makeswift/type': 'prop-controllers::element-id::v1',\n      value: htmlId,\n    },\n    link: {\n      '@@makeswift/type': 'prop-controllers::link::v1',\n      value: linkData,\n    },\n    margin: {\n      '@@makeswift/type': 'prop-controllers::margin::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            marginBottom: {\n              unit: 'px',\n              value: 80,\n            },\n            marginTop: {\n              unit: 'px',\n              value: 60,\n            },\n          },\n        },\n      ],\n    },\n  },\n  type: MakeswiftComponentType.Button,\n})\n\nexport const linkUrlData = (url: string = 'https://www.makeswift.com/'): LinkData => ({\n  payload: {\n    openInNewTab: false,\n    url,\n  },\n  type: 'OPEN_URL',\n})\n\nexport const linkData: Record<string, LinkData> = {\n  page: {\n    payload: {\n      openInNewTab: false,\n      pageId: 'UGFnZTozOWZkNDcyZS03N2QxLTRjZDItOGE3Yi02ZTQ2MDU3ODgxNzM=',\n    },\n    type: 'OPEN_PAGE',\n  },\n  url: linkUrlData(),\n  email: {\n    payload: {\n      body: '',\n      subject: 'Buttons',\n      to: 'alan@makeswift.com',\n    },\n    type: 'SEND_EMAIL',\n  },\n  phone: {\n    payload: {\n      phoneNumber: '15551234567',\n    },\n    type: 'CALL_PHONE',\n  },\n  element: {\n    payload: {\n      block: 'start',\n      elementIdConfig: {\n        elementKey: '3dda7ade-3dcb-4776-a2f5-2f7e04e34ec2',\n        propName: 'id',\n      },\n    },\n    type: 'SCROLL_TO_ELEMENT',\n  },\n}\n"],"mappings":"AAGA,SAAS,8BAA8B;AAEhC,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA,UAAAA;AACF,OAGoB;AAAA,EAClB,KAAK;AAAA,EACL,OAAO;AAAA,IACL,IAAI;AAAA,MACF,oBAAoB;AAAA,MACpB,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,oBAAoB;AAAA,MACpB,OAAOA;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,oBAAoB;AAAA,MACpB,OAAO;AAAA,QACL;AAAA,UACE,UAAU;AAAA,UACV,OAAO;AAAA,YACL,cAAc;AAAA,cACZ,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,YACA,WAAW;AAAA,cACT,MAAM;AAAA,cACN,OAAO;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,uBAAuB;AAC/B;AAEO,MAAM,cAAc,CAAC,MAAc,kCAA4C;AAAA,EACpF,SAAS;AAAA,IACP,cAAc;AAAA,IACd;AAAA,EACF;AAAA,EACA,MAAM;AACR;AAEO,MAAM,WAAqC;AAAA,EAChD,MAAM;AAAA,IACJ,SAAS;AAAA,MACP,cAAc;AAAA,MACd,QAAQ;AAAA,IACV;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA,KAAK,YAAY;AAAA,EACjB,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,IAAI;AAAA,IACN;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,aAAa;AAAA,IACf;AAAA,IACA,MAAM;AAAA,EACR;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,MACP,OAAO;AAAA,MACP,iBAAiB;AAAA,QACf,YAAY;AAAA,QACZ,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,EACR;AACF;","names":["linkData"]}

package/dist/esm/next/components/tests/__fixtures__/element-data/image-component.js

@@ -1,4 +1,4 @@
-import { MakeswiftComponentType } from "../../../../../components";
+import { MakeswiftComponentType } from "../../../../../components/builtin/constants";
 const imageComponentData = ({
   htmlId,
   swatchId,

package/dist/esm/next/components/tests/__fixtures__/element-data/image-component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/next/components/tests/__fixtures__/element-data/image-component.ts"],"sourcesContent":["import { type ElementData } from '@makeswift/controls'\n\nimport { MakeswiftComponentType } from '../../../../../components'\n\nexport const imageComponentData = ({\n  htmlId,\n  swatchId,\n  fileId,\n}: {\n  htmlId: string\n  swatchId: string\n  fileId: string\n}): ElementData => ({\n  key: '53d97944-87d4-4337-8260-a11c6bad827b',\n  props: {\n    altText: {\n      '@@makeswift/type': 'prop-controllers::text-input::v1',\n      value: 'Hill chart',\n    },\n    border: {\n      '@@makeswift/type': 'prop-controllers::border::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            borderBottom: {\n              color: {\n                alpha: 1,\n                swatchId,\n              },\n              style: 'solid',\n              width: 2,\n            },\n            borderLeft: {\n              color: {\n                alpha: 1,\n                swatchId,\n              },\n              style: 'solid',\n              width: 2,\n            },\n            borderRight: {\n              color: {\n                alpha: 1,\n                swatchId,\n              },\n              style: 'solid',\n              width: 2,\n            },\n            borderTop: {\n              color: {\n                alpha: 1,\n                swatchId,\n              },\n              style: 'solid',\n              width: 2,\n            },\n          },\n        },\n      ],\n    },\n    borderRadius: {\n      '@@makeswift/type': 'prop-controllers::border-radius::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            borderBottomLeftRadius: {\n              unit: 'px',\n              value: 6,\n            },\n            borderBottomRightRadius: {\n              unit: 'px',\n              value: 6,\n            },\n            borderTopLeftRadius: {\n              unit: 'px',\n              value: 6,\n            },\n            borderTopRightRadius: {\n              unit: 'px',\n              value: 6,\n            },\n          },\n        },\n      ],\n    },\n    file: {\n      '@@makeswift/type': 'prop-controllers::image::v2',\n      value: {\n        id: fileId,\n        type: 'makeswift-file',\n        version: 1,\n      },\n    },\n    id: {\n      '@@makeswift/type': 'prop-controllers::element-id::v1',\n      value: htmlId,\n    },\n    link: {\n      '@@makeswift/type': 'prop-controllers::link::v1',\n      value: {\n        payload: {\n          openInNewTab: false,\n          url: 'https://www.makeswift.com/',\n        },\n        type: 'OPEN_URL',\n      },\n    },\n    margin: {\n      '@@makeswift/type': 'prop-controllers::margin::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            marginBottom: {\n              unit: 'px',\n              value: 25,\n            },\n            marginTop: {\n              unit: 'px',\n              value: 20,\n            },\n          },\n        },\n      ],\n    },\n    padding: {\n      '@@makeswift/type': 'prop-controllers::padding::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            paddingBottom: {\n              unit: 'px',\n              value: 5,\n            },\n            paddingLeft: {\n              unit: 'px',\n              value: 5,\n            },\n            paddingRight: {\n              unit: 'px',\n              value: 5,\n            },\n            paddingTop: {\n              unit: 'px',\n              value: 5,\n            },\n          },\n        },\n      ],\n    },\n    priority: {\n      '@@makeswift/type': 'prop-controllers::checkbox::v1',\n      value: true,\n    },\n    width: {\n      '@@makeswift/type': 'prop-controllers::width::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            unit: '%',\n            value: 90,\n          },\n        },\n      ],\n    },\n  },\n  type: MakeswiftComponentType.Image,\n})\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../../../src/next/components/tests/__fixtures__/element-data/image-component.ts"],"sourcesContent":["import { type ElementData } from '@makeswift/controls'\n\nimport { MakeswiftComponentType } from '../../../../../components/builtin/constants'\n\nexport const imageComponentData = ({\n  htmlId,\n  swatchId,\n  fileId,\n}: {\n  htmlId: string\n  swatchId: string\n  fileId: string\n}): ElementData => ({\n  key: '53d97944-87d4-4337-8260-a11c6bad827b',\n  props: {\n    altText: {\n      '@@makeswift/type': 'prop-controllers::text-input::v1',\n      value: 'Hill chart',\n    },\n    border: {\n      '@@makeswift/type': 'prop-controllers::border::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            borderBottom: {\n              color: {\n                alpha: 1,\n                swatchId,\n              },\n              style: 'solid',\n              width: 2,\n            },\n            borderLeft: {\n              color: {\n                alpha: 1,\n                swatchId,\n              },\n              style: 'solid',\n              width: 2,\n            },\n            borderRight: {\n              color: {\n                alpha: 1,\n                swatchId,\n              },\n              style: 'solid',\n              width: 2,\n            },\n            borderTop: {\n              color: {\n                alpha: 1,\n                swatchId,\n              },\n              style: 'solid',\n              width: 2,\n            },\n          },\n        },\n      ],\n    },\n    borderRadius: {\n      '@@makeswift/type': 'prop-controllers::border-radius::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            borderBottomLeftRadius: {\n              unit: 'px',\n              value: 6,\n            },\n            borderBottomRightRadius: {\n              unit: 'px',\n              value: 6,\n            },\n            borderTopLeftRadius: {\n              unit: 'px',\n              value: 6,\n            },\n            borderTopRightRadius: {\n              unit: 'px',\n              value: 6,\n            },\n          },\n        },\n      ],\n    },\n    file: {\n      '@@makeswift/type': 'prop-controllers::image::v2',\n      value: {\n        id: fileId,\n        type: 'makeswift-file',\n        version: 1,\n      },\n    },\n    id: {\n      '@@makeswift/type': 'prop-controllers::element-id::v1',\n      value: htmlId,\n    },\n    link: {\n      '@@makeswift/type': 'prop-controllers::link::v1',\n      value: {\n        payload: {\n          openInNewTab: false,\n          url: 'https://www.makeswift.com/',\n        },\n        type: 'OPEN_URL',\n      },\n    },\n    margin: {\n      '@@makeswift/type': 'prop-controllers::margin::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            marginBottom: {\n              unit: 'px',\n              value: 25,\n            },\n            marginTop: {\n              unit: 'px',\n              value: 20,\n            },\n          },\n        },\n      ],\n    },\n    padding: {\n      '@@makeswift/type': 'prop-controllers::padding::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            paddingBottom: {\n              unit: 'px',\n              value: 5,\n            },\n            paddingLeft: {\n              unit: 'px',\n              value: 5,\n            },\n            paddingRight: {\n              unit: 'px',\n              value: 5,\n            },\n            paddingTop: {\n              unit: 'px',\n              value: 5,\n            },\n          },\n        },\n      ],\n    },\n    priority: {\n      '@@makeswift/type': 'prop-controllers::checkbox::v1',\n      value: true,\n    },\n    width: {\n      '@@makeswift/type': 'prop-controllers::width::v1',\n      value: [\n        {\n          deviceId: 'desktop',\n          value: {\n            unit: '%',\n            value: 90,\n          },\n        },\n      ],\n    },\n  },\n  type: MakeswiftComponentType.Image,\n})\n"],"mappings":"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","names":[]}

package/dist/esm/next/components/tests/__fixtures__/page-document.js

@@ -1,4 +1,4 @@
-import { MakeswiftComponentType } from "../../../../components";
+import { MakeswiftComponentType } from "../../../../components/builtin/constants";
 const pageDocument = {
   id: "2222-2222-2222-2222",
   site: {

package/dist/esm/next/components/tests/__fixtures__/page-document.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/next/components/tests/__fixtures__/page-document.ts"],"sourcesContent":["import { type MakeswiftPageDocument } from '../../../../client'\nimport { MakeswiftComponentType } from '../../../../components'\n\nexport const pageDocument: MakeswiftPageDocument = {\n  id: '2222-2222-2222-2222',\n  site: {\n    id: '1111-1111-1111-1111',\n  },\n  data: {\n    type: MakeswiftComponentType.Root,\n    key: '0000-0000-0000-0000',\n    props: {},\n  },\n  snippets: [],\n  fonts: [],\n  localizedPages: [],\n  locale: null,\n  meta: {},\n  seo: {},\n}\n"],"mappings":"AACA,SAAS,8BAA8B;AAEhC,MAAM,eAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,MAAM;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,MAAM,uBAAuB;AAAA,IAC7B,KAAK;AAAA,IACL,OAAO,CAAC;AAAA,EACV;AAAA,EACA,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,gBAAgB,CAAC;AAAA,EACjB,QAAQ;AAAA,EACR,MAAM,CAAC;AAAA,EACP,KAAK,CAAC;AACR;","names":[]}
+{"version":3,"sources":["../../../../../../src/next/components/tests/__fixtures__/page-document.ts"],"sourcesContent":["import { type MakeswiftPageDocument } from '../../../../client'\nimport { MakeswiftComponentType } from '../../../../components/builtin/constants'\n\nexport const pageDocument: MakeswiftPageDocument = {\n  id: '2222-2222-2222-2222',\n  site: {\n    id: '1111-1111-1111-1111',\n  },\n  data: {\n    type: MakeswiftComponentType.Root,\n    key: '0000-0000-0000-0000',\n    props: {},\n  },\n  snippets: [],\n  fonts: [],\n  localizedPages: [],\n  locale: null,\n  meta: {},\n  seo: {},\n}\n"],"mappings":"AACA,SAAS,8BAA8B;AAEhC,MAAM,eAAsC;AAAA,EACjD,IAAI;AAAA,EACJ,MAAM;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,MAAM,uBAAuB;AAAA,IAC7B,KAAK;AAAA,IACL,OAAO,CAAC;AAAA,EACV;AAAA,EACA,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,gBAAgB,CAAC;AAAA,EACjB,QAAQ;AAAA,EACR,MAAM,CAAC;AAAA,EACP,KAAK,CAAC;AACR;","names":[]}

package/dist/esm/next/testing/element-data.js

@@ -1,6 +1,6 @@
 import { randomUUID } from "crypto";
 import { CacheData } from "../../api/react";
-import { MakeswiftComponentType } from "../../components";
+import { MakeswiftComponentType } from "../../components/builtin/constants";
 function createRootComponent(elements, rootId) {
   return {
     key: rootId ?? randomUUID(),

package/dist/esm/next/testing/element-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/testing/element-data.ts"],"sourcesContent":["import { randomUUID } from 'crypto'\n\nimport {\n  type MakeswiftPageSnapshot,\n  type MakeswiftPageDocument,\n  type MakeswiftComponentSnapshot,\n} from '../../client'\nimport { CacheData } from '../../api/react'\nimport { type ElementData } from '../../state/react-page'\nimport { MakeswiftComponentType } from '../../components'\n\nexport function createRootComponent(elements: ElementData[], rootId?: string) {\n  return {\n    key: rootId ?? randomUUID(),\n    type: MakeswiftComponentType.Root,\n    props: {\n      children: {\n        columns: [\n          {\n            deviceId: 'desktop',\n            value: {\n              count: 12,\n              spans: elements?.map(() => [12]),\n            },\n          },\n        ],\n        elements,\n      },\n    },\n  }\n}\n\nconst isDocument = (\n  elementDataOrDocument: ElementData | MakeswiftPageDocument,\n): elementDataOrDocument is MakeswiftPageDocument =>\n  'snippets' in elementDataOrDocument ||\n  'fonts' in elementDataOrDocument ||\n  'meta' in elementDataOrDocument ||\n  'seo' in elementDataOrDocument\n\nexport function createMakeswiftPageSnapshot(\n  elementDataOrDocument: ElementData | MakeswiftPageDocument,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftPageSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftPageSnapshot {\n  return {\n    document: isDocument(elementDataOrDocument)\n      ? elementDataOrDocument\n      : {\n          id: 'test-page-id',\n          site: { id: 'test-site-id' },\n          data: elementDataOrDocument,\n          snippets: [],\n          fonts: [],\n          meta: {},\n          seo: {},\n          localizedPages: [],\n          locale,\n        },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n\nexport function createMakeswiftComponentSnapshot(\n  elementData: ElementData | null,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftComponentSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftComponentSnapshot {\n  return {\n    key: randomUUID(),\n    document: {\n      id: 'test-component-id',\n      name: 'Test Component Document',\n      siteId: 'test-site-id',\n      data: elementData,\n      inheritsFromParent: false,\n      locale,\n    },\n    meta: {\n      allowLocaleFallback: false,\n      requestedLocale: locale,\n    },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAO3B,SAAS,iBAAiB;AAE1B,SAAS,8BAA8B;AAEhC,SAAS,oBAAoB,UAAyB,QAAiB;AAC5E,SAAO;AAAA,IACL,KAAK,UAAU,WAAW;AAAA,IAC1B,MAAM,uBAAuB;AAAA,IAC7B,OAAO;AAAA,MACL,UAAU;AAAA,QACR,SAAS;AAAA,UACP;AAAA,YACE,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO,UAAU,IAAI,MAAM,CAAC,EAAE,CAAC;AAAA,YACjC;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,aAAa,CACjB,0BAEA,cAAc,yBACd,WAAW,yBACX,UAAU,yBACV,SAAS;AAEJ,SAAS,4BACd,uBACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAAyF,CAAC,GACnE;AACvB,SAAO;AAAA,IACL,UAAU,WAAW,qBAAqB,IACtC,wBACA;AAAA,MACE,IAAI;AAAA,MACJ,MAAM,EAAE,IAAI,eAAe;AAAA,MAC3B,MAAM;AAAA,MACN,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,MAAM,CAAC;AAAA,MACP,KAAK,CAAC;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB;AAAA,IACF;AAAA,IACJ,WAAW;AAAA,MACT,GAAG,UAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEO,SAAS,iCACd,aACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAA8F,CAAC,GACnE;AAC5B,SAAO;AAAA,IACL,KAAK,WAAW;AAAA,IAChB,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,oBAAoB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,qBAAqB;AAAA,MACrB,iBAAiB;AAAA,IACnB;AAAA,IACA,WAAW;AAAA,MACT,GAAG,UAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/next/testing/element-data.ts"],"sourcesContent":["import { randomUUID } from 'crypto'\n\nimport {\n  type MakeswiftPageSnapshot,\n  type MakeswiftPageDocument,\n  type MakeswiftComponentSnapshot,\n} from '../../client'\nimport { CacheData } from '../../api/react'\nimport { type ElementData } from '../../state/react-page'\nimport { MakeswiftComponentType } from '../../components/builtin/constants'\n\nexport function createRootComponent(elements: ElementData[], rootId?: string) {\n  return {\n    key: rootId ?? randomUUID(),\n    type: MakeswiftComponentType.Root,\n    props: {\n      children: {\n        columns: [\n          {\n            deviceId: 'desktop',\n            value: {\n              count: 12,\n              spans: elements?.map(() => [12]),\n            },\n          },\n        ],\n        elements,\n      },\n    },\n  }\n}\n\nconst isDocument = (\n  elementDataOrDocument: ElementData | MakeswiftPageDocument,\n): elementDataOrDocument is MakeswiftPageDocument =>\n  'snippets' in elementDataOrDocument ||\n  'fonts' in elementDataOrDocument ||\n  'meta' in elementDataOrDocument ||\n  'seo' in elementDataOrDocument\n\nexport function createMakeswiftPageSnapshot(\n  elementDataOrDocument: ElementData | MakeswiftPageDocument,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftPageSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftPageSnapshot {\n  return {\n    document: isDocument(elementDataOrDocument)\n      ? elementDataOrDocument\n      : {\n          id: 'test-page-id',\n          site: { id: 'test-site-id' },\n          data: elementDataOrDocument,\n          snippets: [],\n          fonts: [],\n          meta: {},\n          seo: {},\n          localizedPages: [],\n          locale,\n        },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n\nexport function createMakeswiftComponentSnapshot(\n  elementData: ElementData | null,\n  {\n    cacheData = {},\n    locale = null,\n  }: { cacheData?: Partial<MakeswiftComponentSnapshot['cacheData']>; locale?: string | null } = {},\n): MakeswiftComponentSnapshot {\n  return {\n    key: randomUUID(),\n    document: {\n      id: 'test-component-id',\n      name: 'Test Component Document',\n      siteId: 'test-site-id',\n      data: elementData,\n      inheritsFromParent: false,\n      locale,\n    },\n    meta: {\n      allowLocaleFallback: false,\n      requestedLocale: locale,\n    },\n    cacheData: {\n      ...CacheData.empty(),\n      ...cacheData,\n    },\n  }\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAO3B,SAAS,iBAAiB;AAE1B,SAAS,8BAA8B;AAEhC,SAAS,oBAAoB,UAAyB,QAAiB;AAC5E,SAAO;AAAA,IACL,KAAK,UAAU,WAAW;AAAA,IAC1B,MAAM,uBAAuB;AAAA,IAC7B,OAAO;AAAA,MACL,UAAU;AAAA,QACR,SAAS;AAAA,UACP;AAAA,YACE,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO,UAAU,IAAI,MAAM,CAAC,EAAE,CAAC;AAAA,YACjC;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,MAAM,aAAa,CACjB,0BAEA,cAAc,yBACd,WAAW,yBACX,UAAU,yBACV,SAAS;AAEJ,SAAS,4BACd,uBACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAAyF,CAAC,GACnE;AACvB,SAAO;AAAA,IACL,UAAU,WAAW,qBAAqB,IACtC,wBACA;AAAA,MACE,IAAI;AAAA,MACJ,MAAM,EAAE,IAAI,eAAe;AAAA,MAC3B,MAAM;AAAA,MACN,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,MAAM,CAAC;AAAA,MACP,KAAK,CAAC;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB;AAAA,IACF;AAAA,IACJ,WAAW;AAAA,MACT,GAAG,UAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEO,SAAS,iCACd,aACA;AAAA,EACE,YAAY,CAAC;AAAA,EACb,SAAS;AACX,IAA8F,CAAC,GACnE;AAC5B,SAAO;AAAA,IACL,KAAK,WAAW;AAAA,IAChB,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,oBAAoB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,qBAAqB;AAAA,MACrB,iBAAiB;AAAA,IACnB;AAAA,IACA,WAAW;AAAA,MACT,GAAG,UAAU,MAAM;AAAA,MACnB,GAAG;AAAA,IACL;AAAA,EACF;AACF;","names":[]}

package/dist/esm/next/testing/page-rendering.js

@@ -3,7 +3,7 @@ import "@testing-library/jest-dom";
 import { act } from "react-dom/test-utils";
 import { render } from "@testing-library/react";
 import { ReactRuntime } from "../../runtimes/react/react-runtime";
-import { MakeswiftComponentType } from "../../components";
+import { MakeswiftComponentType } from "../../components/builtin/constants";
 import { Page as MakeswiftPage } from "../components/page";
 import { ReactProvider } from "./react-provider";
 async function testMakeswiftPageHeadRendering(props, { forcePagesRouter = false } = {}) {

package/dist/esm/next/testing/page-rendering.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/testing/page-rendering.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef } from 'react'\n\nimport '@testing-library/jest-dom'\nimport { act } from 'react-dom/test-utils'\nimport { render } from '@testing-library/react'\n\nimport { ReactRuntime } from '../../runtimes/react/react-runtime'\nimport { MakeswiftComponentType } from '../../components'\n\nimport { Page as MakeswiftPage } from '../components/page'\n\nimport { ReactProvider } from './react-provider'\n\nexport async function testMakeswiftPageHeadRendering(\n  props: ComponentPropsWithoutRef<typeof MakeswiftPage>,\n  { forcePagesRouter = false }: { forcePagesRouter?: boolean } = {},\n) {\n  const runtime = new ReactRuntime()\n\n  runtime.registerComponent(() => <></>, {\n    type: MakeswiftComponentType.Root,\n    label: 'Root',\n    props: {},\n  })\n\n  return await act(async () =>\n    render(\n      <ReactProvider runtime={runtime} siteVersion={null} forcePagesRouter={forcePagesRouter}>\n        <MakeswiftPage {...props} />\n      </ReactProvider>,\n      {\n        container: document.body.appendChild(document.createElement('head')),\n      },\n    ),\n  )\n}\n\nexport async function testMakeswiftPageRendering(\n  props: ComponentPropsWithoutRef<typeof MakeswiftPage>,\n  { forcePagesRouter = false }: { forcePagesRouter?: boolean } = {},\n) {\n  const runtime = new ReactRuntime()\n\n  return await act(async () =>\n    render(\n      <ReactProvider runtime={runtime} siteVersion={null} forcePagesRouter={forcePagesRouter}>\n        <MakeswiftPage {...props} />\n      </ReactProvider>,\n      {\n        container: document.body.appendChild(document.createElement('div')),\n      },\n    ),\n  )\n}\n"],"mappings":"AAmBkC;AAjBlC,OAAO;AACP,SAAS,WAAW;AACpB,SAAS,cAAc;AAEvB,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AAEvC,SAAS,QAAQ,qBAAqB;AAEtC,SAAS,qBAAqB;AAE9B,eAAsB,+BACpB,OACA,EAAE,mBAAmB,MAAM,IAAoC,CAAC,GAChE;AACA,QAAM,UAAU,IAAI,aAAa;AAEjC,UAAQ,kBAAkB,MAAM,gCAAE,GAAK;AAAA,IACrC,MAAM,uBAAuB;AAAA,IAC7B,OAAO;AAAA,IACP,OAAO,CAAC;AAAA,EACV,CAAC;AAED,SAAO,MAAM;AAAA,IAAI,YACf;AAAA,MACE,oBAAC,iBAAc,SAAkB,aAAa,MAAM,kBAClD,8BAAC,iBAAe,GAAG,OAAO,GAC5B;AAAA,MACA;AAAA,QACE,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,MAAM,CAAC;AAAA,MACrE;AAAA,IACF;AAAA,EACF;AACF;AAEA,eAAsB,2BACpB,OACA,EAAE,mBAAmB,MAAM,IAAoC,CAAC,GAChE;AACA,QAAM,UAAU,IAAI,aAAa;AAEjC,SAAO,MAAM;AAAA,IAAI,YACf;AAAA,MACE,oBAAC,iBAAc,SAAkB,aAAa,MAAM,kBAClD,8BAAC,iBAAe,GAAG,OAAO,GAC5B;AAAA,MACA;AAAA,QACE,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC;AAAA,MACpE;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/next/testing/page-rendering.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef } from 'react'\n\nimport '@testing-library/jest-dom'\nimport { act } from 'react-dom/test-utils'\nimport { render } from '@testing-library/react'\n\nimport { ReactRuntime } from '../../runtimes/react/react-runtime'\nimport { MakeswiftComponentType } from '../../components/builtin/constants'\n\nimport { Page as MakeswiftPage } from '../components/page'\n\nimport { ReactProvider } from './react-provider'\n\nexport async function testMakeswiftPageHeadRendering(\n  props: ComponentPropsWithoutRef<typeof MakeswiftPage>,\n  { forcePagesRouter = false }: { forcePagesRouter?: boolean } = {},\n) {\n  const runtime = new ReactRuntime()\n\n  runtime.registerComponent(() => <></>, {\n    type: MakeswiftComponentType.Root,\n    label: 'Root',\n    props: {},\n  })\n\n  return await act(async () =>\n    render(\n      <ReactProvider runtime={runtime} siteVersion={null} forcePagesRouter={forcePagesRouter}>\n        <MakeswiftPage {...props} />\n      </ReactProvider>,\n      {\n        container: document.body.appendChild(document.createElement('head')),\n      },\n    ),\n  )\n}\n\nexport async function testMakeswiftPageRendering(\n  props: ComponentPropsWithoutRef<typeof MakeswiftPage>,\n  { forcePagesRouter = false }: { forcePagesRouter?: boolean } = {},\n) {\n  const runtime = new ReactRuntime()\n\n  return await act(async () =>\n    render(\n      <ReactProvider runtime={runtime} siteVersion={null} forcePagesRouter={forcePagesRouter}>\n        <MakeswiftPage {...props} />\n      </ReactProvider>,\n      {\n        container: document.body.appendChild(document.createElement('div')),\n      },\n    ),\n  )\n}\n"],"mappings":"AAmBkC;AAjBlC,OAAO;AACP,SAAS,WAAW;AACpB,SAAS,cAAc;AAEvB,SAAS,oBAAoB;AAC7B,SAAS,8BAA8B;AAEvC,SAAS,QAAQ,qBAAqB;AAEtC,SAAS,qBAAqB;AAE9B,eAAsB,+BACpB,OACA,EAAE,mBAAmB,MAAM,IAAoC,CAAC,GAChE;AACA,QAAM,UAAU,IAAI,aAAa;AAEjC,UAAQ,kBAAkB,MAAM,gCAAE,GAAK;AAAA,IACrC,MAAM,uBAAuB;AAAA,IAC7B,OAAO;AAAA,IACP,OAAO,CAAC;AAAA,EACV,CAAC;AAED,SAAO,MAAM;AAAA,IAAI,YACf;AAAA,MACE,oBAAC,iBAAc,SAAkB,aAAa,MAAM,kBAClD,8BAAC,iBAAe,GAAG,OAAO,GAC5B;AAAA,MACA;AAAA,QACE,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,MAAM,CAAC;AAAA,MACrE;AAAA,IACF;AAAA,EACF;AACF;AAEA,eAAsB,2BACpB,OACA,EAAE,mBAAmB,MAAM,IAAoC,CAAC,GAChE;AACA,QAAM,UAAU,IAAI,aAAa;AAEjC,SAAO,MAAM;AAAA,IAAI,YACf;AAAA,MACE,oBAAC,iBAAc,SAAkB,aAAa,MAAM,kBAClD,8BAAC,iBAAe,GAAG,OAAO,GAC5B;AAAA,MACA;AAAA,QACE,WAAW,SAAS,KAAK,YAAY,SAAS,cAAc,KAAK,CAAC;AAAA,MACpE;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/esm/next/testing/react-provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/testing/react-provider.tsx"],"sourcesContent":["import { ReactRuntime } from '../../runtimes/react/react-runtime'\nimport { RuntimeProvider } from '../../runtimes/react/components/RuntimeProvider'\n\nimport { FrameworkProvider } from '../components/framework-provider'\nimport { NextRootStyleRegistry } from '../root-style-registry'\nimport { SiteVersion } from '../../api/site-version'\n\nexport function ReactProvider({\n  children,\n  runtime,\n  siteVersion = null,\n  forcePagesRouter = false,\n}: {\n  children: React.ReactNode\n  runtime: ReactRuntime\n  siteVersion?: SiteVersion | null\n  forcePagesRouter?: boolean\n}) {\n  return (\n    <FrameworkProvider forcePagesRouter={forcePagesRouter}>\n      <RuntimeProvider siteVersion={siteVersion} runtime={runtime}>\n        <NextRootStyleRegistry>{children}</NextRootStyleRegistry>\n      </RuntimeProvider>\n    </FrameworkProvider>\n  )\n}\n"],"mappings":"AAqBQ;AApBR,SAAS,uBAAuB;AAEhC,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AAG/B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAKG;AACD,SACE,oBAAC,qBAAkB,kBACjB,8BAAC,mBAAgB,aAA0B,SACzC,8BAAC,yBAAuB,UAAS,GACnC,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/next/testing/react-provider.tsx"],"sourcesContent":["import { type ReactRuntimeCore } from '../../runtimes/react/react-runtime-core'\nimport { RuntimeProvider } from '../../runtimes/react/components/RuntimeProvider'\n\nimport { FrameworkProvider } from '../components/framework-provider'\nimport { NextRootStyleRegistry } from '../root-style-registry'\nimport { SiteVersion } from '../../api/site-version'\n\nexport function ReactProvider({\n  children,\n  runtime,\n  siteVersion = null,\n  forcePagesRouter = false,\n}: {\n  children: React.ReactNode\n  runtime: ReactRuntimeCore\n  siteVersion?: SiteVersion | null\n  forcePagesRouter?: boolean\n}) {\n  return (\n    <FrameworkProvider forcePagesRouter={forcePagesRouter}>\n      <RuntimeProvider siteVersion={siteVersion} runtime={runtime}>\n        <NextRootStyleRegistry>{children}</NextRootStyleRegistry>\n      </RuntimeProvider>\n    </FrameworkProvider>\n  )\n}\n"],"mappings":"AAqBQ;AApBR,SAAS,uBAAuB;AAEhC,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AAG/B,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,mBAAmB;AACrB,GAKG;AACD,SACE,oBAAC,qBAAkB,kBACjB,8BAAC,mBAAgB,aAA0B,SACzC,8BAAC,yBAAuB,UAAS,GACnC,GACF;AAEJ;","names":[]}

package/dist/esm/react/builtins/box.js

@@ -0,0 +1,7 @@
+import { registerComponent } from "../../components/builtin/Box/register";
+import { default as default2 } from "../../components/builtin/Box/Box";
+export {
+  default2 as Box,
+  registerComponent as registerBoxComponent
+};
+//# sourceMappingURL=box.js.map

package/dist/esm/react/builtins/box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/react/builtins/box.ts"],"sourcesContent":["export { registerComponent as registerBoxComponent } from '../../components/builtin/Box/register'\nexport { default as Box } from '../../components/builtin/Box/Box'\n"],"mappings":"AAAA,SAA8B,yBAA4B;AAC1D,SAAoB,WAAXA,gBAAsB;","names":["default"]}

package/dist/esm/react/builtins/button.js

@@ -0,0 +1,7 @@
+import { registerComponent } from "../../components/builtin/Button/register";
+import { default as default2 } from "../../components/builtin/Button/Button";
+export {
+  default2 as Button,
+  registerComponent as registerButtonComponent
+};
+//# sourceMappingURL=button.js.map

package/dist/esm/react/builtins/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/react/builtins/button.ts"],"sourcesContent":["export { registerComponent as registerButtonComponent } from '../../components/builtin/Button/register'\nexport { default as Button } from '../../components/builtin/Button/Button'\n"],"mappings":"AAAA,SAA8B,yBAA+B;AAC7D,SAAoB,WAAXA,gBAAyB;","names":["default"]}

package/dist/esm/react/builtins/carousel.js

@@ -0,0 +1,7 @@
+import { registerComponent } from "../../components/builtin/Carousel/register";
+import { default as default2 } from "../../components/builtin/Carousel/Carousel";
+export {
+  default2 as Carousel,
+  registerComponent as registerCarouselComponent
+};
+//# sourceMappingURL=carousel.js.map

package/dist/esm/react/builtins/carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/react/builtins/carousel.ts"],"sourcesContent":["export { registerComponent as registerCarouselComponent } from '../../components/builtin/Carousel/register'\nexport { default as Carousel } from '../../components/builtin/Carousel/Carousel'\n"],"mappings":"AAAA,SAA8B,yBAAiC;AAC/D,SAAoB,WAAXA,gBAA2B;","names":["default"]}

package/dist/esm/react/builtins/countdown.js

@@ -0,0 +1,7 @@
+import { registerComponent } from "../../components/builtin/Countdown/register";
+import { default as default2 } from "../../components/builtin/Countdown/Countdown";
+export {
+  default2 as Countdown,
+  registerComponent as registerCountdownComponent
+};
+//# sourceMappingURL=countdown.js.map

package/dist/esm/react/builtins/countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/react/builtins/countdown.ts"],"sourcesContent":["export { registerComponent as registerCountdownComponent } from '../../components/builtin/Countdown/register'\nexport { default as Countdown } from '../../components/builtin/Countdown/Countdown'\n"],"mappings":"AAAA,SAA8B,yBAAkC;AAChE,SAAoB,WAAXA,gBAA4B;","names":["default"]}

package/dist/esm/react/builtins/divider.js

@@ -0,0 +1,7 @@
+import { registerComponent } from "../../components/builtin/Divider/register";
+import { default as default2 } from "../../components/builtin/Divider/Divider";
+export {
+  default2 as Divider,
+  registerComponent as registerDividerComponent
+};
+//# sourceMappingURL=divider.js.map

package/dist/esm/react/builtins/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/react/builtins/divider.ts"],"sourcesContent":["export { registerComponent as registerDividerComponent } from '../../components/builtin/Divider/register'\nexport { default as Divider } from '../../components/builtin/Divider/Divider'\n"],"mappings":"AAAA,SAA8B,yBAAgC;AAC9D,SAAoB,WAAXA,gBAA0B;","names":["default"]}

package/dist/esm/react/builtins/embed.js

@@ -0,0 +1,7 @@
+import { registerComponent } from "../../components/builtin/Embed/register";
+import { default as default2 } from "../../components/builtin/Embed/Embed";
+export {
+  default2 as Embed,
+  registerComponent as registerEmbedComponent
+};
+//# sourceMappingURL=embed.js.map

package/dist/esm/react/builtins/embed.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/react/builtins/embed.ts"],"sourcesContent":["export { registerComponent as registerEmbedComponent } from '../../components/builtin/Embed/register'\nexport { default as Embed } from '../../components/builtin/Embed/Embed'\n"],"mappings":"AAAA,SAA8B,yBAA8B;AAC5D,SAAoB,WAAXA,gBAAwB;","names":["default"]}

package/dist/esm/react/builtins/form.js

@@ -0,0 +1,7 @@
+import { registerComponent } from "../../components/builtin/Form/register";
+import { default as default2 } from "../../components/builtin/Form/Form";
+export {
+  default2 as Form,
+  registerComponent as registerFormComponent
+};
+//# sourceMappingURL=form.js.map

package/dist/esm/react/builtins/form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/react/builtins/form.ts"],"sourcesContent":["export { registerComponent as registerFormComponent } from '../../components/builtin/Form/register'\nexport { default as Form } from '../../components/builtin/Form/Form'\n"],"mappings":"AAAA,SAA8B,yBAA6B;AAC3D,SAAoB,WAAXA,gBAAuB;","names":["default"]}

package/dist/esm/react/builtins/image.js

@@ -0,0 +1,7 @@
+import { registerComponent } from "../../components/builtin/Image/register";
+import { default as default2 } from "../../components/builtin/Image/Image";
+export {
+  default2 as Image,
+  registerComponent as registerImageComponent
+};
+//# sourceMappingURL=image.js.map

package/dist/esm/react/builtins/image.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/react/builtins/image.ts"],"sourcesContent":["export { registerComponent as registerImageComponent } from '../../components/builtin/Image/register'\nexport { default as Image } from '../../components/builtin/Image/Image'\n"],"mappings":"AAAA,SAA8B,yBAA8B;AAC5D,SAAoB,WAAXA,gBAAwB;","names":["default"]}

package/dist/esm/react/builtins/index.js

@@ -0,0 +1,5 @@
+import { MakeswiftComponentType } from "../../components/builtin/constants";
+export {
+  MakeswiftComponentType
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/react/builtins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/react/builtins/index.ts"],"sourcesContent":["export { MakeswiftComponentType } from '../../components/builtin/constants'\n"],"mappings":"AAAA,SAAS,8BAA8B;","names":[]}

package/dist/esm/react/builtins/navigation.js

@@ -0,0 +1,7 @@
+import { registerComponent } from "../../components/builtin/Navigation/register";
+import { default as default2 } from "../../components/builtin/Navigation/Navigation";
+export {
+  default2 as Navigation,
+  registerComponent as registerNavigationComponent
+};
+//# sourceMappingURL=navigation.js.map

package/dist/esm/react/builtins/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/react/builtins/navigation.ts"],"sourcesContent":["export { registerComponent as registerNavigationComponent } from '../../components/builtin/Navigation/register'\nexport { default as Navigation } from '../../components/builtin/Navigation/Navigation'\n"],"mappings":"AAAA,SAA8B,yBAAmC;AACjE,SAAoB,WAAXA,gBAA6B;","names":["default"]}

package/dist/esm/react/builtins/root.js

@@ -0,0 +1,7 @@
+import { registerComponent } from "../../components/builtin/Root/register";
+import { default as default2 } from "../../components/builtin/Root/Root";
+export {
+  default2 as Root,
+  registerComponent as registerRootComponent
+};
+//# sourceMappingURL=root.js.map

package/dist/esm/react/builtins/root.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/react/builtins/root.ts"],"sourcesContent":["export { registerComponent as registerRootComponent } from '../../components/builtin/Root/register'\nexport { default as Root } from '../../components/builtin/Root/Root'\n"],"mappings":"AAAA,SAA8B,yBAA6B;AAC3D,SAAoB,WAAXA,gBAAuB;","names":["default"]}