@deepnoid/ui 0.1.205 → 0.1.207

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

@@ -0,0 +1,26 @@
+"use client";
+import {
+  Panel_default,
+  TimePickerPanel
+} from "../../../chunk-QBWQHWNV.mjs";
+import "../../../chunk-I4YRN4UE.mjs";
+import "../../../chunk-3IBJXQTJ.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-E3G5QXSH.mjs";
+import "../../../chunk-5BT37SLM.mjs";
+import "../../../chunk-U4DJHAM5.mjs";
+import "../../../chunk-27Y6K5NK.mjs";
+import "../../../chunk-AC6TWLRT.mjs";
+export {
+  TimePickerPanel,
+  Panel_default as default
+};

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type 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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type 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

@@ -0,0 +1,98 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/picker/timePicker/WheelColumn.tsx
+var WheelColumn_exports = {};
+__export(WheelColumn_exports, {
+  default: () => WheelColumn
+});
+module.exports = __toCommonJS(WheelColumn_exports);
+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 internalChangeRef = (0, import_react.useRef)(false);
+  const [currentIndex, setCurrentIndex] = (0, import_react.useState)(0);
+  const scrollToIndex = (index, behavior = "smooth") => {
+    if (!ref.current) return;
+    const diff = ACTIVE_HEIGHT - ITEM_HEIGHT;
+    let centerOffset = index > 0 && behavior === "auto" ? diff : 0;
+    if (behavior === "auto" && currentIndex !== 0) centerOffset -= 4;
+    const top = index * ITEM_HEIGHT + centerOffset;
+    ref.current.scrollTo({ top, behavior });
+  };
+  const finalizeScroll = (index) => {
+    internalChangeRef.current = true;
+    const v = list[index];
+    setCurrentIndex(index);
+    scrollToIndex(index, "smooth");
+    if (v) onChange(v);
+  };
+  const handleClick = (index) => finalizeScroll(index);
+  (0, import_react.useEffect)(() => {
+    if (!ref.current || !value) return;
+    const idx = list.indexOf(value);
+    if (idx < 0) return;
+    if (internalChangeRef.current) {
+      internalChangeRef.current = false;
+      return;
+    }
+    setCurrentIndex(idx);
+    scrollToIndex(idx, "auto");
+  }, [value]);
+  (0, import_react.useEffect)(() => {
+    const el = ref.current;
+    if (!el) return;
+    const handleWheel = (e) => {
+      e.preventDefault();
+      let newIndex = currentIndex;
+      if (e.deltaY > 0) {
+        newIndex = Math.min(currentIndex + 1, list.length - 1);
+      } else if (e.deltaY < 0) {
+        newIndex = Math.max(currentIndex - 1, 0);
+      }
+      finalizeScroll(newIndex);
+    };
+    el.addEventListener("wheel", handleWheel, { passive: false });
+    return () => el.removeEventListener("wheel", handleWheel);
+  }, [currentIndex, list, onChange]);
+  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 left-1/2 top-[30px] h-[34px] w-[40px] -translate-x-1/2 rounded-[10px] shadow-[inset_0_0_0_1.5px_var(--dn-primary-light)]" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: "scrollbar-none relative h-full select-none overflow-y-scroll py-[0]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: ITEM_HEIGHT } }),
+      list.map((v, i) => {
+        const isActive = i === currentIndex;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            onClick: () => handleClick(i),
+            className: `flex items-center justify-center text-sm font-bold transition-all ${isActive ? "text-body-foreground" : "text-neutral-light"}`,
+            style: { height: isActive ? ACTIVE_HEIGHT : ITEM_HEIGHT },
+            children: v
+          },
+          i
+        );
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height: list.length >= 3 ? ITEM_HEIGHT + 4 : ITEM_HEIGHT } })
+    ] })
+  ] });
+}

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

@@ -0,0 +1,8 @@
+"use client";
+import {
+  WheelColumn
+} from "../../../chunk-I4YRN4UE.mjs";
+import "../../../chunk-AC6TWLRT.mjs";
+export {
+  WheelColumn as default
+};

package/dist/components/picker/{timePicker.d.ts → timePicker/index.d.mts}

