@makeswift/runtime 0.19.4 → 0.20.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/builtin/Text/register.ts"],"sourcesContent":["import { ReactRuntime } from '../../../runtimes/react'\nimport { MakeswiftComponentType } from '../constants'\nimport { getBaseBreakpoint } from '../../../state/modules/breakpoints'\nimport { RichText } from '../../../controls/rich-text-v2/rich-text-v2'\nimport { lazy } from 'react'\nimport { ElementID, Margin, Width } from '@makeswift/prop-controllers'\n\nexport function registerComponent(runtime: ReactRuntime) {\n  return runtime.registerComponent(\n    lazy(() => import('./Text')),\n    {\n      type: MakeswiftComponentType.Text,\n      label: 'Text',\n      props: {\n        id: ElementID(),\n        text: RichText(),\n        width: Width({\n          format: Width.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: { value: 700, unit: 'px' },\n            },\n          ],\n          defaultValue: { value: 100, unit: '%' },\n        }),\n        margin: Margin({\n          format: Margin.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: {\n                marginTop: null,\n                marginRight: 'auto',\n                marginBottom: { value: 20, unit: 'px' },\n                marginLeft: 'auto',\n              },\n            },\n          ],\n        }),\n      },\n    },\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAAuC;AACvC,yBAAkC;AAClC,0BAAyB;AACzB,IAAAA,gBAAqB;AACrB,8BAAyC;AAElC,SAAS,kBAAkB,SAAuB;AACvD,SAAO,QAAQ;AAAA,QACb,oBAAK,MAAM,6CAAO,QAAQ,GAAC;AAAA,IAC3B;AAAA,MACE,MAAM,wCAAuB;AAAA,MAC7B,OAAO;AAAA,MACP,OAAO;AAAA,QACL,QAAI,mCAAU;AAAA,QACd,UAAM,8BAAS;AAAA,QACf,WAAO,+BAAM;AAAA,UACX,QAAQ,8BAAM,OAAO;AAAA,UACrB,QAAQ;AAAA,YACN;AAAA,cACE,cAAU,sCAAkB,QAAQ,eAAe,CAAC,EAAE;AAAA,cACtD,OAAO,EAAE,OAAO,KAAK,MAAM,KAAK;AAAA,YAClC;AAAA,UACF;AAAA,UACA,cAAc,EAAE,OAAO,KAAK,MAAM,IAAI;AAAA,QACxC,CAAC;AAAA,QACD,YAAQ,gCAAO;AAAA,UACb,QAAQ,+BAAO,OAAO;AAAA,UACtB,QAAQ;AAAA,YACN;AAAA,cACE,cAAU,sCAAkB,QAAQ,eAAe,CAAC,EAAE;AAAA,cACtD,OAAO;AAAA,gBACL,WAAW;AAAA,gBACX,aAAa;AAAA,gBACb,cAAc,EAAE,OAAO,IAAI,MAAM,KAAK;AAAA,gBACtC,YAAY;AAAA,cACd;AAAA,YACF;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":["import_react"]}
+{"version":3,"sources":["../../../../../src/components/builtin/Text/register.ts"],"sourcesContent":["import { type ReactRuntime } from '../../../runtimes/react'\nimport { MakeswiftComponentType } from '../constants'\nimport { getBaseBreakpoint } from '../../../state/modules/breakpoints'\nimport { RichText } from '../../../controls/rich-text-v2/rich-text-v2'\nimport { lazy } from 'react'\nimport { ElementID, Margin, Width } from '@makeswift/prop-controllers'\n\nexport function registerComponent(runtime: ReactRuntime) {\n  return runtime.registerComponent(\n    lazy(() => import('./Text')),\n    {\n      type: MakeswiftComponentType.Text,\n      label: 'Text',\n      props: {\n        id: ElementID(),\n        text: RichText(),\n        width: Width({\n          format: Width.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: { value: 700, unit: 'px' },\n            },\n          ],\n          defaultValue: { value: 100, unit: '%' },\n        }),\n        margin: Margin({\n          format: Margin.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: {\n                marginTop: null,\n                marginRight: 'auto',\n                marginBottom: { value: 20, unit: 'px' },\n                marginLeft: 'auto',\n              },\n            },\n          ],\n        }),\n      },\n    },\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAAuC;AACvC,yBAAkC;AAClC,0BAAyB;AACzB,IAAAA,gBAAqB;AACrB,8BAAyC;AAElC,SAAS,kBAAkB,SAAuB;AACvD,SAAO,QAAQ;AAAA,QACb,oBAAK,MAAM,6CAAO,QAAQ,GAAC;AAAA,IAC3B;AAAA,MACE,MAAM,wCAAuB;AAAA,MAC7B,OAAO;AAAA,MACP,OAAO;AAAA,QACL,QAAI,mCAAU;AAAA,QACd,UAAM,8BAAS;AAAA,QACf,WAAO,+BAAM;AAAA,UACX,QAAQ,8BAAM,OAAO;AAAA,UACrB,QAAQ;AAAA,YACN;AAAA,cACE,cAAU,sCAAkB,QAAQ,eAAe,CAAC,EAAE;AAAA,cACtD,OAAO,EAAE,OAAO,KAAK,MAAM,KAAK;AAAA,YAClC;AAAA,UACF;AAAA,UACA,cAAc,EAAE,OAAO,KAAK,MAAM,IAAI;AAAA,QACxC,CAAC;AAAA,QACD,YAAQ,gCAAO;AAAA,UACb,QAAQ,+BAAO,OAAO;AAAA,UACtB,QAAQ;AAAA,YACN;AAAA,cACE,cAAU,sCAAkB,QAAQ,eAAe,CAAC,EAAE;AAAA,cACtD,OAAO;AAAA,gBACL,WAAW;AAAA,gBACX,aAAa;AAAA,gBACb,cAAc,EAAE,OAAO,IAAI,MAAM,KAAK;AAAA,gBACtC,YAAY;AAAA,cACd;AAAA,YACF;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;","names":["import_react"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/builtin/register.ts"],"sourcesContent":["import { ReactRuntime } from '../../runtimes/react'\nimport { registerComponent as registerBoxComponent } from './Box/register'\nimport { registerComponent as registerButtonComponent } from './Button/register'\nimport { registerComponent as registerCarouselComponent } from './Carousel/register'\nimport { registerComponent as registerCountdownComponent } from './Countdown/register'\nimport { registerComponent as registerDividerComponent } from './Divider/register'\nimport { registerComponent as registerEmbedComponent } from './Embed/register'\nimport { registerComponent as registerFormComponent } from './Form/register'\nimport { registerComponent as registerImageComponent } from './Image/register'\nimport { registerComponent as registerNavigationComponent } from './Navigation/register'\nimport { registerComponent as registerRootComponent } from './Root/register'\nimport { registerComponent as registerSocialLinksComponent } from './SocialLinks/register'\nimport { registerComponent as registerTextComponent } from './Text/register'\nimport { registerComponent as registerVideoComponent } from './Video/register'\n\nexport function registerBuiltinComponents(runtime: ReactRuntime) {\n  const unregisterBoxComponent = registerBoxComponent(runtime)\n  const unregisterButtonComponent = registerButtonComponent(runtime)\n  const unregisterCarouselComponent = registerCarouselComponent(runtime)\n  const unregisterCountdownComponent = registerCountdownComponent(runtime)\n  const unregisterDividerComponent = registerDividerComponent(runtime)\n  const unregisterEmbedComponent = registerEmbedComponent(runtime)\n  const unregisterFormComponent = registerFormComponent(runtime)\n  const unregisterImageComponent = registerImageComponent(runtime)\n  const unregisterNavigationComponent = registerNavigationComponent(runtime)\n  const unregisterRootComponent = registerRootComponent(runtime)\n  const unregisterSocialLinksComponent = registerSocialLinksComponent(runtime)\n  const unregisterTextComponent = registerTextComponent(runtime)\n  const unregisterVideoComponent = registerVideoComponent(runtime)\n\n  return () => {\n    unregisterBoxComponent()\n    unregisterButtonComponent()\n    unregisterCarouselComponent()\n    unregisterCountdownComponent()\n    unregisterDividerComponent()\n    unregisterEmbedComponent()\n    unregisterFormComponent()\n    unregisterImageComponent()\n    unregisterNavigationComponent()\n    unregisterRootComponent()\n    unregisterSocialLinksComponent()\n    unregisterTextComponent()\n    unregisterVideoComponent()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAA0D;AAC1D,IAAAA,mBAA6D;AAC7D,IAAAA,mBAA+D;AAC/D,IAAAA,mBAAgE;AAChE,IAAAA,mBAA8D;AAC9D,IAAAA,mBAA4D;AAC5D,IAAAA,mBAA2D;AAC3D,IAAAA,mBAA4D;AAC5D,IAAAA,mBAAiE;AACjE,IAAAA,oBAA2D;AAC3D,IAAAA,oBAAkE;AAClE,IAAAA,oBAA2D;AAC3D,IAAAA,oBAA4D;AAErD,SAAS,0BAA0B,SAAuB;AAC/D,QAAM,6BAAyB,gBAAAC,mBAAqB,OAAO;AAC3D,QAAM,gCAA4B,iBAAAC,mBAAwB,OAAO;AACjE,QAAM,kCAA8B,iBAAAC,mBAA0B,OAAO;AACrE,QAAM,mCAA+B,iBAAAC,mBAA2B,OAAO;AACvE,QAAM,iCAA6B,iBAAAC,mBAAyB,OAAO;AACnE,QAAM,+BAA2B,iBAAAC,mBAAuB,OAAO;AAC/D,QAAM,8BAA0B,iBAAAC,mBAAsB,OAAO;AAC7D,QAAM,+BAA2B,iBAAAC,mBAAuB,OAAO;AAC/D,QAAM,oCAAgC,iBAAAC,mBAA4B,OAAO;AACzE,QAAM,8BAA0B,kBAAAC,mBAAsB,OAAO;AAC7D,QAAM,qCAAiC,kBAAAC,mBAA6B,OAAO;AAC3E,QAAM,8BAA0B,kBAAAC,mBAAsB,OAAO;AAC7D,QAAM,+BAA2B,kBAAAC,mBAAuB,OAAO;AAE/D,SAAO,MAAM;AACX,2BAAuB;AACvB,8BAA0B;AAC1B,gCAA4B;AAC5B,iCAA6B;AAC7B,+BAA2B;AAC3B,6BAAyB;AACzB,4BAAwB;AACxB,6BAAyB;AACzB,kCAA8B;AAC9B,4BAAwB;AACxB,mCAA+B;AAC/B,4BAAwB;AACxB,6BAAyB;AAAA,EAC3B;AACF;","names":["import_register","registerBoxComponent","registerButtonComponent","registerCarouselComponent","registerCountdownComponent","registerDividerComponent","registerEmbedComponent","registerFormComponent","registerImageComponent","registerNavigationComponent","registerRootComponent","registerSocialLinksComponent","registerTextComponent","registerVideoComponent"]}
+{"version":3,"sources":["../../../../src/components/builtin/register.ts"],"sourcesContent":["import { type ReactRuntime } from '../../runtimes/react'\nimport { registerComponent as registerBoxComponent } from './Box/register'\nimport { registerComponent as registerButtonComponent } from './Button/register'\nimport { registerComponent as registerCarouselComponent } from './Carousel/register'\nimport { registerComponent as registerCountdownComponent } from './Countdown/register'\nimport { registerComponent as registerDividerComponent } from './Divider/register'\nimport { registerComponent as registerEmbedComponent } from './Embed/register'\nimport { registerComponent as registerFormComponent } from './Form/register'\nimport { registerComponent as registerImageComponent } from './Image/register'\nimport { registerComponent as registerNavigationComponent } from './Navigation/register'\nimport { registerComponent as registerRootComponent } from './Root/register'\nimport { registerComponent as registerSocialLinksComponent } from './SocialLinks/register'\nimport { registerComponent as registerTextComponent } from './Text/register'\nimport { registerComponent as registerVideoComponent } from './Video/register'\n\nexport function registerBuiltinComponents(runtime: ReactRuntime) {\n  const unregisterBoxComponent = registerBoxComponent(runtime)\n  const unregisterButtonComponent = registerButtonComponent(runtime)\n  const unregisterCarouselComponent = registerCarouselComponent(runtime)\n  const unregisterCountdownComponent = registerCountdownComponent(runtime)\n  const unregisterDividerComponent = registerDividerComponent(runtime)\n  const unregisterEmbedComponent = registerEmbedComponent(runtime)\n  const unregisterFormComponent = registerFormComponent(runtime)\n  const unregisterImageComponent = registerImageComponent(runtime)\n  const unregisterNavigationComponent = registerNavigationComponent(runtime)\n  const unregisterRootComponent = registerRootComponent(runtime)\n  const unregisterSocialLinksComponent = registerSocialLinksComponent(runtime)\n  const unregisterTextComponent = registerTextComponent(runtime)\n  const unregisterVideoComponent = registerVideoComponent(runtime)\n\n  return () => {\n    unregisterBoxComponent()\n    unregisterButtonComponent()\n    unregisterCarouselComponent()\n    unregisterCountdownComponent()\n    unregisterDividerComponent()\n    unregisterEmbedComponent()\n    unregisterFormComponent()\n    unregisterImageComponent()\n    unregisterNavigationComponent()\n    unregisterRootComponent()\n    unregisterSocialLinksComponent()\n    unregisterTextComponent()\n    unregisterVideoComponent()\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAA0D;AAC1D,IAAAA,mBAA6D;AAC7D,IAAAA,mBAA+D;AAC/D,IAAAA,mBAAgE;AAChE,IAAAA,mBAA8D;AAC9D,IAAAA,mBAA4D;AAC5D,IAAAA,mBAA2D;AAC3D,IAAAA,mBAA4D;AAC5D,IAAAA,mBAAiE;AACjE,IAAAA,oBAA2D;AAC3D,IAAAA,oBAAkE;AAClE,IAAAA,oBAA2D;AAC3D,IAAAA,oBAA4D;AAErD,SAAS,0BAA0B,SAAuB;AAC/D,QAAM,6BAAyB,gBAAAC,mBAAqB,OAAO;AAC3D,QAAM,gCAA4B,iBAAAC,mBAAwB,OAAO;AACjE,QAAM,kCAA8B,iBAAAC,mBAA0B,OAAO;AACrE,QAAM,mCAA+B,iBAAAC,mBAA2B,OAAO;AACvE,QAAM,iCAA6B,iBAAAC,mBAAyB,OAAO;AACnE,QAAM,+BAA2B,iBAAAC,mBAAuB,OAAO;AAC/D,QAAM,8BAA0B,iBAAAC,mBAAsB,OAAO;AAC7D,QAAM,+BAA2B,iBAAAC,mBAAuB,OAAO;AAC/D,QAAM,oCAAgC,iBAAAC,mBAA4B,OAAO;AACzE,QAAM,8BAA0B,kBAAAC,mBAAsB,OAAO;AAC7D,QAAM,qCAAiC,kBAAAC,mBAA6B,OAAO;AAC3E,QAAM,8BAA0B,kBAAAC,mBAAsB,OAAO;AAC7D,QAAM,+BAA2B,kBAAAC,mBAAuB,OAAO;AAE/D,SAAO,MAAM;AACX,2BAAuB;AACvB,8BAA0B;AAC1B,gCAA4B;AAC5B,iCAA6B;AAC7B,+BAA2B;AAC3B,6BAAyB;AACzB,4BAAwB;AACxB,6BAAyB;AACzB,kCAA8B;AAC9B,4BAAwB;AACxB,mCAA+B;AAC/B,4BAAwB;AACxB,6BAAyB;AAAA,EAC3B;AACF;","names":["import_register","registerBoxComponent","registerButtonComponent","registerCarouselComponent","registerCountdownComponent","registerDividerComponent","registerEmbedComponent","registerFormComponent","registerImageComponent","registerNavigationComponent","registerRootComponent","registerSocialLinksComponent","registerTextComponent","registerVideoComponent"]}

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

@@ -24,13 +24,13 @@ module.exports = __toCommonJS(useMediaQuery_exports);
 var import_shim = require("use-sync-external-store/shim");
 var import_react = require("react");
 var import_breakpoints = require("../../state/modules/breakpoints");
-var import_react2 = require("../../runtimes/react");
+var import_use_breakpoints = require("../../runtimes/react/hooks/use-breakpoints");
 const getDeviceQueries = (breakpoints) => breakpoints.map((device) => ({
   id: device.id,
   query: (0, import_breakpoints.getBreakpointMediaQuery)(device).replace("@media", "")
 }));
 function useMediaQuery(responsiveValue) {
-  const breakpoints = (0, import_react2.useBreakpoints)();
+  const breakpoints = (0, import_use_breakpoints.useBreakpoints)();
   const baseBreakpointId = (0, import_breakpoints.getBaseBreakpoint)(breakpoints).id;
   const subscribe = (0, import_react.useCallback)(
     (notify) => {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/hooks/useMediaQuery.ts"],"sourcesContent":["import { useSyncExternalStore } from 'use-sync-external-store/shim'\nimport { useCallback } from 'react'\n\nimport { DeviceOverride } from '../../prop-controllers'\nimport {\n  Breakpoints,\n  findBreakpointOverride,\n  getBaseBreakpoint,\n  getBreakpointMediaQuery,\n} from '../../state/modules/breakpoints'\nimport { useBreakpoints } from '../../runtimes/react'\n\nconst getDeviceQueries = (breakpoints: Breakpoints) =>\n  breakpoints.map(device => ({\n    id: device.id,\n    query: getBreakpointMediaQuery(device).replace('@media', ''),\n  }))\n\nexport function useMediaQuery<S>(responsiveValue?: Array<DeviceOverride<S>>): S | undefined {\n  const breakpoints = useBreakpoints()\n  const baseBreakpointId = getBaseBreakpoint(breakpoints).id\n  const subscribe = useCallback(\n    (notify: () => void) => {\n      const cleanUpFns = getDeviceQueries(breakpoints).map(q => {\n        const mediaQueryList = window.matchMedia(q.query)\n        mediaQueryList.addEventListener('change', notify)\n        return () => mediaQueryList.removeEventListener('change', notify)\n      })\n      return () => cleanUpFns.forEach(fn => fn())\n    },\n    [breakpoints],\n  )\n  const getServerSnapshot = () =>\n    findBreakpointOverride(breakpoints, responsiveValue, baseBreakpointId)?.value\n\n  function getSnapshot() {\n    const deviceId: string = getDeviceQueries(breakpoints).reduce(\n      (matchedDevice, deviceQueries) => {\n        if (window.matchMedia(deviceQueries.query).matches) {\n          return deviceQueries.id\n        }\n        return matchedDevice\n      },\n      baseBreakpointId,\n    )\n    return findBreakpointOverride(breakpoints, responsiveValue, deviceId)?.value\n  }\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqC;AACrC,mBAA4B;AAG5B,yBAKO;AACP,IAAAA,gBAA+B;AAE/B,MAAM,mBAAmB,CAAC,gBACxB,YAAY,IAAI,aAAW;AAAA,EACzB,IAAI,OAAO;AAAA,EACX,WAAO,4CAAwB,MAAM,EAAE,QAAQ,UAAU,EAAE;AAC7D,EAAE;AAEG,SAAS,cAAiB,iBAA2D;AAC1F,QAAM,kBAAc,8BAAe;AACnC,QAAM,uBAAmB,sCAAkB,WAAW,EAAE;AACxD,QAAM,gBAAY;AAAA,IAChB,CAAC,WAAuB;AACtB,YAAM,aAAa,iBAAiB,WAAW,EAAE,IAAI,OAAK;AACxD,cAAM,iBAAiB,OAAO,WAAW,EAAE,KAAK;AAChD,uBAAe,iBAAiB,UAAU,MAAM;AAChD,eAAO,MAAM,eAAe,oBAAoB,UAAU,MAAM;AAAA,MAClE,CAAC;AACD,aAAO,MAAM,WAAW,QAAQ,QAAM,GAAG,CAAC;AAAA,IAC5C;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AACA,QAAM,oBAAoB,UACxB,2CAAuB,aAAa,iBAAiB,gBAAgB,GAAG;AAE1E,WAAS,cAAc;AACrB,UAAM,WAAmB,iBAAiB,WAAW,EAAE;AAAA,MACrD,CAAC,eAAe,kBAAkB;AAChC,YAAI,OAAO,WAAW,cAAc,KAAK,EAAE,SAAS;AAClD,iBAAO,cAAc;AAAA,QACvB;AACA,eAAO;AAAA,MACT;AAAA,MACA;AAAA,IACF;AACA,eAAO,2CAAuB,aAAa,iBAAiB,QAAQ,GAAG;AAAA,EACzE;AAEA,aAAO,kCAAqB,WAAW,aAAa,iBAAiB;AACvE;","names":["import_react"]}
+{"version":3,"sources":["../../../../src/components/hooks/useMediaQuery.ts"],"sourcesContent":["import { useSyncExternalStore } from 'use-sync-external-store/shim'\nimport { useCallback } from 'react'\n\nimport { DeviceOverride } from '../../prop-controllers'\nimport {\n  Breakpoints,\n  findBreakpointOverride,\n  getBaseBreakpoint,\n  getBreakpointMediaQuery,\n} from '../../state/modules/breakpoints'\nimport { useBreakpoints } from '../../runtimes/react/hooks/use-breakpoints'\n\nconst getDeviceQueries = (breakpoints: Breakpoints) =>\n  breakpoints.map(device => ({\n    id: device.id,\n    query: getBreakpointMediaQuery(device).replace('@media', ''),\n  }))\n\nexport function useMediaQuery<S>(responsiveValue?: Array<DeviceOverride<S>>): S | undefined {\n  const breakpoints = useBreakpoints()\n  const baseBreakpointId = getBaseBreakpoint(breakpoints).id\n  const subscribe = useCallback(\n    (notify: () => void) => {\n      const cleanUpFns = getDeviceQueries(breakpoints).map(q => {\n        const mediaQueryList = window.matchMedia(q.query)\n        mediaQueryList.addEventListener('change', notify)\n        return () => mediaQueryList.removeEventListener('change', notify)\n      })\n      return () => cleanUpFns.forEach(fn => fn())\n    },\n    [breakpoints],\n  )\n  const getServerSnapshot = () =>\n    findBreakpointOverride(breakpoints, responsiveValue, baseBreakpointId)?.value\n\n  function getSnapshot() {\n    const deviceId: string = getDeviceQueries(breakpoints).reduce(\n      (matchedDevice, deviceQueries) => {\n        if (window.matchMedia(deviceQueries.query).matches) {\n          return deviceQueries.id\n        }\n        return matchedDevice\n      },\n      baseBreakpointId,\n    )\n    return findBreakpointOverride(breakpoints, responsiveValue, deviceId)?.value\n  }\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqC;AACrC,mBAA4B;AAG5B,yBAKO;AACP,6BAA+B;AAE/B,MAAM,mBAAmB,CAAC,gBACxB,YAAY,IAAI,aAAW;AAAA,EACzB,IAAI,OAAO;AAAA,EACX,WAAO,4CAAwB,MAAM,EAAE,QAAQ,UAAU,EAAE;AAC7D,EAAE;AAEG,SAAS,cAAiB,iBAA2D;AAC1F,QAAM,kBAAc,uCAAe;AACnC,QAAM,uBAAmB,sCAAkB,WAAW,EAAE;AACxD,QAAM,gBAAY;AAAA,IAChB,CAAC,WAAuB;AACtB,YAAM,aAAa,iBAAiB,WAAW,EAAE,IAAI,OAAK;AACxD,cAAM,iBAAiB,OAAO,WAAW,EAAE,KAAK;AAChD,uBAAe,iBAAiB,UAAU,MAAM;AAChD,eAAO,MAAM,eAAe,oBAAoB,UAAU,MAAM;AAAA,MAClE,CAAC;AACD,aAAO,MAAM,WAAW,QAAQ,QAAM,GAAG,CAAC;AAAA,IAC5C;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AACA,QAAM,oBAAoB,UACxB,2CAAuB,aAAa,iBAAiB,gBAAgB,GAAG;AAE1E,WAAS,cAAc;AACrB,UAAM,WAAmB,iBAAiB,WAAW,EAAE;AAAA,MACrD,CAAC,eAAe,kBAAkB;AAChC,YAAI,OAAO,WAAW,cAAc,KAAK,EAAE,SAAS;AAClD,iBAAO,cAAc;AAAA,QACvB;AACA,eAAO;AAAA,MACT;AAAA,MACA;AAAA,IACF;AACA,eAAO,2CAAuB,aAAa,iBAAiB,QAAQ,GAAG;AAAA,EACzE;AAEA,aAAO,kCAAqB,WAAW,aAAa,iBAAiB;AACvE;","names":[]}

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

@@ -21,9 +21,9 @@ __export(useResponsiveColor_exports, {
   useResponsiveColor: () => useResponsiveColor
 });
 module.exports = __toCommonJS(useResponsiveColor_exports);
+var import_prop_controllers = require("@makeswift/prop-controllers");
 var import_isNonNullable = require("../utils/isNonNullable");
 var import_makeswift_api = require("../../runtimes/react/hooks/makeswift-api");
-var import_prop_controllers = require("@makeswift/prop-controllers");
 function useResponsiveColor(color) {
   const swatchIds = color == null ? [] : (0, import_prop_controllers.getResponsiveColorDataSwatchIds)(color);
   const swatches = (0, import_makeswift_api.useSwatches)(swatchIds);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/hooks/useResponsiveColor.ts"],"sourcesContent":["import type { ResponsiveValue } from '../../prop-controllers'\nimport { isNonNullable } from '../utils/isNonNullable'\nimport type { ColorValue as Color } from '../utils/types'\nimport { useSwatches } from '../../runtimes/react/hooks/makeswift-api'\nimport { ResponsiveColorData, getResponsiveColorDataSwatchIds } from '@makeswift/prop-controllers'\n\nexport function useResponsiveColor(\n  color: ResponsiveColorData | null | undefined,\n): ResponsiveValue<Color> | null | undefined {\n  const swatchIds = color == null ? [] : getResponsiveColorDataSwatchIds(color)\n  const swatches = useSwatches(swatchIds)\n\n  if (color == null) return null\n\n  return color\n    .map(({ value: v, ...rest }) => {\n      const { swatchId, alpha } = v\n      const swatch = swatches.find(s => s && s.id === swatchId)\n\n      return swatch == null ? null : { ...rest, value: { swatch, alpha } }\n    })\n    .filter(isNonNullable)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,2BAA8B;AAE9B,2BAA4B;AAC5B,8BAAqE;AAE9D,SAAS,mBACd,OAC2C;AAC3C,QAAM,YAAY,SAAS,OAAO,CAAC,QAAI,yDAAgC,KAAK;AAC5E,QAAM,eAAW,kCAAY,SAAS;AAEtC,MAAI,SAAS;AAAM,WAAO;AAE1B,SAAO,MACJ,IAAI,CAAC,EAAE,OAAO,GAAG,GAAG,KAAK,MAAM;AAC9B,UAAM,EAAE,UAAU,MAAM,IAAI;AAC5B,UAAM,SAAS,SAAS,KAAK,OAAK,KAAK,EAAE,OAAO,QAAQ;AAExD,WAAO,UAAU,OAAO,OAAO,EAAE,GAAG,MAAM,OAAO,EAAE,QAAQ,MAAM,EAAE;AAAA,EACrE,CAAC,EACA,OAAO,kCAAa;AACzB;","names":[]}
+{"version":3,"sources":["../../../../src/components/hooks/useResponsiveColor.ts"],"sourcesContent":["import {\n  type ResponsiveValue,\n  type ResponsiveColorData,\n  getResponsiveColorDataSwatchIds,\n} from '@makeswift/prop-controllers'\n\nimport { isNonNullable } from '../utils/isNonNullable'\nimport type { ColorValue as Color } from '../utils/types'\nimport { useSwatches } from '../../runtimes/react/hooks/makeswift-api'\n\nexport function useResponsiveColor(\n  color: ResponsiveColorData | null | undefined,\n): ResponsiveValue<Color> | null | undefined {\n  const swatchIds = color == null ? [] : getResponsiveColorDataSwatchIds(color)\n  const swatches = useSwatches(swatchIds)\n\n  if (color == null) return null\n\n  return color\n    .map(({ value: v, ...rest }) => {\n      const { swatchId, alpha } = v\n      const swatch = swatches.find(s => s && s.id === swatchId)\n\n      return swatch == null ? null : { ...rest, value: { swatch, alpha } }\n    })\n    .filter(isNonNullable)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAIO;AAEP,2BAA8B;AAE9B,2BAA4B;AAErB,SAAS,mBACd,OAC2C;AAC3C,QAAM,YAAY,SAAS,OAAO,CAAC,QAAI,yDAAgC,KAAK;AAC5E,QAAM,eAAW,kCAAY,SAAS;AAEtC,MAAI,SAAS;AAAM,WAAO;AAE1B,SAAO,MACJ,IAAI,CAAC,EAAE,OAAO,GAAG,GAAG,KAAK,MAAM;AAC9B,UAAM,EAAE,UAAU,MAAM,IAAI;AAC5B,UAAM,SAAS,SAAS,KAAK,OAAK,KAAK,EAAE,OAAO,QAAQ;AAExD,WAAO,UAAU,OAAO,OAAO,EAAE,GAAG,MAAM,OAAO,EAAE,QAAQ,MAAM,EAAE;AAAA,EACrE,CAAC,EACA,OAAO,kCAAa;AACzB;","names":[]}

package/dist/cjs/components/shared/Link/index.js

@@ -35,7 +35,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_scroll_into_view_if_needed = __toESM(require("scroll-into-view-if-needed"));
 var import_link = __toESM(require("next/link"));
-var import_react2 = require("../../../runtimes/react");
+var import_use_element_id = require("../../../runtimes/react/hooks/use-element-id");
 var import_makeswift_api = require("../../../runtimes/react/hooks/makeswift-api");
 const isValidHref = (href) => {
   try {
@@ -52,7 +52,7 @@ const Link = (0, import_react.forwardRef)(function Link2({ link, onClick = () =>
   const page = (0, import_makeswift_api.usePagePathnameSlice)(pageId ?? null);
   const hasLocalizedPathname = page?.localizedPathname != null;
   const elementKey = link?.type === "SCROLL_TO_ELEMENT" ? link.payload.elementIdConfig?.elementKey : null;
-  const elementId = (0, import_react2.useElementId)(elementKey);
+  const elementId = (0, import_use_element_id.useElementId)(elementKey);
   let useNextLink;
   let href;
   let target;

package/dist/cjs/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 { 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\n// workaround for https://github.com/vercel/next.js/issues/66650\nconst isValidHref = (href: string) => {\n  try {\n    const bases = ['http://n', 'https://n']\n    // - if `href` is a relative path, it will be resolved relative to the base URL\n    // - if `href` is a full URL, the base URL will be ignored, even if there is a mismatch of protocols\n    // - if `href` is an incomplete, protocol-only URL with a protocol that\n    //   conflicts with one of the base URL, this will throw\n    bases.forEach(base => new URL(href, base))\n  } catch (_) {\n    return false\n  }\n  return true\n}\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 = isValidHref(link.payload.url)\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":"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","names":["import_react","Link","scrollIntoView","NextLink"]}
+{"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/hooks/use-element-id'\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\n// workaround for https://github.com/vercel/next.js/issues/66650\nconst isValidHref = (href: string) => {\n  try {\n    const bases = ['http://n', 'https://n']\n    // - if `href` is a relative path, it will be resolved relative to the base URL\n    // - if `href` is a full URL, the base URL will be ignored, even if there is a mismatch of protocols\n    // - if `href` is an incomplete, protocol-only URL with a protocol that\n    //   conflicts with one of the base URL, this will throw\n    bases.forEach(base => new URL(href, base))\n  } catch (_) {\n    return false\n  }\n  return true\n}\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 = isValidHref(link.payload.url)\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+IM;AA/IN,mBAAiE;AACjE,wCAA2B;AAC3B,kBAAqB;AAGrB,4BAA6B;AAC7B,2BAAqC;AAUrC,MAAM,cAAc,CAAC,SAAiB;AACpC,MAAI;AACF,UAAM,QAAQ,CAAC,YAAY,WAAW;AAKtC,UAAM,QAAQ,UAAQ,IAAI,IAAI,MAAM,IAAI,CAAC;AAAA,EAC3C,SAAS,GAAG;AACV,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEO,MAAM,WAAO,yBAAqC,SAASA,MAChE,EAAE,MAAM,UAAU,MAAM;AAAC,GAAG,GAAG,YAAY,GAC3C,KACA;AACA,QAAM,SAAS,QAAQ,KAAK,SAAS,cAAc,KAAK,QAAQ,SAAS;AACzE,QAAM,WAAO,2CAAqB,UAAU,IAAI;AAChD,QAAM,uBAAuB,MAAM,qBAAqB;AAExD,QAAM,aACJ,MAAM,SAAS,sBAAsB,KAAK,QAAQ,iBAAiB,aAAa;AAClF,QAAM,gBAAY,oCAAa,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,YAAY,KAAK,QAAQ,GAAG;AAE1C,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,8CAAAC,SAAe,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,YAAAC;AAAA,MAAA;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,4CAAC,OAAG,GAAG,aAAa,KAAU,MAAY,QAAgB,SAAS,aAAa;AACzF,CAAC;","names":["Link","scrollIntoView","NextLink"]}

package/dist/cjs/components/utils/responsive-style.js

@@ -38,13 +38,13 @@ __export(responsive_style_exports, {
 });
 module.exports = __toCommonJS(responsive_style_exports);
 var import_breakpoints = require("../../state/modules/breakpoints");
+var import_use_breakpoints = require("../../runtimes/react/hooks/use-breakpoints");
 var import_columns = require("./columns");
 var import_padding = require("../../css/padding");
 var import_margin = require("../../css/margin");
 var import_border_radius = require("../../css/border-radius");
 var import_border = require("../../css/border");
 var import_colorToString = require("./colorToString");
-var import_react = require("../../runtimes/react");
 function responsiveStyle(breakpoints, responsiveValues, join, strategy) {
   return (0, import_breakpoints.join)(breakpoints, responsiveValues, join, strategy).reduce(
     (acc, { deviceId, value }) => {
@@ -62,7 +62,7 @@ function responsiveStyle(breakpoints, responsiveValues, join, strategy) {
   );
 }
 function useResponsiveStyle(responsiveValues, join, strategy) {
-  return responsiveStyle((0, import_react.useBreakpoints)(), responsiveValues, join, strategy);
+  return responsiveStyle((0, import_use_breakpoints.useBreakpoints)(), responsiveValues, join, strategy);
 }
 function responsiveWidth(breakpoints, widthData, defaultValue = "100%") {
   return {
@@ -73,7 +73,7 @@ function responsiveWidth(breakpoints, widthData, defaultValue = "100%") {
   };
 }
 function useResponsiveWidth(...args) {
-  return responsiveWidth((0, import_react.useBreakpoints)(), ...args);
+  return responsiveWidth((0, import_use_breakpoints.useBreakpoints)(), ...args);
 }
 function responsivePadding(breakpoints, paddingData, defaultValue = {}) {
   return responsiveStyle(
@@ -89,7 +89,7 @@ function responsivePadding(breakpoints, paddingData, defaultValue = {}) {
   );
 }
 function useResponsivePadding(...args) {
-  return responsivePadding((0, import_react.useBreakpoints)(), ...args);
+  return responsivePadding((0, import_use_breakpoints.useBreakpoints)(), ...args);
 }
 function responsiveMargin(breakpoints, marginData, defaultValue = {}) {
   return responsiveStyle(
@@ -105,7 +105,7 @@ function responsiveMargin(breakpoints, marginData, defaultValue = {}) {
   );
 }
 function useResponsiveMargin(...args) {
-  return responsiveMargin((0, import_react.useBreakpoints)(), ...args);
+  return responsiveMargin((0, import_use_breakpoints.useBreakpoints)(), ...args);
 }
 function responsiveBorderRadius(breakpoints, borderRadiusData, defaultValue = {}) {
   return responsiveStyle(
@@ -126,7 +126,7 @@ function responsiveBorderRadius(breakpoints, borderRadiusData, defaultValue = {}
   );
 }
 function useResponsiveBorderRadius(...args) {
-  return responsiveBorderRadius((0, import_react.useBreakpoints)(), ...args);
+  return responsiveBorderRadius((0, import_use_breakpoints.useBreakpoints)(), ...args);
 }
 function useResponsiveBorder(borderData, defaultValue = {}) {
   return useResponsiveStyle(
@@ -184,7 +184,7 @@ function responsiveGridItem(breakpoints, props) {
   };
 }
 function useResponsiveGridItem(...args) {
-  return responsiveGridItem((0, import_react.useBreakpoints)(), ...args);
+  return responsiveGridItem((0, import_use_breakpoints.useBreakpoints)(), ...args);
 }
 const getBoxShadow = (shadows) => shadows.map(
   ({ payload: { inset, offsetX, offsetY, blurRadius, spreadRadius, color } }) => `${inset ? "inset " : ""}${offsetX.toFixed(1)}px ${offsetY.toFixed(
@@ -197,7 +197,7 @@ function responsiveShadow(breakpoints, value) {
   }));
 }
 function useResponsiveShadow(...args) {
-  return responsiveShadow((0, import_react.useBreakpoints)(), ...args);
+  return responsiveShadow((0, import_use_breakpoints.useBreakpoints)(), ...args);
 }
 function responsiveTextStyle(breakpoints, value) {
   return responsiveStyle(
@@ -233,7 +233,7 @@ function responsiveTextStyle(breakpoints, value) {
   );
 }
 function useResponsiveTextStyle(...args) {
-  return responsiveTextStyle((0, import_react.useBreakpoints)(), ...args);
+  return responsiveTextStyle((0, import_use_breakpoints.useBreakpoints)(), ...args);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/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  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":["joinResponsiveValues"]}
+{"version":3,"sources":["../../../../src/components/utils/responsive-style.ts"],"sourcesContent":["import { WidthProperty } from 'csstype'\nimport { CSSObject } from '@emotion/css'\n\nimport type { ResponsiveValueType as ExtractResponsiveValue } from '@makeswift/controls'\n\nimport type {\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'\n\nimport { useBreakpoints } from '../../runtimes/react/hooks/use-breakpoints'\n\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 { 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":["joinResponsiveValues"]}

package/dist/cjs/components/utils/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/utils/types.ts"],"sourcesContent":["export type SwatchValue = {\n  hue: number\n  saturation: number\n  lightness: number\n}\n\nexport type ColorValue = { swatch?: SwatchValue; alpha?: number }\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../../../src/components/utils/types.ts"],"sourcesContent":["import { type ResponsiveValue } from '@makeswift/controls'\n\nexport type SwatchValue = {\n  hue: number\n  saturation: number\n  lightness: number\n}\n\nexport type ColorValue = { swatch?: SwatchValue; alpha?: number }\n\nexport type ResponsiveColor = ResponsiveValue<ColorValue>\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/cjs/controls/control.js

@@ -25,20 +25,14 @@ __export(control_exports, {
 });
 module.exports = __toCommonJS(control_exports);
 var import_controls = require("@makeswift/controls");
-var import_image = require("./image");
-var import_list = require("./list");
-var import_shape = require("./shape");
-var import_style = require("./style");
-var import_slot = require("./slot");
 var import_prop_controllers = require("@makeswift/prop-controllers");
+var import_descriptors = require("../prop-controllers/descriptors");
 var import_copy = require("../prop-controllers/copy");
-var import_rich_text = require("./rich-text");
 var import_prop_controllers2 = require("../prop-controllers");
-var import_dto = require("./rich-text-v2/dto");
-var import_copy2 = require("./rich-text-v2/copy");
-var import_rich_text_v2 = require("./rich-text-v2/rich-text-v2");
-var import_translation = require("./rich-text-v2/translation");
 function copy(definition, value, context) {
+  if (!(0, import_descriptors.isLegacyDescriptor)(definition)) {
+    return definition.copyData(value, context);
+  }
   switch (definition.type) {
     case import_prop_controllers.Types.Backgrounds:
     case import_prop_controllers.Types.Grid:
@@ -54,59 +48,28 @@ function copy(definition, value, context) {
     case import_prop_controllers.Types.ElementID:
       return (0, import_copy.copy)(definition, value, context);
     case import_prop_controllers2.DELETED_PROP_CONTROLLER_TYPES.RichText:
-    case import_rich_text.RichTextControlType:
-      return (0, import_rich_text.copyRichTextData)(value, context);
-    case import_rich_text_v2.RichTextV2ControlType:
-      return (0, import_copy2.copyRichTextV2Data)(
-        (0, import_rich_text_v2.isRichTextV1Data)(value) ? (0, import_dto.richTextV2DescendentsToData)((0, import_rich_text.richTextDTOtoDAO)(value)) : value,
-        context
-      );
-    case import_controls.ColorControlType:
-      return (0, import_controls.copyColorData)(value, context);
-    case import_controls.ImageControlType:
-      return (0, import_image.copyImageData)(value, context);
-    case import_controls.LinkControlType:
-      return (0, import_controls.copyLinkData)(value, context);
-    case import_shape.ShapeControlType:
-      return (0, import_shape.copyShapeData)(definition, value, context);
-    case import_list.ListControlType:
-      return (0, import_list.copyListData)(definition, value, context);
-    case import_style.StyleControlType:
-      return (0, import_style.copyStyleData)(value, context);
-    case import_slot.SlotControlType:
-      return (0, import_slot.copySlotData)(value, context);
+      return (0, import_controls.copyRichTextData)(value, context);
     default:
       return value;
   }
 }
 function merge(definition, a, b = a, context) {
+  if (!(0, import_descriptors.isLegacyDescriptor)(definition)) {
+    return definition.mergeData(a, b, context);
+  }
   switch (definition.type) {
-    case import_slot.SlotControlType:
-      return (0, import_slot.mergeSlotData)(a, b, context);
     default:
       return b;
   }
 }
 function getTranslatableData(definition, data) {
+  if (!(0, import_descriptors.isLegacyDescriptor)(definition)) {
+    return definition.getTranslatableData(data);
+  }
   switch (definition.type) {
     case import_prop_controllers.Types.TextInput:
     case import_prop_controllers.Types.TextArea:
-    case import_controls.TextInputControlType:
-    case import_controls.TextAreaControlType:
       return data;
-    case import_rich_text_v2.RichTextV2ControlType:
-      const richTextData = data;
-      if ((0, import_rich_text_v2.isRichTextV1Data)(richTextData))
-        return null;
-      return (0, import_translation.getRichTextV2TranslatableData)(definition, richTextData);
-    case import_list.ListControlType:
-      if (data == null)
-        return null;
-      return (0, import_list.getListTranslatableData)(definition, data);
-    case import_shape.ShapeControlType:
-      if (data == null)
-        return null;
-      return (0, import_shape.getShapeTranslatableData)(definition, data);
     default:
       return null;
   }
@@ -114,44 +77,17 @@ function getTranslatableData(definition, data) {
 function mergeTranslatedData(definition, data, translatedData, context) {
   if (data == null)
     return data;
+  if (!(0, import_descriptors.isLegacyDescriptor)(definition)) {
+    return definition.mergeTranslatedData(data, translatedData, context);
+  }
   switch (definition.type) {
     case import_prop_controllers.Types.TextInput:
     case import_prop_controllers.Types.TextArea:
-    case import_controls.TextInputControlType:
-    case import_controls.TextAreaControlType:
       if (translatedData == null)
         return data;
       return translatedData;
     case import_prop_controllers.Types.Grid:
       return (0, import_prop_controllers.mergeGridPropControllerTranslatedData)(data, context);
-    case import_slot.SlotControlType:
-      return (0, import_slot.mergeSlotControlTranslatedData)(data, context);
-    case import_rich_text_v2.RichTextV2ControlType:
-      if (translatedData == null)
-        return data;
-      return (0, import_translation.mergeRichTextV2TranslatedData)(
-        definition,
-        data,
-        translatedData
-      );
-    case import_list.ListControlType:
-      if (translatedData == null)
-        return data;
-      return (0, import_list.mergeListTranslatedData)(
-        definition,
-        data,
-        translatedData,
-        context
-      );
-    case import_shape.ShapeControlType:
-      if (translatedData == null)
-        return data;
-      return (0, import_shape.mergeShapeTranslatedData)(
-        definition,
-        data,
-        translatedData,
-        context
-      );
     default:
       return data;
   }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/controls/control.ts"],"sourcesContent":["import {\n  ColorControlData,\n  ColorControlDefinition,\n  ColorControlType,\n  TextInputControlData,\n  TextInputControlDefinition,\n  TextInputControlType,\n  TextAreaControlData,\n  TextAreaControlDefinition,\n  TextAreaControlType,\n  CheckboxControlData,\n  CheckboxControlDefinition,\n  NumberControlData,\n  NumberControlDefinition,\n  ComboboxControlData,\n  ComboboxControlDefinition,\n  IconRadioGroupControlData,\n  IconRadioGroupControlDefinition,\n  ImageControlType,\n  ImageControlData,\n  ImageControlDefinition,\n  LinkControlData,\n  LinkControlDefinition,\n  LinkControlType,\n  copyColorData,\n  copyLinkData,\n} from '@makeswift/controls'\n\nimport { copyImageData } from './image'\nimport {\n  ListControlData,\n  ListControlDefinition,\n  copyListData,\n  ListControlType,\n  getListTranslatableData,\n  mergeListTranslatedData,\n  ListControlTranslationDto,\n} from './list'\nimport { SelectControlData, SelectControlDefinition } from './select'\nimport {\n  ShapeControlData,\n  ShapeControlDefinition,\n  copyShapeData,\n  ShapeControlType,\n  getShapeTranslatableData,\n  mergeShapeTranslatedData,\n  ShapeControlTranslationDto,\n} from './shape'\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 { Descriptor } from '../prop-controllers/descriptors'\nimport {\n  GridPropControllerData,\n  Types as PropControllerTypes,\n  mergeGridPropControllerTranslatedData,\n} 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 { DELETED_PROP_CONTROLLER_TYPES, 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 { TypographyControlData, TypographyControlDefinition } from './typography'\nimport {\n  RichTextV2ControlTranslationDto,\n  getRichTextV2TranslatableData,\n  mergeRichTextV2TranslatedData,\n} from './rich-text-v2/translation'\nimport { IndexSignatureHack } from '../utils/index-signature-hack'\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 PropControllerTypes.Backgrounds:\n    case PropControllerTypes.Grid:\n    case PropControllerTypes.NavigationLinks:\n    case PropControllerTypes.Link:\n    case PropControllerTypes.Shadows:\n    case PropControllerTypes.Image:\n    case PropControllerTypes.Images:\n    case PropControllerTypes.ResponsiveColor:\n    case PropControllerTypes.TableFormFields:\n    case PropControllerTypes.Table:\n    case PropControllerTypes.Border:\n    case PropControllerTypes.ElementID:\n      return propControllerCopy(definition, value, context)\n    case DELETED_PROP_CONTROLLER_TYPES.RichText:\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 PropControllerTypes.TextInput:\n    case PropControllerTypes.TextArea:\n    case TextInputControlType:\n    case TextAreaControlType:\n      return data\n\n    case RichTextV2ControlType:\n      const richTextData = data as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(richTextData)) return null\n\n      return getRichTextV2TranslatableData(definition, richTextData as RichTextV2ControlData)\n\n    case ListControlType:\n      if (data == null) return null\n\n      return getListTranslatableData(definition, data as ListControlData)\n\n    case ShapeControlType:\n      if (data == null) return null\n\n      return getShapeTranslatableData(definition, data as ShapeControlData)\n\n    default:\n      return null\n  }\n}\n\nexport function mergeTranslatedData(\n  definition: PropControllerDescriptor,\n  data: Data,\n  translatedData: Data,\n  context: MergeTranslatableDataContext,\n): Data {\n  if (data == null) return data\n\n  switch (definition.type) {\n    case PropControllerTypes.TextInput:\n    case PropControllerTypes.TextArea:\n    case TextInputControlType:\n    case TextAreaControlType:\n      if (translatedData == null) return data\n\n      return translatedData\n\n    case PropControllerTypes.Grid:\n      return mergeGridPropControllerTranslatedData(data as GridPropControllerData, context)\n\n    case SlotControlType:\n      return mergeSlotControlTranslatedData(data as SlotControlData, context)\n\n    case RichTextV2ControlType:\n      if (translatedData == null) return data\n\n      return mergeRichTextV2TranslatedData(\n        definition,\n        data as RichTextV2ControlData,\n        translatedData as RichTextV2ControlTranslationDto,\n      )\n\n    case ListControlType:\n      if (translatedData == null) return data\n\n      return mergeListTranslatedData(\n        definition,\n        data as ListControlData,\n        translatedData as ListControlTranslationDto,\n        context,\n      )\n\n    case ShapeControlType:\n      if (translatedData == null) return data\n\n      return mergeShapeTranslatedData(\n        definition,\n        data as ShapeControlData,\n        translatedData as ShapeControlTranslationDto,\n        context,\n      )\n\n    default:\n      return data\n  }\n}\n"],"mappings":"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","names":["import_prop_controllers","import_copy","PropControllerTypes","propControllerCopy"]}
+{"version":3,"sources":["../../../src/controls/control.ts"],"sourcesContent":["import {\n  copyRichTextData,\n  type CopyContext,\n  type Data,\n  type MergeContext,\n  type MergeTranslatableDataContext,\n} from '@makeswift/controls'\n\nimport {\n  GridPropControllerData,\n  Types as PropControllerTypes,\n  mergeGridPropControllerTranslatedData,\n} from '@makeswift/prop-controllers'\n\nimport { Descriptor, isLegacyDescriptor } from '../prop-controllers/descriptors'\nimport { copy as propControllerCopy } from '../prop-controllers/copy'\nimport { DELETED_PROP_CONTROLLER_TYPES, PropControllerDescriptor } from '../prop-controllers'\n\nexport function copy(definition: Descriptor, value: any, context: CopyContext) {\n  if (!isLegacyDescriptor(definition)) {\n    return definition.copyData(value, context)\n  }\n\n  switch (definition.type) {\n    case PropControllerTypes.Backgrounds:\n    case PropControllerTypes.Grid:\n    case PropControllerTypes.NavigationLinks:\n    case PropControllerTypes.Link:\n    case PropControllerTypes.Shadows:\n    case PropControllerTypes.Image:\n    case PropControllerTypes.Images:\n    case PropControllerTypes.ResponsiveColor:\n    case PropControllerTypes.TableFormFields:\n    case PropControllerTypes.Table:\n    case PropControllerTypes.Border:\n    case PropControllerTypes.ElementID:\n      return propControllerCopy(definition, value, context)\n\n    case DELETED_PROP_CONTROLLER_TYPES.RichText:\n      return copyRichTextData(value, context)\n\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  if (!isLegacyDescriptor(definition)) {\n    return definition.mergeData(a, b, context)\n  }\n\n  switch (definition.type) {\n    default:\n      return b\n  }\n}\n\nexport function getTranslatableData(definition: Descriptor, data: Data): Data {\n  if (!isLegacyDescriptor(definition)) {\n    return definition.getTranslatableData(data)\n  }\n\n  switch (definition.type) {\n    case PropControllerTypes.TextInput:\n    case PropControllerTypes.TextArea:\n      return data\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  if (!isLegacyDescriptor(definition)) {\n    return definition.mergeTranslatedData(data, translatedData, context)\n  }\n\n  switch (definition.type) {\n    case PropControllerTypes.TextInput:\n    case PropControllerTypes.TextArea:\n      if (translatedData == null) return data\n      return translatedData\n\n    case PropControllerTypes.Grid:\n      return mergeGridPropControllerTranslatedData(data as GridPropControllerData, context)\n\n    default:\n      return data\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMO;AAEP,8BAIO;AAEP,yBAA+C;AAC/C,kBAA2C;AAC3C,IAAAA,2BAAwE;AAEjE,SAAS,KAAK,YAAwB,OAAY,SAAsB;AAC7E,MAAI,KAAC,uCAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,SAAS,OAAO,OAAO;AAAA,EAC3C;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,wBAAAC,MAAoB;AAAA,IACzB,KAAK,wBAAAA,MAAoB;AAAA,IACzB,KAAK,wBAAAA,MAAoB;AAAA,IACzB,KAAK,wBAAAA,MAAoB;AAAA,IACzB,KAAK,wBAAAA,MAAoB;AAAA,IACzB,KAAK,wBAAAA,MAAoB;AAAA,IACzB,KAAK,wBAAAA,MAAoB;AAAA,IACzB,KAAK,wBAAAA,MAAoB;AAAA,IACzB,KAAK,wBAAAA,MAAoB;AAAA,IACzB,KAAK,wBAAAA,MAAoB;AAAA,IACzB,KAAK,wBAAAA,MAAoB;AAAA,IACzB,KAAK,wBAAAA,MAAoB;AACvB,iBAAO,YAAAC,MAAmB,YAAY,OAAO,OAAO;AAAA,IAEtD,KAAK,uDAA8B;AACjC,iBAAO,kCAAiB,OAAO,OAAO;AAAA,IAExC;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,MACd,YACA,GACA,IAAU,GACV,SACM;AACN,MAAI,KAAC,uCAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,UAAU,GAAG,GAAG,OAAO;AAAA,EAC3C;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,oBAAoB,YAAwB,MAAkB;AAC5E,MAAI,KAAC,uCAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,oBAAoB,IAAI;AAAA,EAC5C;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,wBAAAD,MAAoB;AAAA,IACzB,KAAK,wBAAAA,MAAoB;AACvB,aAAO;AAAA,IAET;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,oBACd,YACA,MACA,gBACA,SACM;AACN,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,KAAC,uCAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,oBAAoB,MAAM,gBAAgB,OAAO;AAAA,EACrE;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,wBAAAA,MAAoB;AAAA,IACzB,KAAK,wBAAAA,MAAoB;AACvB,UAAI,kBAAkB;AAAM,eAAO;AACnC,aAAO;AAAA,IAET,KAAK,wBAAAA,MAAoB;AACvB,iBAAO,+DAAsC,MAAgC,OAAO;AAAA,IAEtF;AACE,aAAO;AAAA,EACX;AACF;","names":["import_prop_controllers","PropControllerTypes","propControllerCopy"]}