etudes 32.7.0 → 32.8.0

package/build/etudes.js

@@ -6580,9 +6580,12 @@ function An({ className: e, ref: t, style: n, children: r, ItemComponent: i, ite
 				break;
 			default: return;
 		}
-		A(x, t(x));
+		let n = x, r = t(x);
+		A(n, r);
 	}, D = (e) => {
-		C(e) && A(x, ((t) => t.filter((t) => t !== e))(x));
+		if (!C(e)) return;
+		let t = (t) => t.filter((t) => t !== e), n = x, r = t(x);
+		A(n, r);
 	}, k = (e) => {
 		h?.(e), p !== "none" && (m ? T(e) : E(e));
 	}, A = (e, t) => {
@@ -6724,12 +6727,15 @@ function Fn({ ref: e, style: t, children: n, expandedSectionIndices: r, HeaderCo
 				break;
 			default: return;
 		}
-		z(C, n(C));
+		let r = n(C);
+		z(C, r);
 	}, L = (e, t) => {
-		A(e, t) && z(C, ((n) => ({
+		if (!A(e, t)) return;
+		let n = ((n) => ({
 			...n,
 			[t]: (n[t] ?? []).filter((t) => t !== e)
-		}))(C));
+		}))(C);
+		z(C, n);
 	}, R = (e, t) => {
 		if ((0, kn.default)(e, t)) return;
 		let n = e?.filter((e) => t.indexOf(e) === -1) ?? [], r = t.filter((t) => e?.indexOf(t) === -1);
@@ -7058,8 +7064,8 @@ function $n({ dragSpeed: e, index: t, itemCount: n, orientation: r, shouldTrackE
 				}
 				F(), d.current = 0, r.gesture = "axis", r.startTranslation = ir(c.current, n.minTranslation, n.maxTranslation, Kn), r.startAxial = i, e.setPointerCapture(t.pointerId), C(!0);
 			}
-			let a = (i - r.startAxial) * n.dragSpeed;
-			c.current = rr(r.startTranslation + a, n.minTranslation, n.maxTranslation, Kn), N(), Math.abs(a) >= Gn && (r.didDrag = !0), g.current.add(i);
+			let a = (i - r.startAxial) * n.dragSpeed, o = r.startTranslation + a;
+			c.current = rr(o, n.minTranslation, n.maxTranslation, Kn), N(), Math.abs(a) >= Gn && (r.didDrag = !0), g.current.add(i);
 		}, r = (t) => {
 			if (_.current.activeId !== t.pointerId) return;
 			e.hasPointerCapture(t.pointerId) && e.releasePointerCapture(t.pointerId), _.current.activeId = void 0;
@@ -7231,7 +7237,9 @@ function ur({ ref: e, style: t, autoComplete: n = "one-time-code", autoFocus: r
 		e < 0 ? g.current[0]?.focus() : e >= s ? g.current[s - 1]?.focus() : g.current[e]?.focus();
 	}, b = (e) => (t) => {
 		let n = h[e], r = mr(t.target.value, n);
-		p(pr(h.slice(), r.split("").slice(0, s), e)), y(Math.min(e + r.length, s - 1));
+		p(pr(h.slice(), r.split("").slice(0, s), e));
+		let i = Math.min(e + r.length, s - 1);
+		y(i);
 	}, x = (e) => (t) => {
 		switch (t.key) {
 			case "ArrowLeft":
@@ -7251,7 +7259,9 @@ function ur({ ref: e, style: t, autoComplete: n = "one-time-code", autoFocus: r
 	}, S = (e) => (t) => {
 		t.preventDefault();
 		let n = t.clipboardData.getData("text").trim();
-		p(pr(h.slice(), n.split("").slice(0, s), e)), y(Math.min(e + n.length, s - 1));
+		p(pr(h.slice(), n.split("").slice(0, s), e));
+		let r = Math.min(e + n.length, s - 1);
+		y(r);
 	};
 	return l(() => {
 		if (!r) return;
@@ -7321,26 +7331,35 @@ function mr(e, t) {
 process.env.NODE_ENV === "development" && (ur.displayName = "CodeInput", ur.Field.displayName = "CodeInput.Field");
 //#endregion
 //#region src/primitives/TextField.tsx
-function hr({ className: e, ref: t, emptyValue: n = "", formatter: r, placeholder: i, type: a = "text", value: o, isDisabled: s = !1, isRequired: l = !1, onChange: u, onFocus: d, onUnfocus: f, ...p }) {
-	let m = c((e) => {
-		let t = (r?.(e) ?? e) || n;
-		u?.(t);
-	}, [u, r]);
-	return /* @__PURE__ */ (0, O.jsx)("input", {
-		...p,
+function hr({ className: e, ref: t, autoFocus: n = !1, emptyValue: r = "", placeholder: i, type: a = "text", value: o, isDisabled: s = !1, isRequired: u = !1, formatValue: d, onChange: p, onFocus: m, onUnfocus: h, ...g }) {
+	let _ = t ?? f(null), v = c((e) => {
+		let t = (d?.(e) ?? e) || r;
+		p?.(t);
+	}, [p, d]);
+	return l(() => {
+		if (!n) return;
+		let e = _.current;
+		if (!e) return;
+		let t = setTimeout(() => {
+			let t = e.value.length;
+			e.focus({ preventScroll: !0 }), e.setSelectionRange(t, t);
+		}, 0);
+		return () => clearTimeout(t);
+	}, [n]), /* @__PURE__ */ (0, O.jsx)("input", {
+		...g,
 		...s ? { "aria-disabled": !0 } : {},
 		className: w(e, { disabled: s }),
-		ref: t,
+		ref: _,
 		"aria-placeholder": i,
-		"aria-required": l,
+		"aria-required": u,
 		disabled: s,
 		placeholder: i,
-		required: l,
+		required: u,
 		type: a,
-		value: o || n,
-		onBlur: ({ target: e }) => f?.(e.value),
-		onChange: ({ target: e }) => m(e.value),
-		onFocus: ({ target: e }) => d?.(e.value)
+		value: o || r,
+		onBlur: ({ target: e }) => h?.(e.value),
+		onChange: ({ target: e }) => v(e.value),
+		onFocus: ({ target: e }) => m?.(e.value)
 	});
 }
 process.env.NODE_ENV === "development" && (hr.displayName = "TextField");
@@ -7364,7 +7383,9 @@ function gr({ ref: e, style: t, allowsInput: n = !0, children: r, max: i = NaN,
 		return isNaN(a) || (t = Math.max(a, t)), isNaN(i) || (t = Math.min(i, t)), t;
 	}, [v, y] = p(h(o)), b = dn(o), x = !isNaN(i) && o + 1 > i, S = !isNaN(a) && o - 1 < a;
 	l(() => {
-		b === void 0 || b === o || y(h(_(o)));
+		if (b === void 0 || b === o) return;
+		let e = _(o);
+		y(h(e));
 	}, [
 		o,
 		a,
@@ -8887,11 +8908,21 @@ function fi({ ref: e, children: t, threshold: n = .5, isEnabled: r = !0, onSwipe
 process.env.NODE_ENV === "development" && (fi.displayName = "SwipeRegion");
 //#endregion
 //#region src/primitives/TextArea.tsx
-function pi({ ref: e, onChange: t, ...n }) {
-	return /* @__PURE__ */ (0, O.jsx)("textarea", {
-		...n,
-		ref: e,
-		onChange: (e) => t(e.target.value)
+function pi({ ref: e, autoFocus: t = !1, onChange: n, ...r }) {
+	let i = e ?? f(null);
+	return l(() => {
+		if (!t) return;
+		let e = i.current;
+		if (!e) return;
+		let n = setTimeout(() => {
+			let t = e.value.length;
+			e.focus({ preventScroll: !0 }), e.setSelectionRange(t, t);
+		}, 0);
+		return () => clearTimeout(n);
+	}, [t]), /* @__PURE__ */ (0, O.jsx)("textarea", {
+		...r,
+		ref: i,
+		onChange: (e) => n(e.target.value)
 	});
 }
 process.env.NODE_ENV === "development" && (pi.displayName = "TextArea");