@component-hook/picker 1.4.4 → 1.5.1

package/dist/react/picker.es.js

@@ -1,749 +1,451 @@
 import "./index.css";
-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 = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
-  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 s)
-        c !== "key" && (a[c] = s[c]);
-    } else a = s;
-    return s = a.ref, {
-      $$typeof: e,
-      type: o,
-      key: f,
-      ref: s !== void 0 ? s : null,
-      props: a
-    };
-  }
-  return H.Fragment = n, H.jsx = r, H.jsxs = r, H;
+import { forwardRef as e, useEffect as t, useImperativeHandle as n, useMemo as r, useRef as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/shared/constants.ts
+var l = .52, u = .008, d = [
+	"year",
+	"month",
+	"day"
+], f = [
+	"hour",
+	"minute",
+	"second"
+], p = Array.isArray;
+//#endregion
+//#region src/shared/utils/common.ts
+function m(e, t) {
+	if (y(e)) return "multiple";
+	let [n] = e;
+	return n?.[t.children] ? "cascade" : "single";
 }
-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 === E ? null : t.displayName || t.name || null;
-      if (typeof t == "string") return t;
-      switch (t) {
-        case M:
-          return "Fragment";
-        case O:
-          return "Profiler";
-        case v:
-          return "StrictMode";
-        case m:
-          return "Suspense";
-        case w:
-          return "SuspenseList";
-        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 x:
-            return "Portal";
-          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 A:
-            return i = t.displayName || null, i !== null ? i : e(t.type) || "Memo";
-          case Y:
-            i = t._payload, t = t._init;
-            try {
-              return e(t(i));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function n(t) {
-      return "" + t;
-    }
-    function r(t) {
-      try {
-        n(t);
-        var i = !1;
-      } catch {
-        i = !0;
-      }
-      if (i) {
-        i = console;
-        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.",
-          y
-        ), n(t);
-      }
-    }
-    function o(t) {
-      if (t === M) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === Y)
-        return "<...>";
-      try {
-        var i = e(t);
-        return i ? "<" + i + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function s() {
-      var t = k.A;
-      return t === null ? null : t.getOwner();
-    }
-    function a() {
-      return Error("react-stack-top-frame");
-    }
-    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 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
-        ));
-      }
-      R.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: R,
-        configurable: !0
-      });
-    }
-    function S() {
-      var t = e(this.type);
-      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 d(t, i, R, y, B, K) {
-      var C = R.ref;
-      return t = {
-        $$typeof: b,
-        type: t,
-        key: i,
-        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", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(t, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(t, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: B
-      }), Object.defineProperty(t, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: K
-      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
-    }
-    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(C);
-      if (P.call(i, "key")) {
-        C = e(t);
-        var $ = Object.keys(i).filter(function(ke) {
-          return ke !== "key";
-        });
-        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} />`,
-          y,
-          C,
-          $,
-          C
-        ), ce[C + y] = !0);
-      }
-      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
-      ), d(
-        t,
-        C,
-        R,
-        s(),
-        B,
-        K
-      );
-    }
-    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 h = Re, b = /* @__PURE__ */ Symbol.for("react.transitional.element"), x = /* @__PURE__ */ Symbol.for("react.portal"), M = /* @__PURE__ */ Symbol.for("react.fragment"), v = /* @__PURE__ */ Symbol.for("react.strict_mode"), O = /* @__PURE__ */ Symbol.for("react.profiler"), l = /* @__PURE__ */ Symbol.for("react.consumer"), T = /* @__PURE__ */ Symbol.for("react.context"), g = /* @__PURE__ */ Symbol.for("react.forward_ref"), m = /* @__PURE__ */ Symbol.for("react.suspense"), w = /* @__PURE__ */ Symbol.for("react.suspense_list"), A = /* @__PURE__ */ Symbol.for("react.memo"), Y = /* @__PURE__ */ Symbol.for("react.lazy"), I = /* @__PURE__ */ Symbol.for("react.activity"), E = /* @__PURE__ */ 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 = {
-      react_stack_bottom_frame: function(t) {
-        return t();
-      }
-    };
-    var U, L = {}, oe = h.react_stack_bottom_frame.bind(
-      h,
-      a
-    )(), se = D(o(a)), ce = {};
-    z.Fragment = M, z.jsx = function(t, i, R) {
-      var y = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return _(
-        t,
-        i,
-        R,
-        !1,
-        y ? Error("react-stack-top-frame") : oe,
-        y ? D(o(t)) : se
-      );
-    }, z.jsxs = function(t, i, R) {
-      var y = 1e4 > k.recentlyCreatedOwnerStacks++;
-      return _(
-        t,
-        i,
-        R,
-        !0,
-        y ? Error("react-stack-top-frame") : oe,
-        y ? D(o(t)) : se
-      );
-    };
-  })()), z;
+function h(e) {
+	return {
+		children: e?.children || "children",
+		label: e?.label || "label",
+		value: e?.value || "value"
+	};
 }
-var ie;
-function Me() {
-  return ie || (ie = 1, process.env.NODE_ENV === "production" ? q.exports = xe() : q.exports = Oe()), q.exports;
+function g(e, t, n) {
+	if (y(e)) return [];
+	let r = [], i = e, a = 0;
+	for (; i;) {
+		let e = t[a], o = v(i, e, n);
+		o === -1 && (o = 0), r.push(i), a += 1, i = i[o]?.[n.children];
+	}
+	return r;
 }
-var N = Me();
-const ye = Array.isArray;
-function Ce(e, n) {
-  if (Ee(e)) return "multiple";
-  const [r] = e;
-  return r?.[n.children] ? "cascade" : "single";
+function _(e, t, n, r) {
+	let i = [...n], a = e, o = t + 1;
+	for (; a?.[r.children];) {
+		let e = a[r.children][0];
+		i[o] = e.value, a = e, o += 1;
+	}
+	return i;
 }
-function we(e) {
-  return {
-    children: e?.children || "children",
-    label: e?.label || "label",
-    value: e?.value || "value"
-  };
+function v(e, t, n) {
+	return e.findIndex((e) => e?.[n.value] === t);
 }
-function Ae(e, n, r) {
-  if (Ee(e)) return [];
-  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 y(e) {
+	let [t] = e;
+	return p(t);
 }
-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 b(e, t) {
+	return e > t ? "horizontal" : t > e ? "vertical" : "";
 }
-function Te(e, n, r) {
-  return e.findIndex((o) => o?.[r.value] === n);
+function x() {
+	let { fontSize: e } = getComputedStyle(document.documentElement);
+	return Number(e.replace("px", "")) || 16;
 }
-function Ee(e) {
-  const [n] = e;
-  return ye(n);
+function S(e, t, n) {
+	let r = [];
+	for (let i = e; i <= t; i++) {
+		let e = n(String(i));
+		r.push({
+			label: e,
+			value: i
+		});
+	}
+	return r;
 }
-function Ne(e, n) {
-  return e > n ? "horizontal" : n > e ? "vertical" : "";
+function C(e, t) {
+	return e === t.getFullYear();
 }
-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 o;
+function w(e, t) {
+	return e === t.getFullYear();
 }
-function le(e, n) {
-  return e === n.getFullYear();
+function T(e, t) {
+	return e === t.getMonth() + 1;
 }
-function fe(e, n) {
-  return e === n.getFullYear();
+function E(e, t) {
+	return e === t.getMonth() + 1;
 }
-function Ye(e, n) {
-  return e === n.getMonth() + 1;
+function D(e, t) {
+	return new Date(e, t, 0).getDate();
 }
-function Ie(e, n) {
-  return e === n.getMonth() + 1;
+function O(e, t, n) {
+	let r = /* @__PURE__ */ new Date(), i = Date.now(), a = e.getTime(), o = t.getTime(), s = i >= a && i <= o;
+	return n === "year" ? s ? r.getFullYear() : e.getFullYear() : n === "month" ? (s ? r.getMonth() : e.getMonth()) + 1 : s ? r.getDate() : e.getDate();
 }
-function je(e, n) {
-  return new Date(e, n, 0).getDate();
+function k(e) {
+	return e;
 }
-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 A(e) {
+	return /^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/.test(e);
 }
-function te(e) {
-  return e;
+function j(e) {
+	if (!A(e)) return null;
+	let [t, n, r] = e.split(":", 3);
+	return {
+		hour: Number(t),
+		minute: Number(n),
+		second: Number(r)
+	};
 }
-function De(e) {
-  return /^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/.test(e);
+function M(e) {
+	return e.padStart(2, "0");
 }
-function me(e) {
-  if (!De(e)) return null;
-  const [n, r, o] = e.split(":");
-  return { hour: Number(n), minute: Number(r), second: Number(o) };
+function N(e, t, n) {
+	let r = Date.now(), { hour: i, minute: a, second: o } = e, { hour: s, minute: c, second: l } = t, u = (/* @__PURE__ */ new Date()).setHours(i, a, o), d = (/* @__PURE__ */ new Date()).setHours(s, c, l), f = r >= u && r <= d;
+	return n === "hour" ? f ? (/* @__PURE__ */ new Date()).getHours() : i : n === "minute" ? f ? (/* @__PURE__ */ new Date()).getMinutes() : a : f ? (/* @__PURE__ */ new Date()).getSeconds() : o;
 }
-function ne(e) {
-  return e.padStart(2, "0");
+//#endregion
+//#region src/react/hooks/fixed-forward-ref.ts
+function P(t) {
+	return e(t);
 }
-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;
+//#endregion
+//#region src/shared/utils/pointer.ts
+function F() {
+	let e = {
+		startX: 0,
+		startY: 0,
+		deltaX: 0,
+		deltaY: 0,
+		offsetX: 0,
+		offsetY: 0
+	}, t = "", n = !0, r = () => t === "vertical", i = () => t === "horizontal";
+	function a() {
+		e.deltaX = 0, e.deltaY = 0, e.offsetX = 0, e.offsetY = 0, t = "", n = !0;
+	}
+	function o(t) {
+		let n = "touches" in t ? t.touches[0] : t;
+		a(), e.startX = n.clientX, e.startY = n.clientY;
+	}
+	function s(r) {
+		if (!e.startX || !e.startY) return !0;
+		let i = "touches" in r ? r.touches[0] : r;
+		e.deltaX = Math.max(i.clientX, 0) - e.startX, e.deltaY = i.clientY - e.startY, e.offsetX = Math.abs(e.deltaX), e.offsetY = Math.abs(e.deltaY), (!t || e.offsetX < 10 && e.offsetY < 10) && (t = b(e.offsetX, e.offsetY)), n && (e.offsetX > 5 || e.offsetY > 5) && (n = !1);
+	}
+	function c() {
+		e.startX = 0, e.startY = 0;
+	}
+	return {
+		pointer: e,
+		move: s,
+		start: o,
+		stop: c,
+		reset: a,
+		isVertical: r,
+		isHorizontal: i
+	};
 }
-function Q(e) {
-  return be(e);
+//#endregion
+//#region src/react/hooks/use-scroll-snap.ts
+function I({ column: e, onChange: t }) {
+	let n = x() / 16, [o, s] = a(0), c = i(null), l = i(0), d = i(0), f = i(0), p = i(0), m = i(!1), h = i(null), { pointer: g, start: _, move: v, stop: y } = r(() => F(), []);
+	function b(e) {
+		return e * n;
+	}
+	function S(t) {
+		let n = e.length, r = Math.round(-t / b(48));
+		return r < 0 ? 0 : r >= n ? n - 1 : r;
+	}
+	function C(e) {
+		let n = -e * b(48), r = () => t?.(e);
+		m.current && n !== l.current ? h.current = r : r(), E(n);
+	}
+	function w(e) {
+		_(e), m.current = !0, s(0), f.current = Date.now(), d.current = l.current, p.current = d.current, h.current = null;
+	}
+	function T(t) {
+		if (v(t)) return;
+		let n = e.length, r = d.current + g.deltaY, i = b((n - 1) * -48), a = Math.min(Math.max(r, i), 0), o = Date.now();
+		E(a), !(o - f.current <= 300) && (f.current = o, p.current = a);
+	}
+	function E(e) {
+		l.current = e, c.current && c.current.style.setProperty("--offset-y", String(e));
+	}
+	function D() {
+		y();
+		let e = l.current - p.current, t = Date.now() - f.current;
+		if (t < 300 && Math.abs(e) > 15) {
+			O(e, t);
+			return;
+		}
+		let n = S(l.current);
+		s(150), C(n), m.current = !1;
+	}
+	function O(e, t) {
+		let n = Math.abs(e / t), r = S(l.current + n / u * (e < 0 ? -1 : 1));
+		s(300), C(r);
+	}
+	function k() {
+		s(0), m.current = !1, h.current &&= (h.current(), null);
+	}
+	function A(e, t = "auto") {
+		m.current && t === "smooth" || (h.current = null, m.current = t === "smooth", s(t === "smooth" ? 150 : 0), C(e));
+	}
+	return {
+		columnRef: c,
+		transitionDuration: o,
+		onPointerDown: w,
+		onPointerMove: T,
+		onPointerUp: D,
+		stopInertialSliding: k,
+		scrollToIndex: A
+	};
 }
-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,
-    startY: 0,
-    deltaX: 0,
-    deltaY: 0,
-    offsetX: 0,
-    offsetY: 0
-  };
-  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 = "", r = !0;
-  }
-  function f(d) {
-    const _ = "touches" in d ? d.touches[0] : d;
-    a(), e.startX = _.clientX, e.startY = _.clientY;
-  }
-  function c(d) {
-    if (!e.startX || !e.startY) return !0;
-    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)), r && (e.offsetX > ge || e.offsetY > ge) && (r = !1);
-  }
-  function S() {
-    e.startX = 0, e.startY = 0;
-  }
-  return {
-    pointer: e,
-    move: c,
-    start: f,
-    stop: S,
-    reset: a,
-    isVertical: o,
-    isHorizontal: s
-  };
+//#endregion
+//#region src/react/components/picker-column.tsx
+function L({ column: e, fields: t, selectedIndex: r = 0, onChange: i }, a) {
+	let { columnRef: o, transitionDuration: c, onPointerDown: u, onPointerMove: d, onPointerUp: f, stopInertialSliding: p, scrollToIndex: m } = I({
+		column: e,
+		onChange: h
+	});
+	function h(e) {
+		e !== r && i(e);
+	}
+	function g(e = r, t) {
+		m(e, t);
+	}
+	function _(e) {
+		e !== r && g(e, "smooth");
+	}
+	return n(a, () => ({ scrollToSelected: g })), /* @__PURE__ */ s("div", {
+		role: "presentation",
+		"aria-label": "Picker column",
+		className: "chook-picker-column",
+		onTouchStart: u,
+		onTouchMove: d,
+		onTouchEnd: f,
+		onTouchCancel: f,
+		onMouseDown: u,
+		onMouseMove: d,
+		onMouseUp: f,
+		onMouseLeave: f,
+		style: {
+			overflowY: "hidden",
+			touchAction: "none"
+		},
+		children: /* @__PURE__ */ s("ul", {
+			ref: o,
+			style: {
+				overflowY: "hidden",
+				transform: "translate3d(0, calc(var(--offset-y) * 1px), 0)",
+				transitionDuration: `${c}ms`,
+				transitionProperty: c ? "all" : "none",
+				touchAction: "none"
+			},
+			onTransitionEnd: p,
+			children: e.map((e, n) => /* @__PURE__ */ s("div", {
+				tabIndex: 0,
+				role: "button",
+				"aria-label": "Select option",
+				className: "chook-picker-column-item",
+				onClick: () => _(n),
+				onKeyDown: (e) => {
+					(e.key === "Enter" || e.key === " ") && _(n);
+				},
+				children: /* @__PURE__ */ s("p", {
+					className: "chook-picker-column-label",
+					style: { transform: `rotate3d(1, 0, 0, calc((${n * 48} + var(--offset-y)) * ${l}deg)` },
+					children: e?.[t.label]
+				})
+			}, e?.[t.value]))
+		})
+	});
 }
-function ze({ column: e, onChange: n }) {
-  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 l(E) {
-    const k = -E * v(J), P = () => n?.(E);
-    p.current && k !== c.current ? u.current = P : P(), m(k);
-  }
-  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 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 m(E) {
-    c.current = E, f.current && f.current.style.setProperty("--offset-y", `${E}`);
-  }
-  function w() {
-    M();
-    const E = c.current - _.current, k = Date.now() - d.current;
-    if (k < re && Math.abs(E) > $e) {
-      A(E, k);
-      return;
-    }
-    const P = O(c.current);
-    a(pe), l(P), p.current = !1;
-  }
-  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() {
-    a(0), p.current = !1, u.current && (u.current(), u.current = null);
-  }
-  function I(E, k = "auto") {
-    p.current && k === "smooth" || (u.current = null, p.current = k === "smooth", a(k === "smooth" ? pe : 0), l(E));
-  }
-  return {
-    columnRef: f,
-    transitionDuration: s,
-    onPointerDown: T,
-    onPointerMove: g,
-    onPointerUp: w,
-    stopInertialSliding: Y,
-    scrollToIndex: I
-  };
+var R = P(L);
+R.displayName = "Column";
+//#endregion
+//#region src/react/components/picker-columns.tsx
+function z(e, t) {
+	let { loading: r, loadingSlot: a, columns: l, emptySlot: u, currentColumns: d, fields: f, selectedIndices: p, updateSelectedValueByIndex: m } = e, h = i([]);
+	function g(e, t) {
+		h.current[e]?.scrollToSelected(t);
+	}
+	return n(t, () => ({ scrollColumnToSelected: g })), r ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
+		className: "chook-picker-loading",
+		children: a
+	}), /* @__PURE__ */ s("div", { className: "chook-picker-columns" })] }) : l.length ? /* @__PURE__ */ c("div", {
+		className: "chook-picker-columns chook-picker-columns-backdrop",
+		onTouchMove: (e) => e.stopPropagation(),
+		children: [d.map((e, t) => /* @__PURE__ */ s(R, {
+			ref: (e) => {
+				h.current[t] = e;
+			},
+			column: e,
+			fields: f,
+			selectedIndex: p[t],
+			onChange: (e) => m(t, e)
+		}, t)), /* @__PURE__ */ s("div", { className: "chook-picker-mask-backdrop" })]
+	}) : /* @__PURE__ */ s("div", {
+		className: "chook-picker-columns",
+		children: u
+	});
 }
-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(x) {
-    x !== r && o(x);
-  }
-  function h(x = r, M) {
-    p(x, M);
-  }
-  function b(x) {
-    x !== r && h(x, "smooth");
-  }
-  return Z(s, () => ({
-    scrollToSelected: h
-  })), /* @__PURE__ */ N.jsx(
-    "div",
-    {
-      role: "presentation",
-      "aria-label": "Picker column",
-      className: "chook-picker-column",
-      onTouchStart: c,
-      onTouchMove: S,
-      onTouchEnd: d,
-      onTouchCancel: d,
-      onMouseDown: c,
-      onMouseMove: S,
-      onMouseUp: d,
-      onMouseLeave: d,
-      style: {
-        overflowY: "hidden",
-        touchAction: "none"
-      },
-      children: /* @__PURE__ */ N.jsx(
-        "ul",
-        {
-          ref: a,
-          style: {
-            overflowY: "hidden",
-            transform: "translate3d(0, calc(var(--offset-y) * 1px), 0)",
-            transitionDuration: `${f}ms`,
-            transitionProperty: f ? "all" : "none",
-            touchAction: "none"
-          },
-          onTransitionEnd: _,
-          children: e.map((x, M) => /* @__PURE__ */ N.jsx(
-            "div",
-            {
-              tabIndex: 0,
-              role: "button",
-              "aria-label": "Select option",
-              className: "chook-picker-column-item",
-              onClick: () => b(M),
-              onKeyDown: (v) => {
-                (v.key === "Enter" || v.key === " ") && b(M);
-              },
-              children: /* @__PURE__ */ N.jsx(
-                "p",
-                {
-                  className: "chook-picker-column-label",
-                  style: {
-                    transform: `rotate3d(1, 0, 0, calc((${M * J} + var(--offset-y)) * ${Ve}deg)`
-                  },
-                  children: x?.[n.label]
-                }
-              )
-            },
-            x?.[n.value]
-          ))
-        }
-      )
-    }
-  );
+var B = P(z);
+B.displayName = "Columns";
+//#endregion
+//#region src/react/components/picker.tsx
+function V({ values: e, columns: n, loading: o = !1, loadingSlot: c, emptySlot: l, columnsFieldNames: u, onChange: d }) {
+	let [f, p] = a(e ?? []), [y, b] = a([]), x = i(null), S = h(u), C = m(n, S), w = r(() => C === "single" ? [n] : C === "multiple" ? n : g(n, f, S), [
+		n,
+		C,
+		f,
+		S
+	]);
+	function T(e, t) {
+		let n = w[e], r = n[t]?.[S.value];
+		if (r === f[e]) return;
+		let i = [...f];
+		if (i[e] = r, C === "cascade") {
+			let r = n[t], a = _(r, e, i, S);
+			p(a), d?.(a);
+		} else p(i), d?.(i);
+	}
+	function E(e) {
+		return e.some((e, t) => e !== f[t]);
+	}
+	return t(() => {
+		!e || !E(e) || p([...e]);
+	}, [e]), t(() => {
+		let e = w.length, t = [], n = [...f], r = !1;
+		for (let i = 0; i < e; i++) {
+			let e = w[i], a = f[i], o = v(e, a, S);
+			if (o === -1) {
+				let r = (y[i] ?? 0) >= e.length ? Math.max(e.length - 1, 0) : 0;
+				n[i] = e[r]?.[S.value], t[i] = r;
+			} else t[i] = o;
+			t[i] !== y[i] && (x.current?.scrollColumnToSelected(i, t[i]), r = !0);
+		}
+		r && (p(n), b(t));
+	}, [
+		f,
+		w,
+		S
+	]), /* @__PURE__ */ s("div", {
+		className: "chook-picker-container",
+		"aria-label": "Picker",
+		children: /* @__PURE__ */ s(B, {
+			ref: x,
+			loading: o,
+			loadingSlot: c,
+			columns: n,
+			emptySlot: l,
+			currentColumns: w,
+			fields: S,
+			selectedIndices: y,
+			updateSelectedValueByIndex: T
+		})
+	});
 }
-const _e = Q(We);
-_e.displayName = "Column";
-function Be(e, n) {
-  const {
-    loading: r,
-    loadingSlot: o,
-    columns: s,
-    emptySlot: a,
-    currentColumns: f,
-    fields: c,
-    selectedIndices: S,
-    updateSelectedValueByIndex: d
-  } = e, _ = j([]);
-  function p(u, h) {
-    _.current[u]?.scrollToSelected(h);
-  }
-  return Z(n, () => ({
-    scrollColumnToSelected: p
-  })), 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" })
-  ] }) : s.length ? /* @__PURE__ */ N.jsxs(
-    "div",
-    {
-      className: "chook-picker-columns chook-picker-columns-backdrop",
-      onTouchMove: (u) => u.stopPropagation(),
-      children: [
-        f.map((u, h) => /* @__PURE__ */ N.jsx(
-          _e,
-          {
-            ref: (b) => {
-              _.current[h] = b;
-            },
-            column: u,
-            fields: c,
-            selectedIndex: S[h],
-            onChange: (b) => d(h, b)
-          },
-          h
-        )),
-        /* @__PURE__ */ N.jsx("div", { className: "chook-picker-mask-backdrop" })
-      ]
-    }
-  ) : /* @__PURE__ */ N.jsx("div", { className: "chook-picker-columns", children: a });
+//#endregion
+//#region src/react/components/date-picker.tsx
+function H({ values: e, columnsType: i = d, minDate: o = new Date((/* @__PURE__ */ new Date()).getFullYear() - 10, 0, 1), maxDate: c = new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11, 31), formatYearLabel: l = k, formatMonthLabel: u = k, formatDayLabel: f = k, onChange: p }, m) {
+	let [h, g] = a([]), _ = r(() => e ?? h, [e, h]), v = r(() => {
+		let e = {
+			year: y,
+			month: b,
+			day: x
+		};
+		return i.map((t) => e[t]());
+	}, [
+		i,
+		o,
+		c,
+		_,
+		l,
+		u,
+		f
+	]);
+	function y() {
+		return S(o.getFullYear(), c.getFullYear(), l);
+	}
+	function b() {
+		let e = A("year");
+		return S(C(e, o) ? o.getMonth() + 1 : 1, w(e, c) ? c.getMonth() + 1 : 12, u);
+	}
+	function x() {
+		let e = A("year"), t = A("month"), n = C(e, o) && T(t, o), r = w(e, c) && E(t, c);
+		return S(n ? o.getDate() : 1, r ? c.getDate() : D(e, t), f);
+	}
+	function A(e) {
+		let t = i.indexOf(e), n = _?.[t];
+		return n ? Number(n) : O(o, c, e);
+	}
+	function j(t) {
+		e || g(t), p?.(t);
+	}
+	function M() {
+		j(i.map((e) => O(o, c, e)));
+	}
+	return t(() => {
+		(!e || !e.length) && M();
+	}, []), n(m, () => ({ setCurrentDate: M })), /* @__PURE__ */ s(V, {
+		values: _,
+		columns: v,
+		onChange: j
+	});
 }
-const Se = Q(Be);
-Se.displayName = "Columns";
-function ve({
-  values: e,
-  columns: n,
-  loading: r = !1,
-  loadingSlot: o,
-  emptySlot: s,
-  columnsFieldNames: a,
-  onChange: f
-}) {
-  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] = T, h === "cascade") {
-      const w = l[O], A = Pe(w, v, m, u);
-      S(A), f?.(A);
-    } else
-      S(m), f?.(m);
-  }
-  function M(v) {
-    return v.some((O, l) => O !== c[l]);
-  }
-  return G(() => {
-    !e || !M(e) || S([...e]);
-  }, [e]), G(() => {
-    const v = b.length, O = [], l = [...c];
-    let T = !1;
-    for (let g = 0; g < v; g++) {
-      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
-        O[g] = A;
-      O[g] !== d[g] && (p.current?.scrollColumnToSelected(g, O[g]), T = !0);
-    }
-    T && (S(l), _(O));
-  }, [c, b, u]), /* @__PURE__ */ N.jsx(
-    "div",
-    {
-      className: "chook-picker-container",
-      "aria-label": "Picker",
-      children: /* @__PURE__ */ N.jsx(
-        Se,
-        {
-          ref: p,
-          loading: r,
-          loadingSlot: o,
-          columns: n,
-          emptySlot: s,
-          currentColumns: b,
-          fields: u,
-          selectedIndices: d,
-          updateSelectedValueByIndex: x
-        }
-      )
-    }
-  );
+var U = P(H);
+U.displayName = "DatePicker";
+//#endregion
+//#region src/react/components/time-picker.tsx
+function W({ values: e, columnsType: i = f, minTime: o, maxTime: c, formatHourLabel: l = M, formatMinuteLabel: u = M, formatSecondLabel: d = M, onChange: p }, m) {
+	let [h, g] = a([]), _ = r(() => e ?? h, [e, h]), v = r(() => j(o ?? "") ?? {
+		hour: 0,
+		minute: 0,
+		second: 0
+	}, [o]), y = r(() => j(c ?? "") ?? {
+		hour: 23,
+		minute: 59,
+		second: 59
+	}, [c]), b = {
+		hour: C,
+		minute: w,
+		second: T
+	}, x = i.map((e) => b[e]());
+	function C() {
+		return S(v.hour, y.hour, l);
+	}
+	function w() {
+		let e = E("hour"), { hour: t, minute: n } = v, { hour: r, minute: i } = y;
+		return S(e === t ? n : 0, e === r ? i : 59, u);
+	}
+	function T() {
+		let e = E("hour"), t = E("minute"), { hour: n, minute: r, second: i } = v, { hour: a, minute: o, second: s } = y;
+		return S(e === n && t === r ? i : 0, e === a && t === o ? s : 59, d);
+	}
+	function E(e) {
+		let t = i.indexOf(e), n = _?.[t];
+		return n === void 0 ? N(v, y, e) : Number(n);
+	}
+	function D(t) {
+		e || g(t), p?.(t);
+	}
+	function O() {
+		D(i.map((e) => N(v, y, e)));
+	}
+	return t(() => {
+		(!e || !e.length) && O();
+	}, []), n(m, () => ({ setCurrentTime: O })), /* @__PURE__ */ s(V, {
+		values: _,
+		columns: x,
+		onChange: D
+	});
 }
-function qe({
-  values: e,
-  columnsType: n = Ue,
-  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 [d, _] = W([]), p = F(() => e ?? d, [e, d]), u = F(() => {
-    const l = {
-      year: h,
-      month: b,
-      day: x
-    };
-    return n.map((T) => l[T]());
-  }, [n, r, o, p, s, a, f]);
-  function h() {
-    const l = r.getFullYear(), T = o.getFullYear();
-    return X(l, T, s);
-  }
-  function b() {
-    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 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 T = n.indexOf(l), g = p?.[T];
-    return g ? Number(g) : de(r, o, l);
-  }
-  function v(l) {
-    e || _(l), c?.(l);
-  }
-  function O() {
-    const l = n.map((T) => de(r, o, T));
-    v(l);
-  }
-  return G(() => {
-    (!e || !e.length) && O();
-  }, []), Z(S, () => ({
-    setCurrentDate: O
-  })), /* @__PURE__ */ N.jsx(
-    ve,
-    {
-      values: p,
-      columns: u,
-      onChange: v
-    }
-  );
-}
-const Je = Q(qe);
-Je.displayName = "DatePicker";
-function Ge({
-  values: e,
-  columnsType: n = Le,
-  minTime: r,
-  maxTime: o,
-  formatHourLabel: s = ne,
-  formatMinuteLabel: a = ne,
-  formatSecondLabel: f = ne,
-  onChange: c
-}, S) {
-  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: O
-  }, x = n.map((m) => b[m]());
-  function M() {
-    return X(u.hour, h.hour, s);
-  }
-  function v() {
-    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 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 w = n.indexOf(m), A = p?.[w];
-    return A !== void 0 ? Number(A) : he(u, h, m);
-  }
-  function T(m) {
-    e || _(m), c?.(m);
-  }
-  function g() {
-    const m = n.map((w) => he(u, h, w));
-    T(m);
-  }
-  return G(() => {
-    (!e || !e.length) && g();
-  }, []), Z(S, () => ({
-    setCurrentTime: g
-  })), /* @__PURE__ */ N.jsx(
-    ve,
-    {
-      values: p,
-      columns: x,
-      onChange: T
-    }
-  );
-}
-const Ze = Q(Ge);
-Ze.displayName = "TimePicker";
-export {
-  Je as DatePicker,
-  ve as Picker,
-  Ze as TimePicker
-};
+var G = P(W);
+G.displayName = "TimePicker";
+//#endregion
+export { U as DatePicker, V as Picker, G as TimePicker };