@component-hook/picker 1.2.0-alpha.0 → 1.2.1-alpha.0

package/dist/react/picker.es.js

@@ -1,26 +1,26 @@
-import be, { forwardRef as Re, useState as U, useRef as D, useMemo as F, useImperativeHandle as G, useEffect as J } from "react";
-var B = { exports: {} }, H = {};
+import Re, { forwardRef as be, useState as W, useRef as j, useMemo as F, useImperativeHandle as Z, useEffect as G } from "react";
+var q = { exports: {} }, H = {};
 var ae;
 function xe() {
   if (ae) return H;
   ae = 1;
   var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function o(s, r, a) {
-    var d = null;
-    if (a !== void 0 && (d = "" + a), r.key !== void 0 && (d = "" + r.key), "key" in r) {
+  function r(o, s, a) {
+    var f = null;
+    if (a !== void 0 && (f = "" + a), s.key !== void 0 && (f = "" + s.key), "key" in s) {
       a = {};
-      for (var c in r)
-        c !== "key" && (a[c] = r[c]);
-    } else a = r;
-    return r = a.ref, {
+      for (var c in s)
+        c !== "key" && (a[c] = s[c]);
+    } else a = s;
+    return s = a.ref, {
       $$typeof: e,
-      type: s,
-      key: d,
-      ref: r !== void 0 ? r : null,
+      type: o,
+      key: f,
+      ref: s !== void 0 ? s : null,
       props: a
     };
   }
-  return H.Fragment = n, H.jsx = o, H.jsxs = o, H;
+  return H.Fragment = n, H.jsx = r, H.jsxs = r, H;
 }
 var z = {};
 var ue;
@@ -29,36 +29,36 @@ function Oe() {
     function e(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === O ? null : t.displayName || t.name || null;
+        return t.$$typeof === E ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
         case M:
           return "Fragment";
-        case x:
+        case O:
           return "Profiler";
         case v:
           return "StrictMode";
         case m:
           return "Suspense";
-        case P:
+        case w:
           return "SuspenseList";
-        case T:
+        case I:
           return "Activity";
       }
       if (typeof t == "object")
         switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), t.$$typeof) {
-          case R:
+          case x:
             return "Portal";
-          case E:
+          case T:
             return t.displayName || "Context";
           case l:
             return (t._context.displayName || "Context") + ".Consumer";
           case g:
             var i = t.render;
             return t = t.displayName, t || (t = i.displayName || i.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case y:
+          case A:
             return i = t.displayName || null, i !== null ? i : e(t.type) || "Memo";
           case Y:
             i = t._payload, t = t._init;
@@ -72,7 +72,7 @@ function Oe() {
     function n(t) {
       return "" + t;
     }
-    function o(t) {
+    function r(t) {
       try {
         n(t);
         var i = !1;
@@ -81,15 +81,15 @@ function Oe() {
       }
       if (i) {
         i = console;
-        var k = i.error, w = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return k.call(
+        var R = i.error, y = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return R.call(
           i,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          w
+          y
         ), n(t);
       }
     }
-    function s(t) {
+    function o(t) {
       if (t === M) return "<>";
       if (typeof t == "object" && t !== null && t.$$typeof === Y)
         return "<...>";
@@ -100,47 +100,47 @@ function Oe() {
         return "<...>";
       }
     }
-    function r() {
-      var t = C.A;
+    function s() {
+      var t = k.A;
       return t === null ? null : t.getOwner();
     }
     function a() {
       return Error("react-stack-top-frame");
     }
-    function d(t) {
-      if (I.call(t, "key")) {
+    function f(t) {
+      if (P.call(t, "key")) {
         var i = Object.getOwnPropertyDescriptor(t, "key").get;
         if (i && i.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
     function c(t, i) {
-      function k() {
-        L || (L = !0, console.error(
+      function R() {
+        U || (U = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           i
         ));
       }
-      k.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: k,
+      R.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: R,
         configurable: !0
       });
     }
     function S() {
       var t = e(this.type);
-      return re[t] || (re[t] = !0, console.error(
+      return L[t] || (L[t] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function f(t, i, k, w, W, Q) {
-      var A = k.ref;
+    function d(t, i, R, y, B, K) {
+      var C = R.ref;
       return t = {
         $$typeof: b,
         type: t,
         key: i,
-        props: k,
-        _owner: w
-      }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(t, "ref", {
+        props: R,
+        _owner: y
+      }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
         get: S
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
@@ -157,60 +157,60 @@ function Oe() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: W
+        value: B
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Q
+        value: K
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function _(t, i, k, w, W, Q) {
-      var A = i.children;
-      if (A !== void 0)
-        if (w)
-          if (V(A)) {
-            for (w = 0; w < A.length; w++)
-              p(A[w]);
-            Object.freeze && Object.freeze(A);
+    function _(t, i, R, y, B, K) {
+      var C = i.children;
+      if (C !== void 0)
+        if (y)
+          if (V(C)) {
+            for (y = 0; y < C.length; y++)
+              p(C[y]);
+            Object.freeze && Object.freeze(C);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else p(A);
-      if (I.call(i, "key")) {
-        A = e(t);
-        var X = Object.keys(i).filter(function(ke) {
+        else p(C);
+      if (P.call(i, "key")) {
+        C = e(t);
+        var $ = Object.keys(i).filter(function(ke) {
           return ke !== "key";
         });
-        w = 0 < X.length ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}", ce[A + w] || (X = 0 < X.length ? "{" + X.join(": ..., ") + ": ...}" : "{}", console.error(
+        y = 0 < $.length ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}", ce[C + y] || ($ = 0 < $.length ? "{" + $.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          w,
-          A,
-          X,
-          A
-        ), ce[A + w] = !0);
+          y,
+          C,
+          $,
+          C
+        ), ce[C + y] = !0);
       }
-      if (A = null, k !== void 0 && (o(k), A = "" + k), d(i) && (o(i.key), A = "" + i.key), "key" in i) {
-        k = {};
-        for (var K in i)
-          K !== "key" && (k[K] = i[K]);
-      } else k = i;
-      return A && c(
-        k,
+      if (C = null, R !== void 0 && (r(R), C = "" + R), f(i) && (r(i.key), C = "" + i.key), "key" in i) {
+        R = {};
+        for (var ee in i)
+          ee !== "key" && (R[ee] = i[ee]);
+      } else R = i;
+      return C && c(
+        R,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), f(
+      ), d(
         t,
-        A,
-        k,
-        r(),
-        W,
-        Q
+        C,
+        R,
+        s(),
+        B,
+        K
       );
     }
     function p(t) {
@@ -219,7 +219,7 @@ React keys must be passed directly to JSX without using spread:
     function u(t) {
       return typeof t == "object" && t !== null && t.$$typeof === b;
     }
-    var h = be, b = Symbol.for("react.transitional.element"), R = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), l = Symbol.for("react.consumer"), E = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), C = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, V = Array.isArray, j = console.createTask ? console.createTask : function() {
+    var h = Re, b = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), M = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), l = Symbol.for("react.consumer"), T = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), E = Symbol.for("react.client.reference"), k = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, V = Array.isArray, D = console.createTask ? console.createTask : function() {
       return null;
     };
     h = {
@@ -227,88 +227,88 @@ React keys must be passed directly to JSX without using spread:
         return t();
       }
     };
-    var L, re = {}, oe = h.react_stack_bottom_frame.bind(
+    var U, L = {}, oe = h.react_stack_bottom_frame.bind(
       h,
       a
-    )(), se = j(s(a)), ce = {};
-    z.Fragment = M, z.jsx = function(t, i, k) {
-      var w = 1e4 > C.recentlyCreatedOwnerStacks++;
+    )(), se = D(o(a)), ce = {};
+    z.Fragment = M, z.jsx = function(t, i, R) {
+      var y = 1e4 > k.recentlyCreatedOwnerStacks++;
       return _(
         t,
         i,
-        k,
+        R,
         !1,
-        w ? Error("react-stack-top-frame") : oe,
-        w ? j(s(t)) : se
+        y ? Error("react-stack-top-frame") : oe,
+        y ? D(o(t)) : se
       );
-    }, z.jsxs = function(t, i, k) {
-      var w = 1e4 > C.recentlyCreatedOwnerStacks++;
+    }, z.jsxs = function(t, i, R) {
+      var y = 1e4 > k.recentlyCreatedOwnerStacks++;
       return _(
         t,
         i,
-        k,
+        R,
         !0,
-        w ? Error("react-stack-top-frame") : oe,
-        w ? j(s(t)) : se
+        y ? Error("react-stack-top-frame") : oe,
+        y ? D(o(t)) : se
       );
     };
   })()), z;
 }
 var ie;
 function Me() {
-  return ie || (ie = 1, process.env.NODE_ENV === "production" ? B.exports = xe() : B.exports = Oe()), B.exports;
+  return ie || (ie = 1, process.env.NODE_ENV === "production" ? q.exports = xe() : q.exports = Oe()), q.exports;
 }
 var N = Me();
-const Ce = Array.isArray;
-function we(e, n) {
+const ye = Array.isArray;
+function Ce(e, n) {
   if (Ee(e)) return "multiple";
-  const [o] = e;
-  return o?.[n.children] ? "cascade" : "single";
+  const [r] = e;
+  return r?.[n.children] ? "cascade" : "single";
 }
-function Ae(e) {
+function we(e) {
   return {
     children: e?.children || "children",
     label: e?.label || "label",
     value: e?.value || "value"
   };
 }
-function Pe(e, n, o) {
+function Ae(e, n, r) {
   if (Ee(e)) return [];
-  const s = [];
-  let r = e, a = 0;
-  for (; r; ) {
-    const d = n[a];
-    let c = Te(r, d, o);
-    c === -1 && (c = 0), s.push(r), a += 1, r = r[c]?.[o.children];
+  const o = [];
+  let s = e, a = 0;
+  for (; s; ) {
+    const f = n[a];
+    let c = Te(s, f, r);
+    c === -1 && (c = 0), o.push(s), a += 1, s = s[c]?.[r.children];
+  }
+  return o;
+}
+function Pe(e, n, r, o) {
+  const s = [...r];
+  let a = e, f = n + 1;
+  for (; a?.[o.children]; ) {
+    const c = a[o.children][0];
+    s[f] = c.value, a = c, f += 1;
   }
   return s;
 }
-function ye(e, n, o, s) {
-  const r = [...o];
-  let a = e, d = n + 1;
-  for (; a?.[s.children]; ) {
-    const c = a[s.children][0];
-    r[d] = c.value, a = c, d += 1;
-  }
-  return r;
-}
-function Te(e, n, o) {
-  return e.findIndex((s) => s?.[o.value] === n);
+function Te(e, n, r) {
+  return e.findIndex((o) => o?.[r.value] === n);
 }
 function Ee(e) {
   const [n] = e;
-  return Ce(n);
+  return ye(n);
 }
 function Ne(e, n) {
   return e > n ? "horizontal" : n > e ? "vertical" : "";
 }
-function $(e, n, o) {
-  const s = [];
-  for (let r = e; r <= n; r++) {
-    const a = o(`${r}`);
-    s.push({ label: a, value: r });
+function X(e, n, r) {
+  const o = [];
+  for (let s = e; s <= n; s++) {
+    const a = r(`${s}`);
+    o.push({ label: a, value: s });
   }
-  return s;
+  return o;
 }
 function le(e, n) {
   return e === n.getFullYear();
@@ -325,11 +325,11 @@ function Ie(e, n) {
 function je(e, n) {
   return new Date(e, n, 0).getDate();
 }
-function de(e, n, o) {
-  const s = /* @__PURE__ */ new Date(), r = Date.now(), a = e.getTime(), d = n.getTime(), c = r >= a && r <= d;
-  return o === "year" ? c ? s.getFullYear() : e.getFullYear() : o === "month" ? c ? s.getMonth() + 1 : e.getMonth() + 1 : c ? s.getDate() : e.getDate();
+function de(e, n, r) {
+  const o = /* @__PURE__ */ new Date(), s = Date.now(), a = e.getTime(), f = n.getTime(), c = s >= a && s <= f;
+  return r === "year" ? c ? o.getFullYear() : e.getFullYear() : r === "month" ? c ? o.getMonth() + 1 : e.getMonth() + 1 : c ? o.getDate() : e.getDate();
 }
-function ee(e) {
+function te(e) {
   return e;
 }
 function De(e) {
@@ -337,20 +337,20 @@ function De(e) {
 }
 function me(e) {
   if (!De(e)) return null;
-  const [n, o, s] = e.split(":");
-  return { hour: Number(n), minute: Number(o), second: Number(s) };
+  const [n, r, o] = e.split(":");
+  return { hour: Number(n), minute: Number(r), second: Number(o) };
 }
-function te(e) {
+function ne(e) {
   return e.padStart(2, "0");
 }
-function he(e, n, o) {
-  const s = Date.now(), { hour: r, minute: a, second: d } = e, { hour: c, minute: S, second: f } = n, _ = (/* @__PURE__ */ new Date()).setHours(r, a, d), p = (/* @__PURE__ */ new Date()).setHours(c, S, f), u = s >= _ && s <= p;
-  return o === "hour" ? u ? (/* @__PURE__ */ new Date()).getHours() : r : o === "minute" ? u ? (/* @__PURE__ */ new Date()).getMinutes() : a : u ? (/* @__PURE__ */ new Date()).getSeconds() : d;
+function he(e, n, r) {
+  const o = Date.now(), { hour: s, minute: a, second: f } = e, { hour: c, minute: S, second: d } = n, _ = (/* @__PURE__ */ new Date()).setHours(s, a, f), p = (/* @__PURE__ */ new Date()).setHours(c, S, d), u = o >= _ && o <= p;
+  return r === "hour" ? u ? (/* @__PURE__ */ new Date()).getHours() : s : r === "minute" ? u ? (/* @__PURE__ */ new Date()).getMinutes() : a : u ? (/* @__PURE__ */ new Date()).getSeconds() : f;
 }
-function Z(e) {
-  return Re(e);
+function Q(e) {
+  return be(e);
 }
-const Fe = 16, q = 48, Ve = 0.52, pe = 150, ne = 300, Xe = 15, $e = 8e-3, ge = 5, Ue = ["year", "month", "day"], Le = ["hour", "minute", "second"];
+const Fe = 16, J = 48, Ve = 0.52, pe = 150, re = 300, $e = 15, Xe = 8e-3, ge = 5, Ue = ["year", "month", "day"], Le = ["hour", "minute", "second"];
 function He() {
   const e = {
     startX: 0,
@@ -360,21 +360,21 @@ function He() {
     offsetX: 0,
     offsetY: 0
   };
-  let n = "", o = !0;
-  const s = () => n === "vertical", r = () => n === "horizontal";
+  let n = "", r = !0;
+  const o = () => n === "vertical", s = () => n === "horizontal";
   function a() {
-    e.deltaX = 0, e.deltaY = 0, e.offsetX = 0, e.offsetY = 0, n = "", o = !0;
+    e.deltaX = 0, e.deltaY = 0, e.offsetX = 0, e.offsetY = 0, n = "", r = !0;
   }
-  function d(f) {
-    const _ = "touches" in f ? f.touches[0] : f;
+  function f(d) {
+    const _ = "touches" in d ? d.touches[0] : d;
     a(), e.startX = _.clientX, e.startY = _.clientY;
   }
-  function c(f) {
+  function c(d) {
     if (!e.startX || !e.startY) return !0;
-    const _ = "touches" in f ? f.touches[0] : f;
+    const _ = "touches" in d ? d.touches[0] : d;
     e.deltaX = Math.max(_.clientX, 0) - e.startX, e.deltaY = _.clientY - e.startY, e.offsetX = Math.abs(e.deltaX), e.offsetY = Math.abs(e.deltaY);
     const p = 10;
-    (!n || e.offsetX < p && e.offsetY < p) && (n = Ne(e.offsetX, e.offsetY)), o && (e.offsetX > ge || e.offsetY > ge) && (o = !1);
+    (!n || e.offsetX < p && e.offsetY < p) && (n = Ne(e.offsetX, e.offsetY)), r && (e.offsetX > ge || e.offsetY > ge) && (r = !1);
   }
   function S() {
     e.startX = 0, e.startY = 0;
@@ -382,79 +382,90 @@ function He() {
   return {
     pointer: e,
     move: c,
-    start: d,
+    start: f,
     stop: S,
     reset: a,
-    isVertical: s,
-    isHorizontal: r
+    isVertical: o,
+    isHorizontal: s
   };
 }
 function ze({ column: e, onChange: n }) {
-  const s = Number.parseFloat(getComputedStyle(document.documentElement).fontSize) / Fe, [r, a] = U(0), [d, c] = U(0), S = D(0), f = D(0), _ = D(0), p = D(!1), u = D(null), { pointer: h, start: b, move: R, stop: M } = F(() => He(), []);
-  function v(T) {
-    return T * s;
+  const o = Number.parseFloat(getComputedStyle(document.documentElement).fontSize) / Fe, [s, a] = W(0), f = j(null), c = j(0), S = j(0), d = j(0), _ = j(0), p = j(!1), u = j(null), { pointer: h, start: b, move: x, stop: M } = F(() => He(), []);
+  function v(E) {
+    return E * o;
+  }
+  function O(E) {
+    const k = e.length, P = Math.round(-E / v(J));
+    return P < 0 ? 0 : P >= k ? k - 1 : P;
   }
-  function x(T) {
-    const O = e.length, C = Math.round(-T / v(q));
-    return C < 0 ? 0 : C >= O ? O - 1 : C;
+  function l(E) {
+    const k = -E * v(J), P = () => n?.(E);
+    p.current && k !== c.current ? u.current = P : P(), m(k);
   }
-  function l(T) {
-    const O = -T * v(q), C = () => n?.(T);
-    p.current && O !== r ? u.current = C : C(), a(O);
+  function T(E) {
+    b(E), p.current = !0, a(0), d.current = Date.now(), S.current = c.current, _.current = S.current, u.current = null;
   }
-  function E(T) {
-    b(T), p.current = !0, c(0), f.current = Date.now(), S.current = r, _.current = S.current, u.current = null;
+  function g(E) {
+    if (x(E)) return;
+    const P = e.length, V = S.current + h.deltaY, D = v((P - 1) * -J), U = Math.min(Math.max(V, D), 0), L = Date.now();
+    m(U), !(L - d.current <= re) && (d.current = L, _.current = U);
   }
-  function g(T) {
-    if (R(T)) return;
-    const C = e.length, I = S.current + h.deltaY, V = v((C - 1) * -q), j = Math.min(Math.max(I, V), 0), L = Date.now();
-    a(j), !(L - f.current <= ne) && (f.current = L, _.current = j);
+  function m(E) {
+    c.current = E, f.current && f.current.style.setProperty("--offset-y", `${E}`);
   }
-  function m() {
+  function w() {
     M();
-    const T = r - _.current, O = Date.now() - f.current;
-    if (O < ne && Math.abs(T) > Xe) {
-      P(T, O);
+    const E = c.current - _.current, k = Date.now() - d.current;
+    if (k < re && Math.abs(E) > $e) {
+      A(E, k);
       return;
     }
-    const C = x(r);
-    c(pe), l(C), p.current = !1;
+    const P = O(c.current);
+    a(pe), l(P), p.current = !1;
   }
-  function P(T, O) {
-    const C = Math.abs(T / O), I = r + C / $e * (T < 0 ? -1 : 1), V = x(I);
-    c(ne), l(V);
+  function A(E, k) {
+    const P = Math.abs(E / k), V = c.current + P / Xe * (E < 0 ? -1 : 1), D = O(V);
+    a(re), l(D);
   }
-  function y() {
-    c(0), p.current = !1, u.current && (u.current(), u.current = null);
+  function Y() {
+    a(0), p.current = !1, u.current && (u.current(), u.current = null);
   }
-  function Y(T, O = "auto") {
-    p.current && O === "smooth" || (u.current = null, p.current = O === "smooth", c(O === "smooth" ? pe : 0), l(T));
+  function I(E, k = "auto") {
+    p.current && k === "smooth" || (u.current = null, p.current = k === "smooth", a(k === "smooth" ? pe : 0), l(E));
   }
   return {
-    offsetY: r,
-    transitionDuration: d,
-    onPointerDown: E,
+    columnRef: f,
+    transitionDuration: s,
+    onPointerDown: T,
     onPointerMove: g,
-    onPointerUp: m,
-    stopInertialSliding: y,
-    scrollToIndex: Y
+    onPointerUp: w,
+    stopInertialSliding: Y,
+    scrollToIndex: I
   };
 }
-function We({ column: e, fields: n, selectedIndex: o = 0, onChange: s }, r) {
-  const { offsetY: a, transitionDuration: d, onPointerDown: c, onPointerMove: S, onPointerUp: f, stopInertialSliding: _, scrollToIndex: p } = ze({
+function We({ column: e, fields: n, selectedIndex: r = 0, onChange: o }, s) {
+  const {
+    columnRef: a,
+    transitionDuration: f,
+    onPointerDown: c,
+    onPointerMove: S,
+    onPointerUp: d,
+    stopInertialSliding: _,
+    scrollToIndex: p
+  } = ze({
     column: e,
     onChange: u
   });
-  function u(R) {
-    R !== o && s(R);
+  function u(x) {
+    x !== r && o(x);
   }
-  function h(R = o, M) {
-    p(R, M);
+  function h(x = r, M) {
+    p(x, M);
   }
-  function b(R) {
-    R !== o && h(R, "smooth");
+  function b(x) {
+    x !== r && h(x, "smooth");
   }
-  return G(r, () => ({
+  return Z(s, () => ({
     scrollToSelected: h
   })), /* @__PURE__ */ N.jsx(
     "div",
@@ -464,12 +475,12 @@ function We({ column: e, fields: n, selectedIndex: o = 0, onChange: s }, r) {
       className: "chook-picker-column",
       onTouchStart: c,
       onTouchMove: S,
-      onTouchEnd: f,
-      onTouchCancel: f,
+      onTouchEnd: d,
+      onTouchCancel: d,
       onMouseDown: c,
       onMouseMove: S,
-      onMouseUp: f,
-      onMouseLeave: f,
+      onMouseUp: d,
+      onMouseLeave: d,
       style: {
         overflowY: "hidden",
         touchAction: "none"
@@ -477,15 +488,16 @@ function We({ column: e, fields: n, selectedIndex: o = 0, onChange: s }, r) {
       children: /* @__PURE__ */ N.jsx(
         "ul",
         {
+          ref: a,
           style: {
             overflowY: "hidden",
-            transform: `translate3d(0, ${a}px, 0)`,
-            transitionDuration: `${d}ms`,
-            transitionProperty: d ? "all" : "none",
+            transform: "translate3d(0, calc(var(--offset-y) * 1px), 0)",
+            transitionDuration: `${f}ms`,
+            transitionProperty: f ? "all" : "none",
             touchAction: "none"
           },
           onTransitionEnd: _,
-          children: e.map((R, M) => /* @__PURE__ */ N.jsx(
+          children: e.map((x, M) => /* @__PURE__ */ N.jsx(
             "div",
             {
               tabIndex: 0,
@@ -501,47 +513,47 @@ function We({ column: e, fields: n, selectedIndex: o = 0, onChange: s }, r) {
                 {
                   className: "chook-picker-column-label",
                   style: {
-                    transform: `rotate3d(1, 0, 0, ${(M * q + a) * Ve}deg)`
+                    transform: `rotate3d(1, 0, 0, calc((${M * J} + var(--offset-y)) * ${Ve}deg)`
                   },
-                  children: R?.[n.label]
+                  children: x?.[n.label]
                 }
               )
             },
-            R?.[n.value]
+            x?.[n.value]
           ))
         }
       )
     }
   );
 }
-const _e = Z(We);
+const _e = Q(We);
 _e.displayName = "Column";
 function Be(e, n) {
   const {
-    loading: o,
-    loadingSlot: s,
-    columns: r,
+    loading: r,
+    loadingSlot: o,
+    columns: s,
     emptySlot: a,
-    currentColumns: d,
+    currentColumns: f,
     fields: c,
     selectedIndices: S,
-    updateSelectedValueByIndex: f
-  } = e, _ = D([]);
+    updateSelectedValueByIndex: d
+  } = e, _ = j([]);
   function p(u, h) {
     _.current[u]?.scrollToSelected(h);
   }
-  return G(n, () => ({
+  return Z(n, () => ({
     scrollColumnToSelected: p
-  })), o ? /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
-    /* @__PURE__ */ N.jsx("div", { className: "chook-picker-loading", children: s }),
+  })), r ? /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
+    /* @__PURE__ */ N.jsx("div", { className: "chook-picker-loading", children: o }),
     /* @__PURE__ */ N.jsx("div", { className: "chook-picker-columns" })
-  ] }) : r.length ? /* @__PURE__ */ N.jsxs(
+  ] }) : s.length ? /* @__PURE__ */ N.jsxs(
     "div",
     {
       className: "chook-picker-columns chook-picker-columns-backdrop",
       onTouchMove: (u) => u.stopPropagation(),
       children: [
-        d.map((u, h) => /* @__PURE__ */ N.jsx(
+        f.map((u, h) => /* @__PURE__ */ N.jsx(
           _e,
           {
             ref: (b) => {
@@ -550,7 +562,7 @@ function Be(e, n) {
             column: u,
             fields: c,
             selectedIndex: S[h],
-            onChange: (b) => f(h, b)
+            onChange: (b) => d(h, b)
           },
           h
         )),
@@ -559,46 +571,46 @@ function Be(e, n) {
     }
   ) : /* @__PURE__ */ N.jsx("div", { className: "chook-picker-columns", children: a });
 }
-const Se = Z(Be);
+const Se = Q(Be);
 Se.displayName = "Columns";
 function ve({
   values: e,
   columns: n,
-  loading: o = !1,
-  loadingSlot: s,
-  emptySlot: r,
+  loading: r = !1,
+  loadingSlot: o,
+  emptySlot: s,
   columnsFieldNames: a,
-  onChange: d
+  onChange: f
 }) {
-  const [c, S] = U(e ?? []), [f, _] = U([]), p = D(null), u = Ae(a), h = we(n, u), b = F(() => h === "single" ? [n] : h === "multiple" ? n : Pe(n, c, u), [n, h, c, u]);
-  function R(v, x) {
-    const l = b[v], E = l[x]?.[u.value], g = c[v];
-    if (E === g) return;
+  const [c, S] = W(e ?? []), [d, _] = W([]), p = j(null), u = we(a), h = Ce(n, u), b = F(() => h === "single" ? [n] : h === "multiple" ? n : Ae(n, c, u), [n, h, c, u]);
+  function x(v, O) {
+    const l = b[v], T = l[O]?.[u.value], g = c[v];
+    if (T === g) return;
     const m = [...c];
-    if (m[v] = E, h === "cascade") {
-      const P = l[x], y = ye(P, v, m, u);
-      S(y), d?.(y);
+    if (m[v] = T, h === "cascade") {
+      const w = l[O], A = Pe(w, v, m, u);
+      S(A), f?.(A);
     } else
-      S(m), d?.(m);
+      S(m), f?.(m);
   }
   function M(v) {
-    return v.some((x, l) => x !== c[l]);
+    return v.some((O, l) => O !== c[l]);
   }
-  return J(() => {
+  return G(() => {
     !e || !M(e) || S([...e]);
-  }, [e]), J(() => {
-    const v = b.length, x = [], l = [...c];
-    let E = !1;
+  }, [e]), G(() => {
+    const v = b.length, O = [], l = [...c];
+    let T = !1;
     for (let g = 0; g < v; g++) {
-      const m = b[g], P = c[g], y = Te(m, P, u);
-      if (y === -1) {
-        const T = (f[g] ?? 0) >= m.length ? Math.max(m.length - 1, 0) : 0;
-        l[g] = m[T]?.[u.value], x[g] = T;
+      const m = b[g], w = c[g], A = Te(m, w, u);
+      if (A === -1) {
+        const I = (d[g] ?? 0) >= m.length ? Math.max(m.length - 1, 0) : 0;
+        l[g] = m[I]?.[u.value], O[g] = I;
       } else
-        x[g] = y;
-      x[g] !== f[g] && (p.current?.scrollColumnToSelected(g, x[g]), E = !0);
+        O[g] = A;
+      O[g] !== d[g] && (p.current?.scrollColumnToSelected(g, O[g]), T = !0);
     }
-    E && (S(l), _(x));
+    T && (S(l), _(O));
   }, [c, b, u]), /* @__PURE__ */ N.jsx(
     "div",
     {
@@ -608,14 +620,14 @@ function ve({
         Se,
         {
           ref: p,
-          loading: o,
-          loadingSlot: s,
+          loading: r,
+          loadingSlot: o,
           columns: n,
-          emptySlot: r,
+          emptySlot: s,
           currentColumns: b,
           fields: u,
-          selectedIndices: f,
-          updateSelectedValueByIndex: R
+          selectedIndices: d,
+          updateSelectedValueByIndex: x
         }
       )
     }
@@ -624,48 +636,48 @@ function ve({
 function qe({
   values: e,
   columnsType: n = Ue,
-  minDate: o = new Date((/* @__PURE__ */ new Date()).getFullYear() - 10, 0, 1),
-  maxDate: s = new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11, 31),
-  formatYearLabel: r = ee,
-  formatMonthLabel: a = ee,
-  formatDayLabel: d = ee,
+  minDate: r = new Date((/* @__PURE__ */ new Date()).getFullYear() - 10, 0, 1),
+  maxDate: o = new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11, 31),
+  formatYearLabel: s = te,
+  formatMonthLabel: a = te,
+  formatDayLabel: f = te,
   onChange: c
 }, S) {
-  const [f, _] = U([]), p = F(() => e ?? f, [e, f]), u = F(() => {
+  const [d, _] = W([]), p = F(() => e ?? d, [e, d]), u = F(() => {
     const l = {
       year: h,
       month: b,
-      day: R
+      day: x
     };
-    return n.map((E) => l[E]());
-  }, [n, o, s, p, r, a, d]);
+    return n.map((T) => l[T]());
+  }, [n, r, o, p, s, a, f]);
   function h() {
-    const l = o.getFullYear(), E = s.getFullYear();
-    return $(l, E, r);
+    const l = r.getFullYear(), T = o.getFullYear();
+    return X(l, T, s);
   }
   function b() {
-    const l = M("year"), E = le(l, o) ? o.getMonth() + 1 : 1, g = fe(l, s) ? s.getMonth() + 1 : 12;
-    return $(E, g, a);
+    const l = M("year"), T = le(l, r) ? r.getMonth() + 1 : 1, g = fe(l, o) ? o.getMonth() + 1 : 12;
+    return X(T, g, a);
   }
-  function R() {
-    const l = M("year"), E = M("month"), g = le(l, o) && Ye(E, o), m = fe(l, s) && Ie(E, s), P = g ? o.getDate() : 1, y = m ? s.getDate() : je(l, E);
-    return $(P, y, d);
+  function x() {
+    const l = M("year"), T = M("month"), g = le(l, r) && Ye(T, r), m = fe(l, o) && Ie(T, o), w = g ? r.getDate() : 1, A = m ? o.getDate() : je(l, T);
+    return X(w, A, f);
   }
   function M(l) {
-    const E = n.indexOf(l), g = p?.[E];
-    return g ? Number(g) : de(o, s, l);
+    const T = n.indexOf(l), g = p?.[T];
+    return g ? Number(g) : de(r, o, l);
   }
   function v(l) {
     e || _(l), c?.(l);
   }
-  function x() {
-    const l = n.map((E) => de(o, s, E));
+  function O() {
+    const l = n.map((T) => de(r, o, T));
     v(l);
   }
-  return J(() => {
-    (!e || !e.length) && x();
-  }, []), G(S, () => ({
-    setCurrentDate: x
+  return G(() => {
+    (!e || !e.length) && O();
+  }, []), Z(S, () => ({
+    setCurrentDate: O
   })), /* @__PURE__ */ N.jsx(
     ve,
     {
@@ -675,59 +687,59 @@ function qe({
     }
   );
 }
-const Je = Z(qe);
+const Je = Q(qe);
 Je.displayName = "DatePicker";
 function Ge({
   values: e,
   columnsType: n = Le,
-  minTime: o,
-  maxTime: s,
-  formatHourLabel: r = te,
-  formatMinuteLabel: a = te,
-  formatSecondLabel: d = te,
+  minTime: r,
+  maxTime: o,
+  formatHourLabel: s = ne,
+  formatMinuteLabel: a = ne,
+  formatSecondLabel: f = ne,
   onChange: c
 }, S) {
-  const [f, _] = U([]), p = F(() => e ?? f, [e, f]), u = F(() => me(o ?? "") ?? { hour: 0, minute: 0, second: 0 }, [o]), h = F(() => me(s ?? "") ?? { hour: 23, minute: 59, second: 59 }, [s]), b = {
+  const [d, _] = W([]), p = F(() => e ?? d, [e, d]), u = F(() => me(r ?? "") ?? { hour: 0, minute: 0, second: 0 }, [r]), h = F(() => me(o ?? "") ?? { hour: 23, minute: 59, second: 59 }, [o]), b = {
     hour: M,
     minute: v,
-    second: x
-  }, R = n.map((m) => b[m]());
+    second: O
+  }, x = n.map((m) => b[m]());
   function M() {
-    return $(u.hour, h.hour, r);
+    return X(u.hour, h.hour, s);
   }
   function v() {
-    const m = l("hour"), { hour: P, minute: y } = u, { hour: Y, minute: T } = h;
-    return $(m === P ? y : 0, m === Y ? T : 59, a);
+    const m = l("hour"), { hour: w, minute: A } = u, { hour: Y, minute: I } = h;
+    return X(m === w ? A : 0, m === Y ? I : 59, a);
   }
-  function x() {
-    const m = l("hour"), P = l("minute"), { hour: y, minute: Y, second: T } = u, { hour: O, minute: C, second: I } = h;
-    return $(m === y && P === Y ? T : 0, m === O && P === C ? I : 59, d);
+  function O() {
+    const m = l("hour"), w = l("minute"), { hour: A, minute: Y, second: I } = u, { hour: E, minute: k, second: P } = h;
+    return X(m === A && w === Y ? I : 0, m === E && w === k ? P : 59, f);
   }
   function l(m) {
-    const P = n.indexOf(m), y = p?.[P];
-    return y !== void 0 ? Number(y) : he(u, h, m);
+    const w = n.indexOf(m), A = p?.[w];
+    return A !== void 0 ? Number(A) : he(u, h, m);
   }
-  function E(m) {
+  function T(m) {
     e || _(m), c?.(m);
   }
   function g() {
-    const m = n.map((P) => he(u, h, P));
-    E(m);
+    const m = n.map((w) => he(u, h, w));
+    T(m);
   }
-  return J(() => {
+  return G(() => {
     (!e || !e.length) && g();
-  }, []), G(S, () => ({
+  }, []), Z(S, () => ({
     setCurrentTime: g
   })), /* @__PURE__ */ N.jsx(
     ve,
     {
       values: p,
-      columns: R,
-      onChange: E
+      columns: x,
+      onChange: T
     }
   );
 }
-const Ze = Z(Ge);
+const Ze = Q(Ge);
 Ze.displayName = "TimePicker";
 export {
   Je as DatePicker,