@solostylist/ui-kit 1.0.229 → 2.0.0

package/dist/{MenuList-vtqACjea.js → MenuList-DDV8J-yd.js}

@@ -1,13 +1,17 @@
 import { n as e } from "./chunk-C_CI6nMA.js";
-import { _ as t } from "./createTheme-Bnw5w28O.js";
-import { t as n } from "./useEnhancedEffect-Dsu5K7-Z.js";
-import { _ as r, b as i, d as a, f as o, g as s, l as c, v as l, y as u } from "./Modal-CLdC2-Th.js";
-import { n as d, t as f } from "./useForkRef-yOYCJHzF.js";
-import { a as p, r as m } from "./ButtonBase-BDefit5I.js";
-import * as h from "react";
-import { jsx as g } from "react/jsx-runtime";
+import { t } from "./prop-types-BzYPyWN7.js";
+import { t as n } from "./useEnhancedEffect-DFq_FMGX.js";
+import { o as r } from "./elementAcceptingRef-DhkNAkFH.js";
+import { n as i, t as a } from "./useForkRef-CKneCEtr.js";
+import { n as o, t as s } from "./useEventCallback-CVqMfiG_.js";
+import { c, l, o as u, s as d, u as f } from "./Modal-jAiibALV.js";
+import { r as p } from "./Portal-AnyvFRC4.js";
+import { t as m } from "./useEnhancedEffect-Bc3gBClC.js";
+import { t as h } from "./List-CnGIAXAS.js";
+import * as g from "react";
+import { jsx as _ } from "react/jsx-runtime";
 //#region ../../node_modules/@mui/utils/debounce/debounce.mjs
