@ceed/ads 0.0.43 → 0.0.44

package/dist/components/Input/Input.d.ts

@@ -1,8 +1,26 @@
 import React from "react";
-import { InputProps } from "@mui/joy";
-import { MotionProps } from "framer-motion";
+import { type InputProps } from "@mui/joy";
+import { type MotionProps } from "framer-motion";
 declare const Input: {
-    (props: InputProps & MotionProps): React.JSX.Element;
+    (props: {
+        label?: string | undefined;
+        helperText?: React.ReactNode;
+        error?: boolean | undefined;
+    } & {
+        component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & Pick<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "autoFocus" | "id" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "onClick" | "disabled" | "type" | "name" | "value" | "readOnly" | "required" | "autoComplete" | "placeholder"> & {
+        className?: string | undefined;
+        color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").InputPropsColorOverrides> | undefined;
+        endDecorator?: React.ReactNode;
+        error?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        startDecorator?: React.ReactNode;
+        size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").InputPropsSizeOverrides> | undefined;
+        sx?: import("@mui/joy/styles/types").SxProps | undefined;
+        variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").InputPropsVariantOverrides> | undefined;
+    } & import("@mui/joy").InputSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, "color" | "defaultValue" | "autoFocus" | "className" | "id" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "onClick" | "variant" | "sx" | "disabled" | "size" | "component" | "type" | "endDecorator" | "fullWidth" | "startDecorator" | "name" | "value" | "readOnly" | "required" | "autoComplete" | "placeholder" | "error" | keyof import("@mui/joy").InputSlotsAndSlotProps> & MotionProps): React.JSX.Element;
     displayName: string;
 };
 export { Input };

package/dist/components/Modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 declare const Modal: import("framer-motion").CustomDomComponent<Pick<import("@mui/base").ModalOwnProps, "children" | "container" | "open" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop"> & {
-    onClose?: ((event: {}, reason: "escapeKeyDown" | "backdropClick" | "closeClick") => void) | undefined;
+    onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown" | "closeClick") => void) | undefined;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").ModalSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;

package/dist/components/Select/Select.d.ts

@@ -1,17 +1,6 @@
 import React from "react";
