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

package/dist/react/picker.es.js

@@ -1,170 +1,148 @@
-import "./index.css";
-import re, { forwardRef as vt, useState as ne, useRef as te, useMemo as ce, useImperativeHandle as nt, useEffect as ke } from "react";
-import me, { createPortal as ht } from "react-dom";
-function Et(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var ve = { exports: {} }, le = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var De;
-function yt() {
-  if (De) return le;
-  De = 1;
-  var e = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
-  function u(n, o, r) {
-    var c = null;
-    if (r !== void 0 && (c = "" + r), o.key !== void 0 && (c = "" + o.key), "key" in o) {
-      r = {};
-      for (var s in o)
-        s !== "key" && (r[s] = o[s]);
-    } else r = o;
-    return o = r.ref, {
+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 = {};
+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) {
+      a = {};
+      for (var c in r)
+        c !== "key" && (a[c] = r[c]);
+    } else a = r;
+    return r = a.ref, {
       $$typeof: e,
-      type: n,
-      key: c,
-      ref: o !== void 0 ? o : null,
-      props: r
+      type: s,
+      key: d,
+      ref: r !== void 0 ? r : null,
+      props: a
     };
   }
-  return le.Fragment = i, le.jsx = u, le.jsxs = u, le;
+  return H.Fragment = n, H.jsx = o, H.jsxs = o, H;
 }
-var fe = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ye;
-function gt() {
-  return Ye || (Ye = 1, process.env.NODE_ENV !== "production" && (function() {
+var z = {};
+var ue;
+function Oe() {
+  return ue || (ue = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === I ? null : t.displayName || t.name || null;
+        return t.$$typeof === O ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case S:
+        case M:
           return "Fragment";
-        case F:
+        case x:
           return "Profiler";
-        case j:
+        case v:
           return "StrictMode";
-        case d:
+        case m:
           return "Suspense";
-        case W:
+        case P:
           return "SuspenseList";
-        case X:
+        case T:
           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 D:
+          case R:
             return "Portal";
-          case M:
-            return (t.displayName || "Context") + ".Provider";
-          case B:
+          case E:
+            return t.displayName || "Context";
+          case l:
             return (t._context.displayName || "Context") + ".Consumer";
-          case _:
-            var a = t.render;
-            return t = t.displayName, t || (t = a.displayName || a.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case K:
-            return a = t.displayName || null, a !== null ? a : e(t.type) || "Memo";
-          case Z:
-            a = t._payload, t = t._init;
+          case g:
+            var i = t.render;
+            return t = t.displayName, t || (t = i.displayName || i.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case y:
+            return i = t.displayName || null, i !== null ? i : e(t.type) || "Memo";
+          case Y:
+            i = t._payload, t = t._init;
             try {
-              return e(t(a));
+              return e(t(i));
             } catch {
             }
         }
       return null;
     }
-    function i(t) {
+    function n(t) {
       return "" + t;
     }
-    function u(t) {
+    function o(t) {
       try {
-        i(t);
-        var a = !1;
+        n(t);
+        var i = !1;
       } catch {
-        a = !0;
+        i = !0;
       }
-      if (a) {
-        a = console;
-        var m = a.error, E = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return m.call(
-          a,
+      if (i) {
+        i = console;
+        var k = i.error, w = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return k.call(
+          i,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          E
-        ), i(t);
+          w
+        ), n(t);
       }
     }
-    function n(t) {
-      if (t === S) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === Z)
+    function s(t) {
+      if (t === M) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === Y)
         return "<...>";
       try {
-        var a = e(t);
-        return a ? "<" + a + ">" : "<...>";
+        var i = e(t);
+        return i ? "<" + i + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var t = w.A;
+    function r() {
+      var t = C.A;
       return t === null ? null : t.getOwner();
     }
-    function r() {
+    function a() {
       return Error("react-stack-top-frame");
     }
-    function c(t) {
-      if (V.call(t, "key")) {
-        var a = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (a && a.isReactWarning) return !1;
+    function d(t) {
+      if (I.call(t, "key")) {
+        var i = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (i && i.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
-    function s(t, a) {
-      function m() {
-        q || (q = !0, console.error(
+    function c(t, i) {
+      function k() {
+        L || (L = !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)",
-          a
+          i
         ));
       }
-      m.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: m,
+      k.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: k,
         configurable: !0
       });
     }
-    function f() {
+    function S() {
       var t = e(this.type);
-      return P[t] || (P[t] = !0, console.error(
+      return re[t] || (re[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 l(t, a, m, E, g, b, C, R) {
-      return m = b.ref, t = {
-        $$typeof: x,
+    function f(t, i, k, w, W, Q) {
+      var A = k.ref;
+      return t = {
+        $$typeof: b,
         type: t,
-        key: a,
-        props: b,
-        _owner: g
-      }, (m !== void 0 ? m : null) !== null ? Object.defineProperty(t, "ref", {
+        key: i,
+        props: k,
+        _owner: w
+      }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: f
+        get: S
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -179,204 +157,201 @@ function gt() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: C
+        value: W
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: R
+        value: Q
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function p(t, a, m, E, g, b, C, R) {
-      var T = a.children;
-      if (T !== void 0)
-        if (E)
-          if (G(T)) {
-            for (E = 0; E < T.length; E++)
-              h(T[E]);
-            Object.freeze && Object.freeze(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);
           } 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 h(T);
-      if (V.call(a, "key")) {
-        T = e(t);
-        var A = Object.keys(a).filter(function(J) {
-          return J !== "key";
+        else p(A);
+      if (I.call(i, "key")) {
+        A = e(t);
+        var X = Object.keys(i).filter(function(ke) {
+          return ke !== "key";
         });
-        E = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", H[T + E] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < X.length ? "{key: someKey, " + X.join(": ..., ") + ": ...}" : "{key: someKey}", ce[A + w] || (X = 0 < X.length ? "{" + X.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} />`,
-          E,
-          T,
+          w,
           A,
-          T
-        ), H[T + E] = !0);
+          X,
+          A
+        ), ce[A + w] = !0);
       }
-      if (T = null, m !== void 0 && (u(m), T = "" + m), c(a) && (u(a.key), T = "" + a.key), "key" in a) {
-        m = {};
-        for (var k in a)
-          k !== "key" && (m[k] = a[k]);
-      } else m = a;
-      return T && s(
-        m,
+      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,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), l(
+      ), f(
         t,
-        T,
-        b,
-        g,
-        o(),
-        m,
-        C,
-        R
+        A,
+        k,
+        r(),
+        W,
+        Q
       );
     }
-    function h(t) {
-      typeof t == "object" && t !== null && t.$$typeof === x && t._store && (t._store.validated = 1);
+    function p(t) {
+      u(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === Y && (t._payload.status === "fulfilled" ? u(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    }
+    function u(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === b;
     }
-    var y = re, x = Symbol.for("react.transitional.element"), D = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), F = Symbol.for("react.profiler"), B = Symbol.for("react.consumer"), M = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), Z = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), w = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, G = Array.isArray, N = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    y = {
+    h = {
       react_stack_bottom_frame: function(t) {
         return t();
       }
     };
-    var q, P = {}, z = y.react_stack_bottom_frame.bind(
-      y,
-      r
-    )(), L = N(n(r)), H = {};
-    fe.Fragment = S, fe.jsx = function(t, a, m, E, g) {
-      var b = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return p(
+    var L, re = {}, 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++;
+      return _(
         t,
-        a,
-        m,
+        i,
+        k,
         !1,
-        E,
-        g,
-        b ? Error("react-stack-top-frame") : z,
-        b ? N(n(t)) : L
+        w ? Error("react-stack-top-frame") : oe,
+        w ? j(s(t)) : se
       );
-    }, fe.jsxs = function(t, a, m, E, g) {
-      var b = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return p(
+    }, z.jsxs = function(t, i, k) {
+      var w = 1e4 > C.recentlyCreatedOwnerStacks++;
+      return _(
         t,
-        a,
-        m,
+        i,
+        k,
         !0,
-        E,
-        g,
-        b ? Error("react-stack-top-frame") : z,
-        b ? N(n(t)) : L
+        w ? Error("react-stack-top-frame") : oe,
+        w ? j(s(t)) : se
       );
     };
-  })()), fe;
+  })()), z;
 }
-var $e;
-function Tt() {
-  return $e || ($e = 1, process.env.NODE_ENV === "production" ? ve.exports = yt() : ve.exports = gt()), ve.exports;
+var ie;
+function Me() {
+  return ie || (ie = 1, process.env.NODE_ENV === "production" ? B.exports = xe() : B.exports = Oe()), B.exports;
 }
-var U = Tt();
-const bt = Array.isArray;
-function xt(e, i) {
-  if (ot(e)) return "multiple";
-  const [u] = e;
-  return u?.[i.children] ? "cascade" : "single";
+var N = Me();
+const Ce = Array.isArray;
+function we(e, n) {
+  if (Ee(e)) return "multiple";
+  const [o] = e;
+  return o?.[n.children] ? "cascade" : "single";
 }
-function St(e) {
+function Ae(e) {
   return {
     children: e?.children || "children",
     label: e?.label || "label",
     value: e?.value || "value"
   };
 }
-function Ct(e, i, u) {
-  if (ot(e)) return [];
-  const n = [];
-  let o = e, r = 0;
-  for (; o; ) {
-    const c = i[r];
-    let s = rt(o, c, u);
-    s === -1 && (s = 0), n.push(o), r += 1, o = o[s]?.[u.children];
+function Pe(e, n, o) {
+  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];
   }
-  return n;
+  return s;
 }
-function Ot(e, i, u, n) {
-  const o = [...u];
-  let r = e, c = i + 1;
-  for (; r?.[n.children]; ) {
-    const s = r[n.children][0];
-    o[c] = s.value, r = s, c += 1;
+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 o;
+  return r;
 }
-function rt(e, i, u) {
-  return e.findIndex((n) => n?.[u.value] === i);
+function Te(e, n, o) {
+  return e.findIndex((s) => s?.[o.value] === n);
 }
-function ot(e) {
-  const [i] = e;
-  return bt(i);
+function Ee(e) {
+  const [n] = e;
+  return Ce(n);
 }
-function _t(e, i) {
-  return e > i ? "horizontal" : i > e ? "vertical" : "";
+function Ne(e, n) {
+  return e > n ? "horizontal" : n > e ? "vertical" : "";
 }
-function ue(e, i, u) {
-  const n = [];
-  for (let o = e; o <= i; o++) {
-    const r = u(`${o}`);
-    n.push({ label: r, value: o });
+function $(e, n, o) {
+  const s = [];
+  for (let r = e; r <= n; r++) {
+    const a = o(`${r}`);
+    s.push({ label: a, value: r });
   }
-  return n;
+  return s;
 }
-function Fe(e, i) {
-  return e === i.getFullYear();
+function le(e, n) {
+  return e === n.getFullYear();
 }
-function Le(e, i) {
-  return e === i.getFullYear();
+function fe(e, n) {
+  return e === n.getFullYear();
 }
-function Rt(e, i) {
-  return e === i.getMonth() + 1;
+function Ye(e, n) {
+  return e === n.getMonth() + 1;
 }
-function Pt(e, i) {
-  return e === i.getMonth() + 1;
+function Ie(e, n) {
+  return e === n.getMonth() + 1;
 }
-function wt(e, i) {
-  return new Date(e, i, 0).getDate();
+function je(e, n) {
+  return new Date(e, n, 0).getDate();
 }
-function At(e, i, u) {
-  const n = /* @__PURE__ */ new Date(), o = Date.now(), r = e.getTime(), c = i.getTime(), s = o >= r && o <= c;
-  return u === "year" ? s ? n.getFullYear() : e.getFullYear() : u === "month" ? s ? n.getMonth() + 1 : e.getMonth() + 1 : s ? n.getDate() : e.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 be(e) {
+function ee(e) {
   return e;
 }
-function kt(e) {
+function De(e) {
   return /^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/.test(e);
 }
-function Ve(e) {
-  if (!kt(e)) return null;
-  const [i, u, n] = e.split(":");
-  return { hour: Number(i), minute: Number(u), second: Number(n) };
+function me(e) {
+  if (!De(e)) return null;
+  const [n, o, s] = e.split(":");
+  return { hour: Number(n), minute: Number(o), second: Number(s) };
 }
-function xe(e) {
+function te(e) {
   return e.padStart(2, "0");
 }
-function Nt(e, i, u) {
-  const n = Date.now(), { hour: o, minute: r, second: c } = e, { hour: s, minute: f, second: l } = i, p = (/* @__PURE__ */ new Date()).setHours(o, r, c), h = (/* @__PURE__ */ new Date()).setHours(s, f, l), y = n >= p && n <= h;
-  return u === "hour" ? y ? (/* @__PURE__ */ new Date()).getHours() : o : u === "minute" ? y ? (/* @__PURE__ */ new Date()).getMinutes() : r : y ? (/* @__PURE__ */ new Date()).getSeconds() : c;
+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 it(e) {
-  return vt(e);
+function Z(e) {
+  return Re(e);
 }
-const Mt = 16, ye = 48, It = 0.52, Ue = 150, Se = 300, jt = 15, Dt = 8e-3, qe = 5, Yt = "Select Date", $t = ["year", "month", "day"], Ft = "Select Time", Lt = ["hour", "minute", "second"];
-function Vt() {
+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"];
+function He() {
   const e = {
     startX: 0,
     startY: 0,
@@ -385,1768 +360,377 @@ function Vt() {
     offsetX: 0,
     offsetY: 0
   };
-  let i = "", u = !0;
-  const n = () => i === "vertical", o = () => i === "horizontal";
-  function r() {
-    e.deltaX = 0, e.deltaY = 0, e.offsetX = 0, e.offsetY = 0, i = "", u = !0;
+  let n = "", o = !0;
+  const s = () => n === "vertical", r = () => n === "horizontal";
+  function a() {
+    e.deltaX = 0, e.deltaY = 0, e.offsetX = 0, e.offsetY = 0, n = "", o = !0;
   }
-  function c(l) {
-    const p = "touches" in l ? l.touches[0] : l;
-    r(), e.startX = p.clientX, e.startY = p.clientY;
+  function d(f) {
+    const _ = "touches" in f ? f.touches[0] : f;
+    a(), e.startX = _.clientX, e.startY = _.clientY;
   }
-  function s(l) {
+  function c(f) {
     if (!e.startX || !e.startY) return !0;
-    const p = "touches" in l ? l.touches[0] : l;
-    e.deltaX = Math.max(p.clientX, 0) - e.startX, e.deltaY = p.clientY - e.startY, e.offsetX = Math.abs(e.deltaX), e.offsetY = Math.abs(e.deltaY);
-    const h = 10;
-    (!i || e.offsetX < h && e.offsetY < h) && (i = _t(e.offsetX, e.offsetY)), u && (e.offsetX > qe || e.offsetY > qe) && (u = !1);
+    const _ = "touches" in f ? f.touches[0] : f;
+    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);
   }
-  function f() {
+  function S() {
     e.startX = 0, e.startY = 0;
   }
   return {
     pointer: e,
-    move: s,
-    start: c,
-    stop: f,
-    reset: r,
-    isVertical: n,
-    isHorizontal: o
+    move: c,
+    start: d,
+    stop: S,
+    reset: a,
+    isVertical: s,
+    isHorizontal: r
   };
 }
-function Ut({ column: e, onChange: i }) {
-  const n = Number.parseFloat(getComputedStyle(document.documentElement).fontSize) / Mt, [o, r] = ne(0), [c, s] = ne(0), f = te(0), l = te(0), p = te(0), h = te(!1), y = te(null), { pointer: x, start: D, move: S, stop: j } = ce(() => Vt(), []);
-  function F(I) {
-    return I * n;
+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;
   }
-  function B(I) {
-    const w = e.length, V = Math.round(-I / F(ye));
-    return V < 0 ? 0 : V >= w ? w - 1 : V;
+  function x(T) {
+    const O = e.length, C = Math.round(-T / v(q));
+    return C < 0 ? 0 : C >= O ? O - 1 : C;
   }
-  function M(I) {
-    const w = -I * F(ye), V = () => i?.(I);
-    h.current && w !== o ? y.current = V : V(), r(w);
+  function l(T) {
+    const O = -T * v(q), C = () => n?.(T);
+    p.current && O !== r ? u.current = C : C(), a(O);
   }
-  function _(I) {
-    D(I), h.current = !0, s(0), l.current = Date.now(), f.current = o, p.current = f.current, y.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 d(I) {
-    if (S(I)) return;
-    const V = e.length, G = f.current + x.deltaY, N = F((V - 1) * -ye), q = Math.min(Math.max(G, N), 0), P = Date.now();
-    r(q), !(P - l.current <= Se) && (l.current = P, p.current = q);
+  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 W() {
-    j();
-    const I = o - p.current, w = Date.now() - l.current;
-    if (w < Se && Math.abs(I) > jt) {
-      K(I, w);
+  function m() {
+    M();
+    const T = r - _.current, O = Date.now() - f.current;
+    if (O < ne && Math.abs(T) > Xe) {
+      P(T, O);
       return;
     }
-    const V = B(o);
-    s(Ue), M(V), h.current = !1;
+    const C = x(r);
+    c(pe), l(C), p.current = !1;
   }
-  function K(I, w) {
-    const V = Math.abs(I / w), G = o + V / Dt * (I < 0 ? -1 : 1), N = B(G);
-    s(Se), M(N);
+  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 Z() {
-    s(0), h.current = !1, y.current && (y.current(), y.current = null);
+  function y() {
+    c(0), p.current = !1, u.current && (u.current(), u.current = null);
   }
-  function X(I, w = "auto") {
-    h.current && w === "smooth" || (y.current = null, h.current = w === "smooth", s(w === "smooth" ? Ue : 0), M(I));
+  function Y(T, O = "auto") {
+    p.current && O === "smooth" || (u.current = null, p.current = O === "smooth", c(O === "smooth" ? pe : 0), l(T));
   }
   return {
-    offsetY: o,
-    transitionDuration: c,
-    onPointerDown: _,
-    onPointerMove: d,
-    onPointerUp: W,
-    stopInertialSliding: Z,
-    scrollToIndex: X
+    offsetY: r,
+    transitionDuration: d,
+    onPointerDown: E,
+    onPointerMove: g,
+    onPointerUp: m,
+    stopInertialSliding: y,
+    scrollToIndex: Y
   };
 }
-function qt({ column: e, fields: i, selectedIndex: u = 0, onChange: n }, o) {
-  const { offsetY: r, transitionDuration: c, onPointerDown: s, onPointerMove: f, onPointerUp: l, stopInertialSliding: p, scrollToIndex: h } = Ut({
+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({
     column: e,
-    onChange: y
+    onChange: u
   });
-  nt(o, () => ({
-    scrollToSelected: x
-  }));
-  function y(S) {
-    S !== u && n(S);
+  function u(R) {
+    R !== o && s(R);
   }
-  function x(S = u, j) {
-    h(S, j);
+  function h(R = o, M) {
+    p(R, M);
   }
-  function D(S) {
-    S !== u && x(S, "smooth");
+  function b(R) {
+    R !== o && h(R, "smooth");
   }
-  return /* @__PURE__ */ U.jsx(
+  return G(r, () => ({
+    scrollToSelected: h
+  })), /* @__PURE__ */ N.jsx(
     "div",
     {
       role: "presentation",
+      "aria-label": "Picker column",
       className: "chook-picker-column",
-      onTouchStart: s,
-      onTouchMove: f,
-      onTouchEnd: l,
-      onTouchCancel: l,
-      onMouseDown: s,
-      onMouseMove: f,
-      onMouseUp: l,
-      children: /* @__PURE__ */ U.jsx(
+      onTouchStart: c,
+      onTouchMove: S,
+      onTouchEnd: f,
+      onTouchCancel: f,
+      onMouseDown: c,
+      onMouseMove: S,
+      onMouseUp: f,
+      onMouseLeave: f,
+      style: {
+        overflowY: "hidden",
+        touchAction: "none"
+      },
+      children: /* @__PURE__ */ N.jsx(
         "ul",
         {
           style: {
             overflowY: "hidden",
-            transform: `translate3d(0, ${r}px, 0)`,
-            transitionDuration: `${c}ms`,
-            transitionProperty: c ? "all" : "none"
+            transform: `translate3d(0, ${a}px, 0)`,
+            transitionDuration: `${d}ms`,
+            transitionProperty: d ? "all" : "none",
+            touchAction: "none"
           },
-          onTransitionEnd: p,
-          children: e.map((S, j) => /* @__PURE__ */ U.jsx(
+          onTransitionEnd: _,
+          children: e.map((R, M) => /* @__PURE__ */ N.jsx(
             "div",
             {
               tabIndex: 0,
               role: "button",
               "aria-label": "Select option",
               className: "chook-picker-column-item",
-              onClick: () => D(j),
-              onKeyDown: (F) => {
-                (F.key === "Enter" || F.key === " ") && D(j);
+              onClick: () => b(M),
+              onKeyDown: (v) => {
+                (v.key === "Enter" || v.key === " ") && b(M);
               },
-              children: /* @__PURE__ */ U.jsx(
+              children: /* @__PURE__ */ N.jsx(
                 "p",
                 {
                   className: "chook-picker-column-label",
                   style: {
-                    transform: `rotate3d(1, 0, 0, ${(j * ye + r) * It}deg)`
+                    transform: `rotate3d(1, 0, 0, ${(M * q + a) * Ve}deg)`
                   },
-                  children: S?.[i.label]
+                  children: R?.[n.label]
                 }
               )
             },
-            S?.[i.value]
+            R?.[n.value]
           ))
         }
       )
     }
   );
 }
-const st = it(qt);
-st.displayName = "Column";
-function Wt(e, i) {
+const _e = Z(We);
+_e.displayName = "Column";
+function Be(e, n) {
   const {
-    loading: u,
-    loadingSlot: n,
-    columns: o,
-    emptySlot: r,
-    currentColumns: c,
-    fields: s,
-    selectedIndices: f,
-    updateSelectedValueByIndex: l
-  } = e, p = te([]);
-  nt(i, () => ({
-    scrollColumnToSelected: h
-  }));
-  function h(y, x) {
-    p.current[y]?.scrollToSelected(x);
-  }
-  return u ? /* @__PURE__ */ U.jsxs(U.Fragment, { children: [
-    /* @__PURE__ */ U.jsx("div", { className: "chook-picker-loading", children: n }),
-    /* @__PURE__ */ U.jsx("div", { className: "chook-picker-columns" })
-  ] }) : o.length ? /* @__PURE__ */ U.jsxs(
+    loading: o,
+    loadingSlot: s,
+    columns: r,
+    emptySlot: a,
+    currentColumns: d,
+    fields: c,
+    selectedIndices: S,
+    updateSelectedValueByIndex: f
+  } = e, _ = D([]);
+  function p(u, h) {
+    _.current[u]?.scrollToSelected(h);
+  }
+  return G(n, () => ({
+    scrollColumnToSelected: p
+  })), o ? /* @__PURE__ */ N.jsxs(N.Fragment, { children: [
+    /* @__PURE__ */ N.jsx("div", { className: "chook-picker-loading", children: s }),
+    /* @__PURE__ */ N.jsx("div", { className: "chook-picker-columns" })
+  ] }) : r.length ? /* @__PURE__ */ N.jsxs(
     "div",
     {
       className: "chook-picker-columns chook-picker-columns-backdrop",
-      onTouchMove: (y) => y.stopPropagation(),
+      onTouchMove: (u) => u.stopPropagation(),
       children: [
-        c.map((y, x) => /* @__PURE__ */ U.jsx(
-          st,
+        d.map((u, h) => /* @__PURE__ */ N.jsx(
+          _e,
           {
-            ref: (D) => {
-              p.current[x] = D;
+            ref: (b) => {
+              _.current[h] = b;
             },
-            column: y,
-            fields: s,
-            selectedIndex: f[x],
-            onChange: (D) => l(x, D)
+            column: u,
+            fields: c,
+            selectedIndex: S[h],
+            onChange: (b) => f(h, b)
           },
-          x
+          h
         )),
-        /* @__PURE__ */ U.jsx("div", { className: "chook-picker-mask-backdrop" })
+        /* @__PURE__ */ N.jsx("div", { className: "chook-picker-mask-backdrop" })
       ]
     }
-  ) : /* @__PURE__ */ U.jsx("div", { className: "chook-picker-columns", children: r });
-}
-const at = it(Wt);
-at.displayName = "Columns";
-function ge() {
-  return ge = Object.assign ? Object.assign.bind() : function(e) {
-    for (var i = 1; i < arguments.length; i++) {
-      var u = arguments[i];
-      for (var n in u) ({}).hasOwnProperty.call(u, n) && (e[n] = u[n]);
-    }
-    return e;
-  }, ge.apply(null, arguments);
-}
-function ct(e, i) {
-  if (e == null) return {};
-  var u = {};
-  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
-    if (i.indexOf(n) !== -1) continue;
-    u[n] = e[n];
-  }
-  return u;
-}
-function Ne(e, i) {
-  return Ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(u, n) {
-    return u.__proto__ = n, u;
-  }, Ne(e, i);
-}
-function ut(e, i) {
-  e.prototype = Object.create(i.prototype), e.prototype.constructor = e, Ne(e, i);
-}
-var he = { exports: {} }, Ee = { exports: {} }, Y = {};
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var We;
-function Xt() {
-  if (We) return Y;
-  We = 1;
-  var e = typeof Symbol == "function" && Symbol.for, i = e ? Symbol.for("react.element") : 60103, u = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, r = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, D = e ? Symbol.for("react.lazy") : 60116, S = e ? Symbol.for("react.block") : 60121, j = e ? Symbol.for("react.fundamental") : 60117, F = e ? Symbol.for("react.responder") : 60118, B = e ? Symbol.for("react.scope") : 60119;
-  function M(d) {
-    if (typeof d == "object" && d !== null) {
-      var W = d.$$typeof;
-      switch (W) {
-        case i:
-          switch (d = d.type, d) {
-            case f:
-            case l:
-            case n:
-            case r:
-            case o:
-            case h:
-              return d;
-            default:
-              switch (d = d && d.$$typeof, d) {
-                case s:
-                case p:
-                case D:
-                case x:
-                case c:
-                  return d;
-                default:
-                  return W;
-              }
-          }
-        case u:
-          return W;
-      }
-    }
-  }
-  function _(d) {
-    return M(d) === l;
-  }
-  return Y.AsyncMode = f, Y.ConcurrentMode = l, Y.ContextConsumer = s, Y.ContextProvider = c, Y.Element = i, Y.ForwardRef = p, Y.Fragment = n, Y.Lazy = D, Y.Memo = x, Y.Portal = u, Y.Profiler = r, Y.StrictMode = o, Y.Suspense = h, Y.isAsyncMode = function(d) {
-    return _(d) || M(d) === f;
-  }, Y.isConcurrentMode = _, Y.isContextConsumer = function(d) {
-    return M(d) === s;
-  }, Y.isContextProvider = function(d) {
-    return M(d) === c;
-  }, Y.isElement = function(d) {
-    return typeof d == "object" && d !== null && d.$$typeof === i;
-  }, Y.isForwardRef = function(d) {
-    return M(d) === p;
-  }, Y.isFragment = function(d) {
-    return M(d) === n;
-  }, Y.isLazy = function(d) {
-    return M(d) === D;
-  }, Y.isMemo = function(d) {
-    return M(d) === x;
-  }, Y.isPortal = function(d) {
-    return M(d) === u;
-  }, Y.isProfiler = function(d) {
-    return M(d) === r;
-  }, Y.isStrictMode = function(d) {
-    return M(d) === o;
-  }, Y.isSuspense = function(d) {
-    return M(d) === h;
-  }, Y.isValidElementType = function(d) {
-    return typeof d == "string" || typeof d == "function" || d === n || d === l || d === r || d === o || d === h || d === y || typeof d == "object" && d !== null && (d.$$typeof === D || d.$$typeof === x || d.$$typeof === c || d.$$typeof === s || d.$$typeof === p || d.$$typeof === j || d.$$typeof === F || d.$$typeof === B || d.$$typeof === S);
-  }, Y.typeOf = M, Y;
-}
-var $ = {};
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Xe;
-function zt() {
-  return Xe || (Xe = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = typeof Symbol == "function" && Symbol.for, i = e ? Symbol.for("react.element") : 60103, u = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, r = e ? Symbol.for("react.profiler") : 60114, c = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, p = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, x = e ? Symbol.for("react.memo") : 60115, D = e ? Symbol.for("react.lazy") : 60116, S = e ? Symbol.for("react.block") : 60121, j = e ? Symbol.for("react.fundamental") : 60117, F = e ? Symbol.for("react.responder") : 60118, B = e ? Symbol.for("react.scope") : 60119;
-    function M(v) {
-      return typeof v == "string" || typeof v == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      v === n || v === l || v === r || v === o || v === h || v === y || typeof v == "object" && v !== null && (v.$$typeof === D || v.$$typeof === x || v.$$typeof === c || v.$$typeof === s || v.$$typeof === p || v.$$typeof === j || v.$$typeof === F || v.$$typeof === B || v.$$typeof === S);
-    }
-    function _(v) {
-      if (typeof v == "object" && v !== null) {
-        var Q = v.$$typeof;
-        switch (Q) {
-          case i:
-            var pe = v.type;
-            switch (pe) {
-              case f:
-              case l:
-              case n:
-              case r:
-              case o:
-              case h:
-                return pe;
-              default:
-                var je = pe && pe.$$typeof;
-                switch (je) {
-                  case s:
-                  case p:
-                  case D:
-                  case x:
-                  case c:
-                    return je;
-                  default:
-                    return Q;
-                }
-            }
-          case u:
-            return Q;
-        }
-      }
-    }
-    var d = f, W = l, K = s, Z = c, X = i, I = p, w = n, V = D, G = x, N = u, q = r, P = o, z = h, L = !1;
-    function H(v) {
-      return L || (L = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), t(v) || _(v) === f;
-    }
-    function t(v) {
-      return _(v) === l;
-    }
-    function a(v) {
-      return _(v) === s;
-    }
-    function m(v) {
-      return _(v) === c;
-    }
-    function E(v) {
-      return typeof v == "object" && v !== null && v.$$typeof === i;
-    }
-    function g(v) {
-      return _(v) === p;
-    }
-    function b(v) {
-      return _(v) === n;
-    }
-    function C(v) {
-      return _(v) === D;
-    }
-    function R(v) {
-      return _(v) === x;
-    }
-    function T(v) {
-      return _(v) === u;
-    }
-    function A(v) {
-      return _(v) === r;
-    }
-    function k(v) {
-      return _(v) === o;
-    }
-    function J(v) {
-      return _(v) === h;
-    }
-    $.AsyncMode = d, $.ConcurrentMode = W, $.ContextConsumer = K, $.ContextProvider = Z, $.Element = X, $.ForwardRef = I, $.Fragment = w, $.Lazy = V, $.Memo = G, $.Portal = N, $.Profiler = q, $.StrictMode = P, $.Suspense = z, $.isAsyncMode = H, $.isConcurrentMode = t, $.isContextConsumer = a, $.isContextProvider = m, $.isElement = E, $.isForwardRef = g, $.isFragment = b, $.isLazy = C, $.isMemo = R, $.isPortal = T, $.isProfiler = A, $.isStrictMode = k, $.isSuspense = J, $.isValidElementType = M, $.typeOf = _;
-  })()), $;
-}
-var ze;
-function lt() {
-  return ze || (ze = 1, process.env.NODE_ENV === "production" ? Ee.exports = Xt() : Ee.exports = zt()), Ee.exports;
-}
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-var Ce, He;
-function Ht() {
-  if (He) return Ce;
-  He = 1;
-  var e = Object.getOwnPropertySymbols, i = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
-  function n(r) {
-    if (r == null)
-      throw new TypeError("Object.assign cannot be called with null or undefined");
-    return Object(r);
-  }
-  function o() {
-    try {
-      if (!Object.assign)
-        return !1;
-      var r = new String("abc");
-      if (r[5] = "de", Object.getOwnPropertyNames(r)[0] === "5")
-        return !1;
-      for (var c = {}, s = 0; s < 10; s++)
-        c["_" + String.fromCharCode(s)] = s;
-      var f = Object.getOwnPropertyNames(c).map(function(p) {
-        return c[p];
-      });
-      if (f.join("") !== "0123456789")
-        return !1;
-      var l = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(p) {
-        l[p] = p;
-      }), Object.keys(Object.assign({}, l)).join("") === "abcdefghijklmnopqrst";
-    } catch {
-      return !1;
-    }
-  }
-  return Ce = o() ? Object.assign : function(r, c) {
-    for (var s, f = n(r), l, p = 1; p < arguments.length; p++) {
-      s = Object(arguments[p]);
-      for (var h in s)
-        i.call(s, h) && (f[h] = s[h]);
-      if (e) {
-        l = e(s);
-        for (var y = 0; y < l.length; y++)
-          u.call(s, l[y]) && (f[l[y]] = s[l[y]]);
-      }
-    }
-    return f;
-  }, Ce;
-}
-var Oe, Be;
-function Ie() {
-  if (Be) return Oe;
-  Be = 1;
-  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return Oe = e, Oe;
-}
-var _e, Ge;
-function ft() {
-  return Ge || (Ge = 1, _e = Function.call.bind(Object.prototype.hasOwnProperty)), _e;
-}
-var Re, Je;
-function Bt() {
-  if (Je) return Re;
-  Je = 1;
-  var e = function() {
-  };
-  if (process.env.NODE_ENV !== "production") {
-    var i = /* @__PURE__ */ Ie(), u = {}, n = /* @__PURE__ */ ft();
-    e = function(r) {
-      var c = "Warning: " + r;
-      typeof console < "u" && console.error(c);
-      try {
-        throw new Error(c);
-      } catch {
-      }
-    };
-  }
-  function o(r, c, s, f, l) {
-    if (process.env.NODE_ENV !== "production") {
-      for (var p in r)
-        if (n(r, p)) {
-          var h;
-          try {
-            if (typeof r[p] != "function") {
-              var y = Error(
-                (f || "React class") + ": " + s + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-              );
-              throw y.name = "Invariant Violation", y;
-            }
-            h = r[p](c, p, f, s, null, i);
-          } catch (D) {
-            h = D;
-          }
-          if (h && !(h instanceof Error) && e(
-            (f || "React class") + ": type specification of " + s + " `" + p + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), h instanceof Error && !(h.message in u)) {
-            u[h.message] = !0;
-            var x = l ? l() : "";
-            e(
-              "Failed " + s + " type: " + h.message + (x ?? "")
-            );
-          }
-        }
-    }
-  }
-  return o.resetWarningCache = function() {
-    process.env.NODE_ENV !== "production" && (u = {});
-  }, Re = o, Re;
-}
-var Pe, Ze;
-function Gt() {
-  if (Ze) return Pe;
-  Ze = 1;
-  var e = lt(), i = Ht(), u = /* @__PURE__ */ Ie(), n = /* @__PURE__ */ ft(), o = /* @__PURE__ */ Bt(), r = function() {
-  };
-  process.env.NODE_ENV !== "production" && (r = function(s) {
-    var f = "Warning: " + s;
-    typeof console < "u" && console.error(f);
-    try {
-      throw new Error(f);
-    } catch {
-    }
-  });
-  function c() {
-    return null;
-  }
-  return Pe = function(s, f) {
-    var l = typeof Symbol == "function" && Symbol.iterator, p = "@@iterator";
-    function h(t) {
-      var a = t && (l && t[l] || t[p]);
-      if (typeof a == "function")
-        return a;
-    }
-    var y = "<<anonymous>>", x = {
-      array: F("array"),
-      bigint: F("bigint"),
-      bool: F("boolean"),
-      func: F("function"),
-      number: F("number"),
-      object: F("object"),
-      string: F("string"),
-      symbol: F("symbol"),
-      any: B(),
-      arrayOf: M,
-      element: _(),
-      elementType: d(),
-      instanceOf: W,
-      node: I(),
-      objectOf: Z,
-      oneOf: K,
-      oneOfType: X,
-      shape: V,
-      exact: G
-    };
-    function D(t, a) {
-      return t === a ? t !== 0 || 1 / t === 1 / a : t !== t && a !== a;
-    }
-    function S(t, a) {
-      this.message = t, this.data = a && typeof a == "object" ? a : {}, this.stack = "";
-    }
-    S.prototype = Error.prototype;
-    function j(t) {
-      if (process.env.NODE_ENV !== "production")
-        var a = {}, m = 0;
-      function E(b, C, R, T, A, k, J) {
-        if (T = T || y, k = k || R, J !== u) {
-          if (f) {
-            var v = new Error(
-              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
-            );
-            throw v.name = "Invariant Violation", v;
-          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var Q = T + ":" + R;
-            !a[Q] && // Avoid spamming the console because they are often not actionable except for lib authors
-            m < 3 && (r(
-              "You are manually calling a React.PropTypes validation function for the `" + k + "` prop on `" + T + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), a[Q] = !0, m++);
-          }
-        }
-        return C[R] == null ? b ? C[R] === null ? new S("The " + A + " `" + k + "` is marked as required " + ("in `" + T + "`, but its value is `null`.")) : new S("The " + A + " `" + k + "` is marked as required in " + ("`" + T + "`, but its value is `undefined`.")) : null : t(C, R, T, A, k);
-      }
-      var g = E.bind(null, !1);
-      return g.isRequired = E.bind(null, !0), g;
-    }
-    function F(t) {
-      function a(m, E, g, b, C, R) {
-        var T = m[E], A = P(T);
-        if (A !== t) {
-          var k = z(T);
-          return new S(
-            "Invalid " + b + " `" + C + "` of type " + ("`" + k + "` supplied to `" + g + "`, expected ") + ("`" + t + "`."),
-            { expectedType: t }
-          );
-        }
-        return null;
-      }
-      return j(a);
-    }
-    function B() {
-      return j(c);
-    }
-    function M(t) {
-      function a(m, E, g, b, C) {
-        if (typeof t != "function")
-          return new S("Property `" + C + "` of component `" + g + "` has invalid PropType notation inside arrayOf.");
-        var R = m[E];
-        if (!Array.isArray(R)) {
-          var T = P(R);
-          return new S("Invalid " + b + " `" + C + "` of type " + ("`" + T + "` supplied to `" + g + "`, expected an array."));
-        }
-        for (var A = 0; A < R.length; A++) {
-          var k = t(R, A, g, b, C + "[" + A + "]", u);
-          if (k instanceof Error)
-            return k;
-        }
-        return null;
-      }
-      return j(a);
-    }
-    function _() {
-      function t(a, m, E, g, b) {
-        var C = a[m];
-        if (!s(C)) {
-          var R = P(C);
-          return new S("Invalid " + g + " `" + b + "` of type " + ("`" + R + "` supplied to `" + E + "`, expected a single ReactElement."));
-        }
-        return null;
-      }
-      return j(t);
-    }
-    function d() {
-      function t(a, m, E, g, b) {
-        var C = a[m];
-        if (!e.isValidElementType(C)) {
-          var R = P(C);
-          return new S("Invalid " + g + " `" + b + "` of type " + ("`" + R + "` supplied to `" + E + "`, expected a single ReactElement type."));
-        }
-        return null;
-      }
-      return j(t);
-    }
-    function W(t) {
-      function a(m, E, g, b, C) {
-        if (!(m[E] instanceof t)) {
-          var R = t.name || y, T = H(m[E]);
-          return new S("Invalid " + b + " `" + C + "` of type " + ("`" + T + "` supplied to `" + g + "`, expected ") + ("instance of `" + R + "`."));
-        }
-        return null;
-      }
-      return j(a);
-    }
-    function K(t) {
-      if (!Array.isArray(t))
-        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? r(
-          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
-        ) : r("Invalid argument supplied to oneOf, expected an array.")), c;
-      function a(m, E, g, b, C) {
-        for (var R = m[E], T = 0; T < t.length; T++)
-          if (D(R, t[T]))
-            return null;
-        var A = JSON.stringify(t, function(J, v) {
-          var Q = z(v);
-          return Q === "symbol" ? String(v) : v;
-        });
-        return new S("Invalid " + b + " `" + C + "` of value `" + String(R) + "` " + ("supplied to `" + g + "`, expected one of " + A + "."));
-      }
-      return j(a);
-    }
-    function Z(t) {
-      function a(m, E, g, b, C) {
-        if (typeof t != "function")
-          return new S("Property `" + C + "` of component `" + g + "` has invalid PropType notation inside objectOf.");
-        var R = m[E], T = P(R);
-        if (T !== "object")
-          return new S("Invalid " + b + " `" + C + "` of type " + ("`" + T + "` supplied to `" + g + "`, expected an object."));
-        for (var A in R)
-          if (n(R, A)) {
-            var k = t(R, A, g, b, C + "." + A, u);
-            if (k instanceof Error)
-              return k;
-          }
-        return null;
-      }
-      return j(a);
-    }
-    function X(t) {
-      if (!Array.isArray(t))
-        return process.env.NODE_ENV !== "production" && r("Invalid argument supplied to oneOfType, expected an instance of array."), c;
-      for (var a = 0; a < t.length; a++) {
-        var m = t[a];
-        if (typeof m != "function")
-          return r(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + L(m) + " at index " + a + "."
-          ), c;
-      }
-      function E(g, b, C, R, T) {
-        for (var A = [], k = 0; k < t.length; k++) {
-          var J = t[k], v = J(g, b, C, R, T, u);
-          if (v == null)
-            return null;
-          v.data && n(v.data, "expectedType") && A.push(v.data.expectedType);
-        }
-        var Q = A.length > 0 ? ", expected one of type [" + A.join(", ") + "]" : "";
-        return new S("Invalid " + R + " `" + T + "` supplied to " + ("`" + C + "`" + Q + "."));
-      }
-      return j(E);
-    }
-    function I() {
-      function t(a, m, E, g, b) {
-        return N(a[m]) ? null : new S("Invalid " + g + " `" + b + "` supplied to " + ("`" + E + "`, expected a ReactNode."));
-      }
-      return j(t);
-    }
-    function w(t, a, m, E, g) {
-      return new S(
-        (t || "React class") + ": " + a + " type `" + m + "." + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + g + "`."
-      );
-    }
-    function V(t) {
-      function a(m, E, g, b, C) {
-        var R = m[E], T = P(R);
-        if (T !== "object")
-          return new S("Invalid " + b + " `" + C + "` of type `" + T + "` " + ("supplied to `" + g + "`, expected `object`."));
-        for (var A in t) {
-          var k = t[A];
-          if (typeof k != "function")
-            return w(g, b, C, A, z(k));
-          var J = k(R, A, g, b, C + "." + A, u);
-          if (J)
-            return J;
-        }
-        return null;
-      }
-      return j(a);
-    }
-    function G(t) {
-      function a(m, E, g, b, C) {
-        var R = m[E], T = P(R);
-        if (T !== "object")
-          return new S("Invalid " + b + " `" + C + "` of type `" + T + "` " + ("supplied to `" + g + "`, expected `object`."));
-        var A = i({}, m[E], t);
-        for (var k in A) {
-          var J = t[k];
-          if (n(t, k) && typeof J != "function")
-            return w(g, b, C, k, z(J));
-          if (!J)
-            return new S(
-              "Invalid " + b + " `" + C + "` key `" + k + "` supplied to `" + g + "`.\nBad object: " + JSON.stringify(m[E], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(t), null, "  ")
-            );
-          var v = J(R, k, g, b, C + "." + k, u);
-          if (v)
-            return v;
-        }
-        return null;
-      }
-      return j(a);
-    }
-    function N(t) {
-      switch (typeof t) {
-        case "number":
-        case "string":
-        case "undefined":
-          return !0;
-        case "boolean":
-          return !t;
-        case "object":
-          if (Array.isArray(t))
-            return t.every(N);
-          if (t === null || s(t))
-            return !0;
-          var a = h(t);
-          if (a) {
-            var m = a.call(t), E;
-            if (a !== t.entries) {
-              for (; !(E = m.next()).done; )
-                if (!N(E.value))
-                  return !1;
-            } else
-              for (; !(E = m.next()).done; ) {
-                var g = E.value;
-                if (g && !N(g[1]))
-                  return !1;
-              }
-          } else
-            return !1;
-          return !0;
-        default:
-          return !1;
-      }
-    }
-    function q(t, a) {
-      return t === "symbol" ? !0 : a ? a["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && a instanceof Symbol : !1;
-    }
-    function P(t) {
-      var a = typeof t;
-      return Array.isArray(t) ? "array" : t instanceof RegExp ? "object" : q(a, t) ? "symbol" : a;
-    }
-    function z(t) {
-      if (typeof t > "u" || t === null)
-        return "" + t;
-      var a = P(t);
-      if (a === "object") {
-        if (t instanceof Date)
-          return "date";
-        if (t instanceof RegExp)
-          return "regexp";
-      }
-      return a;
-    }
-    function L(t) {
-      var a = z(t);
-      switch (a) {
-        case "array":
-        case "object":
-          return "an " + a;
-        case "boolean":
-        case "date":
-        case "regexp":
-          return "a " + a;
-        default:
-          return a;
-      }
-    }
-    function H(t) {
-      return !t.constructor || !t.constructor.name ? y : t.constructor.name;
-    }
-    return x.checkPropTypes = o, x.resetWarningCache = o.resetWarningCache, x.PropTypes = x, x;
-  }, Pe;
-}
-var we, Ke;
-function Jt() {
-  if (Ke) return we;
-  Ke = 1;
-  var e = /* @__PURE__ */ Ie();
-  function i() {
-  }
-  function u() {
-  }
-  return u.resetWarningCache = i, we = function() {
-    function n(c, s, f, l, p, h) {
-      if (h !== e) {
-        var y = new Error(
-          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
-        );
-        throw y.name = "Invariant Violation", y;
-      }
-    }
-    n.isRequired = n;
-    function o() {
-      return n;
-    }
-    var r = {
-      array: n,
-      bigint: n,
-      bool: n,
-      func: n,
-      number: n,
-      object: n,
-      string: n,
-      symbol: n,
-      any: n,
-      arrayOf: o,
-      element: n,
-      elementType: n,
-      instanceOf: o,
-      node: n,
-      objectOf: o,
-      oneOf: o,
-      oneOfType: o,
-      shape: o,
-      exact: o,
-      checkPropTypes: u,
-      resetWarningCache: i
-    };
-    return r.PropTypes = r, r;
-  }, we;
-}
-var Qe;
-function Zt() {
-  if (Qe) return he.exports;
-  if (Qe = 1, process.env.NODE_ENV !== "production") {
-    var e = lt(), i = !0;
-    he.exports = /* @__PURE__ */ Gt()(e.isElement, i);
-  } else
-    he.exports = /* @__PURE__ */ Jt()();
-  return he.exports;
-}
-var Kt = /* @__PURE__ */ Zt();
-const O = /* @__PURE__ */ Et(Kt);
-function Qt(e, i) {
-  return e.classList ? !!i && e.classList.contains(i) : (" " + (e.className.baseVal || e.className) + " ").indexOf(" " + i + " ") !== -1;
-}
-function en(e, i) {
-  e.classList ? e.classList.add(i) : Qt(e, i) || (typeof e.className == "string" ? e.className = e.className + " " + i : e.setAttribute("class", (e.className && e.className.baseVal || "") + " " + i));
-}
-function et(e, i) {
-  return e.replace(new RegExp("(^|\\s)" + i + "(?:\\s|$)", "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
-}
-function tn(e, i) {
-  e.classList ? e.classList.remove(i) : typeof e.className == "string" ? e.className = et(e.className, i) : e.setAttribute("class", et(e.className && e.className.baseVal || "", i));
-}
-const tt = {
-  disabled: !1
-};
-var nn = process.env.NODE_ENV !== "production" ? O.oneOfType([O.number, O.shape({
-  enter: O.number,
-  exit: O.number,
-  appear: O.number
-}).isRequired]) : null, rn = process.env.NODE_ENV !== "production" ? O.oneOfType([O.string, O.shape({
-  enter: O.string,
-  exit: O.string,
-  active: O.string
-}), O.shape({
-  enter: O.string,
-  enterDone: O.string,
-  enterActive: O.string,
-  exit: O.string,
-  exitDone: O.string,
-  exitActive: O.string
-})]) : null;
-const dt = re.createContext(null);
-var pt = function(i) {
-  return i.scrollTop;
-}, de = "unmounted", oe = "exited", ie = "entering", ae = "entered", Me = "exiting", ee = /* @__PURE__ */ (function(e) {
-  ut(i, e);
-  function i(n, o) {
-    var r;
-    r = e.call(this, n, o) || this;
-    var c = o, s = c && !c.isMounting ? n.enter : n.appear, f;
-    return r.appearStatus = null, n.in ? s ? (f = oe, r.appearStatus = ie) : f = ae : n.unmountOnExit || n.mountOnEnter ? f = de : f = oe, r.state = {
-      status: f
-    }, r.nextCallback = null, r;
-  }
-  i.getDerivedStateFromProps = function(o, r) {
-    var c = o.in;
-    return c && r.status === de ? {
-      status: oe
-    } : null;
-  };
-  var u = i.prototype;
-  return u.componentDidMount = function() {
-    this.updateStatus(!0, this.appearStatus);
-  }, u.componentDidUpdate = function(o) {
-    var r = null;
-    if (o !== this.props) {
-      var c = this.state.status;
-      this.props.in ? c !== ie && c !== ae && (r = ie) : (c === ie || c === ae) && (r = Me);
-    }
-    this.updateStatus(!1, r);
-  }, u.componentWillUnmount = function() {
-    this.cancelNextCallback();
-  }, u.getTimeouts = function() {
-    var o = this.props.timeout, r, c, s;
-    return r = c = s = o, o != null && typeof o != "number" && (r = o.exit, c = o.enter, s = o.appear !== void 0 ? o.appear : c), {
-      exit: r,
-      enter: c,
-      appear: s
-    };
-  }, u.updateStatus = function(o, r) {
-    if (o === void 0 && (o = !1), r !== null)
-      if (this.cancelNextCallback(), r === ie) {
-        if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var c = this.props.nodeRef ? this.props.nodeRef.current : me.findDOMNode(this);
-          c && pt(c);
-        }
-        this.performEnter(o);
-      } else
-        this.performExit();
-    else this.props.unmountOnExit && this.state.status === oe && this.setState({
-      status: de
-    });
-  }, u.performEnter = function(o) {
-    var r = this, c = this.props.enter, s = this.context ? this.context.isMounting : o, f = this.props.nodeRef ? [s] : [me.findDOMNode(this), s], l = f[0], p = f[1], h = this.getTimeouts(), y = s ? h.appear : h.enter;
-    if (!o && !c || tt.disabled) {
-      this.safeSetState({
-        status: ae
-      }, function() {
-        r.props.onEntered(l);
-      });
-      return;
-    }
-    this.props.onEnter(l, p), this.safeSetState({
-      status: ie
-    }, function() {
-      r.props.onEntering(l, p), r.onTransitionEnd(y, function() {
-        r.safeSetState({
-          status: ae
-        }, function() {
-          r.props.onEntered(l, p);
-        });
-      });
-    });
-  }, u.performExit = function() {
-    var o = this, r = this.props.exit, c = this.getTimeouts(), s = this.props.nodeRef ? void 0 : me.findDOMNode(this);
-    if (!r || tt.disabled) {
-      this.safeSetState({
-        status: oe
-      }, function() {
-        o.props.onExited(s);
-      });
-      return;
-    }
-    this.props.onExit(s), this.safeSetState({
-      status: Me
-    }, function() {
-      o.props.onExiting(s), o.onTransitionEnd(c.exit, function() {
-        o.safeSetState({
-          status: oe
-        }, function() {
-          o.props.onExited(s);
-        });
-      });
-    });
-  }, u.cancelNextCallback = function() {
-    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
-  }, u.safeSetState = function(o, r) {
-    r = this.setNextCallback(r), this.setState(o, r);
-  }, u.setNextCallback = function(o) {
-    var r = this, c = !0;
-    return this.nextCallback = function(s) {
-      c && (c = !1, r.nextCallback = null, o(s));
-    }, this.nextCallback.cancel = function() {
-      c = !1;
-    }, this.nextCallback;
-  }, u.onTransitionEnd = function(o, r) {
-    this.setNextCallback(r);
-    var c = this.props.nodeRef ? this.props.nodeRef.current : me.findDOMNode(this), s = o == null && !this.props.addEndListener;
-    if (!c || s) {
-      setTimeout(this.nextCallback, 0);
-      return;
-    }
-    if (this.props.addEndListener) {
-      var f = this.props.nodeRef ? [this.nextCallback] : [c, this.nextCallback], l = f[0], p = f[1];
-      this.props.addEndListener(l, p);
-    }
-    o != null && setTimeout(this.nextCallback, o);
-  }, u.render = function() {
-    var o = this.state.status;
-    if (o === de)
-      return null;
-    var r = this.props, c = r.children;
-    r.in, r.mountOnEnter, r.unmountOnExit, r.appear, r.enter, r.exit, r.timeout, r.addEndListener, r.onEnter, r.onEntering, r.onEntered, r.onExit, r.onExiting, r.onExited, r.nodeRef;
-    var s = ct(r, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
-    return (
-      // allows for nested Transitions
-      /* @__PURE__ */ re.createElement(dt.Provider, {
-        value: null
-      }, typeof c == "function" ? c(o, s) : re.cloneElement(re.Children.only(c), s))
-    );
-  }, i;
-})(re.Component);
-ee.contextType = dt;
-ee.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * A React reference to DOM element that need to transition:
-   * https://stackoverflow.com/a/51127130/4671932
-   *
-   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
-   *      (e.g. `onEnter`) because user already has direct access to the node.
-   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
-   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
-   *     (see
-   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
-   */
-  nodeRef: O.shape({
-    current: typeof Element > "u" ? O.any : function(e, i, u, n, o, r) {
-      var c = e[i];
-      return O.instanceOf(c && "ownerDocument" in c ? c.ownerDocument.defaultView.Element : Element)(e, i, u, n, o, r);
-    }
-  }),
-  /**
-   * A `function` child can be used instead of a React element. This function is
-   * called with the current transition status (`'entering'`, `'entered'`,
-   * `'exiting'`, `'exited'`), which can be used to apply context
-   * specific props to a component.
-   *
-   * ```jsx
-   * <Transition in={this.state.in} timeout={150}>
-   *   {state => (
-   *     <MyComponent className={`fade fade-${state}`} />
-   *   )}
-   * </Transition>
-   * ```
-   */
-  children: O.oneOfType([O.func.isRequired, O.element.isRequired]).isRequired,
-  /**
-   * Show the component; triggers the enter or exit states
-   */
-  in: O.bool,
-  /**
-   * By default the child component is mounted immediately along with
-   * the parent `Transition` component. If you want to "lazy mount" the component on the
-   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
-   * mounted, even on "exited", unless you also specify `unmountOnExit`.
-   */
-  mountOnEnter: O.bool,
-  /**
-   * By default the child component stays mounted after it reaches the `'exited'` state.
-   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
-   */
-  unmountOnExit: O.bool,
-  /**
-   * By default the child component does not perform the enter transition when
-   * it first mounts, regardless of the value of `in`. If you want this
-   * behavior, set both `appear` and `in` to `true`.
-   *
-   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
-   * > only adds an additional enter transition. However, in the
-   * > `<CSSTransition>` component that first enter transition does result in
-   * > additional `.appear-*` classes, that way you can choose to style it
-   * > differently.
-   */
-  appear: O.bool,
-  /**
-   * Enable or disable enter transitions.
-   */
-  enter: O.bool,
-  /**
-   * Enable or disable exit transitions.
-   */
-  exit: O.bool,
-  /**
-   * The duration of the transition, in milliseconds.
-   * Required unless `addEndListener` is provided.
-   *
-   * You may specify a single timeout for all transitions:
-   *
-   * ```jsx
-   * timeout={500}
-   * ```
-   *
-   * or individually:
-   *
-   * ```jsx
-   * timeout={{
-   *  appear: 500,
-   *  enter: 300,
-   *  exit: 500,
-   * }}
-   * ```
-   *
-   * - `appear` defaults to the value of `enter`
-   * - `enter` defaults to `0`
-   * - `exit` defaults to `0`
-   *
-   * @type {number | { enter?: number, exit?: number, appear?: number }}
-   */
-  timeout: function(i) {
-    var u = nn;
-    i.addEndListener || (u = u.isRequired);
-    for (var n = arguments.length, o = new Array(n > 1 ? n - 1 : 0), r = 1; r < n; r++)
-      o[r - 1] = arguments[r];
-    return u.apply(void 0, [i].concat(o));
-  },
-  /**
-   * Add a custom transition end trigger. Called with the transitioning
-   * DOM node and a `done` callback. Allows for more fine grained transition end
-   * logic. Timeouts are still used as a fallback if provided.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * ```jsx
-   * addEndListener={(node, done) => {
-   *   // use the css transitionend event to mark the finish of a transition
-   *   node.addEventListener('transitionend', done, false);
-   * }}
-   * ```
-   */
-  addEndListener: O.func,
-  /**
-   * Callback fired before the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEnter: O.func,
-  /**
-   * Callback fired after the "entering" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEntering: O.func,
-  /**
-   * Callback fired after the "entered" status is applied. An extra parameter
-   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool) -> void
-   */
-  onEntered: O.func,
-  /**
-   * Callback fired before the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExit: O.func,
-  /**
-   * Callback fired after the "exiting" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExiting: O.func,
-  /**
-   * Callback fired after the "exited" status is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement) -> void
-   */
-  onExited: O.func
-} : {};
-function se() {
-}
-ee.defaultProps = {
-  in: !1,
-  mountOnEnter: !1,
-  unmountOnExit: !1,
-  appear: !1,
-  enter: !0,
-  exit: !0,
-  onEnter: se,
-  onEntering: se,
-  onEntered: se,
-  onExit: se,
-  onExiting: se,
-  onExited: se
-};
-ee.UNMOUNTED = de;
-ee.EXITED = oe;
-ee.ENTERING = ie;
-ee.ENTERED = ae;
-ee.EXITING = Me;
-var on = function(i, u) {
-  return i && u && u.split(" ").forEach(function(n) {
-    return en(i, n);
-  });
-}, Ae = function(i, u) {
-  return i && u && u.split(" ").forEach(function(n) {
-    return tn(i, n);
-  });
-}, Te = /* @__PURE__ */ (function(e) {
-  ut(i, e);
-  function i() {
-    for (var n, o = arguments.length, r = new Array(o), c = 0; c < o; c++)
-      r[c] = arguments[c];
-    return n = e.call.apply(e, [this].concat(r)) || this, n.appliedClasses = {
-      appear: {},
-      enter: {},
-      exit: {}
-    }, n.onEnter = function(s, f) {
-      var l = n.resolveArguments(s, f), p = l[0], h = l[1];
-      n.removeClasses(p, "exit"), n.addClass(p, h ? "appear" : "enter", "base"), n.props.onEnter && n.props.onEnter(s, f);
-    }, n.onEntering = function(s, f) {
-      var l = n.resolveArguments(s, f), p = l[0], h = l[1], y = h ? "appear" : "enter";
-      n.addClass(p, y, "active"), n.props.onEntering && n.props.onEntering(s, f);
-    }, n.onEntered = function(s, f) {
-      var l = n.resolveArguments(s, f), p = l[0], h = l[1], y = h ? "appear" : "enter";
-      n.removeClasses(p, y), n.addClass(p, y, "done"), n.props.onEntered && n.props.onEntered(s, f);
-    }, n.onExit = function(s) {
-      var f = n.resolveArguments(s), l = f[0];
-      n.removeClasses(l, "appear"), n.removeClasses(l, "enter"), n.addClass(l, "exit", "base"), n.props.onExit && n.props.onExit(s);
-    }, n.onExiting = function(s) {
-      var f = n.resolveArguments(s), l = f[0];
-      n.addClass(l, "exit", "active"), n.props.onExiting && n.props.onExiting(s);
-    }, n.onExited = function(s) {
-      var f = n.resolveArguments(s), l = f[0];
-      n.removeClasses(l, "exit"), n.addClass(l, "exit", "done"), n.props.onExited && n.props.onExited(s);
-    }, n.resolveArguments = function(s, f) {
-      return n.props.nodeRef ? [n.props.nodeRef.current, s] : [s, f];
-    }, n.getClassNames = function(s) {
-      var f = n.props.classNames, l = typeof f == "string", p = l && f ? f + "-" : "", h = l ? "" + p + s : f[s], y = l ? h + "-active" : f[s + "Active"], x = l ? h + "-done" : f[s + "Done"];
-      return {
-        baseClassName: h,
-        activeClassName: y,
-        doneClassName: x
-      };
-    }, n;
-  }
-  var u = i.prototype;
-  return u.addClass = function(o, r, c) {
-    var s = this.getClassNames(r)[c + "ClassName"], f = this.getClassNames("enter"), l = f.doneClassName;
-    r === "appear" && c === "done" && l && (s += " " + l), c === "active" && o && pt(o), s && (this.appliedClasses[r][c] = s, on(o, s));
-  }, u.removeClasses = function(o, r) {
-    var c = this.appliedClasses[r], s = c.base, f = c.active, l = c.done;
-    this.appliedClasses[r] = {}, s && Ae(o, s), f && Ae(o, f), l && Ae(o, l);
-  }, u.render = function() {
-    var o = this.props;
-    o.classNames;
-    var r = ct(o, ["classNames"]);
-    return /* @__PURE__ */ re.createElement(ee, ge({}, r, {
-      onEnter: this.onEnter,
-      onEntered: this.onEntered,
-      onEntering: this.onEntering,
-      onExit: this.onExit,
-      onExiting: this.onExiting,
-      onExited: this.onExited
-    }));
-  }, i;
-})(re.Component);
-Te.defaultProps = {
-  classNames: ""
-};
-Te.propTypes = process.env.NODE_ENV !== "production" ? ge({}, ee.propTypes, {
-  /**
-   * The animation classNames applied to the component as it appears, enters,
-   * exits or has finished the transition. A single name can be provided, which
-   * will be suffixed for each stage, e.g. `classNames="fade"` applies:
-   *
-   * - `fade-appear`, `fade-appear-active`, `fade-appear-done`
-   * - `fade-enter`, `fade-enter-active`, `fade-enter-done`
-   * - `fade-exit`, `fade-exit-active`, `fade-exit-done`
-   *
-   * A few details to note about how these classes are applied:
-   *
-   * 1. They are _joined_ with the ones that are already defined on the child
-   *    component, so if you want to add some base styles, you can use
-   *    `className` without worrying that it will be overridden.
-   *
-   * 2. If the transition component mounts with `in={false}`, no classes are
-   *    applied yet. You might be expecting `*-exit-done`, but if you think
-   *    about it, a component cannot finish exiting if it hasn't entered yet.
-   *
-   * 2. `fade-appear-done` and `fade-enter-done` will _both_ be applied. This
-   *    allows you to define different behavior for when appearing is done and
-   *    when regular entering is done, using selectors like
-   *    `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply
-   *    an epic entrance animation when element first appears in the DOM using
-   *    [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can
-   *    simply use `fade-enter-done` for defining both cases.
-   *
-   * Each individual classNames can also be specified independently like:
-   *
-   * ```js
-   * classNames={{
-   *  appear: 'my-appear',
-   *  appearActive: 'my-active-appear',
-   *  appearDone: 'my-done-appear',
-   *  enter: 'my-enter',
-   *  enterActive: 'my-active-enter',
-   *  enterDone: 'my-done-enter',
-   *  exit: 'my-exit',
-   *  exitActive: 'my-active-exit',
-   *  exitDone: 'my-done-exit',
-   * }}
-   * ```
-   *
-   * If you want to set these classes using CSS Modules:
-   *
-   * ```js
-   * import styles from './styles.css';
-   * ```
-   *
-   * you might want to use camelCase in your CSS file, that way could simply
-   * spread them instead of listing them one by one:
-   *
-   * ```js
-   * classNames={{ ...styles }}
-   * ```
-   *
-   * @type {string | {
-   *  appear?: string,
-   *  appearActive?: string,
-   *  appearDone?: string,
-   *  enter?: string,
-   *  enterActive?: string,
-   *  enterDone?: string,
-   *  exit?: string,
-   *  exitActive?: string,
-   *  exitDone?: string,
-   * }}
-   */
-  classNames: rn,
-  /**
-   * A `<Transition>` callback fired immediately after the 'enter' or 'appear' class is
-   * applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEnter: O.func,
-  /**
-   * A `<Transition>` callback fired immediately after the 'enter-active' or
-   * 'appear-active' class is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEntering: O.func,
-  /**
-   * A `<Transition>` callback fired immediately after the 'enter' or
-   * 'appear' classes are **removed** and the `done` class is added to the DOM node.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
-   *
-   * @type Function(node: HtmlElement, isAppearing: bool)
-   */
-  onEntered: O.func,
-  /**
-   * A `<Transition>` callback fired immediately after the 'exit' class is
-   * applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement)
-   */
-  onExit: O.func,
-  /**
-   * A `<Transition>` callback fired immediately after the 'exit-active' is applied.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement)
-   */
-  onExiting: O.func,
-  /**
-   * A `<Transition>` callback fired immediately after the 'exit' classes
-   * are **removed** and the `exit-done` class is added to the DOM node.
-   *
-   * **Note**: when `nodeRef` prop is passed, `node` is not passed
-   *
-   * @type Function(node: HtmlElement)
-   */
-  onExited: O.func
-}) : {};
-function sn({
-  show: e,
-  onClose: i,
-  onOpen: u,
-  onClosed: n,
-  children: o,
-  teleport: r = document.body
-}) {
-  const c = te(null), s = te(null);
-  ke(() => (e ? (document.body.style.overflow = "hidden", u?.()) : document.body.style.overflow = "", () => {
-    document.body.style.overflow = "";
-  }), [e]);
-  function f(l) {
-    c.current && (c.current.style.setProperty("display", l), l === "none" && n?.());
-  }
-  return ht(
-    /* @__PURE__ */ U.jsxs(U.Fragment, { children: [
-      /* @__PURE__ */ U.jsx(
-        Te,
-        {
-          in: e,
-          timeout: 300,
-          nodeRef: s,
-          classNames: "chook-picker-fade",
-          unmountOnExit: !0,
-          children: /* @__PURE__ */ U.jsx(
-            "div",
-            {
-              ref: s,
-              role: "presentation",
-              className: "chook-picker-mask",
-              onClick: i,
-              onKeyDown: (l) => {
-                l.key === "Escape" && i();
-              }
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ U.jsx(
-        Te,
-        {
-          in: e,
-          timeout: 300,
-          nodeRef: c,
-          classNames: "chook-picker-slide",
-          onEnter: () => f(""),
-          onExited: () => f("none"),
-          children: /* @__PURE__ */ U.jsx(
-            "div",
-            {
-              ref: c,
-              className: "chook-picker-container",
-              style: { display: "none" },
-              children: o
-            }
-          )
-        }
-      )
-    ] }),
-    r
-  );
+  ) : /* @__PURE__ */ N.jsx("div", { className: "chook-picker-columns", children: a });
 }
-function mt({
-  show: e,
-  values: i,
-  title: u,
+const Se = Z(Be);
+Se.displayName = "Columns";
+function ve({
+  values: e,
   columns: n,
-  linkage: o = !1,
-  loading: r = !1,
-  loadingSlot: c,
-  emptySlot: s,
-  teleport: f,
-  confirmButtonText: l = "Confirm",
-  cancelButtonText: p = "Cancel",
-  columnsFieldNames: h,
-  onConfirm: y,
-  onClose: x,
-  onChange: D,
-  onCancel: S,
-  onOpen: j,
-  onClosed: F
+  loading: o = !1,
+  loadingSlot: s,
+  emptySlot: r,
+  columnsFieldNames: a,
+  onChange: d
 }) {
-  const [B, M] = ne([]), [_, d] = ne([]), [W, K] = ne([]), Z = te(null), X = St(h), I = xt(n, X), w = ce(() => I === "single" ? [n] : I === "multiple" ? n : Ct(n, _, X), [n, I, _, X]);
-  ke(() => {
-    !i || i.every((H, t) => H === _[t]) || d(i);
-  }, [i]), ke(() => {
-    const L = w.length, H = [];
-    let t = !1;
-    for (let a = 0; a < L; a++) {
-      const m = w[a], E = _[a], g = rt(m, E, X);
-      if (g === -1) {
-        const C = (W[a] ?? 0) >= m.length ? Math.max(m.length - 1, 0) : 0;
-        V(a, C), H[a] = C;
+  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 m = [...c];
+    if (m[v] = E, h === "cascade") {
+      const P = l[x], y = ye(P, v, m, u);
+      S(y), d?.(y);
+    } else
+      S(m), d?.(m);
+  }
+  function M(v) {
+    return v.some((x, l) => x !== c[l]);
+  }
+  return J(() => {
+    !e || !M(e) || S([...e]);
+  }, [e]), J(() => {
+    const v = b.length, x = [], l = [...c];
+    let E = !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;
       } else
-        H[a] = g;
-      H[a] !== W[a] && (Z.current?.scrollColumnToSelected(a, H[a]), t = !0);
+        x[g] = y;
+      x[g] !== f[g] && (p.current?.scrollColumnToSelected(g, x[g]), E = !0);
     }
-    t && K(H);
-  }, [_, w, X]);
-  function V(L, H) {
-    const t = w[L], a = t[H]?.[X.value], m = _[L];
-    if (a === m) return;
-    const E = [..._];
-    if (E[L] = a, I === "cascade") {
-      const g = t[H], b = Ot(g, L, E, X);
-      d(b), G(b);
-    } else
-      d(E), G(E);
-  }
-  function G(L) {
-    D?.(L), o && M(L);
-  }
-  function N() {
-    M(_), x(), y?.(_);
-  }
-  function q() {
-    x(), S?.();
-  }
-  function P() {
-    j?.();
-  }
-  function z() {
-    d(i ? [...i] : [...B]), F?.();
-  }
-  return /* @__PURE__ */ U.jsxs(
-    sn,
+    E && (S(l), _(x));
+  }, [c, b, u]), /* @__PURE__ */ N.jsx(
+    "div",
     {
-      show: e,
-      teleport: f,
-      onOpen: P,
-      onClose: x,
-      onClosed: z,
-      children: [
-        /* @__PURE__ */ U.jsxs("div", { className: "chook-picker-header", children: [
-          /* @__PURE__ */ U.jsx(
-            "button",
-            {
-              className: "chook-picker-cancel",
-              onClick: q,
-              children: p
-            }
-          ),
-          /* @__PURE__ */ U.jsx("p", { className: "chook-picker-title", children: u }),
-          /* @__PURE__ */ U.jsx(
-            "button",
-            {
-              className: "chook-picker-confirm",
-              onClick: N,
-              children: l
-            }
-          )
-        ] }),
-        /* @__PURE__ */ U.jsx(
-          at,
-          {
-            ref: Z,
-            loading: r,
-            loadingSlot: c,
-            columns: n,
-            emptySlot: s,
-            currentColumns: w,
-            fields: X,
-            selectedIndices: W,
-            updateSelectedValueByIndex: V
-          }
-        )
-      ]
+      className: "chook-picker-container",
+      "aria-label": "Picker",
+      children: /* @__PURE__ */ N.jsx(
+        Se,
+        {
+          ref: p,
+          loading: o,
+          loadingSlot: s,
+          columns: n,
+          emptySlot: r,
+          currentColumns: b,
+          fields: u,
+          selectedIndices: f,
+          updateSelectedValueByIndex: R
+        }
+      )
     }
   );
 }
-function un({
-  show: e,
-  values: i,
-  title: u = Yt,
-  columnsType: n = $t,
+function qe({
+  values: e,
+  columnsType: n = Ue,
   minDate: o = new Date((/* @__PURE__ */ new Date()).getFullYear() - 10, 0, 1),
-  maxDate: r = new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11, 31),
-  teleport: c,
-  confirmButtonText: s,
-  cancelButtonText: f,
-  formatYearLabel: l = be,
-  formatMonthLabel: p = be,
-  formatDayLabel: h = be,
-  onConfirm: y,
-  onClose: x,
-  onCancel: D,
-  onOpen: S,
-  onClosed: j
-}) {
-  const [F, B] = ne([]), [M, _] = ne([]), d = ce(() => {
-    const N = {
-      year: W,
-      month: K,
-      day: Z
+  maxDate: s = new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11, 31),
+  formatYearLabel: r = ee,
+  formatMonthLabel: a = ee,
+  formatDayLabel: d = ee,
+  onChange: c
+}, S) {
+  const [f, _] = U([]), p = F(() => e ?? f, [e, f]), u = F(() => {
+    const l = {
+      year: h,
+      month: b,
+      day: R
     };
-    return n.map((q) => N[q]());
-  }, [n, o, r, M, l, p, h]);
-  function W() {
-    const N = o.getFullYear(), q = r.getFullYear();
-    return ue(N, q, l);
-  }
-  function K() {
-    const N = X("year"), q = Fe(N, o) ? o.getMonth() + 1 : 1, P = Le(N, r) ? r.getMonth() + 1 : 12;
-    return ue(q, P, p);
-  }
-  function Z() {
-    const N = X("year"), q = X("month"), P = Fe(N, o) && Rt(q, o), z = Le(N, r) && Pt(q, r), L = P ? o.getDate() : 1, H = z ? r.getDate() : wt(N, q);
-    return ue(L, H, h);
-  }
-  function X(N) {
-    const q = n.indexOf(N), P = M[q];
-    return P ? Number(P) : At(o, r, N);
-  }
-  function I(N) {
-    B(N), x(), y?.(N);
-  }
-  function w() {
-    x(), D?.();
-  }
-  function V() {
-    S?.(), i && i.length ? _([...i]) : _(n.map(X));
-  }
-  function G() {
-    _(i ? [...i] : [...F]), j?.();
-  }
-  return /* @__PURE__ */ U.jsx(
-    mt,
+    return n.map((E) => l[E]());
+  }, [n, o, s, p, r, a, d]);
+  function h() {
+    const l = o.getFullYear(), E = s.getFullYear();
+    return $(l, E, r);
+  }
+  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);
+  }
+  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 M(l) {
+    const E = n.indexOf(l), g = p?.[E];
+    return g ? Number(g) : de(o, s, l);
+  }
+  function v(l) {
+    e || _(l), c?.(l);
+  }
+  function x() {
+    const l = n.map((E) => de(o, s, E));
+    v(l);
+  }
+  return J(() => {
+    (!e || !e.length) && x();
+  }, []), G(S, () => ({
+    setCurrentDate: x
+  })), /* @__PURE__ */ N.jsx(
+    ve,
     {
-      values: M,
-      show: e,
-      title: u,
-      columns: d,
-      teleport: c,
-      confirmButtonText: s,
-      cancelButtonText: f,
-      linkage: !0,
-      onConfirm: I,
-      onClose: x,
-      onChange: _,
-      onCancel: w,
-      onOpen: V,
-      onClosed: G
+      values: p,
+      columns: u,
+      onChange: v
     }
   );
 }
-function ln({
-  show: e,
-  values: i,
-  title: u = Ft,
-  columnsType: n = Lt,
+const Je = Z(qe);
+Je.displayName = "DatePicker";
+function Ge({
+  values: e,
+  columnsType: n = Le,
   minTime: o,
-  maxTime: r,
-  teleport: c,
-  confirmButtonText: s,
-  cancelButtonText: f,
-  formatHourLabel: l = xe,
-  formatMinuteLabel: p = xe,
-  formatSecondLabel: h = xe,
-  onConfirm: y,
-  onClose: x,
-  onCancel: D,
-  onOpen: S,
-  onClosed: j
-}) {
-  const [F, B] = ne([]), [M, _] = ne([]), d = ce(() => Ve(o ?? "") ?? { hour: 0, minute: 0, second: 0 }, [o]), W = ce(() => Ve(r ?? "") ?? { hour: 23, minute: 59, second: 59 }, [r]), K = ce(() => {
-    const P = {
-      hour: Z,
-      minute: X,
-      second: I
-    };
-    return n.map((z) => P[z]());
-  }, [
-    n,
-    d,
-    W,
-    M,
-    l,
-    p,
-    h
-  ]);
-  function Z() {
-    return ue(d.hour, W.hour, l);
-  }
-  function X() {
-    const P = w("hour"), { hour: z, minute: L } = d, { hour: H, minute: t } = W;
-    return ue(P === z ? L : 0, P === H ? t : 59, p);
-  }
-  function I() {
-    const P = w("hour"), z = w("minute"), { hour: L, minute: H, second: t } = d, { hour: a, minute: m, second: E } = W;
-    return ue(P === L && z === H ? t : 0, P === a && z === m ? E : 59, h);
-  }
-  function w(P) {
-    const z = n.indexOf(P), L = M[z];
-    return L !== void 0 ? Number(L) : Nt(d, W, P);
-  }
-  function V(P) {
-    B(P), x(), y?.(P);
-  }
-  function G() {
-    x(), D?.();
-  }
-  function N() {
-    S?.(), i && i.length ? _([...i]) : _(n.map(w));
-  }
-  function q() {
-    _(i ? [...i] : [...F]), j?.();
-  }
-  return /* @__PURE__ */ U.jsx(
-    mt,
+  maxTime: s,
+  formatHourLabel: r = te,
+  formatMinuteLabel: a = te,
+  formatSecondLabel: d = te,
+  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 = {
+    hour: M,
+    minute: v,
+    second: x
+  }, R = n.map((m) => b[m]());
+  function M() {
+    return $(u.hour, h.hour, r);
+  }
+  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);
+  }
+  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 l(m) {
+    const P = n.indexOf(m), y = p?.[P];
+    return y !== void 0 ? Number(y) : he(u, h, m);
+  }
+  function E(m) {
+    e || _(m), c?.(m);
+  }
+  function g() {
+    const m = n.map((P) => he(u, h, P));
+    E(m);
+  }
+  return J(() => {
+    (!e || !e.length) && g();
+  }, []), G(S, () => ({
+    setCurrentTime: g
+  })), /* @__PURE__ */ N.jsx(
+    ve,
     {
-      values: M,
-      show: e,
-      title: u,
-      columns: K,
-      teleport: c,
-      confirmButtonText: s,
-      cancelButtonText: f,
-      linkage: !0,
-      onConfirm: V,
-      onClose: x,
-      onChange: _,
-      onCancel: G,
-      onOpen: N,
-      onClosed: q
+      values: p,
+      columns: R,
+      onChange: E
     }
   );
 }
+const Ze = Z(Ge);
+Ze.displayName = "TimePicker";
 export {
-  un as DatePicker,
-  mt as Picker,
-  ln as TimePicker
+  Je as DatePicker,
+  ve as Picker,
+  Ze as TimePicker
 };