@deepnoid/ui 0.1.206 → 0.1.208

package/dist/index.mjs

@@ -1,8 +1,4 @@
 "use client";
-import "./chunk-RRAZM5D3.mjs";
-import {
-  textarea_default
-} from "./chunk-Q22PRT24.mjs";
 import "./chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
@@ -13,10 +9,10 @@ import "./chunk-MBLZYQCN.mjs";
 import {
   tree_default
 } from "./chunk-F6BQCZ54.mjs";
-import "./chunk-3MY6LO7N.mjs";
+import "./chunk-RRAZM5D3.mjs";
 import {
-  tabs_default
-} from "./chunk-DW3BX4M2.mjs";
+  textarea_default
+} from "./chunk-Q22PRT24.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
@@ -26,10 +22,6 @@ import "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
 } from "./chunk-4F7SIDZB.mjs";
-import "./chunk-LVFI2NOH.mjs";
-import {
-  switch_default
-} from "./chunk-AGE57VDD.mjs";
 import "./chunk-DX3KXNP6.mjs";
 import {
   definition_table_default
@@ -37,6 +29,14 @@ import {
 import {
   table_default
 } from "./chunk-W3V4SZV5.mjs";
+import "./chunk-3MY6LO7N.mjs";
+import {
+  tabs_default
+} from "./chunk-DW3BX4M2.mjs";
+import "./chunk-QCEKPS7U.mjs";
+import {
+  select_default
+} from "./chunk-K2RW5KLO.mjs";
 import "./chunk-MZ76AA76.mjs";
 import {
   skeleton_default
@@ -45,46 +45,48 @@ import "./chunk-OLQOLLKG.mjs";
 import {
   starRating_default
 } from "./chunk-OX4T7OBC.mjs";
+import "./chunk-LVFI2NOH.mjs";
+import {
+  switch_default
+} from "./chunk-AGE57VDD.mjs";
 import "./chunk-TPFN22HR.mjs";
 import {
   radio_default
 } from "./chunk-RNMD44IQ.mjs";
+import "./chunk-4VWG4726.mjs";
+import {
+  timePicker_default
+} from "./chunk-4TAZM6EF.mjs";
+import "./chunk-QBWQHWNV.mjs";
+import "./chunk-I4YRN4UE.mjs";
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
 } from "./chunk-VVCSY7DG.mjs";
 import "./chunk-F3HENRVM.mjs";
-import "./chunk-4VWG4726.mjs";
-import {
-  datePicker_default
-} from "./chunk-BTO7MP5N.mjs";
-import "./chunk-FWFEKWWD.mjs";
-import {
-  day_default
-} from "./chunk-XZYQFBCT.mjs";
-import {
-  timePicker_default
-} from "./chunk-COGGK5Q6.mjs";
-import "./chunk-QCEKPS7U.mjs";
+import "./chunk-DJOG6Z35.mjs";
 import {
-  select_default
-} from "./chunk-K2RW5KLO.mjs";
+  modal_default
+} from "./chunk-D72ILS4A.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
 import {
   list_default
 } from "./chunk-NGRGAY42.mjs";
 import {
   listItem_default
-} from "./chunk-YO4PZXCM.mjs";
-import "./chunk-DJOG6Z35.mjs";
-import {
-  modal_default
-} from "./chunk-IG7QEXDU.mjs";
-import "./chunk-QZ3LVYJW.mjs";
+} from "./chunk-K3M3QEEV.mjs";
 import "./chunk-32GA3YW4.mjs";
 import {
   drawer_default
 } from "./chunk-45Y7ANPK.mjs";
