@ryuzaki13/react-foundation-ui 1.0.1 → 1.0.3

package/dist/switch/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/Switch-DHMnZVmN.js";
+import { t as e } from "../chunks/Switch-B57Qmy1z.js";
 export { e as Switch };

package/dist/switch/stories/Switch.stories.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../chunks/Switch-DHMnZVmN.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useState as r } from "react";
+import { t as e } from "../../chunks/Switch-B57Qmy1z.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/switch/stories/Switch.stories.tsx
 var i = {
 	title: "Shared/UI/Switch",
@@ -52,28 +52,28 @@ var i = {
 			control: "boolean"
 		}
 	}
-}, a = { render: (n) => {
-	let [i, a] = r(!1);
-	return /* @__PURE__ */ t(e, {
-		...n,
+}, a = { render: (r) => {
+	let [i, a] = t(!1);
+	return /* @__PURE__ */ n(e, {
+		...r,
 		value: i,
 		onChange: a,
 		triState: !1
 	});
 } }, o = {
 	render: (i) => {
-		let [a, o] = r(void 0);
-		return /* @__PURE__ */ n("div", {
+		let [a, o] = t(void 0);
+		return /* @__PURE__ */ r("div", {
 			style: {
 				display: "grid",
 				gap: 8
 			},
-			children: [/* @__PURE__ */ t(e, {
+			children: [/* @__PURE__ */ n(e, {
 				...i,
 				value: a,
 				onChange: o,
 				triState: !0
-			}), /* @__PURE__ */ n("div", { children: ["Текущее значение: ", String(a)] })]
+			}), /* @__PURE__ */ r("div", { children: ["Текущее значение: ", String(a)] })]
 		});
 	},
 	args: {

package/dist/table/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/table-CK-CM2zD.js";
+import { t as e } from "../chunks/table-Dc3AqMzP.js";
 export { e as Table };

package/dist/table-column-interactions/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/table-column-interactions-DPyJDD7P.js";
+import { n as e, t } from "../chunks/table-column-interactions-6RGjmiI5.js";
 export { e as TableColumnResizeHandle, t as TableHeaderInteractionCell };

package/dist/table-sorting/index.js

@@ -1,4 +1,4 @@
-import { n as e } from "../chunks/DropdownMenu-Ds-trH4M.js";
+import { n as e } from "../chunks/DropdownMenu-DQeR3y7M.js";
 import { BrushCleaningIcon as t, SortAscIcon as n, SortDescIcon as r } from "lucide-react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/table-sorting/TableSortingControls.tsx

package/dist/tabs/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../chunks/tabs-D5ikIIng.js";
+import { n as e, r as t, t as n } from "../chunks/tabs-DlnVVMJl.js";
 export { e as Tabs, t as TabsBox, n as TabsLayout };

package/dist/tabs/stories/Tabs.stories.js

@@ -1,7 +1,7 @@
-import { c as e } from "../../chunks/misc-Bj0y3ERC.js";
-import { n as t, r as n, t as r } from "../../chunks/tabs-D5ikIIng.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useState as o } from "react";
+import { c as e } from "../../chunks/misc-DoqZBMof.js";
+import { n as t, r as n, t as r } from "../../chunks/tabs-DlnVVMJl.js";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/tabs/stories/Tabs.stories.tsx
 var s = {
 	padding: 16,
@@ -11,7 +11,7 @@ var s = {
 	{
 		id: "profile",
 		title: "Профиль",
-		content: /* @__PURE__ */ i("div", {
+		content: /* @__PURE__ */ a("div", {
 			style: s,
 			children: "Карточка пользователя и основные поля профиля."
 		})
@@ -19,7 +19,7 @@ var s = {
 	{
 		id: "settings",
 		title: "Настройки",
-		content: /* @__PURE__ */ i("div", {
+		content: /* @__PURE__ */ a("div", {
 			style: s,
 			children: "Параметры интерфейса, уведомлений и доступа."
 		})
@@ -27,20 +27,20 @@ var s = {
 	{
 		id: "history",
 		title: "История",
-		content: /* @__PURE__ */ i("div", {
+		content: /* @__PURE__ */ a("div", {
 			style: s,
 			children: "Последние действия, комментарии и изменения."
 		})
 	}
 ];
 function l({ label: e }) {
-	let [t, n] = o(0);
-	return /* @__PURE__ */ a("div", {
+	let [t, n] = i(0);
+	return /* @__PURE__ */ o("div", {
 		style: s,
 		children: [
-			/* @__PURE__ */ a("div", { children: ["Панель: ", e] }),
-			/* @__PURE__ */ a("div", { children: ["Локальный счётчик: ", t] }),
-			/* @__PURE__ */ i("button", {
+			/* @__PURE__ */ o("div", { children: ["Панель: ", e] }),
+			/* @__PURE__ */ o("div", { children: ["Локальный счётчик: ", t] }),
+			/* @__PURE__ */ a("button", {
 				type: "button",
 				onClick: () => n((e) => e + 1),
 				children: "Увеличить"
@@ -52,23 +52,23 @@ var u = [
 	{
 		id: "first",
 		title: "Первая",
-		content: /* @__PURE__ */ i(l, { label: "Первая" })
+		content: /* @__PURE__ */ a(l, { label: "Первая" })
 	},
 	{
 		id: "second",
 		title: "Вторая",
-		content: /* @__PURE__ */ i(l, { label: "Вторая" })
+		content: /* @__PURE__ */ a(l, { label: "Вторая" })
 	},
 	{
 		id: "third",
 		title: "Третья",
-		content: /* @__PURE__ */ i(l, { label: "Третья" })
+		content: /* @__PURE__ */ a(l, { label: "Третья" })
 	}
 ], d = [
 	{
 		id: "overview",
 		title: "Обзор",
-		content: /* @__PURE__ */ i("div", {
+		content: /* @__PURE__ */ a("div", {
 			style: s,
 			children: "Раздел доступен сразу."
 		})
@@ -77,7 +77,7 @@ var u = [
 		id: "analytics",
 		title: "Аналитика",
 		disabled: !0,
-		content: /* @__PURE__ */ i("div", {
+		content: /* @__PURE__ */ a("div", {
 			style: s,
 			children: "Пока недоступно."
 		})
@@ -85,61 +85,61 @@ var u = [
 	{
 		id: "history",
 		title: "История",
-		content: /* @__PURE__ */ i("div", {
+		content: /* @__PURE__ */ a("div", {
 			style: s,
 			children: "История изменений и действий."
 		})
 	}
 ], f = Array.from({ length: 12 }, (e, t) => `Элемент ${t + 1}`);
 function p() {
-	let [t, n] = o("details");
-	return /* @__PURE__ */ i("div", {
+	let [t, n] = i("details");
+	return /* @__PURE__ */ a("div", {
 		style: { height: 360 },
-		children: /* @__PURE__ */ a(r, {
+		children: /* @__PURE__ */ o(r, {
 			value: t,
 			onValueChange: n,
 			bordered: !0,
 			"aria-label": "Составные панели документа",
-			children: [/* @__PURE__ */ a(r.Tab, {
+			children: [/* @__PURE__ */ o(r.Tab, {
 				id: "details",
 				title: "Детали",
 				children: [
-					/* @__PURE__ */ i(r.Toolbar, { children: /* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a(r.Toolbar, { children: /* @__PURE__ */ a("div", {
 						className: "surface0 border radiusSm paddingSm",
 						children: "Панель инструментов вне scroll-области."
 					}) }),
-					/* @__PURE__ */ i(r.Content, { children: /* @__PURE__ */ a("div", {
+					/* @__PURE__ */ a(r.Content, { children: /* @__PURE__ */ o("div", {
 						style: {
 							display: "grid",
 							gridTemplateColumns: "1fr 1fr",
 							gap: 12,
 							height: "100%"
 						},
-						children: [/* @__PURE__ */ i(e, {
+						children: [/* @__PURE__ */ a(e, {
 							className: "surface0 border radiusSm paddingSm h100",
-							children: f.map((e) => /* @__PURE__ */ a("div", {
+							children: f.map((e) => /* @__PURE__ */ o("div", {
 								className: "paddingBlockXs",
 								children: ["Левая колонка: ", e]
 							}, `left-${e}`))
-						}), /* @__PURE__ */ i(e, {
+						}), /* @__PURE__ */ a(e, {
 							className: "surface0 border radiusSm paddingSm h100",
-							children: f.map((e) => /* @__PURE__ */ a("div", {
+							children: f.map((e) => /* @__PURE__ */ o("div", {
 								className: "paddingBlockXs",
 								children: ["Правая колонка: ", e]
 							}, `right-${e}`))
 						})]
 					}) }),
-					/* @__PURE__ */ i(r.Footer, { children: /* @__PURE__ */ i("div", {
+					/* @__PURE__ */ a(r.Footer, { children: /* @__PURE__ */ a("div", {
 						className: "surface0 border radiusSm paddingSm",
 						children: "Футер тоже исключён из scroll-контента."
 					}) })
 				]
-			}), /* @__PURE__ */ i(r.Tab, {
+			}), /* @__PURE__ */ a(r.Tab, {
 				id: "history",
 				title: "История",
-				children: /* @__PURE__ */ i(r.Content, { children: /* @__PURE__ */ i(e, {
+				children: /* @__PURE__ */ a(r.Content, { children: /* @__PURE__ */ a(e, {
 					className: "surface0 border radiusSm paddingSm h100",
-					children: f.map((e) => /* @__PURE__ */ a("div", {
+					children: f.map((e) => /* @__PURE__ */ o("div", {
 						className: "paddingBlockXs",
 						children: ["История изменения: ", e]
 					}, `history-${e}`))
@@ -233,8 +233,8 @@ var m = {
 	}
 }, h = { args: { "aria-label": "Основные разделы профиля" } }, g = {
 	render: (e) => {
-		let [t, r] = o("settings");
-		return /* @__PURE__ */ i(n, {
+		let [t, r] = i("settings");
+		return /* @__PURE__ */ a(n, {
 			...e,
 			value: t,
 			onValueChange: r
@@ -245,9 +245,9 @@ var m = {
 		"aria-label": "Управляемые вкладки"
 	}
 }, _ = {
-	render: (e) => /* @__PURE__ */ i("div", {
+	render: (e) => /* @__PURE__ */ a("div", {
 		style: { height: 320 },
-		children: /* @__PURE__ */ i(n, { ...e })
+		children: /* @__PURE__ */ a(n, { ...e })
 	}),
 	args: {
 		orientation: "vertical",
@@ -255,7 +255,7 @@ var m = {
 		"aria-label": "Вертикальные вкладки"
 	}
 }, v = {
-	render: (e) => /* @__PURE__ */ i(n, {
+	render: (e) => /* @__PURE__ */ a(n, {
 		...e,
 		items: u
 	}),
@@ -266,8 +266,8 @@ var m = {
 }, y = { args: {
 	items: d,
 	"aria-label": "Вкладки с недоступным разделом"
-} }, b = { render: () => /* @__PURE__ */ i(p, {}) }, x = {
-	render: (e) => /* @__PURE__ */ i(t, {
+} }, b = { render: () => /* @__PURE__ */ a(p, {}) }, x = {
+	render: (e) => /* @__PURE__ */ a(t, {
 		...e,
 		items: c,
 		"aria-label": "Устаревший совместимый API"

package/dist/text/index.js

@@ -1,10 +1,10 @@
-import { n as e } from "../chunks/popover-C79P5bm2.js";
-import { cn as t } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as n } from "react/jsx-runtime";
-import { useMemo as r } from "react";
-import { normalizeTextWithFallback as i } from "@ryuzaki13/react-foundation-lib/formatters";
+import { n as e } from "../chunks/popover-xJJqy1v6.js";
+import { useMemo as t } from "react";
+import { cn as n } from "@ryuzaki13/react-foundation-lib/utils";
+import { normalizeTextWithFallback as r } from "@ryuzaki13/react-foundation-lib/formatters";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/text/HighlightText.tsx
-var a = ({ text: e, highlight: t }) => t ? e.split(RegExp(`(${t})`, "gi")).map((e, r) => e.toLowerCase() === t.toLowerCase() ? /* @__PURE__ */ n("mark", { children: e }, r) : e) : e, o = {
+var a = ({ text: e, highlight: t }) => t ? e.split(RegExp(`(${t})`, "gi")).map((e, n) => e.toLowerCase() === t.toLowerCase() ? /* @__PURE__ */ i("mark", { children: e }, n) : e) : e, o = {
 	primary: "content0",
 	secondary: "content1",
 	muted: "content2",
@@ -28,30 +28,30 @@ var a = ({ text: e, highlight: t }) => t ? e.split(RegExp(`(${t})`, "gi")).map((
 }, l = {
 	wrap: "textWrap",
 	noWrap: "textNoWrap"
-}, u = ({ size: e, color: n, weight: i, italic: a, uppercase: u, wrap: d, className: f }) => r(() => {
-	let r = [];
-	return e && r.push(s[e]), i && r.push(c[i]), d && r.push(l[d]), a && r.push("fontItalic"), u && r.push("textUppercase"), n && r.push(o[n]), t(...r, f);
+}, u = ({ size: e, color: r, weight: i, italic: a, uppercase: u, wrap: d, className: f }) => t(() => {
+	let t = [];
+	return e && t.push(s[e]), i && t.push(c[i]), d && t.push(l[d]), a && t.push("fontItalic"), u && t.push("textUppercase"), r && t.push(o[r]), n(...t, f);
 }, [
 	e,
 	i,
-	n,
+	r,
 	a,
 	u,
 	d,
 	f
-]), d = ({ children: e, as: t, style: r, ...i }) => {
-	let a = u(i);
-	return /* @__PURE__ */ n(t || "span", {
+]), d = ({ children: e, as: t, style: n, ...r }) => {
+	let a = u(r);
+	return /* @__PURE__ */ i(t || "span", {
 		className: a,
-		style: r,
+		style: n,
 		children: e
 	});
 };
 //#endregion
 //#region src/text/TextOverflow.tsx
-function f({ maxChar: t, placement: r = "left", closeDelay: a = 0, maxWidth: o, children: s, block: c, state: l, textWrap: u, textWrapProps: d }) {
-	let f = i(s);
-	if (!f.length || t && f.length < t) return /* @__PURE__ */ n("span", { children: f });
+function f({ maxChar: t, placement: n = "left", closeDelay: a = 0, maxWidth: o, children: s, block: c, state: l, textWrap: u, textWrapProps: d }) {
+	let f = r(s);
+	if (!f.length || t && f.length < t) return /* @__PURE__ */ i("span", { children: f });
 	let p = u ?? "div", m = {
 		style: {
 			display: c ? "block" : "inline-block",
@@ -59,14 +59,14 @@ function f({ maxChar: t, placement: r = "left", closeDelay: a = 0, maxWidth: o,
 		},
 		className: "textOverflow"
 	};
-	return /* @__PURE__ */ n(e, {
+	return /* @__PURE__ */ i(e, {
 		state: l,
-		placement: r,
+		placement: n,
 		openOnHover: !0,
 		content: f,
 		closeDelay: a,
 		maxWidth: o,
-		children: /* @__PURE__ */ n(p, {
+		children: /* @__PURE__ */ i(p, {
 			...d,
 			...m,
 			style: {

package/dist/text-editor/index.js

@@ -1,10 +1,10 @@
-import { m as e } from "../chunks/misc-Bj0y3ERC.js";
+import { m as e } from "../chunks/misc-DoqZBMof.js";
 import { t } from "../chunks/editorModel-DCJRgzlr.js";
-import { i as n, r } from "../chunks/toolbar-C-Ziw_Uh.js";
+import { i as n, r } from "../chunks/toolbar-BCZNdRXM.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/text-editor/TextEditorLexical.tsx
 function a() {
-	return import("../chunks/TextEditorLexicalClient-Dt4eaPA3.js").then((e) => ({ TextEditorLexicalClient: e.TextEditorLexicalClient }));
+	return import("../chunks/TextEditorLexicalClient-CovUSRag.js").then((e) => ({ TextEditorLexicalClient: e.TextEditorLexicalClient }));
 }
 function o(t) {
 	return /* @__PURE__ */ i(e, {

package/dist/text-editor/toolbar/index.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "../../chunks/toolbar-C-Ziw_Uh.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "../../chunks/toolbar-BCZNdRXM.js";
 export { r as ActionControls, n as AlignmentControls, f as HistoryControls, o as LinkButtons, l as LinkTypes, i as TagTypes, e as TextEditorBlockControls, s as TextEditorInlineControls, u as TextEditorStyleClasses, d as TextEditorToolbarLexical, c as ToolbarControl, t as getElementFromElementStyle, a as getTagFromElementStyle };

package/dist/textarea/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/Textarea-DOVrPH4I.js";
+import { t as e } from "../chunks/Textarea-C9UdUueF.js";
 export { e as Textarea };

package/dist/textarea/stories/Textarea.stories.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../chunks/Textarea-DOVrPH4I.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useState as n } from "react";
+import { t as e } from "../../chunks/Textarea-C9UdUueF.js";
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/textarea/stories/Textarea.stories.tsx
 var r = {
 	title: "Shared/UI/Textarea",
@@ -63,8 +63,8 @@ var r = {
 		onChange: () => void 0
 	},
 	render: (r) => {
-		let [i, a] = n("Первичный комментарий");
-		return /* @__PURE__ */ t(e, {
+		let [i, a] = t("Первичный комментарий");
+		return /* @__PURE__ */ n(e, {
 			...r,
 			value: i,
 			onChange: a
@@ -77,8 +77,8 @@ var r = {
 		onChange: () => void 0
 	},
 	render: (r) => {
-		let [i, a] = n("Шаблонный текст для редактирования.");
-		return /* @__PURE__ */ t(e, {
+		let [i, a] = t("Шаблонный текст для редактирования.");
+		return /* @__PURE__ */ n(e, {
 			...r,
 			value: i,
 			onChange: a
@@ -90,7 +90,7 @@ var r = {
 		value: "Редактирование недоступно.",
 		onChange: () => void 0
 	},
-	render: (n) => /* @__PURE__ */ t(e, { ...n })
+	render: (t) => /* @__PURE__ */ n(e, { ...t })
 };
 //#endregion
 export { i as Controlled, o as Disabled, a as WithValue, r as default };

package/dist/three-scene/index.js

@@ -1,8 +1,8 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Component as t, useEffect as n } from "react";
+import { Component as e, useEffect as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 import { disableThreeSceneForSession as r, threeSceneDefaultDisabledStorageKey as i, useThreeSceneAvailability as a } from "@ryuzaki13/react-foundation-lib/three-scene";
 //#region src/three-scene/ThreeSceneErrorBoundary.tsx
-var o = class extends t {
+var o = class extends e {
 	state = { hasError: !1 };
 	static getDerivedStateFromError() {
 		return { hasError: !0 };
@@ -16,20 +16,20 @@ var o = class extends t {
 };
 //#endregion
 //#region src/three-scene/ThreeSceneGuard.tsx
-function s({ children: t, fallback: s, disabledStorageKey: c = i, disableWhenReducedMotion: l, webGLVersion: u, onError: d, onAvailabilityChange: f }) {
+function s({ children: e, fallback: s, disabledStorageKey: c = i, disableWhenReducedMotion: l, webGLVersion: u, onError: d, onAvailabilityChange: f }) {
 	let p = a({
 		disabledStorageKey: c,
 		disableWhenReducedMotion: l,
 		webGLVersion: u
 	});
-	return n(() => {
+	return t(() => {
 		f?.(p);
-	}, [p, f]), p.status === "available" ? /* @__PURE__ */ e(o, {
+	}, [p, f]), p.status === "available" ? /* @__PURE__ */ n(o, {
 		fallback: s,
 		onError: (e, t) => {
 			r(c), d?.(e, t);
 		},
-		children: t
+		children: e
 	}) : s;
 }
 //#endregion

package/dist/toggle/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/Toggle-C_fE-bkM.js";
+import { t as e } from "../chunks/Toggle-DVqOQXmt.js";
 export { e as Toggle };

package/dist/toggle/stories/Toggle.stories.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../chunks/Toggle-C_fE-bkM.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useState as n } from "react";
+import { t as e } from "../../chunks/Toggle-DVqOQXmt.js";
+import { useState as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/toggle/stories/Toggle.stories.tsx
 var r = {
 	title: "Shared/UI/Toggle",
@@ -62,8 +62,8 @@ var r = {
 	}
 }, i = {
 	render: (r) => {
-		let [i, a] = n(r.value ?? !1);
-		return /* @__PURE__ */ t(e, {
+		let [i, a] = t(r.value ?? !1);
+		return /* @__PURE__ */ n(e, {
 			...r,
 			value: i,
 			onChange: a
@@ -79,8 +79,8 @@ var r = {
 	}
 }, a = {
 	render: (r) => {
-		let [i, a] = n(r.value ?? !0);
-		return /* @__PURE__ */ t(e, {
+		let [i, a] = t(r.value ?? !0);
+		return /* @__PURE__ */ n(e, {
 			...r,
 			value: i,
 			onChange: a

package/dist/toolbar/index.js

@@ -1,16 +1,16 @@
-import { t as e } from "../chunks/Flex-DbBdq336.js";
+import { t as e } from "../chunks/Flex-DUYSL5TE.js";
 import { FlexSpacer as t } from "../flex/index.js";
 import { t as n } from "../chunks/Grid-ByIIytjh.js";
-import { childrenCount as r } from "@ryuzaki13/react-foundation-lib/utils";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Children as s } from "react";
+import { Children as r } from "react";
+import { childrenCount as i } from "@ryuzaki13/react-foundation-lib/utils";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/toolbar/Toolbar.tsx
-var c = ({ children: e }) => /* @__PURE__ */ a(i, { children: e });
+var c = ({ children: e }) => /* @__PURE__ */ o(a, { children: e });
 c.displayName = "Toolbar.Start";
-var l = ({ children: e }) => /* @__PURE__ */ a(i, { children: e });
+var l = ({ children: e }) => /* @__PURE__ */ o(a, { children: e });
 l.displayName = "Toolbar.End";
-function u({ children: i, className: u }) {
-	let d = null, f = null, p = s.toArray(i);
+function u({ children: a, className: u }) {
+	let d = null, f = null, p = r.toArray(a);
 	for (let e of p) switch (e.type.displayName) {
 		case c.displayName:
 			if (d) throw Error("Toolbar: duplicate <ToolbarStart> found");
@@ -21,26 +21,26 @@ function u({ children: i, className: u }) {
 			f = e.props.children;
 			break;
 	}
-	return /* @__PURE__ */ o(e.Container, {
+	return /* @__PURE__ */ s(e.Container, {
 		wrap: !0,
 		align: "center",
 		gap: "md",
 		className: u,
 		children: [
-			d && /* @__PURE__ */ a(e.Item, {
+			d && /* @__PURE__ */ o(e.Item, {
 				flex0: !0,
-				children: /* @__PURE__ */ a(n.Container, {
-					templateColumns: `repeat(${r(d)}, calc(15em + var(--width-add)))`,
+				children: /* @__PURE__ */ o(n.Container, {
+					templateColumns: `repeat(${i(d)}, calc(15em + var(--width-add)))`,
 					align: "end",
 					gap: "sm",
 					children: d
 				})
 			}),
-			/* @__PURE__ */ a(t, {}),
-			f && /* @__PURE__ */ a(e.Item, {
+			/* @__PURE__ */ o(t, {}),
+			f && /* @__PURE__ */ o(e.Item, {
 				flex0: !0,
-				children: /* @__PURE__ */ a(n.Container, {
-					templateColumns: `repeat(${r(f)}, calc(15em + var(--width-add)))`,
+				children: /* @__PURE__ */ o(n.Container, {
+					templateColumns: `repeat(${i(f)}, calc(15em + var(--width-add)))`,
 					align: "end",
 					gap: "sm",
 					children: f