@ceed/cds 0.0.90 → 0.0.92

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,67 +44548,84 @@ 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 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,
-        props: __spreadProps(__spreadValues({}, props), {
-          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;
-          })()
-        })
+        Component: wrappedComponent,
+        props
       }
     ];
     if (useNumbering) {

package/package.json

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