@deepnoid/ui 1.0.21 → 1.0.23

package/dist/components/picker/index.mjs

@@ -2,32 +2,33 @@
 import "../../chunk-4VWG4726.mjs";
 import {
   timePicker_default
-} from "../../chunk-FNFQCMB4.mjs";
-import "../../chunk-SXSVNBRO.mjs";
-import "../../chunk-2J4MNIMS.mjs";
+} from "../../chunk-YNPIAFQ7.mjs";
+import "../../chunk-J2URLA5S.mjs";
+import "../../chunk-KGRQ3ZYI.mjs";
 import {
   datePicker_default
-} from "../../chunk-WQG4OYM6.mjs";
+} from "../../chunk-7K3EB4DC.mjs";
 import {
   day_default
-} from "../../chunk-G6SZN3EK.mjs";
-import "../../chunk-3IBJXQTJ.mjs";
+} from "../../chunk-LHEENTLV.mjs";
+import "../../chunk-GWOMD7ZU.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-BJWYF2WY.mjs";
-import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-IOJMTN6X.mjs";
-import "../../chunk-KIINY2GS.mjs";
-import "../../chunk-LHWHM4LQ.mjs";
-import "../../chunk-O5VW7CHY.mjs";
+import "../../chunk-C6S73EGR.mjs";
+import "../../chunk-WG2WVMAR.mjs";
+import "../../chunk-APZCX3PY.mjs";
+import "../../chunk-Q3SNUBIS.mjs";
+import "../../chunk-MS65QLWR.mjs";
+import "../../chunk-6J6AXUUE.mjs";
+import "../../chunk-4FUD3BZV.mjs";
 import "../../chunk-6WSACUIB.mjs";
-import "../../chunk-LXHUO6VM.mjs";
+import "../../chunk-EAFNOTY3.mjs";
 import "../../chunk-SZL743JC.mjs";
-import "../../chunk-ZYIIXWVY.mjs";
-import "../../chunk-A6UUVHC6.mjs";
+import "../../chunk-M5PMA3CT.mjs";
+import "../../chunk-C7OETP3D.mjs";
 import "../../chunk-2WAQRWST.mjs";
