@deepnoid/ui 1.0.21 → 1.0.23

package/dist/{chunk-WQG4OYM6.mjs → chunk-7K3EB4DC.mjs}

@@ -1,29 +1,29 @@
 "use client";
 import {
   day_default
-} from "./chunk-G6SZN3EK.mjs";
+} from "./chunk-LHEENTLV.mjs";
 import {
   formatDateToString,
   formatStringToDate
-} from "./chunk-3IBJXQTJ.mjs";
+} from "./chunk-GWOMD7ZU.mjs";
 import {
   input_default
-} from "./chunk-BJWYF2WY.mjs";
+} from "./chunk-C6S73EGR.mjs";
 import {
   icon_button_default
-} from "./chunk-IOJMTN6X.mjs";
+} from "./chunk-APZCX3PY.mjs";
 import {
   text_button_default
-} from "./chunk-KIINY2GS.mjs";
+} from "./chunk-MS65QLWR.mjs";
 import {
   button_default
-} from "./chunk-O5VW7CHY.mjs";
+} from "./chunk-4FUD3BZV.mjs";
 import {
   Icon_default
-} from "./chunk-A6UUVHC6.mjs";
+} from "./chunk-C7OETP3D.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -72,8 +72,8 @@ var DatePicker = forwardRef((originalProps, ref) => {
   } = { ...props, ...variantProps };
   const [selectedDate, setSelectedDate] = useState(range ? "" : typeof value === "string" ? value || "" : "");
   const [selectedRange, setSelectedRange] = useState({
-    startDate: range && typeof value === "object" ? (value == null ? void 0 : value.startDate) || "" : "",
-    endDate: range && typeof value === "object" ? (value == null ? void 0 : value.endDate) || "" : ""
+    startDate: range && typeof value === "object" ? value.startDate || "" : "",
+    endDate: range && typeof value === "object" ? value.endDate || "" : ""
   });
   const [tempSelectedDate, setTempSelectedDate] = useState(selectedDate);
   const [tempSelectedRange, setTempSelectedRange] = useState(selectedRange);
