@caspeco/casper-ui-library 11.4.0 → 12.0.0

package/dist/components/collapsible/collapsible.js

@@ -2,48 +2,49 @@ import { require_compiler_runtime as e } from "../../node_modules/react/compiler
 import { ThemeColorVariable as t, ThemeSpaceVariable as n } from "../../theme/theme-types.js";
 import { ExpandIcon as r } from "../icon/icons/expand-icon.js";
 import { useRemoveAttributes as i } from "../../hooks/use-remove-attributes.js";
-import { translations as a } from "./translations.js";
-import { useLayoutEffect as o, useRef as s, useState as c } from "react";
-import { Box as l, Collapsible as u, Flex as d } from "@chakra-ui/react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useComponentTranslations as a } from "../../theme/translations.js";
+import { collapsibleTranslations as o } from "./collapsible.translations.js";
+import { useLayoutEffect as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Box as f, Collapsible as p, Flex as m } from "@chakra-ui/react";
 //#region lib/components/collapsible/collapsible.tsx
-var m = e(), h = "200ms", g = (e) => {
-	let t = (0, m.c)(23), { children: g, collapsedHeight: v, defaultExpanded: y, locale: b } = e, x = y === void 0 || y, S = b === void 0 ? "en-US" : b, [C, w] = c(x), [T, E] = c(!0), D = s(null), O = !T || C, k;
+var h = e(), g = "200ms", _ = (e) => {
+	let t = (0, h.c)(23), { children: _, collapsedHeight: y, defaultExpanded: b } = e, x = b === void 0 || b, S = a(o), [C, w] = l(x), [T, E] = l(!0), D = c(null), O = !T || C, k;
 	t[0] === Symbol.for("react.memo_cache_sentinel") ? (k = ["inert"], t[0] = k) : k = t[0], i(D, k, !O);
 	let A, j;
-	t[1] === v ? (A = t[2], j = t[3]) : (A = () => {
+	t[1] === y ? (A = t[2], j = t[3]) : (A = () => {
 		let e = D.current;
 		if (!e) return;
 		let t = () => {
 			let t = e.getBoundingClientRect().height;
-			E(t > v);
+			E(t > y);
 		};
 		t();
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => {
 			n.disconnect();
 		};
-	}, j = [v], t[1] = v, t[2] = A, t[3] = j), o(A, j);
+	}, j = [y], t[1] = y, t[2] = A, t[3] = j), s(A, j);
 	let M;
 	t[4] === Symbol.for("react.memo_cache_sentinel") ? (M = (e) => {
 		let { open: t } = e;
 		w(t);
 	}, t[4] = M) : M = t[4];
 	let N, P;
-	t[5] === Symbol.for("react.memo_cache_sentinel") ? (N = { animationDuration: h }, P = { animationDuration: h }, t[5] = N, t[6] = P) : (N = t[5], P = t[6]);
+	t[5] === Symbol.for("react.memo_cache_sentinel") ? (N = { animationDuration: g }, P = { animationDuration: g }, t[5] = N, t[6] = P) : (N = t[5], P = t[6]);
 	let F;
-	t[7] === g ? F = t[8] : (F = /* @__PURE__ */ f(u.Content, {
+	t[7] === _ ? F = t[8] : (F = /* @__PURE__ */ u(p.Content, {
 		_open: N,
 		_closed: P,
-		children: /* @__PURE__ */ f(l, {
+		children: /* @__PURE__ */ u(f, {
 			ref: D,
-			children: g
+			children: _
 		})
-	}), t[7] = g, t[8] = F);
+	}), t[7] = _, t[8] = F);
 	let I;
-	t[9] === O ? I = t[10] : (I = !O && /* @__PURE__ */ f(_, {}), t[9] = O, t[10] = I);
+	t[9] === O ? I = t[10] : (I = !O && /* @__PURE__ */ u(v, {}), t[9] = O, t[10] = I);
 	let L;
-	t[11] !== T || t[12] !== O || t[13] !== S ? (L = T && /* @__PURE__ */ f(d, {
+	t[11] !== T || t[12] !== O || t[13] !== S ? (L = T && /* @__PURE__ */ u(m, {
 		css: O ? { position: "relative" } : {
 			position: "absolute",
 			bottom: 0,
@@ -54,37 +55,37 @@ var m = e(), h = "200ms", g = (e) => {
 		alignItems: "center",
 		justifyContent: "center",
 		width: "100%",
-		children: /* @__PURE__ */ f(u.Trigger, { children: /* @__PURE__ */ f(u.Indicator, {
+		children: /* @__PURE__ */ u(p.Trigger, { children: /* @__PURE__ */ u(p.Indicator, {
 			width: 40,
 			height: 40,
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "center",
-			transition: `transform ${h} ease`,
-			"aria-label": O ? a[S].collapseContent : a[S].expandContent,
+			transition: `transform ${g} ease`,
+			"aria-label": O ? S.collapseContent : S.expandContent,
 			_open: { transform: "rotate(180deg)" },
-			children: /* @__PURE__ */ f(r, {})
+			children: /* @__PURE__ */ u(r, {})
 		}) })
 	}), t[11] = T, t[12] = O, t[13] = S, t[14] = L) : L = t[14];
 	let R;
-	t[15] !== I || t[16] !== L || t[17] !== F ? (R = /* @__PURE__ */ p(l, {
+	t[15] !== L || t[16] !== F || t[17] !== I ? (R = /* @__PURE__ */ d(f, {
 		position: "relative",
 		children: [
 			F,
 			I,
 			L
 		]
-	}), t[15] = I, t[16] = L, t[17] = F, t[18] = R) : R = t[18];
+	}), t[15] = L, t[16] = F, t[17] = I, t[18] = R) : R = t[18];
 	let z;
-	return t[19] !== v || t[20] !== O || t[21] !== R ? (z = /* @__PURE__ */ f(u.Root, {
-		collapsedHeight: v,
+	return t[19] !== y || t[20] !== O || t[21] !== R ? (z = /* @__PURE__ */ u(p.Root, {
+		collapsedHeight: y,
 		open: O,
 		onOpenChange: M,
 		children: R
-	}), t[19] = v, t[20] = O, t[21] = R, t[22] = z) : z = t[22], z;
-}, _ = () => {
-	let e = (0, m.c)(1), n;
-	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ f(l, {
+	}), t[19] = y, t[20] = O, t[21] = R, t[22] = z) : z = t[22], z;
+}, v = () => {
+	let e = (0, h.c)(1), n;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ u(f, {
 		"data-testid": "blur-overlay",
 		css: {
 			position: "absolute",
@@ -115,4 +116,4 @@ var m = e(), h = "200ms", g = (e) => {
 	}), e[0] = n) : n = e[0], n;
 };
 //#endregion
-export { g as Collapsible };
+export { _ as Collapsible };

package/dist/components/collapsible/collapsible.translations.d.ts

@@ -0,0 +1,6 @@
+export type CollapsibleTranslation = {
+    collapseContent: string;
+    expandContent: string;
+};
+export declare const collapsibleTranslations: import('../../theme/translations.js').ComponentTranslations<CollapsibleTranslation>;
+//# sourceMappingURL=collapsible.translations.d.ts.map

package/dist/components/collapsible/collapsible.translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.translations.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/collapsible.translations.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,sBAAsB,GAAG;IACpC,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,8EAiDlC,CAAC"}

package/dist/components/collapsible/collapsible.translations.js

@@ -0,0 +1,54 @@
+import { defineTranslations as e } from "../../theme/translations.js";
+//#region lib/components/collapsible/collapsible.translations.ts
+var t = e({
+	en: {
+		collapseContent: "Collapse content",
+		expandContent: "Expand content"
+	},
+	sv: {
+		collapseContent: "Kollapsa innehåll",
+		expandContent: "Expandera innehåll"
+	},
+	nb: {
+		collapseContent: "Skjul innhold",
+		expandContent: "Vis innhold"
+	},
+	da: {
+		collapseContent: "Skjul indhold",
+		expandContent: "Vis indhold"
+	},
+	fr: {
+		collapseContent: "Réduire le contenu",
+		expandContent: "Afficher le contenu"
+	},
+	nl: {
+		collapseContent: "Inhoud samenvouwen",
+		expandContent: "Inhoud uitvouwen"
+	},
+	de: {
+		collapseContent: "Inhalt einklappen",
+		expandContent: "Inhalt ausklappen"
+	},
+	fi: {
+		collapseContent: "Tiivistä sisältö",
+		expandContent: "Laajenna sisältö"
+	},
+	es: {
+		collapseContent: "Contraer contenido",
+		expandContent: "Expandir contenido"
+	},
+	et: {
+		collapseContent: "Ahenda sisu",
+		expandContent: "Laienda sisu"
+	},
+	lt: {
+		collapseContent: "Suskleisti turinį",
+		expandContent: "Išskleisti turinį"
+	},
+	lv: {
+		collapseContent: "Sakļaut saturu",
+		expandContent: "Izvērst saturu"
+	}
+});
+//#endregion
+export { t as collapsibleTranslations };

package/dist/components/collapsible/types.d.ts

@@ -1,14 +1,8 @@
 import { PropsWithChildren } from 'react';
-import { Locales } from './translations.js';
 export type CollapsibleProps = PropsWithChildren<{
     /** The height (in pixels) at which the content should be collapsed. If the content's height is less than or equal to this value, it will not be collapsible. */
     collapsedHeight: number;
     /** Whether the content should be expanded by default. */
     defaultExpanded?: boolean;
-    /**
-     * Locale used for translation of text contents native to the collapsible, such as aria-labels for the trigger button.
-     * Defaults to 'en-US'.
-     */
-    locale?: Locales;
 }>;
 //# sourceMappingURL=types.d.ts.map

package/dist/components/collapsible/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;IAChD,gKAAgK;IAChK,eAAe,EAAE,MAAM,CAAC;IACxB,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;IAChD,gKAAgK;IAChK,eAAe,EAAE,MAAM,CAAC;IACxB,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC,CAAC"}

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

@@ -1,3 +1,3 @@
 import { ComboboxInnerProps } from './types.js';
-export declare function ComboboxButton({ id, asPlainText, inputValue, selectedItems, displayItems, toggleItem, clearSelection, highlightState, openState, parentStrings, size, variant, label, placeHolderText, isDisabled, isReadOnly, isInvalid, isRequired, collapsed, hasPendingDelete, setHasPendingDelete, setInputValue, onSearch, isSingleSelect, translation, }: ComboboxInnerProps): import('react').JSX.Element;
+export declare function ComboboxButton({ id, asPlainText, inputValue, selectedItems, displayItems, toggleItem, clearSelection, highlightState, openState, parentStrings, size, variant, label, placeHolderText, isDisabled, isReadOnly, isInvalid, isRequired, collapsed, hasPendingDelete, setHasPendingDelete, setInputValue, onSearch, isSingleSelect, }: ComboboxInnerProps): import('react').JSX.Element;
 //# sourceMappingURL=combobox-button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-button.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-button.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAsBlD,wBAAgB,cAAc,CAAC,EAC9B,EAAE,EACF,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,cAAc,EACd,SAAS,EACT,aAAa,EACb,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,cAAc,EACd,WAAW,GACX,EAAE,kBAAkB,+BAiOpB"}
+{"version":3,"file":"combobox-button.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-button.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAwBlD,wBAAgB,cAAc,CAAC,EAC9B,EAAE,EACF,WAAW,EACX,UAAU,EACV,aAAa,EACb,YAAY,EACZ,UAAU,EACV,cAAc,EACd,cAAc,EACd,SAAS,EACT,aAAa,EACb,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,QAAQ,EACR,cAAc,GACd,EAAE,kBAAkB,+BAkOpB"}

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

@@ -3,16 +3,18 @@ import { ThemeColorVariable as t, ThemeIconSizeVariable as n, ThemeRadiusVariabl
 import { ClearIcon as te } from "../icon/icons/clear-icon.js";
 import { TreeViewCollapseIcon as ne } from "../icon/icons/tree-view-collapse-icon.js";
 import { IconButton as re } from "../icon-button/icon-button.js";
-import { Tag as ie } from "../tag/tag.js";
-import { ComboboxItem as ae } from "./combobox-item.js";
+import { useComponentTranslations as ie } from "../../theme/translations.js";
+import { Tag as ae } from "../tag/tag.js";
+import { ComboboxItem as oe } from "./combobox-item.js";
+import { comboboxTranslations as se } from "./combobox.translations.js";
 import { Fragment as i } from "react";
-import { Box as a, Flex as o, Input as oe, useRecipe as se } from "@chakra-ui/react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Box as s, Flex as c, Input as ce, useRecipe as le } from "@chakra-ui/react";
 //#region lib/components/combobox/combobox-button.tsx
-var ce = e();
-function le() {
-	let e = (0, ce.c)(1), n;
-	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ s(a, {
+var ue = e();
+function de() {
+	let e = (0, ue.c)(1), n;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ a(s, {
 		backgroundColor: t.NeutralContainer,
 		width: "8px",
 		borderRadius: "4px",
@@ -29,28 +31,28 @@ function le() {
 	}), e[0] = n) : n = e[0], n;
 }
 function l(e) {
-	let i = (0, ce.c)(78), { id: l, asPlainText: u, inputValue: d, selectedItems: f, displayItems: de, toggleItem: p, clearSelection: m, highlightState: h, openState: g, parentStrings: _, size: fe, variant: v, label: y, placeHolderText: b, isDisabled: x, isReadOnly: S, isInvalid: pe, isRequired: C, collapsed: w, hasPendingDelete: T, setHasPendingDelete: E, setInputValue: D, onSearch: O, isSingleSelect: k, translation: A } = e, j;
+	let i = (0, ue.c)(78), { id: l, asPlainText: u, inputValue: d, selectedItems: f, displayItems: pe, toggleItem: p, clearSelection: m, highlightState: h, openState: g, parentStrings: _, size: me, variant: he, label: v, placeHolderText: y, isDisabled: b, isReadOnly: x, isInvalid: S, isRequired: C, collapsed: w, hasPendingDelete: T, setHasPendingDelete: E, setInputValue: D, onSearch: O, isSingleSelect: k } = e, A = ie(se), j;
 	i[0] === Symbol.for("react.memo_cache_sentinel") ? (j = { key: "combobox" }, i[0] = j) : j = i[0];
-	let me = se(j), M;
-	i[1] !== me || i[2] !== fe || i[3] !== v ? (M = me({
-		variant: v,
-		size: fe
-	}), i[1] = me, i[2] = fe, i[3] = v, i[4] = M) : M = i[4];
-	let he = M, N;
-	i[5] !== u || i[6] !== m || i[7] !== de || i[8] !== T || i[9] !== h || i[10] !== d || i[11] !== k || i[12] !== O || i[13] !== g || i[14] !== f || i[15] !== E || i[16] !== D || i[17] !== p ? (N = (e) => {
-		if (e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), g.isOpen ? p(de[h.index]) : g.open()), e.key === "Escape") {
+	let ge = le(j), M;
+	i[1] !== ge || i[2] !== me || i[3] !== he ? (M = ge({
+		variant: he,
+		size: me
+	}), i[1] = ge, i[2] = me, i[3] = he, i[4] = M) : M = i[4];
+	let _e = M, N;
+	i[5] !== u || i[6] !== m || i[7] !== pe || i[8] !== T || i[9] !== h || i[10] !== d || i[11] !== k || i[12] !== O || i[13] !== g || i[14] !== f || i[15] !== E || i[16] !== D || i[17] !== p ? (N = (e) => {
+		if (e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), g.isOpen ? p(pe[h.index]) : g.open()), e.key === "Escape") {
 			if (!g.isOpen) return;
 			e.preventDefault(), e.stopPropagation(), g.close(), u || (D(""), O?.(""));
 		}
 		e.key === "Backspace" ? d.length === 0 && f.length > 0 && !u && (T ? (k ? m() : p(f[f.length - 1]), E(!1)) : E(!0)) : E(!1), e.key === "ArrowDown" && (g.isOpen ? h.next() : g.open()), e.key === "ArrowUp" && (g.isOpen ? h.previous() : g.open());
-	}, i[5] = u, i[6] = m, i[7] = de, i[8] = T, i[9] = h, i[10] = d, i[11] = k, i[12] = O, i[13] = g, i[14] = f, i[15] = E, i[16] = D, i[17] = p, i[18] = N) : N = i[18];
-	let ge = N, P;
+	}, i[5] = u, i[6] = m, i[7] = pe, i[8] = T, i[9] = h, i[10] = d, i[11] = k, i[12] = O, i[13] = g, i[14] = f, i[15] = E, i[16] = D, i[17] = p, i[18] = N) : N = i[18];
+	let ve = N, P;
 	i[19] !== h || i[20] !== O || i[21] !== g || i[22] !== D ? (P = (e) => {
 		e.preventDefault(), e.stopPropagation();
 		let t = e.target.value;
 		D(t), O?.(t), h.set(0), g.open();
 	}, i[19] = h, i[20] = O, i[21] = g, i[22] = D, i[23] = P) : P = i[23];
-	let F = P, I = f[0], L = f[f.length - 1], R = g.isOpen || u || b, z;
+	let F = P, I = f[0], L = f[f.length - 1], R = g.isOpen || u || y, z;
 	i[24] === R ? z = i[25] : (z = R ? { width: "100%" } : {
 		position: "absolute",
 		width: "1px",
@@ -62,62 +64,62 @@ function l(e) {
 		whiteSpace: "nowrap",
 		border: 0
 	}, i[24] = R, i[25] = z);
-	let B = z, _e = k ? r.Small : void 0, V, H;
-	i[26] === Symbol.for("react.memo_cache_sentinel") ? (V = {
+	let B = z, V = k ? r.Small : void 0, H, U;
+	i[26] === Symbol.for("react.memo_cache_sentinel") ? (H = {
 		borderColor: t.Error,
 		boxShadow: `0 0 0 4px ${t.ErrorContainer}`,
 		backgroundColor: t.Surface
-	}, H = {
+	}, U = {
 		borderColor: t.Info,
 		boxShadow: `0 0 0 4px ${t.InfoContainer}`,
 		backgroundColor: t.Surface
-	}, i[26] = V, i[27] = H) : (V = i[26], H = i[27]);
-	let U = w || k ? "nowrap" : "wrap", W;
-	i[28] === y ? W = i[29] : (W = y && /* @__PURE__ */ s(a, {
+	}, i[26] = H, i[27] = U) : (H = i[26], U = i[27]);
+	let ye = w || k ? "nowrap" : "wrap", W;
+	i[28] === v ? W = i[29] : (W = v && /* @__PURE__ */ a(s, {
 		whiteSpace: "nowrap",
-		children: y
-	}), i[28] = y, i[29] = W);
+		children: v
+	}), i[28] = v, i[29] = W);
 	let G;
-	i[30] !== u || i[31] !== w || i[32] !== T || i[33] !== L || i[34] !== f ? (G = !u && (w ? f.length > 0 && L && /* @__PURE__ */ c(o, {
+	i[30] !== u || i[31] !== w || i[32] !== T || i[33] !== L || i[34] !== f ? (G = !u && (w ? f.length > 0 && L && /* @__PURE__ */ o(c, {
 		gap: r.XSmall,
 		flexShrink: "1",
 		overflow: "hidden",
 		whiteSpace: "nowrap",
 		textOverflow: "ellipsis",
 		children: [
-			f.length > 3 && /* @__PURE__ */ s(le, {}),
-			f.length > 2 && /* @__PURE__ */ s(le, {}),
-			f.length > 1 && /* @__PURE__ */ s(ie, { children: f.length - 1 }),
-			/* @__PURE__ */ s(ae, {
+			f.length > 3 && /* @__PURE__ */ a(de, {}),
+			f.length > 2 && /* @__PURE__ */ a(de, {}),
+			f.length > 1 && /* @__PURE__ */ a(ae, { children: f.length - 1 }),
+			/* @__PURE__ */ a(oe, {
 				isDeleting: T,
 				item: L,
 				asPlainText: u
 			})
 		]
-	}) : f.map((e, t) => /* @__PURE__ */ s(ae, {
+	}) : f.map((e, t) => /* @__PURE__ */ a(oe, {
 		item: e,
 		asPlainText: u,
 		isDeleting: t === f.length - 1 && T
 	}, e.id))), i[30] = u, i[31] = w, i[32] = T, i[33] = L, i[34] = f, i[35] = G) : G = i[35];
 	let K;
-	i[36] !== u || i[37] !== I || i[38] !== d || i[39] !== _ || i[40] !== f.length ? (K = u && f.length > 0 && I && d === I.label && _[I.id]?.map(ue), i[36] = u, i[37] = I, i[38] = d, i[39] = _, i[40] = f.length, i[41] = K) : K = i[41];
+	i[36] !== u || i[37] !== I || i[38] !== d || i[39] !== _ || i[40] !== f.length ? (K = u && f.length > 0 && I && d === I.label && _[I.id]?.map(fe), i[36] = u, i[37] = I, i[38] = d, i[39] = _, i[40] = f.length, i[41] = K) : K = i[41];
 	let q, J;
 	i[42] === Symbol.for("react.memo_cache_sentinel") ? (q = { color: t.OnSurfaceSubdued }, J = {
 		cursor: "not-allowed",
 		color: t.OnSurfaceSubdued
 	}, i[42] = q, i[43] = J) : (q = i[42], J = i[43]);
 	let Y;
-	i[44] !== l || i[45] !== B || i[46] !== d || i[47] !== x || i[48] !== S || i[49] !== F || i[50] !== ge || i[51] !== b ? (Y = /* @__PURE__ */ s(oe, {
+	i[44] !== l || i[45] !== B || i[46] !== d || i[47] !== b || i[48] !== x || i[49] !== F || i[50] !== ve || i[51] !== y ? (Y = /* @__PURE__ */ a(ce, {
 		id: l,
-		disabled: x,
-		readOnly: S,
-		onKeyDown: ge,
+		disabled: b,
+		readOnly: x,
+		onKeyDown: ve,
 		unstyled: !0,
 		value: d,
 		autoComplete: "off",
 		minWidth: r.XLarge,
 		onChange: F,
-		placeholder: b,
+		placeholder: y,
 		border: "none",
 		flex: 1,
 		color: t.OnSurface,
@@ -125,12 +127,12 @@ function l(e) {
 		_placeholder: q,
 		_disabled: J,
 		css: B
-	}), i[44] = l, i[45] = B, i[46] = d, i[47] = x, i[48] = S, i[49] = F, i[50] = ge, i[51] = b, i[52] = Y) : Y = i[52];
+	}), i[44] = l, i[45] = B, i[46] = d, i[47] = b, i[48] = x, i[49] = F, i[50] = ve, i[51] = y, i[52] = Y) : Y = i[52];
 	let X;
-	i[53] !== W || i[54] !== G || i[55] !== K || i[56] !== Y || i[57] !== U ? (X = /* @__PURE__ */ c(o, {
+	i[53] !== W || i[54] !== G || i[55] !== K || i[56] !== Y || i[57] !== ye ? (X = /* @__PURE__ */ o(c, {
 		flex: 1,
 		minWidth: 0,
-		flexWrap: U,
+		flexWrap: ye,
 		gap: r.Small,
 		overflow: "hidden",
 		children: [
@@ -139,16 +141,16 @@ function l(e) {
 			K,
 			Y
 		]
-	}), i[53] = W, i[54] = G, i[55] = K, i[56] = Y, i[57] = U, i[58] = X) : X = i[58];
+	}), i[53] = W, i[54] = G, i[55] = K, i[56] = Y, i[57] = ye, i[58] = X) : X = i[58];
 	let Z;
-	i[59] !== m || i[60] !== x || i[61] !== S || i[62] !== C || i[63] !== k || i[64] !== f.length || i[65] !== A ? (Z = k && /* @__PURE__ */ s(a, {
+	i[59] !== m || i[60] !== b || i[61] !== x || i[62] !== C || i[63] !== k || i[64] !== f.length || i[65] !== A ? (Z = k && /* @__PURE__ */ a(s, {
 		height: n.Medium,
 		width: n.Medium,
 		flexShrink: 0,
 		display: "flex",
 		justifyContent: "center",
 		alignItems: "center",
-		children: f.length > 0 && !x && !S && !C && /* @__PURE__ */ s(re, {
+		children: f.length > 0 && !b && !x && !C && /* @__PURE__ */ a(re, {
 			icon: te,
 			type: "button",
 			"aria-label": A.clearSelection,
@@ -164,44 +166,44 @@ function l(e) {
 			variant: "ghost",
 			size: "sm"
 		})
-	}), i[59] = m, i[60] = x, i[61] = S, i[62] = C, i[63] = k, i[64] = f.length, i[65] = A, i[66] = Z) : Z = i[66];
-	let ve = x ? t.OnSurfaceSubdued : t.OnSurface, Q;
-	i[67] === ve ? Q = i[68] : (Q = /* @__PURE__ */ s(o, {
+	}), i[59] = m, i[60] = b, i[61] = x, i[62] = C, i[63] = k, i[64] = f.length, i[65] = A, i[66] = Z) : Z = i[66];
+	let be = b ? t.OnSurfaceSubdued : t.OnSurface, Q;
+	i[67] === be ? Q = i[68] : (Q = /* @__PURE__ */ a(c, {
 		className: "combobox-dropdown-icon",
 		justifyContent: "center",
 		alignItems: "center",
 		cursor: "pointer",
-		children: /* @__PURE__ */ s(ne, {
+		children: /* @__PURE__ */ a(ne, {
 			size: n.Small,
-			color: ve
+			color: be
 		})
-	}), i[67] = ve, i[68] = Q);
+	}), i[67] = be, i[68] = Q);
 	let $;
-	return i[69] !== x || i[70] !== pe || i[71] !== S || i[72] !== he || i[73] !== X || i[74] !== Z || i[75] !== Q || i[76] !== _e ? ($ = /* @__PURE__ */ c(o, {
-		css: he,
-		"aria-disabled": x,
-		"aria-readonly": S,
-		"aria-invalid": pe,
+	return i[69] !== b || i[70] !== S || i[71] !== x || i[72] !== _e || i[73] !== X || i[74] !== Z || i[75] !== Q || i[76] !== V ? ($ = /* @__PURE__ */ o(c, {
+		css: _e,
+		"aria-disabled": b,
+		"aria-readonly": x,
+		"aria-invalid": S,
 		borderRadius: ee.Small,
 		padding: r.Small,
-		gap: _e,
-		_invalid: V,
-		_focusWithin: H,
+		gap: V,
+		_invalid: H,
+		_focusWithin: U,
 		children: [
 			X,
 			Z,
 			Q
 		]
-	}), i[69] = x, i[70] = pe, i[71] = S, i[72] = he, i[73] = X, i[74] = Z, i[75] = Q, i[76] = _e, i[77] = $) : $ = i[77], $;
+	}), i[69] = b, i[70] = S, i[71] = x, i[72] = _e, i[73] = X, i[74] = Z, i[75] = Q, i[76] = V, i[77] = $) : $ = i[77], $;
 }
-function ue(e) {
-	return /* @__PURE__ */ c(i, { children: [/* @__PURE__ */ s(a, {
+function fe(e) {
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(s, {
 		color: t.OnSurfaceSubdued,
 		textOverflow: "ellipsis",
 		overflow: "hidden",
 		whiteSpace: "nowrap",
 		children: e
-	}), /* @__PURE__ */ s(a, {
+	}), /* @__PURE__ */ a(s, {
 		color: t.OnSurfaceSubdued,
 		children: "/"
 	})] }, e);

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

@@ -3,38 +3,38 @@ import { ThemeSpaceVariable as t } from "../../theme/theme-types.js";
 import { Box as n } from "../box/box.js";
 import { Tag as r } from "../tag/tag.js";
 import { Highlight as i } from "../highlight/highlight.js";
-import { Flex as a } from "@chakra-ui/react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Flex as s } from "@chakra-ui/react";
 //#region lib/components/combobox/combobox-item.tsx
 var c = e();
 function l(e) {
 	let l = (0, c.c)(8), { item: u, asPlainText: d, isDeleting: f, highlightQuery: p } = e, m = f ? "primary" : u.variant ?? "neutral", h = f || (u.solid ?? !1), g;
-	return l[0] !== d || l[1] !== p || l[2] !== u.append || l[3] !== u.label || l[4] !== u.prepend || l[5] !== h || l[6] !== m ? (g = d ? /* @__PURE__ */ s(a, {
+	return l[0] !== d || l[1] !== p || l[2] !== u.append || l[3] !== u.label || l[4] !== u.prepend || l[5] !== h || l[6] !== m ? (g = d ? /* @__PURE__ */ o(s, {
 		gap: t.XSmall,
 		overflow: "hidden",
 		whiteSpace: "nowrap",
 		textOverflow: "ellipsis",
 		children: [
 			u.prepend,
-			/* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(i, {
+			/* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(i, {
 				query: p ?? "",
 				children: u.label
 			}) }),
 			u.append
 		]
-	}) : /* @__PURE__ */ o(n, {
+	}) : /* @__PURE__ */ a(n, {
 		overflow: "hidden",
-		children: /* @__PURE__ */ o(r, {
+		children: /* @__PURE__ */ a(r, {
 			variant: m,
 			solid: h,
 			prepend: u.prepend,
 			append: u.append,
-			children: /* @__PURE__ */ o(n, {
+			children: /* @__PURE__ */ a(n, {
 				display: "block",
 				overflow: "hidden",
 				whiteSpace: "nowrap",
 				textOverflow: "ellipsis",
-				children: /* @__PURE__ */ o(i, {
+				children: /* @__PURE__ */ a(i, {
 					query: p ?? "",
 					children: u.label
 				})

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

@@ -1 +1 @@
-{"version":3,"file":"combobox-menu.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-menu.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACX,kBAAkB,EAIlB,MAAM,SAAS,CAAC;AAqDjB,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,+BAoGrD"}
+{"version":3,"file":"combobox-menu.d.ts","sourceRoot":"","sources":["../../../lib/components/combobox/combobox-menu.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACX,kBAAkB,EAIlB,MAAM,SAAS,CAAC;AAuDjB,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,+BAiGrD"}