@ceed/ads 0.0.42 → 0.0.44

package/dist/components/DatePicker/DatePicker.d.ts

@@ -9,6 +9,7 @@ interface DatePickerProps {
     }) => void;
     name?: string;
     disabled?: boolean;
+    label?: React.ReactNode;
 }
 declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
 export { DatePicker };

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -9,6 +9,7 @@ interface DateRangePickerProps {
     }) => void;
     name?: string;
     disabled?: boolean;
+    label?: React.ReactNode;
 }
 declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
 export { DateRangePicker };

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";
 
@@ -1422,6 +1428,26 @@ DialogActions.displayName = "DialogActions";
 // src/components/DialogActions/index.ts
 var DialogActions_default = DialogActions;
 
+// src/components/FormControl/FormControl.tsx
+import { FormControl as JoyFormControl } from "@mui/joy";
+import { motion as motion12 } from "framer-motion";
+var MotionFormControl = motion12(JoyFormControl);
+var FormControl2 = MotionFormControl;
+FormControl2.displayName = "FormControl";
+
+// src/components/FormControl/index.ts
+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 FormLabel2 = MotionFormLabel;
+FormLabel2.displayName = "FormLabel";
+
+// src/components/FormLabel/index.ts
+var FormLabel_default = FormLabel2;
+
 // src/components/DatePicker/DatePicker.tsx
 var StyledPopper = styled3(Popper, {
   name: "DatePicker",
@@ -1496,7 +1522,7 @@ var TextMaskAdapter = React12.forwardRef(
 );
 var DatePicker = forwardRef4(
   (props, ref) => {
-    const { onChange, disabled } = props;
+    const { onChange, disabled, label } = props;
     const [value, setValue] = useState4(props.value || "");
     const [anchorEl, setAnchorEl] = useState4(null);
     const open = Boolean(anchorEl);
@@ -1513,7 +1539,7 @@ var DatePicker = forwardRef4(
       },
       [anchorEl, setAnchorEl]
     );
-    return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
+    const picker = /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
       Input_default,
       {
         ref,
@@ -1576,6 +1602,10 @@ var DatePicker = forwardRef4(
         )
       )))
     )));
+    if (label) {
+      return /* @__PURE__ */ React12.createElement(FormControl_default, { size: "sm" }, /* @__PURE__ */ React12.createElement(FormLabel_default, null, label), picker);
+    }
+    return picker;
   }
 );
 DatePicker.displayName = "DatePicker";
@@ -1676,7 +1706,7 @@ var TextMaskAdapter3 = React13.forwardRef(
 );
 var DateRangePicker = forwardRef5(
   (props, ref) => {
-    const { onChange, disabled } = props;
+    const { onChange, disabled, label } = props;
     const [value, setValue] = useState5(props.value || "");
     const [anchorEl, setAnchorEl] = useState5(null);
     const open = Boolean(anchorEl);
@@ -1706,7 +1736,7 @@ var DateRangePicker = forwardRef5(
       },
       [setValue, setAnchorEl]
     );
-    return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(
+    const picker = /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(
       Input_default,
       {
         ref,
@@ -1767,14 +1797,18 @@ var DateRangePicker = forwardRef5(
         )
       )))
     )));
+    if (label) {
+      return /* @__PURE__ */ React13.createElement(FormControl_default, { size: "sm" }, /* @__PURE__ */ React13.createElement(FormLabel_default, null, label), picker);
+    }
+    return picker;
   }
 );
 DateRangePicker.displayName = "DateRangePicker";
 
 // src/components/DialogContent/DialogContent.tsx
 import { DialogContent as JoyDialogContent } from "@mui/joy";
-import { motion as motion12 } from "framer-motion";
-var MotionDialogContent = motion12(JoyDialogContent);
+import { motion as motion14 } from "framer-motion";
+var MotionDialogContent = motion14(JoyDialogContent);
 var DialogContent = MotionDialogContent;
 DialogContent.displayName = "DialogContent";
 
@@ -1783,8 +1817,8 @@ var DialogContent_default = DialogContent;
 
 // src/components/DialogTitle/DialogTitle.tsx
 import { DialogTitle as JoyDialogTitle } from "@mui/joy";
-import { motion as motion13 } from "framer-motion";
-var MotionDialogTitle = motion13(JoyDialogTitle);
+import { motion as motion15 } from "framer-motion";
+var MotionDialogTitle = motion15(JoyDialogTitle);
 var DialogTitle = MotionDialogTitle;
 DialogTitle.displayName = "DialogTitle";
 
