@makeswift/runtime 0.20.3 → 0.20.4-canary.1

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

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

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

@@ -28,69 +28,24 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var controls_exports = {};
 __export(controls_exports, {
-  PropsValue: () => PropsValue,
-  useBorderRadiusStyle: () => useBorderRadiusStyle,
-  useBorderStyle: () => useBorderStyle,
-  useShadowsStyle: () => useShadowsStyle
+  PropsValue: () => PropsValue
 });
 module.exports = __toCommonJS(controls_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var ReactPage = __toESM(require("../../state/react-page"));
-var import_hooks = require("../../components/hooks");
-var import_responsive_style = require("../../components/utils/responsive-style");
 var import_controls = require("../../controls");
+var import_descriptors = require("../../prop-controllers/descriptors");
 var import_style = require("./controls/style");
 var import_control = require("./controls/control");
-var import_components = require("./components");
 var import_slot = require("./controls/slot");
-var import_use_style = require("./use-style");
 var import_rich_text = require("./controls/rich-text/rich-text");
 var import_rich_text_v2 = require("./controls/rich-text-v2");
 var import_use_store = require("./hooks/use-store");
 var import_use_document_key = require("./hooks/use-document-key");
 var import_use_selector = require("./hooks/use-selector");
-var import_prop_controllers = require("@makeswift/prop-controllers");
-var import_descriptors = require("../../prop-controllers/descriptors");
-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));
-}
+var import_components = require("./components");
+var import_legacy_controls = require("./legacy-controls");
 function PropsValue({ element, children }) {
   const store = (0, import_use_store.useStore)();
   const propControllerDescriptorsRef = (0, import_react.useRef)(
@@ -105,467 +60,96 @@ function PropsValue({ element, children }) {
   });
   return Object.entries(propControllerDescriptorsRef.current).reduceRight(
     (renderFn, [propName, descriptor]) => (propsValue) => {
-      if (!(0, import_descriptors.isLegacyDescriptor)(descriptor)) {
-        switch (descriptor.controlType) {
-          case import_controls.CheckboxDefinition.type:
-          case import_controls.NumberDefinition.type:
-          case import_controls.TextInputDefinition.type:
-          case import_controls.TextAreaDefinition.type:
-          case import_controls.SelectDefinition.type:
-          case import_controls.ColorDefinition.type:
-          case import_controls.IconRadioGroupDefinition.type:
-          case import_controls.ImageDefinition.type:
-          case import_controls.ComboboxDefinition.type:
-          case import_controls.ShapeDefinition.type:
-          case import_controls.ListDefinition.type:
-          case import_controls.LinkDefinition.type:
-          case import_controls.StyleV2Definition.type:
-          case import_controls.unstable_TypographyDefinition.type:
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_control.ControlValue,
-              {
-                definition: descriptor,
-                data: props[propName],
-                control: propControllers?.[propName],
-                children: (value) => renderFn({ ...propsValue, [propName]: value })
-              }
-            );
-          case import_controls.StyleDefinition.type: {
-            const control = propControllers?.[propName] ?? null;
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.RenderHook,
-              {
-                hook: import_style.useFormattedStyle,
-                parameters: [props[propName], descriptor, control],
-                children: (value) => renderFn({ ...propsValue, [propName]: value })
-              },
-              descriptor.controlType
-            );
-          }
-          case import_controls.RichTextV1Definition.type: {
-            const control = propControllers?.[propName] ?? null;
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.RenderHook,
-              {
-                hook: import_rich_text.useRichText,
-                parameters: [props[propName], control],
-                children: (value) => renderFn({ ...propsValue, [propName]: value })
-              },
-              descriptor.controlType
-            );
-          }
-          case import_controls.RichTextV2Definition.type: {
-            const control = propControllers?.[propName] ?? null;
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.RenderHook,
-              {
-                hook: import_rich_text_v2.useRichTextV2,
-                parameters: [props[propName], descriptor, control],
-                children: (value) => renderFn({ ...propsValue, [propName]: value })
-              },
-              descriptor.controlType
-            );
-          }
-          case import_controls.SlotDefinition.type: {
-            const control = propControllers?.[propName] ?? null;
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_components.RenderHook,
-              {
-                hook: import_slot.useSlot,
-                parameters: [props[propName], control],
-                children: (value) => renderFn({ ...propsValue, [propName]: value })
-              },
-              descriptor.controlType
-            );
-          }
-        }
-        console.error(`Unknown control type: ${descriptor.controlType}`);
-        return renderFn({ ...propsValue, [propName]: props[propName] });
+      if ((0, import_descriptors.isLegacyDescriptor)(descriptor)) {
+        return (0, import_legacy_controls.resolveLegacyDescriptorProp)(
+          descriptor,
+          propName,
+          props[propName],
+          propsValue,
+          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: [props[propName], descriptor],
-                  children: (value) => renderFn({ ...propsValue, [propName]: value })
-                },
-                descriptor.type
-              );
-            case import_prop_controllers.WidthPropControllerFormat.ResponsiveValue:
-            default:
-              return renderFn({
-                ...propsValue,
-                [propName]: (0, import_prop_controllers.getWidthPropControllerDataResponsiveLengthData)(props[propName])
-              });
-          }
-        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: [props[propName]],
-                  children: (value) => renderFn({ ...propsValue, [propName]: value })
-                },
-                descriptor.type
-              );
-            case import_prop_controllers.PaddingPropControllerFormat.ResponsiveValue:
-            default:
-              return renderFn({
-                ...propsValue,
-                [propName]: (0, import_prop_controllers.getPaddingPropControllerDataResponsivePaddingData)(props[propName])
-              });
-          }
-        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: [props[propName]],
-                  children: (value) => renderFn({ ...propsValue, [propName]: value })
-                },
-                descriptor.type
-              );
-            case import_prop_controllers.MarginPropControllerFormat.ResponsiveValue:
-            default:
-              return renderFn({
-                ...propsValue,
-                [propName]: (0, import_prop_controllers.getMarginPropControllerDataResponsiveMarginData)(props[propName])
-              });
-          }
-        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: [props[propName]],
-                  children: (value) => renderFn({ ...propsValue, [propName]: value })
-                },
-                descriptor.type
-              );
-            case import_prop_controllers.BorderRadiusPropControllerFormat.ResponsiveValue:
-            default:
-              return renderFn({
-                ...propsValue,
-                [propName]: (0, import_prop_controllers.getBorderRadiusPropControllerDataResponsiveBorderRadiusData)(
-                  props[propName]
-                )
-              });
-          }
-        case import_prop_controllers.Types.Backgrounds:
+      switch (descriptor.controlType) {
+        case import_controls.CheckboxDefinition.type:
+        case import_controls.NumberDefinition.type:
+        case import_controls.TextInputDefinition.type:
+        case import_controls.TextAreaDefinition.type:
+        case import_controls.SelectDefinition.type:
+        case import_controls.ColorDefinition.type:
+        case import_controls.IconRadioGroupDefinition.type:
+        case import_controls.ImageDefinition.type:
+        case import_controls.ComboboxDefinition.type:
+        case import_controls.ShapeDefinition.type:
+        case import_controls.ListDefinition.type:
+        case import_controls.LinkDefinition.type:
+        case import_controls.StyleV2Definition.type:
+        case import_controls.unstable_TypographyDefinition.type:
           return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_components.RenderHook,
+            import_control.ControlValue,
             {
-              hook: import_useBackgroundsPropControllerData.useBackgroundsPropControllerData,
-              parameters: [props[propName]],
+              definition: descriptor,
+              data: props[propName],
+              control: propControllers?.[propName],
               children: (value) => renderFn({ ...propsValue, [propName]: value })
-            },
-            descriptor.type
+            }
           );