+import {
+  datePicker_default
+} from "./chunk-JPNMYMDN.mjs";
+import {
+  day_default
+} from "./chunk-XZYQFBCT.mjs";
+import "./chunk-3IBJXQTJ.mjs";
+import "./chunk-QZ3LVYJW.mjs";
 import "./chunk-MGEWSREV.mjs";
 import {
   chip_default
@@ -125,10 +127,10 @@ import {
 import {
   checkbox_default
 } from "./chunk-OEIEALIP.mjs";
-import "./chunk-7DLOYKVC.mjs";
+import "./chunk-SE5TU755.mjs";
 import {
-  avatar_default
-} from "./chunk-JQ5C2U5I.mjs";
+  backdrop_default
+} from "./chunk-IH3BJRTV.mjs";
 import "./chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
@@ -154,7 +156,6 @@ import {
   Icon_default,
   iconTemplate
 } from "./chunk-YEYUS6DW.mjs";
-import "./chunk-5BT37SLM.mjs";
 import "./chunk-NMSDSEBD.mjs";
 import {
   accordion_default
@@ -163,10 +164,11 @@ import {
   accordionItem_default
 } from "./chunk-NTNF5T5I.mjs";
 import "./chunk-E3G5QXSH.mjs";
-import "./chunk-SE5TU755.mjs";
+import "./chunk-7DLOYKVC.mjs";
 import {
-  backdrop_default
-} from "./chunk-IH3BJRTV.mjs";
+  avatar_default
+} from "./chunk-JQ5C2U5I.mjs";
+import "./chunk-5BT37SLM.mjs";
 import {
   deepnoidUi,
   tv

package/package.json

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

package/dist/chunk-COGGK5Q6.mjs

@@ -1,365 +0,0 @@
-"use client";
-import {
-  select_default
-} from "./chunk-K2RW5KLO.mjs";
-import {
-  Icon_default
-} from "./chunk-YEYUS6DW.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-U4DJHAM5.mjs";
-import {
-  clsx
-} from "./chunk-27Y6K5NK.mjs";
-
-// src/components/picker/timePicker.tsx
-import { forwardRef, useCallback, useMemo, useState, useRef } from "react";
-import { createPortal } from "react-dom";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var TimePicker = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, timePickerStyle.variantKeys);
-  const {
-    classNames,
-    label,
-    errorMessage,
-    valueRange,
-    onChangeRange,
-    size,
-    selectClassNames,
-    placeholder = "",
-    ...inputProps
-  } = props;
-  const [selectedRange, setSelectedRange] = useState(
-    valueRange || { start: "", end: "" }
-  );
-  const [isPanelOpen, setIsPanelOpen] = useState(false);
-  const inputWrapperRef = useRef(null);
-  const panelWrapperRef = useRef(null);
-  const [panelPos, setPanelPos] = useState({ top: -9999, left: -9999 });
-  const displayValue = useMemo(() => {
-    if (selectedRange.start && selectedRange.end) {
-      return `${selectedRange.start} ~ ${selectedRange.end}`;
-    }
-    return "";
-  }, [selectedRange]);
-  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 = () => {
-    calculatePosition();
-    setIsPanelOpen(true);
-  };
-  const handleInputBlur = () => {
-    setTimeout(() => setIsPanelOpen(false), 150);
-  };
-  const handleInputKeyDown = (e) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      calculatePosition();
-      setIsPanelOpen((prev) => !prev);
-    } else if (e.key === "Escape") {
-      setIsPanelOpen(false);
-    }
-  };
-  const slots = useMemo(() => timePickerStyle({ ...variantProps }), [variantProps]);
-  const renderHourOptions = () => {
-    return Array.from({ length: 24 }, (_, i) => {
-      const value = String(i).padStart(2, "0");
-      return { label: value, value };
-    });
-  };
-  const renderMinuteOptions = () => {
-    return Array.from({ length: 60 }, (_, i) => {
-      const value = String(i).padStart(2, "0");
-      return { label: value, value };
-    });
-  };
-  const defaultSelectClassNames = {
-    selectWrapper: "!w-[80px]",
-    optionsWrapper: "max-h-[300px]"
-  };
-  const handleRangeChange = (type, option) => {
-    const [shRaw, smRaw] = selectedRange.start.split(":");
-    const [ehRaw, emRaw] = selectedRange.end.split(":");
-    const sh = (shRaw != null ? shRaw : "00").padStart(2, "0");
-    const sm = (smRaw != null ? smRaw : "00").padStart(2, "0");
-    const eh = (ehRaw != null ? ehRaw : "00").padStart(2, "0");
-    const em = (emRaw != null ? emRaw : "00").padStart(2, "0");
-    const range = {
-      start: `${type === "startHour" ? option.value : sh}:${type === "startMinute" ? option.value : sm}`,
-      end: `${type === "endHour" ? option.value : eh}:${type === "endMinute" ? option.value : em}`
-    };
-    setSelectedRange(range);
-    onChangeRange == null ? void 0 : onChangeRange(range);
-  };
-  const mergedSelectClassNames = {
-    selectWrapper: (selectClassNames == null ? void 0 : selectClassNames.selectWrapper) || defaultSelectClassNames.selectWrapper,
-    optionsWrapper: (selectClassNames == null ? void 0 : selectClassNames.optionsWrapper) || defaultSelectClassNames.optionsWrapper
-  };
-  const getSelectValue = (timeString, part) => {
-    if (!timeString) return "00";
-    const [hour, minute] = timeString.split(":");
-    return part === "hour" ? hour || "00" : minute || "00";
-  };
-  const handleClearRange = () => {
-    const emptyRange = { start: "", end: "" };
-    setSelectedRange(emptyRange);
-    onChangeRange == null ? void 0 : onChangeRange(emptyRange);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
-      label && /* @__PURE__ */ jsx("label", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
-      /* @__PURE__ */ jsxs("div", { className: slots.wrapper({ class: classNames == null ? void 0 : classNames.wrapper }), children: [
-        /* @__PURE__ */ jsxs("div", { ref: inputWrapperRef, className: slots.inputWrapper({ class: classNames == null ? void 0 : classNames.inputWrapper }), children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ...inputProps,
-              ref,
-              className: slots.input({ class: classNames == null ? void 0 : classNames.input }),
-              type: "text",
-              value: displayValue,
-              placeholder,
-              readOnly: true,
-              onFocus: handleFocusInput,
-              onBlur: handleInputBlur,
-              onKeyDown: handleInputKeyDown
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: slots.icon({ class: classNames == null ? void 0 : classNames.icon }), children: [
-            displayValue && /* @__PURE__ */ jsx(
-              Icon_default,
-              {
-                name: "close",
-                className: "text-neutral-light hover:text-neutral-main mr-[5px] cursor-pointer",
-                onClick: (e) => {
-                  e.stopPropagation();
-                  handleClearRange();
-                }
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Icon_default,
-              {
-                name: "clock",
-                className: "cursor-pointer",
-                onClick: () => {
-                  calculatePosition();
-                  setIsPanelOpen((v) => !v);
-                }
-              }
-            )
-          ] })
-        ] }),
-        errorMessage && /* @__PURE__ */ jsx("p", { className: clsx("error", slots.errorMessage({ class: classNames == null ? void 0 : classNames.errorMessage })), children: errorMessage })
-      ] })
-    ] }),
-    isPanelOpen && createPortal(
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: panelWrapperRef,
-          className: slots.optionsWrapper({ class: classNames == null ? void 0 : classNames.optionsWrapper }),
-          style: {
-            position: "absolute",
-            top: panelPos.top,
-            left: panelPos.left,
-            zIndex: 1e3
-          },
-          onMouseDown: (e) => e.preventDefault(),
-          children: /* @__PURE__ */ jsxs("div", { className: "bg-body-background text-neutral-main flex items-center gap-[5px] p-[10px]", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[5px]", children: [
-              /* @__PURE__ */ jsx(
-                select_default,
-                {
-                  options: renderHourOptions(),
-                  value: getSelectValue(selectedRange.start, "hour"),
-                  onChange: (options) => {
-                    if (options[0]) handleRangeChange("startHour", options[0]);
-                  },
-                  classNames: mergedSelectClassNames
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { children: ":" }),
-              /* @__PURE__ */ jsx(
-                select_default,
-                {
-                  options: renderMinuteOptions(),
-                  value: getSelectValue(selectedRange.start, "minute"),
-                  onChange: (options) => {
-                    if (options[0]) handleRangeChange("startMinute", options[0]);
-                  },
-                  classNames: mergedSelectClassNames
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx("span", { children: "~" }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[5px]", children: [
-              /* @__PURE__ */ jsx(
-                select_default,
-                {
-                  options: renderHourOptions(),
-                  value: getSelectValue(selectedRange.end, "hour"),
-                  onChange: (options) => {
-                    if (options[0]) handleRangeChange("endHour", options[0]);
-                  },
-                  classNames: mergedSelectClassNames
-                }
-              ),
-              /* @__PURE__ */ jsx("span", { children: ":" }),
-              /* @__PURE__ */ jsx(
-                select_default,
-                {
-                  options: renderMinuteOptions(),
-                  value: getSelectValue(selectedRange.end, "minute"),
-                  onChange: (options) => {
-                    if (options[0]) handleRangeChange("endMinute", options[0]);
-                  },
-                  classNames: mergedSelectClassNames
-                }
-              )
-            ] })
-          ] })
-        }
-      ),
-      document.body
-    )
-  ] });
-});
-TimePicker.displayName = "TimePicker";
-var timePicker_default = TimePicker;
-var timePickerStyle = tv({
-  slots: {
-    base: ["group/timepicker", "flex", "flex-col"],
-    label: ["flex", "items-center", "font-bold", "text-body-foreground", "min-w-[80px]"],
-    wrapper: ["flex", "flex-col"],
-    inputWrapper: [
-      "flex",
-      "items-center",
-      "justify-between",
-      "border",
-      "cursor-pointer",
-      "text-neutral-main",
-      "hover:bg-trans-soft",
-      "group-has-[p.error]/timepicker:border-danger-main",
-      "group-has-[p.error]/timepicker:bg-danger-soft",
-      "group-has-[p.error]/timepicker:text-danger-main",
-      "group-has-[p.error]/timepicker:hover:bg-danger-soft"
-    ],
-    input: [
-      "bg-transparent",
-      "w-full",
-      "outline-none",
-      "placeholder:text-neutral-main",
-      "text-body-foreground",
-      "group-has-[p.error]/timepicker:text-danger-main",
-      "group-has-[p.error]/timepicker:placeholder:text-danger-main",
-      "cursor-pointer"
-    ],
-    icon: [
-      "flex",
-      "items-center",
-      "select-none",
-      "text-body-foreground",
-      "group-has-[p.error]/timepicker:text-danger-main"
-    ],
-    optionsWrapper: ["border", "rounded", "bg-body-background", "shadow", "overflow-auto"],
-    errorMessage: ["text-danger-main", "text-sm"],
-    selectWrapper: []
-  },
-  variants: {
-    color: {
-      primary: {
-        icon: ["text-primary-main"]
-      },
-      secondary: {
-        icon: ["text-secondary-main"]
-      }
-    },
-    size: {
-      sm: {
-        base: ["text-sm", "gap-[4px]"],
-        label: ["text-sm"],
-        wrapper: ["gap-[4px]"],
-        inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]"],
-        input: ["text-sm"],
-        icon: ["text-sm"],
-        errorMessage: ["text-sm"]
-      },
-      md: {
-        base: ["text-md", "gap-[6px]"],
-        label: ["text-md"],
-        wrapper: ["gap-[6px]"],
-        inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]"],
-        input: ["text-md"],
-        icon: ["text-md"],
-        errorMessage: ["text-sm"]
-      },
-      lg: {
-        base: ["text-lg", "gap-[8px]"],
-        label: ["text-lg"],
-        wrapper: ["gap-[8px]"],
-        inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]"],
-        input: ["text-lg"],
-        icon: ["text-lg"],
-        errorMessage: ["text-md"]
-      },
-      xl: {
-        base: ["text-xl", "gap-[10px]"],
-        label: ["text-xl"],
-        wrapper: ["gap-[10px]"],
-        inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]"],
-        input: ["text-xl"],
-        icon: ["text-xl"],
-        errorMessage: ["text-md"]
-      }
-    },
-    full: {
-      true: {
-        base: ["w-full"],
-        wrapper: ["w-full"],
-        inputWrapper: ["w-full"]
-      }
-    },
-    disabled: {
-      true: {
-        base: ["pointer-events-none"],
-        label: ["text-neutral-light"],
-        inputWrapper: [
-          "bg-neutral-soft",
-          "border-neutral-light",
-          "group-has-[p.error]/timepicker:text-danger-light",
-          "group-has-[p.error]/timepicker:bg-danger-soft",
-          "group-has-[p.error]/timepicker:border-danger-light",
-          "cursor-not-allowed"
-        ],
-        input: [
-          "text-neutral-light",
-          "placeholder:text-neutral-light",
-          "group-has-[p.error]/timepicker:text-danger-light",
-          "group-has-[p.error]/timepicker:placeholder:text-danger-light",
-          "cursor-not-allowed"
-        ],
-        icon: ["text-neutral-light"],
-        errorMessage: ["text-danger-light"]
-      }
-    }
-  },
-  defaultVariants: {
-    color: "primary",
-    size: "md",
-    full: false,
-    disabled: false
-  }
-});
-
-export {
-  timePicker_default,
-  timePickerStyle
-};

