@caspeco/casper-ui-library 11.4.0 → 12.0.0

package/dist/components/combobox/combobox-menu.js

@@ -4,29 +4,30 @@ import { BackIcon as c } from "../icon/icons/back-icon.js";
 import { ForwardIcon as l } from "../icon/icons/forward-icon.js";
 import { Text as u } from "../text/text.js";
 import { Checkbox as d } from "../checkbox/checkbox.js";
-import { ComboboxItem as f } from "./combobox-item.js";
-import { Radio as p } from "../radio/radio.js";
-import { RadioGroup as m } from "../radio/radio-group.js";
-import { autoUpdate as h, computePosition as g, flip as _ } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import { interpolate as v } from "./translations.js";
-import { Fragment as y, useEffect as b, useState as x } from "react";
-import { Box as S, Flex as C } from "@chakra-ui/react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useComponentTranslations as f } from "../../theme/translations.js";
+import { ComboboxItem as p } from "./combobox-item.js";
+import { comboboxTranslations as m } from "./combobox.translations.js";
+import { Radio as h } from "../radio/radio.js";
+import { RadioGroup as g } from "../radio/radio-group.js";
+import { autoUpdate as _, computePosition as v, flip as y } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { Fragment as b, useEffect as x, useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { Box as E, Flex as D } from "@chakra-ui/react";
 //#region lib/components/combobox/combobox-menu.tsx
-var D = e(), O = (e, t, n, r, i) => {
-	let a = (0, D.c)(8), o;
+var O = e(), k = (e, t, n, r, i) => {
+	let a = (0, O.c)(8), o;
 	a[0] === Symbol.for("react.memo_cache_sentinel") ? (o = {
 		transform: "translate(0, 0)",
 		minWidth: 0
 	}, a[0] = o) : o = a[0];
-	let [s, c] = x(o), l, u;
+	let [s, c] = S(o), l, u;
 	return a[1] !== n || a[2] !== e || a[3] !== i || a[4] !== r || a[5] !== t ? (l = () => {
-		if (!e.current || !t.current || !n) return P;
+		if (!e.current || !t.current || !n) return F;
 		let a = async () => {
 			if (e.current && t.current && n) {
-				let { width: n } = e.current.getBoundingClientRect(), { x: a, y: o } = await g(e.current, t.current, {
+				let { width: n } = e.current.getBoundingClientRect(), { x: a, y: o } = await v(e.current, t.current, {
 					placement: i || "bottom-start",
-					middleware: [_()]
+					middleware: [y()]
 				});
 				c({
 					transform: `translate(${a}px, ${o}px)`,
@@ -34,7 +35,7 @@ var D = e(), O = (e, t, n, r, i) => {
 				});
 			}
 		};
-		return h(e.current, t.current, () => {
+		return _(e.current, t.current, () => {
 			a().catch(console.error);
 		});
 	}, u = [
@@ -43,72 +44,72 @@ var D = e(), O = (e, t, n, r, i) => {
 		n,
 		i,
 		r
-	], a[1] = n, a[2] = e, a[3] = i, a[4] = r, a[5] = t, a[6] = l, a[7] = u) : (l = a[6], u = a[7]), b(l, u), s;
+	], a[1] = n, a[2] = e, a[3] = i, a[4] = r, a[5] = t, a[6] = l, a[7] = u) : (l = a[6], u = a[7]), x(l, u), s;
 };
-function k(e) {
-	let t = (0, D.c)(3), { isSingleSelect: n, isChecked: r } = e, i;
-	return t[0] !== r || t[1] !== n ? (i = n ? /* @__PURE__ */ T(m, {
+function A(e) {
+	let t = (0, O.c)(3), { isSingleSelect: n, isChecked: r } = e, i;
+	return t[0] !== r || t[1] !== n ? (i = n ? /* @__PURE__ */ w(g, {
 		value: r ? "true" : "false",
-		children: /* @__PURE__ */ T(p, { value: "true" })
-	}) : /* @__PURE__ */ T(d, { isChecked: r }), t[0] = r, t[1] = n, t[2] = i) : i = t[2], i;
+		children: /* @__PURE__ */ w(h, { value: "true" })
+	}) : /* @__PURE__ */ w(d, { isChecked: r }), t[0] = r, t[1] = n, t[2] = i) : i = t[2], i;
 }
-function A(e) {
-	let i = (0, D.c)(32), { inputValue: c, displayItems: l, highlightState: d, openState: f, isSingleSelect: p, isSearching: m, isHidingItems: h, popoverWidth: g, popoverPlacement: _, parentRef: y, popupRef: b, footerContent: x, translation: w, folderStyle: k } = e, A = O(y, b, f.isOpen, g, _), j;
-	i[0] === d ? j = i[1] : (j = (e) => {
+function j(e) {
+	let i = (0, O.c)(32), { inputValue: c, displayItems: l, highlightState: d, openState: p, isSingleSelect: h, isSearching: g, isHidingItems: _, popoverWidth: v, popoverPlacement: y, parentRef: b, popupRef: x, footerContent: S, folderStyle: C } = e, A = f(m), j = k(b, x, p.isOpen, v, y), M;
+	i[0] === d ? M = i[1] : (M = (e) => {
 		d.set(e);
-	}, i[0] = d, i[1] = j);
-	let P = j, F = f.isOpen ? "block" : "none", I;
-	i[2] !== p || i[3] !== f ? (I = (e) => {
-		e.preventDefault(), e.stopPropagation(), p && f.close();
-	}, i[2] = p, i[3] = f, i[4] = I) : I = i[4];
-	let L = !p, R;
-	i[5] !== l || i[6] !== c || i[7] !== m || i[8] !== w ? (R = m && l.length === 0 && c.length > 0 && /* @__PURE__ */ T(u, {
+	}, i[0] = d, i[1] = M);
+	let F = M, I = p.isOpen ? "block" : "none", L;
+	i[2] !== h || i[3] !== p ? (L = (e) => {
+		e.preventDefault(), e.stopPropagation(), h && p.close();
+	}, i[2] = h, i[3] = p, i[4] = L) : L = i[4];
+	let R = !h, z;
+	i[5] !== l || i[6] !== c || i[7] !== g || i[8] !== A ? (z = g && l.length === 0 && c.length > 0 && /* @__PURE__ */ w(u, {
 		px: s.Small,
 		color: n.OnSurfaceSubdued,
-		children: `${w.noMatchFor} "${c}"`
-	}), i[5] = l, i[6] = c, i[7] = m, i[8] = w, i[9] = R) : R = i[9];
-	let z;
-	i[10] !== k || i[11] !== P || i[12] !== e ? (z = T(k === "stacked" ? M : N, {
-		...e,
-		onHover: P
-	}), i[10] = k, i[11] = P, i[12] = e, i[13] = z) : z = i[13];
+		children: A.noMatchFor(c)
+	}), i[5] = l, i[6] = c, i[7] = g, i[8] = A, i[9] = z) : z = i[9];
 	let B;
-	i[14] !== l || i[15] !== h || i[16] !== w ? (B = h && /* @__PURE__ */ T(u, {
+	i[10] !== C || i[11] !== F || i[12] !== e ? (B = w(C === "stacked" ? N : P, {
+		...e,
+		onHover: F
+	}), i[10] = C, i[11] = F, i[12] = e, i[13] = B) : B = i[13];
+	let V;
+	i[14] !== l || i[15] !== _ || i[16] !== A ? (V = _ && /* @__PURE__ */ w(u, {
 		px: s.Small,
 		py: s.Small,
 		color: n.OnSurfaceSubdued,
 		fontSize: r.Small,
-		children: v(w.showMaxItems, { count: l.length })
-	}), i[14] = l, i[15] = h, i[16] = w, i[17] = B) : B = i[17];
-	let V;
-	i[18] !== L || i[19] !== R || i[20] !== z || i[21] !== B ? (V = /* @__PURE__ */ E(C, {
+		children: A.showMaxItems(l.length)
+	}), i[14] = l, i[15] = _, i[16] = A, i[17] = V) : V = i[17];
+	let H;
+	i[18] !== R || i[19] !== z || i[20] !== B || i[21] !== V ? (H = /* @__PURE__ */ T(D, {
 		as: "ul",
 		flexDirection: "column",
 		maxHeight: "300px",
 		overflowY: "auto",
 		overflowX: "hidden",
 		role: "listbox",
-		"aria-multiselectable": L,
+		"aria-multiselectable": R,
 		padding: `${s.Small} 0`,
 		children: [
-			R,
 			z,
-			B
+			B,
+			V
 		]
-	}), i[18] = L, i[19] = R, i[20] = z, i[21] = B, i[22] = V) : V = i[22];
-	let H;
-	i[23] === x ? H = i[24] : (H = x && /* @__PURE__ */ T(S, {
+	}), i[18] = R, i[19] = z, i[20] = B, i[21] = V, i[22] = H) : H = i[22];
+	let U;
+	i[23] === S ? U = i[24] : (U = S && /* @__PURE__ */ w(E, {
 		position: "sticky",
 		bottom: "0",
 		backgroundColor: n.Surface,
 		padding: `${s.Small} ${s.Medium}`,
 		borderTop: `${t.XSmall} ${n.OnSurfaceBorder}`,
 		tabIndex: -1,
-		children: x
-	}), i[23] = x, i[24] = H);
-	let U;
-	return i[25] !== A || i[26] !== b || i[27] !== F || i[28] !== I || i[29] !== V || i[30] !== H ? (U = /* @__PURE__ */ E(S, {
-		display: F,
+		children: S
+	}), i[23] = S, i[24] = U);
+	let W;
+	return i[25] !== j || i[26] !== x || i[27] !== I || i[28] !== L || i[29] !== H || i[30] !== U ? (W = /* @__PURE__ */ T(E, {
+		display: I,
 		inset: "0 auto auto 0",
 		position: "fixed",
 		zIndex: "50",
@@ -118,16 +119,16 @@ function A(e) {
 		boxShadow: o.Medium,
 		color: n.OnSurface,
 		overflow: "hidden",
-		style: A,
-		ref: b,
+		style: j,
+		ref: x,
 		maxW: "90%",
-		onClick: I,
-		children: [V, H]
-	}), i[25] = A, i[26] = b, i[27] = F, i[28] = I, i[29] = V, i[30] = H, i[31] = U) : U = i[31], U;
+		onClick: L,
+		children: [H, U]
+	}), i[25] = j, i[26] = x, i[27] = I, i[28] = L, i[29] = H, i[30] = U, i[31] = W) : W = i[31], W;
 }
-var j = (e) => {
-	let t = (0, D.c)(7), { children: r, isChecked: i, onClick: a, isActive: o, onHover: c } = e, l = o ? n.AccentHoverAlpha : "", u;
-	return t[0] !== r || t[1] !== o || t[2] !== i || t[3] !== a || t[4] !== c || t[5] !== l ? (u = /* @__PURE__ */ T(C, {
+var M = (e) => {
+	let t = (0, O.c)(7), { children: r, isChecked: i, onClick: a, isActive: o, onHover: c } = e, l = o ? n.AccentHoverAlpha : "", u;
+	return t[0] !== r || t[1] !== o || t[2] !== i || t[3] !== a || t[4] !== c || t[5] !== l ? (u = /* @__PURE__ */ w(D, {
 		as: "li",
 		role: "option",
 		width: "100%",
@@ -144,94 +145,94 @@ var j = (e) => {
 		"aria-selected": i,
 		children: r
 	}), t[0] = r, t[1] = o, t[2] = i, t[3] = a, t[4] = c, t[5] = l, t[6] = u) : u = t[6], u;
-}, M = ({ displayItems: e, selectedItems: t, toggleItem: r, onHover: i, parentSelectsChildren: a, highlightState: o, inputValue: c, isSingleSelect: l }) => {
-	let u = (e, t) => e.children && e.children.length > 0 ? e.children.every((e) => u(e, t)) : t.some((t) => t.id === e.id), p = (e) => e.children && e.children.length > 0 ? e.children.some((e) => p(e)) : t.some((t) => t.id === e.id), m = 0, h = (e, t, g = []) => e.map((e) => {
+}, N = ({ displayItems: e, selectedItems: t, toggleItem: r, onHover: i, parentSelectsChildren: a, highlightState: o, inputValue: c, isSingleSelect: l }) => {
+	let u = (e, t) => e.children && e.children.length > 0 ? e.children.every((e) => u(e, t)) : t.some((t) => t.id === e.id), f = (e) => e.children && e.children.length > 0 ? e.children.some((e) => f(e)) : t.some((t) => t.id === e.id), m = 0, h = (e, t, g = []) => e.map((e) => {
 		let _ = (t) => {
 			t.stopPropagation(), t.preventDefault(), r(e);
 		};
 		g.length > 0 && --g[g.length - 1];
-		let v = m++, b = e.children && e.children.length > 0, x = !b || e.isSelectableParent, w = t.some((t) => t.id === e.id);
-		return a && b && !e.isSelectableParent && u(e, t) && (w = !0), /* @__PURE__ */ E(y, { children: [/* @__PURE__ */ E(j, {
+		let v = m++, y = e.children && e.children.length > 0, x = !y || e.isSelectableParent, S = t.some((t) => t.id === e.id);
+		return a && y && !e.isSelectableParent && u(e, t) && (S = !0), /* @__PURE__ */ T(b, { children: [/* @__PURE__ */ T(M, {
 			isActive: o.index === v,
-			isChecked: w,
+			isChecked: S,
 			onClick: _,
 			onHover: () => i(v),
-			children: [/* @__PURE__ */ E(C, {
+			children: [/* @__PURE__ */ T(D, {
 				alignItems: "center",
 				whiteSpace: "nowrap",
 				minW: 0,
 				children: [g.map((t, r, i) => {
 					let a = i.length === r + 1, o = t > 0, c = t === 0, l = o || a;
-					return /* @__PURE__ */ E(C, {
+					return /* @__PURE__ */ T(D, {
 						w: s.Medium,
 						minW: s.Medium,
 						alignItems: "center",
 						my: "-0.5rem",
 						h: "2.5rem",
-						children: [l && /* @__PURE__ */ T(S, {
+						children: [l && /* @__PURE__ */ w(E, {
 							w: "1px",
 							h: c ? "52%" : "100%",
 							backgroundColor: n.OnSurface,
 							mb: "auto"
-						}), a && /* @__PURE__ */ T(S, {
+						}), a && /* @__PURE__ */ w(E, {
 							w: "inherit",
 							height: "1px",
 							backgroundColor: n.OnSurface,
 							mr: s.XSmall
 						})]
 					}, `${e.id}_${r}`);
-				}), /* @__PURE__ */ T(f, {
+				}), /* @__PURE__ */ w(p, {
 					item: e,
 					asPlainText: !0,
 					highlightQuery: c
 				})]
-			}), x ? /* @__PURE__ */ T(k, {
+			}), x ? /* @__PURE__ */ w(A, {
 				isSingleSelect: l,
-				isChecked: w
-			}) : a && !l && /* @__PURE__ */ T(d, {
-				isIndeterminate: p(e),
-				isChecked: w
+				isChecked: S
+			}) : a && !l && /* @__PURE__ */ w(d, {
+				isIndeterminate: f(e),
+				isChecked: S
 			})]
 		}), e.children && h(e.children, t, [...g, e.children.length])] }, e.id);
 	});
 	return h(e, t);
-}, N = ({ displayItems: e, selectedItems: t, toggleItem: r, onHover: a, highlightState: o, isSingleSelect: u, subMenuState: d, parentStrings: p, asPlainText: m, isSearching: h, isReadOnly: g, previousSelectedItems: _ }) => {
+}, P = ({ displayItems: e, selectedItems: t, toggleItem: r, onHover: a, highlightState: o, isSingleSelect: u, subMenuState: d, parentStrings: f, asPlainText: m, isSearching: h, isReadOnly: g, previousSelectedItems: _ }) => {
 	let v = (e, t) => {
 		e.stopPropagation(), e.preventDefault(), r(t);
 	};
-	return e.map((r, b) => {
-		let x = t.some((e) => e.id === r.id), D = r.children?.length, O = r.id === "_back", A = d.opened[d.opened.length - 1], M = r.id === A?.id, N = O ? /* @__PURE__ */ E(C, {
+	return e.map((r, y) => {
+		let x = t.some((e) => e.id === r.id), S = r.children?.length, O = r.id === "_back", k = d.opened[d.opened.length - 1], j = r.id === k?.id, N = O ? /* @__PURE__ */ T(D, {
 			gap: s.XSmall,
 			alignItems: "center",
-			children: [/* @__PURE__ */ T(c, { size: i.Small }), r.label]
-		}) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E(C, {
+			children: [/* @__PURE__ */ w(c, { size: i.Small }), r.label]
+		}) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ T(D, {
 			gap: s.XSmall,
 			alignItems: "center",
 			whiteSpace: "nowrap",
-			children: [p[r.id]?.map((e) => /* @__PURE__ */ E(y, { children: [/* @__PURE__ */ T(S, {
+			children: [f[r.id]?.map((e) => /* @__PURE__ */ T(b, { children: [/* @__PURE__ */ w(E, {
 				color: n.OnSurfaceSubdued,
 				children: e
-			}), /* @__PURE__ */ T(S, {
+			}), /* @__PURE__ */ w(E, {
 				color: n.OnSurfaceSubdued,
 				children: "/"
-			})] }, e)), /* @__PURE__ */ T(f, {
+			})] }, e)), /* @__PURE__ */ w(p, {
 				item: r,
 				asPlainText: m
 			})]
-		}), g ? void 0 : D && !M && !h ? /* @__PURE__ */ T(l, {
+		}), g ? void 0 : S && !j && !h ? /* @__PURE__ */ w(l, {
 			size: i.Small,
 			color: n.OnBackgroundSubdued
-		}) : /* @__PURE__ */ T(k, {
+		}) : /* @__PURE__ */ w(A, {
 			isSingleSelect: u,
 			isChecked: x
-		})] }), P = _.length > 0 && _.length - 1 === b && _.length < e.length, F = !g && !h && (P || O || M);
-		return /* @__PURE__ */ E(y, { children: [/* @__PURE__ */ T(j, {
-			isActive: o.index === b,
+		})] }), P = _.length > 0 && _.length - 1 === y && _.length < e.length, F = !g && !h && (P || O || j);
+		return /* @__PURE__ */ T(b, { children: [/* @__PURE__ */ w(M, {
+			isActive: o.index === y,
 			isChecked: x,
 			onClick: (e) => v(e, r),
-			onHover: () => a(b),
+			onHover: () => a(y),
 			children: N
-		}), F && /* @__PURE__ */ T(S, {
+		}), F && /* @__PURE__ */ w(E, {
 			margin: `${s.Small} ${O ? 0 : s.Medium}`,
 			height: "1px",
 			flexShrink: 0,
@@ -239,6 +240,6 @@ var j = (e) => {
 		})] }, r.id);
 	});
 };
-function P() {}
+function F() {}
 //#endregion
-export { A as ComboboxMenu };
+export { j as ComboboxMenu };

package/dist/components/combobox/combobox.d.ts

@@ -6,5 +6,5 @@ import { ComboboxProps } from './types.js';
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/combobox
  */
-export declare function Combobox({ id, label, isSingleSelect, selectedItems, locale, size, variant, asPlainText, onSearch, items, maxVisibleItems, onChange, onBlur, isDisabled, isReadOnly, isRequired, placeholder, footerContent, popoverWidth, popoverPlacement, collapsed, folderStyle, keepSearchAfterSelect, parentSelectsChildren, ...props }: ComboboxProps): import('react').JSX.Element;
+export declare function Combobox({ id, label, isSingleSelect, selectedItems, size, variant, asPlainText, onSearch, items, maxVisibleItems, onChange, onBlur, isDisabled, isReadOnly, isRequired, placeholder, footerContent, popoverWidth, popoverPlacement, collapsed, folderStyle, keepSearchAfterSelect, parentSelectsChildren, ...props }: ComboboxProps): import('react').JSX.Element;
 //# sourceMappingURL=combobox.d.ts.map

package/dist/components/combobox/combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAIX,aAAa,EAGb,MAAM,SAAS,CAAC;AA0GjB;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACxB,EAAE,EACF,KAAU,EACV,cAAsB,EACtB,aAAkB,EAClB,MAAgB,EAChB,IAAW,EACX,OAAmB,EACnB,WAAmB,EACnB,QAAQ,EACR,KAAK,EACL,eAAe,EACf,QAAQ,EACR,MAAM,EACN,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,SAAiB,EACjB,WAAuB,EACvB,qBAAiD,EACjD,qBAAqB,EACrB,GAAG,KAAK,EACR,EAAE,aAAa,+BAiWf"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAIX,aAAa,EAEb,MAAM,SAAS,CAAC;AA6GjB;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACxB,EAAE,EACF,KAAU,EACV,cAAsB,EACtB,aAAkB,EAClB,IAAW,EACX,OAAmB,EACnB,WAAmB,EACnB,QAAQ,EACR,KAAK,EACL,eAAe,EACf,QAAQ,EACR,MAAM,EACN,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,SAAiB,EACjB,WAAuB,EACvB,qBAAiD,EACjD,qBAAqB,EACrB,GAAG,KAAK,EACR,EAAE,aAAa,+BAgWf"}

package/dist/components/combobox/combobox.js

@@ -1,13 +1,14 @@
 import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
-import { ComboboxButton as t } from "./combobox-button.js";
-import { translations as n } from "./translations.js";
-import { ComboboxMenu as r } from "./combobox-menu.js";
-import { useEffect as i, useRef as a, useState as o } from "react";
-import { Box as s, useFieldContext as c } from "@chakra-ui/react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useComponentTranslations as t } from "../../theme/translations.js";
+import { comboboxTranslations as n } from "./combobox.translations.js";
+import { ComboboxButton as r } from "./combobox-button.js";
+import { ComboboxMenu as i } from "./combobox-menu.js";
+import { useEffect as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Box as u, useFieldContext as d } from "@chakra-ui/react";
 //#region lib/components/combobox/combobox.tsx
-var d = e(), f = (e, t) => {
-	let n = (0, d.c)(15), [r, i] = o(0), a;
+var f = e(), p = (e, t) => {
+	let n = (0, f.c)(15), [r, i] = s(0), a;
 	n[0] === t ? a = n[1] : (a = (e) => {
 		if (!t.current) return;
 		let n = [...t.current.querySelectorAll("li")];
@@ -16,86 +17,86 @@ var d = e(), f = (e, t) => {
 			block: "nearest"
 		}), i(e));
 	}, n[0] = t, n[1] = a);
-	let s = a, c;
-	n[2] !== r || n[3] !== e || n[4] !== s ? (c = () => s((r + 1) % e.length), n[2] = r, n[3] = e, n[4] = s, n[5] = c) : c = n[5];
+	let o = a, c;
+	n[2] !== r || n[3] !== e || n[4] !== o ? (c = () => o((r + 1) % e.length), n[2] = r, n[3] = e, n[4] = o, n[5] = c) : c = n[5];
 	let l = c, u;
-	n[6] !== r || n[7] !== e || n[8] !== s ? (u = () => s((r - 1 + e.length) % e.length), n[6] = r, n[7] = e, n[8] = s, n[9] = u) : u = n[9];
-	let f = u, p;
-	return n[10] !== r || n[11] !== s || n[12] !== l || n[13] !== f ? (p = {
+	n[6] !== r || n[7] !== e || n[8] !== o ? (u = () => o((r - 1 + e.length) % e.length), n[6] = r, n[7] = e, n[8] = o, n[9] = u) : u = n[9];
+	let d = u, p;
+	return n[10] !== r || n[11] !== o || n[12] !== l || n[13] !== d ? (p = {
 		index: r,
-		set: s,
+		set: o,
 		next: l,
-		previous: f
-	}, n[10] = r, n[11] = s, n[12] = l, n[13] = f, n[14] = p) : p = n[14], p;
-}, p = (e, t, n, r, i, a) => {
-	let s = (0, d.c)(13), [c, l] = o(!1), u = c && !r, f;
-	s[0] !== t || s[1] !== i || s[2] !== n ? (f = () => {
+		previous: d
+	}, n[10] = r, n[11] = o, n[12] = l, n[13] = d, n[14] = p) : p = n[14], p;
+}, m = (e, t, n, r, i, a) => {
+	let o = (0, f.c)(13), [c, l] = s(!1), u = c && !r, d;
+	o[0] !== t || o[1] !== i || o[2] !== n ? (d = () => {
 		t || (n(""), i?.("")), l(!1);
-	}, s[0] = t, s[1] = i, s[2] = n, s[3] = f) : f = s[3];
-	let p = f, m;
-	s[4] !== e || s[5] !== r || s[6] !== u || s[7] !== a ? (m = () => {
+	}, o[0] = t, o[1] = i, o[2] = n, o[3] = d) : d = o[3];
+	let p = d, m;
+	o[4] !== e || o[5] !== r || o[6] !== u || o[7] !== a ? (m = () => {
 		u || r || (l(!0), e.set(0), a?.());
-	}, s[4] = e, s[5] = r, s[6] = u, s[7] = a, s[8] = m) : m = s[8];
+	}, o[4] = e, o[5] = r, o[6] = u, o[7] = a, o[8] = m) : m = o[8];
 	let h = m, g;
-	return s[9] !== p || s[10] !== u || s[11] !== h ? (g = {
+	return o[9] !== p || o[10] !== u || o[11] !== h ? (g = {
 		isOpen: u,
 		close: p,
 		open: h
-	}, s[9] = p, s[10] = u, s[11] = h, s[12] = g) : g = s[12], g;
-}, m = (e, t) => {
+	}, o[9] = p, o[10] = u, o[11] = h, o[12] = g) : g = o[12], g;
+}, h = (e, t) => {
 	for (let n of e) {
 		if (n.id === t) return [];
 		if (n.children) {
-			let e = m(n.children, t);
+			let e = h(n.children, t);
 			if (e !== void 0) return [n, ...e];
 		}
 	}
-}, h = (e, t) => {
-	let n = (0, d.c)(14), r;
-	n[0] === Symbol.for("react.memo_cache_sentinel") ? (r = [], n[0] = r) : r = n[0];
-	let [i, a] = o(r), s;
-	if (!i.length) s = e;
+}, g = (e) => {
+	let r = (0, f.c)(14), i = t(n), a;
+	r[0] === Symbol.for("react.memo_cache_sentinel") ? (a = [], r[0] = a) : a = r[0];
+	let [o, c] = s(a), l;
+	if (!o.length) l = e;
 	else {
-		let e = i[i.length - 1], r;
-		n[1] === t.back ? r = n[2] : (r = {
+		let e = o[o.length - 1], t;
+		r[1] === i.back ? t = r[2] : (t = {
 			id: "_back",
-			label: t.back
-		}, n[1] = t.back, n[2] = r);
-		let a = r, o;
-		n[3] === e?.children ? o = n[4] : (o = e?.children || [], n[3] = e?.children, n[4] = o);
-		let c = o, l;
-		n[5] !== a || n[6] !== c || n[7] !== e ? (l = e?.isSelectableParent ? [
-			a,
+			label: i.back
+		}, r[1] = i.back, r[2] = t);
+		let n = t, a;
+		r[3] === e?.children ? a = r[4] : (a = e?.children || [], r[3] = e?.children, r[4] = a);
+		let s = a, c;
+		r[5] !== n || r[6] !== s || r[7] !== e ? (c = e?.isSelectableParent ? [
+			n,
 			e,
-			...c
-		] : [a, ...c], n[5] = a, n[6] = c, n[7] = e, n[8] = l) : l = n[8], s = l;
+			...s
+		] : [n, ...s], r[5] = n, r[6] = s, r[7] = e, r[8] = c) : c = r[8], l = c;
 	}
-	let c, l;
-	n[9] === Symbol.for("react.memo_cache_sentinel") ? (c = (e) => {
-		a((t) => [...t, e]);
-	}, l = () => {
-		a(v);
-	}, n[9] = c, n[10] = l) : (c = n[9], l = n[10]);
-	let u;
-	return n[11] !== s || n[12] !== i ? (u = {
-		open: c,
-		back: l,
-		setPath: a,
-		opened: i,
-		current: s
-	}, n[11] = s, n[12] = i, n[13] = u) : u = n[13], u;
-}, g = (e) => {
+	let u, d;
+	r[9] === Symbol.for("react.memo_cache_sentinel") ? (u = (e) => {
+		c((t) => [...t, e]);
+	}, d = () => {
+		c(v);
+	}, r[9] = u, r[10] = d) : (u = r[9], d = r[10]);
+	let p;
+	return r[11] !== l || r[12] !== o ? (p = {
+		open: u,
+		back: d,
+		setPath: c,
+		opened: o,
+		current: l
+	}, r[11] = l, r[12] = o, r[13] = p) : p = r[13], p;
+}, ee = (e) => {
 	let t = {};
 	function n(e, r) {
 		t[e.id] = [...r], e.children && e.children.forEach((t) => n(t, [...r, e.label]));
 	}
 	return e.forEach((e) => n(e, [])), t;
 };
-function _({ id: e, label: d = "", isSingleSelect: _ = !1, selectedItems: v = [], locale: ee = "en-US", size: te = "md", variant: ne = "outline", asPlainText: y = !1, onSearch: b, items: x, maxVisibleItems: S, onChange: C, onBlur: w, isDisabled: T, isReadOnly: E, isRequired: re, placeholder: ie, footerContent: D, popoverWidth: O, popoverPlacement: ae, collapsed: oe = !1, folderStyle: k = "grouped", keepSearchAfterSelect: se = k === "stacked", parentSelectsChildren: A, ...j }) {
-	let [M, N] = o(y ? v[0]?.label ?? "" : ""), [ce, P] = o(!1), F = n[ee], I = a(null), L = a(null), R = h(x, F), le = M.toLowerCase() === v[0]?.label.toLowerCase(), z = M.length > 0 && !(y && le), B = c(), V = B?.invalid ?? !1, H = T ?? B?.disabled ?? !1, U = E ?? B?.readOnly ?? !1, W = re ?? B?.required ?? !1, G = R.current;
+function _({ id: e, label: f = "", isSingleSelect: _ = !1, selectedItems: v = [], size: te = "md", variant: ne = "outline", asPlainText: y = !1, onSearch: b, items: x, maxVisibleItems: S, onChange: C, onBlur: w, isDisabled: T, isReadOnly: E, isRequired: re, placeholder: ie, footerContent: ae, popoverWidth: oe, popoverPlacement: se, collapsed: D = !1, folderStyle: O = "grouped", keepSearchAfterSelect: k = O === "stacked", parentSelectsChildren: A, ...j }) {
+	let [M, N] = s(y ? v[0]?.label ?? "" : ""), [ce, P] = s(!1), le = t(n), F = o(null), I = o(null), L = g(x), R = M.toLowerCase() === v[0]?.label.toLowerCase(), z = M.length > 0 && !(y && R), B = d(), V = B?.invalid ?? !1, H = T ?? B?.disabled ?? !1, U = E ?? B?.readOnly ?? !1, W = re ?? B?.required ?? !1, G = L.current;
 	if (z) {
 		let e = [], t = M.toLowerCase();
-		if (k === "stacked") {
+		if (O === "stacked") {
 			let e = (n) => n.map((n) => {
 				let r = n.label.toLowerCase().includes(t), i = n.children && n.children.length > 0;
 				if (r) return n;
@@ -118,16 +119,16 @@ function _({ id: e, label: d = "", isSingleSelect: _ = !1, selectedItems: v = []
 			});
 		}
 	}
-	let K = f(G, L), [q, ue] = o([]), J = p(K, y, N, H, b, () => {
-		if (k !== "stacked") {
+	let K = p(G, I), [q, ue] = s([]), J = m(K, y, N, H, b, () => {
+		if (O !== "stacked") {
 			if (_) {
-				let e = v[0]?.id, t = e ? m(x, e) ?? [] : [];
-				R.setPath(t);
+				let e = v[0]?.id, t = e ? h(x, e) ?? [] : [];
+				L.setPath(t);
 				return;
 			}
 			ue(v);
 		}
-	}), [Y, de] = o({
+	}), [Y, de] = s({
 		isOpen: J.isOpen,
 		selectedItems: v,
 		asPlainText: y
@@ -139,10 +140,10 @@ function _({ id: e, label: d = "", isSingleSelect: _ = !1, selectedItems: v = []
 	}), y && !J.isOpen && N(v[0]?.label ?? "")), z || (G = [...q, ...G.filter((e) => !q.find((t) => t.label === e.label))]);
 	let X = !1;
 	U ? G = v : (X = G.length > (S ?? Infinity), G = G.slice(0, S));
-	let Z = g(x), fe = (e) => {
-		let t = R.opened.length > 0 && R.opened[R.opened.length - 1]?.id === e.id, n = e.children && e.children.length > 0;
+	let Z = ee(x), fe = (e) => {
+		let t = L.opened.length > 0 && L.opened[L.opened.length - 1]?.id === e.id, n = e.children && e.children.length > 0;
 		if (!z && !t && n) {
-			R.open(e), requestAnimationFrame(() => K.set(1));
+			L.open(e), requestAnimationFrame(() => K.set(1));
 			return;
 		}
 		return _ ? [e] : Q(e);
@@ -160,17 +161,17 @@ function _({ id: e, label: d = "", isSingleSelect: _ = !1, selectedItems: v = []
 	}
 	let he = (e) => {
 		if (!e || U || H) return;
-		if (L.current?.parentNode?.querySelector("input")?.focus(), e.id === "_back") {
-			R.back();
+		if (I.current?.parentNode?.querySelector("input")?.focus(), e.id === "_back") {
+			L.back();
 			return;
 		}
 		let t;
-		t = k === "grouped" ? fe(e) : pe(e), t && (y ? N(t[0]?.label ?? "") : se || (N(""), b?.("")), _ && (t.length === 0 ? J.open() : J.close()), C && C(t));
+		t = O === "grouped" ? fe(e) : pe(e), t && (y ? N(t[0]?.label ?? "") : k || (N(""), b?.("")), _ && (t.length === 0 ? J.open() : J.close()), C && C(t));
 	}, ge = () => {
-		U || H || W || v.length === 0 || (I.current?.querySelector("input")?.focus(), N(""), b?.(""), C?.([]));
-	}, _e = v.length === 0 ? ie ?? F.search : void 0;
-	i(() => {
-		let e = L.current?.querySelector("[role='listbox']");
+		U || H || W || v.length === 0 || (F.current?.querySelector("input")?.focus(), N(""), b?.(""), C?.([]));
+	}, _e = v.length === 0 ? ie ?? le.search : void 0;
+	a(() => {
+		let e = I.current?.querySelector("[role='listbox']");
 		if (!e || !J.isOpen) return;
 		let t = (t) => {
 			t.target === e && t.preventDefault();
@@ -180,7 +181,7 @@ function _({ id: e, label: d = "", isSingleSelect: _ = !1, selectedItems: v = []
 		};
 	}, [J.isOpen]);
 	let ve = (e) => {
-		I.current?.contains(e.relatedTarget) || (J.close(), P(!1), w && w(v));
+		F.current?.contains(e.relatedTarget) || (J.close(), P(!1), w && w(v));
 	}, $ = {
 		id: e,
 		asPlainText: y,
@@ -194,13 +195,13 @@ function _({ id: e, label: d = "", isSingleSelect: _ = !1, selectedItems: v = []
 		parentStrings: Z,
 		size: te,
 		variant: ne,
-		label: d,
+		label: f,
 		placeHolderText: _e,
 		isDisabled: H,
 		isReadOnly: U,
 		isInvalid: V,
 		isRequired: W,
-		collapsed: oe,
+		collapsed: D,
 		hasPendingDelete: ce,
 		setHasPendingDelete: P,
 		setInputValue: N,
@@ -208,22 +209,21 @@ function _({ id: e, label: d = "", isSingleSelect: _ = !1, selectedItems: v = []
 		isSingleSelect: _,
 		isSearching: z,
 		isHidingItems: X,
-		popoverWidth: O,
-		popoverPlacement: ae,
+		popoverWidth: oe,
+		popoverPlacement: se,
 		previousSelectedItems: q,
-		parentRef: I,
-		popupRef: L,
-		footerContent: D,
-		subMenuState: R,
-		translation: F,
-		folderStyle: k,
+		parentRef: F,
+		popupRef: I,
+		footerContent: ae,
+		subMenuState: L,
+		folderStyle: O,
 		parentSelectsChildren: A
 	};
-	return /* @__PURE__ */ l(s, {
+	return /* @__PURE__ */ c(u, {
 		role: "combobox",
 		asChild: !0,
 		className: "combobox",
-		ref: I,
+		ref: F,
 		onClick: J.open,
 		onBlur: ve,
 		overflow: "visible",
@@ -234,9 +234,9 @@ function _({ id: e, label: d = "", isSingleSelect: _ = !1, selectedItems: v = []
 		"aria-readonly": U,
 		"aria-invalid": V,
 		...j,
-		children: /* @__PURE__ */ u("label", {
+		children: /* @__PURE__ */ l("label", {
 			htmlFor: e,
-			children: [/* @__PURE__ */ l(t, { ...$ }), J.isOpen && /* @__PURE__ */ l(r, { ...$ })]
+			children: [/* @__PURE__ */ c(r, { ...$ }), J.isOpen && /* @__PURE__ */ c(i, { ...$ })]
 		})
 	});
 }