@@ -1802,17 +1836,17 @@ import {
   ModalClose as JoyModalClose,
   ModalOverflow as JoyModalOverflow
 } from "@mui/joy";
-import { motion as motion14 } from "framer-motion";
-var MotionModal = motion14(JoyModal);
+import { motion as motion16 } from "framer-motion";
+var MotionModal = motion16(JoyModal);
 var Modal = MotionModal;
 Modal.displayName = "Modal";
-var MotionModalDialog = motion14(JoyModalDialog);
+var MotionModalDialog = motion16(JoyModalDialog);
 var ModalDialog = MotionModalDialog;
 ModalDialog.displayName = "ModalDialog";
-var MotionModalClose = motion14(JoyModalClose);
+var MotionModalClose = motion16(JoyModalClose);
 var ModalClose = MotionModalClose;
 ModalClose.displayName = "ModalClose";
-var MotionModalOverflow = motion14(JoyModalOverflow);
+var MotionModalOverflow = motion16(JoyModalOverflow);
 var ModalOverflow = MotionModalOverflow;
 ModalOverflow.displayName = "ModalOverflow";
 function ModalFrame(props) {
@@ -1831,8 +1865,8 @@ DialogFrame.displayName = "DialogFrame";
 // src/components/Divider/Divider.tsx
 import React16 from "react";
 import { Divider as JoyDivider } from "@mui/joy";
-import { motion as motion15 } from "framer-motion";
-var MotionDivider = motion15(JoyDivider);
+import { motion as motion17 } from "framer-motion";
+var MotionDivider = motion17(JoyDivider);
 var Divider = (props) => {
   return /* @__PURE__ */ React16.createElement(MotionDivider, { ...props });
 };
@@ -1841,8 +1875,8 @@ Divider.displayName = "Divider";
 // src/components/InsetDrawer/InsetDrawer.tsx
 import React17 from "react";
 import { Drawer as JoyDrawer } from "@mui/joy";
-import { motion as motion16 } from "framer-motion";
-var MotionDrawer = motion16(JoyDrawer);
+import { motion as motion18 } from "framer-motion";
+var MotionDrawer = motion18(JoyDrawer);
 var InsetDrawer = (props) => {
   const { children, ...innerProps } = props;
   return /* @__PURE__ */ React17.createElement(
@@ -1868,31 +1902,17 @@ InsetDrawer.displayName = "InsetDrawer";
 
 // src/components/Dropdown/Dropdown.tsx
 import { Dropdown as JoyDropdown } from "@mui/joy";
-import { motion as motion17 } from "framer-motion";
-var MotionDropdown = motion17(JoyDropdown);
+import { motion as motion19 } from "framer-motion";
+var MotionDropdown = motion19(JoyDropdown);
 var Dropdown = MotionDropdown;
 Dropdown.displayName = "Dropdown";
 
-// src/components/FormControl/FormControl.tsx
-import { FormControl as JoyFormControl } from "@mui/joy";
-import { motion as motion18 } from "framer-motion";
-var MotionFormControl = motion18(JoyFormControl);
-var FormControl = MotionFormControl;
-FormControl.displayName = "FormControl";
-
 // src/components/FormHelperText/FormHelperText.tsx
 import { FormHelperText as JoyFormHelperText } from "@mui/joy";
-import { motion as motion19 } from "framer-motion";
-var MotionFormHelperText = motion19(JoyFormHelperText);
-var FormHelperText = MotionFormHelperText;
-FormHelperText.displayName = "FormHelperText";
-
-// src/components/FormLabel/FormLabel.tsx
-import { FormLabel as JoyFormLabel } from "@mui/joy";
 import { motion as motion20 } from "framer-motion";
-var MotionFormLabel = motion20(JoyFormLabel);
-var FormLabel = MotionFormLabel;
-FormLabel.displayName = "FormLabel";
+var MotionFormHelperText = motion20(JoyFormHelperText);
+var FormHelperText2 = MotionFormHelperText;
+FormHelperText2.displayName = "FormHelperText";
 
 // src/components/Grid/Grid.tsx
 import { Grid as JoyGrid } from "@mui/joy";
@@ -1944,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,
@@ -1980,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,
@@ -2017,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,
@@ -2074,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 {
@@ -2122,9 +2152,9 @@ export {
   Divider,
   Drawer,
   Dropdown,
-  FormControl,
-  FormHelperText,
-  FormLabel,
+  FormControl2 as FormControl,
+  FormHelperText2 as FormHelperText,
+  FormLabel2 as FormLabel,
   Grid,
   IconButton,
   Input,