@makeswift/runtime 0.20.3 → 0.20.4-canary.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/controls.tsx"],"sourcesContent":["import { useRef } from 'react'\n\nimport * as ReactPage from '../../state/react-page'\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA4LgB;AA5LhB,mBAAuB;AAEvB,gBAA2B;AAE3B,mBASO;AAEP,8BAOO;AAEP,sBAuBO;AAEP,mBAAkC;AAClC,qBAA6B;AAC7B,wBAA2B;AAC3B,kBAAwB;AACxB,uBAAyB;AACzB,uBAA4B;AAC5B,0BAA8B;AAC9B,uBAAyB;AACzB,8BAA+B;AAC/B,0BAA4B;AAC5B,8BA6BO;AAEP,yBAAmC;AACnC,mDAAsD;AACtD,yCAA4C;AAC5C,kDAAqD;AACrD,4CAA+C;AAC/C,kDAAqD;AACrD,2CAA8C;AAC9C,0BAA6B;AAC7B,uCAA0C;AAC1C,4CAA+C;AAC/C,kDAAqD;AACrD,uCAA0C;AAC1C,wCAA2C;AAC3C,yCAA4C;AAC5C,8CAAiD;AACjD,4CAA+C;AAI/C,SAAS,cACP,MACA,YACQ;AACR,QAAM,YAAQ,wEAA+C,IAAI;AAEjE,aAAO,+BAAS,4CAAmB,OAAO,WAAW,QAAQ,YAAY,CAAC;AAC5E;AAEA,SAAS,gBAAgB,MAAqD;AAC5E,QAAM,YAAQ,2EAAkD,IAAI;AAEpE,aAAO,+BAAS,8CAAqB,KAAK,CAAC;AAC7C;AAEA,SAAS,eAAe,MAAoD;AAC1E,QAAM,YAAQ,yEAAgD,IAAI;AAElE,aAAO,+BAAS,6CAAoB,KAAK,CAAC;AAC5C;AAEO,SAAS,qBAAqB,MAA0D;AAC7F,QAAM,YAAQ,qFAA4D,IAAI;AAE9E,aAAO,+BAAS,mDAA0B,KAAK,CAAC;AAClD;AAEO,SAAS,gBAAgB,MAAqD;AACnF,aAAO,+BAAS,iDAAoB,2BAAa,IAAI,KAAK,MAAS,CAAC;AACtE;AAEO,SAAS,eACd,MAC2C;AAC3C,QAAM,YAAQ,yEAAgD,IAAI;AAClE,QAAM,iBAAa,aAAAA,WAAc,KAAK;AAEtC,aAAO,+BAAS,6CAAoB,cAAc,MAAS,CAAC;AAC9D;AAOO,SAAS,WAAW,EAAE,SAAS,SAAS,GAAiC;AAC9E,QAAM,YAAQ,2BAAS;AACvB,QAAM,mCAA+B;AAAA,IACnC,UAAU,sCAAsC,MAAM,SAAS,GAAG,QAAQ,IAAI,KAAK,CAAC;AAAA,EACtF;AACA,QAAM,QAAQ,QAAQ;AACtB,QAAM,kBAAc,wCAAe;AAEnC,QAAM,sBAAkB,iCAAY,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,KAAC,uCAAmB,UAAU,GAAG;AACnC,gBAAQ,WAAW,aAAa;AAAA,UAC9B,KAAK,mCAAmB;AAAA,UACxB,KAAK,iCAAiB;AAAA,UACtB,KAAK,oCAAoB;AAAA,UACzB,KAAK,mCAAmB;AAAA,UACxB,KAAK,iCAAiB;AAAA,UACtB,KAAK,gCAAgB;AAAA,UACrB,KAAK,yCAAyB;AAAA,UAC9B,KAAK,gCAAgB;AAAA,UACrB,KAAK,mCAAmB;AAAA,UACxB,KAAK,gCAAgB;AAAA,UACrB,KAAK,+BAAe;AAAA,UACpB,KAAK,+BAAe;AAAA,UACpB,KAAK,kCAAkB;AAAA,UACvB,KAAK,8CAA8B;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,gCAAgB,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,qCAAqB,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,qCAAqB,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,+BAAe,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,wBAAAC,MAAoB;AACvB,kBAAQ,WAAW,QAAQ,QAAQ;AAAA,YACjC,KAAK,kDAA0B;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,kDAA0B;AAAA,YAC/B;AACE,qBAAO,SAAS;AAAA,gBACd,GAAG;AAAA,gBACH,CAAC,QAAQ,OAAG,wEAA+C,MAAM,QAAQ,CAAC;AAAA,cAC5E,CAAC;AAAA,UACL;AAAA,QAEF,KAAK,wBAAAA,MAAoB;AACvB,kBAAQ,WAAW,QAAQ,QAAQ;AAAA,YACjC,KAAK,oDAA4B;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,oDAA4B;AAAA,YACjC;AACE,qBAAO,SAAS;AAAA,gBACd,GAAG;AAAA,gBACH,CAAC,QAAQ,OAAG,2EAAkD,MAAM,QAAQ,CAAC;AAAA,cAC/E,CAAC;AAAA,UACL;AAAA,QAEF,KAAK,wBAAAA,MAAoB;AACvB,kBAAQ,WAAW,QAAQ,QAAQ;AAAA,YACjC,KAAK,mDAA2B;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,mDAA2B;AAAA,YAChC;AACE,qBAAO,SAAS;AAAA,gBACd,GAAG;AAAA,gBACH,CAAC,QAAQ,OAAG,yEAAgD,MAAM,QAAQ,CAAC;AAAA,cAC7E,CAAC;AAAA,UACL;AAAA,QAEF,KAAK,wBAAAA,MAAoB;AACvB,kBAAQ,WAAW,QAAQ,QAAQ;AAAA,YACjC,KAAK,yDAAiC;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,yDAAiC;AAAA,YACtC;AACE,qBAAO,SAAS;AAAA,gBACd,GAAG;AAAA,gBACH,CAAC,QAAQ,OAAG;AAAA,kBACV,MAAM,QAAQ;AAAA,gBAChB;AAAA,cACF,CAAC;AAAA,UACL;AAAA,QAEF,KAAK,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,cAAQ,kCAAa,0CAAkB,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,wBAAAA,MAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,cAAQ,kCAAa,kDAA0B,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,wBAAAA,MAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,cAAQ,kCAAa,0CAAkB,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,wBAAAA,MAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,cAAQ,kCAAa,2CAAmB,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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;AACvB,kBAAQ,WAAW,QAAQ,QAAQ;AAAA,YACjC,KAAK,gCAAQ,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,gCAAQ,OAAO;AAAA,YACpB;AACE,qBAAO,SAAS;AAAA,gBACd,GAAG;AAAA,gBACH,CAAC,QAAQ,OAAG,2EAAkD,MAAM,QAAQ,CAAC;AAAA,cAC/E,CAAC;AAAA,UACL;AAAA,QAEF,KAAK,wBAAAA,MAAoB;AACvB,kBAAQ,WAAW,QAAQ,QAAQ;AAAA,YACjC,KAAK,mDAA2B;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,mDAA2B;AAAA,YAChC;AACE,qBAAO,SAAS;AAAA,gBACd,GAAG;AAAA,gBACH,CAAC,QAAQ,OAAG,yEAAgD,MAAM,QAAQ,CAAC;AAAA,cAC7E,CAAC;AAAA,UACL;AAAA,QAEF,KAAK,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;AACvB,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAM,cAAQ,kCAAa,8BAAM,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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;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,wBAAAA,MAAoB;AACvB,iBAAO,SAAS;AAAA,YACd,GAAG;AAAA,YACH,CAAC,QAAQ,OAAG,yEAAgD,MAAM,QAAQ,CAAC;AAAA,UAC7E,CAAC;AAAA,QAEH,KAAK,wBAAAA,MAAoB;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":["useBorderData","PropControllerTypes"]}
+{"version":3,"sources":["../../../../src/runtimes/react/controls.tsx"],"sourcesContent":["import { useRef } from 'react'\n\nimport * as ReactPage from '../../state/react-page'\n\nimport {\n  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/cjs/runtimes/react/legacy-controls.js

@@ -0,0 +1,344 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var legacy_controls_exports = {};
+__export(legacy_controls_exports, {
+  resolveLegacyDescriptorProp: () => resolveLegacyDescriptorProp
+});
+module.exports = __toCommonJS(legacy_controls_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_hooks = require("../../components/hooks");
+var import_responsive_style = require("../../components/utils/responsive-style");
+var import_components = require("./components");
+var import_use_style = require("./use-style");
+var import_prop_controllers = require("@makeswift/prop-controllers");
+var import_useResponsiveLengthPropControllerData = require("../../components/hooks/useResponsiveLengthPropControllerData");
+var import_useNumberPropControllerData = require("../../components/hooks/useNumberPropControllerData");
+var import_useResponsiveColorPropControllerData = require("../../components/hooks/useResponsiveColorPropControllerData");
+var import_useTextStylePropControllerData = require("../../components/hooks/useTextStylePropControllerData");
+var import_useNavigationLinksPropControllerData = require("../../components/hooks/useNavigationLinksPropControllerData");
+var import_useTextAreaPropControllerData = require("../../components/hooks/useTextAreaPropControllerData");
+var import_usePropValue = require("../../components/hooks/usePropValue");
+var import_useGapYPropControllerData = require("../../components/hooks/useGapYPropControllerData");
+var import_useElementIDPropControllerData = require("../../components/hooks/useElementIDPropControllerData");
+var import_useTableFormFieldsPropControllerData = require("../../components/hooks/useTableFormFieldsPropControllerData");
+var import_useGridPropControllerData = require("../../components/hooks/useGridPropControllerData");
+var import_useImagePropControllerData = require("../../components/hooks/useImagePropControllerData");
+var import_useImagesPropControllerData = require("../../components/hooks/useImagesPropControllerData");
+var import_useBackgroundsPropControllerData = require("../../components/hooks/useBackgroundsPropControllerData");
+var import_useTextInputPropControllerData = require("../../components/hooks/useTextInputPropControllerData");
+function useWidthStyle(data, descriptor) {
+  const value = (0, import_prop_controllers.getWidthPropControllerDataResponsiveLengthData)(data);
+  return (0, import_use_style.useStyle)((0, import_responsive_style.useResponsiveWidth)(value, descriptor.options.defaultValue));
+}
+function usePaddingStyle(data) {
+  const value = (0, import_prop_controllers.getPaddingPropControllerDataResponsivePaddingData)(data);
+  return (0, import_use_style.useStyle)((0, import_responsive_style.useResponsivePadding)(value));
+}
+function useMarginStyle(data) {
+  const value = (0, import_prop_controllers.getMarginPropControllerDataResponsiveMarginData)(data);
+  return (0, import_use_style.useStyle)((0, import_responsive_style.useResponsiveMargin)(value));
+}
+function useBorderRadiusStyle(data) {
+  const value = (0, import_prop_controllers.getBorderRadiusPropControllerDataResponsiveBorderRadiusData)(data);
+  return (0, import_use_style.useStyle)((0, import_responsive_style.useResponsiveBorderRadius)(value));
+}
+function useShadowsStyle(data) {
+  return (0, import_use_style.useStyle)((0, import_responsive_style.useResponsiveShadow)((0, import_hooks.useBoxShadow)(data) ?? void 0));
+}
+function useBorderStyle(data) {
+  const value = (0, import_prop_controllers.getBorderPropControllerDataResponsiveBorderData)(data);
+  const borderData = (0, import_hooks.useBorder)(value);
+  return (0, import_use_style.useStyle)((0, import_responsive_style.useResponsiveBorder)(borderData ?? void 0));
+}
+function resolveLegacyDescriptorProp(descriptor, propName, propData, props, renderFn) {
+  switch (descriptor.type) {
+    case import_prop_controllers.Types.Width:
+      switch (descriptor.options.format) {
+        case import_prop_controllers.WidthPropControllerFormat.ClassName:
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.RenderHook,
+            {
+              hook: useWidthStyle,
+              parameters: [propData, descriptor],
+              children: (value) => renderFn({ ...props, [propName]: value })
+            },
+            descriptor.type
+          );
+        case import_prop_controllers.WidthPropControllerFormat.ResponsiveValue:
+        default:
+          return renderFn({
+            ...props,
+            [propName]: (0, import_prop_controllers.getWidthPropControllerDataResponsiveLengthData)(propData)
+          });
+      }
+    case import_prop_controllers.Types.Padding:
+      switch (descriptor.options.format) {
+        case import_prop_controllers.PaddingPropControllerFormat.ClassName:
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: usePaddingStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+        case import_prop_controllers.PaddingPropControllerFormat.ResponsiveValue:
+        default:
+          return renderFn({
+            ...props,
+            [propName]: (0, import_prop_controllers.getPaddingPropControllerDataResponsivePaddingData)(propData)
+          });
+      }
+    case import_prop_controllers.Types.Margin:
+      switch (descriptor.options.format) {
+        case import_prop_controllers.MarginPropControllerFormat.ClassName:
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: useMarginStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+        case import_prop_controllers.MarginPropControllerFormat.ResponsiveValue:
+        default:
+          return renderFn({
+            ...props,
+            [propName]: (0, import_prop_controllers.getMarginPropControllerDataResponsiveMarginData)(propData)
+          });
+      }
+    case import_prop_controllers.Types.BorderRadius:
+      switch (descriptor.options.format) {
+        case import_prop_controllers.BorderRadiusPropControllerFormat.ClassName:
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: useBorderRadiusStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+        case import_prop_controllers.BorderRadiusPropControllerFormat.ResponsiveValue:
+        default:
+          return renderFn({
+            ...props,
+            [propName]: (0, import_prop_controllers.getBorderRadiusPropControllerDataResponsiveBorderRadiusData)(propData)
+          });
+      }
+    case import_prop_controllers.Types.Backgrounds:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_useBackgroundsPropControllerData.useBackgroundsPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.Image:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: import_useImagePropControllerData.useImagePropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    case import_prop_controllers.Types.Images:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_useImagesPropControllerData.useImagesPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.Number:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_useNumberPropControllerData.useNumberPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.ResponsiveNumber:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: (data) => (0, import_usePropValue.usePropValue)(import_prop_controllers.ResponsiveNumber, data),
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.ResponsiveIconRadioGroup:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: (data) => (0, import_usePropValue.usePropValue)(import_prop_controllers.ResponsiveIconRadioGroup, data),
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.ResponsiveSelect:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: (data) => (0, import_usePropValue.usePropValue)(import_prop_controllers.ResponsiveSelect, data),
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.ResponsiveOpacity:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: (data) => (0, import_usePropValue.usePropValue)(import_prop_controllers.ResponsiveOpacity, data),
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.ResponsiveLength:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_useResponsiveLengthPropControllerData.useResponsiveLengthPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.Shadows:
+      switch (descriptor.options.format) {
+        case import_prop_controllers.Shadows.Format.ClassName:
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: useShadowsStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+        case import_prop_controllers.Shadows.Format.ResponsiveValue:
+        default:
+          return renderFn({
+            ...props,
+            [propName]: (0, import_prop_controllers.getShadowsPropControllerDataResponsiveShadowsData)(propData)
+          });
+      }
+    case import_prop_controllers.Types.Border:
+      switch (descriptor.options.format) {
+        case import_prop_controllers.BorderPropControllerFormat.ClassName:
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: useBorderStyle, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+        case import_prop_controllers.BorderPropControllerFormat.ResponsiveValue:
+        default:
+          return renderFn({
+            ...props,
+            [propName]: (0, import_prop_controllers.getBorderPropControllerDataResponsiveBorderData)(propData)
+          });
+      }
+    case import_prop_controllers.Types.ResponsiveColor:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_useResponsiveColorPropControllerData.useResponsiveColorPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.Link:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: import_hooks.useLinkPropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    case import_prop_controllers.Types.Checkbox:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_hooks.useCheckboxPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.Date:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: import_hooks.useDatePropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    case import_prop_controllers.Types.Font:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: import_hooks.useFontPropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    case import_prop_controllers.Types.Video:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: import_hooks.useVideoPropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    case import_prop_controllers.Types.Table:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: import_hooks.useTablePropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    case import_prop_controllers.Types.TextStyle:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_useTextStylePropControllerData.useTextStylePropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.NavigationLinks:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_useNavigationLinksPropControllerData.useNavigationLinksPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.TextInput:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_useTextInputPropControllerData.useTextInputPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.TextArea:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_useTextAreaPropControllerData.useTextAreaPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.GapX:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: (data) => (0, import_usePropValue.usePropValue)(import_prop_controllers.GapX, data),
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.GapY:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: import_useGapYPropControllerData.useGapYPropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    case import_prop_controllers.Types.ElementID:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_useElementIDPropControllerData.useElementIDPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.TableFormFields:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.RenderHook,
+        {
+          hook: import_useTableFormFieldsPropControllerData.useTableFormFieldsPropControllerData,
+          parameters: [propData],
+          children: (value) => renderFn({ ...props, [propName]: value })
+        },
+        descriptor.type
+      );
+    case import_prop_controllers.Types.SocialLinks:
+      return renderFn({
+        ...props,
+        [propName]: (0, import_prop_controllers.getSocialLinksPropControllerDataSocialLinksData)(propData)
+      });
+    case import_prop_controllers.Types.Grid:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.RenderHook, { hook: import_useGridPropControllerData.useGridPropControllerData, parameters: [propData], children: (value) => renderFn({ ...props, [propName]: value }) }, descriptor.type);
+    default:
+      return renderFn({ ...props, [propName]: propData });
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  resolveLegacyDescriptorProp
+});
+//# sourceMappingURL=legacy-controls.js.map

package/dist/cjs/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":["useBorderData","PropControllerTypes"]}

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

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