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

package/dist/esm/components/hooks/useNavigationLinksPropControllerData.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/hooks/useNavigationLinksPropControllerData.ts"],"sourcesContent":["import {\n  NavigationLinksData,\n  NavigationLinksPropControllerData,\n  getNavigationLinksPropControllerDataNavigationLinksData,\n} from '@makeswift/prop-controllers'\n\nexport function useNavigationLinksPropControllerData(\n  data: NavigationLinksPropControllerData | undefined,\n): NavigationLinksData | undefined {\n  if (data == null) return data\n\n  return getNavigationLinksPropControllerDataNavigationLinksData(data)\n}\n"],"mappings":"AAAA;AAAA,EAGE;AAAA,OACK;AAEA,SAAS,qCACd,MACiC;AACjC,MAAI,QAAQ;AAAM,WAAO;AAEzB,SAAO,wDAAwD,IAAI;AACrE;","names":[]}

package/dist/esm/components/hooks/useTextStylePropControllerData.js

@@ -0,0 +1,12 @@
+import {
+  getTextStylePropControllerDataResponsiveTextStyleData
+} from "@makeswift/prop-controllers";
+function useTextStylePropControllerData(data) {
+  if (data == null)
+    return data;
+  return getTextStylePropControllerDataResponsiveTextStyleData(data);
+}
+export {
+  useTextStylePropControllerData
+};
+//# sourceMappingURL=useTextStylePropControllerData.js.map

package/dist/esm/components/hooks/useTextStylePropControllerData.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/hooks/useTextStylePropControllerData.ts"],"sourcesContent":["import {\n  ResponsiveTextStyleData,\n  TextStylePropControllerData,\n  getTextStylePropControllerDataResponsiveTextStyleData,\n} from '@makeswift/prop-controllers'\n\nexport function useTextStylePropControllerData(\n  data: TextStylePropControllerData | undefined,\n): ResponsiveTextStyleData | undefined {\n  if (data == null) return data\n\n  return getTextStylePropControllerDataResponsiveTextStyleData(data)\n}\n"],"mappings":"AAAA;AAAA,EAGE;AAAA,OACK;AAEA,SAAS,+BACd,MACqC;AACrC,MAAI,QAAQ;AAAM,WAAO;AAEzB,SAAO,sDAAsD,IAAI;AACnE;","names":[]}