-import "../../chunk-AOU4QX7H.mjs";
-import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-QOOYAQJ5.mjs";
+import "../../chunk-KJFYLLMP.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 import "../../chunk-UP6RPQDX.mjs";
 export {
   datePicker_default as DatePicker,

package/dist/components/picker/timePicker/Panel.d.mts

@@ -1,11 +1,11 @@
 import * as react from 'react';
 
-type TimePickerPanelProps = {
+interface TimePickerPanelProps {
     nowTitle: string;
     confirmTitle: string;
     value?: string;
     onChange: (time: string) => void;
-};
+}
 declare const TimePickerPanel: react.ForwardRefExoticComponent<TimePickerPanelProps & react.RefAttributes<HTMLDivElement>>;
 
 export { TimePickerPanel, TimePickerPanel as default };

package/dist/components/picker/timePicker/Panel.d.ts

@@ -1,11 +1,11 @@
 import * as react from 'react';
 
-type TimePickerPanelProps = {
+interface TimePickerPanelProps {
     nowTitle: string;
     confirmTitle: string;
     value?: string;
     onChange: (time: string) => void;
-};
+}
 declare const TimePickerPanel: react.ForwardRefExoticComponent<TimePickerPanelProps & react.RefAttributes<HTMLDivElement>>;
 
 export { TimePickerPanel, TimePickerPanel as default };

package/dist/components/picker/timePicker/Panel.js

@@ -27,62 +27,6 @@ __export(Panel_exports, {
 module.exports = __toCommonJS(Panel_exports);
 var import_react3 = require("react");
 
-// src/components/picker/timePicker/WheelColumn.tsx
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var ITEM_HEIGHT = 30;
-var ACTIVE_HEIGHT = 34;
-function WheelColumn({ list, value, onChange }) {
-  const ref = (0, import_react.useRef)(null);
-  const idx = list.indexOf(value);
-  const finalizeScroll = (index) => {
-    const v = list[index];
-    if (v) onChange(v);
-  };
-  const handleClick = (index) => finalizeScroll(index);
-  (0, import_react.useEffect)(() => {
-    const el = ref.current;
-    if (!el || idx < 0) return;
-    const handleWheel = (e) => {
-      e.preventDefault();
-      let newIndex = idx;
-      if (e.deltaY > 0) {
-        newIndex = Math.min(idx + 1, list.length - 1);
-      } else if (e.deltaY < 0) {
-        newIndex = Math.max(idx - 1, 0);
-      }
-      finalizeScroll(newIndex);
-    };
-    el.addEventListener("wheel", handleWheel, { passive: false });
-    return () => el.removeEventListener("wheel", handleWheel);
-  }, [idx, list, onChange]);
-  (0, import_react.useEffect)(() => {
-    const el = ref.current;
-    if (!el || idx < 0) return;
-    el.scrollTo({ top: idx * ITEM_HEIGHT });
-  }, [idx]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative h-[94px] w-[40px]", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pointer-events-none absolute top-[30px] left-1/2 h-[34px] w-[40px] -translate-x-1/2 rounded-[10px] shadow-[inset_0_0_0_1.5px_var(--color-primary-light)]" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: "scrollbar-none relative h-full overflow-hidden py-[0] select-none", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: ITEM_HEIGHT } }),
-      list.map((v, i) => {
-        const highlight = i === idx;
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
-          {
-            onClick: () => handleClick(i),
-            className: `flex items-center justify-center text-sm font-bold ${highlight ? "text-body-foreground" : "text-neutral-light"}`,
-            style: { height: highlight ? ACTIVE_HEIGHT : ITEM_HEIGHT },
-            children: v
-          },
-          i
-        );
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: ITEM_HEIGHT + 4 } })
-    ] })
-  ] });
-}
-
 // src/utils/tailwind-variants.ts
 var import_tailwind_variants = require("tailwind-variants");
 var COMMON_SIZE = ["sm", "md", "lg", "xl"];
@@ -124,6 +68,24 @@ var tv = (0, import_tailwind_variants.createTV)({
   }
 });
 
