@toteat-eng/ds-react 2026.6.11 → 2026.6.18

package/dist/index.es.js

@@ -3023,52 +3023,61 @@ function Yi({ variant: e = "default", children: t, "data-testid": n }) {
 	});
 }
 var Xi = {
-	tabs: "_tabs_zujvo_2",
-	tabList: "_tabList_zujvo_8",
-	tab: "_tab_zujvo_2",
-	panel: "_panel_zujvo_58"
+	tabs: "_tabs_16jix_2",
+	tabList: "_tabList_16jix_8",
+	tab: "_tab_16jix_2",
+	panel: "_panel_16jix_66"
 };
 //#endregion
 //#region src/components/Tabs/Tabs.tsx
-function Zi({ items: e, defaultTab: t, activeTab: n, "aria-label": r, onChange: i, "data-testid": a }) {
-	let [o, s] = l(t ?? e[0]?.id ?? ""), u = n !== void 0, p = u ? n : o, m = c(/* @__PURE__ */ new Map()), h = c(u);
-	process.env.NODE_ENV !== "production" && h.current !== u && console.error("Tabs: `activeTab` prop changed from %s to %s. A component cannot switch between controlled and uncontrolled modes.", h.current ? "controlled" : "uncontrolled", u ? "controlled" : "uncontrolled");
-	let g = (e) => {
-		u || s(e), i?.(e);
-	}, _ = (t, n) => {
+function Zi({ items: e, defaultTab: t, activeTab: n, "aria-label": r, onChange: a, "data-testid": o }) {
+	let [s, u] = l(t ?? e[0]?.id ?? ""), p = n !== void 0, m = p ? n : s, h = c(/* @__PURE__ */ new Map()), g = c(p), _ = c(!1);
+	process.env.NODE_ENV !== "production" && g.current !== p && console.error("Tabs: `activeTab` prop changed from %s to %s. A component cannot switch between controlled and uncontrolled modes.", g.current ? "controlled" : "uncontrolled", p ? "controlled" : "uncontrolled");
+	let v = (e) => {
+		p || u(e), a?.(e);
+	}, y = (t, n) => {
 		let r = e.filter((e) => !e.disabled).map((e) => e.id), i = r.indexOf(e[n]?.id ?? ""), a;
-		t.key === "ArrowRight" ? (t.preventDefault(), a = r[(i + 1) % r.length]) : t.key === "ArrowLeft" ? (t.preventDefault(), a = r[(i - 1 + r.length) % r.length]) : t.key === "Home" ? (t.preventDefault(), a = r[0]) : t.key === "End" && (t.preventDefault(), a = r[r.length - 1]), a && (g(a), m.current.get(a)?.focus());
-	}, v = e.find((e) => e.id === p)?.content;
-	return /* @__PURE__ */ f("div", {
+		t.key === "ArrowRight" ? (t.preventDefault(), a = r[(i + 1) % r.length]) : t.key === "ArrowLeft" ? (t.preventDefault(), a = r[(i - 1 + r.length) % r.length]) : t.key === "Home" ? (t.preventDefault(), a = r[0]) : t.key === "End" && (t.preventDefault(), a = r[r.length - 1]), a && (v(a), h.current.get(a)?.focus());
+	}, b = e.find((e) => e.id === m)?.content;
+	return i(() => {
+		if (!_.current) {
+			_.current = !0;
+			return;
+		}
+		h.current.get(m)?.scrollIntoView({
+			inline: "nearest",
+			block: "nearest"
+		});
+	}, [m]), /* @__PURE__ */ f("div", {
 		className: Xi.tabs,
-		"data-testid": a,
+		"data-testid": o,
 		children: [/* @__PURE__ */ d("div", {
 			className: Xi.tabList,
 			role: "tablist",
 			"aria-label": r,
 			children: e.map((e, t) => /* @__PURE__ */ d("button", {
 				ref: (t) => {
-					t ? m.current.set(e.id, t) : m.current.delete(e.id);
+					t ? h.current.set(e.id, t) : h.current.delete(e.id);
 				},
 				type: "button",
 				role: "tab",
-				"aria-selected": e.id === p,
-				"aria-controls": v == null ? void 0 : `panel-${p}`,
+				"aria-selected": e.id === m,
+				"aria-controls": b == null ? void 0 : `panel-${m}`,
 				id: `tab-${e.id}`,
 				className: Xi.tab,
-				"data-active": e.id === p || void 0,
+				"data-active": e.id === m || void 0,
 				disabled: e.disabled,
-				tabIndex: e.id === p ? 0 : -1,
-				onClick: () => !e.disabled && g(e.id),
-				onKeyDown: (e) => _(e, t),
+				tabIndex: e.id === m ? 0 : -1,
+				onClick: () => !e.disabled && v(e.id),
+				onKeyDown: (e) => y(e, t),
 				children: e.label
 			}, e.id))
-		}), v != null && /* @__PURE__ */ d("div", {
+		}), b != null && /* @__PURE__ */ d("div", {
 			role: "tabpanel",
-			id: `panel-${p}`,
-			"aria-labelledby": `tab-${p}`,
+			id: `panel-${m}`,
+			"aria-labelledby": `tab-${m}`,
 			className: Xi.panel,
-			children: v
+			children: b
 		})]
 	});
 }