@caspeco/casper-ui-library 10.4.0 → 10.5.0

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

@@ -1,144 +1,140 @@
-import { jsx as w, jsxs as H, Fragment as le } from "react/jsx-runtime";
-import { c as ie } from "../../_virtual/compiler-runtime.js";
-import { Menu as Z, HStack as se, Box as ae } from "@chakra-ui/react";
-import me, { useRef as ee } from "react";
-import { setMenuItemElementType as pe } from "./helper.js";
-import { Flex as ce } from "../flex/flex.js";
-import { IconButton as ue } from "../icon-button/icon-button.js";
-import { ThemeColorVariable as Q, ThemeIconSizeVariable as te, ThemeSpaceVariable as N } from "../../theme/theme-types.js";
-import { TreeViewCollapseIcon as fe } from "../icon/icons/tree-view-collapse-icon.js";
-import { TreeViewExpandIcon as de } from "../icon/icons/tree-view-expand-icon.js";
-const Te = (h) => {
-  const e = ie.c(57);
-  let o, S, n, I, r, l, i, _, b, x, t;
-  e[0] !== h ? ({
-    text: t,
-    children: S,
-    onClick: r,
-    as: o,
-    isDisabled: b,
-    command: n,
-    itemType: x,
-    leftIcon: I,
-    rightIcon: _,
-    rightElement: i,
-    ...l
-  } = h, e[0] = h, e[1] = o, e[2] = S, e[3] = n, e[4] = I, e[5] = r, e[6] = l, e[7] = i, e[8] = _, e[9] = b, e[10] = x, e[11] = t) : (o = e[1], S = e[2], n = e[3], I = e[4], r = e[5], l = e[6], i = e[7], _ = e[8], b = e[9], x = e[10], t = e[11]);
-  const K = b === void 0 ? !1 : b, O = x === void 0 ? "button" : x, [s, ne] = me.useState(!1), y = ee(null), C = ee(null);
-  let v;
-  e[12] !== s ? (v = () => {
-    ne(!s);
-  }, e[12] = s, e[13] = v) : v = e[13];
-  const P = v;
-  let T;
-  e[14] !== o || e[15] !== O ? (T = o ?? pe(O), e[14] = o, e[15] = O, e[16] = T) : T = e[16];
-  const W = T, k = I, L = _, X = ge;
-  let M, R, z, B, E;
-  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = {
-    paddingLeft: "64px"
-  }, R = {
-    paddingLeft: "36px"
-  }, z = {
-    paddingLeft: "58px"
-  }, B = {
-    paddingLeft: "86px"
-  }, E = {
-    paddingLeft: "108px"
-  }, e[17] = M, e[18] = R, e[19] = z, e[20] = B, e[21] = E) : (M = e[17], R = e[18], z = e[19], B = e[20], E = e[21]);
-  let V;
-  e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = {
-    "& .menu-item": M,
-    "& .menugroup-item": R,
-    "& .menugroup-wrapper > .menugroup-item": z,
-    "& .menugroup-wrapper > .menu-item": B,
-    "& .menugroup-wrapper > .menugroup-wrapper > .menu-item": E,
-    position: "relative",
-    "&::before": X("28px"),
-    "& .menugroup-wrapper": {
-      "&::before": X("48px")
-    },
-    "& .menugroup-wrapper > .menugroup-wrapper": {
-      "&::before": X("68px")
-    }
-  }, e[22] = V) : V = e[22];
-  const oe = V;
-  let $;
-  e[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = (Y) => {
-    Y.stopPropagation();
-    e: switch (Y.key) {
-      case "ArrowLeft": {
-        const J = C.current?.previousSibling;
-        y.current = J, y.current?.focus();
-        break e;
-      }
-      case "ArrowRight": {
-        const J = y.current?.nextSibling;
-        C.current = J, C.current?.focus();
-        break e;
-      }
-    }
-  }, e[23] = $) : $ = e[23];
-  const re = $;
-  let A;
-  e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = {
-    bg: Q.AccentHoverAlpha,
-    transitionProperty: "background",
-    transitionDuration: "200ms",
-    transitionTimingFunction: "ease-in"
-  }, e[24] = A) : A = e[24];
-  const G = s ? fe : de, U = s ? `Collapse ${t}` : `Expand ${t}`;
-  let a;
-  e[25] !== G || e[26] !== U || e[27] !== P ? (a = /* @__PURE__ */ w(ue, { ref: y, onClick: P, variant: "ghost", tabIndex: 0, icon: G, "aria-label": U, size: "xs" }), e[25] = G, e[26] = U, e[27] = P, e[28] = a) : a = e[28];
-  let j, D;
-  e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = {
-    bg: "transparent"
-  }, D = {
-    bg: "transparent"
-  }, e[29] = j, e[30] = D) : (j = e[29], D = e[30]);
-  let m;
-  e[31] !== k ? (m = k && /* @__PURE__ */ w(k, { size: te.Medium }), e[31] = k, e[32] = m) : m = e[32];
-  let p;
-  e[33] !== L ? (p = L && /* @__PURE__ */ w(L, { color: Q.OnSurfaceBorder, size: te.Small }), e[33] = L, e[34] = p) : p = e[34];
-  let c;
-  e[35] !== n ? (c = n && /* @__PURE__ */ w(Z.ItemCommand, { children: n }), e[35] = n, e[36] = c) : c = e[36];
-  let u;
-  e[37] !== i || e[38] !== p || e[39] !== c || e[40] !== t ? (u = /* @__PURE__ */ H(ce, { justifyContent: "space-between", alignItems: "center", gap: N.Small, w: "100%", children: [
-    t,
-    i,
-    p,
-    c
-  ] }), e[37] = i, e[38] = p, e[39] = c, e[40] = t, e[41] = u) : u = e[41];
-  let f;
-  e[42] !== W || e[43] !== K || e[44] !== r || e[45] !== l || e[46] !== m || e[47] !== u ? (f = /* @__PURE__ */ H(Z.Item, { pl: 0, _groupHover: j, _hover: D, as: W, disabled: K, onClick: r, minWidth: "unset", w: `calc(100% - 24px - ${N.XSmall})`, ref: C, ...l, children: [
-    m,
-    u
-  ] }), e[42] = W, e[43] = K, e[44] = r, e[45] = l, e[46] = m, e[47] = u, e[48] = f) : f = e[48];
-  let d;
-  e[49] !== a || e[50] !== f ? (d = /* @__PURE__ */ H(se, { w: "100%", pl: N.Medium, gap: N.XSmall, className: "group menugroup-item", _hover: A, role: "group", onKeyUp: re, children: [
-    a,
-    f
-  ] }), e[49] = a, e[50] = f, e[51] = d) : d = e[51];
-  const q = s && S;
-  let g;
-  e[52] !== q ? (g = /* @__PURE__ */ w(ae, { className: "menugroup-wrapper", css: oe, children: q }), e[52] = q, e[53] = g) : g = e[53];
-  let F;
-  return e[54] !== d || e[55] !== g ? (F = /* @__PURE__ */ H(le, { children: [
-    d,
-    g
-  ] }), e[54] = d, e[55] = g, e[56] = F) : F = e[56], F;
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { ThemeColorVariable as t, ThemeIconSizeVariable as n, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
+import { TreeViewCollapseIcon as ee } from "../icon/icons/tree-view-collapse-icon.js";
+import { TreeViewExpandIcon as te } from "../icon/icons/tree-view-expand-icon.js";
+import { Flex as ne } from "../flex/flex.js";
+import { IconButton as re } from "../icon-button/icon-button.js";
+import { setMenuItemElementType as ie } from "./helper.js";
+import ae, { useRef as i } from "react";
+import { Box as oe, HStack as se, Menu as a } from "@chakra-ui/react";
+import { Fragment as ce, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region lib/components/menu/menu-group.tsx
+var le = e(), c = (e) => {
+	let c = (0, le.c)(57), l, u, d, f, p, m, h, g, _, v, y;
+	c[0] === e ? (l = c[1], u = c[2], d = c[3], f = c[4], p = c[5], m = c[6], h = c[7], g = c[8], _ = c[9], v = c[10], y = c[11]) : ({text: y, children: u, onClick: p, as: l, isDisabled: _, command: d, itemType: v, leftIcon: f, rightIcon: g, rightElement: h, ...m} = e, c[0] = e, c[1] = l, c[2] = u, c[3] = d, c[4] = f, c[5] = p, c[6] = m, c[7] = h, c[8] = g, c[9] = _, c[10] = v, c[11] = y);
+	let b = _ !== void 0 && _, x = v === void 0 ? "button" : v, [S, de] = ae.useState(!1), C = i(null), w = i(null), T;
+	c[12] === S ? T = c[13] : (T = () => {
+		de(!S);
+	}, c[12] = S, c[13] = T);
+	let E = T, D;
+	c[14] !== l || c[15] !== x ? (D = l ?? ie(x), c[14] = l, c[15] = x, c[16] = D) : D = c[16];
+	let O = D, k = f, A = g, j = ue, M, N, P, F, I;
+	c[17] === Symbol.for("react.memo_cache_sentinel") ? (M = { paddingLeft: "64px" }, N = { paddingLeft: "36px" }, P = { paddingLeft: "58px" }, F = { paddingLeft: "86px" }, I = { paddingLeft: "108px" }, c[17] = M, c[18] = N, c[19] = P, c[20] = F, c[21] = I) : (M = c[17], N = c[18], P = c[19], F = c[20], I = c[21]);
+	let L;
+	c[22] === Symbol.for("react.memo_cache_sentinel") ? (L = {
+		"& .menu-item": M,
+		"& .menugroup-item": N,
+		"& .menugroup-wrapper > .menugroup-item": P,
+		"& .menugroup-wrapper > .menu-item": F,
+		"& .menugroup-wrapper > .menugroup-wrapper > .menu-item": I,
+		position: "relative",
+		"&::before": j("28px"),
+		"& .menugroup-wrapper": { "&::before": j("48px") },
+		"& .menugroup-wrapper > .menugroup-wrapper": { "&::before": j("68px") }
+	}, c[22] = L) : L = c[22];
+	let fe = L, R;
+	c[23] === Symbol.for("react.memo_cache_sentinel") ? (R = (e) => {
+		e.stopPropagation();
+		bb17: switch (e.key) {
+			case "ArrowLeft": {
+				let e = w.current?.previousSibling;
+				C.current = e, C.current?.focus();
+				break bb17;
+			}
+			case "ArrowRight": {
+				let e = C.current?.nextSibling;
+				w.current = e, w.current?.focus();
+				break bb17;
+			}
+			default:
+		}
+	}, c[23] = R) : R = c[23];
+	let pe = R, z;
+	c[24] === Symbol.for("react.memo_cache_sentinel") ? (z = {
+		bg: t.AccentHoverAlpha,
+		transitionProperty: "background",
+		transitionDuration: "200ms",
+		transitionTimingFunction: "ease-in"
+	}, c[24] = z) : z = c[24];
+	let B = S ? ee : te, V = S ? `Collapse ${y}` : `Expand ${y}`, H;
+	c[25] !== B || c[26] !== V || c[27] !== E ? (H = /* @__PURE__ */ o(re, {
+		ref: C,
+		onClick: E,
+		variant: "ghost",
+		tabIndex: 0,
+		icon: B,
+		"aria-label": V,
+		size: "xs"
+	}), c[25] = B, c[26] = V, c[27] = E, c[28] = H) : H = c[28];
+	let U, W;
+	c[29] === Symbol.for("react.memo_cache_sentinel") ? (U = { bg: "transparent" }, W = { bg: "transparent" }, c[29] = U, c[30] = W) : (U = c[29], W = c[30]);
+	let G;
+	c[31] === k ? G = c[32] : (G = k && /* @__PURE__ */ o(k, { size: n.Medium }), c[31] = k, c[32] = G);
+	let K;
+	c[33] === A ? K = c[34] : (K = A && /* @__PURE__ */ o(A, {
+		color: t.OnSurfaceBorder,
+		size: n.Small
+	}), c[33] = A, c[34] = K);
+	let q;
+	c[35] === d ? q = c[36] : (q = d && /* @__PURE__ */ o(a.ItemCommand, { children: d }), c[35] = d, c[36] = q);
+	let J;
+	c[37] !== h || c[38] !== K || c[39] !== q || c[40] !== y ? (J = /* @__PURE__ */ s(ne, {
+		justifyContent: "space-between",
+		alignItems: "center",
+		gap: r.Small,
+		w: "100%",
+		children: [
+			y,
+			h,
+			K,
+			q
+		]
+	}), c[37] = h, c[38] = K, c[39] = q, c[40] = y, c[41] = J) : J = c[41];
+	let Y;
+	c[42] !== O || c[43] !== b || c[44] !== p || c[45] !== m || c[46] !== G || c[47] !== J ? (Y = /* @__PURE__ */ s(a.Item, {
+		pl: 0,
+		_groupHover: U,
+		_hover: W,
+		as: O,
+		disabled: b,
+		onClick: p,
+		minWidth: "unset",
+		w: `calc(100% - 24px - ${r.XSmall})`,
+		ref: w,
+		...m,
+		children: [G, J]
+	}), c[42] = O, c[43] = b, c[44] = p, c[45] = m, c[46] = G, c[47] = J, c[48] = Y) : Y = c[48];
+	let X;
+	c[49] !== H || c[50] !== Y ? (X = /* @__PURE__ */ s(se, {
+		w: "100%",
+		pl: r.Medium,
+		gap: r.XSmall,
+		className: "group menugroup-item",
+		_hover: z,
+		role: "group",
+		onKeyUp: pe,
+		children: [H, Y]
+	}), c[49] = H, c[50] = Y, c[51] = X) : X = c[51];
+	let Z = S && u, Q;
+	c[52] === Z ? Q = c[53] : (Q = /* @__PURE__ */ o(oe, {
+		className: "menugroup-wrapper",
+		css: fe,
+		children: Z
+	}), c[52] = Z, c[53] = Q);
+	let $;
+	return c[54] !== X || c[55] !== Q ? ($ = /* @__PURE__ */ s(ce, { children: [X, Q] }), c[54] = X, c[55] = Q, c[56] = $) : $ = c[56], $;
 };
-function ge(h) {
-  return {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: h,
-    width: "1px",
-    height: "100%",
-    backgroundColor: Q.OnSurfaceBorder,
-    zIndex: 1
-  };
+function ue(e) {
+	return {
+		content: "\"\"",
+		position: "absolute",
+		top: 0,
+		left: e,
+		width: "1px",
+		height: "100%",
+		backgroundColor: t.OnSurfaceBorder,
+		zIndex: 1
+	};
 }
-export {
-  Te as MenuGroup
-};
+//#endregion
+export { c as MenuGroup };

package/dist/components/menu/menu-icon-button.js

@@ -1,12 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
-import { c as n } from "../../_virtual/compiler-runtime.js";
-import { MenuTrigger as i } from "@chakra-ui/react";
-import { IconButton as m } from "../icon-button/icon-button.js";
-const s = (r) => {
-  const t = n.c(2);
-  let o;
-  return t[0] !== r ? (o = /* @__PURE__ */ e(i, { asChild: !0, children: /* @__PURE__ */ e(m, { ...r }) }), t[0] = r, t[1] = o) : o = t[1], o;
-};
-export {
-  s as MenuIconButton
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { IconButton as t } from "../icon-button/icon-button.js";
+import { MenuTrigger as n } from "@chakra-ui/react";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/components/menu/menu-icon-button.tsx
+var i = e(), a = (e) => {
+	let a = (0, i.c)(2), o;
+	return a[0] === e ? o = a[1] : (o = /* @__PURE__ */ r(n, {
+		asChild: !0,
+		children: /* @__PURE__ */ r(t, { ...e })
+	}), a[0] = e, a[1] = o), o;
 };
+//#endregion
+export { a as MenuIconButton };

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

@@ -1,46 +1,45 @@
-import { jsx as y, jsxs as M } from "react/jsx-runtime";
-import { c as V } from "../../_virtual/compiler-runtime.js";
-import { Menu as j } from "@chakra-ui/react";
-import { setMenuItemElementType as v } from "./helper.js";
-import { Flex as w } from "../flex/flex.js";
-import { ThemeIconSizeVariable as z, ThemeColorVariable as D, ThemeSpaceVariable as E } from "../../theme/theme-types.js";
-const X = (C) => {
-  const e = V.c(30);
-  let l, o, t, f, i, n, p, c, a;
-  e[0] !== C ? ({
-    children: o,
-    onClick: i,
-    as: l,
-    isDisabled: c,
-    itemType: a,
-    command: t,
-    leftIcon: f,
-    rightIcon: p,
-    ...n
-  } = C, e[0] = C, e[1] = l, e[2] = o, e[3] = t, e[4] = f, e[5] = i, e[6] = n, e[7] = p, e[8] = c, e[9] = a) : (l = e[1], o = e[2], t = e[3], f = e[4], i = e[5], n = e[6], p = e[7], c = e[8], a = e[9]);
-  const S = c === void 0 ? !1 : c, T = a === void 0 ? "button" : a;
-  let d;
-  e[10] !== l || e[11] !== T ? (d = l ?? v(T), e[10] = l, e[11] = T, e[12] = d) : d = e[12];
-  const x = d, u = f, I = p;
-  let b;
-  e[13] !== u ? (b = u && /* @__PURE__ */ y(u, { size: z.Medium }), e[13] = u, e[14] = b) : b = e[14];
-  const g = b;
-  let m;
-  e[15] !== I ? (m = I && /* @__PURE__ */ y(I, { color: D.OnSurfaceSubdued, size: z.Small }), e[15] = I, e[16] = m) : m = e[16];
-  let s;
-  e[17] !== t ? (s = t && /* @__PURE__ */ y(j.ItemCommand, { children: t }), e[17] = t, e[18] = s) : s = e[18];
-  let r;
-  e[19] !== o || e[20] !== m || e[21] !== s ? (r = /* @__PURE__ */ M(w, { justifyContent: "space-between", alignItems: "center", gap: E.XSmall, w: "100%", children: [
-    o,
-    m,
-    s
-  ] }), e[19] = o, e[20] = m, e[21] = s, e[22] = r) : r = e[22];
-  let h;
-  return e[23] !== x || e[24] !== S || e[25] !== i || e[26] !== n || e[27] !== g || e[28] !== r ? (h = /* @__PURE__ */ M(j.Item, { as: x, className: "menu-item", disabled: S, onClick: i, ...n, children: [
-    g,
-    r
-  ] }), e[23] = x, e[24] = S, e[25] = i, e[26] = n, e[27] = g, e[28] = r, e[29] = h) : h = e[29], h;
-};
-export {
-  X as MenuItem
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { ThemeColorVariable as t, ThemeIconSizeVariable as n, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
+import { Flex as i } from "../flex/flex.js";
+import { setMenuItemElementType as a } from "./helper.js";
+import { Menu as o } from "@chakra-ui/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region lib/components/menu/menu-item.tsx
+var l = e(), u = (e) => {
+	let u = (0, l.c)(30), d, f, p, m, h, g, _, v, y;
+	u[0] === e ? (d = u[1], f = u[2], p = u[3], m = u[4], h = u[5], g = u[6], _ = u[7], v = u[8], y = u[9]) : ({children: f, onClick: h, as: d, isDisabled: v, itemType: y, command: p, leftIcon: m, rightIcon: _, ...g} = e, u[0] = e, u[1] = d, u[2] = f, u[3] = p, u[4] = m, u[5] = h, u[6] = g, u[7] = _, u[8] = v, u[9] = y);
+	let b = v !== void 0 && v, x = y === void 0 ? "button" : y, S;
+	u[10] !== d || u[11] !== x ? (S = d ?? a(x), u[10] = d, u[11] = x, u[12] = S) : S = u[12];
+	let C = S, w = m, T = _, E;
+	u[13] === w ? E = u[14] : (E = w && /* @__PURE__ */ s(w, { size: n.Medium }), u[13] = w, u[14] = E);
+	let D = E, O;
+	u[15] === T ? O = u[16] : (O = T && /* @__PURE__ */ s(T, {
+		color: t.OnSurfaceSubdued,
+		size: n.Small
+	}), u[15] = T, u[16] = O);
+	let k;
+	u[17] === p ? k = u[18] : (k = p && /* @__PURE__ */ s(o.ItemCommand, { children: p }), u[17] = p, u[18] = k);
+	let A;
+	u[19] !== f || u[20] !== O || u[21] !== k ? (A = /* @__PURE__ */ c(i, {
+		justifyContent: "space-between",
+		alignItems: "center",
+		gap: r.XSmall,
+		w: "100%",
+		children: [
+			f,
+			O,
+			k
+		]
+	}), u[19] = f, u[20] = O, u[21] = k, u[22] = A) : A = u[22];
+	let j;
+	return u[23] !== C || u[24] !== b || u[25] !== h || u[26] !== g || u[27] !== D || u[28] !== A ? (j = /* @__PURE__ */ c(o.Item, {
+		as: C,
+		className: "menu-item",
+		disabled: b,
+		onClick: h,
+		...g,
+		children: [D, A]
+	}), u[23] = C, u[24] = b, u[25] = h, u[26] = g, u[27] = D, u[28] = A, u[29] = j) : j = u[29], j;
 };
+//#endregion
+export { u as MenuItem };

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

@@ -1,16 +1,15 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as s } from "../../_virtual/compiler-runtime.js";
-import { Portal as c, Menu as l } from "@chakra-ui/react";
-const u = (i) => {
-  const e = s.c(6);
-  let r, o;
-  e[0] !== i ? ({
-    children: r,
-    ...o
-  } = i, e[0] = i, e[1] = r, e[2] = o) : (r = e[1], o = e[2]);
-  let t;
-  return e[3] !== r || e[4] !== o ? (t = /* @__PURE__ */ n(c, { children: /* @__PURE__ */ n(l.Positioner, { children: /* @__PURE__ */ n(l.Content, { ...o, children: r }) }) }), e[3] = r, e[4] = o, e[5] = t) : t = e[5], t;
-};
-export {
-  u as MenuList
+import { require_compiler_runtime as e } from "../../node_modules/react/compiler-runtime.js";
+import { Menu as t, Portal as n } from "@chakra-ui/react";
+import { jsx as r } from "react/jsx-runtime";
+//#region lib/components/menu/menu-list.tsx
+var i = e(), a = (e) => {
+	let a = (0, i.c)(6), o, s;
+	a[0] === e ? (o = a[1], s = a[2]) : ({children: o, ...s} = e, a[0] = e, a[1] = o, a[2] = s);
+	let c;
+	return a[3] !== o || a[4] !== s ? (c = /* @__PURE__ */ r(n, { children: /* @__PURE__ */ r(t.Positioner, { children: /* @__PURE__ */ r(t.Content, {
+		...s,
+		children: o
+	}) }) }), a[3] = o, a[4] = s, a[5] = c) : c = a[5], c;
 };
+//#endregion
+export { a as MenuList };

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

@@ -1,82 +1,68 @@
-import { ThemeSpaceVariable as e, ThemeColorVariable as o, ThemeFontSizeVariable as a, ThemeShadowVariable as t } from "../../theme/theme-types.js";
-import { defineSlotRecipe as r } from "@chakra-ui/react";
-import { menuAnatomy as i } from "@chakra-ui/react/anatomy";
-const n = {
-  minW: "280px",
-  alignItems: "center",
-  color: o.OnSurface,
-  backgroundColor: o.Surface,
-  borderRadius: "none",
-  cursor: "pointer",
-  gap: e.XSmall,
-  py: e.Small,
-  px: e.Medium,
-  _hover: {
-    backgroundColor: o.AccentHoverAlpha,
-    textDecoration: "underline",
-    _disabled: {
-      textDecoration: "none",
-      backgroundColor: "transparent"
-    }
-  },
-  _highlighted: {
-    background: o.AccentHoverAlpha,
-    textDecoration: "underline",
-    _disabled: {
-      textDecoration: "none",
-      background: "transparent"
-    }
-  },
-  // Seems to be the only way to override the default margin of the icon (left)
-  "& .chakra-menu__icon-wrapper": {
-    mr: e.XSmall
-  }
-}, l = {
-  boxShadow: t.Medium,
-  bg: o.Surface,
-  border: "none",
-  borderRadius: e.Small,
-  // We don't use focus inside menus, it is handled by highlight state by Chakra.
-  "& *": {
-    _focus: {
-      outline: "none !important"
-    },
-    _focusVisible: {
-      outline: "none !important"
-    }
-  }
-}, m = {
-  opacity: 1,
-  color: o.OnSurfaceSubdued,
-  fontSize: a.Small,
-  mx: e.XSmall,
-  letterSpacing: "unset"
-}, d = r({
-  className: "menu",
-  slots: i.keys(),
-  base: {
-    item: n,
-    content: l,
-    itemCommand: m
-  },
-  variants: {
-    variant: {
-      subtle: {
-        item: n
-      }
-    },
-    size: {
-      md: {
-        content: {
-          py: e.Small,
-          px: 0,
-          minW: "14rem"
-        },
-        item: n
-      }
-    }
-  }
+import { ThemeColorVariable as e, ThemeFontSizeVariable as t, ThemeShadowVariable as n, ThemeSpaceVariable as r } from "../../theme/theme-types.js";
+import { defineSlotRecipe as i } from "@chakra-ui/react";
+import { menuAnatomy as a } from "@chakra-ui/react/anatomy";
+//#region lib/components/menu/menu-recipe.ts
+var o = {
+	minW: "280px",
+	alignItems: "center",
+	color: e.OnSurface,
+	backgroundColor: e.Surface,
+	borderRadius: "none",
+	cursor: "pointer",
+	gap: r.XSmall,
+	py: r.Small,
+	px: r.Medium,
+	_hover: {
+		backgroundColor: e.AccentHoverAlpha,
+		textDecoration: "underline",
+		_disabled: {
+			textDecoration: "none",
+			backgroundColor: "transparent"
+		}
+	},
+	_highlighted: {
+		background: e.AccentHoverAlpha,
+		textDecoration: "underline",
+		_disabled: {
+			textDecoration: "none",
+			background: "transparent"
+		}
+	},
+	"& .chakra-menu__icon-wrapper": { mr: r.XSmall }
+}, s = {
+	boxShadow: n.Medium,
+	bg: e.Surface,
+	border: "none",
+	borderRadius: r.Small,
+	"& *": {
+		_focus: { outline: "none !important" },
+		_focusVisible: { outline: "none !important" }
+	}
+}, c = {
+	opacity: 1,
+	color: e.OnSurfaceSubdued,
+	fontSize: t.Small,
+	mx: r.XSmall,
+	letterSpacing: "unset"
+}, l = i({
+	className: "menu",
+	slots: a.keys(),
+	base: {
+		item: o,
+		content: s,
+		itemCommand: c
+	},
+	variants: {
+		variant: { subtle: { item: o } },
+		size: { md: {
+			content: {
+				py: r.Small,
+				px: 0,
+				minW: "14rem"
+			},
+			item: o
+		} }
+	}
 });
-export {
-  d as menuRecipe
-};
+//#endregion
+export { l as menuRecipe };