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

package/dist/esm/runtimes/react/controls.js

@@ -1,20 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef } from "react";
 import * as ReactPage from "../../state/react-page";
-import { Props } from "../../prop-controllers";
-import {
-  BorderPropControllerFormat,
-  BorderRadiusPropControllerFormat,
-  MarginPropControllerFormat,
-  PaddingPropControllerFormat,
-  ShadowsPropControllerFormat,
-  WidthPropControllerFormat
-} from "../../prop-controllers/descriptors";
 import {
   useBoxShadow,
-  useResponsiveColor,
   useBorder as useBorderData,
-  usePropControllerLinkData
+  useLinkPropControllerData,
+  useCheckboxPropControllerData,
+  useDatePropControllerData,
+  useFontPropControllerData,
+  useVideoPropControllerData,
+  useTablePropControllerData
 } from "../../components/hooks";
 import {
   useResponsiveBorder,
@@ -54,24 +49,45 @@ import { IconRadioGroupControlType } from "../../controls/icon-radio-group";
 import { useStore } from "./hooks/use-store";
 import { useDocumentKey } from "./hooks/use-document-key";
 import { useSelector } from "./hooks/use-selector";
-import { Types as PropControllerTypes } from "@makeswift/prop-controllers";
-function useWidthStyle(value, descriptor) {
+import {
+  Types as PropControllerTypes,
+  getShadowsPropControllerDataResponsiveShadowsData,
+  Shadows,
+  BorderPropControllerFormat,
+  getBorderPropControllerDataResponsiveBorderData,
+  getBorderRadiusPropControllerDataResponsiveBorderRadiusData,
+  BorderRadiusPropControllerFormat,
+  MarginPropControllerFormat,
+  getMarginPropControllerDataResponsiveMarginData,
+  getPaddingPropControllerDataResponsivePaddingData,
+  PaddingPropControllerFormat,
+  getWidthPropControllerDataResponsiveLengthData,
+  WidthPropControllerFormat
+} from "@makeswift/prop-controllers";
+import { useResponsiveLengthPropControllerData } from "../../components/hooks/useResponsiveLengthPropControllerData";
+import { useNumberPropControllerData } from "../../components/hooks/useNumberPropControllerData";
+import { useResponsiveColorPropControllerData } from "../../components/hooks/useResponsiveColorPropControllerData";
+function useWidthStyle(data, descriptor) {
+  const value = getWidthPropControllerDataResponsiveLengthData(data);
   return useStyle(useResponsiveWidth(value, descriptor.options.defaultValue));
 }
-function usePaddingStyle(value) {
+function usePaddingStyle(data) {
+  const value = getPaddingPropControllerDataResponsivePaddingData(data);
   return useStyle(useResponsivePadding(value));
 }
-function useMarginStyle(value) {
+function useMarginStyle(data) {
+  const value = getMarginPropControllerDataResponsiveMarginData(data);
   return useStyle(useResponsiveMargin(value));
 }
-function useBorderRadiusStyle(value) {
+function useBorderRadiusStyle(data) {
+  const value = getBorderRadiusPropControllerDataResponsiveBorderRadiusData(data);
   return useStyle(useResponsiveBorderRadius(value));
 }
-function useShadowsStyle(value) {
-  const shadowValue = useBoxShadow(value);
-  return useStyle(useResponsiveShadow(shadowValue ?? void 0));
+function useShadowsStyle(data) {
+  return useStyle(useResponsiveShadow(useBoxShadow(data) ?? void 0));
 }
-function useBorderStyle(value) {
+function useBorderStyle(data) {
+  const value = getBorderPropControllerDataResponsiveBorderData(data);
   const borderData = useBorderData(value);
   return useStyle(useResponsiveBorder(borderData ?? void 0));
 }
@@ -161,7 +177,7 @@ function PropsValue({ element, children }) {
             descriptor.type
           );
         }
-        case Props.Types.Width:
+        case PropControllerTypes.Width:
           switch (descriptor.options.format) {
             case WidthPropControllerFormat.ClassName:
               return /* @__PURE__ */ jsx(
@@ -176,7 +192,7 @@ function PropsValue({ element, children }) {
             default:
               return renderFn({ ...propsValue, [propName]: props[propName] });
           }
-        case Props.Types.Padding:
+        case PropControllerTypes.Padding:
           switch (descriptor.options.format) {
             case PaddingPropControllerFormat.ClassName:
               return /* @__PURE__ */ jsx(
@@ -191,7 +207,7 @@ function PropsValue({ element, children }) {
             default:
               return renderFn({ ...propsValue, [propName]: props[propName] });
           }
-        case Props.Types.Margin:
+        case PropControllerTypes.Margin:
           switch (descriptor.options.format) {
             case MarginPropControllerFormat.ClassName:
               return /* @__PURE__ */ jsx(
@@ -206,7 +222,7 @@ function PropsValue({ element, children }) {
             default:
               return renderFn({ ...propsValue, [propName]: props[propName] });
           }
-        case Props.Types.BorderRadius:
+        case PropControllerTypes.BorderRadius:
           switch (descriptor.options.format) {
             case BorderRadiusPropControllerFormat.ClassName:
               return /* @__PURE__ */ jsx(
@@ -221,9 +237,29 @@ function PropsValue({ element, children }) {
             default:
               return renderFn({ ...propsValue, [propName]: props[propName] });
           }
-        case Props.Types.Shadows:
+        case PropControllerTypes.Number:
+          return /* @__PURE__ */ jsx(
+            RenderHook,
+            {
+              hook: useNumberPropControllerData,
+              parameters: [props[propName]],
+              children: (value) => renderFn({ ...propsValue, [propName]: value })
+            },
+            descriptor.type
+          );
+        case PropControllerTypes.ResponsiveLength:
+          return /* @__PURE__ */ jsx(
+            RenderHook,
+            {
+              hook: useResponsiveLengthPropControllerData,
+              parameters: [props[propName]],
+              children: (value) => renderFn({ ...propsValue, [propName]: value })
+            },
+            descriptor.type
+          );
+        case PropControllerTypes.Shadows:
           switch (descriptor.options.format) {
-            case ShadowsPropControllerFormat.ClassName:
+            case Shadows.Format.ClassName:
               return /* @__PURE__ */ jsx(
                 RenderHook,
                 {
@@ -233,10 +269,14 @@ function PropsValue({ element, children }) {
                 },
                 descriptor.type
               );
+            case Shadows.Format.ResponsiveValue:
             default:
-              return renderFn({ ...propsValue, [propName]: props[propName] });
+              return renderFn({
+                ...propsValue,
+                [propName]: getShadowsPropControllerDataResponsiveShadowsData(props[propName])
+              });
           }
-        case Props.Types.Border:
+        case PropControllerTypes.Border:
           switch (descriptor.options.format) {
             case BorderPropControllerFormat.ClassName:
               return /* @__PURE__ */ jsx(
@@ -251,11 +291,11 @@ function PropsValue({ element, children }) {
             default:
               return renderFn({ ...propsValue, [propName]: props[propName] });
           }
-        case Props.Types.ResponsiveColor:
+        case PropControllerTypes.ResponsiveColor:
           return /* @__PURE__ */ jsx(
             RenderHook,
             {
-              hook: useResponsiveColor,
+              hook: useResponsiveColorPropControllerData,
               parameters: [props[propName]],
               children: (value) => renderFn({ ...propsValue, [propName]: value })
             },
@@ -265,7 +305,57 @@ function PropsValue({ element, children }) {
           return /* @__PURE__ */ jsx(
             RenderHook,
             {
-              hook: usePropControllerLinkData,
+              hook: useLinkPropControllerData,
+              parameters: [props[propName]],
+              children: (value) => renderFn({ ...propsValue, [propName]: value })
+            },
+            descriptor.type
+          );
+        case PropControllerTypes.Checkbox:
+          return /* @__PURE__ */ jsx(
+            RenderHook,
+            {
+              hook: useCheckboxPropControllerData,
+              parameters: [props[propName]],
+              children: (value) => renderFn({ ...propsValue, [propName]: value })
+            },
+            descriptor.type
+          );
+        case PropControllerTypes.Date:
+          return /* @__PURE__ */ jsx(
+            RenderHook,
+            {
+              hook: useDatePropControllerData,
+              parameters: [props[propName]],
+              children: (value) => renderFn({ ...propsValue, [propName]: value })
+            },
+            descriptor.type
+          );
+        case PropControllerTypes.Font:
+          return /* @__PURE__ */ jsx(
+            RenderHook,
+            {
+              hook: useFontPropControllerData,
+              parameters: [props[propName]],
+              children: (value) => renderFn({ ...propsValue, [propName]: value })
+            },
+            descriptor.type
+          );
+        case PropControllerTypes.Video:
+          return /* @__PURE__ */ jsx(
+            RenderHook,
+            {
+              hook: useVideoPropControllerData,
+              parameters: [props[propName]],
+              children: (value) => renderFn({ ...propsValue, [propName]: value })
+            },
+            descriptor.type
+          );
+        case PropControllerTypes.Table:
+          return /* @__PURE__ */ jsx(
+            RenderHook,
+            {
+              hook: useTablePropControllerData,
               parameters: [props[propName]],
               children: (value) => renderFn({ ...propsValue, [propName]: value })
             },

package/dist/esm/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  BorderDescriptor,\n  BorderPropControllerFormat,\n  BorderRadiusDescriptor,\n  BorderRadiusPropControllerFormat,\n  BorderRadiusValue,\n  BorderValue,\n  Descriptor,\n  MarginDescriptor,\n  MarginPropControllerFormat,\n  MarginValue,\n  PaddingDescriptor,\n  PaddingPropControllerFormat,\n  PaddingValue,\n  ResolveOptions,\n  ResponsiveValue,\n  ShadowsDescriptor,\n  ShadowsPropControllerFormat,\n  ShadowsValue,\n  WidthPropControllerFormat,\n  WidthDescriptor,\n  WidthValue,\n} from '../../prop-controllers/descriptors'\nimport {\n  useBoxShadow,\n  useResponsiveColor,\n  useBorder as useBorderData,\n  usePropControllerLinkData,\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 { Types as PropControllerTypes } from '@makeswift/prop-controllers'\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(value: BorderRadiusValue | undefined): string {\n  return useStyle(useResponsiveBorderRadius(value))\n}\n\nexport function useShadowsStyle(\n  value: ShadowsValue | undefined,\n): string | ShadowsValue | undefined {\n  const shadowValue = useBoxShadow(value)\n\n  return useStyle(useResponsiveShadow(shadowValue ?? undefined))\n}\n\nexport type ResolveBorderRadiusControlValue<T extends Descriptor> = T extends BorderRadiusDescriptor\n  ? undefined extends ResolveOptions<T['options']>['format']\n    ? BorderRadiusValue | undefined\n    : ResolveOptions<\n        T['options']\n      >['format'] extends typeof BorderRadiusPropControllerFormat.ClassName\n    ? string\n    : ResolveOptions<\n        T['options']\n      >['format'] extends typeof BorderRadiusPropControllerFormat.ResponsiveValue\n    ? BorderRadiusValue | undefined\n    : never\n  : never\n\nexport function useBorderStyle(value: BorderValue | undefined): string | BorderValue | undefined {\n  const borderData = useBorderData(value)\n\n  return useStyle(useResponsiveBorder(borderData ?? undefined))\n}\nexport type ResolveShadowsControlValue<T extends Descriptor> = T extends ShadowsDescriptor\n  ? undefined extends ResolveOptions<T['options']>['format']\n    ? ShadowsValue | undefined\n    : ResolveOptions<T['options']>['format'] extends typeof ShadowsPropControllerFormat.ClassName\n    ? string\n    : ResolveOptions<\n        T['options']\n      >['format'] extends typeof ShadowsPropControllerFormat.ResponsiveValue\n    ? ShadowsValue | undefined\n    : never\n  : never\n\nexport type ResolveBorderControlValue<T extends Descriptor> = T extends BorderDescriptor\n  ? undefined extends ResolveOptions<T['options']>['format']\n    ? BorderValue | undefined\n    : ResolveOptions<T['options']>['format'] extends typeof BorderPropControllerFormat.ClassName\n    ? string\n    : ResolveOptions<\n        T['options']\n      >['format'] extends typeof BorderPropControllerFormat.ResponsiveValue\n    ? BorderValue | undefined\n    : never\n  : never\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 Props.Types.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 Props.Types.Shadows:\n            switch (descriptor.options.format) {\n              case ShadowsPropControllerFormat.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              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case Props.Types.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 Props.Types.ResponsiveColor:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useResponsiveColor}\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={usePropControllerLinkData}\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":[]}
+{"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'\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          default:\n            return renderFn({ ...propsValue, [propName]: props[propName] })\n        }\n      },\n    children,\n  )({})\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,9 @@
+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)";
+export {
+  DESKTOP_MEDIA_QUERY,
+  MOBILE_MEDIA_QUERY,
+  TABLET_MEDIA_QUERY
+};
+//# sourceMappingURL=breakpoint-test-util.js.map

package/dist/esm/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":"AAAO,MAAM,sBAAsB;AAC5B,MAAM,qBAAqB;AAC3B,MAAM,qBAAqB;","names":[]}

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

@@ -0,0 +1,49 @@
+import { randomUUID } from "crypto";
+import { MakeswiftComponentType } from "../../components";
+function createRootComponent(elements) {
+  return {
+    key: randomUUID(),
+    type: 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
+  };
+}
+export {
+  createMakeswiftPageSnapshot,
+  createRootComponent
+};
+//# sourceMappingURL=element-data-test-test.js.map

package/dist/esm/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,SAAS,kBAAkB;AAG3B,SAAS,8BAA8B;AAEhC,SAAS,oBAAoB,UAAyB;AAC3D,SAAO;AAAA,IACL,KAAK,WAAW;AAAA,IAChB,MAAM,uBAAuB;AAAA,IAC7B,OAAO;AAAA,MACL,UAAU;AAAA,QACR,SAAS;AAAA,UACP;AAAA,YACE,UAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO;AAAA,cACP,OAAO,UAAU,IAAI,MAAM,CAAC,EAAE,CAAC;AAAA,YACjC;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;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/types/builder/serialization/control-serialization.d.ts

@@ -1,9 +1,10 @@
+import { ResponsiveLengthOptions, ResponsiveLengthPropControllerData } from '@makeswift/prop-controllers';
 import { ComboboxControlDefinition, ListControlDefinition, RichTextV2ControlDefinition, ShapeControlDefinition, StyleV2ControlDefinition } from '../../controls';
-import { CheckboxDescriptor as CheckboxControl, CheckboxValue as CheckboxControlValue, Data, Device, DateDescriptor as DateControl, DateValue as DateControlValue, Gap, GapXDescriptor as GapXControl, GapXValue as GapXControlValue, GapYDescriptor as GapYControl, GapYValue as GapYControlValue, ImageDescriptor as ImageControl, ImageValue as ImageControlValue, ListDescriptor as ListControl, ListOptions as ListControlConfig, ListValue as ListControlValue, NumberDescriptor as NumberControl, NumberValue as NumberControlValue, ResponsiveColorDescriptor as ResponsiveColorControl, ResponsiveColorValue as ResponsiveColorControlValue, ResponsiveNumberDescriptor as ResponsiveNumberControl, ResponsiveNumberValue as ResponsiveNumberControlValue, ResponsiveIconRadioGroupDescriptor as ResponsiveIconRadioGroupControl, ResponsiveIconRadioGroupValue as ResponsiveIconRadioGroupControlValue, ResponsiveSelectDescriptor as ResponsiveSelectControl, ResponsiveSelectValue as ResponsiveSelectControlValue, ResponsiveLengthDescriptor as ResponsiveLengthControl, ResponsiveLengthValue as ResponsiveLengthControlValue, RichTextDescriptor as RichTextControl, RichTextValue as RichTextControlValue, ShapeDescriptor as ShapeControl, ShapeValue as ShapeControlValue, TextInputDescriptor as TextInputControl, TextInputValue as TextInputControlValue, TextStyleDescriptor as TextStyleControl, TextStyleValue as TextStyleControlValue, TypeaheadDescriptor as TypeaheadControl, TypeaheadOptions as TypeaheadControlConfig, TypeaheadValue as TypeaheadControlValue, PanelDescriptorType as PanelControlType, PropControllerDescriptor as Control, Props as Controls } from '../../prop-controllers';
-import { IconRadioGroupOption, LengthOption, SelectLabelOrientation, SelectOption, Length } from '../../prop-controllers/descriptors';
+import { Data, Device, Gap, GapXDescriptor as GapXControl, GapXValue as GapXControlValue, GapYDescriptor as GapYControl, GapYValue as GapYControlValue, ImageDescriptor as ImageControl, ImageValue as ImageControlValue, ListDescriptor as ListControl, ListOptions as ListControlConfig, ListValue as ListControlValue, ResponsiveNumberDescriptor as ResponsiveNumberControl, ResponsiveNumberValue as ResponsiveNumberControlValue, ResponsiveIconRadioGroupDescriptor as ResponsiveIconRadioGroupControl, ResponsiveIconRadioGroupValue as ResponsiveIconRadioGroupControlValue, ResponsiveSelectDescriptor as ResponsiveSelectControl, ResponsiveSelectValue as ResponsiveSelectControlValue, RichTextDescriptor as RichTextControl, RichTextValue as RichTextControlValue, ShapeDescriptor as ShapeControl, ShapeValue as ShapeControlValue, TextInputDescriptor as TextInputControl, TextInputValue as TextInputControlValue, TextStyleDescriptor as TextStyleControl, TextStyleValue as TextStyleControlValue, TypeaheadDescriptor as TypeaheadControl, TypeaheadOptions as TypeaheadControlConfig, TypeaheadValue as TypeaheadControlValue, PanelDescriptorType as PanelControlType, PropControllerDescriptor as Control, Props as Controls } from '../../prop-controllers';
+import { IconRadioGroupOption, SelectLabelOrientation, SelectOption } from '../../prop-controllers/descriptors';
 import { Deserialize, Serialize } from './controls/types';
 import { DeserializedFunction, SerializedFunction } from './function-serialization';
-import { LinkData, Types as PropControllerTypes, LinkDescriptor as LinkControl, LinkPropControllerData } from '@makeswift/prop-controllers';
+import { LinkData, DateDescriptor as DateControl, DatePropControllerData, Types as PropControllerTypes, LinkDescriptor as LinkControl, LinkPropControllerData, ResponsiveLengthDescriptor, NumberOptions, NumberPropControllerData, NumberDescriptor, ResponsiveColorPropControllerData, ResponsiveColorDescriptor, CheckboxPropControllerData, CheckboxDescriptor as CheckboxControl } from '@makeswift/prop-controllers';
 type SerializedShapeControlConfig<T extends Record<string, SerializedPanelControl>> = {
     type: T;
     preset?: {
@@ -120,16 +121,16 @@ type DeserializedResponsiveNumberControl<_T = ResponsiveNumberControlValue> = {
     options: DeserializedConfig<ResponsiveNumberControlConfig>;
 };
 type CheckboxControlConfig = {
-    preset?: CheckboxControlValue;
+    preset?: CheckboxPropControllerData;
     label: string;
     hidden?: boolean;
 };
-type SerializedCheckboxControl<_T = CheckboxControlValue> = {
-    type: typeof Controls.Types.Checkbox;
+type SerializedCheckboxControl<_T = CheckboxPropControllerData> = {
+    type: typeof PropControllerTypes.Checkbox;
     options: SerializedConfig<CheckboxControlConfig>;
 };
-type DeserializedCheckboxControl<_T = CheckboxControlValue> = {
-    type: typeof Controls.Types.Checkbox;
+type DeserializedCheckboxControl<_T = CheckboxPropControllerData> = {
+    type: typeof PropControllerTypes.Checkbox;
     options: DeserializedConfig<CheckboxControlConfig>;
 };
 type ResponsiveColorControlConfig = {
@@ -137,31 +138,21 @@ type ResponsiveColorControlConfig = {
     placeholder?: string;
     hidden?: boolean;
 };
-type SerializedResponsiveColorControl<_T = ResponsiveColorControlValue> = {
-    type: typeof Controls.Types.ResponsiveColor;
+type SerializedResponsiveColorControl<_T = ResponsiveColorPropControllerData> = {
+    type: typeof PropControllerTypes.ResponsiveColor;
     options: SerializedConfig<ResponsiveColorControlConfig>;
 };
-type DeserializedResponsiveColorControl<_T = ResponsiveColorControlValue> = {
-    type: typeof Controls.Types.ResponsiveColor;
+type DeserializedResponsiveColorControl<_T = ResponsiveColorPropControllerData> = {
+    type: typeof PropControllerTypes.ResponsiveColor;
     options: DeserializedConfig<ResponsiveColorControlConfig>;
 };
-type NumberControlConfig = {
-    preset?: NumberControlValue;
-    label?: string;
-    defaultValue?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    suffix?: string;
-    hidden?: boolean;
-};
-type SerializedNumberControl<_T = NumberControlValue> = {
-    type: typeof Controls.Types.Number;
-    options: SerializedConfig<NumberControlConfig>;
+type SerializedNumberControl<_T = NumberPropControllerData> = {
+    type: typeof PropControllerTypes.Number;
+    options: SerializedConfig<NumberOptions>;
 };
-type DeserializedNumberControl<_T = NumberControlValue> = {
-    type: typeof Controls.Types.Number;
-    options: DeserializedConfig<NumberControlConfig>;
+type DeserializedNumberControl<_T = NumberPropControllerData> = {
+    type: typeof PropControllerTypes.Number;
+    options: DeserializedConfig<NumberOptions>;
 };
 type ResponsiveIconRadioGroupControlConfig<T extends string = string, U extends T = T> = {
     label?: string;
@@ -178,14 +169,14 @@ type DeserializedResponsiveIconRadioGroupControl<_T = ResponsiveIconRadioGroupCo
     options: DeserializedConfig<ResponsiveIconRadioGroupControlConfig>;
 };
 type DateControlConfig = {
-    preset?: DateControlValue;
+    preset?: DatePropControllerData;
 };
-type SerializedDateControl<_T = DateControlValue> = {
-    type: typeof Controls.Types.Date;
+type SerializedDateControl<_T = DatePropControllerData> = {
+    type: typeof PropControllerTypes.Date;
     options: SerializedConfig<DateControlConfig>;
 };
-type DeserializedDateControl<_T = DateControlValue> = {
-    type: typeof Controls.Types.Date;
+type DeserializedDateControl<_T = DatePropControllerData> = {
+    type: typeof PropControllerTypes.Date;
     options: DeserializedConfig<DateControlConfig>;
 };
 type LinkControlConfig = {
@@ -234,19 +225,13 @@ type DeserializedResponsiveSelectControl<_T = ResponsiveSelectControlValue> = {
     type: typeof Controls.Types.ResponsiveSelect;
     options: DeserializedConfig<ResponsiveSelectControlConfig>;
 };
-type ResponsiveLengthControlConfig = {
-    label?: string;
-    options?: LengthOption[];
-    defaultValue?: Length;
-    hidden?: boolean;
-};
-type SerializedResponsiveLengthControl<_T = ResponsiveLengthControlValue> = {
-    type: typeof Controls.Types.ResponsiveLength;
-    options: SerializedConfig<ResponsiveLengthControlConfig>;
+type SerializedResponsiveLengthControl<_T = ResponsiveLengthPropControllerData> = {
+    type: typeof PropControllerTypes.ResponsiveLength;
+    options: SerializedConfig<ResponsiveLengthOptions>;
 };
-type DeserializedResponsiveLengthControl<_T = ResponsiveLengthControlValue> = {
-    type: typeof Controls.Types.ResponsiveLength;
-    options: DeserializedConfig<ResponsiveLengthControlConfig>;
+type DeserializedResponsiveLengthControl<_T = ResponsiveLengthPropControllerData> = {
+    type: typeof PropControllerTypes.ResponsiveLength;
+    options: DeserializedConfig<ResponsiveLengthOptions>;
 };
 type SerializedTextStyleControl<_T = TextStyleControlValue> = {
     type: typeof Controls.Types.TextStyle;
@@ -284,12 +269,12 @@ type DeserializedRichTextControl<_T = RichTextControlValue> = {
     type: typeof Controls.Types.RichText;
     options: DeserializedConfig<RichTextControlConfig>;
 };
-export type SerializedControl<T extends Data = Data> = Exclude<Control<T>, ListControl<T extends ListControlValue ? T : ListControlValue> | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any> | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue> | GapXControl<T> | GapYControl<T> | ResponsiveNumberControl<T> | CheckboxControl<T> | ResponsiveColorControl<T> | NumberControl<T> | ResponsiveIconRadioGroupControl<T extends ResponsiveIconRadioGroupControlValue ? T : ResponsiveIconRadioGroupControlValue> | ResponsiveSelectControl<T extends ResponsiveSelectControlValue ? T : ResponsiveSelectControlValue> | ResponsiveLengthControl<T> | DateControl<T> | LinkControl<T> | TextInputControl<T> | TextStyleControl<T> | ImageControl<T> | RichTextControl<T> | RichTextV2ControlDefinition | ComboboxControlDefinition | ShapeControlDefinition | ListControlDefinition | StyleV2ControlDefinition> | SerializedListControl<T extends ListControlValue ? T : ListControlValue> | SerializedShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any> | SerializedTypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue> | SerializedGapXControl<T> | SerializedGapYControl<T> | SerializedResponsiveNumberControl<T> | SerializedCheckboxControl<T> | SerializedResponsiveColorControl<T> | SerializedNumberControl<T> | SerializedResponsiveIconRadioGroupControl<T> | SerializedResponsiveSelectControl<T> | SerializedResponsiveLengthControl<T> | SerializedDateControl<T> | SerializedLinkControl<T> | SerializedTextInputControl<T> | SerializedTextStyleControl<T> | SerializedImageControl<T> | SerializedRichTextControl<T> | Serialize<RichTextV2ControlDefinition> | Serialize<ComboboxControlDefinition> | Serialize<ShapeControlDefinition> | Serialize<ListControlDefinition> | Serialize<StyleV2ControlDefinition>;
+export type SerializedControl<T extends Data = Data> = Exclude<Control<T>, ListControl<T extends ListControlValue ? T : ListControlValue> | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any> | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue> | GapXControl<T> | GapYControl<T> | ResponsiveNumberControl<T> | CheckboxControl<T> | ResponsiveColorDescriptor<T> | NumberDescriptor<T> | ResponsiveIconRadioGroupControl<T extends ResponsiveIconRadioGroupControlValue ? T : ResponsiveIconRadioGroupControlValue> | ResponsiveSelectControl<T extends ResponsiveSelectControlValue ? T : ResponsiveSelectControlValue> | ResponsiveLengthDescriptor<T> | DateControl<T> | LinkControl<T> | TextInputControl<T> | TextStyleControl<T> | ImageControl<T> | RichTextControl<T> | RichTextV2ControlDefinition | ComboboxControlDefinition | ShapeControlDefinition | ListControlDefinition | StyleV2ControlDefinition> | SerializedListControl<T extends ListControlValue ? T : ListControlValue> | SerializedShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any> | SerializedTypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue> | SerializedGapXControl<T> | SerializedGapYControl<T> | SerializedResponsiveNumberControl<T> | SerializedCheckboxControl<T> | SerializedResponsiveColorControl<T> | SerializedNumberControl<T> | SerializedResponsiveIconRadioGroupControl<T> | SerializedResponsiveSelectControl<T> | SerializedResponsiveLengthControl<T> | SerializedDateControl<T> | SerializedLinkControl<T> | SerializedTextInputControl<T> | SerializedTextStyleControl<T> | SerializedImageControl<T> | SerializedRichTextControl<T> | Serialize<RichTextV2ControlDefinition> | Serialize<ComboboxControlDefinition> | Serialize<ShapeControlDefinition> | Serialize<ListControlDefinition> | Serialize<StyleV2ControlDefinition>;
 type SerializedPanelControl<T extends Data = Data> = Extract<SerializedControl<T>, {
     type: PanelControlType;
 }>;
 type SerializedPanelControlValueType<T extends SerializedPanelControl> = T extends SerializedPanelControl<infer U> ? U : never;
-export type DeserializedControl<T extends Data = Data> = Exclude<Control<T>, ListControl<T extends ListControlValue ? T : ListControlValue> | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any> | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue> | GapXControl<T> | GapYControl<T> | ResponsiveNumberControl<T> | CheckboxControl<T> | ResponsiveColorControl<T> | NumberControl<T> | ResponsiveIconRadioGroupControl<T extends ResponsiveIconRadioGroupControlValue ? T : ResponsiveIconRadioGroupControlValue> | ResponsiveSelectControl<T extends ResponsiveSelectControlValue ? T : ResponsiveSelectControlValue> | ResponsiveLengthControl<T> | DateControl<T> | LinkControl<T> | TextInputControl<T> | TextStyleControl<T> | ImageControl<T> | RichTextControl<T> | RichTextV2ControlDefinition | ComboboxControlDefinition | ShapeControlDefinition | ListControlDefinition | StyleV2ControlDefinition> | DeserializedListControl<T extends ListControlValue ? T : ListControlValue> | DeserializedShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any> | DeserializedTypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue> | DeserializedGapXControl<T> | DeserializedGapYControl<T> | DeserializedResponsiveNumberControl<T> | DeserializedCheckboxControl<T> | DeserializedResponsiveColorControl<T> | DeserializedNumberControl<T> | DeserializedResponsiveIconRadioGroupControl<T> | DeserializedResponsiveSelectControl<T> | DeserializedResponsiveLengthControl<T> | DeserializedDateControl<T> | DeserializedLinkControl<T> | DeserializedTextInputControl<T> | DeserializedTextStyleControl<T> | DeserializedImageControl<T> | DeserializedRichTextControl<T> | Deserialize<Serialize<RichTextV2ControlDefinition>> | Deserialize<Serialize<ComboboxControlDefinition>> | Deserialize<Serialize<ShapeControlDefinition>> | Deserialize<Serialize<ListControlDefinition>> | Deserialize<Serialize<StyleV2ControlDefinition>>;
+export type DeserializedControl<T extends Data = Data> = Exclude<Control<T>, ListControl<T extends ListControlValue ? T : ListControlValue> | ShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any> | TypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue> | GapXControl<T> | GapYControl<T> | ResponsiveNumberControl<T> | CheckboxControl<T> | ResponsiveColorDescriptor<T> | NumberDescriptor<T> | ResponsiveIconRadioGroupControl<T extends ResponsiveIconRadioGroupControlValue ? T : ResponsiveIconRadioGroupControlValue> | ResponsiveSelectControl<T extends ResponsiveSelectControlValue ? T : ResponsiveSelectControlValue> | ResponsiveLengthDescriptor<T> | DateControl<T> | LinkControl<T> | TextInputControl<T> | TextStyleControl<T> | ImageControl<T> | RichTextControl<T> | RichTextV2ControlDefinition | ComboboxControlDefinition | ShapeControlDefinition | ListControlDefinition | StyleV2ControlDefinition> | DeserializedListControl<T extends ListControlValue ? T : ListControlValue> | DeserializedShapeControl<T extends ShapeControlValue ? T : ShapeControlValue, any> | DeserializedTypeaheadControl<T extends TypeaheadControlValue ? T : TypeaheadControlValue> | DeserializedGapXControl<T> | DeserializedGapYControl<T> | DeserializedResponsiveNumberControl<T> | DeserializedCheckboxControl<T> | DeserializedResponsiveColorControl<T> | DeserializedNumberControl<T> | DeserializedResponsiveIconRadioGroupControl<T> | DeserializedResponsiveSelectControl<T> | DeserializedResponsiveLengthControl<T> | DeserializedDateControl<T> | DeserializedLinkControl<T> | DeserializedTextInputControl<T> | DeserializedTextStyleControl<T> | DeserializedImageControl<T> | DeserializedRichTextControl<T> | Deserialize<Serialize<RichTextV2ControlDefinition>> | Deserialize<Serialize<ComboboxControlDefinition>> | Deserialize<Serialize<ShapeControlDefinition>> | Deserialize<Serialize<ListControlDefinition>> | Deserialize<Serialize<StyleV2ControlDefinition>>;
 export type DeserializedPanelControl<T extends Data = Data> = Extract<DeserializedControl<T>, {
     type: PanelControlType;
 }>;