@ryuzaki13/react-foundation-ui 3.4.2 → 3.5.0

package/dist/tabs/index.js

@@ -1,9 +1,9 @@
 import { t as e } from "../chunks/ui.module-oRwY3Zli.js";
 import { n as t } from "../chunks/uiClasses-CQj47jkF.js";
-import { d as n, h as r, l as i } from "../chunks/misc-DeGboAt-.js";
-import { Children as a, isValidElement as o, useId as s, useMemo as c, useRef as l, useState as u } from "react";
-import { cn as d, getRovingFocusTargetIndex as f } from "@ryuzaki13/react-foundation-lib/utils";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { d as n, h as r, l as i } from "../chunks/misc-CGQOXXCy.js";
+import { cn as a, getRovingFocusTargetIndex as o } from "@ryuzaki13/react-foundation-lib/utils";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Children as u, isValidElement as d, useId as f, useMemo as p, useRef as m, useState as h } from "react";
 //#region src/tabs/lib/tabs.ts
 function g(e) {
 	return e.find((e) => !e.disabled)?.id ?? null;
@@ -19,8 +19,8 @@ function y({ mountStrategy: e, isSelected: t, isVisited: n }) {
 }
 //#endregion
 //#region src/tabs/model/useTabsState.ts
-function b({ items: e, value: t, defaultValue: n, onValueChange: r, orientation: i = "horizontal", activationMode: a = "automatic", loop: o = !0 }) {
-	let d = t !== void 0, p = c(() => v(e), [e]), m = p[0]?.id ?? null, [h, g] = u(() => _(e, n)), [y, b] = u(() => _(e, t ?? n)), x = _(e, t ?? n), [S, C] = u(() => x ? /* @__PURE__ */ new Set([x]) : /* @__PURE__ */ new Set()), w = s(), T = l({}), E = _(e, d ? t : h), D = _(e, y) ?? E ?? m, O = c(() => {
+function b({ items: e, value: t, defaultValue: n, onValueChange: r, orientation: i = "horizontal", activationMode: a = "automatic", loop: s = !0 }) {
+	let c = t !== void 0, l = p(() => v(e), [e]), u = l[0]?.id ?? null, [d, g] = h(() => _(e, n)), [y, b] = h(() => _(e, t ?? n)), x = _(e, t ?? n), [S, C] = h(() => x ? /* @__PURE__ */ new Set([x]) : /* @__PURE__ */ new Set()), w = f(), T = m({}), E = _(e, c ? t : d), D = _(e, y) ?? E ?? u, O = p(() => {
 		if (!E || S.has(E)) return S;
 		let e = new Set(S);
 		return e.add(E), e;
@@ -30,25 +30,25 @@ function b({ items: e, value: t, defaultValue: n, onValueChange: r, orientation:
 			if (e.has(n)) return e;
 			let t = new Set(e);
 			return t.add(n), t;
-		}), d || g(n), r?.(n));
+		}), c || g(n), r?.(n));
 	}, A = (e) => {
 		T.current[e]?.focus();
 	}, j = (e) => {
-		if (p.length < 2) return;
-		let t = Math.max(0, p.findIndex((e) => e.id === (D ?? E ?? m))), n = f({
+		if (l.length < 2) return;
+		let t = Math.max(0, l.findIndex((e) => e.id === (D ?? E ?? u))), n = o({
 			currentIndex: t,
-			itemCount: p.length,
+			itemCount: l.length,
 			key: e.key,
 			orientation: i,
-			wrap: o
+			wrap: s
 		});
 		if (n === null) return;
 		e.preventDefault();
-		let r = p[n]?.id;
+		let r = l[n]?.id;
 		r && (b(r), A(r), a === "automatic" && k(r));
 	}, M = (e) => {
 		let t = e.relatedTarget;
-		t instanceof Node && e.currentTarget.contains(t) || b(E ?? m);
+		t instanceof Node && e.currentTarget.contains(t) || b(E ?? u);
 	}, N = (e) => `${w}-tab-${e}`, P = (e) => `${w}-panel-${e}`;
 	return {
 		activationMode: a,
@@ -99,28 +99,28 @@ var x = {
 };
 //#endregion
 //#region src/tabs/ui/TabsLoadingState.tsx
-function S({ containerClassName: e, tabListClassName: t, panelsClassName: n, panelClassName: i, panelBodyClassName: a, loadingText: o }) {
-	return /* @__PURE__ */ h("div", {
+function S({ containerClassName: e, tabListClassName: t, panelsClassName: n, panelClassName: i, panelBodyClassName: o, loadingText: s }) {
+	return /* @__PURE__ */ l("div", {
 		className: e,
-		children: [/* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ c("div", {
 			className: t,
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ m("button", {
+			children: /* @__PURE__ */ c("button", {
 				type: "button",
 				disabled: !0,
 				"data-disabled": "",
-				className: d(x.tab, "skeletonLine"),
+				className: a(x.tab, "skeletonLine"),
 				children: "Загрузка..."
 			})
-		}), /* @__PURE__ */ m("div", {
+		}), /* @__PURE__ */ c("div", {
 			className: n,
 			"aria-busy": "true",
-			children: /* @__PURE__ */ m("div", {
+			children: /* @__PURE__ */ c("div", {
 				className: i,
-				children: /* @__PURE__ */ m("div", {
-					className: a,
-					children: /* @__PURE__ */ m(r, {
-						text: o,
+				children: /* @__PURE__ */ c("div", {
+					className: o,
+					children: /* @__PURE__ */ c(r, {
+						text: s,
 						className: "radiusSm"
 					})
 				})
@@ -131,15 +131,15 @@ function S({ containerClassName: e, tabListClassName: t, panelsClassName: n, pan
 //#endregion
 //#region src/tabs/ui/TabsNoDataState.tsx
 function C({ containerClassName: e, panelsClassName: t, panelClassName: r, panelBodyClassName: i }) {
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ c("div", {
 		className: e,
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ c("div", {
 			className: t,
-			children: /* @__PURE__ */ m("div", {
+			children: /* @__PURE__ */ c("div", {
 				className: r,
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ c("div", {
 					className: i,
-					children: /* @__PURE__ */ m(n, { className: "radiusSm" })
+					children: /* @__PURE__ */ c(n, { className: "radiusSm" })
 				})
 			})
 		})
@@ -148,7 +148,7 @@ function C({ containerClassName: e, panelsClassName: t, panelClassName: r, panel
 //#endregion
 //#region src/tabs/ui/TabsPanel.tsx
 function w({ tabId: e, isSelected: t, className: n, getTabElementId: r, getPanelElementId: i, children: a }) {
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ c("div", {
 		role: "tabpanel",
 		id: i(e),
 		"aria-labelledby": r(e),
@@ -159,73 +159,73 @@ function w({ tabId: e, isSelected: t, className: n, getTabElementId: r, getPanel
 }
 //#endregion
 //#region src/tabs/ui/TabsTabList.tsx
-function T({ items: e, state: t, className: n, ariaLabel: r, ariaLabelledBy: a }) {
-	return /* @__PURE__ */ m("div", {
+function T({ items: e, state: t, className: n, ariaLabel: r, ariaLabelledBy: o }) {
+	return /* @__PURE__ */ c("div", {
 		className: n,
 		role: "tablist",
 		"aria-orientation": t.orientation,
 		"aria-label": r,
-		"aria-labelledby": a,
+		"aria-labelledby": o,
 		onKeyDown: t.onTabListKeyDown,
 		onBlur: t.onTabListBlur,
-		children: ((e) => t.orientation === "horizontal" ? /* @__PURE__ */ m(i, { children: e }) : /* @__PURE__ */ m(p, { children: e }))(e.map((e) => /* @__PURE__ */ m("button", {
+		children: ((e) => t.orientation === "horizontal" ? /* @__PURE__ */ c(i, { children: e }) : /* @__PURE__ */ c(s, { children: e }))(e.map((e) => /* @__PURE__ */ c("button", {
 			...t.getTabButtonProps(e),
 			"data-ui": "tabs-tab",
 			"data-action": "select-tab",
-			className: d(x.tab, "textWrap", e.id === t.selectedTabId && x.selected),
+			className: a(x.tab, "textWrap", e.id === t.selectedTabId && x.selected),
 			children: e.title
 		}, e.id)))
 	});
 }
 //#endregion
 //#region src/tabs/ui/TabsBox.tsx
-function E({ items: n, value: r, defaultValue: i, onValueChange: a, className: o, isLoading: s, loadingText: c, orientation: l = "horizontal", activationMode: u = "automatic", mountStrategy: f = "unmount", loop: p = !0, tone: g = "primary", clean: _ = !1, "aria-label": v, "aria-labelledby": E }) {
+function E({ items: n, value: r, defaultValue: i, onValueChange: o, className: s, isLoading: u, loadingText: d, orientation: f = "horizontal", activationMode: p = "automatic", mountStrategy: m = "unmount", loop: h = !0, tone: g = "primary", clean: _ = !1, "aria-label": v, "aria-labelledby": E }) {
 	let D = b({
 		items: n,
 		value: r,
 		defaultValue: i,
-		onValueChange: a,
-		orientation: l,
-		activationMode: u,
-		loop: p
-	}), O = d(x.tabsContainer, _ ? x.clean : e.uiFilledPanel, x[l], t(g), o), k = x.tabs, A = d(x.panels, x.panelScrollable, "scrollable overscroll"), j = x.panel, M = x.panelBody;
-	return s ? /* @__PURE__ */ m(S, {
+		onValueChange: o,
+		orientation: f,
+		activationMode: p,
+		loop: h
+	}), O = a(x.tabsContainer, _ ? x.clean : e.uiFilledPanel, x[f], t(g), s), k = x.tabs, A = a(x.panels, x.panelScrollable, "scrollable overscroll"), j = x.panel, M = x.panelBody;
+	return u ? /* @__PURE__ */ c(S, {
 		containerClassName: O,
 		tabListClassName: k,
 		panelsClassName: A,
 		panelClassName: j,
 		panelBodyClassName: M,
-		loadingText: c
-	}) : n.length ? /* @__PURE__ */ h("div", {
+		loadingText: d
+	}) : n.length ? /* @__PURE__ */ l("div", {
 		className: O,
-		children: [/* @__PURE__ */ m(T, {
+		children: [/* @__PURE__ */ c(T, {
 			items: n,
 			state: D,
 			className: k,
 			ariaLabel: v,
 			ariaLabelledBy: E
-		}), /* @__PURE__ */ m("div", {
+		}), /* @__PURE__ */ c("div", {
 			className: A,
 			children: n.map((e) => {
 				let t = e.id === D.selectedTabId;
 				return y({
-					mountStrategy: f,
+					mountStrategy: m,
 					isSelected: t,
 					isVisited: D.isVisited(e.id)
-				}) ? /* @__PURE__ */ m(w, {
+				}) ? /* @__PURE__ */ c(w, {
 					tabId: e.id,
 					isSelected: t,
 					className: j,
 					getTabElementId: D.getTabElementId,
 					getPanelElementId: D.getPanelElementId,
-					children: /* @__PURE__ */ m("div", {
+					children: /* @__PURE__ */ c("div", {
 						className: M,
 						children: e.content
 					})
 				}, e.id) : null;
 			})
 		})]
-	}) : /* @__PURE__ */ m(C, {
+	}) : /* @__PURE__ */ c(C, {
 		containerClassName: O,
 		panelsClassName: A,
 		panelClassName: j,
@@ -248,41 +248,41 @@ function j(e) {
 	return null;
 }
 function M(e, t) {
-	return o(e) && j(e) === t;
+	return d(e) && j(e) === t;
 }
 function N({ children: e }) {
-	return /* @__PURE__ */ m(p, { children: e });
+	return /* @__PURE__ */ c(s, { children: e });
 }
 N.displayName = D;
 function P({ children: e }) {
-	return /* @__PURE__ */ m(p, { children: e });
+	return /* @__PURE__ */ c(s, { children: e });
 }
 P.displayName = O;
 function F({ children: e }) {
-	return /* @__PURE__ */ m(p, { children: e });
+	return /* @__PURE__ */ c(s, { children: e });
 }
 F.displayName = k;
 function I({ children: e }) {
-	return /* @__PURE__ */ m(p, { children: e });
+	return /* @__PURE__ */ c(s, { children: e });
 }
 I.displayName = A;
 function L(e, t) {
 	let n = null, r = null, i = null;
-	for (let s of a.toArray(e)) {
-		if (!o(s)) throw Error(`TabsLayout.Tab "${t}" поддерживает только дочерние элементы TabsLayout.Toolbar, TabsLayout.Content и TabsLayout.Footer.`);
-		if (M(s, O)) {
+	for (let a of u.toArray(e)) {
+		if (!d(a)) throw Error(`TabsLayout.Tab "${t}" поддерживает только дочерние элементы TabsLayout.Toolbar, TabsLayout.Content и TabsLayout.Footer.`);
+		if (M(a, O)) {
 			if (n) throw Error(`TabsLayout.Tab "${t}" содержит более одного блока TabsLayout.Toolbar.`);
-			n = s.props;
+			n = a.props;
 			continue;
 		}
-		if (M(s, k)) {
+		if (M(a, k)) {
 			if (r) throw Error(`TabsLayout.Tab "${t}" содержит более одного блока TabsLayout.Content.`);
-			r = s.props;
+			r = a.props;
 			continue;
 		}
-		if (M(s, A)) {
+		if (M(a, A)) {
 			if (i) throw Error(`TabsLayout.Tab "${t}" содержит более одного блока TabsLayout.Footer.`);
-			i = s.props;
+			i = a.props;
 			continue;
 		}
 		throw Error(`TabsLayout.Tab "${t}" поддерживает только дочерние элементы TabsLayout.Toolbar, TabsLayout.Content и TabsLayout.Footer.`);
@@ -295,7 +295,7 @@ function L(e, t) {
 	};
 }
 function R(e) {
-	return a.toArray(e).map((e) => {
+	return u.toArray(e).map((e) => {
 		if (!M(e, D)) throw Error("TabsLayout принимает только дочерние элементы TabsLayout.Tab.");
 		return {
 			id: e.props.id,
@@ -305,54 +305,54 @@ function R(e) {
 		};
 	});
 }
-var z = ({ children: n, value: r, defaultValue: i, onValueChange: a, className: o, orientation: s = "horizontal", activationMode: l = "manual", mountStrategy: u = "lazy", loop: f = !0, tone: p = "primary", clean: g = !1, "aria-label": _, "aria-labelledby": v }) => {
-	let S = c(() => R(n), [n]), C = b({
+var z = ({ children: n, value: r, defaultValue: i, onValueChange: o, className: s, orientation: u = "horizontal", activationMode: d = "manual", mountStrategy: f = "lazy", loop: m = !0, tone: h = "primary", clean: g = !1, "aria-label": _, "aria-labelledby": v }) => {
+	let S = p(() => R(n), [n]), C = b({
 		items: S,
 		value: r,
 		defaultValue: i,
-		onValueChange: a,
-		orientation: s,
-		activationMode: l,
-		loop: f
-	}), E = d(x.tabsContainer, g ? x.clean : e.uiFilledPanel, x[s], t(p), o), D = d(x.panels, x.layoutPanels);
-	return /* @__PURE__ */ h("div", {
+		onValueChange: o,
+		orientation: u,
+		activationMode: d,
+		loop: m
+	}), E = a(x.tabsContainer, g ? x.clean : e.uiFilledPanel, x[u], t(h), s), D = a(x.panels, x.layoutPanels);
+	return /* @__PURE__ */ l("div", {
 		className: E,
-		children: [/* @__PURE__ */ m(T, {
+		children: [/* @__PURE__ */ c(T, {
 			items: S,
 			state: C,
 			className: x.tabs,
 			ariaLabel: _,
 			ariaLabelledBy: v
-		}), /* @__PURE__ */ m("div", {
+		}), /* @__PURE__ */ c("div", {
 			className: D,
 			children: S.map((e) => {
 				let t = e.id === C.selectedTabId;
 				if (!y({
-					mountStrategy: u,
+					mountStrategy: f,
 					isSelected: t,
 					isVisited: C.isVisited(e.id)
 				})) return null;
 				let n = `${e.toolbar ? "auto " : ""}minmax(0, 1fr)${e.footer ? " auto" : ""}`;
-				return /* @__PURE__ */ m(w, {
+				return /* @__PURE__ */ c(w, {
 					tabId: e.id,
 					isSelected: t,
 					className: x.panel,
 					getTabElementId: C.getTabElementId,
 					getPanelElementId: C.getPanelElementId,
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ l("div", {
 						className: x.layoutPanel,
 						style: { gridTemplateRows: n },
 						children: [
-							e.toolbar ? /* @__PURE__ */ m("div", {
-								className: d(x.layoutSection, e.toolbar.className),
+							e.toolbar ? /* @__PURE__ */ c("div", {
+								className: a(x.layoutSection, e.toolbar.className),
 								children: e.toolbar.children
 							}) : null,
-							/* @__PURE__ */ m("div", {
-								className: d(x.layoutSection, x.layoutContent, e.content.className),
+							/* @__PURE__ */ c("div", {
+								className: a(x.layoutSection, x.layoutContent, e.content.className),
 								children: e.content.children
 							}),
-							e.footer ? /* @__PURE__ */ m("div", {
-								className: d(x.layoutSection, e.footer.className),
+							e.footer ? /* @__PURE__ */ c("div", {
+								className: a(x.layoutSection, e.footer.className),
 								children: e.footer.children
 							}) : null
 						]

package/dist/tag-input/index.js

@@ -1,40 +1,40 @@
 import { t as e } from "../chunks/ui.module-oRwY3Zli.js";
-import { c as t, d as n } from "../chunks/input-DSPKgiCK.js";
-import { useImperativeHandle as r, useRef as i, useState as a } from "react";
-import { cn as o } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { XIcon as ee } from "lucide-react";
+import { c as t, d as n } from "../chunks/input-CuRK9Vbz.js";
+import { cn as r } from "@ryuzaki13/react-foundation-lib/utils";
+import { XIcon as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useImperativeHandle as s, useRef as c, useState as l } from "react";
 //#region src/tag-input/lib/joinTagInputAriaIds.ts
-function l(...e) {
+function u(...e) {
 	return e.filter(Boolean).join(" ") || void 0;
 }
 //#endregion
 //#region src/tag-input/lib/tagInputDefaults.ts
-function te(e) {
+function ee(e) {
 	return e.trim();
 }
-function ne(e) {
+function te(e) {
 	return e;
 }
-function u(e) {
+function d(e) {
 	return `Удалить тег «${e}»`;
 }
-var d = {
+var f = {
 	control: "AoFB3K",
 	tagList: "PvaUEA",
 	tag: "FZ-xEM",
 	tagText: "-RCqfG",
 	removeButton: "ggY643",
 	input: "hiZq-y"
-}, f = /[,\r\n]/, p = /[,\r\n]+/;
-function m({ ref: m, value: h, onChange: g, label: _, description: v, placeholder: y, size: b, disabled: x, readOnly: S = !1, error: C, onClearError: w, maxTags: T, normalizeTag: E = te, getTagKey: D = ne, addOnBlur: O = !0, getRemoveButtonAriaLabel: re = u, tokensAriaLabel: ie = "Добавленные теги", inputClassName: ae, className: oe, id: se, name: k, form: A, required: ce, maxLength: j, onKeyDown: M, onPaste: N, onBlur: P, onCompositionStart: F, onCompositionEnd: I, "aria-describedby": L, "aria-labelledby": R, ...z }) {
-	let B = i(null), V = i(null), H = i(!1), [U, W] = a(""), [le, G] = a(""), { controlId: K, labelId: q, descriptionId: ue, errorId: de, describedBy: fe } = n({
-		id: se,
-		hasLabel: _ != null,
-		hasDescription: !!v,
+}, p = /[,\r\n]/, m = /[,\r\n]+/;
+function h({ ref: h, value: g, onChange: _, label: v, description: y, placeholder: ne, size: b, disabled: x, readOnly: S = !1, error: C, onClearError: w, maxTags: T, normalizeTag: E = ee, getTagKey: D = te, addOnBlur: O = !0, getRemoveButtonAriaLabel: k = d, tokensAriaLabel: re = "Добавленные теги", inputClassName: ie, className: ae, id: oe, name: A, form: j, required: se, maxLength: M, onKeyDown: ce, onPaste: N, onBlur: P, onCompositionStart: F, onCompositionEnd: I, "aria-describedby": L, "aria-labelledby": R, ...z }) {
+	let B = c(null), V = c(null), H = c(!1), [U, W] = l(""), [le, G] = l(""), { controlId: K, labelId: q, descriptionId: ue, errorId: de, describedBy: fe } = n({
+		id: oe,
+		hasLabel: v != null,
+		hasDescription: !!y,
 		hasError: !!C
-	}), J = T === void 0 ? Infinity : Math.max(0, Math.floor(T)), Y = x || S, X = l(fe, L), pe = l(q, R);
-	r(m, () => {
+	}), J = T === void 0 ? Infinity : Math.max(0, Math.floor(T)), Y = x || S, X = u(fe, L), pe = u(q, R);
+	s(h, () => {
 		let e = B.current;
 		if (!e) throw Error("TagInput: внутренний input недоступен при создании imperative handle.");
 		return e;
@@ -42,11 +42,11 @@ function m({ ref: m, value: h, onChange: g, label: _, description: v, placeholde
 	let Z = (e) => {
 		if (Y) return;
 		w?.();
-		let t = [...h], n = new Set(t.map((e) => D(e))), r = [], i = 0, a = !1;
+		let t = [...g], n = new Set(t.map((e) => D(e))), r = [], i = 0, a = !1;
 		for (let o of e) {
 			let e = E(o);
 			if (!e) continue;
-			if (j !== void 0 && e.length > j) {
+			if (M !== void 0 && e.length > M) {
 				G(`Тег «${e}» длиннее допустимого значения.`);
 				continue;
 			}
@@ -61,85 +61,85 @@ function m({ ref: m, value: h, onChange: g, label: _, description: v, placeholde
 			}
 			n.add(s), t.push(e), r.push(e);
 		}
-		r.length > 0 ? (g(t), G(r.length === 1 ? `Добавлен тег «${r[0]}».` : `Добавлено тегов: ${r.length}.`)) : a ? G(`Достигнуто максимальное количество тегов: ${J}.`) : i > 0 && G("Такой тег уже добавлен.");
-	}, Q = () => U ? (Z(U.split(p)), W(""), !0) : !1, $ = (e) => {
+		r.length > 0 ? (_(t), G(r.length === 1 ? `Добавлен тег «${r[0]}».` : `Добавлено тегов: ${r.length}.`)) : a ? G(`Достигнуто максимальное количество тегов: ${J}.`) : i > 0 && G("Такой тег уже добавлен.");
+	}, Q = () => U ? (Z(U.split(m)), W(""), !0) : !1, $ = (e) => {
 		if (Y) return;
-		let t = h[e];
-		t !== void 0 && (g(h.filter((t, n) => n !== e)), w?.(), G(`Удалён тег «${t}».`), B.current?.focus());
+		let t = g[e];
+		t !== void 0 && (_(g.filter((t, n) => n !== e)), w?.(), G(`Удалён тег «${t}».`), B.current?.focus());
 	}, me = (e) => {
-		if (M?.(e), !(e.defaultPrevented || e.nativeEvent.isComposing || H.current || Y)) {
+		if (ce?.(e), !(e.defaultPrevented || e.nativeEvent.isComposing || H.current || Y)) {
 			if (e.key === "Enter" || e.key === ",") {
 				(Q() || e.key === ",") && e.preventDefault();
 				return;
 			}
-			e.key === "Backspace" && U.length === 0 && h.length > 0 && (e.preventDefault(), $(h.length - 1));
+			e.key === "Backspace" && U.length === 0 && g.length > 0 && (e.preventDefault(), $(g.length - 1));
 		}
 	}, he = (e) => {
 		if (N?.(e), e.defaultPrevented || Y) return;
 		let t = e.clipboardData.getData("text");
-		if (!f.test(t)) return;
+		if (!p.test(t)) return;
 		e.preventDefault();
 		let n = e.currentTarget.selectionStart ?? U.length, r = e.currentTarget.selectionEnd ?? n, i = `${U.slice(0, n)}${t}${U.slice(r)}`;
-		Z(i.split(p)), W("");
+		Z(i.split(m)), W("");
 	};
-	return /* @__PURE__ */ c(t, {
-		label: _,
-		description: v,
+	return /* @__PURE__ */ o(t, {
+		label: v,
+		description: y,
 		disabled: x,
-		className: oe,
+		className: ae,
 		size: b,
 		error: C,
 		controlId: K,
 		labelId: q,
 		descriptionId: ue,
 		errorId: de,
-		children: [/* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ o("div", {
 			ref: V,
-			className: o(e.uiControl, C && e.invalid, d.control),
+			className: r(e.uiControl, C && e.invalid, f.control),
 			"data-disabled": x ? "" : void 0,
 			"data-readonly": S ? "" : void 0,
 			"data-invalid": C ? "" : void 0,
 			onClick: () => B.current?.focus(),
 			children: [
-				h.length > 0 && /* @__PURE__ */ s("ul", {
-					className: d.tagList,
-					"aria-label": ie,
-					children: h.map((e, t) => /* @__PURE__ */ c("li", {
-						className: d.tag,
-						children: [/* @__PURE__ */ s("span", {
-							className: d.tagText,
+				g.length > 0 && /* @__PURE__ */ a("ul", {
+					className: f.tagList,
+					"aria-label": re,
+					children: g.map((e, t) => /* @__PURE__ */ o("li", {
+						className: f.tag,
+						children: [/* @__PURE__ */ a("span", {
+							className: f.tagText,
 							children: e
-						}), !Y && /* @__PURE__ */ s("button", {
+						}), !Y && /* @__PURE__ */ a("button", {
 							type: "button",
-							className: d.removeButton,
+							className: f.removeButton,
 							onClick: (e) => {
 								e.stopPropagation(), $(t);
 							},
-							"aria-label": re(e, t),
-							children: /* @__PURE__ */ s(ee, { "aria-hidden": "true" })
+							"aria-label": k(e, t),
+							children: /* @__PURE__ */ a(i, { "aria-hidden": "true" })
 						})]
 					}, `${D(e)}-${t}`))
 				}),
-				/* @__PURE__ */ s("input", {
+				/* @__PURE__ */ a("input", {
 					...z,
 					ref: B,
 					id: K,
-					form: A,
+					form: j,
 					disabled: x,
 					readOnly: S,
-					required: ce && h.length === 0,
-					maxLength: j,
+					required: se && g.length === 0,
+					maxLength: M,
 					value: U,
-					placeholder: h.length === 0 ? y : void 0,
+					placeholder: g.length === 0 ? ne : void 0,
 					"aria-invalid": !!C || void 0,
 					"aria-labelledby": pe,
 					"aria-describedby": X,
-					className: o(d.input, ae),
+					className: r(f.input, ie),
 					onChange: (e) => {
-						let t = e.target.value, n = f.test(t);
+						let t = e.target.value, n = p.test(t);
 						if (H.current) W(t);
 						else if (n) {
-							let e = t.split(p), n = f.test(t.at(-1) ?? "") ? "" : e.pop() ?? "";
+							let e = t.split(m), n = p.test(t.at(-1) ?? "") ? "" : e.pop() ?? "";
 							Z(e), W(n);
 						} else W(t);
 						(H.current || !n) && w?.();
@@ -158,15 +158,15 @@ function m({ ref: m, value: h, onChange: g, label: _, description: v, placeholde
 						!e.defaultPrevented && !n && O && !Y && Q();
 					}
 				}),
-				k && h.map((e, t) => /* @__PURE__ */ s("input", {
+				A && g.map((e, t) => /* @__PURE__ */ a("input", {
 					type: "hidden",
-					name: k,
+					name: A,
 					value: e,
-					form: A,
+					form: j,
 					disabled: x
 				}, `${D(e)}-${t}`))
 			]
-		}), /* @__PURE__ */ s("span", {
+		}), /* @__PURE__ */ a("span", {
 			className: "visuallyHidden",
 			"aria-live": "polite",
 			"aria-atomic": "true",
@@ -175,6 +175,6 @@ function m({ ref: m, value: h, onChange: g, label: _, description: v, placeholde
 	});
 }
 //#endregion
-export { m as TagInput };
+export { h as TagInput };
 
 //# sourceMappingURL=index.js.map