@makeswift/runtime 0.16.0-canary.4 → 0.16.0-canary.5

package/dist/cjs/components/builtin/SocialLinks/SocialLinks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/builtin/SocialLinks/SocialLinks.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, Ref } from 'react'\n\nimport { Link } from '../../shared/Link'\nimport { colorToString } from '../../utils/colorToString'\nimport { ColorValue as Color } from '../../utils/types'\nimport { SocialLinksOptions, SocialLinksOptionType } from './options'\nimport GutterContainer from '../../shared/GutterContainer'\nimport SocialLinksPlaceholder from './components/SocialLinksPlaceholder'\nimport {\n  ElementIDValue,\n  ResponsiveIconRadioGroupValue,\n  ResponsiveSelectValue,\n  GapXValue,\n} from '../../../prop-controllers/descriptors'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\nimport { ResponsiveValue } from '@makeswift/prop-controllers'\n\ntype Props = {\n  id?: ElementIDValue\n  links?: {\n    links: { id: string; payload: { type: SocialLinksOptionType; url: string } }[]\n    openInNewTab: boolean\n  }\n  shape?: ResponsiveIconRadioGroupValue<'naked' | 'circle' | 'rounded' | 'square'>\n  size?: ResponsiveIconRadioGroupValue<'small' | 'medium' | 'large'>\n  hoverStyle?: ResponsiveSelectValue<'none' | 'grow' | 'shrink' | 'fade'>\n  fill?: ResponsiveColor | null\n  backgroundColor?: ResponsiveColor | null\n  alignment?: ResponsiveIconRadioGroupValue<'flex-start' | 'center' | 'flex-end'>\n  gutter?: GapXValue\n  width?: string\n  margin?: string\n}\n\nconst SocialLinks = forwardRef(function SocialLinks(\n  {\n    id,\n    links: { links, openInNewTab } = { links: [], openInNewTab: false },\n    shape,\n    size,\n    hoverStyle,\n    fill,\n    backgroundColor,\n    alignment,\n    gutter,\n    width,\n    margin,\n  }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({ display: 'flex', flexDirection: 'row', flexWrap: 'wrap' }),\n        width,\n        margin,\n        useStyle(\n          useResponsiveStyle([alignment] as const, ([alignment = 'center']) => ({\n            justifyContent: alignment,\n          })),\n        ),\n      )}\n    >\n      {links.length > 0 ? (\n        links.map((link, i) => {\n          const option = SocialLinksOptions.find(o => o.type === link.payload.type)\n\n          if (option == null) return null\n\n          return (\n            <GutterContainer\n              key={link.id}\n              gutter={gutter}\n              first={i === 0}\n              last={i === links.length - 1}\n            >\n              <StyledLink\n                backgroundColor={backgroundColor}\n                brandColor={option.brandColor}\n                fill={fill}\n                hoverStyle={hoverStyle}\n                link={{ type: 'OPEN_URL', payload: { url: link.payload.url, openInNewTab } }}\n                shape={shape}\n                size={size}\n              >\n                {option.icon}\n              </StyledLink>\n            </GutterContainer>\n          )\n        })\n      ) : (\n        <SocialLinksPlaceholder gutter={gutter} />\n      )}\n    </div>\n  )\n})\n\nexport default SocialLinks\n\ntype StyledLinkProps = ComponentPropsWithoutRef<typeof Link> & {\n  brandColor: string\n  shape: Props['shape']\n  size: Props['size']\n  hoverStyle: Props['hoverStyle']\n  fill: ResponsiveValue<Color> | null | undefined\n  backgroundColor: ResponsiveValue<Color> | null | undefined\n}\n\nfunction StyledLink({\n  className,\n  brandColor,\n  shape,\n  size,\n  hoverStyle,\n  fill,\n  backgroundColor,\n  ...restOfProps\n}: StyledLinkProps) {\n  return (\n    <Link\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          display: 'block',\n          color: brandColor,\n          transition: 'transform, opacity 0.18s',\n          svg: { display: 'block' },\n        }),\n        useStyle(\n          useResponsiveStyle(\n            [shape, size, hoverStyle, fill, backgroundColor] as const,\n            ([shape = 'naked', size = 'medium', hoverStyle = 'none', fill, backgroundColor]) => ({\n              padding: shape === 'naked' ? 0 : { small: 10, medium: 12, large: 14 }[size],\n              borderRadius: { circle: '50%', rounded: '8px', naked: 0, square: 0 }[shape],\n              background:\n                shape === 'naked'\n                  ? 'transparent'\n                  : backgroundColor == null\n                  ? 'currentColor'\n                  : colorToString(backgroundColor),\n\n              ':hover': {\n                none: {},\n                grow: { transform: 'scale(1.1)' },\n                shrink: { transform: 'scale(0.9)' },\n                fade: { opacity: 0.65 },\n              }[hoverStyle],\n\n              svg: {\n                fill:\n                  fill == null\n                    ? shape === 'naked' || backgroundColor != null\n                      ? 'currentColor'\n                      : 'white'\n                    : colorToString(fill),\n                width: { small: 16, medium: 20, large: 24 }[size],\n                height: { small: 16, medium: 20, large: 24 }[size],\n              },\n            }),\n          ),\n        ),\n        className,\n      )}\n    />\n  )\n}\n"],"mappings":"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","names":["SocialLinks","alignment","GutterContainer","SocialLinksPlaceholder","shape","size","hoverStyle","fill","backgroundColor"]}
+{"version":3,"sources":["../../../../../src/components/builtin/SocialLinks/SocialLinks.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, Ref } from 'react'\n\nimport { Link } from '../../shared/Link'\nimport { colorToString } from '../../utils/colorToString'\nimport { ColorValue as Color } from '../../utils/types'\nimport { SocialLinksOptions, SocialLinksOptionType } from './options'\nimport GutterContainer from '../../shared/GutterContainer'\nimport SocialLinksPlaceholder from './components/SocialLinksPlaceholder'\nimport {\n  ElementIDValue,\n  ResponsiveIconRadioGroupValue,\n  ResponsiveSelectValue,\n} from '../../../prop-controllers/descriptors'\nimport { ResponsiveColor } from '../../../runtimes/react/controls'\nimport { cx } from '@emotion/css'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { useResponsiveStyle } from '../../utils/responsive-style'\nimport { ResponsiveGapData, ResponsiveValue } from '@makeswift/prop-controllers'\n\ntype Props = {\n  id?: ElementIDValue\n  links?: {\n    links: { id: string; payload: { type: SocialLinksOptionType; url: string } }[]\n    openInNewTab: boolean\n  }\n  shape?: ResponsiveIconRadioGroupValue<'naked' | 'circle' | 'rounded' | 'square'>\n  size?: ResponsiveIconRadioGroupValue<'small' | 'medium' | 'large'>\n  hoverStyle?: ResponsiveSelectValue<'none' | 'grow' | 'shrink' | 'fade'>\n  fill?: ResponsiveColor | null\n  backgroundColor?: ResponsiveColor | null\n  alignment?: ResponsiveIconRadioGroupValue<'flex-start' | 'center' | 'flex-end'>\n  gutter?: ResponsiveGapData\n  width?: string\n  margin?: string\n}\n\nconst SocialLinks = forwardRef(function SocialLinks(\n  {\n    id,\n    links: { links, openInNewTab } = { links: [], openInNewTab: false },\n    shape,\n    size,\n    hoverStyle,\n    fill,\n    backgroundColor,\n    alignment,\n    gutter,\n    width,\n    margin,\n  }: Props,\n  ref: Ref<HTMLDivElement>,\n) {\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={cx(\n        useStyle({ display: 'flex', flexDirection: 'row', flexWrap: 'wrap' }),\n        width,\n        margin,\n        useStyle(\n          useResponsiveStyle([alignment] as const, ([alignment = 'center']) => ({\n            justifyContent: alignment,\n          })),\n        ),\n      )}\n    >\n      {links.length > 0 ? (\n        links.map((link, i) => {\n          const option = SocialLinksOptions.find(o => o.type === link.payload.type)\n\n          if (option == null) return null\n\n          return (\n            <GutterContainer\n              key={link.id}\n              gutter={gutter}\n              first={i === 0}\n              last={i === links.length - 1}\n            >\n              <StyledLink\n                backgroundColor={backgroundColor}\n                brandColor={option.brandColor}\n                fill={fill}\n                hoverStyle={hoverStyle}\n                link={{ type: 'OPEN_URL', payload: { url: link.payload.url, openInNewTab } }}\n                shape={shape}\n                size={size}\n              >\n                {option.icon}\n              </StyledLink>\n            </GutterContainer>\n          )\n        })\n      ) : (\n        <SocialLinksPlaceholder gutter={gutter} />\n      )}\n    </div>\n  )\n})\n\nexport default SocialLinks\n\ntype StyledLinkProps = ComponentPropsWithoutRef<typeof Link> & {\n  brandColor: string\n  shape: Props['shape']\n  size: Props['size']\n  hoverStyle: Props['hoverStyle']\n  fill: ResponsiveValue<Color> | null | undefined\n  backgroundColor: ResponsiveValue<Color> | null | undefined\n}\n\nfunction StyledLink({\n  className,\n  brandColor,\n  shape,\n  size,\n  hoverStyle,\n  fill,\n  backgroundColor,\n  ...restOfProps\n}: StyledLinkProps) {\n  return (\n    <Link\n      {...restOfProps}\n      className={cx(\n        useStyle({\n          display: 'block',\n          color: brandColor,\n          transition: 'transform, opacity 0.18s',\n          svg: { display: 'block' },\n        }),\n        useStyle(\n          useResponsiveStyle(\n            [shape, size, hoverStyle, fill, backgroundColor] as const,\n            ([shape = 'naked', size = 'medium', hoverStyle = 'none', fill, backgroundColor]) => ({\n              padding: shape === 'naked' ? 0 : { small: 10, medium: 12, large: 14 }[size],\n              borderRadius: { circle: '50%', rounded: '8px', naked: 0, square: 0 }[shape],\n              background:\n                shape === 'naked'\n                  ? 'transparent'\n                  : backgroundColor == null\n                  ? 'currentColor'\n                  : colorToString(backgroundColor),\n\n              ':hover': {\n                none: {},\n                grow: { transform: 'scale(1.1)' },\n                shrink: { transform: 'scale(0.9)' },\n                fade: { opacity: 0.65 },\n              }[hoverStyle],\n\n              svg: {\n                fill:\n                  fill == null\n                    ? shape === 'naked' || backgroundColor != null\n                      ? 'currentColor'\n                      : 'white'\n                    : colorToString(fill),\n                width: { small: 16, medium: 20, large: 24 }[size],\n                height: { small: 16, medium: 20, large: 24 }[size],\n              },\n            }),\n          ),\n        ),\n        className,\n      )}\n    />\n  )\n}\n"],"mappings":"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","names":["SocialLinks","alignment","GutterContainer","SocialLinksPlaceholder","shape","size","hoverStyle","fill","backgroundColor"]}