-declare const Select: import("framer-motion").CustomDomComponent<{
-    multiple?: boolean | undefined;
-} & import("@mui/joy").SelectStaticProps & import("@mui/joy").SelectSlotsAndSlotProps<boolean> & {
-    defaultValue?: {} | {}[] | null | undefined;
-    multiple?: boolean | undefined;
-    getSerializedValue?: ((option: import("@mui/joy").SelectOption<{}> | import("@mui/joy").SelectOption<{}>[] | null) => string | number | readonly string[] | undefined) | undefined;
-    onChange?: ((event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element> | React.FocusEvent<Element, Element> | null, value: {} | {}[] | null) => void) | undefined;
-    renderValue?: ((option: import("@mui/joy").SelectOption<{}> | import("@mui/joy").SelectOption<{}>[] | null) => React.ReactNode) | undefined;
-    value?: {} | {}[] | null | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "defaultValue" | "onChange" | "value" | "multiple" | keyof import("@mui/joy").SelectStaticProps | keyof import("@mui/joy").SelectSlotsAndSlotProps<Multiple> | "getSerializedValue" | "renderValue">>;
-export { Select };
+import { type SelectProps } from "@mui/joy";
+import { type MotionProps } from "framer-motion";
 declare const Option: import("framer-motion").CustomDomComponent<{
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").OptionPropsColorOverrides> | undefined;
     children?: React.ReactNode;
@@ -24,3 +13,12 @@ declare const Option: import("framer-motion").CustomDomComponent<{
     ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
 }, "label" | "children" | "color" | "variant" | "sx" | "disabled" | "value" | keyof import("@mui/joy").OptionSlotsAndSlotProps>>;
 export { Option };
+declare function Select<OptionValue extends {}, Multiple extends boolean = false>(props: {
+    label?: string;
+    helperText?: string;
+    error?: boolean;
+} & SelectProps<OptionValue, Multiple> & MotionProps): React.JSX.Element;
+declare namespace Select {
+    var displayName: string;
+}
+export { Select };

package/dist/index.js

@@ -1401,11 +1401,17 @@ import { Popper } from "@mui/base/Popper";
 
 // src/components/Input/Input.tsx
 import React11 from "react";
-import { Input as JoyInput } from "@mui/joy";
+import {
+  Input as JoyInput,
+  FormControl,
+  FormLabel,
+  FormHelperText
+} from "@mui/joy";
 import { motion as motion10 } from "framer-motion";
 var MotionInput = motion10(JoyInput);
 var Input = (props) => {
-  return /* @__PURE__ */ React11.createElement(MotionInput, { ...props });
+  const { label, helperText, error, style, ...innerProps } = props;
+  return /* @__PURE__ */ React11.createElement(FormControl, { error }, label && /* @__PURE__ */ React11.createElement(FormLabel, null, label), /* @__PURE__ */ React11.createElement(MotionInput, { ...innerProps }), helperText && /* @__PURE__ */ React11.createElement(FormHelperText, null, helperText));
 };
 Input.displayName = "Input";
 
@@ -1426,21 +1432,21 @@ var DialogActions_default = DialogActions;
 import { FormControl as JoyFormControl } from "@mui/joy";
 import { motion as motion12 } from "framer-motion";
 var MotionFormControl = motion12(JoyFormControl);
-var FormControl = MotionFormControl;
-FormControl.displayName = "FormControl";
+var FormControl2 = MotionFormControl;
+FormControl2.displayName = "FormControl";
 
 // src/components/FormControl/index.ts
-var FormControl_default = FormControl;
+var FormControl_default = FormControl2;
 
 // src/components/FormLabel/FormLabel.tsx
 import { FormLabel as JoyFormLabel } from "@mui/joy";
 import { motion as motion13 } from "framer-motion";
 var MotionFormLabel = motion13(JoyFormLabel);
-var FormLabel = MotionFormLabel;
-FormLabel.displayName = "FormLabel";
+var FormLabel2 = MotionFormLabel;
+FormLabel2.displayName = "FormLabel";
 
 // src/components/FormLabel/index.ts
-var FormLabel_default = FormLabel;
+var FormLabel_default = FormLabel2;
 
 // src/components/DatePicker/DatePicker.tsx
 var StyledPopper = styled3(Popper, {
@@ -1905,8 +1911,8 @@ Dropdown.displayName = "Dropdown";
 import { FormHelperText as JoyFormHelperText } from "@mui/joy";
 import { motion as motion20 } from "framer-motion";
 var MotionFormHelperText = motion20(JoyFormHelperText);
-var FormHelperText = MotionFormHelperText;
-FormHelperText.displayName = "FormHelperText";
+var FormHelperText2 = MotionFormHelperText;
+FormHelperText2.displayName = "FormHelperText";
 
 // src/components/Grid/Grid.tsx
 import { Grid as JoyGrid } from "@mui/joy";
@@ -1958,17 +1964,27 @@ function RadioList(props) {
 RadioList.displayName = "RadioList";
 
 // src/components/Select/Select.tsx
-import { Select as JoySelect, Option as JoyOption } from "@mui/joy";
+import React20 from "react";
+import {
+  Select as JoySelect,
+  Option as JoyOption,
+  FormControl as FormControl3,
+  FormLabel as FormLabel3,
+  FormHelperText as FormHelperText3
+} from "@mui/joy";
 import { motion as motion24 } from "framer-motion";
 var MotionSelect = motion24(JoySelect);
-var Select = MotionSelect;
-Select.displayName = "Select";
 var MotionOption = motion24(JoyOption);
 var Option = MotionOption;
 Option.displayName = "Option";
+function Select(props) {
+  const { label, helperText, error, ...innerProps } = props;
+  return /* @__PURE__ */ React20.createElement(FormControl3, { error }, label && /* @__PURE__ */ React20.createElement(FormLabel3, null, label), /* @__PURE__ */ React20.createElement(JoySelect, { ...innerProps }), helperText && /* @__PURE__ */ React20.createElement(FormHelperText3, null, helperText));
+}
+Select.displayName = "Select";
 
 // src/components/Switch/Switch.tsx
-import React20 from "react";
+import React21 from "react";
 import {
   Switch as JoySwitch,
   styled as styled5,
@@ -1994,14 +2010,14 @@ var StyledThumb = styled5(motion25.div)({
     right: "var(--Switch-thumbOffset)"
   }
 });
-var Thumb = (props) => /* @__PURE__ */ React20.createElement(StyledThumb, { ...props, layout: true, transition: spring });
+var Thumb = (props) => /* @__PURE__ */ React21.createElement(StyledThumb, { ...props, layout: true, transition: spring });
 var spring = {
   type: "spring",
   stiffness: 700,
   damping: 30
 };
 var Switch = (props) => {
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement(
     MotionSwitch,
     {
       ...props,
@@ -2031,17 +2047,17 @@ var TabPanel = MotionTabPanel;
 TabPanel.displayName = "TabPanel";
 
 // src/components/Textarea/Textarea.tsx
-import React21 from "react";
+import React22 from "react";
 import { Textarea as JoyTextarea } from "@mui/joy";
 import { motion as motion27 } from "framer-motion";
 var MotionTextarea = motion27(JoyTextarea);
 var Textarea = (props) => {
-  return /* @__PURE__ */ React21.createElement(MotionTextarea, { ...props });
+  return /* @__PURE__ */ React22.createElement(MotionTextarea, { ...props });
 };
 Textarea.displayName = "Textarea";
 
 // src/components/ThemeProvider/ThemeProvider.tsx
-import React22 from "react";
+import React23 from "react";
 import {
   CssBaseline,
   CssVarsProvider,
@@ -2088,17 +2104,17 @@ var defaultTheme = extendTheme({
   }
 });
 function ThemeProvider(props) {
-  return /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(CssVarsProvider, { theme: defaultTheme }, /* @__PURE__ */ React22.createElement(CssBaseline, null), props.children));
+  return /* @__PURE__ */ React23.createElement(React23.Fragment, null, /* @__PURE__ */ React23.createElement(CssVarsProvider, { theme: defaultTheme }, /* @__PURE__ */ React23.createElement(CssBaseline, null), props.children));
 }
 ThemeProvider.displayName = "ThemeProvider";
 
 // src/components/Tooltip/Tooltip.tsx
-import React23 from "react";
+import React24 from "react";
 import { Tooltip as JoyTooltip } from "@mui/joy";
 import { motion as motion28 } from "framer-motion";
 var MotionTooltip = motion28(JoyTooltip);
 var Tooltip = (props) => {
-  return /* @__PURE__ */ React23.createElement(MotionTooltip, { ...props });
+  return /* @__PURE__ */ React24.createElement(MotionTooltip, { ...props });
 };
 Tooltip.displayName = "Tooltip";
 export {
@@ -2136,9 +2152,9 @@ export {
   Divider,
   Drawer,
   Dropdown,
-  FormControl,
-  FormHelperText,
-  FormLabel,
+  FormControl2 as FormControl,
+  FormHelperText2 as FormHelperText,
+  FormLabel2 as FormLabel,
   Grid,
   IconButton,
   Input,