@@ -95,8 +95,8 @@ var DatePicker = forwardRef((originalProps, ref) => {
   const blurTimeoutRef = useRef(null);
   const isConfirmDisabled = useMemo(() => {
     if (range) {
-      const hasStart = !!tempSelectedRange.startDate;
-      const hasEnd = !!tempSelectedRange.endDate;
+      const hasStart = Boolean(tempSelectedRange.startDate);
+      const hasEnd = Boolean(tempSelectedRange.endDate);
       return hasStart && !hasEnd;
     }
     return false;
@@ -144,7 +144,9 @@ var DatePicker = forwardRef((originalProps, ref) => {
     setIsPanelOpen(true);
   };
   const handleClose = () => {
-    blurTimeoutRef.current = setTimeout(() => setIsPanelOpen(false), 100);
+    blurTimeoutRef.current = setTimeout(() => {
+      setIsPanelOpen(false);
+    }, 100);
   };
   const handleInputKeyDown = (e) => {
     if (disabled) return;
@@ -180,7 +182,7 @@ var DatePicker = forwardRef((originalProps, ref) => {
     const firstDayOfMonth = new Date(year, month, 1).getDay();
     const lastDateOfMonth = new Date(year, month + 1, 0).getDate();
     const lastDateOfPrevMonth = new Date(year, month, 0).getDate();
-    let dates = [];
+    const dates = [];
     for (let i = firstDayOfMonth - 1; i >= 0; i--) dates.push({ date: lastDateOfPrevMonth - i, currentMonth: false });
     for (let date = 1; date <= lastDateOfMonth; date++) dates.push({ date, currentMonth: true });
     const remainingDays = 42 - dates.length;
@@ -295,7 +297,7 @@ var DatePicker = forwardRef((originalProps, ref) => {
     if (range && typeof value === "object") {
       setSelectedRange(value || { startDate: "", endDate: "" });
       setTempSelectedRange(value || { startDate: "", endDate: "" });
-      if (value == null ? void 0 : value.startDate) setLeftCurrentDate(new Date(value.startDate));
+      if (value.startDate) setLeftCurrentDate(new Date(value.startDate));
     } else if (!range && typeof value === "string") {
       setSelectedDate(value || "");
       setTempSelectedDate(value || "");
@@ -308,20 +310,20 @@ var DatePicker = forwardRef((originalProps, ref) => {
     }
   }, [leftCurrentDate, dualCalendar]);
   const slots = useMemo(() => datePickerStyle({ ...variantProps, dualCalendar }), [variantProps, dualCalendar]);
-  const endContent = /* @__PURE__ */ jsx(Icon_default, { name: "calendar", size, className: "cursor-pointer", fill: true, onClick: handleCalendarIconClick });
+  const endContent = /* @__PURE__ */ jsx(Icon_default, { className: "cursor-pointer", fill: true, name: "calendar", onClick: handleCalendarIconClick, size });
   const renderCalendar = (currentDate, isLeft) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[5px]", children: [
     /* @__PURE__ */ jsx("div", { className: slots.calendarHead({ class: classNames == null ? void 0 : classNames.calendarHead }), children: dualCalendar ? isLeft ? /* @__PURE__ */ jsxs(Fragment2, { children: [
       /* @__PURE__ */ jsx(
         icon_button_default,
         {
-          name: "left",
-          variant: "soft",
           color: "neutral",
+          name: "left",
           onClick: () => {
             const newLeft = new Date(leftCurrentDate.getFullYear(), leftCurrentDate.getMonth() - 1);
             setLeftCurrentDate(newLeft);
             setRightCurrentDate(new Date(newLeft.getFullYear(), newLeft.getMonth() + 1));
-          }
+          },
+          variant: "soft"
         }
       ),
       /* @__PURE__ */ jsx("span", { className: "text-xl font-extrabold", children: monthYearFormat(currentDate.getFullYear(), currentDate.getMonth()) }),
@@ -332,40 +334,40 @@ var DatePicker = forwardRef((originalProps, ref) => {
       /* @__PURE__ */ jsx(
         icon_button_default,
         {
-          name: "right",
-          variant: "soft",
           color: "neutral",
+          name: "right",
           onClick: () => {
             const newRight = new Date(rightCurrentDate.getFullYear(), rightCurrentDate.getMonth() + 1);
             setRightCurrentDate(newRight);
             setLeftCurrentDate(new Date(newRight.getFullYear(), newRight.getMonth() - 1));
-          }
+          },
+          variant: "soft"
         }
       )
     ] }) : /* @__PURE__ */ jsxs(Fragment2, { children: [
       /* @__PURE__ */ jsx(
         icon_button_default,
         {
-          name: "left",
-          variant: "soft",
           color: "neutral",
+          name: "left",
           onClick: () => {
             const newLeft = new Date(leftCurrentDate.getFullYear(), leftCurrentDate.getMonth() - 1);
             setLeftCurrentDate(newLeft);
-          }
+          },
+          variant: "soft"
         }
       ),
       /* @__PURE__ */ jsx("span", { className: "text-xl font-extrabold", children: monthYearFormat(currentDate.getFullYear(), currentDate.getMonth()) }),
       /* @__PURE__ */ jsx(
         icon_button_default,
         {
-          name: "right",
-          variant: "soft",
           color: "neutral",
+          name: "right",
           onClick: () => {
             const newLeft = new Date(leftCurrentDate.getFullYear(), leftCurrentDate.getMonth() + 1);
             setLeftCurrentDate(newLeft);
-          }
+          },
+          variant: "soft"
         }
       )
     ] }) }),
@@ -375,8 +377,10 @@ var DatePicker = forwardRef((originalProps, ref) => {
       return /* @__PURE__ */ jsx(
         day_default,
         {
+          onClick: () => {
+            handleDateSelect(dateObj.date, dateObj.currentMonth, currentDate);
+          },
           variant: dayVariant,
-          onClick: () => handleDateSelect(dateObj.date, dateObj.currentMonth, currentDate),
           children: dateObj.date
         },
         index
@@ -384,28 +388,11 @@ var DatePicker = forwardRef((originalProps, ref) => {
     }) }, weekIndex)) })
   ] });
   return /* @__PURE__ */ jsxs(Fragment2, { children: [
-    /* @__PURE__ */ jsx("div", { ref: inputWrapperRef, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onClick: handleFocusInput, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onClick: handleFocusInput, ref: inputWrapperRef, children: /* @__PURE__ */ jsx(
       input_default,
       {
         ...inputProps,
         autoComplete: "off",
-        ref,
-        label,
-        value: displayValue,
-        placeholder: getPlaceholderText(),
-        errorMessage,
-        helperMessage,
-        size,
-        variant,
-        color,
-        full,
-        disabled,
-        endContent,
-        onFocus: handleFocusInput,
-        onBlur: handleClose,
-        onKeyDown: handleInputKeyDown,
-        onChange: () => {
-        },
         classNames: {
           base: classNames == null ? void 0 : classNames.inputBase,
           inputWrapper: classNames == null ? void 0 : classNames.inputWrapper,
@@ -413,15 +400,33 @@ var DatePicker = forwardRef((originalProps, ref) => {
           label: classNames == null ? void 0 : classNames.label,
           errorMessage: classNames == null ? void 0 : classNames.errorMessage,
           helperMessage: classNames == null ? void 0 : classNames.helperMessage
-        }
+        },
+        color,
+        disabled,
+        endContent,
+        errorMessage,
+        full,
+        helperMessage,
+        label,
+        onBlur: handleClose,
+        onChange: () => {
+        },
+        onFocus: handleFocusInput,
+        onKeyDown: handleInputKeyDown,
+        placeholder: getPlaceholderText(),
+        ref,
+        size,
+        value: displayValue,
+        variant
       }
     ) }),
-    isPanelOpen && createPortal(
+    isPanelOpen ? createPortal(
       /* @__PURE__ */ jsxs(
         "div",
         {
-          ref: calendarWrapperRef,
           className: slots.calendarWrapper({ class: classNames == null ? void 0 : classNames.calendarWrapper }),
+          onMouseDown: handleCalendarMouseDown,
+          ref: calendarWrapperRef,
           style: {
             position: "absolute",
             top: panelPos.top,
@@ -429,46 +434,45 @@ var DatePicker = forwardRef((originalProps, ref) => {
             right: panelPos.right,
             zIndex: 1e3
           },
-          onMouseDown: handleCalendarMouseDown,
           children: [
             /* @__PURE__ */ jsxs("div", { className: dualCalendar ? "flex gap-[10px]" : "flex", children: [
               renderCalendar(leftCurrentDate, true),
-              dualCalendar && range && /* @__PURE__ */ jsx("div", { className: "bg-neutral-soft w-px self-stretch" }),
-              dualCalendar && renderCalendar(rightCurrentDate, false)
+              dualCalendar && range ? /* @__PURE__ */ jsx("div", { className: "bg-neutral-soft w-px self-stretch" }) : null,
+              dualCalendar ? renderCalendar(rightCurrentDate, false) : null
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex h-[30px] justify-between px-[10px]", children: [
               /* @__PURE__ */ jsx(
                 text_button_default,
                 {
-                  variant: "underline",
-                  color: "neutral",
-                  size: "sm",
                   classNames: { base: "font-bold" },
+                  color: "neutral",
                   onClick: handleClearDate,
+                  size: "sm",
+                  variant: "underline",
                   children: resetTitle
                 }
               ),
-              /* @__PURE__ */ jsx(text_button_default, { variant: "underline", size: "sm", classNames: { base: "font-bold" }, onClick: handleSetToday, children: todayTitle })
+              /* @__PURE__ */ jsx(text_button_default, { classNames: { base: "font-bold" }, onClick: handleSetToday, size: "sm", variant: "underline", children: todayTitle })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex gap-[10px]", children: [
               /* @__PURE__ */ jsx(
                 button_default,
                 {
-                  variant: "soft",
-                  color: "neutral",
-                  size: "sm",
                   classNames: { base: "flex flex-1" },
+                  color: "neutral",
                   onClick: handleResetDate,
+                  size: "sm",
+                  variant: "soft",
                   children: cancelTitle
                 }
               ),
               /* @__PURE__ */ jsx(
                 button_default,
                 {
-                  size: "sm",
                   classNames: { base: "flex flex-1" },
-                  onClick: handleConfirmDate,
                   disabled: isConfirmDisabled,
+                  onClick: handleConfirmDate,
+                  size: "sm",
                   children: confirmTitle
                 }
               )
@@ -477,7 +481,7 @@ var DatePicker = forwardRef((originalProps, ref) => {
         }
       ),
       document.body
-    )
+    ) : null
   ] });
 });
 DatePicker.displayName = "DatePicker";

package/dist/{chunk-WS4SOWDZ.mjs → chunk-AHKNFPHN.mjs}

@@ -4,16 +4,16 @@ import {
 } from "./chunk-F3HENRVM.mjs";
 import {
   input_default
-} from "./chunk-BJWYF2WY.mjs";
+} from "./chunk-C6S73EGR.mjs";
 import {
   Icon_default
-} from "./chunk-A6UUVHC6.mjs";
+} from "./chunk-C7OETP3D.mjs";
 import {
   clsx
-} from "./chunk-27Y6K5NK.mjs";
+} from "./chunk-KJFYLLMP.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -55,35 +55,35 @@ var Pagination = forwardRef((originalProps, ref) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+  return /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), ref, children: [
     /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
       /* @__PURE__ */ jsxs("div", { className: "flex", children: [
-        showFirstLastButtons && /* @__PURE__ */ jsx(
+        showFirstLastButtons ? /* @__PURE__ */ jsx(
           "div",
           {
             "aria-label": "firstPage",
-            "data-disabled": isFirstPageDisabled,
             className: slots.icon({
               class: clsx(classNames == null ? void 0 : classNames.icon, isFirstPageDisabled && "!text-neutral-light !cursor-default")
             }),
+            "data-disabled": isFirstPageDisabled,
             onClick: !isFirstPageDisabled ? handleClickMovePage(1) : void 0,
             children: /* @__PURE__ */ jsx(Icon_default, { name: "left-double", size })
           }
-        ),
+        ) : null,
         /* @__PURE__ */ jsx(
           "div",
           {
             "aria-label": "prevPage",
-            "data-disabled": isPrevPageDisabled,
             className: slots.icon({
               class: clsx(classNames == null ? void 0 : classNames.icon, isPrevPageDisabled && "!text-neutral-light !cursor-default")
             }),
+            "data-disabled": isPrevPageDisabled,
             onClick: !isPrevPageDisabled ? handleClickMovePage(currentPage - 1) : void 0,
             children: /* @__PURE__ */ jsx(Icon_default, { name: "left", size })
           }
         )
       ] }),
-      showPageNumber && pageList.map((page, index) => /* @__PURE__ */ jsx(
+      showPageNumber ? pageList.map((page, index) => /* @__PURE__ */ jsx(
         "div",
         {
           className: slots.button({ class: classNames == null ? void 0 : classNames.button }),
@@ -92,52 +92,54 @@ var Pagination = forwardRef((originalProps, ref) => {
           children: page
         },
         index
-      )),
+      )) : null,
       /* @__PURE__ */ jsxs("div", { className: "flex", children: [
         /* @__PURE__ */ jsx(
           "div",
           {
             "aria-label": "nextPage",
-            "data-disabled": isNextPageDisabled,
             className: slots.icon({
               class: clsx(classNames == null ? void 0 : classNames.icon, isNextPageDisabled && "!text-neutral-light !cursor-default")
             }),
+            "data-disabled": isNextPageDisabled,
             onClick: !isNextPageDisabled ? handleClickMovePage(currentPage + 1) : void 0,
             children: /* @__PURE__ */ jsx(Icon_default, { name: "right", size })
           }
         ),
-        showFirstLastButtons && /* @__PURE__ */ jsx(
+        showFirstLastButtons ? /* @__PURE__ */ jsx(
           "div",
           {
             "aria-label": "lastPage",
-            "data-disabled": isLastPageDisabled,
             className: slots.icon({
               class: clsx(classNames == null ? void 0 : classNames.icon, isLastPageDisabled && "!text-neutral-light !cursor-default")
             }),
+            "data-disabled": isLastPageDisabled,
             onClick: !isLastPageDisabled ? handleClickMovePage(totalPage) : void 0,
             children: /* @__PURE__ */ jsx(Icon_default, { name: "right-double", size })
           }
-        )
+        ) : null
       ] })
     ] }),
-    showPageLabel && /* @__PURE__ */ jsxs("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: [
+    showPageLabel ? /* @__PURE__ */ jsxs("span", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: [
       /* @__PURE__ */ jsx(
         input_default,
         {
-          variant: variant === "underline" ? "outline" : variant,
-          value: inputPage || 1,
-          onChange: (e) => setInputPage(Number(e.target.value)),
-          onKeyDown: handleKeyDown,
-          width: 50,
-          height: 24,
-          size: "sm",
           classNames: {
             inputWrapper: clsx("w-[50px] h-[24px] rounded-sm")
-          }
+          },
+          height: 24,
+          onChange: (e) => {
+            setInputPage(Number(e.target.value));
+          },
+          onKeyDown: handleKeyDown,
+          size: "sm",
+          value: inputPage || 1,
+          variant: variant === "underline" ? "outline" : variant,
+          width: 50
         }
       ),
       ` of ${totalPage.toLocaleString("ko-kr")}`
-    ] })
+    ] }) : null
   ] });
 });
 Pagination.displayName = "Pagination";