package/dist/cjs/components/builtin/SocialLinks/register.js

@@ -133,7 +133,7 @@ function registerComponent(runtime) {
           ],
           defaultValue: "center"
         }),
-        gutter: import_prop_controllers.Props.GapX({
+        gutter: (0, import_prop_controllers2.GapX)({
           preset: [
             {
               deviceId: (0, import_breakpoints.getBaseBreakpoint)(runtime.getBreakpoints()).id,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/builtin/SocialLinks/register.ts"],"sourcesContent":["import { Props } from '../../../prop-controllers'\nimport { SocialLinksValue } from '../../../prop-controllers/descriptors'\nimport { ReactRuntime } from '../../../runtimes/react'\nimport { getBaseBreakpoint } from '../../../state/modules/breakpoints'\nimport { MakeswiftComponentType } from '../constants'\nimport { ComponentIcon } from '../../../state/modules/components-meta'\nimport { lazy } from 'react'\nimport { Margin, ResponsiveColor, Width } 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: Props.ElementID(),\n        links: Props.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: Props.ResponsiveIconRadioGroup(props => {\n          const links = props.links as SocialLinksValue | undefined\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: Props.ResponsiveIconRadioGroup(props => {\n          const links = props.links as SocialLinksValue | undefined\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: Props.ResponsiveSelect(props => {\n          const links = props.links as SocialLinksValue | undefined\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 = props.links as SocialLinksValue | undefined\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 = props.links as SocialLinksValue | undefined\n          const hidden = links == null || links.links.length === 0\n\n          return {\n            label: 'Shape color',\n            hidden,\n          }\n        }),\n        alignment: Props.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: Props.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":["import_react","import_prop_controllers"]}
+{"version":3,"sources":["../../../../../src/components/builtin/SocialLinks/register.ts"],"sourcesContent":["import { Props } from '../../../prop-controllers'\nimport { SocialLinksValue } from '../../../prop-controllers/descriptors'\nimport { ReactRuntime } from '../../../runtimes/react'\nimport { getBaseBreakpoint } from '../../../state/modules/breakpoints'\nimport { MakeswiftComponentType } from '../constants'\nimport { ComponentIcon } from '../../../state/modules/components-meta'\nimport { lazy } from 'react'\nimport { GapX, Margin, ResponsiveColor, Width } 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: Props.ElementID(),\n        links: Props.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: Props.ResponsiveIconRadioGroup(props => {\n          const links = props.links as SocialLinksValue | undefined\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: Props.ResponsiveIconRadioGroup(props => {\n          const links = props.links as SocialLinksValue | undefined\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: Props.ResponsiveSelect(props => {\n          const links = props.links as SocialLinksValue | undefined\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 = props.links as SocialLinksValue | undefined\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 = props.links as SocialLinksValue | undefined\n          const hidden = links == null || links.links.length === 0\n\n          return {\n            label: 'Shape color',\n            hidden,\n          }\n        }),\n        alignment: Props.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":["import_react","import_prop_controllers"]}

package/dist/cjs/components/hooks/useGapXPropControllerData.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useGapXPropControllerData_exports = {};
+__export(useGapXPropControllerData_exports, {
+  useGapXPropControllerData: () => useGapXPropControllerData
+});
+module.exports = __toCommonJS(useGapXPropControllerData_exports);
+var import_prop_controllers = require("@makeswift/prop-controllers");
+function useGapXPropControllerData(data) {
+  if (data == null)
+    return data;
+  return (0, import_prop_controllers.getGapXPropControllerDataResponsiveGapData)(data);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useGapXPropControllerData
+});
+//# sourceMappingURL=useGapXPropControllerData.js.map

package/dist/cjs/components/hooks/useGapXPropControllerData.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/hooks/useGapXPropControllerData.ts"],"sourcesContent":["import {\n  GapXPropControllerData,\n  ResponsiveGapData,\n  getGapXPropControllerDataResponsiveGapData,\n} from '@makeswift/prop-controllers'\n\nexport function useGapXPropControllerData(\n  data: GapXPropControllerData | undefined,\n): ResponsiveGapData | undefined {\n  if (data == null) return data\n\n  return getGapXPropControllerDataResponsiveGapData(data)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAIO;AAEA,SAAS,0BACd,MAC+B;AAC/B,MAAI,QAAQ;AAAM,WAAO;AAEzB,aAAO,oEAA2C,IAAI;AACxD;","names":[]}

package/dist/cjs/components/hooks/useGapYPropControllerData.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useGapYPropControllerData_exports = {};
+__export(useGapYPropControllerData_exports, {
+  useGapYPropControllerData: () => useGapYPropControllerData
+});
+module.exports = __toCommonJS(useGapYPropControllerData_exports);
+var import_prop_controllers = require("@makeswift/prop-controllers");
+function useGapYPropControllerData(data) {
+  if (data == null)
+    return data;
+  return (0, import_prop_controllers.getGapYPropControllerDataResponsiveGapData)(data);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useGapYPropControllerData
+});
+//# sourceMappingURL=useGapYPropControllerData.js.map

package/dist/cjs/components/hooks/useGapYPropControllerData.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/hooks/useGapYPropControllerData.ts"],"sourcesContent":["import {\n  GapYPropControllerData,\n  ResponsiveGapData,\n  getGapYPropControllerDataResponsiveGapData,\n} from '@makeswift/prop-controllers'\n\nexport function useGapYPropControllerData(\n  data: GapYPropControllerData | undefined,\n): ResponsiveGapData | undefined {\n  if (data == null) return data\n\n  return getGapYPropControllerDataResponsiveGapData(data)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAIO;AAEA,SAAS,0BACd,MAC+B;AAC/B,MAAI,QAAQ;AAAM,WAAO;AAEzB,aAAO,oEAA2C,IAAI;AACxD;","names":[]}

package/dist/cjs/components/hooks/useTextAreaPropControllerData.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useTextAreaPropControllerData_exports = {};
+__export(useTextAreaPropControllerData_exports, {
+  useTextAreaPropControllerData: () => useTextAreaPropControllerData
+});
+module.exports = __toCommonJS(useTextAreaPropControllerData_exports);
+var import_prop_controllers = require("@makeswift/prop-controllers");
+function useTextAreaPropControllerData(data) {
+  if (data == null)
+    return data;
+  return (0, import_prop_controllers.getTextAreaPropControllerDataString)(data);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useTextAreaPropControllerData
+});
+//# sourceMappingURL=useTextAreaPropControllerData.js.map

package/dist/cjs/components/hooks/useTextAreaPropControllerData.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/hooks/useTextAreaPropControllerData.ts"],"sourcesContent":["import {\n  TextAreaPropControllerData,\n  getTextAreaPropControllerDataString,\n} from '@makeswift/prop-controllers'\n\nexport function useTextAreaPropControllerData(\n  data: TextAreaPropControllerData | undefined,\n): string | undefined {\n  if (data == null) return data\n\n  return getTextAreaPropControllerDataString(data)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAGO;AAEA,SAAS,8BACd,MACoB;AACpB,MAAI,QAAQ;AAAM,WAAO;AAEzB,aAAO,6DAAoC,IAAI;AACjD;","names":[]}

package/dist/cjs/controls/control.js

@@ -93,7 +93,7 @@ function merge(definition, a, b = a, context) {
 function getTranslatableData(definition, data) {
   switch (definition.type) {
     case import_descriptors.Types.TextInput:
-    case import_descriptors.Types.TextArea:
+    case import_prop_controllers.Types.TextArea:
     case import_text_input.TextInputControlType:
     case import_text_area.TextAreaControlType:
       return data;
@@ -119,7 +119,7 @@ function mergeTranslatedData(definition, data, translatedData, context) {
     return data;
   switch (definition.type) {
     case import_descriptors.Types.TextInput:
-    case import_descriptors.Types.TextArea:
+    case import_prop_controllers.Types.TextArea:
     case import_text_input.TextInputControlType:
     case import_text_area.TextAreaControlType:
       if (translatedData == null)

package/dist/cjs/controls/control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/controls/control.ts"],"sourcesContent":["import { CheckboxControlData, CheckboxControlDefinition } from './checkbox'\nimport { ColorControlData, ColorControlDefinition, ColorControlType, copyColorData } from './color'\nimport { ComboboxControlData, ComboboxControlDefinition } from './combobox'\nimport { ImageControlData, ImageControlDefinition, copyImageData, ImageControlType } from './image'\nimport { LinkControlData, LinkControlDefinition, copyLinkData, LinkControlType } from './link'\nimport {\n  ListControlData,\n  ListControlDefinition,\n  copyListData,\n  ListControlType,\n  getListTranslatableData,\n  mergeListTranslatedData,\n  ListControlTranslationDto,\n} from './list'\nimport { NumberControlData, NumberControlDefinition } from './number'\nimport { SelectControlData, SelectControlDefinition } from './select'\nimport {\n  ShapeControlData,\n  ShapeControlDefinition,\n  copyShapeData,\n  ShapeControlType,\n  getShapeTranslatableData,\n  mergeShapeTranslatedData,\n  ShapeControlTranslationDto,\n} from './shape'\nimport { TextAreaControlData, TextAreaControlDefinition, TextAreaControlType } from './text-area'\nimport {\n  TextInputControlData,\n  TextInputControlDefinition,\n  TextInputControlType,\n} from './text-input'\nimport { copyStyleData, StyleControlData, StyleControlDefinition, StyleControlType } from './style'\nimport {\n  copySlotData,\n  mergeSlotControlTranslatedData,\n  mergeSlotData,\n  SlotControlData,\n  SlotControlDefinition,\n  SlotControlType,\n} from './slot'\n\nimport {\n  Descriptor,\n  GridValue,\n  IndexSignatureHack,\n  Types,\n  mergeGridPropControllerTranslatedData,\n} from '../prop-controllers/descriptors'\nimport { Types as PropControllerTypes } from '@makeswift/prop-controllers'\nimport { copy as propControllerCopy } from '../prop-controllers/copy'\nimport { CopyContext, Data, MergeContext, MergeTranslatableDataContext } from '../state/react-page'\nimport {\n  RichTextControlData,\n  RichTextControlDefinition,\n  RichTextControlType,\n  copyRichTextData,\n  richTextDTOtoDAO,\n} from './rich-text'\nimport { PropControllerDescriptor } from '../prop-controllers'\n\nimport { richTextV2DescendentsToData } from './rich-text-v2/dto'\nimport { copyRichTextV2Data } from './rich-text-v2/copy'\nimport {\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2ControlType,\n  isRichTextV1Data,\n} from './rich-text-v2/rich-text-v2'\n\nimport { StyleV2ControlData, StyleV2ControlDefinition } from './style-v2'\nimport { IconRadioGroupControlData, IconRadioGroupControlDefinition } from './icon-radio-group'\nimport { TypographyControlData, TypographyControlDefinition } from './typography'\nimport {\n  RichTextV2ControlTranslationDto,\n  getRichTextV2TranslatableData,\n  mergeRichTextV2TranslatedData,\n} from './rich-text-v2/translation'\n\nexport type ControlDefinition =\n  | CheckboxControlDefinition\n  | NumberControlDefinition\n  | TextInputControlDefinition\n  | TextAreaControlDefinition\n  | SelectControlDefinition\n  | ColorControlDefinition\n  | IconRadioGroupControlDefinition\n  | ImageControlDefinition\n  | ComboboxControlDefinition\n  | ShapeControlDefinition\n  | ListControlDefinition<any>\n  | LinkControlDefinition\n  | SlotControlDefinition\n  | ShapeControlDefinition\n  | RichTextControlDefinition\n  | RichTextV2ControlDefinition\n  | StyleControlDefinition\n  | StyleV2ControlDefinition\n  | TypographyControlDefinition\n\nexport type ControlDefinitionData<T extends ControlDefinition> = T extends CheckboxControlDefinition\n  ? CheckboxControlData\n  : T extends NumberControlDefinition\n  ? NumberControlData\n  : T extends TextInputControlDefinition\n  ? TextInputControlData\n  : T extends TextAreaControlDefinition\n  ? TextAreaControlData\n  : T extends SelectControlDefinition\n  ? SelectControlData<T>\n  : T extends ColorControlDefinition\n  ? ColorControlData\n  : T extends IconRadioGroupControlDefinition\n  ? IconRadioGroupControlData<T>\n  : T extends ImageControlDefinition\n  ? ImageControlData\n  : T extends ComboboxControlDefinition\n  ? ComboboxControlData<T>\n  : T extends ShapeControlDefinition\n  ? ShapeControlData<T>\n  : T extends ListControlDefinition\n  ? ListControlData<T>\n  : T extends LinkControlDefinition\n  ? LinkControlData\n  : T extends RichTextControlDefinition\n  ? IndexSignatureHack<RichTextControlData>\n  : T extends RichTextV2ControlDefinition\n  ? RichTextV2ControlData\n  : T extends StyleControlDefinition\n  ? StyleControlData\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlData\n  : T extends TypographyControlDefinition\n  ? TypographyControlData\n  : never\n\nexport function copy(definition: Descriptor | ControlDefinition, value: any, context: CopyContext) {\n  switch (definition.type) {\n    case Types.Backgrounds:\n    case Types.Grid:\n    case PropControllerTypes.NavigationLinks:\n    case PropControllerTypes.Link:\n    case PropControllerTypes.Shadows:\n    case Types.Image:\n    case Types.Images:\n    case PropControllerTypes.ResponsiveColor:\n    case Types.TableFormFields:\n    case PropControllerTypes.Table:\n    case PropControllerTypes.Border:\n    case Types.RichText:\n    case Types.ElementID:\n      return propControllerCopy(definition, value, context)\n    case RichTextControlType:\n      return copyRichTextData(value, context)\n    case RichTextV2ControlType:\n      return copyRichTextV2Data(\n        isRichTextV1Data(value) ? richTextV2DescendentsToData(richTextDTOtoDAO(value)) : value,\n        context,\n      )\n    case ColorControlType:\n      return copyColorData(value, context)\n    case ImageControlType:\n      return copyImageData(value, context)\n    case LinkControlType:\n      return copyLinkData(value, context)\n    case ShapeControlType:\n      return copyShapeData(definition, value, context)\n    case ListControlType:\n      return copyListData(definition, value, context)\n    case StyleControlType:\n      return copyStyleData(value, context)\n    case SlotControlType:\n      return copySlotData(value, context)\n    default:\n      return value\n  }\n}\n\nexport function merge(\n  definition: PropControllerDescriptor,\n  a: Data,\n  b: Data = a,\n  context: MergeContext,\n): Data {\n  switch (definition.type) {\n    case SlotControlType:\n      return mergeSlotData(a as SlotControlData, b as SlotControlData, context)\n\n    default:\n      return b\n  }\n}\n\nexport function getTranslatableData(definition: Descriptor | ControlDefinition, data: Data): Data {\n  switch (definition.type) {\n    case Types.TextInput:\n    case Types.TextArea:\n    case TextInputControlType:\n    case TextAreaControlType:\n      return data\n\n    case RichTextV2ControlType:\n      const richTextData = data as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(richTextData)) return null\n\n      return getRichTextV2TranslatableData(definition, richTextData as RichTextV2ControlData)\n\n    case ListControlType:\n      if (data == null) return null\n\n      return getListTranslatableData(definition, data as ListControlData)\n\n    case ShapeControlType:\n      if (data == null) return null\n\n      return getShapeTranslatableData(definition, data as ShapeControlData)\n\n    default:\n      return null\n  }\n}\n\nexport function mergeTranslatedData(\n  definition: PropControllerDescriptor,\n  data: Data,\n  translatedData: Data,\n  context: MergeTranslatableDataContext,\n): Data {\n  if (data == null) return data\n\n  switch (definition.type) {\n    case Types.TextInput:\n    case Types.TextArea:\n    case TextInputControlType:\n    case TextAreaControlType:\n      if (translatedData == null) return data\n\n      return translatedData\n\n    case Types.Grid:\n      return mergeGridPropControllerTranslatedData(data as GridValue, context)\n\n    case SlotControlType:\n      return mergeSlotControlTranslatedData(data as SlotControlData, context)\n\n    case RichTextV2ControlType:\n      if (translatedData == null) return data\n\n      return mergeRichTextV2TranslatedData(\n        definition,\n        data as RichTextV2ControlData,\n        translatedData as RichTextV2ControlTranslationDto,\n      )\n\n    case ListControlType:\n      if (translatedData == null) return data\n\n      return mergeListTranslatedData(\n        definition,\n        data as ListControlData,\n        translatedData as ListControlTranslationDto,\n        context,\n      )\n\n    case ShapeControlType:\n      if (translatedData == null) return data\n\n      return mergeShapeTranslatedData(\n        definition,\n        data as ShapeControlData,\n        translatedData as ShapeControlTranslationDto,\n        context,\n      )\n\n    default:\n      return data\n  }\n}\n"],"mappings":"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","names":["import_copy","PropControllerTypes","propControllerCopy"]}
+{"version":3,"sources":["../../../src/controls/control.ts"],"sourcesContent":["import { CheckboxControlData, CheckboxControlDefinition } from './checkbox'\nimport { ColorControlData, ColorControlDefinition, ColorControlType, copyColorData } from './color'\nimport { ComboboxControlData, ComboboxControlDefinition } from './combobox'\nimport { ImageControlData, ImageControlDefinition, copyImageData, ImageControlType } from './image'\nimport { LinkControlData, LinkControlDefinition, copyLinkData, LinkControlType } from './link'\nimport {\n  ListControlData,\n  ListControlDefinition,\n  copyListData,\n  ListControlType,\n  getListTranslatableData,\n  mergeListTranslatedData,\n  ListControlTranslationDto,\n} from './list'\nimport { NumberControlData, NumberControlDefinition } from './number'\nimport { SelectControlData, SelectControlDefinition } from './select'\nimport {\n  ShapeControlData,\n  ShapeControlDefinition,\n  copyShapeData,\n  ShapeControlType,\n  getShapeTranslatableData,\n  mergeShapeTranslatedData,\n  ShapeControlTranslationDto,\n} from './shape'\nimport { TextAreaControlData, TextAreaControlDefinition, TextAreaControlType } from './text-area'\nimport {\n  TextInputControlData,\n  TextInputControlDefinition,\n  TextInputControlType,\n} from './text-input'\nimport { copyStyleData, StyleControlData, StyleControlDefinition, StyleControlType } from './style'\nimport {\n  copySlotData,\n  mergeSlotControlTranslatedData,\n  mergeSlotData,\n  SlotControlData,\n  SlotControlDefinition,\n  SlotControlType,\n} from './slot'\n\nimport {\n  Descriptor,\n  GridValue,\n  IndexSignatureHack,\n  Types,\n  mergeGridPropControllerTranslatedData,\n} from '../prop-controllers/descriptors'\nimport { Types as PropControllerTypes } from '@makeswift/prop-controllers'\nimport { copy as propControllerCopy } from '../prop-controllers/copy'\nimport { CopyContext, Data, MergeContext, MergeTranslatableDataContext } from '../state/react-page'\nimport {\n  RichTextControlData,\n  RichTextControlDefinition,\n  RichTextControlType,\n  copyRichTextData,\n  richTextDTOtoDAO,\n} from './rich-text'\nimport { PropControllerDescriptor } from '../prop-controllers'\n\nimport { richTextV2DescendentsToData } from './rich-text-v2/dto'\nimport { copyRichTextV2Data } from './rich-text-v2/copy'\nimport {\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2ControlType,\n  isRichTextV1Data,\n} from './rich-text-v2/rich-text-v2'\n\nimport { StyleV2ControlData, StyleV2ControlDefinition } from './style-v2'\nimport { IconRadioGroupControlData, IconRadioGroupControlDefinition } from './icon-radio-group'\nimport { TypographyControlData, TypographyControlDefinition } from './typography'\nimport {\n  RichTextV2ControlTranslationDto,\n  getRichTextV2TranslatableData,\n  mergeRichTextV2TranslatedData,\n} from './rich-text-v2/translation'\n\nexport type ControlDefinition =\n  | CheckboxControlDefinition\n  | NumberControlDefinition\n  | TextInputControlDefinition\n  | TextAreaControlDefinition\n  | SelectControlDefinition\n  | ColorControlDefinition\n  | IconRadioGroupControlDefinition\n  | ImageControlDefinition\n  | ComboboxControlDefinition\n  | ShapeControlDefinition\n  | ListControlDefinition<any>\n  | LinkControlDefinition\n  | SlotControlDefinition\n  | ShapeControlDefinition\n  | RichTextControlDefinition\n  | RichTextV2ControlDefinition\n  | StyleControlDefinition\n  | StyleV2ControlDefinition\n  | TypographyControlDefinition\n\nexport type ControlDefinitionData<T extends ControlDefinition> = T extends CheckboxControlDefinition\n  ? CheckboxControlData\n  : T extends NumberControlDefinition\n  ? NumberControlData\n  : T extends TextInputControlDefinition\n  ? TextInputControlData\n  : T extends TextAreaControlDefinition\n  ? TextAreaControlData\n  : T extends SelectControlDefinition\n  ? SelectControlData<T>\n  : T extends ColorControlDefinition\n  ? ColorControlData\n  : T extends IconRadioGroupControlDefinition\n  ? IconRadioGroupControlData<T>\n  : T extends ImageControlDefinition\n  ? ImageControlData\n  : T extends ComboboxControlDefinition\n  ? ComboboxControlData<T>\n  : T extends ShapeControlDefinition\n  ? ShapeControlData<T>\n  : T extends ListControlDefinition\n  ? ListControlData<T>\n  : T extends LinkControlDefinition\n  ? LinkControlData\n  : T extends RichTextControlDefinition\n  ? IndexSignatureHack<RichTextControlData>\n  : T extends RichTextV2ControlDefinition\n  ? RichTextV2ControlData\n  : T extends StyleControlDefinition\n  ? StyleControlData\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlData\n  : T extends TypographyControlDefinition\n  ? TypographyControlData\n  : never\n\nexport function copy(definition: Descriptor | ControlDefinition, value: any, context: CopyContext) {\n  switch (definition.type) {\n    case Types.Backgrounds:\n    case Types.Grid:\n    case PropControllerTypes.NavigationLinks:\n    case PropControllerTypes.Link:\n    case PropControllerTypes.Shadows:\n    case Types.Image:\n    case Types.Images:\n    case PropControllerTypes.ResponsiveColor:\n    case Types.TableFormFields:\n    case PropControllerTypes.Table:\n    case PropControllerTypes.Border:\n    case Types.RichText:\n    case Types.ElementID:\n      return propControllerCopy(definition, value, context)\n    case RichTextControlType:\n      return copyRichTextData(value, context)\n    case RichTextV2ControlType:\n      return copyRichTextV2Data(\n        isRichTextV1Data(value) ? richTextV2DescendentsToData(richTextDTOtoDAO(value)) : value,\n        context,\n      )\n    case ColorControlType:\n      return copyColorData(value, context)\n    case ImageControlType:\n      return copyImageData(value, context)\n    case LinkControlType:\n      return copyLinkData(value, context)\n    case ShapeControlType:\n      return copyShapeData(definition, value, context)\n    case ListControlType:\n      return copyListData(definition, value, context)\n    case StyleControlType:\n      return copyStyleData(value, context)\n    case SlotControlType:\n      return copySlotData(value, context)\n    default:\n      return value\n  }\n}\n\nexport function merge(\n  definition: PropControllerDescriptor,\n  a: Data,\n  b: Data = a,\n  context: MergeContext,\n): Data {\n  switch (definition.type) {\n    case SlotControlType:\n      return mergeSlotData(a as SlotControlData, b as SlotControlData, context)\n\n    default:\n      return b\n  }\n}\n\nexport function getTranslatableData(definition: Descriptor | ControlDefinition, data: Data): Data {\n  switch (definition.type) {\n    case Types.TextInput:\n    case PropControllerTypes.TextArea:\n    case TextInputControlType:\n    case TextAreaControlType:\n      return data\n\n    case RichTextV2ControlType:\n      const richTextData = data as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(richTextData)) return null\n\n      return getRichTextV2TranslatableData(definition, richTextData as RichTextV2ControlData)\n\n    case ListControlType:\n      if (data == null) return null\n\n      return getListTranslatableData(definition, data as ListControlData)\n\n    case ShapeControlType:\n      if (data == null) return null\n\n      return getShapeTranslatableData(definition, data as ShapeControlData)\n\n    default:\n      return null\n  }\n}\n\nexport function mergeTranslatedData(\n  definition: PropControllerDescriptor,\n  data: Data,\n  translatedData: Data,\n  context: MergeTranslatableDataContext,\n): Data {\n  if (data == null) return data\n\n  switch (definition.type) {\n    case Types.TextInput:\n    case PropControllerTypes.TextArea:\n    case TextInputControlType:\n    case TextAreaControlType:\n      if (translatedData == null) return data\n\n      return translatedData\n\n    case Types.Grid:\n      return mergeGridPropControllerTranslatedData(data as GridValue, context)\n\n    case SlotControlType:\n      return mergeSlotControlTranslatedData(data as SlotControlData, context)\n\n    case RichTextV2ControlType:\n      if (translatedData == null) return data\n\n      return mergeRichTextV2TranslatedData(\n        definition,\n        data as RichTextV2ControlData,\n        translatedData as RichTextV2ControlTranslationDto,\n      )\n\n    case ListControlType:\n      if (translatedData == null) return data\n\n      return mergeListTranslatedData(\n        definition,\n        data as ListControlData,\n        translatedData as ListControlTranslationDto,\n        context,\n      )\n\n    case ShapeControlType:\n      if (translatedData == null) return data\n\n      return mergeShapeTranslatedData(\n        definition,\n        data as ShapeControlData,\n        translatedData as ShapeControlTranslationDto,\n        context,\n      )\n\n    default:\n      return data\n  }\n}\n"],"mappings":"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","names":["import_copy","PropControllerTypes","propControllerCopy"]}

package/dist/cjs/next/api-handler/handlers/manifest.js

@@ -36,7 +36,7 @@ async function handler(...args) {
   const supportsPreviewMode = (0, import_ts_pattern.match)(args).with(routeHandlerPattern, () => false).with(apiRoutePattern, () => true).exhaustive();
   const supportsDraftMode = (0, import_ts_pattern.match)(args).with(routeHandlerPattern, () => true).with(apiRoutePattern, () => false).exhaustive();
   const body = {
-    version: "0.16.0-canary.4",
+    version: "0.16.0-canary.5",
     previewMode: supportsPreviewMode,
     draftMode: supportsDraftMode,
     interactionMode: true,

package/dist/cjs/prop-controllers/deleted.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var deleted_exports = {};
+__export(deleted_exports, {
+  DELETED_PROP_CONTROLLER_TYPES: () => DELETED_PROP_CONTROLLER_TYPES
+});
+module.exports = __toCommonJS(deleted_exports);
+const DELETED_PROP_CONTROLLER_TYPES = {
+  List: "List",
+  Shape: "Shape",
+  Typeahead: "Typeahead"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DELETED_PROP_CONTROLLER_TYPES
+});
+//# sourceMappingURL=deleted.js.map

package/dist/cjs/prop-controllers/deleted.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/prop-controllers/deleted.ts"],"sourcesContent":["import { Data, DescriptorValueType, PanelDescriptor } from './descriptors'\n\nexport const DELETED_PROP_CONTROLLER_TYPES = {\n  List: 'List',\n  Shape: 'Shape',\n  Typeahead: 'Typeahead',\n} as const\n\nexport type DeletedPropControllerDescriptor<T extends Data = Data> =\n  | ListDescriptor<T extends ListValue ? T : ListValue>\n  | ShapeDescriptor<T extends ShapeValue ? T : ShapeValue, any>\n  | TypeaheadDescriptor<T extends TypeaheadValue ? T : TypeaheadValue>\n\ntype ListValueItem<T extends Data> = { id: string; value?: T }\n\nexport type ListValue<T extends Data = Data> = ListValueItem<T>[]\n\nexport type ListOptions<T extends Data> = {\n  type: PanelDescriptor<T>\n  label?: string\n  getItemLabel?: ((value: T | undefined) => string) | ((value: T | undefined) => Promise<string>)\n  preset?: ListValue<T>\n  defaultValue?: ListValue<T>\n}\n\nexport type ListDescriptor<T extends ListValue = ListValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.List\n  options: ListOptions<T extends ListValue<infer U> ? U : never>\n}\n\nexport type ShapeValue<T extends Data = Data> = Record<string, T>\n\ntype ShapeOptions<T extends Record<string, PanelDescriptor>> = {\n  type: T\n  preset?: { [K in keyof T]?: DescriptorValueType<T[K]> }\n}\n\nexport type ShapeDescriptor<\n  _T extends Record<string, Data>,\n  U extends Record<string, PanelDescriptor>,\n> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Shape\n  options: ShapeOptions<U>\n}\n\nexport type TypeaheadValue<T extends Data = Data> = {\n  id: string\n  label: string\n  value: T\n}\n\nexport type TypeaheadOptions<T extends Data> = {\n  getItems: (query: string) => Promise<TypeaheadValue<T>[]>\n  label?: string\n  preset?: TypeaheadValue<T>\n  defaultValue?: TypeaheadValue<T>\n}\n\nexport type TypeaheadDescriptor<T extends TypeaheadValue = TypeaheadValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Typeahead\n  options: TypeaheadOptions<T extends TypeaheadValue<infer U> ? U : never>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,gCAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AACb;","names":[]}

package/dist/cjs/prop-controllers/descriptors.js

@@ -20,62 +20,37 @@ var descriptors_exports = {};
 __export(descriptors_exports, {
   Backgrounds: () => Backgrounds,
   ElementID: () => ElementID,
-  GapX: () => GapX,
-  GapY: () => GapY,
   Grid: () => Grid,
   Image: () => Image,
   Images: () => Images,
-  List: () => List,
   ResponsiveIconRadioGroup: () => ResponsiveIconRadioGroup,
   ResponsiveNumber: () => ResponsiveNumber,
   ResponsiveOpacity: () => ResponsiveOpacity,
   ResponsiveSelect: () => ResponsiveSelect,
   RichText: () => RichText,
-  Shape: () => Shape,
   SocialLinks: () => SocialLinks,
   TableFormFields: () => TableFormFields,
-  TextArea: () => TextArea,
   TextInput: () => TextInput,
-  Typeahead: () => Typeahead,
   Types: () => Types,
-  getListPropControllerElementChildren: () => getListPropControllerElementChildren,
-  getListPropControllerFileIds: () => getListPropControllerFileIds,
-  getListPropControllerPageIds: () => getListPropControllerPageIds,
-  getListPropControllerSwatchIds: () => getListPropControllerSwatchIds,
-  getListPropControllerTypographyIds: () => getListPropControllerTypographyIds,
-  getShapePropControllerElementChildren: () => getShapePropControllerElementChildren,
-  getShapePropControllerFileIds: () => getShapePropControllerFileIds,
-  getShapePropControllerPageIds: () => getShapePropControllerPageIds,
-  getShapePropControllerSwatchIds: () => getShapePropControllerSwatchIds,
-  getShapePropControllerTypographyIds: () => getShapePropControllerTypographyIds,
-  introspectListPropControllerData: () => introspectListPropControllerData,
-  introspectShapePropControllerData: () => introspectShapePropControllerData,
   mergeGridPropControllerTranslatedData: () => mergeGridPropControllerTranslatedData,
   socialLinkTypesV0: () => socialLinkTypesV0,
   socialLinkTypesV1: () => socialLinkTypesV1
 });
 module.exports = __toCommonJS(descriptors_exports);
 var import_style2 = require("../controls/style");
-var import_introspection = require("./introspection");
 const Types = {
   Backgrounds: "Backgrounds",
   ElementID: "ElementID",
-  GapX: "GapX",
-  GapY: "GapY",
   Grid: "Grid",
   Image: "Image",
   Images: "Images",
-  List: "List",
   ResponsiveIconRadioGroup: "ResponsiveIconRadioGroup",
   ResponsiveNumber: "ResponsiveNumber",
   ResponsiveOpacity: "ResponsiveOpacity",
   ResponsiveSelect: "ResponsiveSelect",
   RichText: "RichText",
-  Shape: "Shape",
   SocialLinks: "SocialLinks",
   TableFormFields: "TableFormFields",
-  Typeahead: "Typeahead",
-  TextArea: "TextArea",
   TextInput: "TextInput",
   Style: import_style2.StyleControlType
 };
@@ -85,12 +60,6 @@ function Backgrounds(options = {}) {
 function ElementID(options = {}) {
   return { type: Types.ElementID, options };
 }
-function GapX(options = {}) {
-  return { type: Types.GapX, options };
-}
-function GapY(options = {}) {
-  return { type: Types.GapY, options };
-}
 function Grid(options = {}) {
   return { type: Types.Grid, options };
 }
@@ -106,29 +75,6 @@ function Image(options = {}) {
 function Images(options = {}) {
   return { type: Types.Images, version: 1, options };
 }
-function List(options) {
-  return { type: Types.List, options };
-}
-function introspectListPropControllerData(descriptor, value, func) {
-  if (value == null)
-    return [];
-  return value.flatMap((item) => item.value ? func(descriptor.options.type, item.value) : []);
-}
-function getListPropControllerElementChildren(descriptor, value) {
-  return introspectListPropControllerData(descriptor, value, import_introspection.getElementChildren);
-}
-function getListPropControllerSwatchIds(descriptor, value) {
-  return introspectListPropControllerData(descriptor, value, import_introspection.getSwatchIds);
-}
-function getListPropControllerFileIds(descriptor, value) {
-  return introspectListPropControllerData(descriptor, value, import_introspection.getFileIds);
-}
-function getListPropControllerTypographyIds(descriptor, value) {
-  return introspectListPropControllerData(descriptor, value, import_introspection.getTypographyIds);
-}
-function getListPropControllerPageIds(descriptor, value) {
-  return introspectListPropControllerData(descriptor, value, import_introspection.getPageIds);
-}
 function ResponsiveIconRadioGroup(options) {
   return { type: Types.ResponsiveIconRadioGroup, options };
 }
@@ -144,31 +90,6 @@ function ResponsiveSelect(options) {
 function RichText(options = {}) {
   return { type: Types.RichText, options };
 }
-function Shape(options) {
-  return { type: Types.Shape, options };
-}
-function introspectShapePropControllerData(descriptor, value, func) {
-  if (value == null)
-    return [];
-  return Object.entries(descriptor.options.type).flatMap(
-    ([key, definition]) => func(definition, value[key])
-  );
-}
-function getShapePropControllerElementChildren(descriptor, value) {
-  return introspectShapePropControllerData(descriptor, value, import_introspection.getElementChildren);
-}
-function getShapePropControllerFileIds(descriptor, value) {
-  return introspectShapePropControllerData(descriptor, value, import_introspection.getFileIds);
-}
-function getShapePropControllerTypographyIds(descriptor, value) {
-  return introspectShapePropControllerData(descriptor, value, import_introspection.getTypographyIds);
-}
-function getShapePropControllerPageIds(descriptor, value) {
-  return introspectShapePropControllerData(descriptor, value, import_introspection.getPageIds);
-}
-function getShapePropControllerSwatchIds(descriptor, value) {
-  return introspectShapePropControllerData(descriptor, value, import_introspection.getSwatchIds);
-}
 const socialLinkTypesV0 = [
   "angellist",
   "codepen",
@@ -201,12 +122,6 @@ function SocialLinks(options = {}) {
 function TableFormFields(options = {}) {
   return { type: Types.TableFormFields, options };
 }
-function Typeahead(options) {
-  return { type: Types.Typeahead, options };
-}
-function TextArea(options = {}) {
-  return { type: Types.TextArea, options };
-}
 function TextInput(options = {}) {
   return { type: Types.TextInput, options };
 }
@@ -214,36 +129,18 @@ function TextInput(options = {}) {
 0 && (module.exports = {
   Backgrounds,
   ElementID,
-  GapX,
-  GapY,
   Grid,
   Image,
   Images,
-  List,
   ResponsiveIconRadioGroup,
   ResponsiveNumber,
   ResponsiveOpacity,
   ResponsiveSelect,
   RichText,
-  Shape,
   SocialLinks,
   TableFormFields,
-  TextArea,
   TextInput,
-  Typeahead,
   Types,
-  getListPropControllerElementChildren,
-  getListPropControllerFileIds,
-  getListPropControllerPageIds,
-  getListPropControllerSwatchIds,
-  getListPropControllerTypographyIds,
-  getShapePropControllerElementChildren,
-  getShapePropControllerFileIds,
-  getShapePropControllerPageIds,
-  getShapePropControllerSwatchIds,
-  getShapePropControllerTypographyIds,
-  introspectListPropControllerData,
-  introspectShapePropControllerData,
   mergeGridPropControllerTranslatedData,
   socialLinkTypesV0,
   socialLinkTypesV1