@component-hook/picker 1.5.0 → 1.6.0

package/dist/react/picker.es.js

@@ -1,42 +1,40 @@
 import "./index.css";
 import { forwardRef as e, useEffect as t, useImperativeHandle as n, useMemo as r, useRef as i, useState as a } from "react";
-//#region \0rolldown/runtime.js
-var o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
-	if (typeof require < "u") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-}), c = .52, l = .008, u = [
+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"
-], d = [
+], f = [
 	"hour",
 	"minute",
 	"second"
-], f = Array.isArray;
+], p = Array.isArray;
 //#endregion
 //#region src/shared/utils/common.ts
-function p(e, t) {
-	if (v(e)) return "multiple";
+function m(e, t) {
+	if (y(e)) return "multiple";
 	let [n] = e;
 	return n?.[t.children] ? "cascade" : "single";
 }
-function m(e) {
+function h(e) {
 	return {
 		children: e?.children || "children",
 		label: e?.label || "label",
 		value: e?.value || "value"
 	};
 }
-function h(e, t, n) {
-	if (v(e)) return [];
+function g(e, t, n) {
+	if (y(e)) return [];
 	let r = [], i = e, a = 0;
 	for (; i;) {
-		let e = t[a], o = _(i, e, n);
+		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;
 }
-function g(e, t, n, r) {
+function _(e, t, n, r) {
 	let i = [...n], a = e, o = t + 1;
 	for (; a?.[r.children];) {
 		let e = a[r.children][0];
@@ -44,21 +42,21 @@ function g(e, t, n, r) {
 	}
 	return i;
 }
-function _(e, t, n) {
+function v(e, t, n) {
 	return e.findIndex((e) => e?.[n.value] === t);
 }
-function v(e) {
+function y(e) {
 	let [t] = e;
-	return f(t);
+	return p(t);
 }
-function y(e, t) {
+function b(e, t) {
 	return e > t ? "horizontal" : t > e ? "vertical" : "";
 }
-function b() {
+function x() {
 	let { fontSize: e } = getComputedStyle(document.documentElement);
 	return Number(e.replace("px", "")) || 16;
 }
-function x(e, t, n) {
+function S(e, t, n) {
 	let r = [];
 	for (let i = e; i <= t; i++) {
 		let e = n(String(i));
@@ -69,55 +67,55 @@ function x(e, t, n) {
 	}
 	return r;
 }
-function S(e, t) {
-	return e === t.getFullYear();
-}
 function C(e, t) {
 	return e === t.getFullYear();
 }
 function w(e, t) {
-	return e === t.getMonth() + 1;
+	return e === t.getFullYear();
 }
 function T(e, t) {
 	return e === t.getMonth() + 1;
 }
 function E(e, t) {
+	return e === t.getMonth() + 1;
+}
+function D(e, t) {
 	return new Date(e, t, 0).getDate();
 }
-function D(e, t, n) {
+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 O(e) {
+function k(e) {
 	return e;
 }
-function k(e) {
+function A(e) {
 	return /^(?:[01]\d|2[0-3]):[0-5]\d:[0-5]\d$/.test(e);
 }
-function A(e) {
-	if (!k(e)) return null;
-	let [t, n, r] = e.split(":");
+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 j(e) {
+function M(e) {
 	return e.padStart(2, "0");
 }
-function M(e, t, n) {
+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;
 }
 //#endregion
 //#region src/react/hooks/fixed-forward-ref.ts
-function N(t) {
+function P(t) {
 	return e(t);
 }
 //#endregion
 //#region src/shared/utils/pointer.ts
-function P() {
+function F() {
 	let e = {
 		startX: 0,
 		startY: 0,
@@ -136,7 +134,7 @@ function P() {
 	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 = y(e.offsetX, e.offsetY)), n && (e.offsetX > 5 || e.offsetY > 5) && (n = !1);
+		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;
@@ -153,42 +151,42 @@ function P() {
 }
 //#endregion
 //#region src/react/hooks/use-scroll-snap.ts
-function F({ column: e, onChange: t }) {
-	let n = b() / 16, [o, s] = a(0), c = i(null), u = 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(() => P(), []);
-	function x(e) {
+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 / x(48));
+		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 * x(48), r = () => t?.(e);
-		m.current && n !== u.current ? h.current = r : r(), E(n);
+		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 = u.current, p.current = d.current, h.current = null;
+		_(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 = x((n - 1) * -48), a = Math.min(Math.max(r, i), 0), o = Date.now();
+		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) {
-		u.current = e, c.current && c.current.style.setProperty("--offset-y", String(e));
+		l.current = e, c.current && c.current.style.setProperty("--offset-y", String(e));
 	}
 	function D() {
 		y();
-		let e = u.current - p.current, t = Date.now() - f.current;
+		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(u.current);
+		let n = S(l.current);
 		s(150), C(n), m.current = !1;
 	}
 	function O(e, t) {
-		let n = Math.abs(e / t), r = S(u.current + n / l * (e < 0 ? -1 : 1));
+		let n = Math.abs(e / t), r = S(l.current + n / u * (e < 0 ? -1 : 1));
 		s(300), C(r);
 	}
 	function k() {
@@ -208,422 +206,246 @@ function F({ column: e, onChange: t }) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.pnpm/react@19.2.7/node_modules/react/cjs/react-jsx-runtime.production.js
-var I = /* @__PURE__ */ o(((e) => {
-	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-	function r(e, n, r) {
-		var i = null;
-		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
-		else r = n;
-		return n = r.ref, {
-			$$typeof: t,
-			type: e,
-			key: i,
-			ref: n === void 0 ? null : n,
-			props: r
-		};
-	}
-	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), L = /* @__PURE__ */ o(((e) => {
-	process.env.NODE_ENV !== "production" && (function() {
-		function t(e) {
-			if (e == null) return null;
-			if (typeof e == "function") return e.$$typeof === k ? null : e.displayName || e.name || null;
-			if (typeof e == "string") return e;
-			switch (e) {
-				case v: return "Fragment";
-				case b: return "Profiler";
-				case y: return "StrictMode";
-				case w: return "Suspense";
-				case T: return "SuspenseList";
-				case O: return "Activity";
-			}
-			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
-				case _: return "Portal";
-				case S: return e.displayName || "Context";
-				case x: return (e._context.displayName || "Context") + ".Consumer";
-				case C:
-					var n = e.render;
-					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
-				case E: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
-				case D:
-					n = e._payload, e = e._init;
-					try {
-						return t(e(n));
-					} catch {}
-			}
-			return null;
-		}
-		function n(e) {
-			return "" + e;
-		}
-		function r(e) {
-			try {
-				n(e);
-				var t = !1;
-			} catch {
-				t = !0;
-			}
-			if (t) {
-				t = console;
-				var r = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-				return r.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), n(e);
-			}
-		}
-		function i(e) {
-			if (e === v) return "<>";
-			if (typeof e == "object" && e && e.$$typeof === D) return "<...>";
-			try {
-				var n = t(e);
-				return n ? "<" + n + ">" : "<...>";
-			} catch {
-				return "<...>";
-			}
-		}
-		function a() {
-			var e = A.A;
-			return e === null ? null : e.getOwner();
-		}
-		function o() {
-			return Error("react-stack-top-frame");
-		}
-		function c(e) {
-			if (j.call(e, "key")) {
-				var t = Object.getOwnPropertyDescriptor(e, "key").get;
-				if (t && t.isReactWarning) return !1;
-			}
-			return e.key !== void 0;
-		}
-		function l(e, t) {
-			function n() {
-				P || (P = !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)", t));
-			}
-			n.isReactWarning = !0, Object.defineProperty(e, "key", {
-				get: n,
-				configurable: !0
-			});
-		}
-		function u() {
-			var e = t(this.type);
-			return F[e] || (F[e] = !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.")), e = this.props.ref, e === void 0 ? null : e;
-		}
-		function d(e, t, n, r, i, a) {
-			var o = n.ref;
-			return e = {
-				$$typeof: g,
-				type: e,
-				key: t,
-				props: n,
-				_owner: r
-			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
-				enumerable: !1,
-				value: null
-			}) : Object.defineProperty(e, "ref", {
-				enumerable: !1,
-				get: u
-			}), e._store = {}, Object.defineProperty(e._store, "validated", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: 0
-			}), Object.defineProperty(e, "_debugInfo", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: null
-			}), Object.defineProperty(e, "_debugStack", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: i
-			}), Object.defineProperty(e, "_debugTask", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: a
-			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-		}
-		function f(e, n, i, o, s, u) {
-			var f = n.children;
-			if (f !== void 0) if (o) if (M(f)) {
-				for (o = 0; o < f.length; o++) p(f[o]);
-				Object.freeze && Object.freeze(f);
-			} 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(f);
-			if (j.call(n, "key")) {
-				f = t(e);
-				var m = Object.keys(n).filter(function(e) {
-					return e !== "key";
-				});
-				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", R[f + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, f, m, f), R[f + o] = !0);
-			}
-			if (f = null, i !== void 0 && (r(i), f = "" + i), c(n) && (r(n.key), f = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
-			else i = n;
-			return f && l(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), d(e, f, i, a(), s, u);
-		}
-		function p(e) {
-			m(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === D && (e._payload.status === "fulfilled" ? m(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
-		}
-		function m(e) {
-			return typeof e == "object" && !!e && e.$$typeof === g;
-		}
-		var h = s("react"), g = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), S = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), A = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, M = Array.isArray, N = console.createTask ? console.createTask : function() {
-			return null;
-		};
-		h = { react_stack_bottom_frame: function(e) {
-			return e();
-		} };
-		var P, F = {}, I = h.react_stack_bottom_frame.bind(h, o)(), L = N(i(o)), R = {};
-		e.Fragment = v, e.jsx = function(e, t, n) {
-			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
-			return f(e, t, n, !1, r ? Error("react-stack-top-frame") : I, r ? N(i(e)) : L);
-		}, e.jsxs = function(e, t, n) {
-			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
-			return f(e, t, n, !0, r ? Error("react-stack-top-frame") : I, r ? N(i(e)) : L);
-		};
-	})();
-})), R = (/* @__PURE__ */ o(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = I() : t.exports = L();
-})))();
-function z({ column: e, fields: t, selectedIndex: r = 0, onChange: i }, a) {
-	let { columnRef: o, transitionDuration: s, onPointerDown: l, onPointerMove: u, onPointerUp: d, stopInertialSliding: f, scrollToIndex: p } = F({
+//#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: m
+		onChange: h
 	});
-	function m(e) {
+	function h(e) {
 		e !== r && i(e);
 	}
-	function h(e = r, t) {
-		p(e, t);
+	function g(e = r, t) {
+		m(e, t);
 	}
-	function g(e) {
-		e !== r && h(e, "smooth");
+	function _(e) {
+		e !== r && g(e, "smooth");
 	}
-	return n(a, () => ({ scrollToSelected: h })), /* @__PURE__ */ (0, R.jsx)("div", {
+	return n(a, () => ({ scrollToSelected: g })), /* @__PURE__ */ s("div", {
 		role: "presentation",
-		"aria-label": "Picker column",
 		className: "chook-picker-column",
-		onTouchStart: l,
-		onTouchMove: u,
-		onTouchEnd: d,
-		onTouchCancel: d,
-		onMouseDown: l,
-		onMouseMove: u,
-		onMouseUp: d,
-		onMouseLeave: d,
+		onTouchStart: u,
+		onTouchMove: d,
+		onTouchEnd: f,
+		onTouchCancel: f,
+		onMouseDown: u,
+		onMouseMove: d,
+		onMouseUp: f,
+		onMouseLeave: f,
 		style: {
 			overflowY: "hidden",
 			touchAction: "none"
 		},
-		children: /* @__PURE__ */ (0, R.jsx)("ul", {
+		children: /* @__PURE__ */ s("ul", {
 			ref: o,
+			"aria-label": "Picker column",
 			style: {
 				overflowY: "hidden",
 				transform: "translate3d(0, calc(var(--offset-y) * 1px), 0)",
-				transitionDuration: `${s}ms`,
-				transitionProperty: s ? "all" : "none",
+				transitionDuration: `${c}ms`,
+				transitionProperty: c ? "all" : "none",
 				touchAction: "none"
 			},
-			onTransitionEnd: f,
-			children: e.map((e, n) => /* @__PURE__ */ (0, R.jsx)("div", {
+			onTransitionEnd: p,
+			children: e.map((e, n) => /* @__PURE__ */ s("div", {
 				tabIndex: 0,
 				role: "button",
 				"aria-label": "Select option",
 				className: "chook-picker-column-item",
-				onClick: () => g(n),
+				onClick: () => _(n),
 				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && g(n);
+					(e.key === "Enter" || e.key === " ") && _(n);
 				},
-				children: /* @__PURE__ */ (0, R.jsx)("p", {
+				children: /* @__PURE__ */ s("p", {
 					className: "chook-picker-column-label",
-					style: { transform: `rotate3d(1, 0, 0, calc((${n * 48} + var(--offset-y)) * ${c}deg)` },
+					style: { transform: `rotate3d(1, 0, 0, calc((${n * 48} + var(--offset-y)) * ${l}deg)` },
 					children: e?.[t.label]
 				})
 			}, e?.[t.value]))
 		})
 	});
 }
-var B = N(z);
-B.displayName = "Column";
+var R = P(L);
+R.displayName = "Column";
 //#endregion
 //#region src/react/components/picker-columns.tsx
-function V(e, t) {
-	let { loading: r, loadingSlot: a, columns: o, emptySlot: s, currentColumns: c, fields: l, selectedIndices: u, updateSelectedValueByIndex: d } = e, f = i([]);
-	function p(e, t) {
-		f.current[e]?.scrollToSelected(t);
+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: p })), r ? /* @__PURE__ */ (0, R.jsxs)(R.Fragment, { children: [/* @__PURE__ */ (0, R.jsx)("div", {
+	return n(t, () => ({ scrollColumnToSelected: g })), r ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
 		className: "chook-picker-loading",
 		children: a
-	}), /* @__PURE__ */ (0, R.jsx)("div", { className: "chook-picker-columns" })] }) : o.length ? /* @__PURE__ */ (0, R.jsxs)("div", {
+	}), /* @__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: [c.map((e, t) => /* @__PURE__ */ (0, R.jsx)(B, {
+		children: [d.map((e, t) => /* @__PURE__ */ s(R, {
 			ref: (e) => {
-				f.current[t] = e;
+				h.current[t] = e;
 			},
 			column: e,
-			fields: l,
-			selectedIndex: u[t],
-			onChange: (e) => d(t, e)
-		}, t)), /* @__PURE__ */ (0, R.jsx)("div", { className: "chook-picker-mask-backdrop" })]
-	}) : /* @__PURE__ */ (0, R.jsx)("div", {
+			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: s
+		children: u
 	});
 }
-var H = N(V);
-H.displayName = "Columns";
+var B = P(z);
+B.displayName = "Columns";
 //#endregion
 //#region src/react/components/picker.tsx
-function U({ values: e, columns: n, loading: o = !1, loadingSlot: s, emptySlot: c, columnsFieldNames: l, onChange: u }) {
-	let [d, f] = a(e ?? []), [v, y] = a([]), b = i(null), x = m(l), S = p(n, x), C = r(() => S === "single" ? [n] : S === "multiple" ? n : h(n, d, x), [
+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,
-		S,
-		d,
-		x
+		C,
+		f,
+		S
 	]);
-	function w(e, t) {
-		let n = C[e], r = n[t]?.[x.value];
-		if (r === d[e]) return;
-		let i = [...d];
-		if (i[e] = r, S === "cascade") {
-			let r = n[t], a = g(r, e, i, x);
-			f(a), u?.(a);
-		} else f(i), u?.(i);
-	}
-	function T(e) {
-		return e.some((e, t) => e !== d[t]);
+	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 || !T(e) || f([...e]);
+		e && E(e) && p([...e]);
 	}, [e]), t(() => {
-		let e = C.length, t = [], n = [...d], r = !1;
+		let e = w.length, t = [], n = [...f], r = !1;
 		for (let i = 0; i < e; i++) {
-			let e = C[i], a = d[i], o = _(e, a, x);
+			let e = w[i], a = f[i], o = v(e, a, S);
 			if (o === -1) {
-				let r = (v[i] ?? 0) >= e.length ? Math.max(e.length - 1, 0) : 0;
-				n[i] = e[r]?.[x.value], t[i] = r;
+				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] !== v[i] && (b.current?.scrollColumnToSelected(i, t[i]), r = !0);
+			t[i] !== y[i] && (x.current?.scrollColumnToSelected(i, t[i]), r = !0);
 		}
-		r && (f(n), y(t));
+		r && (p(n), b(t));
 	}, [
-		d,
-		C,
-		x
-	]), /* @__PURE__ */ (0, R.jsx)("div", {
+		f,
+		w,
+		S
+	]), /* @__PURE__ */ s("div", {
 		className: "chook-picker-container",
 		"aria-label": "Picker",
-		children: /* @__PURE__ */ (0, R.jsx)(H, {
-			ref: b,
+		children: /* @__PURE__ */ s(B, {
+			ref: x,
 			loading: o,
-			loadingSlot: s,
+			loadingSlot: c,
 			columns: n,
-			emptySlot: c,
-			currentColumns: C,
-			fields: x,
-			selectedIndices: v,
-			updateSelectedValueByIndex: w
+			emptySlot: l,
+			currentColumns: w,
+			fields: S,
+			selectedIndices: y,
+			updateSelectedValueByIndex: T
 		})
 	});
 }
 //#endregion
 //#region src/react/components/date-picker.tsx
-function W({ values: e, columnsType: i = u, minDate: o = new Date((/* @__PURE__ */ new Date()).getFullYear() - 10, 0, 1), maxDate: s = new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11, 31), formatYearLabel: c = O, formatMonthLabel: l = O, formatDayLabel: d = O, onChange: f }, p) {
-	let [m, h] = a([]), g = r(() => e ?? m, [e, m]), _ = r(() => {
+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: v,
-			month: y,
-			day: b
+			year: y,
+			month: b,
+			day: x
 		};
 		return i.map((t) => e[t]());
 	}, [
 		i,
 		o,
-		s,
-		g,
 		c,
+		_,
 		l,
-		d
+		u,
+		f
 	]);
-	function v() {
-		return x(o.getFullYear(), s.getFullYear(), c);
-	}
 	function y() {
-		let e = k("year");
-		return x(S(e, o) ? o.getMonth() + 1 : 1, C(e, s) ? s.getMonth() + 1 : 12, l);
+		return S(o.getFullYear(), c.getFullYear(), l);
 	}
 	function b() {
-		let e = k("year"), t = k("month"), n = S(e, o) && w(t, o), r = C(e, s) && T(t, s);
-		return x(n ? o.getDate() : 1, r ? s.getDate() : E(e, t), d);
+		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 k(e) {
-		let t = i.indexOf(e), n = g?.[t];
-		return n ? Number(n) : D(o, s, e);
+	function A(e) {
+		let t = i.indexOf(e), n = _?.[t];
+		return n ? Number(n) : O(o, c, e);
 	}
-	function A(t) {
-		e || h(t), f?.(t);
+	function j(t) {
+		e || g(t), p?.(t);
 	}
-	function j() {
-		A(i.map((e) => D(o, s, e)));
+	function M() {
+		j(i.map((e) => O(o, c, e)));
 	}
 	return t(() => {
-		(!e || !e.length) && j();
-	}, []), n(p, () => ({ setCurrentDate: j })), /* @__PURE__ */ (0, R.jsx)(U, {
-		values: g,
-		columns: _,
-		onChange: A
+		(!e || !e.length) && M();
+	}, []), n(m, () => ({ setCurrentDate: M })), /* @__PURE__ */ s(V, {
+		values: _,
+		columns: v,
+		onChange: j
 	});
 }
-var G = N(W);
-G.displayName = "DatePicker";
+var U = P(H);
+U.displayName = "DatePicker";
 //#endregion
 //#region src/react/components/time-picker.tsx
-function K({ values: e, columnsType: i = d, minTime: o, maxTime: s, formatHourLabel: c = j, formatMinuteLabel: l = j, formatSecondLabel: u = j, onChange: f }, p) {
-	let [m, h] = a([]), g = r(() => e ?? m, [e, m]), _ = r(() => A(o ?? "") ?? {
+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]), v = r(() => A(s ?? "") ?? {
+	}, [o]), y = r(() => j(c ?? "") ?? {
 		hour: 23,
 		minute: 59,
 		second: 59
-	}, [s]), y = {
-		hour: S,
-		minute: C,
-		second: w
-	}, b = i.map((e) => y[e]());
-	function S() {
-		return x(_.hour, v.hour, c);
-	}
+	}, [c]), b = {
+		hour: C,
+		minute: w,
+		second: T
+	}, x = i.map((e) => b[e]());
 	function C() {
-		let e = T("hour"), { hour: t, minute: n } = _, { hour: r, minute: i } = v;
-		return x(e === t ? n : 0, e === r ? i : 59, l);
+		return S(v.hour, y.hour, l);
 	}
 	function w() {
-		let e = T("hour"), t = T("minute"), { hour: n, minute: r, second: i } = _, { hour: a, minute: o, second: s } = v;
-		return x(e === n && t === r ? i : 0, e === a && t === o ? s : 59, u);
+		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 T(e) {
-		let t = i.indexOf(e), n = g?.[t];
-		return n === void 0 ? M(_, v, e) : Number(n);
+	function E(e) {
+		let t = i.indexOf(e), n = _?.[t];
+		return n === void 0 ? N(v, y, e) : Number(n);
 	}
-	function E(t) {
-		e || h(t), f?.(t);
+	function D(t) {
+		e || g(t), p?.(t);
 	}
-	function D() {
-		E(i.map((e) => M(_, v, e)));
+	function O() {
+		D(i.map((e) => N(v, y, e)));
 	}
 	return t(() => {
-		(!e || !e.length) && D();
-	}, []), n(p, () => ({ setCurrentTime: D })), /* @__PURE__ */ (0, R.jsx)(U, {
-		values: g,
-		columns: b,
-		onChange: E
+		(!e || !e.length) && O();
+	}, []), n(m, () => ({ setCurrentTime: O })), /* @__PURE__ */ s(V, {
+		values: _,
+		columns: x,
+		onChange: D
 	});
 }
-var q = N(K);
-q.displayName = "TimePicker";
+var G = P(W);
+G.displayName = "TimePicker";
 //#endregion
-export { G as DatePicker, U as Picker, q as TimePicker };
+export { U as DatePicker, V as Picker, G as TimePicker };