@@ -1,35 +1,33 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import react__default, { ComponentProps } from 'react';
-import { SlotsToClasses } from '../../utils/types.js';
+import { SlotsToClasses } from '../../../utils/types.mjs';
 
 interface TimePickerProps extends Omit<ComponentProps<"input">, "size" | "color" | "onChange">, VariantProps<typeof timePickerStyle> {
     label?: string;
     errorMessage?: string;
-    onChangeRange?: (range: {
-        start: string;
-        end: string;
-    }) => void;
-    valueRange?: {
-        start: string;
-        end: string;
-    };
+    value?: string;
+    onChange: (time: string) => void;
     classNames?: SlotsToClasses<TimePickerSlots>;
-    selectClassNames?: {
-        selectWrapper?: string;
-        optionsWrapper?: string;
-    };
     placeholder?: string;
+    nowTitle: string;
+    confirmTitle: string;
 }
 declare const TimePicker: react__default.ForwardRefExoticComponent<Omit<TimePickerProps, "ref"> & react__default.RefAttributes<HTMLInputElement>>;
 
 declare const timePickerStyle: tailwind_variants.TVReturnType<{
-    color: {
-        primary: {
-            icon: string[];
+    variant: {
+        solid: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
         };
-        secondary: {
-            icon: string[];
+        outline: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
+        };
+        underline: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
         };
     };
     size: {
@@ -39,7 +37,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         md: {
@@ -48,7 +45,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         lg: {
@@ -57,7 +53,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         xl: {
@@ -66,7 +61,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
     };
@@ -83,7 +77,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             label: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
     };
@@ -93,17 +86,21 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
     wrapper: string[];
     inputWrapper: string[];
     input: string[];
-    icon: string[];
-    optionsWrapper: string[];
+    portalWrapper: string[];
     errorMessage: string[];
-    selectWrapper: never[];
 }, undefined, {
-    color: {
-        primary: {
-            icon: string[];
+    variant: {
+        solid: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
         };
-        secondary: {
-            icon: string[];
+        outline: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
+        };
+        underline: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
         };
     };
     size: {
@@ -113,7 +110,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         md: {
@@ -122,7 +118,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         lg: {
@@ -131,7 +126,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         xl: {
@@ -140,7 +134,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
     };
@@ -157,7 +150,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             label: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
     };
@@ -167,17 +159,21 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
     wrapper: string[];
     inputWrapper: string[];
     input: string[];
-    icon: string[];
-    optionsWrapper: string[];
+    portalWrapper: string[];
     errorMessage: string[];
-    selectWrapper: never[];
 }, tailwind_variants.TVReturnType<{
-    color: {
-        primary: {
-            icon: string[];
+    variant: {
+        solid: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
         };
-        secondary: {
-            icon: string[];
+        outline: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
+        };
+        underline: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
         };
     };
     size: {
@@ -187,7 +183,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         md: {
@@ -196,7 +191,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         lg: {
@@ -205,7 +199,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         xl: {
@@ -214,7 +207,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
     };
@@ -231,7 +223,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             label: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
     };
@@ -241,10 +232,8 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
     wrapper: string[];
     inputWrapper: string[];
     input: string[];
-    icon: string[];
-    optionsWrapper: string[];
+    portalWrapper: string[];
     errorMessage: string[];
-    selectWrapper: never[];
 }, undefined, unknown, unknown, undefined>>;
 type TimePickerSlots = keyof ReturnType<typeof timePickerStyle>;
 

package/dist/components/picker/{timePicker.d.mts → timePicker/index.d.ts}

@@ -1,35 +1,33 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import react__default, { ComponentProps } from 'react';
-import { SlotsToClasses } from '../../utils/types.mjs';
+import { SlotsToClasses } from '../../../utils/types.js';
 
 interface TimePickerProps extends Omit<ComponentProps<"input">, "size" | "color" | "onChange">, VariantProps<typeof timePickerStyle> {
     label?: string;
     errorMessage?: string;
-    onChangeRange?: (range: {
-        start: string;
-        end: string;
-    }) => void;
-    valueRange?: {
-        start: string;
-        end: string;
-    };
+    value?: string;
+    onChange: (time: string) => void;
     classNames?: SlotsToClasses<TimePickerSlots>;
-    selectClassNames?: {
-        selectWrapper?: string;
-        optionsWrapper?: string;
-    };
     placeholder?: string;
+    nowTitle: string;
+    confirmTitle: string;
 }
 declare const TimePicker: react__default.ForwardRefExoticComponent<Omit<TimePickerProps, "ref"> & react__default.RefAttributes<HTMLInputElement>>;
 
 declare const timePickerStyle: tailwind_variants.TVReturnType<{
-    color: {
-        primary: {
-            icon: string[];
+    variant: {
+        solid: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
         };
-        secondary: {
-            icon: string[];
+        outline: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
+        };
+        underline: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
         };
     };
     size: {
@@ -39,7 +37,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         md: {
@@ -48,7 +45,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         lg: {
@@ -57,7 +53,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         xl: {
@@ -66,7 +61,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
     };
@@ -83,7 +77,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             label: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
     };
@@ -93,17 +86,21 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
     wrapper: string[];
     inputWrapper: string[];
     input: string[];
-    icon: string[];
-    optionsWrapper: string[];
+    portalWrapper: string[];
     errorMessage: string[];
-    selectWrapper: never[];
 }, undefined, {
-    color: {
-        primary: {
-            icon: string[];
+    variant: {
+        solid: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
         };
-        secondary: {
-            icon: string[];
+        outline: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
+        };
+        underline: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
         };
     };
     size: {
@@ -113,7 +110,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         md: {
@@ -122,7 +118,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         lg: {
@@ -131,7 +126,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         xl: {
@@ -140,7 +134,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
     };
@@ -157,7 +150,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             label: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
     };
@@ -167,17 +159,21 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
     wrapper: string[];
     inputWrapper: string[];
     input: string[];
-    icon: string[];
-    optionsWrapper: string[];
+    portalWrapper: string[];
     errorMessage: string[];
-    selectWrapper: never[];
 }, tailwind_variants.TVReturnType<{
-    color: {
-        primary: {
-            icon: string[];
+    variant: {
+        solid: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
         };
-        secondary: {
-            icon: string[];
+        outline: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
+        };
+        underline: {
+            inputWrapper: string[];
+            readonlyWrapper: string[];
         };
     };
     size: {
@@ -187,7 +183,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         md: {
@@ -196,7 +191,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         lg: {
@@ -205,7 +199,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
         xl: {
@@ -214,7 +207,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             wrapper: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
     };
@@ -231,7 +223,6 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
             label: string[];
             inputWrapper: string[];
             input: string[];
-            icon: string[];
             errorMessage: string[];
         };
     };
@@ -241,10 +232,8 @@ declare const timePickerStyle: tailwind_variants.TVReturnType<{
     wrapper: string[];
     inputWrapper: string[];
     input: string[];
-    icon: string[];
-    optionsWrapper: string[];
+    portalWrapper: string[];
     errorMessage: string[];
-    selectWrapper: never[];
 }, undefined, unknown, unknown, undefined>>;
 type TimePickerSlots = keyof ReturnType<typeof timePickerStyle>;