package/dist/{chunk-IOJMTN6X.mjs → chunk-APZCX3PY.mjs}

@@ -1,19 +1,19 @@
 "use client";
 import {
   ripple_default
-} from "./chunk-LXHUO6VM.mjs";
+} from "./chunk-EAFNOTY3.mjs";
 import {
   useRipple
 } from "./chunk-SZL743JC.mjs";
 import {
   Icon_default
-} from "./chunk-A6UUVHC6.mjs";
+} from "./chunk-C7OETP3D.mjs";
 import {
   buttonBaseStyle
 } from "./chunk-2WAQRWST.mjs";
 import {
   mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
+} from "./chunk-UWT2WB6H.mjs";
 import {
   tv
 } from "./chunk-UP6RPQDX.mjs";
@@ -49,12 +49,12 @@ var IconButton = forwardRef((props, ref) => {
     "button",
     {
       ...buttonProps,
+      className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
+      "data-loading": isLoading,
+      disabled: disabled || isLoading,
       onMouseDown: handleMouseDown,
       ref,
-      disabled: disabled || isLoading,
-      "data-loading": isLoading,
-      className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
-      children: isLoading ? /* @__PURE__ */ jsx(Icon_default, { name: "loading", size, className: "animate-spin" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      children: isLoading ? /* @__PURE__ */ jsx(Icon_default, { className: "animate-spin", name: "loading", size }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(Icon_default, { name, size }),
         !disableRipple && /* @__PURE__ */ jsx(ripple_default, { ...rippleProps })
       ] })