-function _(e, t = 166) {
+function v(e, t = 166) {
 	let n;
 	function r(...r) {
 		clearTimeout(n), n = setTimeout(() => {
@@ -20,10 +24,10 @@ function _(e, t = 166) {
 }
 //#endregion
 //#region ../../node_modules/@mui/material/utils/debounce.mjs
-var v = _, y = /* @__PURE__ */ e(t(), 1), b = l, x = r, S = n, C = /* @__PURE__ */ h.createContext(void 0);
+var y = v, b = /* @__PURE__ */ e(t(), 1), x = r, S = c, C = /* @__PURE__ */ g.createContext(void 0);
 process.env.NODE_ENV !== "production" && (C.displayName = "RovingTabIndexContext");
 function w() {
-	let e = h.useContext(C);
+	let e = g.useContext(C);
 	if (e === void 0) throw Error("MUI: RovingTabIndexContext is missing. Roving tab index items must be placed within a roving tab index provider.");
 	return e;
 }
@@ -49,48 +53,48 @@ var D = [
 	"End"
 ];
 function O(e) {
-	let { activeItemId: t, getDefaultActiveItemId: n, orientation: r, isRtl: a = !1, isItemFocusable: o = H, wrap: s = !0 } = e, [c, u] = h.useState(t), d = h.useRef(t), f = c;
-	t !== d.current && (d.current = t, t !== void 0 && t !== c && (f = t, u(t)));
-	let m = h.useRef(null), g = h.useRef(/* @__PURE__ */ new Map()), [_, v] = h.useState(0), y = h.useMemo(() => z(g.current), [_]), b = A(f, y, o, n), x = h.useRef(b);
+	let { activeItemId: t, getDefaultActiveItemId: n, orientation: i, isRtl: a = !1, isItemFocusable: s = H, wrap: c = !0 } = e, [l, u] = g.useState(t), d = g.useRef(t), p = l;
+	t !== d.current && (d.current = t, t !== void 0 && t !== l && (p = t, u(t)));
+	let m = g.useRef(null), h = g.useRef(/* @__PURE__ */ new Map()), [_, v] = g.useState(0), y = g.useMemo(() => z(h.current), [_]), b = A(p, y, s, n), x = g.useRef(b);
 	x.current = b;
-	let S = h.useCallback(() => {
-		let e = z(g.current);
-		return I(e, A(x.current, e, o, n));
-	}, [n, o]), C = h.useCallback(() => g.current, []), w = p((e) => {
-		E(g.current.get(e.id) ?? null, e) || (g.current.set(e.id, e), v((e) => e + 1));
-	}), T = p((e) => {
-		g.current.delete(e) && v((e) => e + 1);
-	}), O = p((e) => {
+	let S = g.useCallback(() => {
+		let e = z(h.current);
+		return I(e, A(x.current, e, s, n));
+	}, [n, s]), C = g.useCallback(() => h.current, []), w = o((e) => {
+		E(h.current.get(e.id) ?? null, e) || (h.current.set(e.id, e), v((e) => e + 1));
+	}), T = o((e) => {
+		h.current.delete(e) && v((e) => e + 1);
+	}), O = o((e) => {
 		u(e);
-	}), k = h.useCallback((e) => x.current === e, []), j = h.useCallback((e, t, n, r) => {
-		let i = P(B(g.current), e, t, n, r ?? o);
+	}), k = g.useCallback((e) => x.current === e, []), j = g.useCallback((e, t, n, r) => {
+		let i = P(B(h.current), e, t, n, r ?? s);
 		return i ? (i.element?.focus(), u(i.id), i) : null;
-	}, [o]), M = h.useCallback((e) => ({
+	}, [s]), M = g.useCallback((e) => ({
 		onFocus: (e) => {
-			let t = B(g.current), n = R(t, e.target);
+			let t = B(h.current), n = R(t, e.target);
 			n !== -1 && u(t[n].id);
 		},
 		onKeyDown: (e) => {
 			if (e.altKey || e.shiftKey || e.ctrlKey || e.metaKey || !D.includes(e.key)) return;
-			let t = r === "horizontal" ? "ArrowLeft" : "ArrowUp", n = r === "horizontal" ? "ArrowRight" : "ArrowDown";
-			r === "horizontal" && a && (t = "ArrowRight", n = "ArrowLeft");
-			let o = B(g.current), c = i(l(m.current)), u = c === m.current, d = N(o, c, x.current), f = "next";
+			let t = i === "horizontal" ? "ArrowLeft" : "ArrowUp", n = i === "horizontal" ? "ArrowRight" : "ArrowDown";
+			i === "horizontal" && a && (t = "ArrowRight", n = "ArrowLeft");
+			let o = B(h.current), s = f(r(m.current)), l = s === m.current, u = N(o, s, x.current), d = "next";
 			switch (e.key) {
 				case t:
-					f = "previous", e.preventDefault(), u && (d = o.length);
+					d = "previous", e.preventDefault(), l && (u = o.length);
 					break;
 				case n:
-					e.preventDefault(), u && (d = -1);
+					e.preventDefault(), l && (u = -1);
 					break;
 				case "Home":
-					e.preventDefault(), d = -1;
+					e.preventDefault(), u = -1;
 					break;
 				case "End":
-					e.preventDefault(), f = "previous", d = o.length;
+					e.preventDefault(), d = "previous", u = o.length;
 					break;
 				default: return;
 			}
-			j(d, f, s);
+			j(u, d, c);
 		},
 		ref: G(e, (e) => {
 			m.current = e;
@@ -98,13 +102,13 @@ function O(e) {
 	}), [
 		j,
 		a,
-		r,
-		s
-	]), F = h.useCallback((e) => {
-		let t = B(g.current), n = i(l(m.current));
+		i,
+		c
+	]), F = g.useCallback((e) => {
+		let t = B(h.current), n = f(r(m.current));
 		return j(n === m.current ? -1 : N(t, n, x.current), "next", !0, e)?.id ?? null;
 	}, [j]);
-	return h.useMemo(() => ({
+	return g.useMemo(() => ({
 		activeItemId: b,
 		focusNext: F,
 		getActiveItem: S,
@@ -127,7 +131,7 @@ function O(e) {
 	]);
 }
 function k(e) {
-	let { activeItemId: t, registerItem: r, unregisterItem: i } = w(), a = h.useRef(null), o = h.useMemo(() => ({
+	let { activeItemId: t, registerItem: r, unregisterItem: a } = w(), o = g.useRef(null), s = g.useMemo(() => ({
 		disabled: e.disabled ?? !1,
 		element: null,
 		focusableWhenDisabled: e.focusableWhenDisabled ?? !1,
@@ -140,36 +144,36 @@ function k(e) {
 		e.id,
 		e.selected,
 		e.textValue
-	]), s = h.useRef(o);
-	s.current = o;
-	let c = h.useCallback((t) => {
-		if (a.current = t, t == null) {
+	]), c = g.useRef(s);
+	c.current = s;
+	let l = g.useCallback((t) => {
+		if (o.current = t, t == null) {
 			queueMicrotask(() => {
-				a.current ?? i(e.id);
+				o.current ?? a(e.id);
 			});
 			return;
 		}
 		r({
-			...s.current,
+			...c.current,
 			element: t
 		});
 	}, [
 		e.id,
 		r,
-		i
-	]), l = d(e.ref, c);
+		a
+	]), u = i(e.ref, l);
 	return n(() => {
-		a.current && r({
-			...o,
-			element: a.current
+		o.current && r({
+			...s,
+			element: o.current
 		});
-	}, [o, r]), n(() => {
+	}, [s, r]), n(() => {
 		let t = e.id;
 		return () => {
-			i(t);
+			a(t);
 		};
-	}, [e.id, i]), {
-		ref: l,
+	}, [e.id, a]), {
+		ref: u,
 		tabIndex: t === e.id ? 0 : -1
 	};
 }
@@ -248,13 +252,13 @@ function W(e, t) {
 function G(...e) {
 	return (t) => {
 		e.forEach((e) => {
-			s(e ?? null, t);
+			p(e ?? null, t);
 		});
 	};
 }
 //#endregion
 //#region ../../node_modules/@mui/material/utils/getScrollbarSize.mjs
-var K = a;
+var K = u;
 //#endregion
 //#region ../../node_modules/@mui/material/utils/focusWithVisible.mjs
 function q(e, t) {
@@ -270,15 +274,15 @@ function q(e, t) {
 }
 //#endregion
 //#region ../../node_modules/@mui/material/Select/utils/SelectFocusSourceContext.mjs
-var J = /* @__PURE__ */ h.createContext(null);
+var J = /* @__PURE__ */ g.createContext(null);
 process.env.NODE_ENV !== "production" && (J.displayName = "SelectFocusSourceContext");
 function Y() {
-	return h.useContext(J);
+	return g.useContext(J);
 }
-var X = J.Provider, Z = /* @__PURE__ */ h.createContext(void 0);
+var X = J.Provider, Z = /* @__PURE__ */ g.createContext(void 0);
 process.env.NODE_ENV !== "production" && (Z.displayName = "MenuListContext");
 function ee() {
-	let e = h.useContext(Z);
+	let e = g.useContext(Z);
 	if (e === void 0) throw Error("MUI: MenuListContext is missing. MenuItems must be placed within Menu or MenuList.");
 	return e;
 }
@@ -302,30 +306,30 @@ function ne(e, t) {
 function re(e, t) {
 	q(e, t);
 }
-var $ = /* @__PURE__ */ h.forwardRef(function(e, t) {
-	let { actions: n, autoFocus: r = !1, autoFocusItem: i = !1, children: a, className: s, disabledItemsFocusable: l = !1, disableListWrap: d = !1, onKeyDown: p, variant: _ = "selectedMenu", ...v } = e, y = h.useRef(null), w = h.useRef(!1), [T, E] = h.useState(!1), D = Y(), k = h.useRef({
+var $ = /* @__PURE__ */ g.forwardRef(function(e, t) {
+	let { actions: n, autoFocus: r = !1, autoFocusItem: i = !1, children: o, className: c, disabledItemsFocusable: u = !1, disableListWrap: f = !1, onKeyDown: p, variant: v = "selectedMenu", ...y } = e, b = g.useRef(null), w = g.useRef(!1), [T, E] = g.useState(!1), D = Y(), k = g.useRef({
 		keys: [],
 		repeating: !0,
 		previousKeyMatched: !0,
 		lastTime: null
 	}), A = O({
 		activeItemId: void 0,
-		getDefaultActiveItemId: h.useCallback((e) => _ === "selectedMenu" ? e.find((e) => e.selected && H(e))?.id ?? e.find((e) => H(e))?.id ?? null : e.find((e) => H(e))?.id ?? null, [_]),
+		getDefaultActiveItemId: g.useCallback((e) => v === "selectedMenu" ? e.find((e) => e.selected && H(e))?.id ?? e.find((e) => H(e))?.id ?? null : e.find((e) => H(e))?.id ?? null, [v]),
 		orientation: "vertical",
-		wrap: !d
-	}), { activeItemId: j, focusNext: M, getActiveItem: N, getContainerProps: P, getItemMap: F } = A, I = m((e = !1) => {
-		if (!y.current || !e && w.current) return null;
+		wrap: !f
+	}), { activeItemId: j, focusNext: M, getActiveItem: N, getContainerProps: P, getItemMap: F } = A, I = s((e = !1) => {
+		if (!b.current || !e && w.current) return null;
 		if (i) {
 			let e = N();
 			if (e?.element) {
 				let t = Array.from(F().values()).some((e) => e.selected);
-				return E(_ === "menu" && t && !e.selected && D == null), re(e.element, D), w.current = !0, e.element;
+				return E(v === "menu" && t && !e.selected && D == null), re(e.element, D), w.current = !0, e.element;
 			}
-			return r ? (E(!1), y.current.focus(), y.current) : null;
+			return r ? (E(!1), b.current.focus(), b.current) : null;
 		}
-		return r ? (E(!1), y.current.focus(), w.current = !0, y.current) : (E(!1), null);
+		return r ? (E(!1), b.current.focus(), w.current = !0, b.current) : (E(!1), null);
 	});
-	S(() => {
+	m(() => {
 		if (!r && !i) {
 			w.current = !1, E(!1);
 			return;
@@ -336,35 +340,35 @@ var $ = /* @__PURE__ */ h.forwardRef(function(e, t) {
 		i,
 		r,
 		I
-	]), h.useImperativeHandle(n, () => ({
+	]), g.useImperativeHandle(n, () => ({
 		adjustStyleForScrollbar: (e, { direction: t }) => {
-			let n = !y.current.style.width;
-			if (e.clientHeight < y.current.clientHeight && n) {
-				let n = `${K(x(e))}px`;
-				y.current.style[t === "rtl" ? "paddingLeft" : "paddingRight"] = n, y.current.style.width = `calc(100% + ${n})`;
+			let n = !b.current.style.width;
+			if (e.clientHeight < b.current.clientHeight && n) {
+				let n = `${K(S(e))}px`;
+				b.current.style[t === "rtl" ? "paddingLeft" : "paddingRight"] = n, b.current.style.width = `calc(100% + ${n})`;
 			}
-			return y.current;
+			return b.current;
 		},
 		focusInitialTarget: () => {
-			if (!y.current) return null;
-			let e = u(b(y.current));
-			return e && o(y.current, e) ? e : I(!0);
+			if (!b.current) return null;
+			let e = l(x(b.current));
+			return e && d(b.current, e) ? e : I(!0);
 		}
 	}), [I]);
-	let L = P(), R = f(y, L.ref, t), z = h.useMemo(() => ({
-		itemsFocusableWhenDisabled: l,
+	let L = P(), R = a(b, L.ref, t), z = g.useMemo(() => ({
+		itemsFocusableWhenDisabled: u,
 		suppressInitialFocusVisible: T,
-		variant: _
+		variant: v
 	}), [
-		l,
+		u,
 		T,
-		_
+		v
 	]);
-	return /* @__PURE__ */ g(c, {
+	return /* @__PURE__ */ _(h, {
 		role: "menu",
 		ref: R,
-		className: s,
-		onKeyDown: m((e) => {
+		className: c,
+		onKeyDown: s((e) => {
 			if (T && E(!1), (e.ctrlKey || e.metaKey || e.altKey) && p) {
 				p(e);
 				return;
@@ -372,32 +376,32 @@ var $ = /* @__PURE__ */ h.forwardRef(function(e, t) {
 			if (L.onKeyDown(e), e.key.length === 1) {
 				let t = k.current, n = e.key.toLowerCase(), r = performance.now();
 				t.keys.length > 0 && (r - t.lastTime > 500 ? (t.keys = [], t.repeating = !0, t.previousKeyMatched = !0) : t.repeating && n !== t.keys[0] && (t.repeating = !1)), t.lastTime = r, t.keys.push(n);
-				let i = u(b(y.current)), a = i && !t.repeating && Q(i, t);
+				let i = l(x(b.current)), a = i && !t.repeating && Q(i, t);
 				t.previousKeyMatched && (a || M((e) => ne(e, t)) != null) ? e.preventDefault() : t.previousKeyMatched = !1;
 			}
 			p && p(e);
 		}),
 		onFocus: L.onFocus,
 		tabIndex: -1,
-		...v,
-		children: /* @__PURE__ */ g(Z.Provider, {
+		...y,
+		children: /* @__PURE__ */ _(Z.Provider, {
 			value: z,
-			children: /* @__PURE__ */ g(C.Provider, {
+			children: /* @__PURE__ */ _(C.Provider, {
 				value: A,
-				children: a
+				children: o
 			})
 		})
 	});
 });
 process.env.NODE_ENV !== "production" && ($.propTypes = {
-	autoFocus: y.default.bool,
-	autoFocusItem: y.default.bool,
-	children: y.default.node,
-	className: y.default.string,
-	disabledItemsFocusable: y.default.bool,
-	disableListWrap: y.default.bool,
-	onKeyDown: y.default.func,
-	variant: y.default.oneOf(["menu", "selectedMenu"])
+	autoFocus: b.default.bool,
+	autoFocusItem: b.default.bool,
+	children: b.default.node,
+	className: b.default.string,
+	disabledItemsFocusable: b.default.bool,
+	disableListWrap: b.default.bool,
+	onKeyDown: b.default.func,
+	variant: b.default.oneOf(["menu", "selectedMenu"])
 });
 //#endregion
-export { q as a, C as c, x as d, b as f, Y as i, w as l, _ as m, ee as n, k as o, v as p, X as r, O as s, $ as t, S as u };
+export { q as a, C as c, x as d, y as f, Y as i, w as l, ee as n, k as o, v as p, X as r, O as s, $ as t, S as u };