haze-ui 1.32.0 → 1.34.0

package/dist/components/Tabs/Tabs.js

@@ -2,29 +2,51 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { TabsProvider as t } from "./TabsContext.js";
+import n from "./Tab.js";
+import { useActivatedTabs as r } from "./tab-metas.js";
+import i from "./TabList.js";
+import a from "./TabPanel.js";
 /* empty css               */
-import { jsx as n } from "react/jsx-runtime";
-import { useControl as r } from "react-use-control";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useControl as l } from "react-use-control";
 //#region src/lib/components/Tabs/Tabs.tsx
-var i = "haze-Tabs__base";
-function a({ value: a, classNames: o, className: s, children: c }) {
-	let [l, u] = r(a, "");
-	return /* @__PURE__ */ n("div", {
+var u = "haze-Tabs__base";
+function d({ value: d, variant: f = "line", items: p, destroyInactiveTabPane: m = !1, lazy: h = !1, addable: g, classNames: _, className: v, ref: y, children: b }) {
+	let [x, S] = l(d, ""), C = r(x, h), w = p !== void 0;
+	w && b != null && console.error("[haze-ui] Tabs: `items` and compound `children` are mutually exclusive — rendering `items` and ignoring `children`.");
+	let T = w ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(i, { children: p.map((e) => /* @__PURE__ */ s(n, {
+		value: e.value,
+		icon: e.icon,
+		status: e.status,
+		closable: e.closable,
+		disabled: e.disabled,
+		children: e.label
+	}, e.value)) }), p.map((e) => /* @__PURE__ */ s(a, {
+		value: e.value,
+		children: e.panel
+	}, e.value))] }) : b;
+	return /* @__PURE__ */ s("div", {
+		ref: y,
 		"data-slot": "tabs",
 		className: e([
-			i,
-			s,
-			o?.root
+			u,
+			v,
+			_?.root
 		]),
-		children: n(t, {
+		children: s(t, {
 			value: {
-				value: l,
-				setValue: u,
-				classNames: o
+				value: x,
+				setValue: S,
+				variant: f,
+				destroyInactiveTabPane: m,
+				lazy: h,
+				activated: C,
+				addable: g,
+				classNames: _
 			},
-			children: c
+			children: T
 		})
 	});
 }
 //#endregion
-export { a as default };
+export { d as default };

package/dist/components/Tabs/index.js

@@ -1,7 +1,8 @@
 "use client";
-import e from "./Tabs.js";
-import t from "./Tab.js";
-import n from "./TabList.js";
-import r from "./TabPanel.js";
-import i from "./SortableTabList.js";
-export { i as SortableTabList, t as Tab, n as TabList, r as TabPanel, e as Tabs };
+import { listVariants as e, tabVariants as t } from "./tabs-styles.js";
+import n from "./Tab.js";
+import r from "./TabList.js";
+import i from "./TabPanel.js";
+import a from "./Tabs.js";
+import o from "./SortableTabList.js";
+export { o as SortableTabList, n as Tab, r as TabList, i as TabPanel, a as Tabs, e as listVariants, t as tabVariants };

package/dist/components/Tabs/tab-metas.js

@@ -1,24 +1,34 @@
 "use client";
 import e from "./Tab.js";
-import { Children as t, Fragment as n, isValidElement as r } from "react";
+import { c as t } from "react/compiler-runtime";
+import { Children as n, Fragment as r, isValidElement as i, useEffect as a, useState as o } from "react";
 //#region src/lib/components/Tabs/tab-metas.ts
-function i(i) {
-	let a = [], o = (i) => {
-		t.forEach(i, (t) => {
-			if (r(t)) {
+function s(e, n) {
+	let r = t(6), i;
+	r[0] === e ? i = r[1] : (i = () => /* @__PURE__ */ new Set([e]), r[0] = e, r[1] = i);
+	let [s, c] = o(i), l, u;
+	return r[2] !== e || r[3] !== n ? (l = () => {
+		n && c((t) => t.has(e) ? t : new Set(t).add(e));
+	}, u = [e, n], r[2] = e, r[3] = n, r[4] = l, r[5] = u) : (l = r[4], u = r[5]), a(l, u), s;
+}
+function c(t) {
+	let a = [], o = (t) => {
+		n.forEach(t, (t) => {
+			if (i(t)) {
 				if (t.type === e) {
-					let { value: e, icon: n, status: r, children: i } = t.props;
+					let { value: e, icon: n, status: r, disabled: i, children: o } = t.props;
 					a.push({
 						value: e,
 						icon: n,
 						status: r,
-						label: i
+						disabled: i,
+						label: o
 					});
-				} else t.type === n && o(t.props.children);
+				} else t.type === r && o(t.props.children);
 			}
 		});
 	};
-	return o(i), a;
+	return o(t), a;
 }
 //#endregion
-export { i as collectTabMetas };
+export { c as collectTabMetas, s as useActivatedTabs };

package/dist/components/Tabs/tabs-styles.js

@@ -0,0 +1,23 @@
+
+"use client";
+/* empty css                      */
+var e = {
+	line: {
+		idle: "haze-tabs-styles__lineTab",
+		active: "haze-tabs-styles__lineTabActive"
+	},
+	card: {
+		idle: "haze-tabs-styles__cardTab",
+		active: "haze-tabs-styles__cardTabActive"
+	},
+	pill: {
+		idle: "haze-tabs-styles__pillTab",
+		active: "haze-tabs-styles__pillTabActive"
+	}
+}, t = {
+	line: "haze-tabs-styles__line",
+	card: "haze-tabs-styles__card",
+	pill: "haze-tabs-styles__pill"
+};
+//#endregion
+export { t as listVariants, e as tabVariants };

package/dist/components/Tag/Tag.js

@@ -1,39 +1,27 @@
-
-"use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { useStrings as t } from "../LocaleProvider/useStrings.js";
-/* empty css              */
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { base as t, colors as n, tagSizes as r } from "./tag-styles.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/lib/components/Tag/Tag.tsx
-var i = "haze-Tag__base", a = {
-	default: "haze-Tag__default",
-	primary: "haze-Tag__primary",
-	success: "haze-Tag__success",
-	warning: "haze-Tag__warning",
-	danger: "haze-Tag__danger"
-}, o = {
-	sm: "haze-Tag__sm",
-	md: "haze-Tag__md"
-}, s = "haze-Tag__closeBtn";
-function c({ variant: c = "default", size: l = "md", closable: u = !1, onClose: d, className: f, children: p }) {
-	let m = t("tag");
-	return /* @__PURE__ */ r("span", {
+function o({ color: o = "default", size: s = "md", closable: c = !1, onClose: l, removeLabel: u = "Remove", as: d, className: f, children: p, ...m }) {
+	return /* @__PURE__ */ a(d ?? "span", {
 		"data-slot": "tag",
+		...m,
 		className: e([
-			i,
-			a[c],
-			o[l],
+			t,
+			n[o],
+			r[s],
+			d !== void 0 && "haze-tag-styles__linkShape",
 			f
 		]),
-		children: [p, u && /* @__PURE__ */ n("button", {
+		children: [p, c && /* @__PURE__ */ i("button", {
 			"data-slot": "remove-button",
 			type: "button",
-			className: s,
-			"aria-label": m.remove,
-			onClick: d,
+			className: "haze-tag-styles__closeBtn",
+			"aria-label": u,
+			onClick: l,
 			children: "×"
 		})]
 	});
 }
 //#endregion
-export { c as default };
+export { o as default };

package/dist/components/Tag/index.js

@@ -1,3 +1,3 @@
-"use client";
-import e from "./Tag.js";
-export { e as Tag };
+import { colors as e, tagSizes as t } from "./tag-styles.js";
+import n from "./Tag.js";
+export { n as Tag, t as tagSizes, e as tagVariants };

package/dist/components/Tag/tag-styles.js

@@ -0,0 +1,16 @@
+
+/* empty css                     */
+//#region src/lib/components/Tag/tag-styles.ts
+var e = "haze-tag-styles__base", t = {
+	default: "haze-tag-styles__default",
+	primary: "haze-tag-styles__primary",
+	success: "haze-tag-styles__success",
+	warning: "haze-tag-styles__warning",
+	danger: "haze-tag-styles__danger",
+	info: "haze-tag-styles__info"
+}, n = {
+	sm: "haze-tag-styles__sm",
+	md: "haze-tag-styles__md"
+}, r = "haze-tag-styles__linkShape", i = "haze-tag-styles__closeBtn";
+//#endregion
+export { e as base, i as closeBtn, t as colors, r as linkShape, n as tagSizes };

package/dist/components/TagGroup/SortableTagGroup.js

@@ -4,36 +4,56 @@ import { useConfigDefaults as t } from "../ConfigProvider/useConfigDefaults.js";
 import { SortableItem as n, SortableRegion as r } from "../../utils/sortable.js";
 import { group as i } from "./tag-group-styles.js";
 import { TagGroupItemClassNamesContext as a } from "./TagGroup.js";
-import { Children as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-import { arrayMove as c, rectSortingStrategy as l } from "@dnd-kit/sortable";
+import { c as o } from "react/compiler-runtime";
+import { Children as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { arrayMove as l, rectSortingStrategy as u } from "@dnd-kit/sortable";
 //#region src/lib/components/TagGroup/SortableTagGroup.tsx
-function u({ children: u, className: d, classNames: f, onReorder: p }) {
-	let m = t("TagGroup"), h = m.classNames ? {
-		...m.classNames,
-		...f
-	} : f, g = o.toArray(u), _ = g.map((e, t) => t);
-	return /* @__PURE__ */ s(a.Provider, {
-		value: h,
-		children: /* @__PURE__ */ s("div", {
-			"data-slot": "tag-group",
-			role: "group",
-			className: e([
-				i,
-				d,
-				h?.root
-			]),
-			children: /* @__PURE__ */ s(r, {
-				ids: _,
-				strategy: l,
-				onMove: (e, t) => p?.(c(_, e, t)),
-				children: g.map((e, t) => /* @__PURE__ */ s(n, {
-					id: t,
-					children: e
-				}, t))
-			})
-		})
-	});
+function d(n) {
+	let d = o(35), { children: m, className: h, classNames: g, onReorder: _ } = n, v = t("TagGroup"), y;
+	d[0] !== g || d[1] !== v.classNames ? (y = v.classNames ? {
+		...v.classNames,
+		...g
+	} : g, d[0] = g, d[1] = v.classNames, d[2] = y) : y = d[2];
+	let b = y, x, S, C, w, T, E, D, O, k, A;
+	if (d[3] !== m || d[4] !== h || d[5] !== _ || d[6] !== b) {
+		let e = s.toArray(m), t = e.map(p);
+		S = a.Provider, A = b, D = "tag-group";
+		let n = b?.root;
+		d[17] !== h || d[18] !== n ? (O = [
+			i,
+			h,
+			n
+		], d[17] = h, d[18] = n, d[19] = O) : O = d[19], k = "group", x = r, C = t, w = u, T = (e, n) => _?.(l(t, e, n)), E = e.map(f), d[3] = m, d[4] = h, d[5] = _, d[6] = b, d[7] = x, d[8] = S, d[9] = C, d[10] = w, d[11] = T, d[12] = E, d[13] = D, d[14] = O, d[15] = k, d[16] = A;
+	} else x = d[7], S = d[8], C = d[9], w = d[10], T = d[11], E = d[12], D = d[13], O = d[14], k = d[15], A = d[16];
+	let j;
+	d[20] !== x || d[21] !== C || d[22] !== w || d[23] !== T || d[24] !== E ? (j = /* @__PURE__ */ c(x, {
+		ids: C,
+		strategy: w,
+		onMove: T,
+		children: E
+	}), d[20] = x, d[21] = C, d[22] = w, d[23] = T, d[24] = E, d[25] = j) : j = d[25];
+	let M;
+	d[26] !== j || d[27] !== D || d[28] !== O || d[29] !== k ? (M = /* @__PURE__ */ c("div", {
+		"data-slot": D,
+		role: k,
+		className: e(O),
+		children: j
+	}), d[26] = j, d[27] = D, d[28] = O, d[29] = k, d[30] = M) : M = d[30];
+	let N;
+	return d[31] !== S || d[32] !== M || d[33] !== A ? (N = /* @__PURE__ */ c(S, {
+		value: A,
+		children: M
+	}), d[31] = S, d[32] = M, d[33] = A, d[34] = N) : N = d[34], N;
+}
+function f(e, t) {
+	return /* @__PURE__ */ c(n, {
+		id: t,
+		children: e
+	}, t);
+}
+function p(e, t) {
+	return t;
 }
 //#endregion
-export { u as default };
+export { d as default };

package/dist/components/TagGroup/TagGroup.js

@@ -2,28 +2,35 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useConfigDefaults as t } from "../ConfigProvider/useConfigDefaults.js";
 import { group as n } from "./tag-group-styles.js";
-import { createContext as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
+import { c as r } from "react/compiler-runtime";
+import { createContext as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/lib/components/TagGroup/TagGroup.tsx
-var a = r(void 0);
-function o({ children: r, className: o, classNames: s }) {
-	let c = t("TagGroup"), l = c.classNames ? {
-		...c.classNames,
-		...s
-	} : s;
-	return /* @__PURE__ */ i(a.Provider, {
-		value: l,
-		children: /* @__PURE__ */ i("div", {
-			"data-slot": "tag-group",
-			role: "group",
-			className: e([
-				n,
-				o,
-				l?.root
-			]),
-			children: r
-		})
-	});
+var o = i(void 0);
+function s(i) {
+	let s = r(12), { children: c, className: l, classNames: u } = i, d = t("TagGroup"), f;
+	s[0] !== u || s[1] !== d.classNames ? (f = d.classNames ? {
+		...d.classNames,
+		...u
+	} : u, s[0] = u, s[1] = d.classNames, s[2] = f) : f = s[2];
+	let p = f, m = p?.root, h;
+	s[3] !== l || s[4] !== m ? (h = [
+		n,
+		l,
+		m
+	], s[3] = l, s[4] = m, s[5] = h) : h = s[5];
+	let g;
+	s[6] !== c || s[7] !== h ? (g = /* @__PURE__ */ a("div", {
+		"data-slot": "tag-group",
+		role: "group",
+		className: e(h),
+		children: c
+	}), s[6] = c, s[7] = h, s[8] = g) : g = s[8];
+	let _;
+	return s[9] !== p || s[10] !== g ? (_ = /* @__PURE__ */ a(o.Provider, {
+		value: p,
+		children: g
+	}), s[9] = p, s[10] = g, s[11] = _) : _ = s[11], _;
 }
 //#endregion
-export { a as TagGroupItemClassNamesContext, o as default };
+export { o as TagGroupItemClassNamesContext, s as default };

package/dist/components/TagGroup/TagGroupItem.js

@@ -5,34 +5,41 @@ import { useStrings as t } from "../LocaleProvider/useStrings.js";
 import { sortableHandle as n, useSortableHandle as r } from "../../utils/sortable-handle.js";
 import { TagGroupItemClassNamesContext as i } from "./TagGroup.js";
 /* empty css                       */
-import { useContext as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { c as a } from "react/compiler-runtime";
+import { useContext as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/lib/components/TagGroup/TagGroupItem.tsx
-var c = "haze-TagGroupItem__tag", l = "haze-TagGroupItem__closeBtn";
-function u({ children: u, onClose: d, className: f }) {
-	let p = t("tagGroup"), m = a(i), h = r(), g = h ? /* @__PURE__ */ o("span", {
+var l = "haze-TagGroupItem__tag", u = "haze-TagGroupItem__closeBtn";
+function d(d) {
+	let f = a(14), { children: p, onClose: m, className: h } = d, g = t("tagGroup"), _ = o(i), v = r(), y;
+	f[0] !== p || f[1] !== v ? (y = v ? /* @__PURE__ */ s("span", {
 		"data-slot": "drag-handle",
-		...h.attributes,
-		...h.listeners,
+		...v.attributes,
+		...v.listeners,
 		className: e([n]),
-		children: u
-	}) : u;
-	return /* @__PURE__ */ s("span", {
+		children: p
+	}) : p, f[0] = p, f[1] = v, f[2] = y) : y = f[2];
+	let b = y, x = _?.item, S;
+	f[3] !== h || f[4] !== x ? (S = [
+		l,
+		x,
+		h
+	], f[3] = h, f[4] = x, f[5] = S) : S = f[5];
+	let C;
+	f[6] !== m || f[7] !== _?.removeButton || f[8] !== g ? (C = m && /* @__PURE__ */ s("button", {
+		"data-slot": "remove-button",
+		type: "button",
+		onClick: m,
+		"aria-label": g.remove,
+		className: e([u, _?.removeButton]),
+		children: "x"
+	}), f[6] = m, f[7] = _?.removeButton, f[8] = g, f[9] = C) : C = f[9];
+	let w;
+	return f[10] !== b || f[11] !== S || f[12] !== C ? (w = /* @__PURE__ */ c("span", {
 		"data-slot": "tag-group-item",
-		className: e([
-			c,
-			m?.item,
-			f
-		]),
-		children: [g, d && /* @__PURE__ */ o("button", {
-			"data-slot": "remove-button",
-			type: "button",
-			onClick: d,
-			"aria-label": p.remove,
-			className: e([l, m?.removeButton]),
-			children: "x"
-		})]
-	});
+		className: e(S),
+		children: [b, C]
+	}), f[10] = b, f[11] = S, f[12] = C, f[13] = w) : w = f[13], w;
 }
 //#endregion
-export { u as default };
+export { d as default };

package/dist/components/TagInput/SortableTagInput.js

@@ -1,24 +1,29 @@
 "use client";
 import e from "./SortableTagInputCore.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useControl as n } from "react-use-control";
+import { c as t } from "react/compiler-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
 //#region src/lib/components/TagInput/SortableTagInput.tsx
-function r({ value: r, onChange: i, placeholder: a, maxTags: o, disabled: s, className: c, id: l, "aria-invalid": u, "aria-describedby": d, ref: f }) {
-	let [p, m] = n(r, []);
-	return /* @__PURE__ */ t(e, {
-		ref: f,
-		value: p,
-		onChange: (e) => {
-			m(e), i?.(e);
-		},
-		placeholder: a,
-		maxTags: o,
-		disabled: s,
-		className: c,
-		id: l,
-		"aria-invalid": u,
-		"aria-describedby": d
-	});
+function i(i) {
+	let a = t(15), { value: o, onChange: s, placeholder: c, maxTags: l, disabled: u, className: d, id: f, "aria-invalid": p, "aria-describedby": m, ref: h } = i, g;
+	a[0] === Symbol.for("react.memo_cache_sentinel") ? (g = [], a[0] = g) : g = a[0];
+	let [_, v] = r(o, g), y;
+	a[1] !== s || a[2] !== v ? (y = (e) => {
+		v(e), s?.(e);
+	}, a[1] = s, a[2] = v, a[3] = y) : y = a[3];
+	let b;
+	return a[4] !== m || a[5] !== p || a[6] !== d || a[7] !== u || a[8] !== f || a[9] !== l || a[10] !== c || a[11] !== h || a[12] !== y || a[13] !== _ ? (b = /* @__PURE__ */ n(e, {
+		ref: h,
+		value: _,
+		onChange: y,
+		placeholder: c,
+		maxTags: l,
+		disabled: u,
+		className: d,
+		id: f,
+		"aria-invalid": p,
+		"aria-describedby": m
+	}), a[4] = m, a[5] = p, a[6] = d, a[7] = u, a[8] = f, a[9] = l, a[10] = c, a[11] = h, a[12] = y, a[13] = _, a[14] = b) : b = a[14], b;
 }
 //#endregion
-export { r as default };
+export { i as default };

package/dist/components/TagInput/SortableTagInputCore.js

@@ -4,52 +4,79 @@ import { sortableItemStyle as t } from "../../utils/sortable-shared.js";
 import { SortableRegion as n } from "../../utils/sortable.js";
 import { removeBtn as r, tag as i, tagHandle as a } from "./tag-input-styles.js";
 import o from "./TagInputCore.js";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { rectSortingStrategy as l, useSortable as u } from "@dnd-kit/sortable";
+import { c as s } from "react/compiler-runtime";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { rectSortingStrategy as u, useSortable as d } from "@dnd-kit/sortable";
 //#region src/lib/components/TagInput/SortableTagInputCore.tsx
-function d({ id: n, label: o, removeLabel: l, onRemove: d }) {
-	let { attributes: f, listeners: p, setNodeRef: m, transform: h, transition: g, isDragging: _ } = u({ id: n });
-	return /* @__PURE__ */ c("li", {
-		ref: m,
+function f(n) {
+	let o = s(25), { id: u, label: f, removeLabel: p, onRemove: m } = n, h;
+	o[0] === u ? h = o[1] : (h = { id: u }, o[0] = u, o[1] = h);
+	let { attributes: g, listeners: _, setNodeRef: v, transform: y, transition: b, isDragging: x } = d(h), S;
+	o[2] !== y || o[3] !== b ? (S = t(y, b), o[2] = y, o[3] = b, o[4] = S) : S = o[4];
+	let C = x && "haze-tag-input-styles__tagDragging", w;
+	o[5] === C ? w = o[6] : (w = [i, C], o[5] = C, o[6] = w);
+	let T;
+	o[7] === Symbol.for("react.memo_cache_sentinel") ? (T = [a], o[7] = T) : T = o[7];
+	let E;
+	o[8] !== g || o[9] !== f || o[10] !== _ ? (E = /* @__PURE__ */ c("span", {
+		"data-slot": "handle",
+		...g,
+		..._,
+		className: e(T),
+		children: f
+	}), o[8] = g, o[9] = f, o[10] = _, o[11] = E) : E = o[11];
+	let D;
+	o[12] === Symbol.for("react.memo_cache_sentinel") ? (D = [r], o[12] = D) : D = o[12];
+	let O;
+	o[13] === m ? O = o[14] : (O = (e) => {
+		e.key === "Backspace" && (e.preventDefault(), m());
+	}, o[13] = m, o[14] = O);
+	let k;
+	o[15] !== m || o[16] !== p || o[17] !== O ? (k = /* @__PURE__ */ c("button", {
+		"data-slot": "remove-button",
+		type: "button",
+		onClick: m,
+		onKeyDown: O,
+		"aria-label": p,
+		className: e(D),
+		children: "x"
+	}), o[15] = m, o[16] = p, o[17] = O, o[18] = k) : k = o[18];
+	let A;
+	return o[19] !== v || o[20] !== S || o[21] !== w || o[22] !== E || o[23] !== k ? (A = /* @__PURE__ */ l("li", {
+		ref: v,
 		"data-slot": "item",
-		style: t(h, g),
-		className: e([i, _ && "haze-tag-input-styles__tagDragging"]),
-		children: [/* @__PURE__ */ s("span", {
-			"data-slot": "handle",
-			...f,
-			...p,
-			className: e([a]),
-			children: o
-		}), /* @__PURE__ */ s("button", {
-			"data-slot": "remove-button",
-			type: "button",
-			onClick: d,
-			onKeyDown: (e) => {
-				e.key === "Backspace" && (e.preventDefault(), d());
-			},
-			"aria-label": l,
-			className: e([r]),
-			children: "x"
-		})]
-	});
+		style: S,
+		className: e(w),
+		children: [E, k]
+	}), o[19] = v, o[20] = S, o[21] = w, o[22] = E, o[23] = k, o[24] = A) : A = o[24], A;
 }
-function f(e) {
-	let { disabled: t } = e;
-	return /* @__PURE__ */ s(o, {
+function p(e) {
+	let t = s(4), { disabled: n } = e, r = n ? void 0 : g, i = n ? void 0 : m, a;
+	return t[0] !== e || t[1] !== r || t[2] !== i ? (a = /* @__PURE__ */ c(o, {
 		...e,
-		renderTag: t ? void 0 : (e) => /* @__PURE__ */ s(d, {
-			id: e.index,
-			label: e.tag,
-			removeLabel: e.removeLabel,
-			onRemove: e.onRemove
-		}, e.index),
-		wrapTagList: t ? void 0 : (e, { count: t, onMove: r }) => /* @__PURE__ */ s(n, {
-			ids: Array.from({ length: t }, (e, t) => t),
-			strategy: l,
-			onMove: r,
-			children: e
-		})
+		renderTag: r,
+		wrapTagList: i
+	}), t[0] = e, t[1] = r, t[2] = i, t[3] = a) : a = t[3], a;
+}
+function m(e, t) {
+	let { count: r, onMove: i } = t;
+	return /* @__PURE__ */ c(n, {
+		ids: Array.from({ length: r }, h),
+		strategy: u,
+		onMove: i,
+		children: e
 	});
 }
+function h(e, t) {
+	return t;
+}
+function g(e) {
+	return /* @__PURE__ */ c(f, {
+		id: e.index,
+		label: e.tag,
+		removeLabel: e.removeLabel,
+		onRemove: e.onRemove
+	}, e.index);
+}
 //#endregion
-export { f as default };
+export { p as default };