package/dist/chunk-FWFEKWWD.mjs

@@ -1,18 +0,0 @@
-"use client";
-
-// src/components/picker/utils.ts
-var formatDateToString = (date) => {
-  const year = date.getFullYear();
-  const month = String(date.getMonth() + 1).padStart(2, "0");
-  const day = String(date.getDate()).padStart(2, "0");
-  return `${year}-${month}-${day}`;
-};
-var formatStringToDate = (date) => {
-  const formattedDate = new Date(date);
-  return formattedDate;
-};
-
-export {
-  formatDateToString,
-  formatStringToDate
-};

package/dist/components/picker/timePicker.mjs

@@ -1,26 +0,0 @@
-"use client";
-import {
-  timePickerStyle,
-  timePicker_default
-} from "../../chunk-COGGK5Q6.mjs";
-import "../../chunk-QCEKPS7U.mjs";
-import "../../chunk-K2RW5KLO.mjs";
-import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-4LUASWAN.mjs";
-import "../../chunk-5VTYO3RF.mjs";
-import "../../chunk-FFUZAOFL.mjs";
-import "../../chunk-TB2DOWSM.mjs";
-import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
-import "../../chunk-SZL743JC.mjs";
-import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-YEYUS6DW.mjs";
-import "../../chunk-5BT37SLM.mjs";
-import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-U4DJHAM5.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-AC6TWLRT.mjs";
-export {
-  timePicker_default as default,
-  timePickerStyle
-};

package/dist/{chunk-IG7QEXDU.mjs → chunk-D72ILS4A.mjs}

@@ -1,4 +1,7 @@
 "use client";
+import {
+  backdrop_default
+} from "./chunk-IH3BJRTV.mjs";
 import {
   button_default
 } from "./chunk-FFUZAOFL.mjs";
@@ -8,9 +11,6 @@ import {
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  backdrop_default
-} from "./chunk-IH3BJRTV.mjs";
 import {
   tv
 } from "./chunk-U4DJHAM5.mjs";

package/dist/{chunk-YO4PZXCM.mjs → chunk-K3M3QEEV.mjs}

@@ -1,13 +1,13 @@
 "use client";
-import {
-  avatar_default
-} from "./chunk-JQ5C2U5I.mjs";
 import {
   Icon_default
 } from "./chunk-YEYUS6DW.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  avatar_default
+} from "./chunk-JQ5C2U5I.mjs";
 import {
   tv
 } from "./chunk-U4DJHAM5.mjs";