@ceed/ads 0.0.41 → 0.0.43

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/index.js

@@ -288,7 +288,7 @@ var useCalendarProps = (inProps) => {
     const today = /* @__PURE__ */ new Date();
     today.setDate(1);
     today.setHours(0, 0, 0, 0);
-    return inProps.value?.[0] || today;
+    return inProps.value?.[0] || inProps.defaultValue?.[0] || today;
   });
   const [[page, direction], setPage] = useState([0, 0]);
   const resolvedView = inProps.view ?? uncontrolledView;
@@ -547,7 +547,7 @@ var CalendarDayCell = styled("td", {
   // aria-current=date === range에 포함된 버튼
   "&[aria-current=date]": {
     position: "relative",
-    "& button[aria-current=date]:not([aria-selected=true])": {
+    "& button[aria-current=date]:not([aria-selected=true]):not(:hover):not(:active)": {
       backgroundColor: `rgb(${theme.palette.primary.lightChannel})`
     },
     '& + td[aria-hidden] + td[aria-current="date"]::before': {
@@ -1422,6 +1422,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 FormControl = MotionFormControl;
+FormControl.displayName = "FormControl";
+
+// src/components/FormControl/index.ts
+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 FormLabel = MotionFormLabel;
+FormLabel.displayName = "FormLabel";
+
+// src/components/FormLabel/index.ts
+var FormLabel_default = FormLabel;
+
 // src/components/DatePicker/DatePicker.tsx
 var StyledPopper = styled3(Popper, {
   name: "DatePicker",
@@ -1496,7 +1516,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 +1533,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 +1596,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 +1700,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 +1730,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,
@@ -1733,7 +1757,7 @@ var DateRangePicker = forwardRef5(
           {
             name: "offset",
             options: {
-              offset: [0, 4]
+              offset: [4, 4]
             }
           }
         ]
@@ -1767,14 +1791,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 +1811,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 +1830,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 +1859,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 +1869,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,32 +1896,18 @@ 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);
+import { motion as motion20 } from "framer-motion";
+var MotionFormHelperText = motion20(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";
-
 // src/components/Grid/Grid.tsx
 import { Grid as JoyGrid } from "@mui/joy";
 import { motion as motion21 } from "framer-motion";

package/framer/index.js

@@ -37097,11 +37097,11 @@ var useCalendarProps = (inProps) => {
   );
   const [uncontrolledValue, setUncontrolledValue] = useState22(inProps.defaultValue);
   const [viewMonth, setViewMonth] = useState22(() => {
-    var _a2;
+    var _a2, _b2;
     const today = /* @__PURE__ */ new Date();
     today.setDate(1);
     today.setHours(0, 0, 0, 0);
-    return ((_a2 = inProps.value) == null ? void 0 : _a2[0]) || today;
+    return ((_a2 = inProps.value) == null ? void 0 : _a2[0]) || ((_b2 = inProps.defaultValue) == null ? void 0 : _b2[0]) || today;
   });
   const [[page, direction], setPage] = useState22([0, 0]);
   const resolvedView = (_a = inProps.view) != null ? _a : uncontrolledView;
@@ -37367,7 +37367,7 @@ var CalendarDayCell = styled_default2("td", {
   // aria-current=date === range에 포함된 버튼
   "&[aria-current=date]": {
     position: "relative",
-    "& button[aria-current=date]:not([aria-selected=true])": {
+    "& button[aria-current=date]:not([aria-selected=true]):not(:hover):not(:active)": {
       backgroundColor: `rgb(${theme.palette.primary.lightChannel})`
     },
     '& + td[aria-hidden] + td[aria-current="date"]::before': {
@@ -41927,6 +41927,24 @@ DialogActions3.displayName = "DialogActions";
 // src/components/DialogActions/index.ts
 var DialogActions_default2 = DialogActions3;
 
+// src/components/FormControl/FormControl.tsx
+import { motion as motion12 } from "framer-motion";
+var MotionFormControl = motion12(FormControl_default);
+var FormControl3 = MotionFormControl;
+FormControl3.displayName = "FormControl";
+
+// src/components/FormControl/index.ts
+var FormControl_default2 = FormControl3;
+
+// src/components/FormLabel/FormLabel.tsx
+import { motion as motion13 } from "framer-motion";
+var MotionFormLabel = motion13(FormLabel_default);
+var FormLabel3 = MotionFormLabel;
+FormLabel3.displayName = "FormLabel";
+
+// src/components/FormLabel/index.ts
+var FormLabel_default2 = FormLabel3;
+
 // src/components/DatePicker/DatePicker.tsx
 var StyledPopper = styled_default2(Popper, {
   name: "DatePicker",
@@ -42000,7 +42018,7 @@ var TextMaskAdapter = React180.forwardRef(
 );
 var DatePicker = forwardRef84(
   (props, ref) => {
-    const { onChange, disabled } = props;
+    const { onChange, disabled, label } = props;
     const [value, setValue] = useState26(props.value || "");
     const [anchorEl, setAnchorEl] = useState26(null);
     const open = Boolean(anchorEl);
@@ -42017,7 +42035,7 @@ var DatePicker = forwardRef84(
       },
       [anchorEl, setAnchorEl]
     );
-    return /* @__PURE__ */ jsxs2(Fragment16, { children: [
+    const picker = /* @__PURE__ */ jsxs2(Fragment16, { children: [
       /* @__PURE__ */ jsx2(
         Input_default2,
         {
@@ -42086,6 +42104,13 @@ var DatePicker = forwardRef84(
         }
       ) })
     ] });
+    if (label) {
+      return /* @__PURE__ */ jsxs2(FormControl_default2, { size: "sm", children: [
+        /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
+        picker
+      ] });
+    }
+    return picker;
   }
 );
 DatePicker.displayName = "DatePicker";
@@ -42179,7 +42204,7 @@ var TextMaskAdapter3 = React181.forwardRef(
 );
 var DateRangePicker = forwardRef85(
   (props, ref) => {
-    const { onChange, disabled } = props;
+    const { onChange, disabled, label } = props;
     const [value, setValue] = useState27(props.value || "");
     const [anchorEl, setAnchorEl] = useState27(null);
     const open = Boolean(anchorEl);
@@ -42209,7 +42234,7 @@ var DateRangePicker = forwardRef85(
       },
       [setValue, setAnchorEl]
     );
-    return /* @__PURE__ */ jsxs2(Fragment16, { children: [
+    const picker = /* @__PURE__ */ jsxs2(Fragment16, { children: [
       /* @__PURE__ */ jsx2(
         Input_default2,
         {
@@ -42238,7 +42263,7 @@ var DateRangePicker = forwardRef85(
             {
               name: "offset",
               options: {
-                offset: [0, 4]
+                offset: [4, 4]
               }
             }
           ],
@@ -42276,13 +42301,20 @@ var DateRangePicker = forwardRef85(
         }
       ) })
     ] });
+    if (label) {
+      return /* @__PURE__ */ jsxs2(FormControl_default2, { size: "sm", children: [
+        /* @__PURE__ */ jsx2(FormLabel_default2, { children: label }),
+        picker
+      ] });
+    }
+    return picker;
   }
 );
 DateRangePicker.displayName = "DateRangePicker";
 
 // src/components/DialogContent/DialogContent.tsx
-import { motion as motion12 } from "framer-motion";
-var MotionDialogContent = motion12(DialogContent_default);
+import { motion as motion14 } from "framer-motion";
+var MotionDialogContent = motion14(DialogContent_default);
 var DialogContent3 = MotionDialogContent;
 DialogContent3.displayName = "DialogContent";
 
@@ -42290,8 +42322,8 @@ DialogContent3.displayName = "DialogContent";
 var DialogContent_default2 = DialogContent3;
 
 // src/components/DialogTitle/DialogTitle.tsx
-import { motion as motion13 } from "framer-motion";
-var MotionDialogTitle = motion13(DialogTitle_default);
+import { motion as motion15 } from "framer-motion";
+var MotionDialogTitle = motion15(DialogTitle_default);
 var DialogTitle3 = MotionDialogTitle;
 DialogTitle3.displayName = "DialogTitle";
 
@@ -42299,17 +42331,17 @@ DialogTitle3.displayName = "DialogTitle";
 var DialogTitle_default2 = DialogTitle3;
 
 // src/components/Modal/Modal.tsx
-import { motion as motion14 } from "framer-motion";
-var MotionModal = motion14(Modal_default);
+import { motion as motion16 } from "framer-motion";
+var MotionModal = motion16(Modal_default);
 var Modal3 = MotionModal;
 Modal3.displayName = "Modal";
-var MotionModalDialog = motion14(ModalDialog_default);
+var MotionModalDialog = motion16(ModalDialog_default);
 var ModalDialog3 = MotionModalDialog;
 ModalDialog3.displayName = "ModalDialog";
-var MotionModalClose = motion14(ModalClose_default);
+var MotionModalClose = motion16(ModalClose_default);
 var ModalClose3 = MotionModalClose;
 ModalClose3.displayName = "ModalClose";
-var MotionModalOverflow = motion14(ModalOverflow_default);
+var MotionModalOverflow = motion16(ModalOverflow_default);
 var ModalOverflow3 = MotionModalOverflow;
 ModalOverflow3.displayName = "ModalOverflow";
 function ModalFrame(props) {
@@ -42334,16 +42366,16 @@ function DialogFrame(props) {
 DialogFrame.displayName = "DialogFrame";
 
 // src/components/Divider/Divider.tsx
-import { motion as motion15 } from "framer-motion";
-var MotionDivider = motion15(Divider_default);
+import { motion as motion17 } from "framer-motion";
+var MotionDivider = motion17(Divider_default);
 var Divider3 = (props) => {
   return /* @__PURE__ */ jsx2(MotionDivider, __spreadValues({}, props));
 };
 Divider3.displayName = "Divider";
 
 // src/components/InsetDrawer/InsetDrawer.tsx
-import { motion as motion16 } from "framer-motion";
-var MotionDrawer = motion16(Drawer_default);
+import { motion as motion18 } from "framer-motion";
+var MotionDrawer = motion18(Drawer_default);
 var InsetDrawer = (props) => {
   var _b;
   const _a = props, { children } = _a, innerProps = __objRest(_a, ["children"]);
@@ -42366,29 +42398,17 @@ var InsetDrawer = (props) => {
 InsetDrawer.displayName = "InsetDrawer";
 
 // src/components/Dropdown/Dropdown.tsx
-import { motion as motion17 } from "framer-motion";
-var MotionDropdown = motion17(Dropdown);
+import { motion as motion19 } from "framer-motion";
+var MotionDropdown = motion19(Dropdown);
 var Dropdown2 = MotionDropdown;
 Dropdown2.displayName = "Dropdown";
 
-// src/components/FormControl/FormControl.tsx
-import { motion as motion18 } from "framer-motion";
-var MotionFormControl = motion18(FormControl_default);
-var FormControl3 = MotionFormControl;
-FormControl3.displayName = "FormControl";
-
 // src/components/FormHelperText/FormHelperText.tsx
-import { motion as motion19 } from "framer-motion";
-var MotionFormHelperText = motion19(FormHelperText_default);
+import { motion as motion20 } from "framer-motion";
+var MotionFormHelperText = motion20(FormHelperText_default);
 var FormHelperText3 = MotionFormHelperText;
 FormHelperText3.displayName = "FormHelperText";
 
-// src/components/FormLabel/FormLabel.tsx
-import { motion as motion20 } from "framer-motion";
-var MotionFormLabel = motion20(FormLabel_default);
-var FormLabel3 = MotionFormLabel;
-FormLabel3.displayName = "FormLabel";
-
 // src/components/Grid/Grid.tsx
 import { motion as motion21 } from "framer-motion";
 var MotionGrid = motion21(Grid_default);
@@ -42955,6 +42975,11 @@ var datePickerPropertyControls = {
     title: "Value",
     type: ControlType10.String,
     defaultValue: "2024/04/03"
+  },
+  label: {
+    title: "Value",
+    type: ControlType10.String,
+    defaultValue: ""
   }
   // color: {
   //   title: "Color",
@@ -42992,6 +43017,11 @@ var dateRangePickerPropertyControls = {
     title: "Value",
     type: ControlType11.String,
     defaultValue: "2024/04/03 - 2024/04/20"
+  },
+  label: {
+    title: "Value",
+    type: ControlType11.String,
+    defaultValue: ""
   }
   // color: {
   //   title: "Color",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ceed/ads",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",