@caspeco/casper-ui-library 10.3.1 → 10.5.0

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

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

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

@@ -1,24 +1,46 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { c as h } from "../../_virtual/compiler-runtime.js";
-import { Flex as f } from "@chakra-ui/react";
-import { Box as a } from "../box/box.js";
-import { Highlight as m } from "../highlight/highlight.js";
-import { Tag as x } from "../tag/tag.js";
-import { ThemeSpaceVariable as w } from "../../theme/theme-types.js";
-function j(s) {
-  const e = h.c(8), {
-    item: r,
-    asPlainText: o,
-    isDeleting: d,
-    highlightQuery: l
-  } = s, n = d ? "primary" : r.variant ?? "neutral", t = d || (r.solid ?? !1);
-  let p;
-  return e[0] !== o || e[1] !== l || e[2] !== r.append || e[3] !== r.label || e[4] !== r.prepend || e[5] !== t || e[6] !== n ? (p = o ? /* @__PURE__ */ c(f, { gap: w.XSmall, overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: [
-    r.prepend,
-    /* @__PURE__ */ i(a, { children: /* @__PURE__ */ i(m, { query: l ?? "", children: r.label }) }),
-    r.append
-  ] }) : /* @__PURE__ */ i(a, { overflow: "hidden", children: /* @__PURE__ */ i(x, { variant: n, solid: t, prepend: r.prepend, append: r.append, children: /* @__PURE__ */ i(a, { display: "block", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis", children: /* @__PURE__ */ i(m, { query: l ?? "", children: r.label }) }) }) }), e[0] = o, e[1] = l, e[2] = r.append, e[3] = r.label, e[4] = r.prepend, e[5] = t, e[6] = n, e[7] = p) : p = e[7], p;
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+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";
+//#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, {
+		gap: t.XSmall,
+		overflow: "hidden",
+		whiteSpace: "nowrap",
+		textOverflow: "ellipsis",
+		children: [
+			u.prepend,
+			/* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(i, {
+				query: p ?? "",
+				children: u.label
+			}) }),
+			u.append
+		]
+	}) : /* @__PURE__ */ o(n, {
+		overflow: "hidden",
+		children: /* @__PURE__ */ o(r, {
+			variant: m,
+			solid: h,
+			prepend: u.prepend,
+			append: u.append,
+			children: /* @__PURE__ */ o(n, {
+				display: "block",
+				overflow: "hidden",
+				whiteSpace: "nowrap",
+				textOverflow: "ellipsis",
+				children: /* @__PURE__ */ o(i, {
+					query: p ?? "",
+					children: u.label
+				})
+			})
+		})
+	}), l[0] = d, l[1] = p, l[2] = u.append, l[3] = u.label, l[4] = u.prepend, l[5] = h, l[6] = m, l[7] = g) : g = l[7], g;
 }
-export {
-  j as ComboboxItem
-};
+//#endregion
+export { l as ComboboxItem };