+// src/utils/props.ts
+var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
+  if (!variantKeys) {
+    return [props, {}];
+  }
+  const picked = variantKeys.reduce((acc, key) => {
+    if (key in props) {
+      return { ...acc, [key]: props[key] };
+    }
+    return acc;
+  }, {});
+  if (removeVariantProps) {
+    const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
+    return [omitted, picked];
+  }
+  return [props, picked];
+};
+
 // src/components/button/button.style.ts
 var buttonBaseStyle = tv({
   slots: {
@@ -515,32 +477,12 @@ var buttonBaseStyle = tv({
   ]
 });
 
-// src/utils/props.ts
-var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
-  if (!variantKeys) {
-    return [props, {}];
-  }
-  const picked = variantKeys.reduce((acc, key) => {
-    if (key in props) {
-      return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
-    }
-  }, {});
-  if (removeVariantProps) {
-    const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
-    return [omitted, picked];
-  } else {
-    return [props, picked];
-  }
-};
-
 // src/components/button/text-button.tsx
-var import_react2 = require("react");
+var import_react = require("react");
 
 // src/utils/clsx.ts
 function clsx(...args) {
-  var i = 0, tmp, x, str = "";
+  let i = 0, tmp, x, str = "";
   while (i < args.length) {
     if (tmp = args[i++]) {
       if (x = toVal(tmp)) {
@@ -552,12 +494,12 @@ function clsx(...args) {
   return str;
 }
 function toVal(mix) {
-  var k, y, str = "";
+  let k, y, str = "";
   if (typeof mix === "string" || typeof mix === "number") {
     str += mix;
   } else if (typeof mix === "object") {
     if (Array.isArray(mix)) {
-      var len = mix.length;
+      const len = mix.length;
       for (k = 0; k < len; k++) {
         if (mix[k]) {
           if (y = toVal(mix[k])) {
@@ -579,21 +521,21 @@ function toVal(mix) {
 }
 
 // src/components/button/text-button.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var TextButton = (0, import_react2.forwardRef)((originalProps, ref) => {
+var import_jsx_runtime = require("react/jsx-runtime");
+var TextButton = (0, import_react.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, textButtonStyle.variantKeys);
   const { children, startContent, endContent, classNames, variant, disabled, size, ...buttonProps } = {
     ...props,
     ...variantProps
   };
-  const slots = (0, import_react2.useMemo)(() => textButtonStyle({ ...variantProps }), [variantProps]);
-  const getContentProps = (0, import_react2.useCallback)(() => {
+  const slots = (0, import_react.useMemo)(() => textButtonStyle({ ...variantProps }), [variantProps]);
+  const getContentProps = (0, import_react.useCallback)(() => {
     const className = slots.content({ class: classNames == null ? void 0 : classNames.content });
     return { className, size };
   }, [slots, classNames, size]);
   const renderContent = (content) => {
     const contentProps = getContentProps();
-    if ((0, import_react2.isValidElement)(content)) {
+    if ((0, import_react.isValidElement)(content)) {
       const _content = content;
       const contentProps2 = getContentProps();
       const mergedProps = {
@@ -602,24 +544,24 @@ var TextButton = (0, import_react2.forwardRef)((originalProps, ref) => {
           className: clsx(contentProps2.className, _content.props.className)
         }
       };
-      return (0, import_react2.cloneElement)(_content, mergedProps);
+      return (0, import_react.cloneElement)(_content, mergedProps);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ...contentProps, children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...contentProps, children: content });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "button",
     {
       ...buttonProps,
-      ref,
-      disabled,
       className: clsx(
         slots.base({ class: classNames == null ? void 0 : classNames.base }),
         variant === "underline" && slots.underline({ class: classNames == null ? void 0 : classNames.underline })
       ),
+      disabled,
+      ref,
       children: [
-        startContent && renderContent(startContent),
+        startContent ? renderContent(startContent) : null,
         children,
-        endContent && renderContent(endContent)
+        endContent ? renderContent(endContent) : null
       ]
     }
   );
@@ -732,7 +674,7 @@ var textButtonStyle = tv({
 // src/components/picker/utils.ts
 var convert24To12 = (time24) => {
   const [HH, MM] = time24.split(":");
-  let h = Number(HH);
+  const h = Number(HH);
   const minute = MM || "";
   const meridiem = h >= 12 ? "PM" : "AM";
   let hour12 = h % 12;
@@ -753,6 +695,68 @@ var getCurrent12Hour = () => {
   };
 };
 
+// src/components/picker/timePicker/WheelColumn.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ITEM_HEIGHT = 30;
+var ACTIVE_HEIGHT = 34;
+function WheelColumn({ list, value, onChange }) {
+  const ref = (0, import_react2.useRef)(null);
+  const idx = list.indexOf(value);
+  const finalizeScroll = (index) => {
+    const v = list[index];
+    if (v) onChange(v);
+  };
+  const handleClick = (index) => {
+    finalizeScroll(index);
+  };
+  (0, import_react2.useEffect)(() => {
+    const el = ref.current;
+    if (!el || idx < 0) return;
+    const handleWheel = (e) => {
+      e.preventDefault();
+      let newIndex = idx;
+      if (e.deltaY > 0) {
+        newIndex = Math.min(idx + 1, list.length - 1);
+      } else if (e.deltaY < 0) {
+        newIndex = Math.max(idx - 1, 0);
+      }
+      finalizeScroll(newIndex);
+    };
+    el.addEventListener("wheel", handleWheel, { passive: false });
+    return () => {
+      el.removeEventListener("wheel", handleWheel);
+    };
+  }, [idx, list, onChange]);
+  (0, import_react2.useEffect)(() => {
+    const el = ref.current;
+    if (!el || idx < 0) return;
+    el.scrollTo({ top: idx * ITEM_HEIGHT });
+  }, [idx]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "relative h-[94px] w-[40px]", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "pointer-events-none absolute top-[30px] left-1/2 h-[34px] w-[40px] -translate-x-1/2 rounded-[10px] shadow-[inset_0_0_0_1.5px_var(--color-primary-light)]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scrollbar-none relative h-full overflow-hidden py-[0] select-none", ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { height: ITEM_HEIGHT } }),
+      list.map((v, i) => {
+        const highlight = i === idx;
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "div",
+          {
+            className: `flex items-center justify-center text-sm font-bold ${highlight ? "text-body-foreground" : "text-neutral-light"}`,
+            onClick: () => {
+              handleClick(i);
+            },
+            style: { height: highlight ? ACTIVE_HEIGHT : ITEM_HEIGHT },
+            children: v
+          },
+          i
+        );
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: { height: ITEM_HEIGHT + 4 } })
+    ] })
+  ] });
+}
+
 // src/components/picker/timePicker/Panel.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var hours = [...Array(12)].map((_, i) => String(i + 1).padStart(2, "0"));
@@ -769,9 +773,7 @@ var TimePickerPanel = (0, import_react3.forwardRef)(
       let h = Number(hour);
       if (meridiem === "AM") {
         if (h === 12) h = 0;
-      } else {
-        if (h !== 12) h += 12;
-      }
+      } else if (h !== 12) h += 12;
       const HH = String(h).padStart(2, "0");
       const MM = minute.padStart(2, "0");
       const SS = "00";
@@ -781,33 +783,41 @@ var TimePickerPanel = (0, import_react3.forwardRef)(
       setTime(value ? convert24To12(value) : getCurrent12Hour());
     }, [value]);
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { ref, className: "flex gap-[10px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex gap-[10px]", ref, children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center justify-center gap-[5px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WheelColumn, { list: hours, value: time.hour, onChange: (v) => setTime({ ...time, hour: v }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WheelColumn, { list: hours, onChange: (v) => {
+            setTime({ ...time, hour: v });
+          }, value: time.hour }),
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "w-[5px] text-sm font-bold", children: ":" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WheelColumn, { list: minutes, value: time.minute, onChange: (v) => setTime({ ...time, minute: v }) })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WheelColumn, { list: minutes, onChange: (v) => {
+            setTime({ ...time, minute: v });
+          }, value: time.minute })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WheelColumn, { list: meridiemList, value: time.meridiem, onChange: (v) => setTime({ ...time, meridiem: v }) })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(WheelColumn, { list: meridiemList, onChange: (v) => {
+          setTime({ ...time, meridiem: v });
+        }, value: time.meridiem })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex justify-between px-1 text-sm", children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           text_button_default,
           {
-            variant: "underline",
-            color: "neutral",
-            size: "sm",
             classNames: { base: "font-bold" },
+            color: "neutral",
             onClick: handleNow,
+            size: "sm",
+            variant: "underline",
             children: nowTitle
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           text_button_default,
           {
-            variant: "underline",
-            size: "sm",
             classNames: { base: "font-bold" },
-            onClick: () => handleConfirm(time),
+            onClick: () => {
+              handleConfirm(time);
+            },
+            size: "sm",
+            variant: "underline",
             children: confirmTitle
           }
         )

package/dist/components/picker/timePicker/Panel.mjs

@@ -2,23 +2,24 @@
 import {
   Panel_default,
   TimePickerPanel
-} from "../../../chunk-SXSVNBRO.mjs";
-import "../../../chunk-2J4MNIMS.mjs";
-import "../../../chunk-3IBJXQTJ.mjs";
-import "../../../chunk-MY5U63QO.mjs";
-import "../../../chunk-IOJMTN6X.mjs";
-import "../../../chunk-KIINY2GS.mjs";
-import "../../../chunk-LHWHM4LQ.mjs";
-import "../../../chunk-O5VW7CHY.mjs";
+} from "../../../chunk-J2URLA5S.mjs";
+import "../../../chunk-KGRQ3ZYI.mjs";
+import "../../../chunk-GWOMD7ZU.mjs";
+import "../../../chunk-WG2WVMAR.mjs";
+import "../../../chunk-APZCX3PY.mjs";
+import "../../../chunk-Q3SNUBIS.mjs";
+import "../../../chunk-MS65QLWR.mjs";
+import "../../../chunk-6J6AXUUE.mjs";
+import "../../../chunk-4FUD3BZV.mjs";
 import "../../../chunk-6WSACUIB.mjs";
-import "../../../chunk-LXHUO6VM.mjs";
+import "../../../chunk-EAFNOTY3.mjs";
 import "../../../chunk-SZL743JC.mjs";
-import "../../../chunk-ZYIIXWVY.mjs";
-import "../../../chunk-A6UUVHC6.mjs";
+import "../../../chunk-M5PMA3CT.mjs";
+import "../../../chunk-C7OETP3D.mjs";
 import "../../../chunk-2WAQRWST.mjs";
-import "../../../chunk-AOU4QX7H.mjs";
-import "../../../chunk-27Y6K5NK.mjs";
-import "../../../chunk-E3G5QXSH.mjs";
+import "../../../chunk-QOOYAQJ5.mjs";
+import "../../../chunk-KJFYLLMP.mjs";
+import "../../../chunk-UWT2WB6H.mjs";
 import "../../../chunk-UP6RPQDX.mjs";
 export {
   TimePickerPanel,

package/dist/components/picker/timePicker/WheelColumn.d.mts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-type WheelColumnProps = {
+interface WheelColumnProps {
     list: string[];
     value: string;
     onChange: (v: string) => void;
-};
+}
 declare function WheelColumn({ list, value, onChange }: WheelColumnProps): react_jsx_runtime.JSX.Element;
 
 export { WheelColumn as default };

package/dist/components/picker/timePicker/WheelColumn.d.ts

@@ -1,10 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-type WheelColumnProps = {
+interface WheelColumnProps {
     list: string[];
     value: string;
     onChange: (v: string) => void;
-};
+}
 declare function WheelColumn({ list, value, onChange }: WheelColumnProps): react_jsx_runtime.JSX.Element;
 
 export { WheelColumn as default };

package/dist/components/picker/timePicker/WheelColumn.js

@@ -35,7 +35,9 @@ function WheelColumn({ list, value, onChange }) {
     const v = list[index];
     if (v) onChange(v);
   };
-  const handleClick = (index) => finalizeScroll(index);
+  const handleClick = (index) => {
+    finalizeScroll(index);
+  };
   (0, import_react.useEffect)(() => {
     const el = ref.current;
     if (!el || idx < 0) return;
@@ -50,7 +52,9 @@ function WheelColumn({ list, value, onChange }) {
       finalizeScroll(newIndex);
     };
     el.addEventListener("wheel", handleWheel, { passive: false });
-    return () => el.removeEventListener("wheel", handleWheel);
+    return () => {
+      el.removeEventListener("wheel", handleWheel);
+    };
   }, [idx, list, onChange]);
   (0, import_react.useEffect)(() => {
     const el = ref.current;
@@ -59,15 +63,17 @@ function WheelColumn({ list, value, onChange }) {
   }, [idx]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative h-[94px] w-[40px]", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pointer-events-none absolute top-[30px] left-1/2 h-[34px] w-[40px] -translate-x-1/2 rounded-[10px] shadow-[inset_0_0_0_1.5px_var(--color-primary-light)]" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: "scrollbar-none relative h-full overflow-hidden py-[0] select-none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scrollbar-none relative h-full overflow-hidden py-[0] select-none", ref, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: ITEM_HEIGHT } }),
       list.map((v, i) => {
         const highlight = i === idx;
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
-            onClick: () => handleClick(i),
             className: `flex items-center justify-center text-sm font-bold ${highlight ? "text-body-foreground" : "text-neutral-light"}`,
+            onClick: () => {
+              handleClick(i);
+            },
             style: { height: highlight ? ACTIVE_HEIGHT : ITEM_HEIGHT },
             children: v
           },

package/dist/components/picker/timePicker/WheelColumn.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   WheelColumn
-} from "../../../chunk-2J4MNIMS.mjs";
+} from "../../../chunk-KGRQ3ZYI.mjs";
 export {
   WheelColumn as default
 };