@makeswift/runtime 0.16.0-canary.1 → 0.16.0-canary.3

package/dist/cjs/runtimes/react/controls.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/controls.tsx"],"sourcesContent":["import { useRef } from 'react'\n\nimport * as ReactPage from '../../state/react-page'\nimport { Props } from '../../prop-controllers'\nimport {\n  Descriptor,\n  MarginDescriptor,\n  MarginPropControllerFormat,\n  MarginValue,\n  PaddingDescriptor,\n  PaddingPropControllerFormat,\n  PaddingValue,\n  WidthPropControllerFormat,\n  WidthDescriptor,\n  WidthValue,\n} from '../../prop-controllers/descriptors'\nimport {\n  useBoxShadow,\n  useBorder as useBorderData,\n  useLinkPropControllerData,\n  useCheckboxPropControllerData,\n} from '../../components/hooks'\nimport type { ColorValue } from '../../components/utils/types'\nimport {\n  useResponsiveBorder,\n  useResponsiveBorderRadius,\n  useResponsiveMargin,\n  useResponsivePadding,\n  useResponsiveShadow,\n  useResponsiveWidth,\n} from '../../components/utils/responsive-style'\nimport {\n  CheckboxControlType,\n  ColorControlType,\n  ComboboxControlType,\n  ImageControlType,\n  LinkControlType,\n  ListControlType,\n  NumberControlType,\n  SelectControlType,\n  ShapeControlType,\n  SlotControl,\n  SlotControlType,\n  StyleControlType,\n  TextAreaControlType,\n  TextInputControlType,\n  RichTextControl,\n  RichTextControlType,\n  StyleControl,\n  RichTextV2Control,\n  RichTextV2ControlType,\n  StyleV2ControlType,\n  TypographyControlType,\n} from '../../controls'\nimport { useFormattedStyle } from './controls/style'\nimport { ControlValue } from './controls/control'\nimport { RenderHook } from './components'\nimport { useSlot } from './controls/slot'\nimport { useStyle } from './use-style'\nimport { useRichText } from './controls/rich-text/rich-text'\nimport { useRichTextV2 } from './controls/rich-text-v2'\nimport { IconRadioGroupControlType } from '../../controls/icon-radio-group'\nimport { useStore } from './hooks/use-store'\nimport { useDocumentKey } from './hooks/use-document-key'\nimport { useSelector } from './hooks/use-selector'\nimport {\n  Types as PropControllerTypes,\n  getShadowsPropControllerDataResponsiveShadowsData,\n  ShadowsPropControllerData,\n  Shadows,\n  ResponsiveValue,\n  ResolveOptions,\n  BorderPropControllerFormat,\n  ResponsiveBorderData,\n  BorderPropControllerData,\n  getBorderPropControllerDataResponsiveBorderData,\n  getBorderRadiusPropControllerDataResponsiveBorderRadiusData,\n  BorderRadiusPropControllerData,\n  BorderRadiusPropControllerFormat,\n} from '@makeswift/prop-controllers'\nimport { useResponsiveLengthPropControllerData } from '../../components/hooks/useResponsiveLengthPropControllerData'\nimport { useNumberPropControllerData } from '../../components/hooks/useNumberPropControllerData'\nimport { useResponsiveColorPropControllerData } from '../../components/hooks/useResponsiveColorPropControllerData'\n\nexport type ResponsiveColor = ResponsiveValue<ColorValue>\n\nfunction useWidthStyle(value: WidthValue | undefined, descriptor: WidthDescriptor): string {\n  return useStyle(useResponsiveWidth(value, descriptor.options.defaultValue))\n}\n\nexport type ResolveWidthControlValue<T extends Descriptor> = T extends WidthDescriptor\n  ? undefined extends ResolveOptions<T['options']>['format']\n    ? WidthValue | undefined\n    : ResolveOptions<T['options']>['format'] extends typeof WidthPropControllerFormat.ClassName\n    ? string\n    : ResolveOptions<\n        T['options']\n      >['format'] extends typeof WidthPropControllerFormat.ResponsiveValue\n    ? WidthValue | undefined\n    : never\n  : never\n\nfunction usePaddingStyle(value: PaddingValue | undefined): string {\n  return useStyle(useResponsivePadding(value))\n}\n\nexport type ResolvePaddingControlValue<T extends Descriptor> = T extends PaddingDescriptor\n  ? undefined extends ResolveOptions<T['options']>['format']\n    ? PaddingValue | undefined\n    : ResolveOptions<T['options']>['format'] extends typeof PaddingPropControllerFormat.ClassName\n    ? string\n    : ResolveOptions<\n        T['options']\n      >['format'] extends typeof PaddingPropControllerFormat.ResponsiveValue\n    ? PaddingValue | undefined\n    : never\n  : never\n\nfunction useMarginStyle(value: MarginValue | undefined): string {\n  return useStyle(useResponsiveMargin(value))\n}\n\nexport type ResolveMarginControlValue<T extends Descriptor> = T extends MarginDescriptor\n  ? undefined extends ResolveOptions<T['options']>['format']\n    ? MarginValue | undefined\n    : ResolveOptions<T['options']>['format'] extends typeof MarginPropControllerFormat.ClassName\n    ? string\n    : ResolveOptions<\n        T['options']\n      >['format'] extends typeof MarginPropControllerFormat.ResponsiveValue\n    ? MarginValue | undefined\n    : never\n  : never\n\nexport function useBorderRadiusStyle(data: BorderRadiusPropControllerData | undefined): string {\n  const value = getBorderRadiusPropControllerDataResponsiveBorderRadiusData(data)\n\n  return useStyle(useResponsiveBorderRadius(value))\n}\n\nexport function useShadowsStyle(data: ShadowsPropControllerData | undefined): string {\n  return useStyle(useResponsiveShadow(useBoxShadow(data) ?? undefined))\n}\n\nexport function useBorderStyle(\n  data: BorderPropControllerData | undefined,\n): string | ResponsiveBorderData | undefined {\n  const value = getBorderPropControllerDataResponsiveBorderData(data)\n  const borderData = useBorderData(value)\n\n  return useStyle(useResponsiveBorder(borderData ?? undefined))\n}\n\ntype PropsValueProps = {\n  element: ReactPage.ElementData\n  children(props: Record<string, unknown>): JSX.Element\n}\n\nexport function PropsValue({ element, children }: PropsValueProps): JSX.Element {\n  const store = useStore()\n  const propControllerDescriptorsRef = useRef(\n    ReactPage.getComponentPropControllerDescriptors(store.getState(), element.type) ?? {},\n  )\n  const props = element.props as Record<string, any>\n  const documentKey = useDocumentKey()\n\n  const propControllers = useSelector(state => {\n    if (documentKey == null) return null\n\n    return ReactPage.getPropControllers(state, documentKey, element.key)\n  })\n\n  return Object.entries(propControllerDescriptorsRef.current).reduceRight(\n    (renderFn, [propName, descriptor]) =>\n      propsValue => {\n        switch (descriptor.type) {\n          case CheckboxControlType:\n          case NumberControlType:\n          case TextInputControlType:\n          case TextAreaControlType:\n          case SelectControlType:\n          case ColorControlType:\n          case IconRadioGroupControlType:\n          case ImageControlType:\n          case ComboboxControlType:\n          case ShapeControlType:\n          case ListControlType:\n          case LinkControlType:\n          case StyleV2ControlType:\n          case TypographyControlType:\n            return (\n              <ControlValue\n                definition={descriptor}\n                data={props[propName]}\n                control={propControllers?.[propName]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </ControlValue>\n            )\n\n          case StyleControlType: {\n            const control = (propControllers?.[propName] ?? null) as StyleControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useFormattedStyle}\n                parameters={[props[propName], descriptor, control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case RichTextControlType: {\n            const control = (propControllers?.[propName] ?? null) as RichTextControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useRichText}\n                parameters={[props[propName], control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case RichTextV2ControlType: {\n            const control = (propControllers?.[propName] ?? null) as RichTextV2Control | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useRichTextV2}\n                parameters={[props[propName], descriptor, control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case SlotControlType: {\n            const control = (propControllers?.[propName] ?? null) as SlotControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useSlot}\n                parameters={[props[propName], control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case Props.Types.Width:\n            switch (descriptor.options.format) {\n              case WidthPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useWidthStyle}\n                    parameters={[props[propName], descriptor]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case Props.Types.Padding:\n            switch (descriptor.options.format) {\n              case PaddingPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={usePaddingStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case Props.Types.Margin:\n            switch (descriptor.options.format) {\n              case MarginPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useMarginStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.BorderRadius:\n            switch (descriptor.options.format) {\n              case BorderRadiusPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useBorderRadiusStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.Number:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useNumberPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ResponsiveLength:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useResponsiveLengthPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Shadows:\n            switch (descriptor.options.format) {\n              case Shadows.Format.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useShadowsStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case Shadows.Format.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getShadowsPropControllerDataResponsiveShadowsData(props[propName]),\n                })\n            }\n\n          case PropControllerTypes.Border:\n            switch (descriptor.options.format) {\n              case BorderPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useBorderStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.ResponsiveColor:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useResponsiveColorPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Link:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useLinkPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Checkbox:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useCheckboxPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          default:\n            return renderFn({ ...propsValue, [propName]: props[propName] })\n        }\n      },\n    children,\n  )({})\n}\n"],"mappings":"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","names":["import_prop_controllers","useBorderData","PropControllerTypes"]}
+{"version":3,"sources":["../../../../src/runtimes/react/controls.tsx"],"sourcesContent":["import { useRef } from 'react'\n\nimport * as ReactPage from '../../state/react-page'\n\nimport {\n  useBoxShadow,\n  useBorder as useBorderData,\n  useLinkPropControllerData,\n  useCheckboxPropControllerData,\n  useDatePropControllerData,\n  useFontPropControllerData,\n  useVideoPropControllerData,\n  useTablePropControllerData,\n} from '../../components/hooks'\nimport type { ColorValue } from '../../components/utils/types'\nimport {\n  useResponsiveBorder,\n  useResponsiveBorderRadius,\n  useResponsiveMargin,\n  useResponsivePadding,\n  useResponsiveShadow,\n  useResponsiveWidth,\n} from '../../components/utils/responsive-style'\nimport {\n  CheckboxControlType,\n  ColorControlType,\n  ComboboxControlType,\n  ImageControlType,\n  LinkControlType,\n  ListControlType,\n  NumberControlType,\n  SelectControlType,\n  ShapeControlType,\n  SlotControl,\n  SlotControlType,\n  StyleControlType,\n  TextAreaControlType,\n  TextInputControlType,\n  RichTextControl,\n  RichTextControlType,\n  StyleControl,\n  RichTextV2Control,\n  RichTextV2ControlType,\n  StyleV2ControlType,\n  TypographyControlType,\n} from '../../controls'\nimport { useFormattedStyle } from './controls/style'\nimport { ControlValue } from './controls/control'\nimport { RenderHook } from './components'\nimport { useSlot } from './controls/slot'\nimport { useStyle } from './use-style'\nimport { useRichText } from './controls/rich-text/rich-text'\nimport { useRichTextV2 } from './controls/rich-text-v2'\nimport { IconRadioGroupControlType } from '../../controls/icon-radio-group'\nimport { useStore } from './hooks/use-store'\nimport { useDocumentKey } from './hooks/use-document-key'\nimport { useSelector } from './hooks/use-selector'\nimport {\n  Types as PropControllerTypes,\n  getShadowsPropControllerDataResponsiveShadowsData,\n  ShadowsPropControllerData,\n  Shadows,\n  ResponsiveValue,\n  BorderPropControllerFormat,\n  ResponsiveBorderData,\n  BorderPropControllerData,\n  getBorderPropControllerDataResponsiveBorderData,\n  getBorderRadiusPropControllerDataResponsiveBorderRadiusData,\n  BorderRadiusPropControllerData,\n  BorderRadiusPropControllerFormat,\n  MarginPropControllerFormat,\n  MarginPropControllerData,\n  getMarginPropControllerDataResponsiveMarginData,\n  PaddingPropControllerData,\n  getPaddingPropControllerDataResponsivePaddingData,\n  PaddingPropControllerFormat,\n  WidthPropControllerData,\n  getWidthPropControllerDataResponsiveLengthData,\n  WidthPropControllerFormat,\n  WidthDescriptor,\n} from '@makeswift/prop-controllers'\nimport { useResponsiveLengthPropControllerData } from '../../components/hooks/useResponsiveLengthPropControllerData'\nimport { useNumberPropControllerData } from '../../components/hooks/useNumberPropControllerData'\nimport { useResponsiveColorPropControllerData } from '../../components/hooks/useResponsiveColorPropControllerData'\nimport { useTextStylePropControllerData } from '../../components/hooks/useTextStylePropControllerData'\n\nexport type ResponsiveColor = ResponsiveValue<ColorValue>\n\nfunction useWidthStyle(\n  data: WidthPropControllerData | undefined,\n  descriptor: WidthDescriptor,\n): string {\n  const value = getWidthPropControllerDataResponsiveLengthData(data)\n\n  return useStyle(useResponsiveWidth(value, descriptor.options.defaultValue))\n}\n\nfunction usePaddingStyle(data: PaddingPropControllerData | undefined): string {\n  const value = getPaddingPropControllerDataResponsivePaddingData(data)\n\n  return useStyle(useResponsivePadding(value))\n}\n\nfunction useMarginStyle(data: MarginPropControllerData | undefined): string {\n  const value = getMarginPropControllerDataResponsiveMarginData(data)\n\n  return useStyle(useResponsiveMargin(value))\n}\n\nexport function useBorderRadiusStyle(data: BorderRadiusPropControllerData | undefined): string {\n  const value = getBorderRadiusPropControllerDataResponsiveBorderRadiusData(data)\n\n  return useStyle(useResponsiveBorderRadius(value))\n}\n\nexport function useShadowsStyle(data: ShadowsPropControllerData | undefined): string {\n  return useStyle(useResponsiveShadow(useBoxShadow(data) ?? undefined))\n}\n\nexport function useBorderStyle(\n  data: BorderPropControllerData | undefined,\n): string | ResponsiveBorderData | undefined {\n  const value = getBorderPropControllerDataResponsiveBorderData(data)\n  const borderData = useBorderData(value)\n\n  return useStyle(useResponsiveBorder(borderData ?? undefined))\n}\n\ntype PropsValueProps = {\n  element: ReactPage.ElementData\n  children(props: Record<string, unknown>): JSX.Element\n}\n\nexport function PropsValue({ element, children }: PropsValueProps): JSX.Element {\n  const store = useStore()\n  const propControllerDescriptorsRef = useRef(\n    ReactPage.getComponentPropControllerDescriptors(store.getState(), element.type) ?? {},\n  )\n  const props = element.props as Record<string, any>\n  const documentKey = useDocumentKey()\n\n  const propControllers = useSelector(state => {\n    if (documentKey == null) return null\n\n    return ReactPage.getPropControllers(state, documentKey, element.key)\n  })\n\n  return Object.entries(propControllerDescriptorsRef.current).reduceRight(\n    (renderFn, [propName, descriptor]) =>\n      propsValue => {\n        switch (descriptor.type) {\n          case CheckboxControlType:\n          case NumberControlType:\n          case TextInputControlType:\n          case TextAreaControlType:\n          case SelectControlType:\n          case ColorControlType:\n          case IconRadioGroupControlType:\n          case ImageControlType:\n          case ComboboxControlType:\n          case ShapeControlType:\n          case ListControlType:\n          case LinkControlType:\n          case StyleV2ControlType:\n          case TypographyControlType:\n            return (\n              <ControlValue\n                definition={descriptor}\n                data={props[propName]}\n                control={propControllers?.[propName]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </ControlValue>\n            )\n\n          case StyleControlType: {\n            const control = (propControllers?.[propName] ?? null) as StyleControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useFormattedStyle}\n                parameters={[props[propName], descriptor, control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case RichTextControlType: {\n            const control = (propControllers?.[propName] ?? null) as RichTextControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useRichText}\n                parameters={[props[propName], control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case RichTextV2ControlType: {\n            const control = (propControllers?.[propName] ?? null) as RichTextV2Control | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useRichTextV2}\n                parameters={[props[propName], descriptor, control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case SlotControlType: {\n            const control = (propControllers?.[propName] ?? null) as SlotControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useSlot}\n                parameters={[props[propName], control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case PropControllerTypes.Width:\n            switch (descriptor.options.format) {\n              case WidthPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useWidthStyle}\n                    parameters={[props[propName], descriptor]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.Padding:\n            switch (descriptor.options.format) {\n              case PaddingPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={usePaddingStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.Margin:\n            switch (descriptor.options.format) {\n              case MarginPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useMarginStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.BorderRadius:\n            switch (descriptor.options.format) {\n              case BorderRadiusPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useBorderRadiusStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.Number:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useNumberPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ResponsiveLength:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useResponsiveLengthPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Shadows:\n            switch (descriptor.options.format) {\n              case Shadows.Format.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useShadowsStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case Shadows.Format.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getShadowsPropControllerDataResponsiveShadowsData(props[propName]),\n                })\n            }\n\n          case PropControllerTypes.Border:\n            switch (descriptor.options.format) {\n              case BorderPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useBorderStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.ResponsiveColor:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useResponsiveColorPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Link:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useLinkPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Checkbox:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useCheckboxPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Date:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useDatePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Font:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useFontPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Video:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useVideoPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Table:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTablePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.TextStyle:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTextStylePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          default:\n            return renderFn({ ...propsValue, [propName]: props[propName] })\n        }\n      },\n    children,\n  )({})\n}\n"],"mappings":"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","names":["useBorderData","PropControllerTypes"]}

package/dist/cjs/utils/tests/breakpoint-test-util.js

@@ -0,0 +1,35 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var breakpoint_test_util_exports = {};
+__export(breakpoint_test_util_exports, {
+  DESKTOP_MEDIA_QUERY: () => DESKTOP_MEDIA_QUERY,
+  MOBILE_MEDIA_QUERY: () => MOBILE_MEDIA_QUERY,
+  TABLET_MEDIA_QUERY: () => TABLET_MEDIA_QUERY
+});
+module.exports = __toCommonJS(breakpoint_test_util_exports);
+const DESKTOP_MEDIA_QUERY = "only screen and (min-width: 769px)";
+const TABLET_MEDIA_QUERY = "only screen and (min-width: 769px)";
+const MOBILE_MEDIA_QUERY = "only screen and (min-width: 769px)";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DESKTOP_MEDIA_QUERY,
+  MOBILE_MEDIA_QUERY,
+  TABLET_MEDIA_QUERY
+});
+//# sourceMappingURL=breakpoint-test-util.js.map

package/dist/cjs/utils/tests/breakpoint-test-util.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/utils/tests/breakpoint-test-util.ts"],"sourcesContent":["export const DESKTOP_MEDIA_QUERY = 'only screen and (min-width: 769px)'\nexport const TABLET_MEDIA_QUERY = 'only screen and (min-width: 769px)'\nexport const MOBILE_MEDIA_QUERY = 'only screen and (min-width: 769px)'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,sBAAsB;AAC5B,MAAM,qBAAqB;AAC3B,MAAM,qBAAqB;","names":[]}

package/dist/cjs/utils/tests/element-data-test-test.js

@@ -0,0 +1,74 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var element_data_test_test_exports = {};
+__export(element_data_test_test_exports, {
+  createMakeswiftPageSnapshot: () => createMakeswiftPageSnapshot,
+  createRootComponent: () => createRootComponent
+});
+module.exports = __toCommonJS(element_data_test_test_exports);
+var import_crypto = require("crypto");
+var import_components = require("../../components");
+function createRootComponent(elements) {
+  return {
+    key: (0, import_crypto.randomUUID)(),
+    type: import_components.MakeswiftComponentType.Root,
+    props: {
+      children: {
+        columns: [
+          {
+            deviceId: "desktop",
+            value: {
+              count: 12,
+              spans: elements?.map(() => [12])
+            }
+          }
+        ],
+        elements
+      }
+    }
+  };
+}
+function createMakeswiftPageSnapshot(elementData, partialSnapshot = {}) {
+  return {
+    document: {
+      id: "test-page-id",
+      site: { id: "test-site-id" },
+      data: elementData,
+      snippets: [],
+      fonts: [],
+      meta: {},
+      seo: {},
+      localizedPages: [],
+      locale: null,
+      ...partialSnapshot.document
+    },
+    apiOrigin: "https://test-api-origin.com",
+    cacheData: {},
+    preview: false,
+    localizedResourcesMap: {},
+    locale: null,
+    ...partialSnapshot
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createMakeswiftPageSnapshot,
+  createRootComponent
+});
+//# sourceMappingURL=element-data-test-test.js.map

package/dist/cjs/utils/tests/element-data-test-test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/utils/tests/element-data-test-test.ts"],"sourcesContent":["import { randomUUID } from 'crypto'\nimport { MakeswiftPageSnapshot } from '../../next'\nimport { ElementData } from '../../state/react-page'\nimport { MakeswiftComponentType } from '../../components'\n\nexport function createRootComponent(elements: ElementData[]) {\n  return {\n    key: randomUUID(),\n    type: MakeswiftComponentType.Root,\n    props: {\n      children: {\n        columns: [\n          {\n            deviceId: 'desktop',\n            value: {\n              count: 12,\n              spans: elements?.map(() => [12]),\n            },\n          },\n        ],\n        elements,\n      },\n    },\n  }\n}\n\nexport function createMakeswiftPageSnapshot(\n  elementData: ElementData,\n  partialSnapshot: Partial<MakeswiftPageSnapshot> = {},\n): MakeswiftPageSnapshot {\n  return {\n    document: {\n      id: 'test-page-id',\n      site: { id: 'test-site-id' },\n      data: elementData,\n      snippets: [],\n      fonts: [],\n      meta: {},\n      seo: {},\n      localizedPages: [],\n      locale: null,\n      ...partialSnapshot.document,\n    },\n    apiOrigin: 'https://test-api-origin.com',\n    cacheData: {},\n    preview: false,\n    localizedResourcesMap: {},\n    locale: null,\n    ...partialSnapshot,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA2B;AAG3B,wBAAuC;AAEhC,SAAS,oBAAoB,UAAyB;AAC3D,SAAO;AAAA,IACL,SAAK,0BAAW;AAAA,IAChB,MAAM,yCAAuB;AAAA,IAC7B,OAAO;AAAA,MACL,UAAU;AAAA,QACR,SAAS;AAAA,UACP;AAAA,YACE,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO,UAAU,IAAI,MAAM,CAAC,EAAE,CAAC;AAAA,YACjC;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,4BACd,aACA,kBAAkD,CAAC,GAC5B;AACvB,SAAO;AAAA,IACL,UAAU;AAAA,MACR,IAAI;AAAA,MACJ,MAAM,EAAE,IAAI,eAAe;AAAA,MAC3B,MAAM;AAAA,MACN,UAAU,CAAC;AAAA,MACX,OAAO,CAAC;AAAA,MACR,MAAM,CAAC;AAAA,MACP,KAAK,CAAC;AAAA,MACN,gBAAgB,CAAC;AAAA,MACjB,QAAQ;AAAA,MACR,GAAG,gBAAgB;AAAA,IACrB;AAAA,IACA,WAAW;AAAA,IACX,WAAW,CAAC;AAAA,IACZ,SAAS;AAAA,IACT,uBAAuB,CAAC;AAAA,IACxB,QAAQ;AAAA,IACR,GAAG;AAAA,EACL;AACF;","names":[]}

package/dist/esm/builder/serialization/control-serialization.js

@@ -333,13 +333,13 @@ function serializeControl(control) {
       return serializeResponsiveSelectControl(control);
     case PropControllerTypes.ResponsiveLength:
       return serializeResponsiveLengthControl(control);
-    case Controls.Types.Date:
+    case PropControllerTypes.Date:
       return serializeDateControl(control);
     case PropControllerTypes.Link:
       return serializeLinkControl(control);
     case Controls.Types.TextInput:
       return serializeTextInputControl(control);
-    case Controls.Types.TextStyle:
+    case PropControllerTypes.TextStyle:
       return serializeTextStyleControl(control);
     case Controls.Types.Image:
       return serializeImageControl(control);
@@ -385,13 +385,13 @@ function deserializeControl(serializedControl) {
       return deserializeResponsiveSelectControl(serializedControl);
     case PropControllerTypes.ResponsiveLength:
       return deserializeResponsiveLengthControl(serializedControl);
-    case Controls.Types.Date:
+    case PropControllerTypes.Date:
       return deserializeDateControl(serializedControl);
     case PropControllerTypes.Link:
       return deserializeLinkControl(serializedControl);
     case Controls.Types.TextInput:
       return deserializeTextInputControl(serializedControl);
-    case Controls.Types.TextStyle:
+    case PropControllerTypes.TextStyle:
       return deserializeTextStyleControl(serializedControl);
     case Controls.Types.Image:
       return deserializeImageControl(serializedControl);

package/dist/esm/builder/serialization/control-serialization.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/builder/serialization/control-serialization.ts"],"sourcesContent":["import {\n  ResponsiveLengthOptions,\n  ResponsiveLengthPropControllerData,\n} from '@makeswift/prop-controllers'\nimport {\n  ComboboxControlDefinition,\n  ComboboxControlType,\n  ListControlDefinition,\n  ListControlType,\n  RichTextV2ControlDefinition,\n  RichTextV2ControlType,\n  ShapeControlDefinition,\n  ShapeControlType,\n  StyleV2ControlDefinition,\n  StyleV2ControlType,\n} from '../../controls'\nimport {\n  Data,\n  Device,\n  DateDescriptor as DateControl,\n  DateValue as DateControlValue,\n  Gap,\n  GapXDescriptor as GapXControl,\n  GapXValue as GapXControlValue,\n  GapYDescriptor as GapYControl,\n  GapYValue as GapYControlValue,\n  ImageDescriptor as ImageControl,\n  ImageValue as ImageControlValue,\n  ListDescriptor as ListControl,\n  ListOptions as ListControlConfig,\n  ListValue as ListControlValue,\n  ResponsiveNumberDescriptor as ResponsiveNumberControl,\n  ResponsiveNumberValue as ResponsiveNumberControlValue,\n  ResponsiveIconRadioGroupDescriptor as ResponsiveIconRadioGroupControl,\n  ResponsiveIconRadioGroupValue as ResponsiveIconRadioGroupControlValue,\n  ResponsiveSelectDescriptor as ResponsiveSelectControl,\n  ResponsiveSelectValue as ResponsiveSelectControlValue,\n  RichTextDescriptor as RichTextControl,\n  RichTextValue as RichTextControlValue,\n  ShapeDescriptor as ShapeControl,\n  ShapeValue as ShapeControlValue,\n  TextInputDescriptor as TextInputControl,\n  TextInputValue as TextInputControlValue,\n  TextStyleDescriptor as TextStyleControl,\n  TextStyleValue as TextStyleControlValue,\n  TypeaheadDescriptor as TypeaheadControl,\n  TypeaheadOptions as TypeaheadControlConfig,\n  TypeaheadValue as TypeaheadControlValue,\n  PanelDescriptor as PanelControl,\n  PanelDescriptorType as PanelControlType,\n  PanelDescriptorValueType as PanelControlValueType,\n  PropControllerDescriptor as Control,\n  Props as Controls,\n} from '../../prop-controllers'\nimport {\n  IconRadioGroupOption,\n  SelectLabelOrientation,\n  SelectOption,\n} from '../../prop-controllers/descriptors'\nimport {\n  deserializeComboboxControlDefinition,\n  serializeComboboxControlDefinition,\n} from './controls/combobox'\nimport { deserializeListControlDefinition, serializeListControlDefinition } from './controls/list'\nimport { deserializeRichTextControlV2, serializeRichTextControlV2 } from './controls/rich-text-v2'\nimport {\n  deserializeShapeControlDefinition,\n  serializeShapeControlDefinition,\n} from './controls/shape'\nimport { deserializeStyleV2Control, serializeStyleV2Control } from './controls/style-v2'\nimport { Deserialize, Serialize } from './controls/types'\nimport {\n  DeserializedFunction,\n  deserializeFunction,\n  isSerializedFunction,\n  SerializedFunction,\n  serializeFunction,\n} from './function-serialization'\nimport {\n  LinkData,\n  Types as PropControllerTypes,\n  LinkDescriptor as LinkControl,\n  LinkPropControllerData,\n  ResponsiveLengthDescriptor,\n  NumberOptions,\n  NumberPropControllerData,\n  NumberDescriptor,\n  ResponsiveColorPropControllerData,\n  ResponsiveColorDescriptor,\n  CheckboxPropControllerData,\n  CheckboxDescriptor as CheckboxControl,\n} from '@makeswift/prop-controllers'\n\ntype SerializedShapeControlConfig<T extends Record<string, SerializedPanelControl>> = {\n  type: T\n  preset?: { [K in keyof T]?: SerializedPanelControlValueType<T[K]> }\n}\n\ntype SerializedShapeControl<\n  _T extends Record<string, Data>,\n  U extends Record<string, SerializedPanelControl>,\n> = {\n  type: typeof Controls.Types.Shape\n  options: SerializedShapeControlConfig<U>\n}\n\nfunction serializeShapeControl<\n  T extends Record<string, Data>,\n  U extends Record<string, PanelControl>,\n>(\n  control: ShapeControl<T, U>,\n): [\n  SerializedShapeControl<\n    T,\n    { [K in keyof U]: SerializedPanelControl<PanelControlValueType<U[K]>> }\n  >,\n  Transferable[],\n] {\n  const { type } = control.options\n  const transferables: Transferable[] = []\n  const serializedType = {} as {\n    [K in keyof U]: SerializedPanelControl<PanelControlValueType<U[K]>>\n  }\n\n  Object.entries(type).forEach(([key, control]) => {\n    const [serializedControl, serializedControlTransferables] = serializeControl(control)\n\n    serializedType[key as keyof typeof type] = serializedControl as SerializedPanelControl\n    transferables.push(...serializedControlTransferables)\n  })\n\n  // @ts-expect-error: preset types are incompatible\n  return [{ ...control, options: { ...control.options, type: serializedType } }, transferables]\n}\n\ntype DeserializedShapeControlConfig<T extends Record<string, DeserializedPanelControl>> = {\n  type: T\n  preset?: { [K in keyof T]?: DeserializedPanelControlValueType<T[K]> }\n}\n\ntype DeserializedShapeControl<\n  _T extends Record<string, Data>,\n  U extends Record<string, DeserializedPanelControl>,\n> = {\n  type: typeof Controls.Types.Shape\n  options: DeserializedShapeControlConfig<U>\n}\n\nfunction deserializeShapeControl<\n  T extends Record<string, Data>,\n  U extends Record<string, SerializedPanelControl>,\n>(\n  control: SerializedShapeControl<T, U>,\n): DeserializedShapeControl<\n  T,\n  { [K in keyof U]: DeserializedPanelControl<SerializedPanelControlValueType<U[K]>> }\n> {\n  const { type } = control.options\n  const deserializedType = {} as {\n    [K in keyof U]: DeserializedPanelControl<SerializedPanelControlValueType<U[K]>>\n  }\n\n  Object.entries(type).forEach(([key, control]) => {\n    deserializedType[key as keyof typeof type] = deserializeControl(\n      control,\n    ) as DeserializedPanelControl\n  })\n\n  // @ts-expect-error: preset types are incompatible\n  return { ...control, options: { ...control.options, type: deserializedType } }\n}\n\ntype SerializedListControlConfig<T extends Data> = {\n  type: SerializedPanelControl<T>\n  label?: string\n  getItemLabel?: SerializedFunction<Exclude<ListControlConfig<T>['getItemLabel'], undefined>>\n  preset?: ListControlValue<T>\n  defaultValue?: ListControlValue<T>\n}\n\ntype SerializedListControl<T extends ListControlValue = ListControlValue> = {\n  type: typeof Controls.Types.List\n  options: SerializedListControlConfig<T extends ListControlValue<infer U> ? U : never>\n}\n\nfunction serializeListControl<T extends Data>(\n  control: ListControl<ListControlValue<T>>,\n): [SerializedListControl<ListControlValue<T>>, Transferable[]] {\n  const { type, getItemLabel } = control.options\n  const transferables: Transferable[] = []\n\n  const [serializedType, serializedTypeTransferables] = serializeControl(type)\n  const serializedGetItemLabel = getItemLabel && serializeFunction(getItemLabel)\n\n  transferables.push(...serializedTypeTransferables)\n  if (serializedGetItemLabel != null) transferables.push(serializedGetItemLabel)\n\n  return [\n    {\n      ...control,\n      options: {\n        ...control.options,\n        type: serializedType as SerializedPanelControl,\n        getItemLabel: serializedGetItemLabel,\n      },\n    },\n    transferables,\n  ]\n}\n\ntype DeserializedListControlConfig<T extends Data> = {\n  type: DeserializedPanelControl<T>\n  label?: string\n  getItemLabel?: DeserializedFunction<Exclude<ListControlConfig<T>['getItemLabel'], undefined>>\n  preset?: ListControlValue<T>\n  defaultValue?: ListControlValue<T>\n}\n\ntype DeserializedListControl<T extends ListControlValue = ListControlValue> = {\n  type: typeof Controls.Types.List\n  options: DeserializedListControlConfig<T extends ListControlValue<infer U> ? U : never>\n}\n\nfunction deserializeListControl<T extends Data>(\n  serializedControl: SerializedListControl<ListControlValue<T>>,\n): DeserializedListControl<ListControlValue<T>> {\n  const { type, getItemLabel } = serializedControl.options\n\n  const deserializedType = deserializeControl(type) as DeserializedPanelControl\n  const deserializedGetItemLabel = getItemLabel && deserializeFunction(getItemLabel)\n\n  return {\n    ...serializedControl,\n    options: {\n      ...serializedControl.options,\n      type: deserializedType,\n      getItemLabel: deserializedGetItemLabel,\n    },\n  }\n}\n\ntype SerializedTypeaheadControlConfig<T extends Data> = {\n  getItems: SerializedFunction<TypeaheadControlConfig<T>['getItems']>\n  label?: string\n  preset?: TypeaheadControlValue<T>\n  defaultValue?: TypeaheadControlValue<T>\n}\n\ntype SerializedTypeaheadControl<T extends TypeaheadControlValue = TypeaheadControlValue> = {\n  type: typeof Controls.Types.Typeahead\n  options: SerializedTypeaheadControlConfig<T['value']>\n}\n\nfunction serializeTypeaheadControl<T extends Data>(\n  control: TypeaheadControl<TypeaheadControlValue<T>>,\n): [SerializedTypeaheadControl<TypeaheadControlValue<T>>, Transferable[]] {\n  const { getItems } = control.options\n\n  const serializedGetItems = getItems && serializeFunction(getItems)\n\n  return [\n    { ...control, options: { ...control.options, getItems: serializedGetItems } },\n    serializedGetItems == null ? [] : [serializedGetItems],\n  ]\n}\n\ntype DeserializedTypeaheadControlConfig<T extends Data> = {\n  getItems: DeserializedFunction<TypeaheadControlConfig<T>['getItems']>\n  label?: string\n  preset?: TypeaheadControlValue<T>\n  defaultValue?: TypeaheadControlValue<T>\n}\n\ntype DeserializedTypeaheadControl<T extends TypeaheadControlValue = TypeaheadControlValue> = {\n  type: typeof Controls.Types.Typeahead\n  options: DeserializedTypeaheadControlConfig<T['value']>\n}\n\nfunction deserializeTypeaheadControl<T extends Data>(\n  serializedControl: SerializedTypeaheadControl<TypeaheadControlValue<T>>,\n): DeserializedTypeaheadControl<TypeaheadControlValue<T>> {\n  const { getItems } = serializedControl.options\n\n  const deserializedGetItems = getItems && deserializeFunction(getItems)\n\n  return {\n    ...serializedControl,\n    options: { ...serializedControl.options, getItems: deserializedGetItems },\n  }\n}\n\ntype SerializedConfig<T> =\n  | T\n  | SerializedFunction<(props: Record<string, unknown>, deviceMode: Device) => T>\n\ntype DeserializedConfig<T> =\n  | T\n  | DeserializedFunction<(props: Record<string, unknown>, deviceMode: Device) => T>\n\ntype GapXControlConfig = {\n  preset?: GapXControlValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedGapXControl<_T = GapXControlValue> = {\n  type: typeof Controls.Types.GapX\n  options: SerializedConfig<GapXControlConfig>\n}\n\nfunction serializeGapXControl(control: GapXControl): [SerializedGapXControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedGapXControl<_T = GapXControlValue> = {\n  type: typeof Controls.Types.GapX\n  options: DeserializedConfig<GapXControlConfig>\n}\n\nfunction deserializeGapXControl(serializedControl: SerializedGapXControl): DeserializedGapXControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype GapYControlConfig = {\n  preset?: GapYControlValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedGapYControl<_T = GapYControlValue> = {\n  type: typeof Controls.Types.GapY\n  options: SerializedConfig<GapYControlConfig>\n}\n\nfunction serializeGapYControl(control: GapYControl): [SerializedGapYControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedGapYControl<_T = GapYControlValue> = {\n  type: typeof Controls.Types.GapY\n  options: DeserializedConfig<GapYControlConfig>\n}\n\nfunction deserializeGapYControl(serializedControl: SerializedGapYControl): DeserializedGapYControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype ResponsiveNumberControlConfig = {\n  preset?: ResponsiveNumberControlValue\n  label?: string\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedResponsiveNumberControl<_T = ResponsiveNumberControlValue> = {\n  type: typeof Controls.Types.ResponsiveNumber\n  options: SerializedConfig<ResponsiveNumberControlConfig>\n}\n\nfunction serializeResponsiveNumberControl(\n  control: ResponsiveNumberControl,\n): [SerializedResponsiveNumberControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedResponsiveNumberControl<_T = ResponsiveNumberControlValue> = {\n  type: typeof Controls.Types.ResponsiveNumber\n  options: DeserializedConfig<ResponsiveNumberControlConfig>\n}\n\nfunction deserializeResponsiveNumberControl(\n  serializedControl: SerializedResponsiveNumberControl,\n): DeserializedResponsiveNumberControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype CheckboxControlConfig = {\n  preset?: CheckboxPropControllerData\n  label: string\n  hidden?: boolean\n}\n\ntype SerializedCheckboxControl<_T = CheckboxPropControllerData> = {\n  type: typeof PropControllerTypes.Checkbox\n  options: SerializedConfig<CheckboxControlConfig>\n}\n\nfunction serializeCheckboxControl(\n  control: CheckboxControl,\n): [SerializedCheckboxControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedCheckboxControl<_T = CheckboxPropControllerData> = {\n  type: typeof PropControllerTypes.Checkbox\n  options: DeserializedConfig<CheckboxControlConfig>\n}\n\nfunction deserializeCheckboxControl(\n  serializedControl: SerializedCheckboxControl,\n): DeserializedCheckboxControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype ResponsiveColorControlConfig = { label?: string; placeholder?: string; hidden?: boolean }\n\ntype SerializedResponsiveColorControl<_T = ResponsiveColorPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveColor\n  options: SerializedConfig<ResponsiveColorControlConfig>\n}\n\nfunction serializeResponsiveColorControl(\n  control: ResponsiveColorDescriptor,\n): [SerializedResponsiveColorControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedResponsiveColorControl<_T = ResponsiveColorPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveColor\n  options: DeserializedConfig<ResponsiveColorControlConfig>\n}\n\nfunction deserializeResponsiveColorControl(\n  serializedControl: SerializedResponsiveColorControl,\n): DeserializedResponsiveColorControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\ntype SerializedNumberControl<_T = NumberPropControllerData> = {\n  type: typeof PropControllerTypes.Number\n  options: SerializedConfig<NumberOptions>\n}\n\nfunction serializeNumberControl(\n  control: NumberDescriptor,\n): [SerializedNumberControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedNumberControl<_T = NumberPropControllerData> = {\n  type: typeof PropControllerTypes.Number\n  options: DeserializedConfig<NumberOptions>\n}\n\nfunction deserializeNumberControl(\n  serializedControl: SerializedNumberControl,\n): DeserializedNumberControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\ntype ResponsiveIconRadioGroupControlConfig<T extends string = string, U extends T = T> = {\n  label?: string\n  options: IconRadioGroupOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}\n\ntype SerializedResponsiveIconRadioGroupControl<_T = ResponsiveIconRadioGroupControlValue> = {\n  type: typeof Controls.Types.ResponsiveIconRadioGroup\n  options: SerializedConfig<ResponsiveIconRadioGroupControlConfig>\n}\n\nfunction serializeResponsiveIconRadioGroupControl(\n  control: ResponsiveIconRadioGroupControl,\n): [SerializedResponsiveIconRadioGroupControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedResponsiveIconRadioGroupControl<_T = ResponsiveIconRadioGroupControlValue> = {\n  type: typeof Controls.Types.ResponsiveIconRadioGroup\n  options: DeserializedConfig<ResponsiveIconRadioGroupControlConfig>\n}\n\nfunction deserializeResponsiveIconRadioGroupControl(\n  serializedControl: SerializedResponsiveIconRadioGroupControl,\n): DeserializedResponsiveIconRadioGroupControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype DateControlConfig = { preset?: DateControlValue }\n\ntype SerializedDateControl<_T = DateControlValue> = {\n  type: typeof Controls.Types.Date\n  options: SerializedConfig<DateControlConfig>\n}\n\nfunction serializeDateControl(control: DateControl): [SerializedDateControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedDateControl<_T = DateControlValue> = {\n  type: typeof Controls.Types.Date\n  options: DeserializedConfig<DateControlConfig>\n}\n\nfunction deserializeDateControl(serializedControl: SerializedDateControl): DeserializedDateControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype LinkControlConfig = {\n  preset?: LinkPropControllerData\n  label?: string\n  defaultValue?: LinkPropControllerData\n  options?: { value: LinkData['type']; label: string }[]\n  hidden?: boolean\n}\n\ntype SerializedLinkControl<_T = LinkPropControllerData> = {\n  type: typeof PropControllerTypes.Link\n  options: SerializedConfig<LinkControlConfig>\n}\n\nfunction serializeLinkControl(control: LinkControl): [SerializedLinkControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedLinkControl<_T = LinkPropControllerData> = {\n  type: typeof PropControllerTypes.Link\n  options: DeserializedConfig<LinkControlConfig>\n}\n\nfunction deserializeLinkControl(serializedControl: SerializedLinkControl): DeserializedLinkControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype TextInputControlConfig = { label?: string; placeholder?: string; hidden?: boolean }\n\ntype SerializedTextInputControl<_T = TextInputControlValue> = {\n  type: typeof Controls.Types.TextInput\n  options: SerializedConfig<TextInputControlConfig>\n}\n\nfunction serializeTextInputControl(\n  control: TextInputControl,\n): [SerializedTextInputControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedTextInputControl<_T = TextInputControlValue> = {\n  type: typeof Controls.Types.TextInput\n  options: DeserializedConfig<TextInputControlConfig>\n}\n\nfunction deserializeTextInputControl(\n  serializedControl: SerializedTextInputControl,\n): DeserializedTextInputControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype SerializedResponsiveSelectControl<_T = ResponsiveSelectControlValue> = {\n  type: typeof Controls.Types.ResponsiveSelect\n  options: SerializedConfig<ResponsiveSelectControlConfig>\n}\n\nfunction serializeResponsiveSelectControl(\n  control: ResponsiveSelectControl,\n): [SerializedResponsiveSelectControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype ResponsiveSelectControlConfig<T extends string = string, U extends T = T> = {\n  label?: string\n  labelOrientation?: SelectLabelOrientation\n  options: SelectOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}\n\ntype DeserializedResponsiveSelectControl<_T = ResponsiveSelectControlValue> = {\n  type: typeof Controls.Types.ResponsiveSelect\n  options: DeserializedConfig<ResponsiveSelectControlConfig>\n}\n\nfunction deserializeResponsiveSelectControl(\n  serializedControl: SerializedResponsiveSelectControl,\n): DeserializedResponsiveSelectControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype SerializedResponsiveLengthControl<_T = ResponsiveLengthPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveLength\n  options: SerializedConfig<ResponsiveLengthOptions>\n}\n\nfunction serializeResponsiveLengthControl(\n  control: ResponsiveLengthDescriptor,\n): [SerializedResponsiveLengthControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedResponsiveLengthControl<_T = ResponsiveLengthPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveLength\n  options: DeserializedConfig<ResponsiveLengthOptions>\n}\n\nfunction deserializeResponsiveLengthControl(\n  serializedControl: SerializedResponsiveLengthControl,\n): DeserializedResponsiveLengthControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype SerializedTextStyleControl<_T = TextStyleControlValue> = {\n  type: typeof Controls.Types.TextStyle\n  options: SerializedConfig<TextStyleControlConfig>\n}\n\nfunction serializeTextStyleControl(\n  control: TextStyleControl,\n): [SerializedTextStyleControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype TextStyleControlConfig = {\n  preset?: TextStyleControlValue\n  label?: string\n  hidden?: boolean\n}\n\ntype DeserializedTextStyleControl<_T = TextStyleControlValue> = {\n  type: typeof Controls.Types.TextStyle\n  options: DeserializedConfig<TextStyleControlConfig>\n}\n\nfunction deserializeTextStyleControl(\n  serializedControl: SerializedTextStyleControl,\n): DeserializedTextStyleControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype ImageControlConfig = { label?: string; hidden?: boolean }\n\ntype SerializedImageControl<_T = ImageControlValue> = {\n  type: typeof Controls.Types.Image\n  options: SerializedConfig<ImageControlConfig>\n}\n\nfunction serializeImageControl(control: ImageControl): [SerializedImageControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedImageControl<_T = ImageControlValue> = {\n  type: typeof Controls.Types.Image\n  options: DeserializedConfig<ImageControlConfig>\n}\n\nfunction deserializeImageControl(\n  serializedControl: SerializedImageControl,\n): DeserializedImageControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype RichTextControlConfig = { preset?: RichTextControlValue }\n\ntype SerializedRichTextControl<_T = RichTextControlValue> = {\n  type: typeof Controls.Types.RichText\n  options: SerializedConfig<RichTextControlConfig>\n}\n\nfunction serializeRichTextControl(\n  control: RichTextControl,\n): [SerializedRichTextControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedRichTextControl<_T = RichTextControlValue> = {\n  type: typeof Controls.Types.RichText\n  options: DeserializedConfig<RichTextControlConfig>\n}\n\nfunction deserializeRichTextControl(\n  serializedControl: SerializedRichTextControl,\n): DeserializedRichTextControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\nexport type SerializedControl<T extends Data = Data> =\n  | Exclude<\n      Control<T>,\n      | ListControl<T extends ListControlValue ? T : ListControlValue>\n      | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n      | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n      | GapXControl<T>\n      | GapYControl<T>\n      | ResponsiveNumberControl<T>\n      | CheckboxControl<T>\n      | ResponsiveColorDescriptor<T>\n      | NumberDescriptor<T>\n      | ResponsiveIconRadioGroupControl<\n          T extends ResponsiveIconRadioGroupControlValue ? T : ResponsiveIconRadioGroupControlValue\n        >\n      | ResponsiveSelectControl<\n          T extends ResponsiveSelectControlValue ? T : ResponsiveSelectControlValue\n        >\n      | ResponsiveLengthDescriptor<T>\n      | DateControl<T>\n      | LinkControl<T>\n      | TextInputControl<T>\n      | TextStyleControl<T>\n      | ImageControl<T>\n      | RichTextControl<T>\n      | RichTextV2ControlDefinition\n      | ComboboxControlDefinition\n      | ShapeControlDefinition\n      | ListControlDefinition\n      | StyleV2ControlDefinition\n    >\n  | SerializedListControl<T extends ListControlValue ? T : ListControlValue>\n  | SerializedShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n  | SerializedTypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n  | SerializedGapXControl<T>\n  | SerializedGapYControl<T>\n  | SerializedResponsiveNumberControl<T>\n  | SerializedCheckboxControl<T>\n  | SerializedResponsiveColorControl<T>\n  | SerializedNumberControl<T>\n  | SerializedResponsiveIconRadioGroupControl<T>\n  | SerializedResponsiveSelectControl<T>\n  | SerializedResponsiveLengthControl<T>\n  | SerializedDateControl<T>\n  | SerializedLinkControl<T>\n  | SerializedTextInputControl<T>\n  | SerializedTextStyleControl<T>\n  | SerializedImageControl<T>\n  | SerializedRichTextControl<T>\n  | Serialize<RichTextV2ControlDefinition>\n  | Serialize<ComboboxControlDefinition>\n  | Serialize<ShapeControlDefinition>\n  | Serialize<ListControlDefinition>\n  | Serialize<StyleV2ControlDefinition>\n\ntype SerializedPanelControl<T extends Data = Data> = Extract<\n  SerializedControl<T>,\n  { type: PanelControlType }\n>\n\ntype SerializedPanelControlValueType<T extends SerializedPanelControl> =\n  T extends SerializedPanelControl<infer U> ? U : never\n\nexport type DeserializedControl<T extends Data = Data> =\n  | Exclude<\n      Control<T>,\n      | ListControl<T extends ListControlValue ? T : ListControlValue>\n      | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n      | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n      | GapXControl<T>\n      | GapYControl<T>\n      | ResponsiveNumberControl<T>\n      | CheckboxControl<T>\n      | ResponsiveColorDescriptor<T>\n      | NumberDescriptor<T>\n      | ResponsiveIconRadioGroupControl<\n          T extends ResponsiveIconRadioGroupControlValue ? T : ResponsiveIconRadioGroupControlValue\n        >\n      | ResponsiveSelectControl<\n          T extends ResponsiveSelectControlValue ? T : ResponsiveSelectControlValue\n        >\n      | ResponsiveLengthDescriptor<T>\n      | DateControl<T>\n      | LinkControl<T>\n      | TextInputControl<T>\n      | TextStyleControl<T>\n      | ImageControl<T>\n      | RichTextControl<T>\n      | RichTextV2ControlDefinition\n      | ComboboxControlDefinition\n      | ShapeControlDefinition\n      | ListControlDefinition\n      | StyleV2ControlDefinition\n    >\n  | DeserializedListControl<T extends ListControlValue ? T : ListControlValue>\n  | DeserializedShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n  | DeserializedTypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n  | DeserializedGapXControl<T>\n  | DeserializedGapYControl<T>\n  | DeserializedResponsiveNumberControl<T>\n  | DeserializedCheckboxControl<T>\n  | DeserializedResponsiveColorControl<T>\n  | DeserializedNumberControl<T>\n  | DeserializedResponsiveIconRadioGroupControl<T>\n  | DeserializedResponsiveSelectControl<T>\n  | DeserializedResponsiveLengthControl<T>\n  | DeserializedDateControl<T>\n  | DeserializedLinkControl<T>\n  | DeserializedTextInputControl<T>\n  | DeserializedTextStyleControl<T>\n  | DeserializedImageControl<T>\n  | DeserializedRichTextControl<T>\n  | Deserialize<Serialize<RichTextV2ControlDefinition>>\n  | Deserialize<Serialize<ComboboxControlDefinition>>\n  | Deserialize<Serialize<ShapeControlDefinition>>\n  | Deserialize<Serialize<ListControlDefinition>>\n  | Deserialize<Serialize<StyleV2ControlDefinition>>\n\nexport type DeserializedPanelControl<T extends Data = Data> = Extract<\n  DeserializedControl<T>,\n  { type: PanelControlType }\n>\n\ntype DeserializedPanelControlValueType<T extends DeserializedPanelControl> =\n  T extends DeserializedPanelControl<infer U> ? U : never\n\nexport function serializeControl<T extends Data>(\n  control: Control<T>,\n): [SerializedControl<T>, Transferable[]] {\n  switch (control.type) {\n    case PropControllerTypes.Checkbox:\n      return serializeCheckboxControl(control)\n\n    case Controls.Types.List:\n      return serializeListControl(control)\n\n    case Controls.Types.Shape:\n      return serializeShapeControl(control)\n\n    case Controls.Types.Typeahead:\n      return serializeTypeaheadControl(control)\n\n    case Controls.Types.GapX:\n      return serializeGapXControl(control)\n\n    case Controls.Types.GapY:\n      return serializeGapYControl(control)\n\n    case PropControllerTypes.ResponsiveColor:\n      return serializeResponsiveColorControl(control)\n\n    case Controls.Types.ResponsiveNumber:\n      return serializeResponsiveNumberControl(control)\n\n    case PropControllerTypes.Number:\n      return serializeNumberControl(control)\n\n    case Controls.Types.ResponsiveIconRadioGroup:\n      return serializeResponsiveIconRadioGroupControl(control)\n\n    case Controls.Types.ResponsiveSelect:\n      return serializeResponsiveSelectControl(control)\n\n    case PropControllerTypes.ResponsiveLength:\n      return serializeResponsiveLengthControl(control)\n\n    case Controls.Types.Date:\n      return serializeDateControl(control)\n\n    case PropControllerTypes.Link:\n      return serializeLinkControl(control)\n\n    case Controls.Types.TextInput:\n      return serializeTextInputControl(control)\n\n    case Controls.Types.TextStyle:\n      return serializeTextStyleControl(control)\n\n    case Controls.Types.Image:\n      return serializeImageControl(control)\n\n    case Controls.Types.RichText:\n      return serializeRichTextControl(control)\n\n    case RichTextV2ControlType:\n      return serializeRichTextControlV2(control)\n\n    case StyleV2ControlType:\n      return serializeStyleV2Control(control)\n\n    case ComboboxControlType:\n      return serializeComboboxControlDefinition(control)\n\n    case ShapeControlType:\n      return serializeShapeControlDefinition(control)\n\n    case ListControlType:\n      return serializeListControlDefinition(control)\n\n    default:\n      return [control, []]\n  }\n}\n\nexport function deserializeControl<T extends Data>(\n  serializedControl: SerializedControl<T>,\n): DeserializedControl<T> {\n  switch (serializedControl.type) {\n    case PropControllerTypes.Checkbox:\n      return deserializeCheckboxControl(serializedControl)\n\n    case Controls.Types.List:\n      return deserializeListControl(serializedControl)\n\n    case Controls.Types.Shape:\n      return deserializeShapeControl(serializedControl)\n\n    case Controls.Types.Typeahead:\n      return deserializeTypeaheadControl(serializedControl)\n\n    case Controls.Types.GapX:\n      return deserializeGapXControl(serializedControl)\n\n    case Controls.Types.GapY:\n      return deserializeGapYControl(serializedControl)\n\n    case PropControllerTypes.ResponsiveColor:\n      return deserializeResponsiveColorControl(serializedControl)\n\n    case Controls.Types.ResponsiveNumber:\n      return deserializeResponsiveNumberControl(serializedControl)\n\n    case PropControllerTypes.Number:\n      return deserializeNumberControl(serializedControl)\n\n    case Controls.Types.ResponsiveIconRadioGroup:\n      return deserializeResponsiveIconRadioGroupControl(serializedControl)\n\n    case Controls.Types.ResponsiveSelect:\n      return deserializeResponsiveSelectControl(serializedControl)\n\n    case PropControllerTypes.ResponsiveLength:\n      return deserializeResponsiveLengthControl(serializedControl)\n\n    case Controls.Types.Date:\n      return deserializeDateControl(serializedControl)\n\n    case PropControllerTypes.Link:\n      return deserializeLinkControl(serializedControl)\n\n    case Controls.Types.TextInput:\n      return deserializeTextInputControl(serializedControl)\n\n    case Controls.Types.TextStyle:\n      return deserializeTextStyleControl(serializedControl)\n\n    case Controls.Types.Image:\n      return deserializeImageControl(serializedControl)\n\n    case Controls.Types.RichText:\n      return deserializeRichTextControl(serializedControl)\n\n    case RichTextV2ControlType:\n      return deserializeRichTextControlV2(serializedControl)\n\n    case StyleV2ControlType:\n      return deserializeStyleV2Control(serializedControl)\n\n    case ComboboxControlType:\n      return deserializeComboboxControlDefinition(serializedControl)\n\n    case ShapeControlType:\n      return deserializeShapeControlDefinition(serializedControl)\n\n    case ListControlType:\n      return deserializeListControlDefinition(serializedControl)\n\n    default:\n      return serializedControl\n  }\n}\n\nexport function serializeControls(\n  controls: Record<string, Control>,\n): [Record<string, SerializedControl>, Transferable[]] {\n  return Object.entries(controls).reduce(\n    ([accControls, accTransferables], [key, control]) => {\n      const [serializedControl, transferables] = serializeControl(control)\n\n      return [{ ...accControls, [key]: serializedControl }, [...accTransferables, ...transferables]]\n    },\n    [{}, []] as [Record<string, SerializedControl>, Transferable[]],\n  )\n}\n\nexport function deserializeControls(\n  serializedControls: Record<string, SerializedControl>,\n): Record<string, DeserializedControl> {\n  return Object.entries(serializedControls).reduce(\n    (deserializedControls, [key, serializedControl]) => {\n      return { ...deserializedControls, [key]: deserializeControl(serializedControl) }\n    },\n    {} as Record<string, DeserializedControl>,\n  )\n}\n"],"mappings":"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","names":["control"]}
+{"version":3,"sources":["../../../../src/builder/serialization/control-serialization.ts"],"sourcesContent":["import {\n  ResponsiveLengthOptions,\n  ResponsiveLengthPropControllerData,\n} from '@makeswift/prop-controllers'\nimport {\n  ComboboxControlDefinition,\n  ComboboxControlType,\n  ListControlDefinition,\n  ListControlType,\n  RichTextV2ControlDefinition,\n  RichTextV2ControlType,\n  ShapeControlDefinition,\n  ShapeControlType,\n  StyleV2ControlDefinition,\n  StyleV2ControlType,\n} from '../../controls'\nimport {\n  Data,\n  Device,\n  Gap,\n  GapXDescriptor as GapXControl,\n  GapXValue as GapXControlValue,\n  GapYDescriptor as GapYControl,\n  GapYValue as GapYControlValue,\n  ImageDescriptor as ImageControl,\n  ImageValue as ImageControlValue,\n  ListDescriptor as ListControl,\n  ListOptions as ListControlConfig,\n  ListValue as ListControlValue,\n  ResponsiveNumberDescriptor as ResponsiveNumberControl,\n  ResponsiveNumberValue as ResponsiveNumberControlValue,\n  ResponsiveIconRadioGroupDescriptor as ResponsiveIconRadioGroupControl,\n  ResponsiveIconRadioGroupValue as ResponsiveIconRadioGroupControlValue,\n  ResponsiveSelectDescriptor as ResponsiveSelectControl,\n  ResponsiveSelectValue as ResponsiveSelectControlValue,\n  RichTextDescriptor as RichTextControl,\n  RichTextValue as RichTextControlValue,\n  ShapeDescriptor as ShapeControl,\n  ShapeValue as ShapeControlValue,\n  TextInputDescriptor as TextInputControl,\n  TextInputValue as TextInputControlValue,\n  TypeaheadDescriptor as TypeaheadControl,\n  TypeaheadOptions as TypeaheadControlConfig,\n  TypeaheadValue as TypeaheadControlValue,\n  PanelDescriptor as PanelControl,\n  PanelDescriptorType as PanelControlType,\n  PanelDescriptorValueType as PanelControlValueType,\n  PropControllerDescriptor as Control,\n  Props as Controls,\n} from '../../prop-controllers'\nimport {\n  IconRadioGroupOption,\n  SelectLabelOrientation,\n  SelectOption,\n} from '../../prop-controllers/descriptors'\nimport {\n  deserializeComboboxControlDefinition,\n  serializeComboboxControlDefinition,\n} from './controls/combobox'\nimport { deserializeListControlDefinition, serializeListControlDefinition } from './controls/list'\nimport { deserializeRichTextControlV2, serializeRichTextControlV2 } from './controls/rich-text-v2'\nimport {\n  deserializeShapeControlDefinition,\n  serializeShapeControlDefinition,\n} from './controls/shape'\nimport { deserializeStyleV2Control, serializeStyleV2Control } from './controls/style-v2'\nimport { Deserialize, Serialize } from './controls/types'\nimport {\n  DeserializedFunction,\n  deserializeFunction,\n  isSerializedFunction,\n  SerializedFunction,\n  serializeFunction,\n} from './function-serialization'\nimport {\n  LinkData,\n  DateDescriptor as DateControl,\n  DatePropControllerData,\n  Types as PropControllerTypes,\n  LinkDescriptor as LinkControl,\n  LinkPropControllerData,\n  ResponsiveLengthDescriptor,\n  NumberOptions,\n  NumberPropControllerData,\n  NumberDescriptor,\n  ResponsiveColorPropControllerData,\n  ResponsiveColorDescriptor,\n  CheckboxPropControllerData,\n  CheckboxDescriptor as CheckboxControl,\n  TextStyleDescriptor as TextStyleControl,\n  TextStylePropControllerData,\n} from '@makeswift/prop-controllers'\n\ntype SerializedShapeControlConfig<T extends Record<string, SerializedPanelControl>> = {\n  type: T\n  preset?: { [K in keyof T]?: SerializedPanelControlValueType<T[K]> }\n}\n\ntype SerializedShapeControl<\n  _T extends Record<string, Data>,\n  U extends Record<string, SerializedPanelControl>,\n> = {\n  type: typeof Controls.Types.Shape\n  options: SerializedShapeControlConfig<U>\n}\n\nfunction serializeShapeControl<\n  T extends Record<string, Data>,\n  U extends Record<string, PanelControl>,\n>(\n  control: ShapeControl<T, U>,\n): [\n  SerializedShapeControl<\n    T,\n    { [K in keyof U]: SerializedPanelControl<PanelControlValueType<U[K]>> }\n  >,\n  Transferable[],\n] {\n  const { type } = control.options\n  const transferables: Transferable[] = []\n  const serializedType = {} as {\n    [K in keyof U]: SerializedPanelControl<PanelControlValueType<U[K]>>\n  }\n\n  Object.entries(type).forEach(([key, control]) => {\n    const [serializedControl, serializedControlTransferables] = serializeControl(control)\n\n    serializedType[key as keyof typeof type] = serializedControl as SerializedPanelControl\n    transferables.push(...serializedControlTransferables)\n  })\n\n  // @ts-expect-error: preset types are incompatible\n  return [{ ...control, options: { ...control.options, type: serializedType } }, transferables]\n}\n\ntype DeserializedShapeControlConfig<T extends Record<string, DeserializedPanelControl>> = {\n  type: T\n  preset?: { [K in keyof T]?: DeserializedPanelControlValueType<T[K]> }\n}\n\ntype DeserializedShapeControl<\n  _T extends Record<string, Data>,\n  U extends Record<string, DeserializedPanelControl>,\n> = {\n  type: typeof Controls.Types.Shape\n  options: DeserializedShapeControlConfig<U>\n}\n\nfunction deserializeShapeControl<\n  T extends Record<string, Data>,\n  U extends Record<string, SerializedPanelControl>,\n>(\n  control: SerializedShapeControl<T, U>,\n): DeserializedShapeControl<\n  T,\n  { [K in keyof U]: DeserializedPanelControl<SerializedPanelControlValueType<U[K]>> }\n> {\n  const { type } = control.options\n  const deserializedType = {} as {\n    [K in keyof U]: DeserializedPanelControl<SerializedPanelControlValueType<U[K]>>\n  }\n\n  Object.entries(type).forEach(([key, control]) => {\n    deserializedType[key as keyof typeof type] = deserializeControl(\n      control,\n    ) as DeserializedPanelControl\n  })\n\n  // @ts-expect-error: preset types are incompatible\n  return { ...control, options: { ...control.options, type: deserializedType } }\n}\n\ntype SerializedListControlConfig<T extends Data> = {\n  type: SerializedPanelControl<T>\n  label?: string\n  getItemLabel?: SerializedFunction<Exclude<ListControlConfig<T>['getItemLabel'], undefined>>\n  preset?: ListControlValue<T>\n  defaultValue?: ListControlValue<T>\n}\n\ntype SerializedListControl<T extends ListControlValue = ListControlValue> = {\n  type: typeof Controls.Types.List\n  options: SerializedListControlConfig<T extends ListControlValue<infer U> ? U : never>\n}\n\nfunction serializeListControl<T extends Data>(\n  control: ListControl<ListControlValue<T>>,\n): [SerializedListControl<ListControlValue<T>>, Transferable[]] {\n  const { type, getItemLabel } = control.options\n  const transferables: Transferable[] = []\n\n  const [serializedType, serializedTypeTransferables] = serializeControl(type)\n  const serializedGetItemLabel = getItemLabel && serializeFunction(getItemLabel)\n\n  transferables.push(...serializedTypeTransferables)\n  if (serializedGetItemLabel != null) transferables.push(serializedGetItemLabel)\n\n  return [\n    {\n      ...control,\n      options: {\n        ...control.options,\n        type: serializedType as SerializedPanelControl,\n        getItemLabel: serializedGetItemLabel,\n      },\n    },\n    transferables,\n  ]\n}\n\ntype DeserializedListControlConfig<T extends Data> = {\n  type: DeserializedPanelControl<T>\n  label?: string\n  getItemLabel?: DeserializedFunction<Exclude<ListControlConfig<T>['getItemLabel'], undefined>>\n  preset?: ListControlValue<T>\n  defaultValue?: ListControlValue<T>\n}\n\ntype DeserializedListControl<T extends ListControlValue = ListControlValue> = {\n  type: typeof Controls.Types.List\n  options: DeserializedListControlConfig<T extends ListControlValue<infer U> ? U : never>\n}\n\nfunction deserializeListControl<T extends Data>(\n  serializedControl: SerializedListControl<ListControlValue<T>>,\n): DeserializedListControl<ListControlValue<T>> {\n  const { type, getItemLabel } = serializedControl.options\n\n  const deserializedType = deserializeControl(type) as DeserializedPanelControl\n  const deserializedGetItemLabel = getItemLabel && deserializeFunction(getItemLabel)\n\n  return {\n    ...serializedControl,\n    options: {\n      ...serializedControl.options,\n      type: deserializedType,\n      getItemLabel: deserializedGetItemLabel,\n    },\n  }\n}\n\ntype SerializedTypeaheadControlConfig<T extends Data> = {\n  getItems: SerializedFunction<TypeaheadControlConfig<T>['getItems']>\n  label?: string\n  preset?: TypeaheadControlValue<T>\n  defaultValue?: TypeaheadControlValue<T>\n}\n\ntype SerializedTypeaheadControl<T extends TypeaheadControlValue = TypeaheadControlValue> = {\n  type: typeof Controls.Types.Typeahead\n  options: SerializedTypeaheadControlConfig<T['value']>\n}\n\nfunction serializeTypeaheadControl<T extends Data>(\n  control: TypeaheadControl<TypeaheadControlValue<T>>,\n): [SerializedTypeaheadControl<TypeaheadControlValue<T>>, Transferable[]] {\n  const { getItems } = control.options\n\n  const serializedGetItems = getItems && serializeFunction(getItems)\n\n  return [\n    { ...control, options: { ...control.options, getItems: serializedGetItems } },\n    serializedGetItems == null ? [] : [serializedGetItems],\n  ]\n}\n\ntype DeserializedTypeaheadControlConfig<T extends Data> = {\n  getItems: DeserializedFunction<TypeaheadControlConfig<T>['getItems']>\n  label?: string\n  preset?: TypeaheadControlValue<T>\n  defaultValue?: TypeaheadControlValue<T>\n}\n\ntype DeserializedTypeaheadControl<T extends TypeaheadControlValue = TypeaheadControlValue> = {\n  type: typeof Controls.Types.Typeahead\n  options: DeserializedTypeaheadControlConfig<T['value']>\n}\n\nfunction deserializeTypeaheadControl<T extends Data>(\n  serializedControl: SerializedTypeaheadControl<TypeaheadControlValue<T>>,\n): DeserializedTypeaheadControl<TypeaheadControlValue<T>> {\n  const { getItems } = serializedControl.options\n\n  const deserializedGetItems = getItems && deserializeFunction(getItems)\n\n  return {\n    ...serializedControl,\n    options: { ...serializedControl.options, getItems: deserializedGetItems },\n  }\n}\n\ntype SerializedConfig<T> =\n  | T\n  | SerializedFunction<(props: Record<string, unknown>, deviceMode: Device) => T>\n\ntype DeserializedConfig<T> =\n  | T\n  | DeserializedFunction<(props: Record<string, unknown>, deviceMode: Device) => T>\n\ntype GapXControlConfig = {\n  preset?: GapXControlValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedGapXControl<_T = GapXControlValue> = {\n  type: typeof Controls.Types.GapX\n  options: SerializedConfig<GapXControlConfig>\n}\n\nfunction serializeGapXControl(control: GapXControl): [SerializedGapXControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedGapXControl<_T = GapXControlValue> = {\n  type: typeof Controls.Types.GapX\n  options: DeserializedConfig<GapXControlConfig>\n}\n\nfunction deserializeGapXControl(serializedControl: SerializedGapXControl): DeserializedGapXControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype GapYControlConfig = {\n  preset?: GapYControlValue\n  label?: string\n  defaultValue?: Gap\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedGapYControl<_T = GapYControlValue> = {\n  type: typeof Controls.Types.GapY\n  options: SerializedConfig<GapYControlConfig>\n}\n\nfunction serializeGapYControl(control: GapYControl): [SerializedGapYControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedGapYControl<_T = GapYControlValue> = {\n  type: typeof Controls.Types.GapY\n  options: DeserializedConfig<GapYControlConfig>\n}\n\nfunction deserializeGapYControl(serializedControl: SerializedGapYControl): DeserializedGapYControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype ResponsiveNumberControlConfig = {\n  preset?: ResponsiveNumberControlValue\n  label?: string\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  hidden?: boolean\n}\n\ntype SerializedResponsiveNumberControl<_T = ResponsiveNumberControlValue> = {\n  type: typeof Controls.Types.ResponsiveNumber\n  options: SerializedConfig<ResponsiveNumberControlConfig>\n}\n\nfunction serializeResponsiveNumberControl(\n  control: ResponsiveNumberControl,\n): [SerializedResponsiveNumberControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedResponsiveNumberControl<_T = ResponsiveNumberControlValue> = {\n  type: typeof Controls.Types.ResponsiveNumber\n  options: DeserializedConfig<ResponsiveNumberControlConfig>\n}\n\nfunction deserializeResponsiveNumberControl(\n  serializedControl: SerializedResponsiveNumberControl,\n): DeserializedResponsiveNumberControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype CheckboxControlConfig = {\n  preset?: CheckboxPropControllerData\n  label: string\n  hidden?: boolean\n}\n\ntype SerializedCheckboxControl<_T = CheckboxPropControllerData> = {\n  type: typeof PropControllerTypes.Checkbox\n  options: SerializedConfig<CheckboxControlConfig>\n}\n\nfunction serializeCheckboxControl(\n  control: CheckboxControl,\n): [SerializedCheckboxControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedCheckboxControl<_T = CheckboxPropControllerData> = {\n  type: typeof PropControllerTypes.Checkbox\n  options: DeserializedConfig<CheckboxControlConfig>\n}\n\nfunction deserializeCheckboxControl(\n  serializedControl: SerializedCheckboxControl,\n): DeserializedCheckboxControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype ResponsiveColorControlConfig = { label?: string; placeholder?: string; hidden?: boolean }\n\ntype SerializedResponsiveColorControl<_T = ResponsiveColorPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveColor\n  options: SerializedConfig<ResponsiveColorControlConfig>\n}\n\nfunction serializeResponsiveColorControl(\n  control: ResponsiveColorDescriptor,\n): [SerializedResponsiveColorControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedResponsiveColorControl<_T = ResponsiveColorPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveColor\n  options: DeserializedConfig<ResponsiveColorControlConfig>\n}\n\nfunction deserializeResponsiveColorControl(\n  serializedControl: SerializedResponsiveColorControl,\n): DeserializedResponsiveColorControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\ntype SerializedNumberControl<_T = NumberPropControllerData> = {\n  type: typeof PropControllerTypes.Number\n  options: SerializedConfig<NumberOptions>\n}\n\nfunction serializeNumberControl(\n  control: NumberDescriptor,\n): [SerializedNumberControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedNumberControl<_T = NumberPropControllerData> = {\n  type: typeof PropControllerTypes.Number\n  options: DeserializedConfig<NumberOptions>\n}\n\nfunction deserializeNumberControl(\n  serializedControl: SerializedNumberControl,\n): DeserializedNumberControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\ntype ResponsiveIconRadioGroupControlConfig<T extends string = string, U extends T = T> = {\n  label?: string\n  options: IconRadioGroupOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}\n\ntype SerializedResponsiveIconRadioGroupControl<_T = ResponsiveIconRadioGroupControlValue> = {\n  type: typeof Controls.Types.ResponsiveIconRadioGroup\n  options: SerializedConfig<ResponsiveIconRadioGroupControlConfig>\n}\n\nfunction serializeResponsiveIconRadioGroupControl(\n  control: ResponsiveIconRadioGroupControl,\n): [SerializedResponsiveIconRadioGroupControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedResponsiveIconRadioGroupControl<_T = ResponsiveIconRadioGroupControlValue> = {\n  type: typeof Controls.Types.ResponsiveIconRadioGroup\n  options: DeserializedConfig<ResponsiveIconRadioGroupControlConfig>\n}\n\nfunction deserializeResponsiveIconRadioGroupControl(\n  serializedControl: SerializedResponsiveIconRadioGroupControl,\n): DeserializedResponsiveIconRadioGroupControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype DateControlConfig = { preset?: DatePropControllerData }\n\ntype SerializedDateControl<_T = DatePropControllerData> = {\n  type: typeof PropControllerTypes.Date\n  options: SerializedConfig<DateControlConfig>\n}\n\nfunction serializeDateControl(control: DateControl): [SerializedDateControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedDateControl<_T = DatePropControllerData> = {\n  type: typeof PropControllerTypes.Date\n  options: DeserializedConfig<DateControlConfig>\n}\n\nfunction deserializeDateControl(serializedControl: SerializedDateControl): DeserializedDateControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype LinkControlConfig = {\n  preset?: LinkPropControllerData\n  label?: string\n  defaultValue?: LinkPropControllerData\n  options?: { value: LinkData['type']; label: string }[]\n  hidden?: boolean\n}\n\ntype SerializedLinkControl<_T = LinkPropControllerData> = {\n  type: typeof PropControllerTypes.Link\n  options: SerializedConfig<LinkControlConfig>\n}\n\nfunction serializeLinkControl(control: LinkControl): [SerializedLinkControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedLinkControl<_T = LinkPropControllerData> = {\n  type: typeof PropControllerTypes.Link\n  options: DeserializedConfig<LinkControlConfig>\n}\n\nfunction deserializeLinkControl(serializedControl: SerializedLinkControl): DeserializedLinkControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype TextInputControlConfig = { label?: string; placeholder?: string; hidden?: boolean }\n\ntype SerializedTextInputControl<_T = TextInputControlValue> = {\n  type: typeof Controls.Types.TextInput\n  options: SerializedConfig<TextInputControlConfig>\n}\n\nfunction serializeTextInputControl(\n  control: TextInputControl,\n): [SerializedTextInputControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedTextInputControl<_T = TextInputControlValue> = {\n  type: typeof Controls.Types.TextInput\n  options: DeserializedConfig<TextInputControlConfig>\n}\n\nfunction deserializeTextInputControl(\n  serializedControl: SerializedTextInputControl,\n): DeserializedTextInputControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype SerializedResponsiveSelectControl<_T = ResponsiveSelectControlValue> = {\n  type: typeof Controls.Types.ResponsiveSelect\n  options: SerializedConfig<ResponsiveSelectControlConfig>\n}\n\nfunction serializeResponsiveSelectControl(\n  control: ResponsiveSelectControl,\n): [SerializedResponsiveSelectControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype ResponsiveSelectControlConfig<T extends string = string, U extends T = T> = {\n  label?: string\n  labelOrientation?: SelectLabelOrientation\n  options: SelectOption<T>[]\n  defaultValue?: U\n  hidden?: boolean\n}\n\ntype DeserializedResponsiveSelectControl<_T = ResponsiveSelectControlValue> = {\n  type: typeof Controls.Types.ResponsiveSelect\n  options: DeserializedConfig<ResponsiveSelectControlConfig>\n}\n\nfunction deserializeResponsiveSelectControl(\n  serializedControl: SerializedResponsiveSelectControl,\n): DeserializedResponsiveSelectControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype SerializedResponsiveLengthControl<_T = ResponsiveLengthPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveLength\n  options: SerializedConfig<ResponsiveLengthOptions>\n}\n\nfunction serializeResponsiveLengthControl(\n  control: ResponsiveLengthDescriptor,\n): [SerializedResponsiveLengthControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedResponsiveLengthControl<_T = ResponsiveLengthPropControllerData> = {\n  type: typeof PropControllerTypes.ResponsiveLength\n  options: DeserializedConfig<ResponsiveLengthOptions>\n}\n\nfunction deserializeResponsiveLengthControl(\n  serializedControl: SerializedResponsiveLengthControl,\n): DeserializedResponsiveLengthControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype SerializedTextStyleControl<_T = TextStylePropControllerData> = {\n  type: typeof PropControllerTypes.TextStyle\n  options: SerializedConfig<TextStyleControlConfig>\n}\n\nfunction serializeTextStyleControl(\n  control: TextStyleControl,\n): [SerializedTextStyleControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype TextStyleControlConfig = {\n  preset?: TextStylePropControllerData\n  label?: string\n  hidden?: boolean\n}\n\ntype DeserializedTextStyleControl<_T = TextStylePropControllerData> = {\n  type: typeof PropControllerTypes.TextStyle\n  options: DeserializedConfig<TextStyleControlConfig>\n}\n\nfunction deserializeTextStyleControl(\n  serializedControl: SerializedTextStyleControl,\n): DeserializedTextStyleControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype ImageControlConfig = { label?: string; hidden?: boolean }\n\ntype SerializedImageControl<_T = ImageControlValue> = {\n  type: typeof Controls.Types.Image\n  options: SerializedConfig<ImageControlConfig>\n}\n\nfunction serializeImageControl(control: ImageControl): [SerializedImageControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedImageControl<_T = ImageControlValue> = {\n  type: typeof Controls.Types.Image\n  options: DeserializedConfig<ImageControlConfig>\n}\n\nfunction deserializeImageControl(\n  serializedControl: SerializedImageControl,\n): DeserializedImageControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\ntype RichTextControlConfig = { preset?: RichTextControlValue }\n\ntype SerializedRichTextControl<_T = RichTextControlValue> = {\n  type: typeof Controls.Types.RichText\n  options: SerializedConfig<RichTextControlConfig>\n}\n\nfunction serializeRichTextControl(\n  control: RichTextControl,\n): [SerializedRichTextControl, Transferable[]] {\n  const { options } = control\n\n  if (typeof options !== 'function') return [{ ...control, options }, []]\n\n  const serializedOptions = serializeFunction(options)\n\n  return [{ ...control, options: serializedOptions }, [serializedOptions]]\n}\n\ntype DeserializedRichTextControl<_T = RichTextControlValue> = {\n  type: typeof Controls.Types.RichText\n  options: DeserializedConfig<RichTextControlConfig>\n}\n\nfunction deserializeRichTextControl(\n  serializedControl: SerializedRichTextControl,\n): DeserializedRichTextControl {\n  const { options } = serializedControl\n\n  if (!isSerializedFunction(options)) return { ...serializedControl, options }\n\n  const deserializedOptions = deserializeFunction(options)\n\n  return { ...serializedControl, options: deserializedOptions }\n}\n\nexport type SerializedControl<T extends Data = Data> =\n  | Exclude<\n      Control<T>,\n      | ListControl<T extends ListControlValue ? T : ListControlValue>\n      | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n      | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n      | GapXControl<T>\n      | GapYControl<T>\n      | ResponsiveNumberControl<T>\n      | CheckboxControl<T>\n      | ResponsiveColorDescriptor<T>\n      | NumberDescriptor<T>\n      | ResponsiveIconRadioGroupControl<\n          T extends ResponsiveIconRadioGroupControlValue ? T : ResponsiveIconRadioGroupControlValue\n        >\n      | ResponsiveSelectControl<\n          T extends ResponsiveSelectControlValue ? T : ResponsiveSelectControlValue\n        >\n      | ResponsiveLengthDescriptor<T>\n      | DateControl<T>\n      | LinkControl<T>\n      | TextInputControl<T>\n      | TextStyleControl<T>\n      | ImageControl<T>\n      | RichTextControl<T>\n      | RichTextV2ControlDefinition\n      | ComboboxControlDefinition\n      | ShapeControlDefinition\n      | ListControlDefinition\n      | StyleV2ControlDefinition\n    >\n  | SerializedListControl<T extends ListControlValue ? T : ListControlValue>\n  | SerializedShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n  | SerializedTypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n  | SerializedGapXControl<T>\n  | SerializedGapYControl<T>\n  | SerializedResponsiveNumberControl<T>\n  | SerializedCheckboxControl<T>\n  | SerializedResponsiveColorControl<T>\n  | SerializedNumberControl<T>\n  | SerializedResponsiveIconRadioGroupControl<T>\n  | SerializedResponsiveSelectControl<T>\n  | SerializedResponsiveLengthControl<T>\n  | SerializedDateControl<T>\n  | SerializedLinkControl<T>\n  | SerializedTextInputControl<T>\n  | SerializedTextStyleControl<T>\n  | SerializedImageControl<T>\n  | SerializedRichTextControl<T>\n  | Serialize<RichTextV2ControlDefinition>\n  | Serialize<ComboboxControlDefinition>\n  | Serialize<ShapeControlDefinition>\n  | Serialize<ListControlDefinition>\n  | Serialize<StyleV2ControlDefinition>\n\ntype SerializedPanelControl<T extends Data = Data> = Extract<\n  SerializedControl<T>,\n  { type: PanelControlType }\n>\n\ntype SerializedPanelControlValueType<T extends SerializedPanelControl> =\n  T extends SerializedPanelControl<infer U> ? U : never\n\nexport type DeserializedControl<T extends Data = Data> =\n  | Exclude<\n      Control<T>,\n      | ListControl<T extends ListControlValue ? T : ListControlValue>\n      | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n      | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n      | GapXControl<T>\n      | GapYControl<T>\n      | ResponsiveNumberControl<T>\n      | CheckboxControl<T>\n      | ResponsiveColorDescriptor<T>\n      | NumberDescriptor<T>\n      | ResponsiveIconRadioGroupControl<\n          T extends ResponsiveIconRadioGroupControlValue ? T : ResponsiveIconRadioGroupControlValue\n        >\n      | ResponsiveSelectControl<\n          T extends ResponsiveSelectControlValue ? T : ResponsiveSelectControlValue\n        >\n      | ResponsiveLengthDescriptor<T>\n      | DateControl<T>\n      | LinkControl<T>\n      | TextInputControl<T>\n      | TextStyleControl<T>\n      | ImageControl<T>\n      | RichTextControl<T>\n      | RichTextV2ControlDefinition\n      | ComboboxControlDefinition\n      | ShapeControlDefinition\n      | ListControlDefinition\n      | StyleV2ControlDefinition\n    >\n  | DeserializedListControl<T extends ListControlValue ? T : ListControlValue>\n  | DeserializedShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any>\n  | DeserializedTypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue>\n  | DeserializedGapXControl<T>\n  | DeserializedGapYControl<T>\n  | DeserializedResponsiveNumberControl<T>\n  | DeserializedCheckboxControl<T>\n  | DeserializedResponsiveColorControl<T>\n  | DeserializedNumberControl<T>\n  | DeserializedResponsiveIconRadioGroupControl<T>\n  | DeserializedResponsiveSelectControl<T>\n  | DeserializedResponsiveLengthControl<T>\n  | DeserializedDateControl<T>\n  | DeserializedLinkControl<T>\n  | DeserializedTextInputControl<T>\n  | DeserializedTextStyleControl<T>\n  | DeserializedImageControl<T>\n  | DeserializedRichTextControl<T>\n  | Deserialize<Serialize<RichTextV2ControlDefinition>>\n  | Deserialize<Serialize<ComboboxControlDefinition>>\n  | Deserialize<Serialize<ShapeControlDefinition>>\n  | Deserialize<Serialize<ListControlDefinition>>\n  | Deserialize<Serialize<StyleV2ControlDefinition>>\n\nexport type DeserializedPanelControl<T extends Data = Data> = Extract<\n  DeserializedControl<T>,\n  { type: PanelControlType }\n>\n\ntype DeserializedPanelControlValueType<T extends DeserializedPanelControl> =\n  T extends DeserializedPanelControl<infer U> ? U : never\n\nexport function serializeControl<T extends Data>(\n  control: Control<T>,\n): [SerializedControl<T>, Transferable[]] {\n  switch (control.type) {\n    case PropControllerTypes.Checkbox:\n      return serializeCheckboxControl(control)\n\n    case Controls.Types.List:\n      return serializeListControl(control)\n\n    case Controls.Types.Shape:\n      return serializeShapeControl(control)\n\n    case Controls.Types.Typeahead:\n      return serializeTypeaheadControl(control)\n\n    case Controls.Types.GapX:\n      return serializeGapXControl(control)\n\n    case Controls.Types.GapY:\n      return serializeGapYControl(control)\n\n    case PropControllerTypes.ResponsiveColor:\n      return serializeResponsiveColorControl(control)\n\n    case Controls.Types.ResponsiveNumber:\n      return serializeResponsiveNumberControl(control)\n\n    case PropControllerTypes.Number:\n      return serializeNumberControl(control)\n\n    case Controls.Types.ResponsiveIconRadioGroup:\n      return serializeResponsiveIconRadioGroupControl(control)\n\n    case Controls.Types.ResponsiveSelect:\n      return serializeResponsiveSelectControl(control)\n\n    case PropControllerTypes.ResponsiveLength:\n      return serializeResponsiveLengthControl(control)\n\n    case PropControllerTypes.Date:\n      return serializeDateControl(control)\n\n    case PropControllerTypes.Link:\n      return serializeLinkControl(control)\n\n    case Controls.Types.TextInput:\n      return serializeTextInputControl(control)\n\n    case PropControllerTypes.TextStyle:\n      return serializeTextStyleControl(control)\n\n    case Controls.Types.Image:\n      return serializeImageControl(control)\n\n    case Controls.Types.RichText:\n      return serializeRichTextControl(control)\n\n    case RichTextV2ControlType:\n      return serializeRichTextControlV2(control)\n\n    case StyleV2ControlType:\n      return serializeStyleV2Control(control)\n\n    case ComboboxControlType:\n      return serializeComboboxControlDefinition(control)\n\n    case ShapeControlType:\n      return serializeShapeControlDefinition(control)\n\n    case ListControlType:\n      return serializeListControlDefinition(control)\n\n    default:\n      return [control, []]\n  }\n}\n\nexport function deserializeControl<T extends Data>(\n  serializedControl: SerializedControl<T>,\n): DeserializedControl<T> {\n  switch (serializedControl.type) {\n    case PropControllerTypes.Checkbox:\n      return deserializeCheckboxControl(serializedControl)\n\n    case Controls.Types.List:\n      return deserializeListControl(serializedControl)\n\n    case Controls.Types.Shape:\n      return deserializeShapeControl(serializedControl)\n\n    case Controls.Types.Typeahead:\n      return deserializeTypeaheadControl(serializedControl)\n\n    case Controls.Types.GapX:\n      return deserializeGapXControl(serializedControl)\n\n    case Controls.Types.GapY:\n      return deserializeGapYControl(serializedControl)\n\n    case PropControllerTypes.ResponsiveColor:\n      return deserializeResponsiveColorControl(serializedControl)\n\n    case Controls.Types.ResponsiveNumber:\n      return deserializeResponsiveNumberControl(serializedControl)\n\n    case PropControllerTypes.Number:\n      return deserializeNumberControl(serializedControl)\n\n    case Controls.Types.ResponsiveIconRadioGroup:\n      return deserializeResponsiveIconRadioGroupControl(serializedControl)\n\n    case Controls.Types.ResponsiveSelect:\n      return deserializeResponsiveSelectControl(serializedControl)\n\n    case PropControllerTypes.ResponsiveLength:\n      return deserializeResponsiveLengthControl(serializedControl)\n\n    case PropControllerTypes.Date:\n      return deserializeDateControl(serializedControl)\n\n    case PropControllerTypes.Link:\n      return deserializeLinkControl(serializedControl)\n\n    case Controls.Types.TextInput:\n      return deserializeTextInputControl(serializedControl)\n\n    case PropControllerTypes.TextStyle:\n      return deserializeTextStyleControl(serializedControl)\n\n    case Controls.Types.Image:\n      return deserializeImageControl(serializedControl)\n\n    case Controls.Types.RichText:\n      return deserializeRichTextControl(serializedControl)\n\n    case RichTextV2ControlType:\n      return deserializeRichTextControlV2(serializedControl)\n\n    case StyleV2ControlType:\n      return deserializeStyleV2Control(serializedControl)\n\n    case ComboboxControlType:\n      return deserializeComboboxControlDefinition(serializedControl)\n\n    case ShapeControlType:\n      return deserializeShapeControlDefinition(serializedControl)\n\n    case ListControlType:\n      return deserializeListControlDefinition(serializedControl)\n\n    default:\n      return serializedControl\n  }\n}\n\nexport function serializeControls(\n  controls: Record<string, Control>,\n): [Record<string, SerializedControl>, Transferable[]] {\n  return Object.entries(controls).reduce(\n    ([accControls, accTransferables], [key, control]) => {\n      const [serializedControl, transferables] = serializeControl(control)\n\n      return [{ ...accControls, [key]: serializedControl }, [...accTransferables, ...transferables]]\n    },\n    [{}, []] as [Record<string, SerializedControl>, Transferable[]],\n  )\n}\n\nexport function deserializeControls(\n  serializedControls: Record<string, SerializedControl>,\n): Record<string, DeserializedControl> {\n  return Object.entries(serializedControls).reduce(\n    (deserializedControls, [key, serializedControl]) => {\n      return { ...deserializedControls, [key]: deserializeControl(serializedControl) }\n    },\n    {} as Record<string, DeserializedControl>,\n  )\n}\n"],"mappings":"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","names":["control"]}

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

@@ -1,4 +1,12 @@
-import { Border, BorderRadius, Checkbox, Shadows } from "@makeswift/prop-controllers";
+import {
+  Border,
+  BorderRadius,
+  Checkbox,
+  Margin,
+  Padding,
+  Shadows,
+  Width
+} from "@makeswift/prop-controllers";
 import { Props } from "../../../prop-controllers";
 import { findBreakpointOverride, getBaseBreakpoint } from "../../../state/modules/breakpoints";
 import { MakeswiftComponentType } from "../constants";
@@ -24,8 +32,8 @@ function registerComponent(runtime) {
       props: {
         id: Props.ElementID(),
         backgrounds: Props.Backgrounds(),
-        width: Props.Width({
-          format: Props.Width.Format.ClassName,
+        width: Width({
+          format: Width.Format.ClassName,
           defaultValue: { value: 100, unit: "%" }
         }),
         height: Props.ResponsiveIconRadioGroup({
@@ -50,9 +58,9 @@ function registerComponent(runtime) {
           ],
           defaultValue: "flex-start"
         }),
-        margin: Props.Margin({ format: Props.Margin.Format.ClassName }),
-        padding: Props.Padding({
-          format: Props.Padding.Format.ClassName,
+        margin: Margin({ format: Margin.Format.ClassName }),
+        padding: Padding({
+          format: Padding.Format.ClassName,
           preset: [
             {
               deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/builtin/Box/register.ts"],"sourcesContent":["import { Border, BorderRadius, Checkbox, Shadows } from '@makeswift/prop-controllers'\nimport { Props, ResponsiveValue } from '../../../prop-controllers'\nimport { ReactRuntime } from '../../../runtimes/react'\nimport { findBreakpointOverride, getBaseBreakpoint } from '../../../state/modules/breakpoints'\nimport { MakeswiftComponentType } from '../constants'\nimport {\n  BoxAnimateIn,\n  DEFAULT_BOX_ANIMATE_DELAY,\n  DEFAULT_BOX_ANIMATE_DURATION,\n  DEFAULT_ITEM_ANIMATE_DELAY,\n  DEFAULT_ITEM_STAGGER_DURATION,\n} from './constants'\nimport { lazy } from 'react'\n\nexport function registerComponent(runtime: ReactRuntime) {\n  function isHiddenBasedOnAnimationType(\n    props: Record<string, unknown>,\n    deviceId: string,\n    property: 'boxAnimateType' | 'itemAnimateType',\n  ): boolean {\n    const animateIn = props[property] as ResponsiveValue<BoxAnimateIn>\n    return (\n      (findBreakpointOverride<BoxAnimateIn>(runtime.getBreakpoints(), animateIn, deviceId)?.value ??\n        'none') === 'none'\n    )\n  }\n  const isHiddenBasedOnBoxAnimation = (props: Record<string, unknown>, deviceId: string) =>\n    isHiddenBasedOnAnimationType(props, deviceId, 'boxAnimateType')\n  const isHiddenBasedOnItemAnimation = (props: Record<string, unknown>, deviceId: string) =>\n    isHiddenBasedOnAnimationType(props, deviceId, 'itemAnimateType')\n\n  return runtime.registerComponent(\n    lazy(() => import('./Box')),\n    {\n      type: MakeswiftComponentType.Box,\n      label: 'Box',\n      props: {\n        id: Props.ElementID(),\n        backgrounds: Props.Backgrounds(),\n        width: Props.Width({\n          format: Props.Width.Format.ClassName,\n          defaultValue: { value: 100, unit: '%' },\n        }),\n        height: Props.ResponsiveIconRadioGroup({\n          label: 'Height',\n          options: [\n            { value: 'auto', label: 'Auto', icon: 'HeightAuto16' },\n            { value: 'stretch', label: 'Stretch', icon: 'HeightMatch16' },\n          ],\n          defaultValue: 'auto',\n        }),\n        verticalAlign: Props.ResponsiveIconRadioGroup({\n          label: 'Align items',\n          options: [\n            { value: 'flex-start', label: 'Top', icon: 'VerticalAlignStart16' },\n            { value: 'center', label: 'Middle', icon: 'VerticalAlignMiddle16' },\n            { value: 'flex-end', label: 'Bottom', icon: 'VerticalAlignEnd16' },\n            {\n              value: 'space-between',\n              label: 'Space between',\n              icon: 'VerticalAlignSpaceBetween16',\n            },\n          ],\n          defaultValue: 'flex-start',\n        }),\n        margin: Props.Margin({ format: Props.Margin.Format.ClassName }),\n        padding: Props.Padding({\n          format: Props.Padding.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: {\n                paddingTop: { value: 10, unit: 'px' },\n                paddingRight: { value: 10, unit: 'px' },\n                paddingBottom: { value: 10, unit: 'px' },\n                paddingLeft: { value: 10, unit: 'px' },\n              },\n            },\n          ],\n        }),\n        border: Border({ format: Border.Format.ClassName }),\n        borderRadius: BorderRadius({ format: BorderRadius.Format.ClassName }),\n        boxShadow: Shadows({ format: Shadows.Format.ClassName }),\n        rowGap: Props.GapY(props => ({\n          hidden: props.children == null,\n        })),\n        columnGap: Props.GapX(props => ({\n          hidden: props.children == null,\n        })),\n        boxAnimateType: Props.ResponsiveSelect({\n          label: 'Animate box in',\n          labelOrientation: 'vertical',\n          options: [\n            { value: 'none', label: 'None' },\n            { value: 'fadeIn', label: 'Fade in' },\n            { value: 'fadeRight', label: 'Fade right' },\n            { value: 'fadeDown', label: 'Fade down' },\n            { value: 'fadeLeft', label: 'Fade left' },\n            { value: 'fadeUp', label: 'Fade up' },\n            { value: 'blurIn', label: 'Blur in' },\n            { value: 'scaleUp', label: 'Scale up' },\n            { value: 'scaleDown', label: 'Scale down' },\n          ],\n          defaultValue: 'none',\n        }),\n        boxAnimateDuration: Props.ResponsiveNumber((props, device) => ({\n          label: 'Box duration',\n          defaultValue: DEFAULT_BOX_ANIMATE_DURATION,\n          min: 0.1,\n          step: 0.05,\n          suffix: 's',\n          hidden: isHiddenBasedOnBoxAnimation(props, device),\n        })),\n        boxAnimateDelay: Props.ResponsiveNumber((props, device) => ({\n          label: 'Box delay',\n          defaultValue: DEFAULT_BOX_ANIMATE_DELAY,\n          min: 0,\n          step: 0.05,\n          suffix: 's',\n          hidden: isHiddenBasedOnBoxAnimation(props, device),\n        })),\n        itemAnimateType: Props.ResponsiveSelect({\n          label: 'Animate items in',\n          labelOrientation: 'vertical',\n          options: [\n            { value: 'none', label: 'None' },\n            { value: 'fadeIn', label: 'Fade in' },\n            { value: 'fadeRight', label: 'Fade right' },\n            { value: 'fadeDown', label: 'Fade down' },\n            { value: 'fadeLeft', label: 'Fade left' },\n            { value: 'fadeUp', label: 'Fade up' },\n            { value: 'blurIn', label: 'Blur in' },\n            { value: 'scaleUp', label: 'Scale up' },\n            { value: 'scaleDown', label: 'Scale down' },\n          ],\n          defaultValue: 'none',\n        }),\n        itemAnimateDuration: Props.ResponsiveNumber((props, device) => ({\n          label: 'Items duration',\n          defaultValue: DEFAULT_BOX_ANIMATE_DURATION,\n          min: 0.1,\n          step: 0.05,\n          suffix: 's',\n          hidden: isHiddenBasedOnItemAnimation(props, device),\n        })),\n        itemAnimateDelay: Props.ResponsiveNumber((props, device) => ({\n          label: 'Items delay',\n          defaultValue: DEFAULT_ITEM_ANIMATE_DELAY,\n          min: 0,\n          step: 0.05,\n          suffix: 's',\n          hidden: isHiddenBasedOnItemAnimation(props, device),\n        })),\n        itemStaggerDuration: Props.ResponsiveNumber((props, device) => ({\n          label: 'Stagger',\n          min: 0,\n          step: 0.05,\n          suffix: 's',\n          defaultValue: DEFAULT_ITEM_STAGGER_DURATION,\n          hidden: isHiddenBasedOnItemAnimation(props, device),\n        })),\n        hidePlaceholder: Checkbox(props => ({\n          label: 'Hide placeholder',\n          hidden: props.children != null,\n        })),\n        children: Props.Grid(),\n      },\n    },\n  )\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../src/components/builtin/Box/register.ts"],"sourcesContent":["import {\n  Border,\n  BorderRadius,\n  Checkbox,\n  Margin,\n  Padding,\n  Shadows,\n  Width,\n} from '@makeswift/prop-controllers'\nimport { Props } from '../../../prop-controllers'\nimport { ReactRuntime } from '../../../runtimes/react'\nimport { findBreakpointOverride, getBaseBreakpoint } from '../../../state/modules/breakpoints'\nimport { MakeswiftComponentType } from '../constants'\nimport {\n  BoxAnimateIn,\n  DEFAULT_BOX_ANIMATE_DELAY,\n  DEFAULT_BOX_ANIMATE_DURATION,\n  DEFAULT_ITEM_ANIMATE_DELAY,\n  DEFAULT_ITEM_STAGGER_DURATION,\n} from './constants'\nimport { lazy } from 'react'\nimport { ResponsiveSelectValue } from '../../../prop-controllers/descriptors'\n\nexport function registerComponent(runtime: ReactRuntime) {\n  function isHiddenBasedOnAnimationType(\n    props: Record<string, unknown>,\n    deviceId: string,\n    property: 'boxAnimateType' | 'itemAnimateType',\n  ): boolean {\n    const animateIn = props[property] as ResponsiveSelectValue<BoxAnimateIn> | undefined\n    return (\n      (findBreakpointOverride<BoxAnimateIn>(runtime.getBreakpoints(), animateIn, deviceId)?.value ??\n        'none') === 'none'\n    )\n  }\n  const isHiddenBasedOnBoxAnimation = (props: Record<string, unknown>, deviceId: string) =>\n    isHiddenBasedOnAnimationType(props, deviceId, 'boxAnimateType')\n  const isHiddenBasedOnItemAnimation = (props: Record<string, unknown>, deviceId: string) =>\n    isHiddenBasedOnAnimationType(props, deviceId, 'itemAnimateType')\n\n  return runtime.registerComponent(\n    lazy(() => import('./Box')),\n    {\n      type: MakeswiftComponentType.Box,\n      label: 'Box',\n      props: {\n        id: Props.ElementID(),\n        backgrounds: Props.Backgrounds(),\n        width: Width({\n          format: Width.Format.ClassName,\n          defaultValue: { value: 100, unit: '%' },\n        }),\n        height: Props.ResponsiveIconRadioGroup({\n          label: 'Height',\n          options: [\n            { value: 'auto', label: 'Auto', icon: 'HeightAuto16' },\n            { value: 'stretch', label: 'Stretch', icon: 'HeightMatch16' },\n          ],\n          defaultValue: 'auto',\n        }),\n        verticalAlign: Props.ResponsiveIconRadioGroup({\n          label: 'Align items',\n          options: [\n            { value: 'flex-start', label: 'Top', icon: 'VerticalAlignStart16' },\n            { value: 'center', label: 'Middle', icon: 'VerticalAlignMiddle16' },\n            { value: 'flex-end', label: 'Bottom', icon: 'VerticalAlignEnd16' },\n            {\n              value: 'space-between',\n              label: 'Space between',\n              icon: 'VerticalAlignSpaceBetween16',\n            },\n          ],\n          defaultValue: 'flex-start',\n        }),\n        margin: Margin({ format: Margin.Format.ClassName }),\n        padding: Padding({\n          format: Padding.Format.ClassName,\n          preset: [\n            {\n              deviceId: getBaseBreakpoint(runtime.getBreakpoints()).id,\n              value: {\n                paddingTop: { value: 10, unit: 'px' },\n                paddingRight: { value: 10, unit: 'px' },\n                paddingBottom: { value: 10, unit: 'px' },\n                paddingLeft: { value: 10, unit: 'px' },\n              },\n            },\n          ],\n        }),\n        border: Border({ format: Border.Format.ClassName }),\n        borderRadius: BorderRadius({ format: BorderRadius.Format.ClassName }),\n        boxShadow: Shadows({ format: Shadows.Format.ClassName }),\n        rowGap: Props.GapY(props => ({\n          hidden: props.children == null,\n        })),\n        columnGap: Props.GapX(props => ({\n          hidden: props.children == null,\n        })),\n        boxAnimateType: Props.ResponsiveSelect({\n          label: 'Animate box in',\n          labelOrientation: 'vertical',\n          options: [\n            { value: 'none', label: 'None' },\n            { value: 'fadeIn', label: 'Fade in' },\n            { value: 'fadeRight', label: 'Fade right' },\n            { value: 'fadeDown', label: 'Fade down' },\n            { value: 'fadeLeft', label: 'Fade left' },\n            { value: 'fadeUp', label: 'Fade up' },\n            { value: 'blurIn', label: 'Blur in' },\n            { value: 'scaleUp', label: 'Scale up' },\n            { value: 'scaleDown', label: 'Scale down' },\n          ],\n          defaultValue: 'none',\n        }),\n        boxAnimateDuration: Props.ResponsiveNumber((props, device) => ({\n          label: 'Box duration',\n          defaultValue: DEFAULT_BOX_ANIMATE_DURATION,\n          min: 0.1,\n          step: 0.05,\n          suffix: 's',\n          hidden: isHiddenBasedOnBoxAnimation(props, device),\n        })),\n        boxAnimateDelay: Props.ResponsiveNumber((props, device) => ({\n          label: 'Box delay',\n          defaultValue: DEFAULT_BOX_ANIMATE_DELAY,\n          min: 0,\n          step: 0.05,\n          suffix: 's',\n          hidden: isHiddenBasedOnBoxAnimation(props, device),\n        })),\n        itemAnimateType: Props.ResponsiveSelect({\n          label: 'Animate items in',\n          labelOrientation: 'vertical',\n          options: [\n            { value: 'none', label: 'None' },\n            { value: 'fadeIn', label: 'Fade in' },\n            { value: 'fadeRight', label: 'Fade right' },\n            { value: 'fadeDown', label: 'Fade down' },\n            { value: 'fadeLeft', label: 'Fade left' },\n            { value: 'fadeUp', label: 'Fade up' },\n            { value: 'blurIn', label: 'Blur in' },\n            { value: 'scaleUp', label: 'Scale up' },\n            { value: 'scaleDown', label: 'Scale down' },\n          ],\n          defaultValue: 'none',\n        }),\n        itemAnimateDuration: Props.ResponsiveNumber((props, device) => ({\n          label: 'Items duration',\n          defaultValue: DEFAULT_BOX_ANIMATE_DURATION,\n          min: 0.1,\n          step: 0.05,\n          suffix: 's',\n          hidden: isHiddenBasedOnItemAnimation(props, device),\n        })),\n        itemAnimateDelay: Props.ResponsiveNumber((props, device) => ({\n          label: 'Items delay',\n          defaultValue: DEFAULT_ITEM_ANIMATE_DELAY,\n          min: 0,\n          step: 0.05,\n          suffix: 's',\n          hidden: isHiddenBasedOnItemAnimation(props, device),\n        })),\n        itemStaggerDuration: Props.ResponsiveNumber((props, device) => ({\n          label: 'Stagger',\n          min: 0,\n          step: 0.05,\n          suffix: 's',\n          defaultValue: DEFAULT_ITEM_STAGGER_DURATION,\n          hidden: isHiddenBasedOnItemAnimation(props, device),\n        })),\n        hidePlaceholder: Checkbox(props => ({\n          label: 'Hide placeholder',\n          hidden: props.children != null,\n        })),\n        children: Props.Grid(),\n      },\n    },\n  )\n}\n"],"mappings":"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","names":[]}