@ceed/cds 0.0.89 → 0.0.91

package/framer/index.js

@@ -5726,7 +5726,11 @@ var require_createStyled = __commonJS({
 
 // src/framer-entrypoint.ts
 import { ControlType as ControlType28 } from "framer";
-import React184, { useEffect as useEffect37, useState as useState29 } from "react";
+import React184, {
+  createElement as createElement4,
+  useEffect as useEffect37,
+  useState as useState29
+} from "react";
 
 // ../../node_modules/@mui/joy/colors/colors.js
 var colors = {
@@ -44544,20 +44548,86 @@ var commonPropertyControls = {
     }
   }
 };
-var withCommonControls = (Component) => {
+var withResponsiveMargin = (Component) => {
   return (_a) => {
     var _b = _a, {
-      useNumbering,
-      numbering,
       useResponsiveMargin,
       responsiveMargin
     } = _b, props = __objRest(_b, [
-      "useNumbering",
-      "numbering",
       "useResponsiveMargin",
       "responsiveMargin"
     ]);
-    const components = [{ Component, props }];
+    const style4 = {};
+    const handleXsChange = () => {
+      if (responsiveMargin == null ? void 0 : responsiveMargin.xsMixed) {
+        style4["margin"] = responsiveMargin == null ? void 0 : responsiveMargin.xs;
+      } else {
+        style4["marginLeft"] = responsiveMargin == null ? void 0 : responsiveMargin.xsMarginLeft;
+        style4["marginRight"] = responsiveMargin == null ? void 0 : responsiveMargin.xsMarginRight;
+        style4["marginTop"] = responsiveMargin == null ? void 0 : responsiveMargin.xsMarginTop;
+        style4["marginBottom"] = responsiveMargin == null ? void 0 : responsiveMargin.xsMarginBottom;
+      }
+    };
+    const handleSmChange = () => {
+      if (responsiveMargin == null ? void 0 : responsiveMargin.smMixed) {
+        style4["margin"] = responsiveMargin == null ? void 0 : responsiveMargin.sm;
+      } else {
+        style4["marginLeft"] = responsiveMargin == null ? void 0 : responsiveMargin.smMarginLeft;
+        style4["marginRight"] = responsiveMargin == null ? void 0 : responsiveMargin.smMarginRight;
+        style4["marginTop"] = responsiveMargin == null ? void 0 : responsiveMargin.smMarginTop;
+        style4["marginBottom"] = responsiveMargin == null ? void 0 : responsiveMargin.smMarginBottom;
+      }
+    };
+    const handleMdChange = () => {
+      if (responsiveMargin == null ? void 0 : responsiveMargin.mdMixed) {
+        style4["margin"] = responsiveMargin == null ? void 0 : responsiveMargin.md;
+      } else {
+        style4["marginLeft"] = responsiveMargin == null ? void 0 : responsiveMargin.mdMarginLeft;
+        style4["marginRight"] = responsiveMargin == null ? void 0 : responsiveMargin.mdMarginRight;
+        style4["marginTop"] = responsiveMargin == null ? void 0 : responsiveMargin.mdMarginTop;
+        style4["marginBottom"] = responsiveMargin == null ? void 0 : responsiveMargin.mdMarginBottom;
+      }
+    };
+    const handleLgChange = () => {
+      if (responsiveMargin == null ? void 0 : responsiveMargin.lgMixed) {
+        style4["margin"] = responsiveMargin == null ? void 0 : responsiveMargin.lg;
+      } else {
+        style4["marginLeft"] = responsiveMargin == null ? void 0 : responsiveMargin.lgMarginLeft;
+        style4["marginRight"] = responsiveMargin == null ? void 0 : responsiveMargin.lgMarginRight;
+        style4["marginTop"] = responsiveMargin == null ? void 0 : responsiveMargin.lgMarginTop;
+        style4["marginBottom"] = responsiveMargin == null ? void 0 : responsiveMargin.lgMarginBottom;
+      }
+    };
+    const handleXlChange = () => {
+      if (responsiveMargin == null ? void 0 : responsiveMargin.xlMixed) {
+        style4["margin"] = responsiveMargin == null ? void 0 : responsiveMargin.xl;
+      } else {
+        style4["marginLeft"] = responsiveMargin == null ? void 0 : responsiveMargin.xlMarginLeft;
+        style4["marginRight"] = responsiveMargin == null ? void 0 : responsiveMargin.xlMarginRight;
+        style4["marginTop"] = responsiveMargin == null ? void 0 : responsiveMargin.xlMarginTop;
+        style4["marginBottom"] = responsiveMargin == null ? void 0 : responsiveMargin.xlMarginBottom;
+      }
+    };
+    return createElement4(ResponsiveEmitter, {
+      onXsChange: handleXsChange,
+      onSmChange: handleSmChange,
+      onMdChange: handleMdChange,
+      onLgChange: handleLgChange,
+      onXlChange: handleXlChange,
+      children: createElement4(Component, __spreadProps(__spreadValues({}, props), { sx: style4 }))
+    });
+  };
+};
+var withCommonControls = (Component) => {
+  const wrappedComponent = withResponsiveMargin(Component);
+  return (_a) => {
+    var _b = _a, { useNumbering, numbering } = _b, props = __objRest(_b, ["useNumbering", "numbering"]);
+    const components = [
+      {
+        Component: wrappedComponent,
+        props
+      }
+    ];
     if (useNumbering) {
       components.push({
         Component: Badge_default,
@@ -44575,57 +44645,7 @@ var withCommonControls = (Component) => {
       });
     }
     return components.reduce((acc, { Component: Component2, props: props2 }) => {
-      return [
-        React184.createElement(
-          Component2,
-          __spreadProps(__spreadValues({}, props2), {
-            sx: (() => {
-              let styles2 = {};
-              if (useResponsiveMargin) {
-                styles2 = __spreadProps(__spreadValues({}, styles2), {
-                  margin: {
-                    xs: !responsiveMargin.xsMixed ? responsiveMargin.xs : void 0,
-                    sm: !responsiveMargin.smMixed ? responsiveMargin.sm : void 0,
-                    md: !responsiveMargin.mdMixed ? responsiveMargin.md : void 0,
-                    lg: !responsiveMargin.lgMixed ? responsiveMargin.lg : void 0,
-                    xl: !responsiveMargin.xlMixed ? responsiveMargin.xl : void 0
-                  },
-                  marginLeft: {
-                    xs: !responsiveMargin.xsMixed ? void 0 : responsiveMargin.xsMarginLeft,
-                    sm: !responsiveMargin.smMixed ? void 0 : responsiveMargin.smMarginLeft,
-                    md: !responsiveMargin.mdMixed ? void 0 : responsiveMargin.mdMarginLeft,
-                    lg: !responsiveMargin.lgMixed ? void 0 : responsiveMargin.lgMarginLeft,
-                    xl: !responsiveMargin.xlMixed ? void 0 : responsiveMargin.xlMarginLeft
-                  },
-                  marginRight: {
-                    xs: !responsiveMargin.xsMixed ? void 0 : responsiveMargin.xsMarginRight,
-                    sm: !responsiveMargin.smMixed ? void 0 : responsiveMargin.smMarginRight,
-                    md: !responsiveMargin.mdMixed ? void 0 : responsiveMargin.mdMarginRight,
-                    lg: !responsiveMargin.lgMixed ? void 0 : responsiveMargin.lgMarginRight,
-                    xl: !responsiveMargin.xlMixed ? void 0 : responsiveMargin.xlMarginRight
-                  },
-                  marginTop: {
-                    xs: !responsiveMargin.xsMixed ? void 0 : responsiveMargin.xsMarginTop,
-                    sm: !responsiveMargin.smMixed ? void 0 : responsiveMargin.smMarginTop,
-                    md: !responsiveMargin.mdMixed ? void 0 : responsiveMargin.mdMarginTop,
-                    lg: !responsiveMargin.lgMixed ? void 0 : responsiveMargin.lgMarginTop,
-                    xl: !responsiveMargin.xlMixed ? void 0 : responsiveMargin.xlMarginTop
-                  },
-                  marginBottom: {
-                    xs: !responsiveMargin.xsMixed ? void 0 : responsiveMargin.xsMarginBottom,
-                    sm: !responsiveMargin.smMixed ? void 0 : responsiveMargin.smMarginBottom,
-                    md: !responsiveMargin.mdMixed ? void 0 : responsiveMargin.mdMarginBottom,
-                    lg: !responsiveMargin.lgMixed ? void 0 : responsiveMargin.lgMarginBottom,
-                    xl: !responsiveMargin.xlMixed ? void 0 : responsiveMargin.xlMarginBottom
-                  }
-                });
-              }
-              return styles2;
-            })()
-          }),
-          ...acc
-        )
-      ];
+      return [React184.createElement(Component2, props2, ...acc)];
     }, []);
   };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ceed/cds",
-  "version": "0.0.89",
+  "version": "0.0.91",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",