@deepnoid/ui 0.1.156 → 0.1.158

package/dist/index.mjs

@@ -1,46 +1,50 @@
 "use client";
+import "./chunk-HIE2YRGA.mjs";
+import {
+  tooltip_default
+} from "./chunk-YBVJFHH6.mjs";
+import "./chunk-ZMOAFSYE.mjs";
+import "./chunk-WSIADHVC.mjs";
 import "./chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "./chunk-R2USZD77.mjs";
+} from "./chunk-XHCPYYMC.mjs";
+import "./chunk-RRAZM5D3.mjs";
+import {
+  textarea_default
+} from "./chunk-3CRSSRCH.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "./chunk-KX6WG4VG.mjs";
+} from "./chunk-KLBA5J2H.mjs";
 import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-6YTT5ACI.mjs";
-import "./chunk-HIE2YRGA.mjs";
-import {
-  tooltip_default
-} from "./chunk-YBVJFHH6.mjs";
-import "./chunk-ZMOAFSYE.mjs";
-import "./chunk-WSIADHVC.mjs";
+} from "./chunk-3QE57PU3.mjs";
 import "./chunk-DX3KXNP6.mjs";
+import {
+  definition_table_default
+} from "./chunk-JZMJ5UMR.mjs";
 import {
   table_default
-} from "./chunk-ZY3HNPPG.mjs";
+} from "./chunk-HKHVSCER.mjs";
 import "./chunk-3MY6LO7N.mjs";
 import {
   tabs_default
 } from "./chunk-NBJHZ4X2.mjs";
-import "./chunk-RRAZM5D3.mjs";
-import {
-  textarea_default
-} from "./chunk-3CRSSRCH.mjs";
 import "./chunk-MZ76AA76.mjs";
 import {
   skeleton_default
 } from "./chunk-6PN3DGOE.mjs";
+import "./chunk-OLQOLLKG.mjs";
+import {
+  starRating_default
+} from "./chunk-L5FRTUM6.mjs";
 import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-AGE57VDD.mjs";
-import {
-  definition_table_default
-} from "./chunk-JZMJ5UMR.mjs";
 import "./chunk-TPFN22HR.mjs";
 import {
   radio_default
@@ -48,22 +52,22 @@ import {
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "./chunk-ZNQML73F.mjs";
+} from "./chunk-IRJP6BF3.mjs";
 import "./chunk-F3HENRVM.mjs";
 import "./chunk-4VWG4726.mjs";
 import {
   datePicker_default
-} from "./chunk-TCURFCQ2.mjs";
+} from "./chunk-7YMXOYES.mjs";
 import {
   day_default
 } from "./chunk-4DESGO3D.mjs";
 import {
   timePicker_default
-} from "./chunk-5VVNAW4E.mjs";
+} from "./chunk-QHETCLHO.mjs";
 import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "./chunk-ZGUTKE5H.mjs";
+} from "./chunk-Z7CLJYRF.mjs";
 import "./chunk-FWFEKWWD.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
@@ -71,15 +75,15 @@ import {
 } from "./chunk-3IILPVRA.mjs";
 import {
   listItem_default
-} from "./chunk-2DAIOZ7N.mjs";
+} from "./chunk-CSG6FDBX.mjs";
 import "./chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "./chunk-URJA4W4R.mjs";