-        case import_prop_controllers.Types.Image:
+        case import_controls.StyleDefinition.type: {
+          const control = propControllers?.[propName] ?? null;
           return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_components.RenderHook,
             {
-              hook: import_useImagePropControllerData.useImagePropControllerData,
-              parameters: [props[propName]],
+              hook: import_style.useFormattedStyle,
+              parameters: [props[propName], descriptor, control],
               children: (value) => renderFn({ ...propsValue, [propName]: value })
             },
-            descriptor.type
+            descriptor.controlType
           );
-        case import_prop_controllers.Types.Images:
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_components.RenderHook,
-            {
-              hook: import_useImagesPropControllerData.useImagesPropControllerData,
-              parameters: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-                  children: (value) => renderFn({ ...propsValue, [propName]: value })
-                },
-                descriptor.type
-              );
-            case import_prop_controllers.Shadows.Format.ResponsiveValue:
-            default:
-              return renderFn({
-                ...propsValue,
-                [propName]: (0, import_prop_controllers.getShadowsPropControllerDataResponsiveShadowsData)(props[propName])
-              });
-          }
-        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: [props[propName]],
-                  children: (value) => renderFn({ ...propsValue, [propName]: value })
-                },
-                descriptor.type
-              );
-            case import_prop_controllers.BorderPropControllerFormat.ResponsiveValue:
-            default:
-              return renderFn({
-                ...propsValue,
-                [propName]: (0, import_prop_controllers.getBorderPropControllerDataResponsiveBorderData)(props[propName])
-              });
-          }
-        case import_prop_controllers.Types.ResponsiveColor:
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_components.RenderHook,
-            {
-              hook: import_useResponsiveColorPropControllerData.useResponsiveColorPropControllerData,
-              parameters: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [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: [props[propName]],
-              children: (value) => renderFn({ ...propsValue, [propName]: value })
-            },
-            descriptor.type
-          );
-        case import_prop_controllers.Types.ElementID:
+        }
+        case import_controls.RichTextV1Definition.type: {
+          const control = propControllers?.[propName] ?? null;
           return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_components.RenderHook,
             {
-              hook: import_useElementIDPropControllerData.useElementIDPropControllerData,
-              parameters: [props[propName]],
+              hook: import_rich_text.useRichText,
+              parameters: [props[propName], control],
               children: (value) => renderFn({ ...propsValue, [propName]: value })
             },
-            descriptor.type
+            descriptor.controlType
           );
