@ceed/ads 0.0.50 → 0.0.52

package/dist/index.js

@@ -1401,18 +1401,13 @@ import { Popper } from "@mui/base/Popper";
 
 // src/components/Input/Input.tsx
 import React11 from "react";
-import {
-  Input as JoyInput,
-  FormControl,
-  FormLabel,
-  FormHelperText
-} from "@mui/joy";
+import { Input as JoyInput } from "@mui/joy";
 import { motion as motion10 } from "framer-motion";
 var MotionInput = motion10(JoyInput);
 var Input = (props) => {
   const { label, helperText, error, style, ...innerProps } = props;
   if (label) {
-    return /* @__PURE__ */ React11.createElement(FormControl, { error }, /* @__PURE__ */ React11.createElement(FormLabel, null, label), /* @__PURE__ */ React11.createElement(MotionInput, { ...innerProps }), helperText && /* @__PURE__ */ React11.createElement(FormHelperText, null, helperText));
+    return /* @__PURE__ */ React11.createElement(FormControl, { error }, /* @__PURE__ */ React11.createElement(FormLabel, null, label), /* @__PURE__ */ React11.createElement(MotionInput, { color: error ? "danger" : innerProps.color, ...innerProps }), helperText && /* @__PURE__ */ React11.createElement(FormHelperText, null, helperText));
   }
   return /* @__PURE__ */ React11.createElement(MotionInput, { ...innerProps });
 };
@@ -1435,21 +1430,21 @@ var DialogActions_default = DialogActions;
 import { FormControl as JoyFormControl } from "@mui/joy";
 import { motion as motion12 } from "framer-motion";
 var MotionFormControl = motion12(JoyFormControl);
-var FormControl2 = MotionFormControl;
-FormControl2.displayName = "FormControl";
+var FormControl = MotionFormControl;
+FormControl.displayName = "FormControl";
 
 // src/components/FormControl/index.ts
-var FormControl_default = FormControl2;
+var FormControl_default = FormControl;
 
 // src/components/FormLabel/FormLabel.tsx
 import { FormLabel as JoyFormLabel } from "@mui/joy";
 import { motion as motion13 } from "framer-motion";
 var MotionFormLabel = motion13(JoyFormLabel);
-var FormLabel2 = MotionFormLabel;
-FormLabel2.displayName = "FormLabel";
+var FormLabel = MotionFormLabel;
+FormLabel.displayName = "FormLabel";
 
 // src/components/FormLabel/index.ts
-var FormLabel_default = FormLabel2;
+var FormLabel_default = FormLabel;
 
 // src/components/DatePicker/DatePicker.tsx
 var StyledPopper = styled3(Popper, {
@@ -1914,8 +1909,8 @@ Dropdown.displayName = "Dropdown";
 import { FormHelperText as JoyFormHelperText } from "@mui/joy";
 import { motion as motion20 } from "framer-motion";
 var MotionFormHelperText = motion20(JoyFormHelperText);
-var FormHelperText2 = MotionFormHelperText;
-FormHelperText2.displayName = "FormHelperText";
+var FormHelperText = MotionFormHelperText;
+FormHelperText.displayName = "FormHelperText";
 
 // src/components/Grid/Grid.tsx
 import { Grid as JoyGrid } from "@mui/joy";
@@ -1970,10 +1965,7 @@ RadioList.displayName = "RadioList";
 import React20 from "react";
 import {
   Select as JoySelect,
-  Option as JoyOption,
-  FormControl as FormControl3,
-  FormLabel as FormLabel3,
-  FormHelperText as FormHelperText3
+  Option as JoyOption
 } from "@mui/joy";
 import { motion as motion24 } from "framer-motion";
 var MotionOption = motion24(JoyOption);
@@ -1982,7 +1974,7 @@ Option.displayName = "Option";
 function Select(props) {
   const { label, helperText, error, ...innerProps } = props;
   if (label) {
-    return /* @__PURE__ */ React20.createElement(FormControl3, { error }, /* @__PURE__ */ React20.createElement(FormLabel3, null, label), /* @__PURE__ */ React20.createElement(JoySelect, { ...innerProps }), helperText && /* @__PURE__ */ React20.createElement(FormHelperText3, null, helperText));
+    return /* @__PURE__ */ React20.createElement(FormControl, { error }, /* @__PURE__ */ React20.createElement(FormLabel, null, label), /* @__PURE__ */ React20.createElement(JoySelect, { color: error ? "danger" : innerProps.color, ...innerProps }), helperText && /* @__PURE__ */ React20.createElement(FormHelperText, null, helperText));
   }
   return /* @__PURE__ */ React20.createElement(JoySelect, { ...innerProps });
 }
@@ -2157,9 +2149,9 @@ export {
   Divider,
   Drawer,
   Dropdown,
-  FormControl2 as FormControl,
-  FormHelperText2 as FormHelperText,
-  FormLabel2 as FormLabel,
+  FormControl,
+  FormHelperText,
+  FormLabel,
   Grid,
   IconButton,
   Input,

package/framer/index.js

@@ -40510,10 +40510,10 @@ var MotionInput = motion10(Input_default);
 var Input3 = (props) => {
   const _a = props, { label, helperText, error, style: style4 } = _a, innerProps = __objRest(_a, ["label", "helperText", "error", "style"]);
   if (label) {
-    return /* @__PURE__ */ jsxs2(FormControl_default, { error, children: [
-      /* @__PURE__ */ jsx2(FormLabel_default, { children: label }),
-      /* @__PURE__ */ jsx2(MotionInput, __spreadValues({}, innerProps)),
-      helperText && /* @__PURE__ */ jsx2(FormHelperText_default, { children: helperText })
+    return /* @__PURE__ */ jsxs2(FormControl3, { error, children: [
+      /* @__PURE__ */ jsx2(FormLabel3, { children: label }),
+      /* @__PURE__ */ jsx2(MotionInput, __spreadValues({ color: error ? "danger" : innerProps.color }, innerProps)),
+      helperText && /* @__PURE__ */ jsx2(FormHelperText3, { children: helperText })
     ] });
   }
   return /* @__PURE__ */ jsx2(MotionInput, __spreadValues({}, innerProps));
@@ -41062,10 +41062,10 @@ Option3.displayName = "Option";
 function Select3(props) {
   const _a = props, { label, helperText, error } = _a, innerProps = __objRest(_a, ["label", "helperText", "error"]);
   if (label) {
-    return /* @__PURE__ */ jsxs2(FormControl_default, { error, children: [
-      /* @__PURE__ */ jsx2(FormLabel_default, { children: label }),
-      /* @__PURE__ */ jsx2(Select_default, __spreadValues({}, innerProps)),
-      helperText && /* @__PURE__ */ jsx2(FormHelperText_default, { children: helperText })
+    return /* @__PURE__ */ jsxs2(FormControl3, { error, children: [
+      /* @__PURE__ */ jsx2(FormLabel3, { children: label }),
+      /* @__PURE__ */ jsx2(Select_default, __spreadValues({ color: error ? "danger" : innerProps.color }, innerProps)),
+      helperText && /* @__PURE__ */ jsx2(FormHelperText3, { children: helperText })
     ] });
   }
   return /* @__PURE__ */ jsx2(Select_default, __spreadValues({}, innerProps));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ceed/ads",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -32,6 +32,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.0",
     "@emotion/styled": "^11.11.0",
+    "@mui/base": "5.0.0-beta.40",
     "@mui/icons-material": "^5.0.0",
     "@mui/joy": "^5.0.0-beta.32",
     "framer-motion": "^11.0.3",