+} from "./chunk-46EIW6MN.mjs";
 import "./chunk-MGEWSREV.mjs";
 import {
   chip_default
-} from "./chunk-KKHOCWXJ.mjs";
+} from "./chunk-3X376ACN.mjs";
 import "./chunk-32GA3YW4.mjs";
 import {
   drawer_default
@@ -87,7 +91,7 @@ import {
 import "./chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "./chunk-4YVZ3XKA.mjs";
+} from "./chunk-V64PCWVW.mjs";
 import "./chunk-7VOQKIIK.mjs";
 import {
   progress_default
@@ -95,7 +99,7 @@ import {
 import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "./chunk-47MQPUEY.mjs";
+} from "./chunk-SFGFRMWL.mjs";
 import "./chunk-VYNBJBXD.mjs";
 import {
   areaChart_default
@@ -124,7 +128,7 @@ import {
 import "./chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "./chunk-LFALITPU.mjs";
+} from "./chunk-PXAJEOZS.mjs";
 import "./chunk-MY5U63QO.mjs";
 import {
   text_button_default
@@ -134,10 +138,10 @@ import {
 } from "./chunk-ITWKPTSD.mjs";
 import {
   button_default
-} from "./chunk-UIRHCS6B.mjs";
+} from "./chunk-YQYO5RLZ.mjs";
 import {
   icon_button_default
-} from "./chunk-7RG7CQQM.mjs";
+} from "./chunk-JKYLYL3A.mjs";
 import "./chunk-6WSACUIB.mjs";
 import "./chunk-LXHUO6VM.mjs";
 import "./chunk-SZL743JC.mjs";
@@ -145,7 +149,7 @@ import "./chunk-ZYIIXWVY.mjs";
 import {
   Icon_default,
   iconTemplate
-} from "./chunk-Q2YLULZH.mjs";
+} from "./chunk-R7KUEH3N.mjs";
 import "./chunk-NMSDSEBD.mjs";
 import {
   accordion_default
@@ -157,8 +161,8 @@ import "./chunk-E3G5QXSH.mjs";
 import "./chunk-7DLOYKVC.mjs";
 import {
   avatar_default
-} from "./chunk-HP4ARKW3.mjs";
-import "./chunk-WHU5VP5G.mjs";
+} from "./chunk-ITFEV25U.mjs";
+import "./chunk-DDFJMHBC.mjs";
 import {
   deepnoidUi,
   tv
@@ -197,6 +201,7 @@ export {
   scrollArea_default as ScrollArea,
   select_default as Select,
   skeleton_default as Skeleton,
+  starRating_default as StarRating,
   switch_default as Switch,
   table_default as Table,
   tabs_default as Tabs,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.156",
+  "version": "0.1.158",
   "license": "MIT",
   "sideEffects": false,
   "exports": {

package/dist/chunk-TCURFCQ2.mjs

@@ -1,315 +0,0 @@
-"use client";
-import {
-  day_default
-} from "./chunk-4DESGO3D.mjs";
-import {
-  formatDateToString,
-  formatStringToDate
-} from "./chunk-FWFEKWWD.mjs";
-import {
-  input_default
-} from "./chunk-47MQPUEY.mjs";
-import {
-  text_button_default
-} from "./chunk-Q364C3FI.mjs";
-import {
-  button_default
-} from "./chunk-UIRHCS6B.mjs";
-import {
-  icon_button_default
-} from "./chunk-7RG7CQQM.mjs";
-import {
-  Icon_default
-} from "./chunk-Q2YLULZH.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-CDXBML6O.mjs";
-
-// src/components/picker/datePicker.tsx
-import {
-  forwardRef,
-  useCallback,
-  useMemo,
-  useState,
-  useRef,
-  useEffect,
-  Fragment
-} from "react";
-import { createPortal } from "react-dom";
-import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
-var DatePicker = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, datePickerStyle.variantKeys);
-  const {
-    classNames,
-    label,
-    errorMessage,
-    helperMessage,
-    value,
-    onChange,
-    size = "md",
-    variant = "solid",
-    color = "primary",
-    full = false,
-    disabled = false,
-    placeholder = "",
-    format = "YYYY-MM-DD",
-    locale = "default",
-    daysOfWeek = ["\uC77C", "\uC6D4", "\uD654", "\uC218", "\uBAA9", "\uAE08", "\uD1A0"],
-    monthYearFormat = (year, month) => locale === "default" ? `${year}. ${(month + 1).toString().padStart(2, "0")}` : new Date(year, month).toLocaleString(locale, { year: "numeric", month: "2-digit" }),
-    resetTitle,
-    todayTitle,
-    cancelTitle,
-    confirmTitle,
-    ...inputProps
-  } = { ...props, ...variantProps };
-  const [selectedDate, setSelectedDate] = useState(value || "");
-  const [tempSelectedDate, setTempSelectedDate] = useState(value || "");
-  const [isPanelOpen, setIsPanelOpen] = useState(false);
-  const [currentDate, setCurrentDate] = useState(tempSelectedDate ? new Date(tempSelectedDate) : /* @__PURE__ */ new Date());
-  const inputWrapperRef = useRef(null);
-  const calendarWrapperRef = useRef(null);
-  const [panelPos, setPanelPos] = useState({ top: -9999, left: -9999 });
-  const blurTimeoutRef = useRef(null);
-  const formatDate = (dateString) => {
-    if (!dateString) return "";
-    const [year, month, day] = dateString.split("-");
-    switch (format) {
-      case "MM/DD/YYYY":
-        return `${month}/${day}/${year}`;
-      case "DD/MM/YYYY":
-        return `${day}/${month}/${year}`;
-      default:
-        return dateString;
-    }
-  };
-  const displayValue = useMemo(() => formatDate(selectedDate), [selectedDate, format]);
-  const calculatePosition = useCallback(() => {
-    if (inputWrapperRef.current) {
-      const rect = inputWrapperRef.current.getBoundingClientRect();
-      setPanelPos({ top: rect.bottom + window.scrollY + 6, left: rect.left + window.scrollX });
-    }
-  }, []);
-  const handleFocusInput = () => {
-    if (disabled) return;
-    if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
-    calculatePosition();
-    setIsPanelOpen(true);
-  };
-  const handleClose = () => {
-    blurTimeoutRef.current = setTimeout(() => setIsPanelOpen(false), 100);
-  };
-  const handleInputKeyDown = (e) => {
-    if (disabled) return;
-    if (["Enter", " "].includes(e.key)) {
-      e.preventDefault();
-      calculatePosition();
-      setIsPanelOpen((prev) => !prev);
-    } else if (e.key === "Escape") setIsPanelOpen(false);
-  };
-  const handleCalendarIconClick = (e) => {
-    e.preventDefault();
-    if (disabled) return;
-    if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
-    calculatePosition();
-    setIsPanelOpen((prev) => !prev);
-  };
-  const handleClearDate = (e) => {
-    e.preventDefault();
-    setTempSelectedDate("");
-  };
-  const handleCalendarMouseDown = (e) => {
-    e.preventDefault();
-    if (blurTimeoutRef.current) clearTimeout(blurTimeoutRef.current);
-  };
-  const getCalendarDates = useCallback(() => {
-    const year = currentDate.getFullYear();
-    const month = currentDate.getMonth();
-    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 = [];
-    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;
-    for (let i = 1; i <= remainingDays; i++) dates.push({ date: i, currentMonth: false });
-    const weeks = [];
-    for (let i = 0; i < dates.length; i += 7) weeks.push(dates.slice(i, i + 7));
-    return weeks;
-  }, [currentDate]);
-  const handlePrevMonth = () => setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() - 1));
-  const handleNextMonth = () => setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() + 1));
-  const handleDateSelect = (date, isCurrentMonth) => {
-    if (!isCurrentMonth) return;
-    const selected = new Date(currentDate.getFullYear(), currentDate.getMonth(), date);
-    const formatted = formatDateToString(selected);
-    setTempSelectedDate(formatted);
-  };
-  const handleSetToday = () => {
-    const today = /* @__PURE__ */ new Date();
-    const formatted = formatDateToString(today);
-    setCurrentDate(today);
-    setTempSelectedDate(formatted);
-  };
-  const handleConfirmDate = () => {
-    setSelectedDate(tempSelectedDate);
-    onChange == null ? void 0 : onChange(tempSelectedDate);
-    setIsPanelOpen(false);
-  };
-  const handleResetDate = () => {
-    setTempSelectedDate(selectedDate);
-    setIsPanelOpen(false);
-  };
-  const getDayProps = useCallback(
-    (dateObj) => {
-      const today = /* @__PURE__ */ new Date();
-      const isToday = today.getDate() === dateObj.date && today.getMonth() === currentDate.getMonth() && today.getFullYear() === currentDate.getFullYear();
-      const formatted = tempSelectedDate ? formatStringToDate(tempSelectedDate) : null;
-      const isSelected = (formatted == null ? void 0 : formatted.getDate()) === dateObj.date && formatted.getMonth() === currentDate.getMonth() && formatted.getFullYear() === currentDate.getFullYear();
-      return dateObj.currentMonth && isSelected ? "selected" : dateObj.currentMonth && isToday ? "today" : !dateObj.currentMonth ? "disabled" : "default";
-    },
-    [tempSelectedDate, currentDate]
-  );
-  useEffect(() => {
-    setSelectedDate(value || "");
-    setTempSelectedDate(value || "");
-    if (value) setCurrentDate(new Date(value));
-  }, [value]);
-  const slots = useMemo(() => datePickerStyle({ ...variantProps }), [variantProps]);
-  const endContent = /* @__PURE__ */ jsx(Icon_default, { name: "calendar", size, className: "cursor-pointer", fill: true, onClick: handleCalendarIconClick });
-  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(
-      input_default,
-      {
-        ...inputProps,
-        ref,
-        label,
-        value: displayValue,
-        placeholder,
-        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,
-          input: classNames == null ? void 0 : classNames.input,
-          label: classNames == null ? void 0 : classNames.label,
-          errorMessage: classNames == null ? void 0 : classNames.errorMessage,
-          helperMessage: classNames == null ? void 0 : classNames.helperMessage
-        }
-      }
-    ) }),
-    isPanelOpen && createPortal(
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref: calendarWrapperRef,
-          className: slots.calendarWrapper({ class: classNames == null ? void 0 : classNames.calendarWrapper }),
-          style: { position: "absolute", top: panelPos.top, left: panelPos.left, zIndex: 1e3 },
-          onMouseDown: handleCalendarMouseDown,
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: slots.calendarHead({ class: classNames == null ? void 0 : classNames.calendarHead }), children: [
-              /* @__PURE__ */ jsx(icon_button_default, { name: "left", variant: "soft", color: "neutral", onClick: handlePrevMonth }),
-              /* @__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", onClick: handleNextMonth })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", children: daysOfWeek.map((day, index) => /* @__PURE__ */ jsx(day_default, { variant: "text", children: day }, `${day}-${index}`)) }),
-            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-[5px] text-center", children: getCalendarDates().map((week, weekIndex) => /* @__PURE__ */ jsx(Fragment, { children: week.map((dateObj, index) => /* @__PURE__ */ jsx(
-              day_default,
-              {
-                variant: getDayProps(dateObj),
-                onClick: () => handleDateSelect(dateObj.date, dateObj.currentMonth),
-                children: dateObj.date
-              },
-              index
-            )) }, weekIndex)) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between px-[10px]", children: [
-              /* @__PURE__ */ jsx(
-                text_button_default,
-                {
-                  variant: "underline",
-                  color: "neutral",
-                  size: "sm",
-                  classNames: { base: "font-bold" },
-                  onClick: handleClearDate,
-                  children: resetTitle
-                }
-              ),
-              /* @__PURE__ */ jsx(text_button_default, { variant: "underline", size: "sm", classNames: { base: "font-bold" }, onClick: handleSetToday, 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" },
-                  onClick: handleResetDate,
-                  children: cancelTitle
-                }
-              ),
-              /* @__PURE__ */ jsx(button_default, { size: "sm", classNames: { base: "flex flex-1" }, onClick: handleConfirmDate, children: confirmTitle })
-            ] })
-          ]
-        }
-      ),
-      document.body
-    )
-  ] });
-});
-DatePicker.displayName = "DatePicker";
-var datePicker_default = DatePicker;
-var datePickerStyle = tv({
-  slots: {
-    base: ["group/datepicker", "flex", "flex-col", "cursor-pointer"],
-    calendarWrapper: [
-      "flex",
-      "flex-col",
-      "rounded-xl",
-      "bg-body-background",
-      "shadow-drop-xl",
-      "gap-[5px]",
-      "overflow-auto",
-      "w-[300px]",
-      "select-none",
-      "p-[10px]"
-    ],
-    calendarHead: ["calendar-header", "flex", "items-center", "justify-between", "h-[40px]"],
-    inputBase: [],
-    inputWrapper: [],
-    input: [],
-    label: [],
-    errorMessage: [],
-    helperMessage: []
-  },
-  variants: {
-    color: { primary: {}, secondary: {} },
-    size: { sm: {}, md: {}, lg: {}, xl: {} },
-    full: { true: { base: ["w-full"] } },
-    disabled: { true: { base: ["pointer-events-none"] } }
-  },
-  defaultVariants: {
-    color: "primary",
-    size: "md",
-    full: false,
-    disabled: false
-  }
-});
-
-export {
-  datePicker_default,
-  datePickerStyle
-};