-        case import_prop_controllers.Types.TableFormFields:
+        }
+        case import_controls.RichTextV2Definition.type: {
+          const control = propControllers?.[propName] ?? null;
           return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_components.RenderHook,
             {
-              hook: import_useTableFormFieldsPropControllerData.useTableFormFieldsPropControllerData,
-              parameters: [props[propName]],
+              hook: import_rich_text_v2.useRichTextV2,
+              parameters: [props[propName], descriptor, control],
               children: (value) => renderFn({ ...propsValue, [propName]: value })
             },
-            descriptor.type
+            descriptor.controlType
           );
-        case import_prop_controllers.Types.SocialLinks:
-          return renderFn({
-            ...propsValue,
-            [propName]: (0, import_prop_controllers.getSocialLinksPropControllerDataSocialLinksData)(props[propName])
-          });
-        case import_prop_controllers.Types.Grid:
+        }
+        case import_controls.SlotDefinition.type: {
+          const control = propControllers?.[propName] ?? null;
           return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             import_components.RenderHook,
             {
-              hook: import_useGridPropControllerData.useGridPropControllerData,
-              parameters: [props[propName]],
+              hook: import_slot.useSlot,
+              parameters: [props[propName], control],
               children: (value) => renderFn({ ...propsValue, [propName]: value })
             },
-            descriptor.type
+            descriptor.controlType
           );
-        default:
-          return renderFn({ ...propsValue, [propName]: props[propName] });
+        }
       }
+      console.error(`Unknown control type: ${descriptor.controlType}`);
+      return renderFn({ ...propsValue, [propName]: props[propName] });
     },
     children
   )({});
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  PropsValue,
-  useBorderRadiusStyle,
-  useBorderStyle,
-  useShadowsStyle
+  PropsValue
 });
 //# sourceMappingURL=controls.js.map