package/dist/esm/components/shared/Link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/shared/Link/index.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, MouseEvent } from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport NextLink from 'next/link'\n\nimport { LinkPropControllerValue } from '@makeswift/prop-controllers'\nimport { useElementId } from '../../../runtimes/react'\nimport { usePagePathnameSlice } from '../../../runtimes/react/hooks/makeswift-api'\n\ntype BaseProps = {\n  link?: LinkPropControllerValue\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'a'>, keyof BaseProps>\n\nexport const Link = forwardRef<HTMLAnchorElement, Props>(function Link(\n  { link, onClick = () => {}, ...restOfProps }: Props,\n  ref,\n) {\n  const pageId = link && link.type === 'OPEN_PAGE' ? link.payload.pageId : null\n  const page = usePagePathnameSlice(pageId ?? null)\n  const hasLocalizedPathname = page?.localizedPathname != null\n\n  const elementKey =\n    link?.type === 'SCROLL_TO_ELEMENT' ? link.payload.elementIdConfig?.elementKey : null\n  const elementId = useElementId(elementKey)\n\n  // We don't want to use `next/link` with relative paths because Next.js will attempt to normalize\n  // it and mess up the path.\n  let useNextLink: boolean | undefined\n  let href: string | undefined\n  let target: '_blank' | '_self' | undefined\n  let block: 'start' | 'center' | 'end' | undefined\n\n  if (link) {\n    switch (link.type) {\n      case 'OPEN_PAGE': {\n        if (page) {\n          useNextLink = true\n\n          href = `/${page.localizedPathname ?? page.pathname}`\n        }\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'OPEN_URL': {\n        useNextLink = true\n\n        href = link.payload.url\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'SEND_EMAIL': {\n        useNextLink = false\n\n        const { to, subject = '', body = '' } = link.payload\n\n        if (to != null) href = `mailto:${to}?subject=${subject}&body=${body}`\n\n        break\n      }\n\n      case 'CALL_PHONE': {\n        useNextLink = false\n\n        href = `tel:${link.payload.phoneNumber}`\n\n        break\n      }\n\n      case 'SCROLL_TO_ELEMENT': {\n        useNextLink = false\n\n        href = `#${elementId ?? ''}`\n\n        block = link.payload.block\n\n        break\n      }\n\n      default:\n        throw new RangeError(`Invalid link type \"${(link as any).type}.\"`)\n    }\n  }\n\n  function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n    onClick(event)\n\n    if (event.defaultPrevented) return\n\n    /**\n     * When we introduced `next/link` instead of just `a` element slate no longer prevented link from navigating within\n     * content mode. This is a hack to compensate for what would be expected as slate's default behavior.\n     * On upgrade of slate this can be reevaluated.\n     */\n    if (event.currentTarget.isContentEditable) return event.preventDefault()\n\n    if (link && link.type === 'SCROLL_TO_ELEMENT') {\n      let hash: string | undefined\n\n      try {\n        if (href != null) hash = new URL(`http://www.example.com/${href}`).hash\n      } catch (error) {\n        console.error(`Link received invalid href: ${href}`, error)\n      }\n\n      if (href != null && hash != null && href === hash) {\n        event.preventDefault()\n        const view = event.view as unknown as Window\n\n        scrollIntoView(view.document.querySelector(hash)!, {\n          behavior: 'smooth',\n          block,\n        })\n\n        if (view.location.hash !== hash) view.history.pushState({}, '', hash)\n      }\n    }\n  }\n\n  if (useNextLink && href != null) {\n    return (\n      <NextLink\n        {...restOfProps}\n        ref={ref}\n        target={target}\n        onClick={handleClick}\n        href={href}\n        {...(hasLocalizedPathname && {\n          locale: false,\n        })}\n        // Next.js v12 has legacyBehavior set to true by default\n        legacyBehavior={false}\n      />\n    )\n  }\n\n  // eslint-disable-next-line\n  return <a {...restOfProps} ref={ref} href={href} target={target} onClick={handleClick} />\n})\n"],"mappings":"AAgIM;AAhIN,SAAmC,kBAA8B;AACjE,OAAO,oBAAoB;AAC3B,OAAO,cAAc;AAGrB,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AAS9B,MAAM,OAAO,WAAqC,SAASA,MAChE,EAAE,MAAM,UAAU,MAAM;AAAC,GAAG,GAAG,YAAY,GAC3C,KACA;AACA,QAAM,SAAS,QAAQ,KAAK,SAAS,cAAc,KAAK,QAAQ,SAAS;AACzE,QAAM,OAAO,qBAAqB,UAAU,IAAI;AAChD,QAAM,uBAAuB,MAAM,qBAAqB;AAExD,QAAM,aACJ,MAAM,SAAS,sBAAsB,KAAK,QAAQ,iBAAiB,aAAa;AAClF,QAAM,YAAY,aAAa,UAAU;AAIzC,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AAEJ,MAAI,MAAM;AACR,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK,aAAa;AAChB,YAAI,MAAM;AACR,wBAAc;AAEd,iBAAO,IAAI,KAAK,qBAAqB,KAAK,QAAQ;AAAA,QACpD;AAEA,iBAAS,KAAK,QAAQ,eAAe,WAAW;AAEhD;AAAA,MACF;AAAA,MAEA,KAAK,YAAY;AACf,sBAAc;AAEd,eAAO,KAAK,QAAQ;AAEpB,iBAAS,KAAK,QAAQ,eAAe,WAAW;AAEhD;AAAA,MACF;AAAA,MAEA,KAAK,cAAc;AACjB,sBAAc;AAEd,cAAM,EAAE,IAAI,UAAU,IAAI,OAAO,GAAG,IAAI,KAAK;AAE7C,YAAI,MAAM;AAAM,iBAAO,UAAU,EAAE,YAAY,OAAO,SAAS,IAAI;AAEnE;AAAA,MACF;AAAA,MAEA,KAAK,cAAc;AACjB,sBAAc;AAEd,eAAO,OAAO,KAAK,QAAQ,WAAW;AAEtC;AAAA,MACF;AAAA,MAEA,KAAK,qBAAqB;AACxB,sBAAc;AAEd,eAAO,IAAI,aAAa,EAAE;AAE1B,gBAAQ,KAAK,QAAQ;AAErB;AAAA,MACF;AAAA,MAEA;AACE,cAAM,IAAI,WAAW,sBAAuB,KAAa,IAAI,IAAI;AAAA,IACrE;AAAA,EACF;AAEA,WAAS,YAAY,OAAsC;AACzD,YAAQ,KAAK;AAEb,QAAI,MAAM;AAAkB;AAO5B,QAAI,MAAM,cAAc;AAAmB,aAAO,MAAM,eAAe;AAEvE,QAAI,QAAQ,KAAK,SAAS,qBAAqB;AAC7C,UAAI;AAEJ,UAAI;AACF,YAAI,QAAQ;AAAM,iBAAO,IAAI,IAAI,0BAA0B,IAAI,EAAE,EAAE;AAAA,MACrE,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,IAAI,IAAI,KAAK;AAAA,MAC5D;AAEA,UAAI,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,MAAM;AACjD,cAAM,eAAe;AACrB,cAAM,OAAO,MAAM;AAEnB,uBAAe,KAAK,SAAS,cAAc,IAAI,GAAI;AAAA,UACjD,UAAU;AAAA,UACV;AAAA,QACF,CAAC;AAED,YAAI,KAAK,SAAS,SAAS;AAAM,eAAK,QAAQ,UAAU,CAAC,GAAG,IAAI,IAAI;AAAA,MACtE;AAAA,IACF;AAAA,EACF;AAEA,MAAI,eAAe,QAAQ,MAAM;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACC,GAAI,wBAAwB;AAAA,UAC3B,QAAQ;AAAA,QACV;AAAA,QAEA,gBAAgB;AAAA;AAAA,IAClB;AAAA,EAEJ;AAGA,SAAO,oBAAC,OAAG,GAAG,aAAa,KAAU,MAAY,QAAgB,SAAS,aAAa;AACzF,CAAC;","names":["Link"]}
+{"version":3,"sources":["../../../../../src/components/shared/Link/index.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, MouseEvent } from 'react'\nimport scrollIntoView from 'scroll-into-view-if-needed'\nimport NextLink from 'next/link'\n\nimport { LinkData } from '@makeswift/prop-controllers'\nimport { useElementId } from '../../../runtimes/react'\nimport { usePagePathnameSlice } from '../../../runtimes/react/hooks/makeswift-api'\n\ntype BaseProps = {\n  link?: LinkData\n  onClick?: (event: MouseEvent<HTMLAnchorElement>) => unknown\n}\n\ntype Props = BaseProps & Omit<ComponentPropsWithoutRef<'a'>, keyof BaseProps>\n\nexport const Link = forwardRef<HTMLAnchorElement, Props>(function Link(\n  { link, onClick = () => {}, ...restOfProps }: Props,\n  ref,\n) {\n  const pageId = link && link.type === 'OPEN_PAGE' ? link.payload.pageId : null\n  const page = usePagePathnameSlice(pageId ?? null)\n  const hasLocalizedPathname = page?.localizedPathname != null\n\n  const elementKey =\n    link?.type === 'SCROLL_TO_ELEMENT' ? link.payload.elementIdConfig?.elementKey : null\n  const elementId = useElementId(elementKey)\n\n  // We don't want to use `next/link` with relative paths because Next.js will attempt to normalize\n  // it and mess up the path.\n  let useNextLink: boolean | undefined\n  let href: string | undefined\n  let target: '_blank' | '_self' | undefined\n  let block: 'start' | 'center' | 'end' | undefined\n\n  if (link) {\n    switch (link.type) {\n      case 'OPEN_PAGE': {\n        if (page) {\n          useNextLink = true\n\n          href = `/${page.localizedPathname ?? page.pathname}`\n        }\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'OPEN_URL': {\n        useNextLink = true\n\n        href = link.payload.url\n\n        target = link.payload.openInNewTab ? '_blank' : '_self'\n\n        break\n      }\n\n      case 'SEND_EMAIL': {\n        useNextLink = false\n\n        const { to, subject = '', body = '' } = link.payload\n\n        if (to != null) href = `mailto:${to}?subject=${subject}&body=${body}`\n\n        break\n      }\n\n      case 'CALL_PHONE': {\n        useNextLink = false\n\n        href = `tel:${link.payload.phoneNumber}`\n\n        break\n      }\n\n      case 'SCROLL_TO_ELEMENT': {\n        useNextLink = false\n\n        href = `#${elementId ?? ''}`\n\n        block = link.payload.block\n\n        break\n      }\n\n      default:\n        throw new RangeError(`Invalid link type \"${(link as any).type}.\"`)\n    }\n  }\n\n  function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n    onClick(event)\n\n    if (event.defaultPrevented) return\n\n    /**\n     * When we introduced `next/link` instead of just `a` element slate no longer prevented link from navigating within\n     * content mode. This is a hack to compensate for what would be expected as slate's default behavior.\n     * On upgrade of slate this can be reevaluated.\n     */\n    if (event.currentTarget.isContentEditable) return event.preventDefault()\n\n    if (link && link.type === 'SCROLL_TO_ELEMENT') {\n      let hash: string | undefined\n\n      try {\n        if (href != null) hash = new URL(`http://www.example.com/${href}`).hash\n      } catch (error) {\n        console.error(`Link received invalid href: ${href}`, error)\n      }\n\n      if (href != null && hash != null && href === hash) {\n        event.preventDefault()\n        const view = event.view as unknown as Window\n\n        scrollIntoView(view.document.querySelector(hash)!, {\n          behavior: 'smooth',\n          block,\n        })\n\n        if (view.location.hash !== hash) view.history.pushState({}, '', hash)\n      }\n    }\n  }\n\n  if (useNextLink && href != null) {\n    return (\n      <NextLink\n        {...restOfProps}\n        ref={ref}\n        target={target}\n        onClick={handleClick}\n        href={href}\n        {...(hasLocalizedPathname && {\n          locale: false,\n        })}\n        // Next.js v12 has legacyBehavior set to true by default\n        legacyBehavior={false}\n      />\n    )\n  }\n\n  // eslint-disable-next-line\n  return <a {...restOfProps} ref={ref} href={href} target={target} onClick={handleClick} />\n})\n"],"mappings":"AAgIM;AAhIN,SAAmC,kBAA8B;AACjE,OAAO,oBAAoB;AAC3B,OAAO,cAAc;AAGrB,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AAS9B,MAAM,OAAO,WAAqC,SAASA,MAChE,EAAE,MAAM,UAAU,MAAM;AAAC,GAAG,GAAG,YAAY,GAC3C,KACA;AACA,QAAM,SAAS,QAAQ,KAAK,SAAS,cAAc,KAAK,QAAQ,SAAS;AACzE,QAAM,OAAO,qBAAqB,UAAU,IAAI;AAChD,QAAM,uBAAuB,MAAM,qBAAqB;AAExD,QAAM,aACJ,MAAM,SAAS,sBAAsB,KAAK,QAAQ,iBAAiB,aAAa;AAClF,QAAM,YAAY,aAAa,UAAU;AAIzC,MAAI;AACJ,MAAI;AACJ,MAAI;AACJ,MAAI;AAEJ,MAAI,MAAM;AACR,YAAQ,KAAK,MAAM;AAAA,MACjB,KAAK,aAAa;AAChB,YAAI,MAAM;AACR,wBAAc;AAEd,iBAAO,IAAI,KAAK,qBAAqB,KAAK,QAAQ;AAAA,QACpD;AAEA,iBAAS,KAAK,QAAQ,eAAe,WAAW;AAEhD;AAAA,MACF;AAAA,MAEA,KAAK,YAAY;AACf,sBAAc;AAEd,eAAO,KAAK,QAAQ;AAEpB,iBAAS,KAAK,QAAQ,eAAe,WAAW;AAEhD;AAAA,MACF;AAAA,MAEA,KAAK,cAAc;AACjB,sBAAc;AAEd,cAAM,EAAE,IAAI,UAAU,IAAI,OAAO,GAAG,IAAI,KAAK;AAE7C,YAAI,MAAM;AAAM,iBAAO,UAAU,EAAE,YAAY,OAAO,SAAS,IAAI;AAEnE;AAAA,MACF;AAAA,MAEA,KAAK,cAAc;AACjB,sBAAc;AAEd,eAAO,OAAO,KAAK,QAAQ,WAAW;AAEtC;AAAA,MACF;AAAA,MAEA,KAAK,qBAAqB;AACxB,sBAAc;AAEd,eAAO,IAAI,aAAa,EAAE;AAE1B,gBAAQ,KAAK,QAAQ;AAErB;AAAA,MACF;AAAA,MAEA;AACE,cAAM,IAAI,WAAW,sBAAuB,KAAa,IAAI,IAAI;AAAA,IACrE;AAAA,EACF;AAEA,WAAS,YAAY,OAAsC;AACzD,YAAQ,KAAK;AAEb,QAAI,MAAM;AAAkB;AAO5B,QAAI,MAAM,cAAc;AAAmB,aAAO,MAAM,eAAe;AAEvE,QAAI,QAAQ,KAAK,SAAS,qBAAqB;AAC7C,UAAI;AAEJ,UAAI;AACF,YAAI,QAAQ;AAAM,iBAAO,IAAI,IAAI,0BAA0B,IAAI,EAAE,EAAE;AAAA,MACrE,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,IAAI,IAAI,KAAK;AAAA,MAC5D;AAEA,UAAI,QAAQ,QAAQ,QAAQ,QAAQ,SAAS,MAAM;AACjD,cAAM,eAAe;AACrB,cAAM,OAAO,MAAM;AAEnB,uBAAe,KAAK,SAAS,cAAc,IAAI,GAAI;AAAA,UACjD,UAAU;AAAA,UACV;AAAA,QACF,CAAC;AAED,YAAI,KAAK,SAAS,SAAS;AAAM,eAAK,QAAQ,UAAU,CAAC,GAAG,IAAI,IAAI;AAAA,MACtE;AAAA,IACF;AAAA,EACF;AAEA,MAAI,eAAe,QAAQ,MAAM;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACC,GAAI,wBAAwB;AAAA,UAC3B,QAAQ;AAAA,QACV;AAAA,QAEA,gBAAgB;AAAA;AAAA,IAClB;AAAA,EAEJ;AAGA,SAAO,oBAAC,OAAG,GAAG,aAAa,KAAU,MAAY,QAAgB,SAAS,aAAa;AACzF,CAAC;","names":["Link"]}

package/dist/esm/components/utils/responsive-style.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/utils/responsive-style.ts"],"sourcesContent":["import { WidthProperty } from 'csstype'\nimport { CSSObject } from '@emotion/css'\nimport type {\n  ResponsiveValueType as ExtractResponsiveValue,\n  LengthData,\n  ResponsiveBorderRadiusData,\n  ResponsiveMarginData,\n  ResponsivePaddingData,\n  ResponsiveValue,\n  ResponsiveLengthData,\n} from '@makeswift/prop-controllers'\n\nimport { TextStyleValue } from '../../prop-controllers/descriptors'\nimport {\n  FallbackStrategy,\n  getBreakpoint,\n  getBreakpointMediaQuery,\n  join as joinResponsiveValues,\n  Breakpoints,\n} from '../../state/modules/breakpoints'\nimport { getIndexes } from './columns'\nimport { PaddingPropertyData, paddingPropertyDataToStyle } from '../../css/padding'\nimport { MarginPropertyData, marginPropertyDataToStyle } from '../../css/margin'\nimport { BorderRadiusPropertyData, borderRadiusPropertyDataToStyle } from '../../css/border-radius'\nimport { BorderPropertyData, borderPropertyDataToStyle } from '../../css/border'\nimport { BorderPropControllerData } from '../hooks/useBorder'\nimport { colorToString } from './colorToString'\nimport { BoxShadow, ResponsiveBoxShadow } from '../hooks'\nimport { useBreakpoints } from '../../runtimes/react'\nimport { DropFirst } from './drop-first'\n\nexport function responsiveStyle<V, A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>>(\n  breakpoints: Breakpoints,\n  responsiveValues: A,\n  join: (values: { [K in keyof A]: ExtractResponsiveValue<A[K]> | undefined }) => CSSObject,\n  strategy?: FallbackStrategy<V>,\n): CSSObject {\n  return joinResponsiveValues(breakpoints, responsiveValues, join, strategy).reduce(\n    (acc, { deviceId, value }) => {\n      const breakpoint = getBreakpoint(breakpoints, deviceId)\n      const mediaQuery = getBreakpointMediaQuery(breakpoint)\n\n      return {\n        ...acc,\n        [mediaQuery]: {\n          ...(acc[mediaQuery] as CSSObject),\n          ...value,\n        },\n      }\n    },\n    {} as CSSObject,\n  )\n}\n\nexport function useResponsiveStyle<\n  V,\n  A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>,\n>(\n  responsiveValues: A,\n  join: (values: { [K in keyof A]: ExtractResponsiveValue<A[K]> | undefined }) => CSSObject,\n  strategy?: FallbackStrategy<V>,\n): CSSObject {\n  return responsiveStyle(useBreakpoints(), responsiveValues, join, strategy)\n}\n\nexport function responsiveWidth(\n  breakpoints: Breakpoints,\n  widthData: ResponsiveLengthData | undefined,\n  defaultValue: LengthData | WidthProperty<string | number> = '100%',\n): CSSObject {\n  return {\n    maxWidth: '100%',\n    ...responsiveStyle(breakpoints, [widthData], ([width = defaultValue]) => ({\n      width: typeof width === 'object' ? `${width.value}${width.unit}` : width,\n    })),\n  }\n}\n\nexport function useResponsiveWidth(\n  ...args: DropFirst<Parameters<typeof responsiveWidth>>\n): CSSObject {\n  return responsiveWidth(useBreakpoints(), ...args)\n}\n\nexport function responsivePadding(\n  breakpoints: Breakpoints,\n  paddingData: ResponsivePaddingData | undefined,\n  defaultValue: PaddingPropertyData = {} as PaddingPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [paddingData], ([padding = {} as PaddingPropertyData]) =>\n    paddingPropertyDataToStyle(\n      padding,\n      Object.assign(\n        { paddingTop: 0, paddingRight: 0, paddingBottom: 0, paddingLeft: 0 },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsivePadding(\n  ...args: DropFirst<Parameters<typeof responsivePadding>>\n): CSSObject {\n  return responsivePadding(useBreakpoints(), ...args)\n}\n\nexport function responsiveMargin(\n  breakpoints: Breakpoints,\n  marginData: ResponsiveMarginData | undefined,\n  defaultValue: MarginPropertyData = {} as MarginPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [marginData], ([margin = {} as MarginPropertyData]) =>\n    marginPropertyDataToStyle(\n      margin,\n      Object.assign(\n        { marginTop: 0, marginRight: 'auto', marginBottom: 0, marginLeft: 'auto' },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsiveMargin(\n  ...args: DropFirst<Parameters<typeof responsiveMargin>>\n): CSSObject {\n  return responsiveMargin(useBreakpoints(), ...args)\n}\n\nexport function responsiveBorderRadius(\n  breakpoints: Breakpoints,\n  borderRadiusData: ResponsiveBorderRadiusData | undefined,\n  defaultValue: BorderRadiusPropertyData = {} as BorderRadiusPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [borderRadiusData], ([borderRadius = {}]) =>\n    borderRadiusPropertyDataToStyle(\n      borderRadius,\n      Object.assign(\n        {\n          borderTopLeftRadius: 0,\n          borderTopRightRadius: 0,\n          borderBottomRightRadius: 0,\n          borderBottomLeftRadius: 0,\n        },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsiveBorderRadius(\n  ...args: DropFirst<Parameters<typeof responsiveBorderRadius>>\n): CSSObject {\n  return responsiveBorderRadius(useBreakpoints(), ...args)\n}\n\nexport function useResponsiveBorder(\n  borderData: BorderPropControllerData | undefined,\n  defaultValue: BorderPropertyData = {},\n): CSSObject {\n  return useResponsiveStyle([borderData], ([border = {}]) =>\n    borderPropertyDataToStyle(\n      border,\n      Object.assign(\n        {\n          borderTop: '0px solid black',\n          borderRight: '0px solid black',\n          borderBottom: '0px solid black',\n          borderLeft: '0px solid black',\n        },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nconst floor =\n  (d: number) =>\n  (v: number): number =>\n    Math.floor(10 ** d * v) / 10 ** d\n\nexport function responsiveGridItem(\n  breakpoints: Breakpoints,\n  props: {\n    grid: ResponsiveValue<{ spans: number[][]; count: number }>\n    index: number\n    columnGap?: ResponsiveValue<LengthData>\n    rowGap?: ResponsiveValue<LengthData>\n  },\n): CSSObject {\n  return {\n    display: 'flex',\n    ...responsiveStyle(\n      breakpoints,\n      [props.grid, props.columnGap, props.rowGap] as const,\n      ([\n        { spans, count } = { spans: [[12]], count: 12 },\n        columnGap = { value: 0, unit: 'px' },\n        rowGap = { value: 0, unit: 'px' },\n      ]) => {\n        const [rowIndex, columnIndex] = getIndexes(spans, props.index)\n        const firstCol = columnIndex === 0\n        const lastCol = columnIndex === spans[rowIndex].length - 1\n        const span = spans[rowIndex][columnIndex]\n        const fraction = floor(5)(span / count)\n        const width = `${fraction} * (100% + ${columnGap.value}${columnGap.unit})`\n        const excessWidth = `${Number(firstCol) + Number(lastCol)} * ${columnGap.value}${\n          columnGap.unit\n        } / 2`\n        const iePrecisionError = '0.01px'\n        const flexBasis = `calc(${width} - ${excessWidth} - ${iePrecisionError})`\n        const firstRow = rowIndex === 0\n        const lastRow = rowIndex === spans.length - 1\n\n        return span === 0\n          ? { display: 'none' }\n          : {\n              flexBasis,\n              minWidth: flexBasis,\n              // NOTE: IE11 width breaks without max width\n              // https://github.com/philipwalton/flexbugs/issues/3\n              maxWidth: flexBasis,\n              paddingLeft: firstCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,\n              paddingRight: lastCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,\n              paddingTop: firstRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,\n              paddingBottom: lastRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,\n            }\n      },\n    ),\n  }\n}\n\nexport function useResponsiveGridItem(\n  ...args: DropFirst<Parameters<typeof responsiveGridItem>>\n): CSSObject {\n  return responsiveGridItem(useBreakpoints(), ...args)\n}\n\nconst getBoxShadow = (shadows: BoxShadow) =>\n  shadows\n    .map(\n      ({ payload: { inset, offsetX, offsetY, blurRadius, spreadRadius, color } }) =>\n        `${inset ? 'inset ' : ''}${offsetX.toFixed(1)}px ${offsetY.toFixed(\n          1,\n        )}px ${blurRadius}px ${spreadRadius}px ${\n          color != null ? colorToString(color) : 'rgba(0,0,0,0.2)'\n        }`,\n    )\n    .filter(Boolean)\n    .join()\n\nexport function responsiveShadow(\n  breakpoints: Breakpoints,\n  value: ResponsiveBoxShadow | undefined,\n): CSSObject {\n  return responsiveStyle(breakpoints, [value], ([shadow = []]) => ({\n    boxShadow: getBoxShadow(shadow),\n  }))\n}\n\nexport function useResponsiveShadow(\n  ...args: DropFirst<Parameters<typeof responsiveShadow>>\n): CSSObject {\n  return responsiveShadow(useBreakpoints(), ...args)\n}\n\nexport function responsiveTextStyle(\n  breakpoints: Breakpoints,\n  value: TextStyleValue | undefined,\n): CSSObject {\n  return responsiveStyle(\n    breakpoints,\n    [value],\n    ([\n      textStyle = {\n        fontFamily: null,\n        letterSpacing: null,\n        fontSize: null,\n        fontWeight: null,\n        textTransform: [],\n        fontStyle: [],\n      },\n    ]) => {\n      const {\n        fontSize,\n        fontWeight,\n        fontStyle = [],\n        textTransform = [],\n        letterSpacing,\n        fontFamily,\n      } = textStyle\n\n      return {\n        ...(fontFamily == null ? {} : { fontFamily: `\"${fontFamily}\"` }),\n        ...(fontWeight == null ? {} : { fontWeight }),\n        ...(letterSpacing == null ? {} : { letterSpacing }),\n        ...(fontSize == null ? {} : { fontSize: `${fontSize.value}${fontSize.unit}` }),\n        ...(textTransform.includes('uppercase') ? { textTransform: 'uppercase' } : {}),\n        ...(fontStyle.includes('italic') ? { fontStyle: 'italic' } : {}),\n      }\n    },\n  )\n}\n\nexport function useResponsiveTextStyle(\n  ...args: DropFirst<Parameters<typeof responsiveTextStyle>>\n): CSSObject {\n  return responsiveTextStyle(useBreakpoints(), ...args)\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/utils/responsive-style.ts"],"sourcesContent":["import { WidthProperty } from 'csstype'\nimport { CSSObject } from '@emotion/css'\nimport type {\n  ResponsiveValueType as ExtractResponsiveValue,\n  LengthData,\n  ResponsiveBorderRadiusData,\n  ResponsiveMarginData,\n  ResponsivePaddingData,\n  ResponsiveValue,\n  ResponsiveLengthData,\n  ResponsiveTextStyleData,\n} from '@makeswift/prop-controllers'\n\nimport {\n  FallbackStrategy,\n  getBreakpoint,\n  getBreakpointMediaQuery,\n  join as joinResponsiveValues,\n  Breakpoints,\n} from '../../state/modules/breakpoints'\nimport { getIndexes } from './columns'\nimport { PaddingPropertyData, paddingPropertyDataToStyle } from '../../css/padding'\nimport { MarginPropertyData, marginPropertyDataToStyle } from '../../css/margin'\nimport { BorderRadiusPropertyData, borderRadiusPropertyDataToStyle } from '../../css/border-radius'\nimport { BorderPropertyData, borderPropertyDataToStyle } from '../../css/border'\nimport { BorderPropControllerData } from '../hooks/useBorder'\nimport { colorToString } from './colorToString'\nimport { BoxShadow, ResponsiveBoxShadow } from '../hooks'\nimport { useBreakpoints } from '../../runtimes/react'\nimport { DropFirst } from './drop-first'\n\nexport function responsiveStyle<V, A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>>(\n  breakpoints: Breakpoints,\n  responsiveValues: A,\n  join: (values: { [K in keyof A]: ExtractResponsiveValue<A[K]> | undefined }) => CSSObject,\n  strategy?: FallbackStrategy<V>,\n): CSSObject {\n  return joinResponsiveValues(breakpoints, responsiveValues, join, strategy).reduce(\n    (acc, { deviceId, value }) => {\n      const breakpoint = getBreakpoint(breakpoints, deviceId)\n      const mediaQuery = getBreakpointMediaQuery(breakpoint)\n\n      return {\n        ...acc,\n        [mediaQuery]: {\n          ...(acc[mediaQuery] as CSSObject),\n          ...value,\n        },\n      }\n    },\n    {} as CSSObject,\n  )\n}\n\nexport function useResponsiveStyle<\n  V,\n  A extends ReadonlyArray<ResponsiveValue<V> | null | undefined>,\n>(\n  responsiveValues: A,\n  join: (values: { [K in keyof A]: ExtractResponsiveValue<A[K]> | undefined }) => CSSObject,\n  strategy?: FallbackStrategy<V>,\n): CSSObject {\n  return responsiveStyle(useBreakpoints(), responsiveValues, join, strategy)\n}\n\nexport function responsiveWidth(\n  breakpoints: Breakpoints,\n  widthData: ResponsiveLengthData | undefined,\n  defaultValue: LengthData | WidthProperty<string | number> = '100%',\n): CSSObject {\n  return {\n    maxWidth: '100%',\n    ...responsiveStyle(breakpoints, [widthData], ([width = defaultValue]) => ({\n      width: typeof width === 'object' ? `${width.value}${width.unit}` : width,\n    })),\n  }\n}\n\nexport function useResponsiveWidth(\n  ...args: DropFirst<Parameters<typeof responsiveWidth>>\n): CSSObject {\n  return responsiveWidth(useBreakpoints(), ...args)\n}\n\nexport function responsivePadding(\n  breakpoints: Breakpoints,\n  paddingData: ResponsivePaddingData | undefined,\n  defaultValue: PaddingPropertyData = {} as PaddingPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [paddingData], ([padding = {} as PaddingPropertyData]) =>\n    paddingPropertyDataToStyle(\n      padding,\n      Object.assign(\n        { paddingTop: 0, paddingRight: 0, paddingBottom: 0, paddingLeft: 0 },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsivePadding(\n  ...args: DropFirst<Parameters<typeof responsivePadding>>\n): CSSObject {\n  return responsivePadding(useBreakpoints(), ...args)\n}\n\nexport function responsiveMargin(\n  breakpoints: Breakpoints,\n  marginData: ResponsiveMarginData | undefined,\n  defaultValue: MarginPropertyData = {} as MarginPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [marginData], ([margin = {} as MarginPropertyData]) =>\n    marginPropertyDataToStyle(\n      margin,\n      Object.assign(\n        { marginTop: 0, marginRight: 'auto', marginBottom: 0, marginLeft: 'auto' },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsiveMargin(\n  ...args: DropFirst<Parameters<typeof responsiveMargin>>\n): CSSObject {\n  return responsiveMargin(useBreakpoints(), ...args)\n}\n\nexport function responsiveBorderRadius(\n  breakpoints: Breakpoints,\n  borderRadiusData: ResponsiveBorderRadiusData | undefined,\n  defaultValue: BorderRadiusPropertyData = {} as BorderRadiusPropertyData,\n): CSSObject {\n  return responsiveStyle(breakpoints, [borderRadiusData], ([borderRadius = {}]) =>\n    borderRadiusPropertyDataToStyle(\n      borderRadius,\n      Object.assign(\n        {\n          borderTopLeftRadius: 0,\n          borderTopRightRadius: 0,\n          borderBottomRightRadius: 0,\n          borderBottomLeftRadius: 0,\n        },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nexport function useResponsiveBorderRadius(\n  ...args: DropFirst<Parameters<typeof responsiveBorderRadius>>\n): CSSObject {\n  return responsiveBorderRadius(useBreakpoints(), ...args)\n}\n\nexport function useResponsiveBorder(\n  borderData: BorderPropControllerData | undefined,\n  defaultValue: BorderPropertyData = {},\n): CSSObject {\n  return useResponsiveStyle([borderData], ([border = {}]) =>\n    borderPropertyDataToStyle(\n      border,\n      Object.assign(\n        {\n          borderTop: '0px solid black',\n          borderRight: '0px solid black',\n          borderBottom: '0px solid black',\n          borderLeft: '0px solid black',\n        },\n        defaultValue,\n      ),\n    ),\n  )\n}\n\nconst floor =\n  (d: number) =>\n  (v: number): number =>\n    Math.floor(10 ** d * v) / 10 ** d\n\nexport function responsiveGridItem(\n  breakpoints: Breakpoints,\n  props: {\n    grid: ResponsiveValue<{ spans: number[][]; count: number }>\n    index: number\n    columnGap?: ResponsiveValue<LengthData>\n    rowGap?: ResponsiveValue<LengthData>\n  },\n): CSSObject {\n  return {\n    display: 'flex',\n    ...responsiveStyle(\n      breakpoints,\n      [props.grid, props.columnGap, props.rowGap] as const,\n      ([\n        { spans, count } = { spans: [[12]], count: 12 },\n        columnGap = { value: 0, unit: 'px' },\n        rowGap = { value: 0, unit: 'px' },\n      ]) => {\n        const [rowIndex, columnIndex] = getIndexes(spans, props.index)\n        const firstCol = columnIndex === 0\n        const lastCol = columnIndex === spans[rowIndex].length - 1\n        const span = spans[rowIndex][columnIndex]\n        const fraction = floor(5)(span / count)\n        const width = `${fraction} * (100% + ${columnGap.value}${columnGap.unit})`\n        const excessWidth = `${Number(firstCol) + Number(lastCol)} * ${columnGap.value}${\n          columnGap.unit\n        } / 2`\n        const iePrecisionError = '0.01px'\n        const flexBasis = `calc(${width} - ${excessWidth} - ${iePrecisionError})`\n        const firstRow = rowIndex === 0\n        const lastRow = rowIndex === spans.length - 1\n\n        return span === 0\n          ? { display: 'none' }\n          : {\n              flexBasis,\n              minWidth: flexBasis,\n              // NOTE: IE11 width breaks without max width\n              // https://github.com/philipwalton/flexbugs/issues/3\n              maxWidth: flexBasis,\n              paddingLeft: firstCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,\n              paddingRight: lastCol ? 0 : `${columnGap.value / 2}${columnGap.unit}`,\n              paddingTop: firstRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,\n              paddingBottom: lastRow ? 0 : `${rowGap.value / 2}${rowGap.unit}`,\n            }\n      },\n    ),\n  }\n}\n\nexport function useResponsiveGridItem(\n  ...args: DropFirst<Parameters<typeof responsiveGridItem>>\n): CSSObject {\n  return responsiveGridItem(useBreakpoints(), ...args)\n}\n\nconst getBoxShadow = (shadows: BoxShadow) =>\n  shadows\n    .map(\n      ({ payload: { inset, offsetX, offsetY, blurRadius, spreadRadius, color } }) =>\n        `${inset ? 'inset ' : ''}${offsetX.toFixed(1)}px ${offsetY.toFixed(\n          1,\n        )}px ${blurRadius}px ${spreadRadius}px ${\n          color != null ? colorToString(color) : 'rgba(0,0,0,0.2)'\n        }`,\n    )\n    .filter(Boolean)\n    .join()\n\nexport function responsiveShadow(\n  breakpoints: Breakpoints,\n  value: ResponsiveBoxShadow | undefined,\n): CSSObject {\n  return responsiveStyle(breakpoints, [value], ([shadow = []]) => ({\n    boxShadow: getBoxShadow(shadow),\n  }))\n}\n\nexport function useResponsiveShadow(\n  ...args: DropFirst<Parameters<typeof responsiveShadow>>\n): CSSObject {\n  return responsiveShadow(useBreakpoints(), ...args)\n}\n\nexport function responsiveTextStyle(\n  breakpoints: Breakpoints,\n  value: ResponsiveTextStyleData | undefined,\n): CSSObject {\n  return responsiveStyle(\n    breakpoints,\n    [value],\n    ([\n      textStyle = {\n        fontFamily: null,\n        letterSpacing: null,\n        fontSize: null,\n        fontWeight: null,\n        textTransform: [],\n        fontStyle: [],\n      },\n    ]) => {\n      const {\n        fontSize,\n        fontWeight,\n        fontStyle = [],\n        textTransform = [],\n        letterSpacing,\n        fontFamily,\n      } = textStyle\n\n      return {\n        ...(fontFamily == null ? {} : { fontFamily: `\"${fontFamily}\"` }),\n        ...(fontWeight == null ? {} : { fontWeight }),\n        ...(letterSpacing == null ? {} : { letterSpacing }),\n        ...(fontSize == null ? {} : { fontSize: `${fontSize.value}${fontSize.unit}` }),\n        ...(textTransform.includes('uppercase') ? { textTransform: 'uppercase' } : {}),\n        ...(fontStyle.includes('italic') ? { fontStyle: 'italic' } : {}),\n      }\n    },\n  )\n}\n\nexport function useResponsiveTextStyle(\n  ...args: DropFirst<Parameters<typeof responsiveTextStyle>>\n): CSSObject {\n  return responsiveTextStyle(useBreakpoints(), ...args)\n}\n"],"mappings":"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","names":[]}

package/dist/esm/controls/control.js

@@ -49,7 +49,7 @@ function copy(definition, value, context) {
   switch (definition.type) {
     case Types.Backgrounds:
     case Types.Grid:
-    case Types.NavigationLinks:
+    case PropControllerTypes.NavigationLinks:
     case PropControllerTypes.Link:
     case PropControllerTypes.Shadows:
     case Types.Image:

package/dist/esm/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 Types.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":[]}
+{"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":[]}

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

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

package/dist/esm/prop-controllers/copy.js

@@ -1,6 +1,5 @@
 import { copy as backgroundsCopy } from "./copy/backgrounds";
 import { copy as gridCopy } from "./copy/grid";
-import { copy as navigationLinksCopy } from "./copy/navigation-links";
 import {
   copyLinkPropControllerData,
   copyShadowsPropControllerData,
@@ -14,7 +13,8 @@ import { copy as elementIdCopy } from "./copy/element-id";
 import { Types as PropControllerTypes } from "@makeswift/prop-controllers";
 import {
   copyResponsiveColorPropControllerData,
-  copyTablePropControllerData
+  copyTablePropControllerData,
+  copyNavigationLinksPropControllerData
 } from "@makeswift/prop-controllers";
 function copy(descriptor, value, context) {
   switch (descriptor.type) {
@@ -22,8 +22,8 @@ function copy(descriptor, value, context) {
       return backgroundsCopy(descriptor, value, context);
     case "Grid":
       return gridCopy(value, context);
-    case "NavigationLinks":
-      return navigationLinksCopy(value, context);
+    case PropControllerTypes.NavigationLinks:
+      return copyNavigationLinksPropControllerData(value, context);
     case PropControllerTypes.Link:
       return copyLinkPropControllerData(value, context);
     case "Shadows":

package/dist/esm/prop-controllers/copy.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/prop-controllers/copy.ts"],"sourcesContent":["import { Descriptor } from './descriptors'\nimport { copy as backgroundsCopy } from './copy/backgrounds'\nimport { copy as gridCopy } from './copy/grid'\nimport { copy as navigationLinksCopy } from './copy/navigation-links'\nimport {\n  copyLinkPropControllerData,\n  copyShadowsPropControllerData,\n  copyBorderPropControllerData,\n} from '@makeswift/prop-controllers'\nimport { copy as imageCopy } from './copy/image'\nimport { copy as imagesCopy } from './copy/images'\nimport { copy as tableFormFieldsCopy } from './copy/table-form-fields'\nimport { copy as richTextCopy } from './copy/rich-text'\nimport { copy as elementIdCopy } from './copy/element-id'\nimport { CopyContext } from '../state/react-page'\nimport { Types as PropControllerTypes } from '@makeswift/prop-controllers'\nimport {\n  copyResponsiveColorPropControllerData,\n  copyTablePropControllerData,\n} from '@makeswift/prop-controllers'\n\n// @note: note typing value, because would then have to type narrow `Data` per case\nexport function copy(descriptor: Descriptor, value: any, context: CopyContext) {\n  switch (descriptor.type) {\n    case 'Backgrounds':\n      return backgroundsCopy(descriptor, value, context)\n    case 'Grid':\n      return gridCopy(value, context)\n    case 'NavigationLinks':\n      return navigationLinksCopy(value, context)\n    case PropControllerTypes.Link:\n      return copyLinkPropControllerData(value, context)\n    case 'Shadows':\n      return copyShadowsPropControllerData(value, context)\n    case 'Image':\n      return imageCopy(descriptor, value, context)\n    case 'Images':\n      return imagesCopy(descriptor, value, context)\n    case 'ResponsiveColor':\n      return copyResponsiveColorPropControllerData(value, context)\n    case 'TableFormFields':\n      return tableFormFieldsCopy(value, context)\n    case PropControllerTypes.Table:\n      return copyTablePropControllerData(value, context)\n    case PropControllerTypes.Border:\n      return copyBorderPropControllerData(value, context)\n    case 'RichText':\n      return richTextCopy(value, context)\n    case 'ElementID':\n      return elementIdCopy(value, context)\n    default:\n      return value\n  }\n}\n\nexport function copyElementReference(value: string, context: CopyContext) {\n  return context.replacementContext.globalElementIds.get(value) || value\n}\n"],"mappings":"AACA,SAAS,QAAQ,uBAAuB;AACxC,SAAS,QAAQ,gBAAgB;AACjC,SAAS,QAAQ,2BAA2B;AAC5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,QAAQ,iBAAiB;AAClC,SAAS,QAAQ,kBAAkB;AACnC,SAAS,QAAQ,2BAA2B;AAC5C,SAAS,QAAQ,oBAAoB;AACrC,SAAS,QAAQ,qBAAqB;AAEtC,SAAS,SAAS,2BAA2B;AAC7C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAGA,SAAS,KAAK,YAAwB,OAAY,SAAsB;AAC7E,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK;AACH,aAAO,gBAAgB,YAAY,OAAO,OAAO;AAAA,IACnD,KAAK;AACH,aAAO,SAAS,OAAO,OAAO;AAAA,IAChC,KAAK;AACH,aAAO,oBAAoB,OAAO,OAAO;AAAA,IAC3C,KAAK,oBAAoB;AACvB,aAAO,2BAA2B,OAAO,OAAO;AAAA,IAClD,KAAK;AACH,aAAO,8BAA8B,OAAO,OAAO;AAAA,IACrD,KAAK;AACH,aAAO,UAAU,YAAY,OAAO,OAAO;AAAA,IAC7C,KAAK;AACH,aAAO,WAAW,YAAY,OAAO,OAAO;AAAA,IAC9C,KAAK;AACH,aAAO,sCAAsC,OAAO,OAAO;AAAA,IAC7D,KAAK;AACH,aAAO,oBAAoB,OAAO,OAAO;AAAA,IAC3C,KAAK,oBAAoB;AACvB,aAAO,4BAA4B,OAAO,OAAO;AAAA,IACnD,KAAK,oBAAoB;AACvB,aAAO,6BAA6B,OAAO,OAAO;AAAA,IACpD,KAAK;AACH,aAAO,aAAa,OAAO,OAAO;AAAA,IACpC,KAAK;AACH,aAAO,cAAc,OAAO,OAAO;AAAA,IACrC;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,qBAAqB,OAAe,SAAsB;AACxE,SAAO,QAAQ,mBAAmB,iBAAiB,IAAI,KAAK,KAAK;AACnE;","names":[]}
+{"version":3,"sources":["../../../src/prop-controllers/copy.ts"],"sourcesContent":["import { Descriptor } from './descriptors'\nimport { copy as backgroundsCopy } from './copy/backgrounds'\nimport { copy as gridCopy } from './copy/grid'\nimport {\n  copyLinkPropControllerData,\n  copyShadowsPropControllerData,\n  copyBorderPropControllerData,\n} from '@makeswift/prop-controllers'\nimport { copy as imageCopy } from './copy/image'\nimport { copy as imagesCopy } from './copy/images'\nimport { copy as tableFormFieldsCopy } from './copy/table-form-fields'\nimport { copy as richTextCopy } from './copy/rich-text'\nimport { copy as elementIdCopy } from './copy/element-id'\nimport { CopyContext } from '../state/react-page'\nimport { Types as PropControllerTypes } from '@makeswift/prop-controllers'\nimport {\n  copyResponsiveColorPropControllerData,\n  copyTablePropControllerData,\n  copyNavigationLinksPropControllerData,\n} from '@makeswift/prop-controllers'\n\n// @note: note typing value, because would then have to type narrow `Data` per case\nexport function copy(descriptor: Descriptor, value: any, context: CopyContext) {\n  switch (descriptor.type) {\n    case 'Backgrounds':\n      return backgroundsCopy(descriptor, value, context)\n    case 'Grid':\n      return gridCopy(value, context)\n    case PropControllerTypes.NavigationLinks:\n      return copyNavigationLinksPropControllerData(value, context)\n    case PropControllerTypes.Link:\n      return copyLinkPropControllerData(value, context)\n    case 'Shadows':\n      return copyShadowsPropControllerData(value, context)\n    case 'Image':\n      return imageCopy(descriptor, value, context)\n    case 'Images':\n      return imagesCopy(descriptor, value, context)\n    case 'ResponsiveColor':\n      return copyResponsiveColorPropControllerData(value, context)\n    case 'TableFormFields':\n      return tableFormFieldsCopy(value, context)\n    case PropControllerTypes.Table:\n      return copyTablePropControllerData(value, context)\n    case PropControllerTypes.Border:\n      return copyBorderPropControllerData(value, context)\n    case 'RichText':\n      return richTextCopy(value, context)\n    case 'ElementID':\n      return elementIdCopy(value, context)\n    default:\n      return value\n  }\n}\n\nexport function copyElementReference(value: string, context: CopyContext) {\n  return context.replacementContext.globalElementIds.get(value) || value\n}\n"],"mappings":"AACA,SAAS,QAAQ,uBAAuB;AACxC,SAAS,QAAQ,gBAAgB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,QAAQ,iBAAiB;AAClC,SAAS,QAAQ,kBAAkB;AACnC,SAAS,QAAQ,2BAA2B;AAC5C,SAAS,QAAQ,oBAAoB;AACrC,SAAS,QAAQ,qBAAqB;AAEtC,SAAS,SAAS,2BAA2B;AAC7C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,SAAS,KAAK,YAAwB,OAAY,SAAsB;AAC7E,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK;AACH,aAAO,gBAAgB,YAAY,OAAO,OAAO;AAAA,IACnD,KAAK;AACH,aAAO,SAAS,OAAO,OAAO;AAAA,IAChC,KAAK,oBAAoB;AACvB,aAAO,sCAAsC,OAAO,OAAO;AAAA,IAC7D,KAAK,oBAAoB;AACvB,aAAO,2BAA2B,OAAO,OAAO;AAAA,IAClD,KAAK;AACH,aAAO,8BAA8B,OAAO,OAAO;AAAA,IACrD,KAAK;AACH,aAAO,UAAU,YAAY,OAAO,OAAO;AAAA,IAC7C,KAAK;AACH,aAAO,WAAW,YAAY,OAAO,OAAO;AAAA,IAC9C,KAAK;AACH,aAAO,sCAAsC,OAAO,OAAO;AAAA,IAC7D,KAAK;AACH,aAAO,oBAAoB,OAAO,OAAO;AAAA,IAC3C,KAAK,oBAAoB;AACvB,aAAO,4BAA4B,OAAO,OAAO;AAAA,IACnD,KAAK,oBAAoB;AACvB,aAAO,6BAA6B,OAAO,OAAO;AAAA,IACpD,KAAK;AACH,aAAO,aAAa,OAAO,OAAO;AAAA,IACpC,KAAK;AACH,aAAO,cAAc,OAAO,OAAO;AAAA,IACrC;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,qBAAqB,OAAe,SAAsB;AACxE,SAAO,QAAQ,mBAAmB,iBAAiB,IAAI,KAAK,KAAK;AACnE;","names":[]}

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

@@ -15,7 +15,6 @@ const Types = {
   Image: "Image",
   Images: "Images",
   List: "List",
-  NavigationLinks: "NavigationLinks",
   ResponsiveIconRadioGroup: "ResponsiveIconRadioGroup",
   ResponsiveNumber: "ResponsiveNumber",
   ResponsiveOpacity: "ResponsiveOpacity",
@@ -27,7 +26,6 @@ const Types = {
   Typeahead: "Typeahead",
   TextArea: "TextArea",
   TextInput: "TextInput",
-  TextStyle: "TextStyle",
   Style: StyleControlType
 };
 function Backgrounds(options = {}) {
@@ -80,9 +78,6 @@ function getListPropControllerTypographyIds(descriptor, value) {
 function getListPropControllerPageIds(descriptor, value) {
   return introspectListPropControllerData(descriptor, value, getPageIds);
 }
-function NavigationLinks(options = {}) {
-  return { type: Types.NavigationLinks, options };
-}
 function ResponsiveIconRadioGroup(options) {
   return { type: Types.ResponsiveIconRadioGroup, options };
 }
@@ -164,9 +159,6 @@ function TextArea(options = {}) {
 function TextInput(options = {}) {
   return { type: Types.TextInput, options };
 }
-function TextStyle(options = {}) {
-  return { type: Types.TextStyle, options };
-}
 export {
   Backgrounds,
   ElementID,
@@ -176,7 +168,6 @@ export {
   Image,
   Images,
   List,
-  NavigationLinks,
   ResponsiveIconRadioGroup,
   ResponsiveNumber,
   ResponsiveOpacity,
@@ -187,7 +178,6 @@ export {
   TableFormFields,
   TextArea,
   TextInput,
-  TextStyle,
   Typeahead,
   Types,
   getListPropControllerElementChildren,

package/dist/esm/prop-controllers/descriptors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/prop-controllers/descriptors.ts"],"sourcesContent":["import { ResponsiveColor } from '../runtimes/react/controls'\nimport { StyleControlFormattedValue } from '../runtimes/react/controls/style'\nimport type { Element, Data, MergeTranslatableDataContext } from '../state/react-page'\nimport { NumberControlDefinition } from '../controls/number'\nimport { NumberControlValue } from '../runtimes/react/controls/number'\nimport { StyleControlType } from '../controls/style'\nimport {\n  CheckboxControlDefinition,\n  ColorControlDefinition,\n  ComboboxControlDefinition,\n  ImageControlDefinition,\n  LinkControlDefinition,\n  ListControlDefinition,\n  SelectControlDefinition,\n  ShapeControlDefinition,\n  SlotControlDefinition,\n  TextAreaControlDefinition,\n  TextInputControlDefinition,\n  StyleControlDefinition,\n  RichTextV2ControlDefinition,\n  StyleV2ControlDefinition,\n  TypographyControlDefinition,\n} from '../controls'\nimport { TextInputControlValue } from '../runtimes/react/controls/text-input'\nimport { TextAreaControlValue } from '../runtimes/react/controls/text-area'\nimport { ColorControlValue } from '../runtimes/react/controls/color'\nimport { SelectControlValue } from '../runtimes/react/controls/select'\nimport { CheckboxControlValue } from '../runtimes/react/controls/checkbox'\nimport { ResolveImageControlValue } from '../runtimes/react/controls/image'\nimport { ShapeControlValue } from '../runtimes/react/controls/shape'\nimport { ListControlValue } from '../runtimes/react/controls/list'\nimport { ComboboxControlValue } from '../runtimes/react/controls/combobox'\nimport { LinkControlValue } from '../runtimes/react/controls/link'\nimport { SlotControlValue } from '../runtimes/react/controls/slot'\nimport { RichTextControlDefinition, RichTextDTO } from '../controls/rich-text'\nimport { RichTextControlValue } from '../runtimes/react/controls/rich-text/rich-text'\nimport { RichTextV2ControlValue } from '../runtimes/react/controls/rich-text-v2'\nimport { StyleV2ControlFormattedValue } from '../runtimes/react/controls/style-v2'\nimport { IconRadioGroupControlDefinition } from '../controls/icon-radio-group'\nimport { IconRadioGroupControlValue } from '../runtimes/react/controls/icon-radio-group'\nimport { TypographyControlValue } from '../runtimes/react/controls/typography'\nimport {\n  getElementChildren,\n  getFileIds,\n  getPageIds,\n  getSwatchIds,\n  getTypographyIds,\n} from './introspection'\nimport {\n  BorderDescriptor,\n  CheckboxDescriptor,\n  LinkData,\n  LinkDescriptor,\n  LinkPropControllerValue,\n  Types as PropControllerTypes,\n  ColorData as Color,\n  ResponsiveValueType,\n  ShadowsDescriptor,\n  ResolveShadowsPropControllerValue,\n  ResponsiveValue,\n  Options,\n  ResponsiveLengthDescriptor,\n  ResolveResponsiveLengthPropControllerValue,\n  NumberDescriptor,\n  ResolveNumberPropControllerValue,\n  ResponsiveColorDescriptor,\n  ResolveCheckboxPropControllerValue,\n  BorderRadiusDescriptor,\n  ResolveBorderPropControllerValue,\n  ResolveBorderRadiusPropControllerValue,\n  DateDescriptor,\n  ResolveDatePropControllerValue,\n  FontDescriptor,\n  ResolveFontPropControllerValue,\n  VideoDescriptor,\n  ResolveVideoPropControllerValue,\n  TableDescriptor,\n  ResolveTablePropControllerValue,\n  MarginDescriptor,\n  ResolveMarginPropControllerValue,\n  PaddingDescriptor,\n  ResolvePaddingPropControllerValue,\n  WidthDescriptor,\n  ResolveWidthPropControllerValue,\n} from '@makeswift/prop-controllers'\n\nexport type { Data }\n\n// See https://github.com/microsoft/TypeScript/issues/15300\nexport type IndexSignatureHack<T> = T extends Record<string, any>\n  ? { [K in keyof T]: IndexSignatureHack<T[K]> }\n  : T\n\ntype IconName =\n  | 'HeightAuto16'\n  | 'HeightMatch16'\n  | 'VerticalAlignStart16'\n  | 'VerticalAlignMiddle16'\n  | 'VerticalAlignEnd16'\n  | 'VerticalAlignSpaceBetween16'\n  | 'ButtonPill16'\n  | 'ButtonRounded16'\n  | 'ButtonSquare16'\n  | 'SizeSmall16'\n  | 'SizeMedium16'\n  | 'SizeLarge16'\n  | 'ArrowInside16'\n  | 'ArrowCenter16'\n  | 'ArrowOutside16'\n  | 'CountdownSolid16'\n  | 'CountdownSolidSplit16'\n  | 'CountdownOutline16'\n  | 'CountdownOutlineSplit16'\n  | 'CountdownNaked16'\n  | 'Sun16'\n  | 'Moon16'\n  | 'AlignLeft16'\n  | 'AlignCenter16'\n  | 'AlignRight16'\n  | 'Star16'\n  | 'StarCircle16'\n  | 'StarRoundedSquare16'\n  | 'StarSquare16'\n\nexport type Gap = { value: number; unit: 'px' }\n\ntype TextStyle = {\n  fontFamily?: string | null | undefined\n  letterSpacing: number | null | undefined\n  fontSize: { value: number; unit: 'px' } | null | undefined\n  fontWeight: number | null | undefined\n  textTransform: 'uppercase'[]\n  fontStyle: 'italic'[]\n}\n\nexport const Types = {\n  Backgrounds: 'Backgrounds',\n  ElementID: 'ElementID',\n  GapX: 'GapX',\n  GapY: 'GapY',\n  Grid: 'Grid',\n  Image: 'Image',\n  Images: 'Images',\n  List: 'List',\n  NavigationLinks: 'NavigationLinks',\n  ResponsiveIconRadioGroup: 'ResponsiveIconRadioGroup',\n  ResponsiveNumber: 'ResponsiveNumber',\n  ResponsiveOpacity: 'ResponsiveOpacity',\n  ResponsiveSelect: 'ResponsiveSelect',\n  RichText: 'RichText',\n  Shape: 'Shape',\n  SocialLinks: 'SocialLinks',\n  TableFormFields: 'TableFormFields',\n  Typeahead: 'Typeahead',\n  TextArea: 'TextArea',\n  TextInput: 'TextInput',\n  TextStyle: 'TextStyle',\n  Style: StyleControlType,\n} as const\n\ntype ColorBackground = { type: 'color'; id: string; payload: Color | null }\n\ntype GradientStop = { id: string; location: number; color: Color | null }\n\ntype Gradient = { angle?: number; isRadial?: boolean; stops: GradientStop[] }\n\ntype GradientBackground = { type: 'gradient'; id: string; payload: Gradient }\n\ntype BackgroundImagePosition = { x: number; y: number }\n\ntype BackgroundImageSize = 'cover' | 'contain' | 'auto'\n\ntype BackgroundImageRepeat = 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat'\n\ntype BackgroundImageV0 = {\n  imageId: ImageValueV0\n  position: BackgroundImagePosition\n  size?: BackgroundImageSize\n  repeat?: BackgroundImageRepeat\n  opacity?: number\n  parallax?: number\n  priority?: boolean\n}\n\ntype BackgroundImageV1 = {\n  version: 1\n  image: ImageValueV1\n  position: BackgroundImagePosition\n  size?: BackgroundImageSize\n  repeat?: BackgroundImageRepeat\n  opacity?: number\n  parallax?: number\n  priority?: boolean\n}\n\nexport type BackgroundImage = BackgroundImageV0 | BackgroundImageV1\n\ntype ImageBackgroundV0 = { type: 'image'; id: string; payload: BackgroundImageV0 }\n\ntype ImageBackgroundV1 = { type: 'image-v1'; id: string; payload: BackgroundImageV1 }\n\nexport type ImageBackground = ImageBackgroundV0 | ImageBackgroundV1\n\ntype BackgroundVideoAspectRatio = 'wide' | 'standard'\n\ntype BackgroundVideo = {\n  url?: string\n  maskColor?: Color | null\n  opacity?: number\n  zoom?: number\n  aspectRatio?: BackgroundVideoAspectRatio\n  parallax?: number\n}\n\ntype VideoBackground = { type: 'video'; id: string; payload: BackgroundVideo }\n\ntype Background = ColorBackground | GradientBackground | ImageBackground | VideoBackground\n\nexport type BackgroundsValue = ResponsiveValue<Background[]>\n\ntype BackgroundsOptions = Options<Record<string, never>>\n\nexport type BackgroundsDescriptor<_T = BackgroundsValue> = {\n  type: typeof Types.Backgrounds\n  version?: 1\n  options: BackgroundsOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function Backgrounds(options: BackgroundsOptions = {}): BackgroundsDescriptor {\n  return { type: Types.Backgrounds, version: 1, options }\n}\n\nexport type ElementIDValue = string\n\ntype ElementIDOptions = Options<Record<string, never>>\n\ntype ElementIDDescriptor<_T = ElementIDValue> = {\n  type: typeof Types.ElementID\n  options: ElementIDOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function ElementID(options: ElementIDOptions = {}): ElementIDDescriptor {\n  return { type: Types.ElementID, options }\n}\n\nexport type GapXValue = ResponsiveValue<Gap>\n\nexport type GapXOptions = Options<{\n  preset?: GapXValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}>\n\nexport type GapXDescriptor<_T = GapXValue> = { type: typeof Types.GapX; options: GapXOptions }\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function GapX(options: GapXOptions = {}): GapXDescriptor {\n  return { type: Types.GapX, options }\n}\n\nexport type GapYValue = ResponsiveValue<Gap>\n\nexport type GapYOptions = Options<{\n  preset?: GapYValue\n  label?: string\n  defaultValue?: Gap\n  step?: number\n  min?: number\n  max?: number\n  hidden?: boolean\n}>\n\nexport type GapYDescriptor<_T = GapYValue> = { type: typeof Types.GapY; options: GapYOptions }\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function GapY(options: GapYOptions = {}): GapYDescriptor {\n  return { type: Types.GapY, options }\n}\n\ntype GridColumn = { count: number; spans: number[][] }\n\nexport type GridValue = { elements: Element[]; columns: ResponsiveValue<GridColumn> }\n\ntype GridOptions = Options<Record<string, never>>\n\ntype GridDescriptor<_T = GridValue> = { type: typeof Types.Grid; options: GridOptions }\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function Grid(options: GridOptions = {}): GridDescriptor {\n  return { type: Types.Grid, options }\n}\n\nexport function mergeGridPropControllerTranslatedData(\n  data: GridValue,\n  context: MergeTranslatableDataContext,\n) {\n  return {\n    ...data,\n    elements: data.elements.map(element => context.mergeTranslatedData(element)),\n  }\n}\n\nexport type ImageValueV0 = string\n\ntype ImageValueV1MakeswiftFile = {\n  version: 1\n  type: 'makeswift-file'\n  id: string\n}\n\ntype ImageValueV1ExternalFile = {\n  version: 1\n  type: 'external-file'\n  url: string\n  width?: number | null\n  height?: number | null\n}\n\nexport type ImageValueV1 = ImageValueV1MakeswiftFile | ImageValueV1ExternalFile\n\nexport type ImageValue = ImageValueV0 | ImageValueV1\n\nexport type ImageOptions = Options<{ label?: string; hidden?: boolean }>\n\nexport type ImageDescriptor<_T = ImageValue> = {\n  type: typeof Types.Image\n  version?: 1\n  options: ImageOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function Image(options: ImageOptions = {}): ImageDescriptor {\n  return { type: Types.Image, version: 1, options }\n}\n\nexport type ImagesValueV0Item = {\n  key: string\n  props: {\n    link?: LinkData\n    file?: ImageValueV0\n    altText?: string\n  }\n}\n\nexport type ImagesValueV1Item = {\n  key: string\n  version: 1\n  props: {\n    link?: LinkData\n    file?: ImageValueV1\n    altText?: string\n  }\n}\n\nexport type ImagesValueItem = ImagesValueV0Item | ImagesValueV1Item\n\nexport type ImagesValue = ImagesValueItem[]\n\ntype ImagesOptions = Options<{ preset?: ImagesValue }>\n\nexport type ImagesDescriptor<_T = ImagesValue> = {\n  type: typeof Types.Images\n  version?: 1\n  options: ImagesOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function Images(options: ImagesOptions = {}): ImagesDescriptor {\n  return { type: Types.Images, version: 1, options }\n}\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 Types.List\n  options: ListOptions<T extends ListValue<infer U> ? U : never>\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function List<T extends Data>(options: ListOptions<T>): ListDescriptor<ListValue<T>> {\n  return { type: Types.List, options }\n}\n\nexport function introspectListPropControllerData<T>(\n  descriptor: ListDescriptor,\n  value: ListValue | undefined,\n  func: (definition: Descriptor, data: Data) => T[],\n): T[] {\n  if (value == null) return []\n\n  return value.flatMap(item => (item.value ? func(descriptor.options.type, item.value) : []))\n}\n\nexport function getListPropControllerElementChildren<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getElementChildren)\n}\n\nexport function getListPropControllerSwatchIds<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getSwatchIds)\n}\n\nexport function getListPropControllerFileIds<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getFileIds)\n}\n\nexport function getListPropControllerTypographyIds<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getTypographyIds)\n}\n\nexport function getListPropControllerPageIds<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getPageIds)\n}\n\ntype ButtonVariant = 'flat' | 'outline' | 'shadow' | 'clear' | 'blocky' | 'bubbly' | 'skewed'\n\ntype ButtonShape = 'pill' | 'rounded' | 'square'\n\ntype ButtonSize = 'small' | 'medium' | 'large'\n\nexport type NavigationButton = {\n  id: string\n  type: 'button'\n  payload: {\n    label: string\n    link?: LinkData\n    variant?: ResponsiveValue<ButtonVariant>\n    shape?: ResponsiveValue<ButtonShape>\n    size?: ResponsiveValue<ButtonSize>\n    textColor?: ResponsiveValue<Color>\n    color?: ResponsiveValue<Color>\n    textStyle?: ResponsiveValue<TextStyle>\n  }\n}\n\ntype NavigationDropdownCaretType = 'caret' | 'plus' | 'arrow-down' | 'chevron-down'\n\ntype NavigationDropdownLink = {\n  id: string\n  payload: {\n    label: string\n    link?: LinkData\n    color?: ResponsiveValue<Color>\n    textStyle?: ResponsiveValue<TextStyle>\n  }\n}\n\ntype NavigationDropdown = {\n  id: string\n  type: 'dropdown'\n  payload: {\n    label: string\n    caret?: NavigationDropdownCaretType\n    links?: NavigationDropdownLink[]\n    variant?: ResponsiveValue<ButtonVariant>\n    shape?: ResponsiveValue<ButtonShape>\n    size?: ResponsiveValue<ButtonSize>\n    textColor?: ResponsiveValue<Color>\n    color?: ResponsiveValue<Color>\n    textStyle?: ResponsiveValue<TextStyle>\n  }\n}\n\nexport type NavigationLinksValue = (NavigationButton | NavigationDropdown)[]\n\ntype NavigationLinksOptions = Options<Record<string, never>>\n\ntype NavigationLinksDescriptor<_T = NavigationLinksValue> = {\n  type: typeof Types.NavigationLinks\n  options: NavigationLinksOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function NavigationLinks(options: NavigationLinksOptions = {}): NavigationLinksDescriptor {\n  return { type: Types.NavigationLinks, options }\n}\n\nexport type IconRadioGroupOption<T extends string> = { value: T; label: string; icon: IconName }\n\nexport type ResponsiveIconRadioGroupValue<T extends string = string> = ResponsiveValue<T>\n\nexport type ResponsiveIconRadioGroupOptions<T extends string = string, U extends T = T> = Options<{\n  label?: string\n  options: IconRadioGroupOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}>\n\nexport type ResponsiveIconRadioGroupDescriptor<\n  T extends ResponsiveIconRadioGroupValue<string> = ResponsiveIconRadioGroupValue<string>,\n> = {\n  type: typeof Types.ResponsiveIconRadioGroup\n  options: ResponsiveIconRadioGroupOptions<ResponsiveValueType<T>>\n}\n\n// HACK(miguel): We have to use a layer of indirection with `_T` and `T` because otherwise the\n// values provided would undergo type widening. For some reason, the extra layer of indirection\n// reuslts in TypeScript not widening types. Note, this only happens when the returned value of this\n// function is passed to another as an argument, which is common with the `registerComponent` API.\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function ResponsiveIconRadioGroup<_T extends string, T extends _T, U extends T>(\n  options: ResponsiveIconRadioGroupOptions<T, U>,\n): ResponsiveIconRadioGroupDescriptor<ResponsiveIconRadioGroupValue<T>> {\n  return { type: Types.ResponsiveIconRadioGroup, options }\n}\n\nexport type ResponsiveNumberValue = ResponsiveValue<number>\n\nexport type ResponsiveNumberOptions = Options<{\n  label?: string\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  suffix?: string\n  hidden?: boolean\n}>\n\nexport type ResponsiveNumberDescriptor<_T = ResponsiveNumberValue> = {\n  type: typeof Types.ResponsiveNumber\n  options: ResponsiveNumberOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function ResponsiveNumber(\n  options: ResponsiveNumberOptions = {},\n): ResponsiveNumberDescriptor {\n  return { type: Types.ResponsiveNumber, options }\n}\n\nexport type ResponsiveOpacityValue = ResponsiveValue<number>\n\ntype ResponsiveOpacityOptions = Options<Record<string, never>>\n\ntype ResponsiveOpacityDescriptor<_T = ResponsiveOpacityValue> = {\n  type: typeof Types.ResponsiveOpacity\n  options: ResponsiveOpacityOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function ResponsiveOpacity(\n  options: ResponsiveOpacityOptions = {},\n): ResponsiveOpacityDescriptor {\n  return { type: Types.ResponsiveOpacity, options }\n}\n\nexport type ResponsiveSelectValue<T extends string = string> = ResponsiveValue<T>\n\nexport type SelectLabelOrientation = 'vertical' | 'horizontal'\n\nexport type SelectOption<T extends string> = { value: T; label: string }\n\nexport type ResponsiveSelectOptions<T extends string = string, U extends T = T> = Options<{\n  label?: string\n  labelOrientation?: SelectLabelOrientation\n  options: SelectOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}>\n\nexport type ResponsiveSelectDescriptor<\n  T extends ResponsiveSelectValue<string> = ResponsiveSelectValue<string>,\n> = {\n  type: typeof Types.ResponsiveSelect\n  options: ResponsiveSelectOptions<ResponsiveValueType<T>>\n}\n\n// HACK(miguel): We have to use a layer of indirection with `_T` and `T` because otherwise the\n// values provided would undergo type widening. For some reason, the extra layer of indirection\n// reuslts in TypeScript not widening types. Note, this only happens when the returned value of this\n// function is passed to another as an argument, which is common with the `registerComponent` API.\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function ResponsiveSelect<_T extends string, T extends _T, U extends T>(\n  options: ResponsiveSelectOptions<T, U>,\n): ResponsiveSelectDescriptor<ResponsiveSelectValue<T>> {\n  return { type: Types.ResponsiveSelect, options }\n}\n\nexport type RichTextValue = IndexSignatureHack<RichTextDTO>\n\nexport type RichTextOptions = Options<{ preset?: RichTextValue }>\n\nexport type RichTextDescriptor<_T extends Data = RichTextValue> = {\n  type: typeof Types.RichText\n  options: RichTextOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function RichText(options: RichTextOptions = {}): RichTextDescriptor {\n  return { type: Types.RichText, options }\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 Types.Shape\n  options: ShapeOptions<U>\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function Shape<T extends Record<string, PanelDescriptor>>(\n  options: ShapeOptions<T>,\n): ShapeDescriptor<{ [K in keyof T]?: DescriptorValueType<T[K]> }, T> {\n  return { type: Types.Shape, options }\n}\n\nexport function introspectShapePropControllerData<T>(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n  func: (definition: Descriptor, data: Data) => T[],\n): T[] {\n  if (value == null) return []\n\n  return Object.entries(descriptor.options.type).flatMap(([key, definition]) =>\n    func(definition, value[key]),\n  )\n}\n\nexport function getShapePropControllerElementChildren(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): Element[] {\n  return introspectShapePropControllerData(descriptor, value, getElementChildren)\n}\n\nexport function getShapePropControllerFileIds(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): string[] {\n  return introspectShapePropControllerData(descriptor, value, getFileIds)\n}\n\nexport function getShapePropControllerTypographyIds(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): string[] {\n  return introspectShapePropControllerData(descriptor, value, getTypographyIds)\n}\n\nexport function getShapePropControllerPageIds(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): string[] {\n  return introspectShapePropControllerData(descriptor, value, getPageIds)\n}\n\nexport function getShapePropControllerSwatchIds(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): string[] {\n  return introspectShapePropControllerData(descriptor, value, getSwatchIds)\n}\n\nexport const socialLinkTypesV0 = [\n  'angellist',\n  'codepen',\n  'discord',\n  'dribbble',\n  'facebook',\n  'github',\n  'instagram',\n  'linkedin',\n  'medium',\n  'pinterest',\n  'reddit',\n  'rss',\n  'snapchat',\n  'soundcloud',\n  'spotify',\n  'telegram',\n  'tumblr',\n  'twitch',\n  'twitter',\n  'vimeo',\n  'whatsapp',\n  'yelp',\n  'youtube',\n] as const\n\ntype SocialLinkTypeV0 = typeof socialLinkTypesV0[number]\n\nexport const socialLinkTypesV1 = [...socialLinkTypesV0, 'x', 'slack'] as const\n\ntype SocialLinkTypeV1 = typeof socialLinkTypesV1[number]\n\ntype SocialLinkV0 = { type: SocialLinkTypeV0; url: string }\n\ntype SocialLinkV1 = { type: SocialLinkTypeV1; url: string }\n\ntype SocialLinksLinkV0 = { id: string; payload: SocialLinkV0 }\n\ntype SocialLinksLinkV1 = { id: string; payload: SocialLinkV1 }\n\ntype SocialLinksValueV0 = { links: SocialLinksLinkV0[]; openInNewTab: boolean }\n\ntype SocialLinksValueV1 = { links: SocialLinksLinkV1[]; openInNewTab: boolean }\n\nexport type SocialLinksValue = SocialLinksValueV0 | SocialLinksValueV1\n\ntype SocialLinksOptions = Options<{ preset?: SocialLinksValueV1 }>\n\nexport type SocialLinksDescriptor<_T = SocialLinksValueV1> = {\n  type: typeof Types.SocialLinks\n  options: SocialLinksOptions\n  version?: 1\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function SocialLinks(options: SocialLinksOptions = {}): SocialLinksDescriptor {\n  return { type: Types.SocialLinks, options, version: 1 }\n}\n\ntype TableFormField = {\n  id: string\n  tableColumnId: string\n  label?: string\n  placeholder?: string\n  defaultValue?: string | boolean | string[]\n  required?: boolean\n  hidden?: boolean\n  type?: 'select' | 'radio'\n  hideLabel?: boolean\n  autofill?: boolean\n}\n\ntype Grid = { count: number; spans: number[][] }\n\nexport type TableFormFieldsValue = { fields: TableFormField[]; grid: ResponsiveValue<Grid> }\n\ntype TableFormFieldsOptions = Options<{ preset?: TableFormFieldsValue }>\n\nexport type TableFormFieldsDescriptor<_T = TableFormFieldsValue> = {\n  type: typeof Types.TableFormFields\n  options: TableFormFieldsOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function TableFormFields(options: TableFormFieldsOptions = {}): TableFormFieldsDescriptor {\n  return { type: Types.TableFormFields, options }\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 Types.Typeahead\n  options: TypeaheadOptions<T extends TypeaheadValue<infer U> ? U : never>\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function Typeahead<T extends Data>(\n  options: TypeaheadOptions<T>,\n): TypeaheadDescriptor<TypeaheadValue<T>> {\n  return { type: Types.Typeahead, options }\n}\n\nexport type TextAreaValue = string\n\ntype TextAreaOptions = Options<{ preset?: TextAreaValue; label?: string; rows?: number }>\n\ntype TextAreaDescriptor<_T = TextAreaValue> = {\n  type: typeof Types.TextArea\n  options: TextAreaOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function TextArea(options: TextAreaOptions = {}): TextAreaDescriptor {\n  return { type: Types.TextArea, options }\n}\n\nexport type TextInputValue = string\n\nexport type TextInputOptions = Options<{ label?: string; placeholder?: string; hidden?: boolean }>\n\nexport type TextInputDescriptor<_T = TextInputValue> = {\n  type: typeof Types.TextInput\n  options: TextInputOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function TextInput(options: TextInputOptions = {}): TextInputDescriptor {\n  return { type: Types.TextInput, options }\n}\n\nexport type TextStyleValue = ResponsiveValue<TextStyle>\n\nexport type TextStyleOptions = Options<{\n  preset?: TextStyleValue\n  label?: string\n  hidden?: boolean\n}>\n\nexport type TextStyleDescriptor<_T = TextStyleValue> = {\n  type: typeof Types.TextStyle\n  options: TextStyleOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function TextStyle(options: TextStyleOptions = {}): TextStyleDescriptor {\n  return { type: Types.TextStyle, options }\n}\n\nexport type Descriptor<T extends Data = Data> =\n  | BackgroundsDescriptor<T>\n  | BorderDescriptor<T>\n  | BorderRadiusDescriptor<T>\n  | CheckboxDescriptor<T>\n  | DateDescriptor<T>\n  | ElementIDDescriptor<T>\n  | FontDescriptor<T>\n  | GapXDescriptor<T>\n  | GapYDescriptor<T>\n  | GridDescriptor<T>\n  | ImageDescriptor<T>\n  | ImagesDescriptor<T>\n  | LinkDescriptor<T>\n  | ListDescriptor<T extends ListValue ? T : ListValue>\n  | MarginDescriptor<T>\n  | NavigationLinksDescriptor<T>\n  | NumberDescriptor<T>\n  | PaddingDescriptor<T>\n  | ResponsiveColorDescriptor<T>\n  | ResponsiveIconRadioGroupDescriptor<\n      T extends ResponsiveIconRadioGroupValue<string> ? T : ResponsiveIconRadioGroupValue<string>\n    >\n  | ResponsiveLengthDescriptor<T>\n  | ResponsiveNumberDescriptor<T>\n  | ResponsiveOpacityDescriptor<T>\n  | ResponsiveSelectDescriptor<\n      T extends ResponsiveSelectValue<string> ? T : ResponsiveSelectValue<string>\n    >\n  | RichTextDescriptor<T>\n  | ShadowsDescriptor<T>\n  | ShapeDescriptor<T extends ShapeValue ? T : ShapeValue, any>\n  | SocialLinksDescriptor<T>\n  | TableDescriptor<T>\n  | TableFormFieldsDescriptor<T>\n  | TypeaheadDescriptor<T extends TypeaheadValue ? T : TypeaheadValue>\n  | TextAreaDescriptor<T>\n  | TextInputDescriptor<T>\n  | TextStyleDescriptor<T>\n  | VideoDescriptor<T>\n  | WidthDescriptor<T>\n  | StyleControlDefinition\n  | StyleV2ControlDefinition\n  | NumberControlDefinition\n  | CheckboxControlDefinition\n  | TextInputControlDefinition\n  | TextAreaControlDefinition\n  | SelectControlDefinition\n  | ColorControlDefinition\n  | IconRadioGroupControlDefinition\n  | ImageControlDefinition\n  | ComboboxControlDefinition\n  | ShapeControlDefinition\n  | ListControlDefinition\n  | LinkControlDefinition\n  | SlotControlDefinition\n  | RichTextControlDefinition\n  | RichTextV2ControlDefinition\n  | TypographyControlDefinition\n\nexport type PanelDescriptorType =\n  | typeof Types.Backgrounds\n  | typeof Types.ResponsiveIconRadioGroup\n  | typeof PropControllerTypes.Margin\n  | typeof PropControllerTypes.Padding\n  | typeof PropControllerTypes.Shadows\n  | typeof PropControllerTypes.Border\n  | typeof Types.GapY\n  | typeof Types.GapX\n  | typeof PropControllerTypes.BorderRadius\n  | typeof PropControllerTypes.Checkbox\n  | typeof Types.TextInput\n  | typeof PropControllerTypes.Link\n  | typeof Types.List\n  | typeof Types.Shape\n  | typeof Types.ResponsiveSelect\n  | typeof PropControllerTypes.ResponsiveColor\n  | typeof Types.TextStyle\n  | typeof Types.Images\n  | typeof Types.ResponsiveNumber\n  | typeof PropControllerTypes.Number\n  | typeof PropControllerTypes.Date\n  | typeof PropControllerTypes.Font\n  | typeof Types.TextArea\n  | typeof PropControllerTypes.Table\n  | typeof Types.Typeahead\n  | typeof Types.RichText\n  | typeof Types.Image\n  | typeof Types.ResponsiveOpacity\n  | typeof Types.SocialLinks\n  | typeof PropControllerTypes.Video\n  | typeof Types.NavigationLinks\n\nexport type PanelDescriptor<T extends Data = Data> = Extract<\n  Descriptor<T>,\n  { type: PanelDescriptorType }\n>\n\nexport type DescriptorValueType<T extends Descriptor> = T extends NumberControlDefinition\n  ? NumberControlValue<T>\n  : T extends CheckboxControlDefinition\n  ? CheckboxControlValue<T>\n  : T extends TextInputControlDefinition\n  ? TextInputControlValue<T>\n  : T extends TextAreaControlDefinition\n  ? TextAreaControlValue<T>\n  : T extends SelectControlDefinition\n  ? SelectControlValue<T>\n  : T extends ColorControlDefinition\n  ? ColorControlValue<T>\n  : T extends StyleControlDefinition\n  ? StyleControlFormattedValue\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlFormattedValue\n  : T extends IconRadioGroupControlDefinition\n  ? IconRadioGroupControlValue<T>\n  : T extends ImageControlDefinition\n  ? ResolveImageControlValue<T>\n  : T extends ComboboxControlDefinition\n  ? ComboboxControlValue<T>\n  : T extends ShapeControlDefinition\n  ? ShapeControlValue<T>\n  : T extends ListControlDefinition\n  ? ListControlValue<T>\n  : T extends LinkControlDefinition\n  ? LinkControlValue<T>\n  : T extends SlotControlDefinition\n  ? SlotControlValue\n  : T extends RichTextControlDefinition\n  ? RichTextControlValue\n  : T extends RichTextV2ControlDefinition\n  ? RichTextV2ControlValue\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlFormattedValue\n  : T extends TypographyControlDefinition\n  ? TypographyControlValue\n  : T['type'] extends typeof PropControllerTypes.ResponsiveColor\n  ? // TODO(miguel): We're not importing a resolver type from `@makeswift/prop-controllers` because\n    // the resolved type is tightly coupled with the runtime (i.e., it's the result of an API call).\n    // This means that we probably want to rethink how types are resolved and where that lives.\n    ResponsiveColor | null | undefined\n  : T['type'] extends typeof PropControllerTypes.Checkbox\n  ? ResolveCheckboxPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Checkbox }>>\n  : T['type'] extends typeof PropControllerTypes.Date\n  ? ResolveDatePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Date }>>\n  : T['type'] extends typeof PropControllerTypes.Font\n  ? ResolveFontPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Font }>>\n  : T['type'] extends typeof PropControllerTypes.Link\n  ? LinkPropControllerValue\n  : T['type'] extends typeof PropControllerTypes.Width\n  ? ResolveWidthPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Width }>>\n  : T['type'] extends typeof PropControllerTypes.Padding\n  ? ResolvePaddingPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Padding }>>\n  : T['type'] extends typeof PropControllerTypes.Margin\n  ? ResolveMarginPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Margin }>>\n  : T['type'] extends typeof PropControllerTypes.BorderRadius\n  ? ResolveBorderRadiusPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.BorderRadius }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Shadows\n  ? ResolveShadowsPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Shadows }>>\n  : T['type'] extends typeof PropControllerTypes.ResponsiveLength\n  ? ResolveResponsiveLengthPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.ResponsiveLength }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Border\n  ? ResolveBorderPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Border }>>\n  : T['type'] extends typeof PropControllerTypes.Number\n  ? ResolveNumberPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Number }>>\n  : T['type'] extends typeof PropControllerTypes.Table\n  ? ResolveTablePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Table }>>\n  : T['type'] extends typeof PropControllerTypes.Video\n  ? ResolveVideoPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Video }>>\n  : T extends Descriptor<infer U>\n  ? U | undefined\n  : never\n\nexport type PanelDescriptorValueType<T extends PanelDescriptor> = T extends PanelDescriptor<infer U>\n  ? U\n  : never\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/prop-controllers/descriptors.ts"],"sourcesContent":["import { ResponsiveColor } from '../runtimes/react/controls'\nimport { StyleControlFormattedValue } from '../runtimes/react/controls/style'\nimport type { Element, Data, MergeTranslatableDataContext } from '../state/react-page'\nimport { NumberControlDefinition } from '../controls/number'\nimport { NumberControlValue } from '../runtimes/react/controls/number'\nimport { StyleControlType } from '../controls/style'\nimport {\n  CheckboxControlDefinition,\n  ColorControlDefinition,\n  ComboboxControlDefinition,\n  ImageControlDefinition,\n  LinkControlDefinition,\n  ListControlDefinition,\n  SelectControlDefinition,\n  ShapeControlDefinition,\n  SlotControlDefinition,\n  TextAreaControlDefinition,\n  TextInputControlDefinition,\n  StyleControlDefinition,\n  RichTextV2ControlDefinition,\n  StyleV2ControlDefinition,\n  TypographyControlDefinition,\n} from '../controls'\nimport { TextInputControlValue } from '../runtimes/react/controls/text-input'\nimport { TextAreaControlValue } from '../runtimes/react/controls/text-area'\nimport { ColorControlValue } from '../runtimes/react/controls/color'\nimport { SelectControlValue } from '../runtimes/react/controls/select'\nimport { CheckboxControlValue } from '../runtimes/react/controls/checkbox'\nimport { ResolveImageControlValue } from '../runtimes/react/controls/image'\nimport { ShapeControlValue } from '../runtimes/react/controls/shape'\nimport { ListControlValue } from '../runtimes/react/controls/list'\nimport { ComboboxControlValue } from '../runtimes/react/controls/combobox'\nimport { LinkControlValue } from '../runtimes/react/controls/link'\nimport { SlotControlValue } from '../runtimes/react/controls/slot'\nimport { RichTextControlDefinition, RichTextDTO } from '../controls/rich-text'\nimport { RichTextControlValue } from '../runtimes/react/controls/rich-text/rich-text'\nimport { RichTextV2ControlValue } from '../runtimes/react/controls/rich-text-v2'\nimport { StyleV2ControlFormattedValue } from '../runtimes/react/controls/style-v2'\nimport { IconRadioGroupControlDefinition } from '../controls/icon-radio-group'\nimport { IconRadioGroupControlValue } from '../runtimes/react/controls/icon-radio-group'\nimport { TypographyControlValue } from '../runtimes/react/controls/typography'\nimport {\n  getElementChildren,\n  getFileIds,\n  getPageIds,\n  getSwatchIds,\n  getTypographyIds,\n} from './introspection'\nimport {\n  BorderDescriptor,\n  CheckboxDescriptor,\n  LinkData,\n  LinkDescriptor,\n  ResolveLinkPropControllerValue,\n  Types as PropControllerTypes,\n  ColorData as Color,\n  ResponsiveValueType,\n  ShadowsDescriptor,\n  ResolveShadowsPropControllerValue,\n  ResponsiveValue,\n  Options,\n  ResponsiveLengthDescriptor,\n  ResolveResponsiveLengthPropControllerValue,\n  NumberDescriptor,\n  ResolveNumberPropControllerValue,\n  ResponsiveColorDescriptor,\n  ResolveCheckboxPropControllerValue,\n  BorderRadiusDescriptor,\n  ResolveBorderPropControllerValue,\n  ResolveBorderRadiusPropControllerValue,\n  DateDescriptor,\n  ResolveDatePropControllerValue,\n  FontDescriptor,\n  ResolveFontPropControllerValue,\n  VideoDescriptor,\n  ResolveVideoPropControllerValue,\n  TableDescriptor,\n  ResolveTablePropControllerValue,\n  MarginDescriptor,\n  ResolveMarginPropControllerValue,\n  PaddingDescriptor,\n  ResolvePaddingPropControllerValue,\n  WidthDescriptor,\n  ResolveWidthPropControllerValue,\n  TextStyleDescriptor,\n  ResolveTextStylePropControllerValue,\n  NavigationLinksDescriptor,\n  ResolveNavigationLinksPropControllerValue,\n} from '@makeswift/prop-controllers'\n\nexport type { Data }\n\n// See https://github.com/microsoft/TypeScript/issues/15300\nexport type IndexSignatureHack<T> = T extends Record<string, any>\n  ? { [K in keyof T]: IndexSignatureHack<T[K]> }\n  : T\n\ntype IconName =\n  | 'HeightAuto16'\n  | 'HeightMatch16'\n  | 'VerticalAlignStart16'\n  | 'VerticalAlignMiddle16'\n  | 'VerticalAlignEnd16'\n  | 'VerticalAlignSpaceBetween16'\n  | 'ButtonPill16'\n  | 'ButtonRounded16'\n  | 'ButtonSquare16'\n  | 'SizeSmall16'\n  | 'SizeMedium16'\n  | 'SizeLarge16'\n  | 'ArrowInside16'\n  | 'ArrowCenter16'\n  | 'ArrowOutside16'\n  | 'CountdownSolid16'\n  | 'CountdownSolidSplit16'\n  | 'CountdownOutline16'\n  | 'CountdownOutlineSplit16'\n  | 'CountdownNaked16'\n  | 'Sun16'\n  | 'Moon16'\n  | 'AlignLeft16'\n  | 'AlignCenter16'\n  | 'AlignRight16'\n  | 'Star16'\n  | 'StarCircle16'\n  | 'StarRoundedSquare16'\n  | 'StarSquare16'\n\nexport type Gap = { value: number; unit: 'px' }\n\nexport const Types = {\n  Backgrounds: 'Backgrounds',\n  ElementID: 'ElementID',\n  GapX: 'GapX',\n  GapY: 'GapY',\n  Grid: 'Grid',\n  Image: 'Image',\n  Images: 'Images',\n  List: 'List',\n  ResponsiveIconRadioGroup: 'ResponsiveIconRadioGroup',\n  ResponsiveNumber: 'ResponsiveNumber',\n  ResponsiveOpacity: 'ResponsiveOpacity',\n  ResponsiveSelect: 'ResponsiveSelect',\n  RichText: 'RichText',\n  Shape: 'Shape',\n  SocialLinks: 'SocialLinks',\n  TableFormFields: 'TableFormFields',\n  Typeahead: 'Typeahead',\n  TextArea: 'TextArea',\n  TextInput: 'TextInput',\n  Style: StyleControlType,\n} as const\n\ntype ColorBackground = { type: 'color'; id: string; payload: Color | null }\n\ntype GradientStop = { id: string; location: number; color: Color | null }\n\ntype Gradient = { angle?: number; isRadial?: boolean; stops: GradientStop[] }\n\ntype GradientBackground = { type: 'gradient'; id: string; payload: Gradient }\n\ntype BackgroundImagePosition = { x: number; y: number }\n\ntype BackgroundImageSize = 'cover' | 'contain' | 'auto'\n\ntype BackgroundImageRepeat = 'no-repeat' | 'repeat-x' | 'repeat-y' | 'repeat'\n\ntype BackgroundImageV0 = {\n  imageId: ImageValueV0\n  position: BackgroundImagePosition\n  size?: BackgroundImageSize\n  repeat?: BackgroundImageRepeat\n  opacity?: number\n  parallax?: number\n  priority?: boolean\n}\n\ntype BackgroundImageV1 = {\n  version: 1\n  image: ImageValueV1\n  position: BackgroundImagePosition\n  size?: BackgroundImageSize\n  repeat?: BackgroundImageRepeat\n  opacity?: number\n  parallax?: number\n  priority?: boolean\n}\n\nexport type BackgroundImage = BackgroundImageV0 | BackgroundImageV1\n\ntype ImageBackgroundV0 = { type: 'image'; id: string; payload: BackgroundImageV0 }\n\ntype ImageBackgroundV1 = { type: 'image-v1'; id: string; payload: BackgroundImageV1 }\n\nexport type ImageBackground = ImageBackgroundV0 | ImageBackgroundV1\n\ntype BackgroundVideoAspectRatio = 'wide' | 'standard'\n\ntype BackgroundVideo = {\n  url?: string\n  maskColor?: Color | null\n  opacity?: number\n  zoom?: number\n  aspectRatio?: BackgroundVideoAspectRatio\n  parallax?: number\n}\n\ntype VideoBackground = { type: 'video'; id: string; payload: BackgroundVideo }\n\ntype Background = ColorBackground | GradientBackground | ImageBackground | VideoBackground\n\nexport type BackgroundsValue = ResponsiveValue<Background[]>\n\ntype BackgroundsOptions = Options<Record<string, never>>\n\nexport type BackgroundsDescriptor<_T = BackgroundsValue> = {\n  type: typeof Types.Backgrounds\n  version?: 1\n  options: BackgroundsOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function Backgrounds(options: BackgroundsOptions = {}): BackgroundsDescriptor {\n  return { type: Types.Backgrounds, version: 1, options }\n}\n\nexport type ElementIDValue = string\n\ntype ElementIDOptions = Options<Record<string, never>>\n\ntype ElementIDDescriptor<_T = ElementIDValue> = {\n  type: typeof Types.ElementID\n  options: ElementIDOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function ElementID(options: ElementIDOptions = {}): ElementIDDescriptor {\n  return { type: Types.ElementID, options }\n}\n\nexport type GapXValue = ResponsiveValue<Gap>\n\nexport type GapXOptions = Options<{\n  preset?: GapXValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}>\n\nexport type GapXDescriptor<_T = GapXValue> = { type: typeof Types.GapX; options: GapXOptions }\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function GapX(options: GapXOptions = {}): GapXDescriptor {\n  return { type: Types.GapX, options }\n}\n\nexport type GapYValue = ResponsiveValue<Gap>\n\nexport type GapYOptions = Options<{\n  preset?: GapYValue\n  label?: string\n  defaultValue?: Gap\n  step?: number\n  min?: number\n  max?: number\n  hidden?: boolean\n}>\n\nexport type GapYDescriptor<_T = GapYValue> = { type: typeof Types.GapY; options: GapYOptions }\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function GapY(options: GapYOptions = {}): GapYDescriptor {\n  return { type: Types.GapY, options }\n}\n\ntype GridColumn = { count: number; spans: number[][] }\n\nexport type GridValue = { elements: Element[]; columns: ResponsiveValue<GridColumn> }\n\ntype GridOptions = Options<Record<string, never>>\n\ntype GridDescriptor<_T = GridValue> = { type: typeof Types.Grid; options: GridOptions }\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function Grid(options: GridOptions = {}): GridDescriptor {\n  return { type: Types.Grid, options }\n}\n\nexport function mergeGridPropControllerTranslatedData(\n  data: GridValue,\n  context: MergeTranslatableDataContext,\n) {\n  return {\n    ...data,\n    elements: data.elements.map(element => context.mergeTranslatedData(element)),\n  }\n}\n\nexport type ImageValueV0 = string\n\ntype ImageValueV1MakeswiftFile = {\n  version: 1\n  type: 'makeswift-file'\n  id: string\n}\n\ntype ImageValueV1ExternalFile = {\n  version: 1\n  type: 'external-file'\n  url: string\n  width?: number | null\n  height?: number | null\n}\n\nexport type ImageValueV1 = ImageValueV1MakeswiftFile | ImageValueV1ExternalFile\n\nexport type ImageValue = ImageValueV0 | ImageValueV1\n\nexport type ImageOptions = Options<{ label?: string; hidden?: boolean }>\n\nexport type ImageDescriptor<_T = ImageValue> = {\n  type: typeof Types.Image\n  version?: 1\n  options: ImageOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function Image(options: ImageOptions = {}): ImageDescriptor {\n  return { type: Types.Image, version: 1, options }\n}\n\nexport type ImagesValueV0Item = {\n  key: string\n  props: {\n    link?: LinkData\n    file?: ImageValueV0\n    altText?: string\n  }\n}\n\nexport type ImagesValueV1Item = {\n  key: string\n  version: 1\n  props: {\n    link?: LinkData\n    file?: ImageValueV1\n    altText?: string\n  }\n}\n\nexport type ImagesValueItem = ImagesValueV0Item | ImagesValueV1Item\n\nexport type ImagesValue = ImagesValueItem[]\n\ntype ImagesOptions = Options<{ preset?: ImagesValue }>\n\nexport type ImagesDescriptor<_T = ImagesValue> = {\n  type: typeof Types.Images\n  version?: 1\n  options: ImagesOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function Images(options: ImagesOptions = {}): ImagesDescriptor {\n  return { type: Types.Images, version: 1, options }\n}\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 Types.List\n  options: ListOptions<T extends ListValue<infer U> ? U : never>\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function List<T extends Data>(options: ListOptions<T>): ListDescriptor<ListValue<T>> {\n  return { type: Types.List, options }\n}\n\nexport function introspectListPropControllerData<T>(\n  descriptor: ListDescriptor,\n  value: ListValue | undefined,\n  func: (definition: Descriptor, data: Data) => T[],\n): T[] {\n  if (value == null) return []\n\n  return value.flatMap(item => (item.value ? func(descriptor.options.type, item.value) : []))\n}\n\nexport function getListPropControllerElementChildren<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getElementChildren)\n}\n\nexport function getListPropControllerSwatchIds<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getSwatchIds)\n}\n\nexport function getListPropControllerFileIds<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getFileIds)\n}\n\nexport function getListPropControllerTypographyIds<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getTypographyIds)\n}\n\nexport function getListPropControllerPageIds<T>(\n  descriptor: ListDescriptor<T extends ListValue<Data> ? T : ListValue<Data>>,\n  value: ListValue | undefined,\n) {\n  return introspectListPropControllerData(descriptor, value, getPageIds)\n}\n\nexport type IconRadioGroupOption<T extends string> = { value: T; label: string; icon: IconName }\n\nexport type ResponsiveIconRadioGroupValue<T extends string = string> = ResponsiveValue<T>\n\nexport type ResponsiveIconRadioGroupOptions<T extends string = string, U extends T = T> = Options<{\n  label?: string\n  options: IconRadioGroupOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}>\n\nexport type ResponsiveIconRadioGroupDescriptor<\n  T extends ResponsiveIconRadioGroupValue<string> = ResponsiveIconRadioGroupValue<string>,\n> = {\n  type: typeof Types.ResponsiveIconRadioGroup\n  options: ResponsiveIconRadioGroupOptions<ResponsiveValueType<T>>\n}\n\n// HACK(miguel): We have to use a layer of indirection with `_T` and `T` because otherwise the\n// values provided would undergo type widening. For some reason, the extra layer of indirection\n// reuslts in TypeScript not widening types. Note, this only happens when the returned value of this\n// function is passed to another as an argument, which is common with the `registerComponent` API.\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function ResponsiveIconRadioGroup<_T extends string, T extends _T, U extends T>(\n  options: ResponsiveIconRadioGroupOptions<T, U>,\n): ResponsiveIconRadioGroupDescriptor<ResponsiveIconRadioGroupValue<T>> {\n  return { type: Types.ResponsiveIconRadioGroup, options }\n}\n\nexport type ResponsiveNumberValue = ResponsiveValue<number>\n\nexport type ResponsiveNumberOptions = Options<{\n  label?: string\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  suffix?: string\n  hidden?: boolean\n}>\n\nexport type ResponsiveNumberDescriptor<_T = ResponsiveNumberValue> = {\n  type: typeof Types.ResponsiveNumber\n  options: ResponsiveNumberOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function ResponsiveNumber(\n  options: ResponsiveNumberOptions = {},\n): ResponsiveNumberDescriptor {\n  return { type: Types.ResponsiveNumber, options }\n}\n\nexport type ResponsiveOpacityValue = ResponsiveValue<number>\n\ntype ResponsiveOpacityOptions = Options<Record<string, never>>\n\ntype ResponsiveOpacityDescriptor<_T = ResponsiveOpacityValue> = {\n  type: typeof Types.ResponsiveOpacity\n  options: ResponsiveOpacityOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function ResponsiveOpacity(\n  options: ResponsiveOpacityOptions = {},\n): ResponsiveOpacityDescriptor {\n  return { type: Types.ResponsiveOpacity, options }\n}\n\nexport type ResponsiveSelectValue<T extends string = string> = ResponsiveValue<T>\n\nexport type SelectLabelOrientation = 'vertical' | 'horizontal'\n\nexport type SelectOption<T extends string> = { value: T; label: string }\n\nexport type ResponsiveSelectOptions<T extends string = string, U extends T = T> = Options<{\n  label?: string\n  labelOrientation?: SelectLabelOrientation\n  options: SelectOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}>\n\nexport type ResponsiveSelectDescriptor<\n  T extends ResponsiveSelectValue<string> = ResponsiveSelectValue<string>,\n> = {\n  type: typeof Types.ResponsiveSelect\n  options: ResponsiveSelectOptions<ResponsiveValueType<T>>\n}\n\n// HACK(miguel): We have to use a layer of indirection with `_T` and `T` because otherwise the\n// values provided would undergo type widening. For some reason, the extra layer of indirection\n// reuslts in TypeScript not widening types. Note, this only happens when the returned value of this\n// function is passed to another as an argument, which is common with the `registerComponent` API.\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function ResponsiveSelect<_T extends string, T extends _T, U extends T>(\n  options: ResponsiveSelectOptions<T, U>,\n): ResponsiveSelectDescriptor<ResponsiveSelectValue<T>> {\n  return { type: Types.ResponsiveSelect, options }\n}\n\nexport type RichTextValue = IndexSignatureHack<RichTextDTO>\n\nexport type RichTextOptions = Options<{ preset?: RichTextValue }>\n\nexport type RichTextDescriptor<_T extends Data = RichTextValue> = {\n  type: typeof Types.RichText\n  options: RichTextOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function RichText(options: RichTextOptions = {}): RichTextDescriptor {\n  return { type: Types.RichText, options }\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 Types.Shape\n  options: ShapeOptions<U>\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function Shape<T extends Record<string, PanelDescriptor>>(\n  options: ShapeOptions<T>,\n): ShapeDescriptor<{ [K in keyof T]?: DescriptorValueType<T[K]> }, T> {\n  return { type: Types.Shape, options }\n}\n\nexport function introspectShapePropControllerData<T>(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n  func: (definition: Descriptor, data: Data) => T[],\n): T[] {\n  if (value == null) return []\n\n  return Object.entries(descriptor.options.type).flatMap(([key, definition]) =>\n    func(definition, value[key]),\n  )\n}\n\nexport function getShapePropControllerElementChildren(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): Element[] {\n  return introspectShapePropControllerData(descriptor, value, getElementChildren)\n}\n\nexport function getShapePropControllerFileIds(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): string[] {\n  return introspectShapePropControllerData(descriptor, value, getFileIds)\n}\n\nexport function getShapePropControllerTypographyIds(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): string[] {\n  return introspectShapePropControllerData(descriptor, value, getTypographyIds)\n}\n\nexport function getShapePropControllerPageIds(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): string[] {\n  return introspectShapePropControllerData(descriptor, value, getPageIds)\n}\n\nexport function getShapePropControllerSwatchIds(\n  descriptor: ShapeDescriptor<Record<string, Data>, Record<string, PanelDescriptor>>,\n  value: ShapeValue | undefined,\n): string[] {\n  return introspectShapePropControllerData(descriptor, value, getSwatchIds)\n}\n\nexport const socialLinkTypesV0 = [\n  'angellist',\n  'codepen',\n  'discord',\n  'dribbble',\n  'facebook',\n  'github',\n  'instagram',\n  'linkedin',\n  'medium',\n  'pinterest',\n  'reddit',\n  'rss',\n  'snapchat',\n  'soundcloud',\n  'spotify',\n  'telegram',\n  'tumblr',\n  'twitch',\n  'twitter',\n  'vimeo',\n  'whatsapp',\n  'yelp',\n  'youtube',\n] as const\n\ntype SocialLinkTypeV0 = typeof socialLinkTypesV0[number]\n\nexport const socialLinkTypesV1 = [...socialLinkTypesV0, 'x', 'slack'] as const\n\ntype SocialLinkTypeV1 = typeof socialLinkTypesV1[number]\n\ntype SocialLinkV0 = { type: SocialLinkTypeV0; url: string }\n\ntype SocialLinkV1 = { type: SocialLinkTypeV1; url: string }\n\ntype SocialLinksLinkV0 = { id: string; payload: SocialLinkV0 }\n\ntype SocialLinksLinkV1 = { id: string; payload: SocialLinkV1 }\n\ntype SocialLinksValueV0 = { links: SocialLinksLinkV0[]; openInNewTab: boolean }\n\ntype SocialLinksValueV1 = { links: SocialLinksLinkV1[]; openInNewTab: boolean }\n\nexport type SocialLinksValue = SocialLinksValueV0 | SocialLinksValueV1\n\ntype SocialLinksOptions = Options<{ preset?: SocialLinksValueV1 }>\n\nexport type SocialLinksDescriptor<_T = SocialLinksValueV1> = {\n  type: typeof Types.SocialLinks\n  options: SocialLinksOptions\n  version?: 1\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function SocialLinks(options: SocialLinksOptions = {}): SocialLinksDescriptor {\n  return { type: Types.SocialLinks, options, version: 1 }\n}\n\ntype TableFormField = {\n  id: string\n  tableColumnId: string\n  label?: string\n  placeholder?: string\n  defaultValue?: string | boolean | string[]\n  required?: boolean\n  hidden?: boolean\n  type?: 'select' | 'radio'\n  hideLabel?: boolean\n  autofill?: boolean\n}\n\ntype Grid = { count: number; spans: number[][] }\n\nexport type TableFormFieldsValue = { fields: TableFormField[]; grid: ResponsiveValue<Grid> }\n\ntype TableFormFieldsOptions = Options<{ preset?: TableFormFieldsValue }>\n\nexport type TableFormFieldsDescriptor<_T = TableFormFieldsValue> = {\n  type: typeof Types.TableFormFields\n  options: TableFormFieldsOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function TableFormFields(options: TableFormFieldsOptions = {}): TableFormFieldsDescriptor {\n  return { type: Types.TableFormFields, options }\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 Types.Typeahead\n  options: TypeaheadOptions<T extends TypeaheadValue<infer U> ? U : never>\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function Typeahead<T extends Data>(\n  options: TypeaheadOptions<T>,\n): TypeaheadDescriptor<TypeaheadValue<T>> {\n  return { type: Types.Typeahead, options }\n}\n\nexport type TextAreaValue = string\n\ntype TextAreaOptions = Options<{ preset?: TextAreaValue; label?: string; rows?: number }>\n\ntype TextAreaDescriptor<_T = TextAreaValue> = {\n  type: typeof Types.TextArea\n  options: TextAreaOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function TextArea(options: TextAreaOptions = {}): TextAreaDescriptor {\n  return { type: Types.TextArea, options }\n}\n\nexport type TextInputValue = string\n\nexport type TextInputOptions = Options<{ label?: string; placeholder?: string; hidden?: boolean }>\n\nexport type TextInputDescriptor<_T = TextInputValue> = {\n  type: typeof Types.TextInput\n  options: TextInputOptions\n}\n\n/**\n * @deprecated Imports from `@makeswift/runtime/prop-controllers` are deprecated. Use\n * `@makeswift/runtime/controls` instead.\n */\nexport function TextInput(options: TextInputOptions = {}): TextInputDescriptor {\n  return { type: Types.TextInput, options }\n}\n\nexport type Descriptor<T extends Data = Data> =\n  | BackgroundsDescriptor<T>\n  | BorderDescriptor<T>\n  | BorderRadiusDescriptor<T>\n  | CheckboxDescriptor<T>\n  | DateDescriptor<T>\n  | ElementIDDescriptor<T>\n  | FontDescriptor<T>\n  | GapXDescriptor<T>\n  | GapYDescriptor<T>\n  | GridDescriptor<T>\n  | ImageDescriptor<T>\n  | ImagesDescriptor<T>\n  | LinkDescriptor<T>\n  | ListDescriptor<T extends ListValue ? T : ListValue>\n  | MarginDescriptor<T>\n  | NavigationLinksDescriptor<T>\n  | NumberDescriptor<T>\n  | PaddingDescriptor<T>\n  | ResponsiveColorDescriptor<T>\n  | ResponsiveIconRadioGroupDescriptor<\n      T extends ResponsiveIconRadioGroupValue<string> ? T : ResponsiveIconRadioGroupValue<string>\n    >\n  | ResponsiveLengthDescriptor<T>\n  | ResponsiveNumberDescriptor<T>\n  | ResponsiveOpacityDescriptor<T>\n  | ResponsiveSelectDescriptor<\n      T extends ResponsiveSelectValue<string> ? T : ResponsiveSelectValue<string>\n    >\n  | RichTextDescriptor<T>\n  | ShadowsDescriptor<T>\n  | ShapeDescriptor<T extends ShapeValue ? T : ShapeValue, any>\n  | SocialLinksDescriptor<T>\n  | TableDescriptor<T>\n  | TableFormFieldsDescriptor<T>\n  | TypeaheadDescriptor<T extends TypeaheadValue ? T : TypeaheadValue>\n  | TextAreaDescriptor<T>\n  | TextInputDescriptor<T>\n  | TextStyleDescriptor<T>\n  | VideoDescriptor<T>\n  | WidthDescriptor<T>\n  | StyleControlDefinition\n  | StyleV2ControlDefinition\n  | NumberControlDefinition\n  | CheckboxControlDefinition\n  | TextInputControlDefinition\n  | TextAreaControlDefinition\n  | SelectControlDefinition\n  | ColorControlDefinition\n  | IconRadioGroupControlDefinition\n  | ImageControlDefinition\n  | ComboboxControlDefinition\n  | ShapeControlDefinition\n  | ListControlDefinition\n  | LinkControlDefinition\n  | SlotControlDefinition\n  | RichTextControlDefinition\n  | RichTextV2ControlDefinition\n  | TypographyControlDefinition\n\nexport type PanelDescriptorType =\n  | typeof Types.Backgrounds\n  | typeof Types.ResponsiveIconRadioGroup\n  | typeof PropControllerTypes.Margin\n  | typeof PropControllerTypes.Padding\n  | typeof PropControllerTypes.Shadows\n  | typeof PropControllerTypes.Border\n  | typeof Types.GapY\n  | typeof Types.GapX\n  | typeof PropControllerTypes.BorderRadius\n  | typeof PropControllerTypes.Checkbox\n  | typeof Types.TextInput\n  | typeof PropControllerTypes.Link\n  | typeof Types.List\n  | typeof Types.Shape\n  | typeof Types.ResponsiveSelect\n  | typeof PropControllerTypes.ResponsiveColor\n  | typeof PropControllerTypes.TextStyle\n  | typeof Types.Images\n  | typeof Types.ResponsiveNumber\n  | typeof PropControllerTypes.Number\n  | typeof PropControllerTypes.Date\n  | typeof PropControllerTypes.Font\n  | typeof Types.TextArea\n  | typeof PropControllerTypes.Table\n  | typeof Types.Typeahead\n  | typeof Types.RichText\n  | typeof Types.Image\n  | typeof Types.ResponsiveOpacity\n  | typeof Types.SocialLinks\n  | typeof PropControllerTypes.Video\n  | typeof PropControllerTypes.NavigationLinks\n\nexport type PanelDescriptor<T extends Data = Data> = Extract<\n  Descriptor<T>,\n  { type: PanelDescriptorType }\n>\n\nexport type DescriptorValueType<T extends Descriptor> = T extends NumberControlDefinition\n  ? NumberControlValue<T>\n  : T extends CheckboxControlDefinition\n  ? CheckboxControlValue<T>\n  : T extends TextInputControlDefinition\n  ? TextInputControlValue<T>\n  : T extends TextAreaControlDefinition\n  ? TextAreaControlValue<T>\n  : T extends SelectControlDefinition\n  ? SelectControlValue<T>\n  : T extends ColorControlDefinition\n  ? ColorControlValue<T>\n  : T extends StyleControlDefinition\n  ? StyleControlFormattedValue\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlFormattedValue\n  : T extends IconRadioGroupControlDefinition\n  ? IconRadioGroupControlValue<T>\n  : T extends ImageControlDefinition\n  ? ResolveImageControlValue<T>\n  : T extends ComboboxControlDefinition\n  ? ComboboxControlValue<T>\n  : T extends ShapeControlDefinition\n  ? ShapeControlValue<T>\n  : T extends ListControlDefinition\n  ? ListControlValue<T>\n  : T extends LinkControlDefinition\n  ? LinkControlValue<T>\n  : T extends SlotControlDefinition\n  ? SlotControlValue\n  : T extends RichTextControlDefinition\n  ? RichTextControlValue\n  : T extends RichTextV2ControlDefinition\n  ? RichTextV2ControlValue\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlFormattedValue\n  : T extends TypographyControlDefinition\n  ? TypographyControlValue\n  : T['type'] extends typeof PropControllerTypes.ResponsiveColor\n  ? // TODO(miguel): We're not importing a resolver type from `@makeswift/prop-controllers` because\n    // the resolved type is tightly coupled with the runtime (i.e., it's the result of an API call).\n    // This means that we probably want to rethink how types are resolved and where that lives.\n    ResponsiveColor | null | undefined\n  : T['type'] extends typeof PropControllerTypes.Checkbox\n  ? ResolveCheckboxPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Checkbox }>>\n  : T['type'] extends typeof PropControllerTypes.Date\n  ? ResolveDatePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Date }>>\n  : T['type'] extends typeof PropControllerTypes.Font\n  ? ResolveFontPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Font }>>\n  : T['type'] extends typeof PropControllerTypes.Link\n  ? ResolveLinkPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Link }>>\n  : T['type'] extends typeof PropControllerTypes.Width\n  ? ResolveWidthPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Width }>>\n  : T['type'] extends typeof PropControllerTypes.Padding\n  ? ResolvePaddingPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Padding }>>\n  : T['type'] extends typeof PropControllerTypes.Margin\n  ? ResolveMarginPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Margin }>>\n  : T['type'] extends typeof PropControllerTypes.NavigationLinks\n  ? ResolveNavigationLinksPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.NavigationLinks }>\n    >\n  : T['type'] extends typeof PropControllerTypes.BorderRadius\n  ? ResolveBorderRadiusPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.BorderRadius }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Shadows\n  ? ResolveShadowsPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Shadows }>>\n  : T['type'] extends typeof PropControllerTypes.ResponsiveLength\n  ? ResolveResponsiveLengthPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.ResponsiveLength }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Border\n  ? ResolveBorderPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Border }>>\n  : T['type'] extends typeof PropControllerTypes.Number\n  ? ResolveNumberPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Number }>>\n  : T['type'] extends typeof PropControllerTypes.Table\n  ? ResolveTablePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Table }>>\n  : T['type'] extends typeof PropControllerTypes.TextStyle\n  ? ResolveTextStylePropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextStyle }>>\n  : T['type'] extends typeof PropControllerTypes.Video\n  ? ResolveVideoPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Video }>>\n  : T extends Descriptor<infer U>\n  ? U | undefined\n  : never\n\nexport type PanelDescriptorValueType<T extends PanelDescriptor> = T extends PanelDescriptor<infer U>\n  ? U\n  : never\n"],"mappings":"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","names":[]}

package/dist/esm/prop-controllers/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/prop-controllers/index.ts"],"sourcesContent":["export type {\n  Data,\n  Descriptor as PropControllerDescriptor,\n  DescriptorValueType as PropControllerDescriptorValueType,\n  Gap,\n  GapXDescriptor,\n  GapXOptions,\n  GapXValue,\n  GapYDescriptor,\n  GapYOptions,\n  GapYValue,\n  ResponsiveNumberDescriptor,\n  ResponsiveNumberOptions,\n  ResponsiveNumberValue,\n  ResponsiveIconRadioGroupDescriptor,\n  ResponsiveIconRadioGroupValue,\n  ResponsiveSelectDescriptor,\n  ResponsiveSelectValue,\n  ImageDescriptor,\n  ImageValue,\n  ImageValueV0,\n  ImageValueV1,\n  ImagesDescriptor,\n  ImagesValueV0Item,\n  ImagesValueV1Item,\n  ImagesValueItem,\n  ImagesValue,\n  ImageBackground,\n  BackgroundsDescriptor,\n  BackgroundImage,\n  ListDescriptor,\n  ListValue,\n  ListOptions,\n  RichTextDescriptor,\n  RichTextValue,\n  ShapeDescriptor,\n  ShapeValue,\n  TextInputDescriptor,\n  TextInputValue,\n  TextStyleDescriptor,\n  TextStyleValue,\n  TypeaheadDescriptor,\n  TypeaheadValue,\n  TypeaheadOptions,\n  PanelDescriptor,\n  PanelDescriptorType,\n  PanelDescriptorValueType,\n  SocialLinksDescriptor,\n  SocialLinksValue,\n} from './descriptors'\nexport type {\n  ResponsiveValueType,\n  Device,\n  DeviceOverride,\n  ResponsiveValue,\n} from '@makeswift/prop-controllers'\nexport { socialLinkTypesV0, socialLinkTypesV1 } from './descriptors'\nexport * as Props from './descriptors'\nexport type {\n  PropControllerMessage,\n  RichTextPropControllerMessage,\n  TableFormFieldsMessage,\n} from './instances'\nexport { RichTextPropControllerMessageType, TableFormFieldsMessageType } from './instances'\nexport * as Introspection from './introspection'\nexport { copy as imageCopy } from './copy/image'\nexport { copy as imagesCopy } from './copy/images'\nexport { copy as backgroundsCopy } from './copy/backgrounds'\n"],"mappings":"AAwDA,SAAS,mBAAmB,yBAAyB;AACrD,YAAY,WAAW;AAMvB,SAAS,mCAAmC,kCAAkC;AAC9E,YAAY,mBAAmB;AAC/B,SAAiB,YAAiB;AAClC,SAAiB,QAARA,aAA0B;AACnC,SAAiB,QAARA,aAA+B;","names":["copy"]}
+{"version":3,"sources":["../../../src/prop-controllers/index.ts"],"sourcesContent":["export type {\n  Data,\n  Descriptor as PropControllerDescriptor,\n  DescriptorValueType as PropControllerDescriptorValueType,\n  Gap,\n  GapXDescriptor,\n  GapXOptions,\n  GapXValue,\n  GapYDescriptor,\n  GapYOptions,\n  GapYValue,\n  ResponsiveNumberDescriptor,\n  ResponsiveNumberOptions,\n  ResponsiveNumberValue,\n  ResponsiveIconRadioGroupDescriptor,\n  ResponsiveIconRadioGroupValue,\n  ResponsiveSelectDescriptor,\n  ResponsiveSelectValue,\n  ImageDescriptor,\n  ImageValue,\n  ImageValueV0,\n  ImageValueV1,\n  ImagesDescriptor,\n  ImagesValueV0Item,\n  ImagesValueV1Item,\n  ImagesValueItem,\n  ImagesValue,\n  ImageBackground,\n  BackgroundsDescriptor,\n  BackgroundImage,\n  ListDescriptor,\n  ListValue,\n  ListOptions,\n  RichTextDescriptor,\n  RichTextValue,\n  ShapeDescriptor,\n  ShapeValue,\n  TextInputDescriptor,\n  TextInputValue,\n  TypeaheadDescriptor,\n  TypeaheadValue,\n  TypeaheadOptions,\n  PanelDescriptor,\n  PanelDescriptorType,\n  PanelDescriptorValueType,\n  SocialLinksDescriptor,\n  SocialLinksValue,\n} from './descriptors'\nexport type {\n  ResponsiveValueType,\n  Device,\n  DeviceOverride,\n  ResponsiveValue,\n} from '@makeswift/prop-controllers'\nexport { socialLinkTypesV0, socialLinkTypesV1 } from './descriptors'\nexport * as Props from './descriptors'\nexport type {\n  PropControllerMessage,\n  RichTextPropControllerMessage,\n  TableFormFieldsMessage,\n} from './instances'\nexport { RichTextPropControllerMessageType, TableFormFieldsMessageType } from './instances'\nexport * as Introspection from './introspection'\nexport { copy as imageCopy } from './copy/image'\nexport { copy as imagesCopy } from './copy/images'\nexport { copy as backgroundsCopy } from './copy/backgrounds'\n"],"mappings":"AAsDA,SAAS,mBAAmB,yBAAyB;AACrD,YAAY,WAAW;AAMvB,SAAS,mCAAmC,kCAAkC;AAC9E,YAAY,mBAAmB;AAC/B,SAAiB,YAAiB;AAClC,SAAiB,QAARA,aAA0B;AACnC,SAAiB,QAARA,aAA+B;","names":["copy"]}

package/dist/esm/prop-controllers/introspection.js

@@ -55,7 +55,9 @@ import {
   getShadowsPropControllerDataSwatchIds,
   Types as PropControllerTypes,
   getBorderPropControllerDataSwatchIds,
-  getTablePropControllerDataTableIds
+  getTablePropControllerDataTableIds,
+  getNavigationLinksPropControllerPageIds,
+  getNavigationLinksPropControllerSwatchIds
 } from "@makeswift/prop-controllers";
 function getElementChildren(descriptor, prop) {
   if (prop == null)
@@ -117,18 +119,8 @@ function getSwatchIds(descriptor, prop) {
       return getBackgroundsSwatchIds(prop);
     case PropControllerTypes.Border:
       return getBorderPropControllerDataSwatchIds(prop);
-    case Types.NavigationLinks: {
-      const value = prop;
-      return value?.flatMap((item) => {
-        switch (item.type) {
-          case "button":
-          case "dropdown":
-            return [
-              ...item.payload.color?.map((override) => override.value).map((color) => color.swatchId) ?? [],
-              ...item.payload.textColor?.map((override) => override.value).map((color) => color.swatchId) ?? []
-            ];
-        }
-      }) ?? [];
+    case PropControllerTypes.NavigationLinks: {
+      return getNavigationLinksPropControllerSwatchIds(prop);
     }
     case PropControllerTypes.ResponsiveColor:
       return getResponsiveColorPropControllerDataSawtchIds(prop);
@@ -275,36 +267,8 @@ function getPageIds(descriptor, prop) {
           return [];
       }
     }
-    case Types.NavigationLinks: {
-      const value = prop;
-      if (value == null)
-        return [];
-      return value?.flatMap((item) => {
-        switch (item.type) {
-          case "button": {
-            if (item.payload.link == null)
-              return [];
-            switch (item.payload.link.type) {
-              case "OPEN_PAGE":
-                return item.payload.link.payload.pageId == null ? [] : [item.payload.link.payload.pageId];
-              default:
-                return [];
-            }
-          }
-          case "dropdown": {
-            return item.payload.links?.flatMap((link) => {
-              if (link.payload.link == null)
-                return [];
-              switch (link.payload.link.type) {
-                case "OPEN_PAGE":
-                  return link.payload.link.payload.pageId == null ? [] : [link.payload.link.payload.pageId];
-                default:
-                  return [];
-              }
-            }) ?? [];
-          }
-        }
-      }) ?? [];
+    case PropControllerTypes.NavigationLinks: {
+      return getNavigationLinksPropControllerPageIds(prop);
     }
     case RichTextControlType:
     case Types.RichText: {