@makeswift/runtime 0.20.3 → 0.20.4-canary.0

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'\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'\n\nimport {\n  CheckboxDefinition,\n  NumberDefinition,\n  RichTextV2Definition,\n  RichTextV2Control,\n  ColorDefinition,\n  ComboboxDefinition,\n  IconRadioGroupDefinition,\n  ImageDefinition,\n  LinkDefinition,\n  ListDefinition,\n  RichTextV1Definition,\n  RichTextV1Control,\n  SelectDefinition,\n  ShapeDefinition,\n  SlotDefinition,\n  SlotControl,\n  StyleDefinition,\n  StyleControl,\n  StyleV2Definition,\n  TextAreaDefinition,\n  TextInputDefinition,\n  unstable_TypographyDefinition,\n} from '../../controls'\n\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 { 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  GapX,\n  ResponsiveNumber,\n  ResponsiveIconRadioGroup,\n  ResponsiveSelect,\n  ResponsiveOpacity,\n  getSocialLinksPropControllerDataSocialLinksData,\n} from '@makeswift/prop-controllers'\n\nimport { isLegacyDescriptor } from '../../prop-controllers/descriptors'\nimport { useResponsiveLengthPropControllerData } from '../../components/hooks/useResponsiveLengthPropControllerData'\nimport { useNumberPropControllerData } from '../../components/hooks/useNumberPropControllerData'\nimport { useResponsiveColorPropControllerData } from '../../components/hooks/useResponsiveColorPropControllerData'\nimport { useTextStylePropControllerData } from '../../components/hooks/useTextStylePropControllerData'\nimport { useNavigationLinksPropControllerData } from '../../components/hooks/useNavigationLinksPropControllerData'\nimport { useTextAreaPropControllerData } from '../../components/hooks/useTextAreaPropControllerData'\nimport { usePropValue } from '../../components/hooks/usePropValue'\nimport { useGapYPropControllerData } from '../../components/hooks/useGapYPropControllerData'\nimport { useElementIDPropControllerData } from '../../components/hooks/useElementIDPropControllerData'\nimport { useTableFormFieldsPropControllerData } from '../../components/hooks/useTableFormFieldsPropControllerData'\nimport { useGridPropControllerData } from '../../components/hooks/useGridPropControllerData'\nimport { useImagePropControllerData } from '../../components/hooks/useImagePropControllerData'\nimport { useImagesPropControllerData } from '../../components/hooks/useImagesPropControllerData'\nimport { useBackgroundsPropControllerData } from '../../components/hooks/useBackgroundsPropControllerData'\nimport { useTextInputPropControllerData } from '../../components/hooks/useTextInputPropControllerData'\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        if (!isLegacyDescriptor(descriptor)) {\n          switch (descriptor.controlType) {\n            case CheckboxDefinition.type:\n            case NumberDefinition.type:\n            case TextInputDefinition.type:\n            case TextAreaDefinition.type:\n            case SelectDefinition.type:\n            case ColorDefinition.type:\n            case IconRadioGroupDefinition.type:\n            case ImageDefinition.type:\n            case ComboboxDefinition.type:\n            case ShapeDefinition.type:\n            case ListDefinition.type:\n            case LinkDefinition.type:\n            case StyleV2Definition.type:\n            case unstable_TypographyDefinition.type:\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 StyleDefinition.type: {\n              const control = (propControllers?.[propName] ?? null) as StyleControl | null\n\n              return (\n                <RenderHook\n                  key={descriptor.controlType}\n                  hook={useFormattedStyle}\n                  parameters={[props[propName], descriptor as StyleDefinition, control]}\n                >\n                  {value => renderFn({ ...propsValue, [propName]: value })}\n                </RenderHook>\n              )\n            }\n\n            case RichTextV1Definition.type: {\n              const control = (propControllers?.[propName] ?? null) as RichTextV1Control | null\n\n              return (\n                <RenderHook\n                  key={descriptor.controlType}\n                  hook={useRichText}\n                  parameters={[props[propName], control]}\n                >\n                  {value => renderFn({ ...propsValue, [propName]: value })}\n                </RenderHook>\n              )\n            }\n\n            case RichTextV2Definition.type: {\n              const control = (propControllers?.[propName] ?? null) as RichTextV2Control | null\n\n              return (\n                <RenderHook\n                  key={descriptor.controlType}\n                  hook={useRichTextV2}\n                  parameters={[props[propName], descriptor as RichTextV2Definition, control]}\n                >\n                  {value => renderFn({ ...propsValue, [propName]: value })}\n                </RenderHook>\n              )\n            }\n\n            case SlotDefinition.type: {\n              const control = (propControllers?.[propName] ?? null) as SlotControl | null\n\n              return (\n                <RenderHook\n                  key={descriptor.controlType}\n                  hook={useSlot}\n                  parameters={[props[propName], control]}\n                >\n                  {value => renderFn({ ...propsValue, [propName]: value })}\n                </RenderHook>\n              )\n            }\n          }\n\n          console.error(`Unknown control type: ${descriptor.controlType}`)\n          return renderFn({ ...propsValue, [propName]: props[propName] })\n        }\n\n        switch (descriptor.type) {\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              case WidthPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getWidthPropControllerDataResponsiveLengthData(props[propName]),\n                })\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              case PaddingPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getPaddingPropControllerDataResponsivePaddingData(props[propName]),\n                })\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              case MarginPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getMarginPropControllerDataResponsiveMarginData(props[propName]),\n                })\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              case BorderRadiusPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getBorderRadiusPropControllerDataResponsiveBorderRadiusData(\n                    props[propName],\n                  ),\n                })\n            }\n\n          case PropControllerTypes.Backgrounds:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useBackgroundsPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Image:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useImagePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Images:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useImagesPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\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.ResponsiveNumber:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={data => usePropValue(ResponsiveNumber, data)}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ResponsiveIconRadioGroup:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={data => usePropValue(ResponsiveIconRadioGroup, data)}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ResponsiveSelect:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={data => usePropValue(ResponsiveSelect, data)}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ResponsiveOpacity:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={data => usePropValue(ResponsiveOpacity, data)}\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              case BorderPropControllerFormat.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getBorderPropControllerDataResponsiveBorderData(props[propName]),\n                })\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          case PropControllerTypes.NavigationLinks:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useNavigationLinksPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.TextInput:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTextInputPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.TextArea:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTextAreaPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.GapX:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={data => usePropValue(GapX, data)}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.GapY:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useGapYPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ElementID:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useElementIDPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.TableFormFields:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTableFormFieldsPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.SocialLinks:\n            return renderFn({\n              ...propsValue,\n              [propName]: getSocialLinksPropControllerDataSocialLinksData(props[propName]),\n            })\n\n          case PropControllerTypes.Grid:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useGridPropControllerData}\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":"AA4LgB;AA5LhB,SAAS,cAAc;AAEvB,YAAY,eAAe;AAE3B;AAAA,EACE;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B;AAAA,EACE,SAAS;AAAA,EACT;AAAA,EAEA;AAAA,EAEA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,0BAA0B;AACnC,SAAS,6CAA6C;AACtD,SAAS,mCAAmC;AAC5C,SAAS,4CAA4C;AACrD,SAAS,sCAAsC;AAC/C,SAAS,4CAA4C;AACrD,SAAS,qCAAqC;AAC9C,SAAS,oBAAoB;AAC7B,SAAS,iCAAiC;AAC1C,SAAS,sCAAsC;AAC/C,SAAS,4CAA4C;AACrD,SAAS,iCAAiC;AAC1C,SAAS,kCAAkC;AAC3C,SAAS,mCAAmC;AAC5C,SAAS,wCAAwC;AACjD,SAAS,sCAAsC;AAI/C,SAAS,cACP,MACA,YACQ;AACR,QAAM,QAAQ,+CAA+C,IAAI;AAEjE,SAAO,SAAS,mBAAmB,OAAO,WAAW,QAAQ,YAAY,CAAC;AAC5E;AAEA,SAAS,gBAAgB,MAAqD;AAC5E,QAAM,QAAQ,kDAAkD,IAAI;AAEpE,SAAO,SAAS,qBAAqB,KAAK,CAAC;AAC7C;AAEA,SAAS,eAAe,MAAoD;AAC1E,QAAM,QAAQ,gDAAgD,IAAI;AAElE,SAAO,SAAS,oBAAoB,KAAK,CAAC;AAC5C;AAEO,SAAS,qBAAqB,MAA0D;AAC7F,QAAM,QAAQ,4DAA4D,IAAI;AAE9E,SAAO,SAAS,0BAA0B,KAAK,CAAC;AAClD;AAEO,SAAS,gBAAgB,MAAqD;AACnF,SAAO,SAAS,oBAAoB,aAAa,IAAI,KAAK,MAAS,CAAC;AACtE;AAEO,SAAS,eACd,MAC2C;AAC3C,QAAM,QAAQ,gDAAgD,IAAI;AAClE,QAAM,aAAa,cAAc,KAAK;AAEtC,SAAO,SAAS,oBAAoB,cAAc,MAAS,CAAC;AAC9D;AAOO,SAAS,WAAW,EAAE,SAAS,SAAS,GAAiC;AAC9E,QAAM,QAAQ,SAAS;AACvB,QAAM,+BAA+B;AAAA,IACnC,UAAU,sCAAsC,MAAM,SAAS,GAAG,QAAQ,IAAI,KAAK,CAAC;AAAA,EACtF;AACA,QAAM,QAAQ,QAAQ;AACtB,QAAM,cAAc,eAAe;AAEnC,QAAM,kBAAkB,YAAY,WAAS;AAC3C,QAAI,eAAe;AAAM,aAAO;AAEhC,WAAO,UAAU,mBAAmB,OAAO,aAAa,QAAQ,GAAG;AAAA,EACrE,CAAC;AAED,SAAO,OAAO,QAAQ,6BAA6B,OAAO,EAAE;AAAA,IAC1D,CAAC,UAAU,CAAC,UAAU,UAAU,MAC9B,gBAAc;AACZ,UAAI,CAAC,mBAAmB,UAAU,GAAG;AACnC,gBAAQ,WAAW,aAAa;AAAA,UAC9B,KAAK,mBAAmB;AAAA,UACxB,KAAK,iBAAiB;AAAA,UACtB,KAAK,oBAAoB;AAAA,UACzB,KAAK,mBAAmB;AAAA,UACxB,KAAK,iBAAiB;AAAA,UACtB,KAAK,gBAAgB;AAAA,UACrB,KAAK,yBAAyB;AAAA,UAC9B,KAAK,gBAAgB;AAAA,UACrB,KAAK,mBAAmB;AAAA,UACxB,KAAK,gBAAgB;AAAA,UACrB,KAAK,eAAe;AAAA,UACpB,KAAK,eAAe;AAAA,UACpB,KAAK,kBAAkB;AAAA,UACvB,KAAK,8BAA8B;AACjC,mBACE;AAAA,cAAC;AAAA;AAAA,gBACC,YAAY;AAAA,gBACZ,MAAM,MAAM,QAAQ;AAAA,gBACpB,SAAS,kBAAkB,QAAQ;AAAA,gBAElC,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YACzD;AAAA,UAGJ,KAAK,gBAAgB,MAAM;AACzB,kBAAM,UAAW,kBAAkB,QAAQ,KAAK;AAEhD,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAM;AAAA,gBACN,YAAY,CAAC,MAAM,QAAQ,GAAG,YAA+B,OAAO;AAAA,gBAEnE,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,cAJlD,WAAW;AAAA,YAKlB;AAAA,UAEJ;AAAA,UAEA,KAAK,qBAAqB,MAAM;AAC9B,kBAAM,UAAW,kBAAkB,QAAQ,KAAK;AAEhD,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAM;AAAA,gBACN,YAAY,CAAC,MAAM,QAAQ,GAAG,OAAO;AAAA,gBAEpC,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,cAJlD,WAAW;AAAA,YAKlB;AAAA,UAEJ;AAAA,UAEA,KAAK,qBAAqB,MAAM;AAC9B,kBAAM,UAAW,kBAAkB,QAAQ,KAAK;AAEhD,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAM;AAAA,gBACN,YAAY,CAAC,MAAM,QAAQ,GAAG,YAAoC,OAAO;AAAA,gBAExE,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,cAJlD,WAAW;AAAA,YAKlB;AAAA,UAEJ;AAAA,UAEA,KAAK,eAAe,MAAM;AACxB,kBAAM,UAAW,kBAAkB,QAAQ,KAAK;AAEhD,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,MAAM;AAAA,gBACN,YAAY,CAAC,MAAM,QAAQ,GAAG,OAAO;AAAA,gBAEpC,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,cAJlD,WAAW;AAAA,YAKlB;AAAA,UAEJ;AAAA,QACF;AAEA,gBAAQ,MAAM,yBAAyB,WAAW,WAAW,EAAE;AAC/D,eAAO,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,QAAQ,EAAE,CAAC;AAAA,MAChE;AAEA,cAAQ,WAAW,MAAM;AAAA,QACvB,KAAK,oBAAoB;AACvB,kBAAQ,WAAW,QAAQ,QAAQ;AAAA,YACjC,KAAK,0BAA0B;AAC7B,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,MAAM;AAAA,kBACN,YAAY,CAAC,MAAM,QAAQ,GAAG,UAAU;AAAA,kBAEvC,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,gBAJlD,WAAW;AAAA,cAKlB;AAAA,YAGJ,KAAK,0BAA0B;AAAA,YAC/B;AACE,qBAAO,SAAS;AAAA,gBACd,GAAG;AAAA,gBACH,CAAC,QAAQ,GAAG,+CAA+C,MAAM,QAAQ,CAAC;AAAA,cAC5E,CAAC;AAAA,UACL;AAAA,QAEF,KAAK,oBAAoB;AACvB,kBAAQ,WAAW,QAAQ,QAAQ;AAAA,YACjC,KAAK,4BAA4B;AAC/B,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,MAAM;AAAA,kBACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,kBAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,gBAJlD,WAAW;AAAA,cAKlB;AAAA,YAGJ,KAAK,4BAA4B;AAAA,YACjC;AACE,qBAAO,SAAS;AAAA,gBACd,GAAG;AAAA,gBACH,CAAC,QAAQ,GAAG,kDAAkD,MAAM,QAAQ,CAAC;AAAA,cAC/E,CAAC;AAAA,UACL;AAAA,QAEF,KAAK,oBAAoB;AACvB,kBAAQ,WAAW,QAAQ,QAAQ;AAAA,YACjC,KAAK,2BAA2B;AAC9B,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,MAAM;AAAA,kBACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,kBAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,gBAJlD,WAAW;AAAA,cAKlB;AAAA,YAGJ,KAAK,2BAA2B;AAAA,YAChC;AACE,qBAAO,SAAS;AAAA,gBACd,GAAG;AAAA,gBACH,CAAC,QAAQ,GAAG,gDAAgD,MAAM,QAAQ,CAAC;AAAA,cAC7E,CAAC;AAAA,UACL;AAAA,QAEF,KAAK,oBAAoB;AACvB,kBAAQ,WAAW,QAAQ,QAAQ;AAAA,YACjC,KAAK,iCAAiC;AACpC,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,MAAM;AAAA,kBACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,kBAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,gBAJlD,WAAW;AAAA,cAKlB;AAAA,YAGJ,KAAK,iCAAiC;AAAA,YACtC;AACE,qBAAO,SAAS;AAAA,gBACd,GAAG;AAAA,gBACH,CAAC,QAAQ,GAAG;AAAA,kBACV,MAAM,QAAQ;AAAA,gBAChB;AAAA,cACF,CAAC;AAAA,UACL;AAAA,QAEF,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,UAAQ,aAAa,kBAAkB,IAAI;AAAA,cACjD,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,UAAQ,aAAa,0BAA0B,IAAI;AAAA,cACzD,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,UAAQ,aAAa,kBAAkB,IAAI;AAAA,cACjD,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,UAAQ,aAAa,mBAAmB,IAAI;AAAA,cAClD,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,kBAAQ,WAAW,QAAQ,QAAQ;AAAA,YACjC,KAAK,QAAQ,OAAO;AAClB,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,MAAM;AAAA,kBACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,kBAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,gBAJlD,WAAW;AAAA,cAKlB;AAAA,YAGJ,KAAK,QAAQ,OAAO;AAAA,YACpB;AACE,qBAAO,SAAS;AAAA,gBACd,GAAG;AAAA,gBACH,CAAC,QAAQ,GAAG,kDAAkD,MAAM,QAAQ,CAAC;AAAA,cAC/E,CAAC;AAAA,UACL;AAAA,QAEF,KAAK,oBAAoB;AACvB,kBAAQ,WAAW,QAAQ,QAAQ;AAAA,YACjC,KAAK,2BAA2B;AAC9B,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,MAAM;AAAA,kBACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,kBAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,gBAJlD,WAAW;AAAA,cAKlB;AAAA,YAGJ,KAAK,2BAA2B;AAAA,YAChC;AACE,qBAAO,SAAS;AAAA,gBACd,GAAG;AAAA,gBACH,CAAC,QAAQ,GAAG,gDAAgD,MAAM,QAAQ,CAAC;AAAA,cAC7E,CAAC;AAAA,UACL;AAAA,QAEF,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,UAAQ,aAAa,MAAM,IAAI;AAAA,cACrC,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ,KAAK,oBAAoB;AACvB,iBAAO,SAAS;AAAA,YACd,GAAG;AAAA,YACH,CAAC,QAAQ,GAAG,gDAAgD,MAAM,QAAQ,CAAC;AAAA,UAC7E,CAAC;AAAA,QAEH,KAAK,oBAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM;AAAA,cACN,YAAY,CAAC,MAAM,QAAQ,CAAC;AAAA,cAE3B,qBAAS,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,CAAC;AAAA;AAAA,YAJlD,WAAW;AAAA,UAKlB;AAAA,QAGJ;AACE,iBAAO,SAAS,EAAE,GAAG,YAAY,CAAC,QAAQ,GAAG,MAAM,QAAQ,EAAE,CAAC;AAAA,MAClE;AAAA,IACF;AAAA,IACF;AAAA,EACF,EAAE,CAAC,CAAC;AACN;","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  CheckboxDefinition,\n  NumberDefinition,\n  RichTextV2Definition,\n  RichTextV2Control,\n  ColorDefinition,\n  ComboboxDefinition,\n  IconRadioGroupDefinition,\n  ImageDefinition,\n  LinkDefinition,\n  ListDefinition,\n  RichTextV1Definition,\n  RichTextV1Control,\n  SelectDefinition,\n  ShapeDefinition,\n  SlotDefinition,\n  SlotControl,\n  StyleDefinition,\n  StyleControl,\n  StyleV2Definition,\n  TextAreaDefinition,\n  TextInputDefinition,\n  unstable_TypographyDefinition,\n} from '../../controls'\n\nimport { isLegacyDescriptor } from '../../prop-controllers/descriptors'\n\nimport { useFormattedStyle } from './controls/style'\nimport { ControlValue } from './controls/control'\nimport { useSlot } from './controls/slot'\nimport { useRichText } from './controls/rich-text/rich-text'\nimport { useRichTextV2 } from './controls/rich-text-v2'\n\nimport { useStore } from './hooks/use-store'\nimport { useDocumentKey } from './hooks/use-document-key'\nimport { useSelector } from './hooks/use-selector'\n\nimport { RenderHook } from './components'\nimport { resolveLegacyDescriptorProp } from './legacy-controls'\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        if (isLegacyDescriptor(descriptor)) {\n          return resolveLegacyDescriptorProp(\n            descriptor,\n            propName,\n            props[propName],\n            propsValue,\n            renderFn,\n          )\n        }\n\n        switch (descriptor.controlType) {\n          case CheckboxDefinition.type:\n          case NumberDefinition.type:\n          case TextInputDefinition.type:\n          case TextAreaDefinition.type:\n          case SelectDefinition.type:\n          case ColorDefinition.type:\n          case IconRadioGroupDefinition.type:\n          case ImageDefinition.type:\n          case ComboboxDefinition.type:\n          case ShapeDefinition.type:\n          case ListDefinition.type:\n          case LinkDefinition.type:\n          case StyleV2Definition.type:\n          case unstable_TypographyDefinition.type:\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 StyleDefinition.type: {\n            const control = (propControllers?.[propName] ?? null) as StyleControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.controlType}\n                hook={useFormattedStyle}\n                parameters={[props[propName], descriptor as StyleDefinition, control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case RichTextV1Definition.type: {\n            const control = (propControllers?.[propName] ?? null) as RichTextV1Control | null\n\n            return (\n              <RenderHook\n                key={descriptor.controlType}\n                hook={useRichText}\n                parameters={[props[propName], control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case RichTextV2Definition.type: {\n            const control = (propControllers?.[propName] ?? null) as RichTextV2Control | null\n\n            return (\n              <RenderHook\n                key={descriptor.controlType}\n                hook={useRichTextV2}\n                parameters={[props[propName], descriptor as RichTextV2Definition, control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case SlotDefinition.type: {\n            const control = (propControllers?.[propName] ?? null) as SlotControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.controlType}\n                hook={useSlot}\n                parameters={[props[propName], control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n        }\n\n        console.error(`Unknown control type: ${descriptor.controlType}`)\n        return renderFn({ ...propsValue, [propName]: props[propName] })\n      },\n    children,\n  )({})\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,356 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  useBoxShadow,
+  useBorder as useBorderData,
+  useLinkPropControllerData,
+  useCheckboxPropControllerData,
+  useDatePropControllerData,
+  useFontPropControllerData,
+  useVideoPropControllerData,
+  useTablePropControllerData
+} from "../../components/hooks";
+import {
+  useResponsiveBorder,
+  useResponsiveBorderRadius,
+  useResponsiveMargin,
+  useResponsivePadding,
+  useResponsiveShadow,
+  useResponsiveWidth
+} from "../../components/utils/responsive-style";
+import { RenderHook } from "./components";
+import { useStyle } from "./use-style";
+import {
+  Types as PropControllerTypes,
+  getShadowsPropControllerDataResponsiveShadowsData,
+  Shadows,
+  BorderPropControllerFormat,
+  getBorderPropControllerDataResponsiveBorderData,
+  getBorderRadiusPropControllerDataResponsiveBorderRadiusData,
+  BorderRadiusPropControllerFormat,
+  MarginPropControllerFormat,
+  getMarginPropControllerDataResponsiveMarginData,
+  getPaddingPropControllerDataResponsivePaddingData,
+  PaddingPropControllerFormat,
+  getWidthPropControllerDataResponsiveLengthData,
+  WidthPropControllerFormat,
+  GapX,
+  ResponsiveNumber,
+  ResponsiveIconRadioGroup,
+  ResponsiveSelect,
+  ResponsiveOpacity,
+  getSocialLinksPropControllerDataSocialLinksData
+} from "@makeswift/prop-controllers";
+import { useResponsiveLengthPropControllerData } from "../../components/hooks/useResponsiveLengthPropControllerData";
+import { useNumberPropControllerData } from "../../components/hooks/useNumberPropControllerData";
+import { useResponsiveColorPropControllerData } from "../../components/hooks/useResponsiveColorPropControllerData";
+import { useTextStylePropControllerData } from "../../components/hooks/useTextStylePropControllerData";
+import { useNavigationLinksPropControllerData } from "../../components/hooks/useNavigationLinksPropControllerData";
+import { useTextAreaPropControllerData } from "../../components/hooks/useTextAreaPropControllerData";
+import { usePropValue } from "../../components/hooks/usePropValue";
+import { useGapYPropControllerData } from "../../components/hooks/useGapYPropControllerData";
+import { useElementIDPropControllerData } from "../../components/hooks/useElementIDPropControllerData";
+import { useTableFormFieldsPropControllerData } from "../../components/hooks/useTableFormFieldsPropControllerData";
+import { useGridPropControllerData } from "../../components/hooks/useGridPropControllerData";
+import { useImagePropControllerData } from "../../components/hooks/useImagePropControllerData";
+import { useImagesPropControllerData } from "../../components/hooks/useImagesPropControllerData";
+import { useBackgroundsPropControllerData } from "../../components/hooks/useBackgroundsPropControllerData";
+import { useTextInputPropControllerData } from "../../components/hooks/useTextInputPropControllerData";
+function useWidthStyle(data, descriptor) {
+  const value = getWidthPropControllerDataResponsiveLengthData(data);
+  return useStyle(useResponsiveWidth(value, descriptor.options.defaultValue));
+}
+function usePaddingStyle(data) {
+  const value = getPaddingPropControllerDataResponsivePaddingData(data);
+  return useStyle(useResponsivePadding(value));
+}
+function useMarginStyle(data) {
+  const value = getMarginPropControllerDataResponsiveMarginData(data);
+  return useStyle(useResponsiveMargin(value));
+}
+function useBorderRadiusStyle(data) {
+  const value = getBorderRadiusPropControllerDataResponsiveBorderRadiusData(data);
+  return useStyle(useResponsiveBorderRadius(value));
+}
+function useShadowsStyle(data) {
+  return useStyle(useResponsiveShadow(useBoxShadow(data) ?? void 0));
+}
+function useBorderStyle(data) {
+  const value = getBorderPropControllerDataResponsiveBorderData(data);
+  const borderData = useBorderData(value);
+  return useStyle(useResponsiveBorder(borderData ?? void 0));
+}
+function resolveLegacyDescriptorProp(descriptor, propName, propData, props, renderFn) {
+  switch (descriptor.type) {
+    case PropControllerTypes.Width:
+      switch (descriptor.options.format) {
+        case WidthPropControllerFormat.ClassName:
+          return /* @__PURE__ */ jsx(
+            RenderHook,
+            {
+              hook: useWidthStyle,
+              parameters: [propData, descriptor],
+              children: (value) => renderFn({ ...props, [propName]: value })
+            },
+            descriptor.type
+          );
+        case WidthPropControllerFormat.ResponsiveValue:
+        default:
+          return renderFn({
+            ...props,
+            [propName]: getWidthPropControllerDataResponsiveLengthData(propData)
+          });
+      }
+    case PropControllerTypes.Padding:
+      switch (descriptor.options.format) {
+        case PaddingPropControllerFormat.ClassName:
+          return /* @__PURE__ */ jsx(RenderHook, { hook: usePaddingStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+        case PaddingPropControllerFormat.ResponsiveValue:
+        default:
+          return renderFn({
+            ...props,
+            [propName]: getPaddingPropControllerDataResponsivePaddingData(propData)
+          });
+      }
+    case PropControllerTypes.Margin:
+      switch (descriptor.options.format) {
+        case MarginPropControllerFormat.ClassName:
+          return /* @__PURE__ */ jsx(RenderHook, { hook: useMarginStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+        case MarginPropControllerFormat.ResponsiveValue:
+        default:
+          return renderFn({
+            ...props,
+            [propName]: getMarginPropControllerDataResponsiveMarginData(propData)
+          });
+      }
+    case PropControllerTypes.BorderRadius:
+      switch (descriptor.options.format) {
+        case BorderRadiusPropControllerFormat.ClassName:
+          return /* @__PURE__ */ jsx(RenderHook, { hook: useBorderRadiusStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+        case BorderRadiusPropControllerFormat.ResponsiveValue:
+        default:
+          return renderFn({
+            ...props,
+            [propName]: getBorderRadiusPropControllerDataResponsiveBorderRadiusData(propData)
+          });
+      }
+    case PropControllerTypes.Backgrounds:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useBackgroundsPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.Image:
+      return /* @__PURE__ */ jsx(RenderHook, { hook: useImagePropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    case PropControllerTypes.Images:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useImagesPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.Number:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useNumberPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.ResponsiveNumber:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: (data) => usePropValue(ResponsiveNumber, data),
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.ResponsiveIconRadioGroup:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: (data) => usePropValue(ResponsiveIconRadioGroup, data),
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.ResponsiveSelect:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: (data) => usePropValue(ResponsiveSelect, data),
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.ResponsiveOpacity:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: (data) => usePropValue(ResponsiveOpacity, data),
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.ResponsiveLength:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useResponsiveLengthPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.Shadows:
+      switch (descriptor.options.format) {
+        case Shadows.Format.ClassName:
+          return /* @__PURE__ */ jsx(RenderHook, { hook: useShadowsStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+        case Shadows.Format.ResponsiveValue:
+        default:
+          return renderFn({
+            ...props,
+            [propName]: getShadowsPropControllerDataResponsiveShadowsData(propData)
+          });
+      }
+    case PropControllerTypes.Border:
+      switch (descriptor.options.format) {
+        case BorderPropControllerFormat.ClassName:
+          return /* @__PURE__ */ jsx(RenderHook, { hook: useBorderStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+        case BorderPropControllerFormat.ResponsiveValue:
+        default:
+          return renderFn({
+            ...props,
+            [propName]: getBorderPropControllerDataResponsiveBorderData(propData)
+          });
+      }
+    case PropControllerTypes.ResponsiveColor:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useResponsiveColorPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.Link:
+      return /* @__PURE__ */ jsx(RenderHook, { hook: useLinkPropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    case PropControllerTypes.Checkbox:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useCheckboxPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.Date:
+      return /* @__PURE__ */ jsx(RenderHook, { hook: useDatePropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    case PropControllerTypes.Font:
+      return /* @__PURE__ */ jsx(RenderHook, { hook: useFontPropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    case PropControllerTypes.Video:
+      return /* @__PURE__ */ jsx(RenderHook, { hook: useVideoPropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    case PropControllerTypes.Table:
+      return /* @__PURE__ */ jsx(RenderHook, { hook: useTablePropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    case PropControllerTypes.TextStyle:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useTextStylePropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.NavigationLinks:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useNavigationLinksPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.TextInput:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useTextInputPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.TextArea:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useTextAreaPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.GapX:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: (data) => usePropValue(GapX, data),
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.GapY:
+      return /* @__PURE__ */ jsx(RenderHook, { hook: useGapYPropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    case PropControllerTypes.ElementID:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useElementIDPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.TableFormFields:
+      return /* @__PURE__ */ jsx(
+        RenderHook,
+        {
+          hook: useTableFormFieldsPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case PropControllerTypes.SocialLinks:
+      return renderFn({
+        ...props,
+        [propName]: getSocialLinksPropControllerDataSocialLinksData(propData)
+      });
+    case PropControllerTypes.Grid:
+      return /* @__PURE__ */ jsx(RenderHook, { hook: useGridPropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    default:
+      return renderFn({ ...props, [propName]: propData });
+  }
+}
+export {
+  resolveLegacyDescriptorProp
+};
+//# sourceMappingURL=legacy-controls.js.map

package/dist/esm/runtimes/react/legacy-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/runtimes/react/legacy-controls.tsx"],"sourcesContent":["import {\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'\n\nimport { RenderHook } from './components'\nimport { useStyle } from './use-style'\n\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  GapX,\n  ResponsiveNumber,\n  ResponsiveIconRadioGroup,\n  ResponsiveSelect,\n  ResponsiveOpacity,\n  getSocialLinksPropControllerDataSocialLinksData,\n} from '@makeswift/prop-controllers'\n\nimport { LegacyDescriptor } from '../../prop-controllers/descriptors'\nimport { useResponsiveLengthPropControllerData } from '../../components/hooks/useResponsiveLengthPropControllerData'\nimport { useNumberPropControllerData } from '../../components/hooks/useNumberPropControllerData'\nimport { useResponsiveColorPropControllerData } from '../../components/hooks/useResponsiveColorPropControllerData'\nimport { useTextStylePropControllerData } from '../../components/hooks/useTextStylePropControllerData'\nimport { useNavigationLinksPropControllerData } from '../../components/hooks/useNavigationLinksPropControllerData'\nimport { useTextAreaPropControllerData } from '../../components/hooks/useTextAreaPropControllerData'\nimport { usePropValue } from '../../components/hooks/usePropValue'\nimport { useGapYPropControllerData } from '../../components/hooks/useGapYPropControllerData'\nimport { useElementIDPropControllerData } from '../../components/hooks/useElementIDPropControllerData'\nimport { useTableFormFieldsPropControllerData } from '../../components/hooks/useTableFormFieldsPropControllerData'\nimport { useGridPropControllerData } from '../../components/hooks/useGridPropControllerData'\nimport { useImagePropControllerData } from '../../components/hooks/useImagePropControllerData'\nimport { useImagesPropControllerData } from '../../components/hooks/useImagesPropControllerData'\nimport { useBackgroundsPropControllerData } from '../../components/hooks/useBackgroundsPropControllerData'\nimport { useTextInputPropControllerData } from '../../components/hooks/useTextInputPropControllerData'\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\nfunction useBorderRadiusStyle(data: BorderRadiusPropControllerData | undefined): string {\n  const value = getBorderRadiusPropControllerDataResponsiveBorderRadiusData(data)\n\n  return useStyle(useResponsiveBorderRadius(value))\n}\n\nfunction useShadowsStyle(data: ShadowsPropControllerData | undefined): string {\n  return useStyle(useResponsiveShadow(useBoxShadow(data) ?? undefined))\n}\n\nfunction 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\nexport function resolveLegacyDescriptorProp(\n  descriptor: LegacyDescriptor,\n  propName: string,\n  propData: any,\n  props: Record<string, any>,\n  renderFn: (props: Record<string, unknown>) => JSX.Element,\n) {\n  switch (descriptor.type) {\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={[propData, descriptor]}\n            >\n              {value => renderFn({ ...props, [propName]: value })}\n            </RenderHook>\n          )\n\n        case WidthPropControllerFormat.ResponsiveValue:\n        default:\n          return renderFn({\n            ...props,\n            [propName]: getWidthPropControllerDataResponsiveLengthData(propData),\n          })\n      }\n\n    case PropControllerTypes.Padding:\n      switch (descriptor.options.format) {\n        case PaddingPropControllerFormat.ClassName:\n          return (\n            <RenderHook key={descriptor.type} hook={usePaddingStyle} parameters={[propData]}>\n              {value => renderFn({ ...props, [propName]: value })}\n            </RenderHook>\n          )\n\n        case PaddingPropControllerFormat.ResponsiveValue:\n        default:\n          return renderFn({\n            ...props,\n            [propName]: getPaddingPropControllerDataResponsivePaddingData(propData),\n          })\n      }\n\n    case PropControllerTypes.Margin:\n      switch (descriptor.options.format) {\n        case MarginPropControllerFormat.ClassName:\n          return (\n            <RenderHook key={descriptor.type} hook={useMarginStyle} parameters={[propData]}>\n              {value => renderFn({ ...props, [propName]: value })}\n            </RenderHook>\n          )\n\n        case MarginPropControllerFormat.ResponsiveValue:\n        default:\n          return renderFn({\n            ...props,\n            [propName]: getMarginPropControllerDataResponsiveMarginData(propData),\n          })\n      }\n\n    case PropControllerTypes.BorderRadius:\n      switch (descriptor.options.format) {\n        case BorderRadiusPropControllerFormat.ClassName:\n          return (\n            <RenderHook key={descriptor.type} hook={useBorderRadiusStyle} parameters={[propData]}>\n              {value => renderFn({ ...props, [propName]: value })}\n            </RenderHook>\n          )\n\n        case BorderRadiusPropControllerFormat.ResponsiveValue:\n        default:\n          return renderFn({\n            ...props,\n            [propName]: getBorderRadiusPropControllerDataResponsiveBorderRadiusData(propData),\n          })\n      }\n\n    case PropControllerTypes.Backgrounds:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={useBackgroundsPropControllerData}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.Image:\n      return (\n        <RenderHook key={descriptor.type} hook={useImagePropControllerData} parameters={[propData]}>\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.Images:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={useImagesPropControllerData}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.Number:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={useNumberPropControllerData}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.ResponsiveNumber:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={data => usePropValue(ResponsiveNumber, data)}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.ResponsiveIconRadioGroup:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={data => usePropValue(ResponsiveIconRadioGroup, data)}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.ResponsiveSelect:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={data => usePropValue(ResponsiveSelect, data)}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.ResponsiveOpacity:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={data => usePropValue(ResponsiveOpacity, data)}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.ResponsiveLength:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={useResponsiveLengthPropControllerData}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.Shadows:\n      switch (descriptor.options.format) {\n        case Shadows.Format.ClassName:\n          return (\n            <RenderHook key={descriptor.type} hook={useShadowsStyle} parameters={[propData]}>\n              {value => renderFn({ ...props, [propName]: value })}\n            </RenderHook>\n          )\n\n        case Shadows.Format.ResponsiveValue:\n        default:\n          return renderFn({\n            ...props,\n            [propName]: getShadowsPropControllerDataResponsiveShadowsData(propData),\n          })\n      }\n\n    case PropControllerTypes.Border:\n      switch (descriptor.options.format) {\n        case BorderPropControllerFormat.ClassName:\n          return (\n            <RenderHook key={descriptor.type} hook={useBorderStyle} parameters={[propData]}>\n              {value => renderFn({ ...props, [propName]: value })}\n            </RenderHook>\n          )\n\n        case BorderPropControllerFormat.ResponsiveValue:\n        default:\n          return renderFn({\n            ...props,\n            [propName]: getBorderPropControllerDataResponsiveBorderData(propData),\n          })\n      }\n\n    case PropControllerTypes.ResponsiveColor:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={useResponsiveColorPropControllerData}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.Link:\n      return (\n        <RenderHook key={descriptor.type} hook={useLinkPropControllerData} parameters={[propData]}>\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.Checkbox:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={useCheckboxPropControllerData}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.Date:\n      return (\n        <RenderHook key={descriptor.type} hook={useDatePropControllerData} parameters={[propData]}>\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.Font:\n      return (\n        <RenderHook key={descriptor.type} hook={useFontPropControllerData} parameters={[propData]}>\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.Video:\n      return (\n        <RenderHook key={descriptor.type} hook={useVideoPropControllerData} parameters={[propData]}>\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.Table:\n      return (\n        <RenderHook key={descriptor.type} hook={useTablePropControllerData} parameters={[propData]}>\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.TextStyle:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={useTextStylePropControllerData}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.NavigationLinks:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={useNavigationLinksPropControllerData}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.TextInput:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={useTextInputPropControllerData}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.TextArea:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={useTextAreaPropControllerData}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.GapX:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={data => usePropValue(GapX, data)}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.GapY:\n      return (\n        <RenderHook key={descriptor.type} hook={useGapYPropControllerData} parameters={[propData]}>\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.ElementID:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={useElementIDPropControllerData}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.TableFormFields:\n      return (\n        <RenderHook\n          key={descriptor.type}\n          hook={useTableFormFieldsPropControllerData}\n          parameters={[propData]}\n        >\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    case PropControllerTypes.SocialLinks:\n      return renderFn({\n        ...props,\n        [propName]: getSocialLinksPropControllerDataSocialLinksData(propData),\n      })\n\n    case PropControllerTypes.Grid:\n      return (\n        <RenderHook key={descriptor.type} hook={useGridPropControllerData} parameters={[propData]}>\n          {value => renderFn({ ...props, [propName]: value })}\n        </RenderHook>\n      )\n\n    default:\n      return renderFn({ ...props, [propName]: propData })\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/types/runtimes/react/controls.d.ts

@@ -1,11 +1,5 @@
 /// <reference types="react" />
 import * as ReactPage from '../../state/react-page';
-import type { ColorValue } from '../../components/utils/types';
-import { ShadowsPropControllerData, ResponsiveValue, ResponsiveBorderData, BorderPropControllerData, BorderRadiusPropControllerData } from '@makeswift/prop-controllers';
-export type ResponsiveColor = ResponsiveValue<ColorValue>;
-export declare function useBorderRadiusStyle(data: BorderRadiusPropControllerData | undefined): string;
-export declare function useShadowsStyle(data: ShadowsPropControllerData | undefined): string;
-export declare function useBorderStyle(data: BorderPropControllerData | undefined): string | ResponsiveBorderData | undefined;
 type PropsValueProps = {
     element: ReactPage.ElementData;
     children(props: Record<string, unknown>): JSX.Element;

package/dist/types/runtimes/react/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/runtimes/react/controls.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,SAAS,MAAM,wBAAwB,CAAA;AAYnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AA6C9D,OAAO,EAGL,yBAAyB,EAEzB,eAAe,EAEf,oBAAoB,EACpB,wBAAwB,EAGxB,8BAA8B,EAkB/B,MAAM,6BAA6B,CAAA;AAmBpC,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,UAAU,CAAC,CAAA;AAuBzD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,8BAA8B,GAAG,SAAS,GAAG,MAAM,CAI7F;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,yBAAyB,GAAG,SAAS,GAAG,MAAM,CAEnF;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,wBAAwB,GAAG,SAAS,GACzC,MAAM,GAAG,oBAAoB,GAAG,SAAS,CAK3C;AAED,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,SAAS,CAAC,WAAW,CAAA;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAAA;CACtD,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAwgB9E"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/runtimes/react/controls.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,SAAS,MAAM,wBAAwB,CAAA;AA0CnD,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,SAAS,CAAC,WAAW,CAAA;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAAA;CACtD,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAkH9E"}

package/dist/types/runtimes/react/legacy-controls.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { ColorValue } from '../../components/utils/types';
+import { ResponsiveValue } from '@makeswift/prop-controllers';
+import { LegacyDescriptor } from '../../prop-controllers/descriptors';
+export type ResponsiveColor = ResponsiveValue<ColorValue>;
+export declare function resolveLegacyDescriptorProp(descriptor: LegacyDescriptor, propName: string, propData: any, props: Record<string, any>, renderFn: (props: Record<string, unknown>) => JSX.Element): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=legacy-controls.d.ts.map

package/dist/types/runtimes/react/legacy-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy-controls.d.ts","sourceRoot":"","sources":["../../../../src/runtimes/react/legacy-controls.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAa9D,OAAO,EAKL,eAAe,EAwBhB,MAAM,6BAA6B,CAAA;AAEpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AAiBrE,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,UAAU,CAAC,CAAA;AA0CzD,wBAAgB,2BAA2B,CACzC,UAAU,EAAE,gBAAgB,EAC5B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC,OAAO,2CAyW1D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@makeswift/runtime",
-  "version": "0.20.3",
+  "version": "0.20.4-canary.0",
   "license": "MIT",
   "files": [
     "dist",