@solostylist/ui-kit 2.0.0 → 2.0.1

package/dist/MenuItem-rXJfQzDC.js

@@ -1,223 +0,0 @@
-import { n as e } from "./chunk-C_CI6nMA.js";
-import { t } from "./prop-types-BzYPyWN7.js";
-import { r as n, t as r } from "./DefaultPropsProvider-ebWx4_5E.js";
-import { t as i } from "./generateUtilityClass-PAIOm1jC.js";
-import { t as a } from "./clsx-DGZSe4Nt.js";
-import { t as o } from "./generateUtilityClasses-DvX505Gy.js";
-import { n as s, t as c } from "./styled-Bog8QCl3.js";
-import { a as l } from "./elementAcceptingRef-DhkNAkFH.js";
-import { t as u } from "./memoTheme-qFyKAk7y.js";
-import { t as d } from "./ButtonBase-DxKtpFYs.js";
-import { t as f } from "./useForkRef-CKneCEtr.js";
-import { a as p, i as m, n as h, o as g } from "./MenuList-DDV8J-yd.js";
-import { t as _ } from "./useEnhancedEffect-Bc3gBClC.js";
-import { t as v } from "./ListContext-B1HQt3OD.js";
-import * as y from "react";
-import { jsx as b } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/material/ListItemIcon/listItemIconClasses.mjs
-function x(e) {
-	return i("MuiListItemIcon", e);
-}
-var S = o("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
-//#endregion
-//#region ../../node_modules/@mui/material/Divider/dividerClasses.mjs
-function C(e) {
-	return i("MuiDivider", e);
-}
-var w = o("MuiDivider", [
-	"root",
-	"absolute",
-	"fullWidth",
-	"inset",
-	"middle",
-	"flexItem",
-	"vertical",
-	"withChildren",
-	"textAlignRight",
-	"textAlignLeft",
-	"wrapper",
-	"wrapperVertical"
-]), T = o("MuiListItemText", [
-	"root",
-	"multiline",
-	"dense",
-	"inset",
-	"primary",
-	"secondary"
-]), E = /* @__PURE__ */ e(t(), 1);
-function D(e) {
-	return i("MuiMenuItem", e);
-}
-var O = o("MuiMenuItem", [
-	"root",
-	"focusVisible",
-	"dense",
-	"disabled",
-	"divider",
-	"gutters",
-	"selected"
-]), k = (e, t) => {
-	let { ownerState: n } = e;
-	return [
-		t.root,
-		n.dense && t.dense,
-		n.divider && t.divider,
-		!n.disableGutters && t.gutters
-	];
-}, A = (e) => {
-	let { disabled: t, dense: r, divider: i, disableGutters: a, selected: o, classes: s } = e, c = n({ root: [
-		"root",
-		r && "dense",
-		t && "disabled",
-		!a && "gutters",
-		i && "divider",
-		o && "selected"
-	] }, D, s);
-	return {
-		...s,
-		...c
-	};
-}, j = c(d, {
-	shouldForwardProp: (e) => s(e) || e === "classes",
-	name: "MuiMenuItem",
-	slot: "Root",
-	overridesResolver: k
-})(u(({ theme: e }) => ({
-	...e.typography.body1,
-	display: "flex",
-	justifyContent: "flex-start",
-	alignItems: "center",
-	position: "relative",
-	textDecoration: "none",
-	minHeight: 48,
-	paddingTop: 6,
-	paddingBottom: 6,
-	boxSizing: "border-box",
-	whiteSpace: "nowrap",
-	"&:hover": {
-		textDecoration: "none",
-		backgroundColor: (e.vars || e).palette.action.hover,
-		"@media (hover: none)": { backgroundColor: "transparent" }
-	},
-	[`&.${O.selected}`]: {
-		backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity),
-		[`&.${O.focusVisible}`]: { backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.focusOpacity}`) }
-	},
-	[`&.${O.selected}:hover`]: {
-		backgroundColor: e.alpha((e.vars || e).palette.primary.main, `${(e.vars || e).palette.action.selectedOpacity} + ${(e.vars || e).palette.action.hoverOpacity}`),
-		"@media (hover: none)": { backgroundColor: e.alpha((e.vars || e).palette.primary.main, (e.vars || e).palette.action.selectedOpacity) }
-	},
-	[`&.${O.focusVisible}`]: { backgroundColor: (e.vars || e).palette.action.focus },
-	[`&.${O.disabled}`]: { opacity: (e.vars || e).palette.action.disabledOpacity },
-	[`& + .${w.root}`]: {
-		marginTop: e.spacing(1),
-		marginBottom: e.spacing(1)
-	},
-	[`& + .${w.inset}`]: { marginLeft: 52 },
-	[`& .${T.root}`]: {
-		marginTop: 0,
-		marginBottom: 0
-	},
-	[`& .${T.inset}`]: { paddingLeft: 36 },
-	[`& .${S.root}`]: { minWidth: 36 },
-	variants: [
-		{
-			props: ({ ownerState: e }) => !e.disableGutters,
-			style: {
-				paddingLeft: 16,
-				paddingRight: 16
-			}
-		},
-		{
-			props: ({ ownerState: e }) => e.divider,
-			style: {
-				borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
-				backgroundClip: "padding-box"
-			}
-		},
-		{
-			props: ({ ownerState: e }) => !e.dense,
-			style: { [e.breakpoints.up("sm")]: { minHeight: "auto" } }
-		},
-		{
-			props: ({ ownerState: e }) => e.dense,
-			style: {
-				minHeight: 32,
-				paddingTop: 4,
-				paddingBottom: 4,
-				...e.typography.body2,
-				[`& .${S.root} svg`]: { fontSize: "1.25rem" }
-			}
-		}
-	]
-}))), M = /* @__PURE__ */ y.forwardRef(function(e, t) {
-	let n = r({
-		props: e,
-		name: "MuiMenuItem"
-	}), { autoFocus: i = !1, component: o = "li", dense: s = !1, divider: c = !1, disableGutters: u = !1, focusVisibleClassName: d, role: x = "menuitem", tabIndex: S, className: C, ...w } = n, T = m(), E = y.useContext(v), D = y.useMemo(() => ({
-		dense: s || E.dense || !1,
-		disableGutters: u
-	}), [
-		E.dense,
-		s,
-		u
-	]), O = h(), k = l(), M = O.suppressInitialFocusVisible, N = O.itemsFocusableWhenDisabled, P = y.useRef(null);
-	_(() => {
-		i && (P.current ? p(P.current, T) : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
-	}, [i]);
-	let F = {
-		...n,
-		dense: D.dense,
-		divider: c,
-		disableGutters: u
-	}, I = A(n), { root: L, ...R } = I, z = g({
-		id: k,
-		ref: t,
-		disabled: n.disabled,
-		focusableWhenDisabled: N,
-		selected: n.selected
-	}), B = f(P, z.ref), V;
-	return S === void 0 ? O.variant === "selectedMenu" ? V = z.tabIndex : (!n.disabled || N) && (V = -1) : V = S, /* @__PURE__ */ b(v.Provider, {
-		value: D,
-		children: /* @__PURE__ */ b(j, {
-			ref: B,
-			role: x,
-			tabIndex: V,
-			component: o,
-			internalNativeButton: !1,
-			focusableWhenDisabled: N,
-			suppressFocusVisible: M,
-			focusVisibleClassName: a(I.focusVisible, d),
-			className: a(I.root, C),
-			...w,
-			ownerState: F,
-			classes: R
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && (M.propTypes = {
-	autoFocus: E.default.bool,
-	children: E.default.node,
-	classes: E.default.object,
-	className: E.default.string,
-	component: E.default.elementType,
-	dense: E.default.bool,
-	disabled: E.default.bool,
-	disableGutters: E.default.bool,
-	divider: E.default.bool,
-	focusVisibleClassName: E.default.string,
-	role: E.default.string,
-	selected: E.default.bool,
-	sx: E.default.oneOfType([
-		E.default.arrayOf(E.default.oneOfType([
-			E.default.func,
-			E.default.object,
-			E.default.bool
-		])),
-		E.default.func,
-		E.default.object
-	]),
-	tabIndex: E.default.number
-});
-//#endregion
-export { C as n, x as r, M as t };

package/dist/MenuList-DDV8J-yd.js

@@ -1,407 +0,0 @@
-import { n as e } from "./chunk-C_CI6nMA.js";
-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 v(e, t = 166) {
-	let n;
-	function r(...r) {
-		clearTimeout(n), n = setTimeout(() => {
-			e.apply(this, r);
-		}, t);
-	}
-	return r.clear = () => {
-		clearTimeout(n);
-	}, r;
-}
-//#endregion
-//#region ../../node_modules/@mui/material/utils/debounce.mjs
-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 = 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;
-}
-//#endregion
-//#region ../../node_modules/@mui/utils/fastObjectShallowCompare/fastObjectShallowCompare.mjs
-var T = Object.is;
-function E(e, t) {
-	if (e === t) return !0;
-	if (!(e instanceof Object) || !(t instanceof Object)) return !1;
-	let n = 0, r = 0;
-	for (let r in e) if (n += 1, !T(e[r], t[r]) || !(r in t)) return !1;
-	for (let e in t) r += 1;
-	return n === r;
-}
-//#endregion
-//#region ../../node_modules/@mui/utils/useRovingTabIndex/useRovingTabIndex.mjs
-var D = [
-	"ArrowRight",
-	"ArrowLeft",
-	"ArrowUp",
-	"ArrowDown",
-	"Home",
-	"End"
-];
-function O(e) {
-	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 = 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 = 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;
-	}, [s]), M = g.useCallback((e) => ({
-		onFocus: (e) => {
-			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 = 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:
-					d = "previous", e.preventDefault(), l && (u = o.length);
-					break;
-				case n:
-					e.preventDefault(), l && (u = -1);
-					break;
-				case "Home":
-					e.preventDefault(), u = -1;
-					break;
-				case "End":
-					e.preventDefault(), d = "previous", u = o.length;
-					break;
-				default: return;
-			}
-			j(u, d, c);
-		},
-		ref: G(e, (e) => {
-			m.current = e;
-		})
-	}), [
-		j,
-		a,
-		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 g.useMemo(() => ({
-		activeItemId: b,
-		focusNext: F,
-		getActiveItem: S,
-		getContainerProps: M,
-		getItemMap: C,
-		isItemActive: k,
-		registerItem: w,
-		setActiveItemId: O,
-		unregisterItem: T
-	}), [
-		b,
-		F,
-		S,
-		M,
-		C,
-		k,
-		w,
-		O,
-		T
-	]);
-}
-function k(e) {
-	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,
-		id: e.id,
-		selected: e.selected ?? !1,
-		textValue: e.textValue
-	}), [
-		e.disabled,
-		e.focusableWhenDisabled,
-		e.id,
-		e.selected,
-		e.textValue
-	]), c = g.useRef(s);
-	c.current = s;
-	let l = g.useCallback((t) => {
-		if (o.current = t, t == null) {
-			queueMicrotask(() => {
-				o.current ?? a(e.id);
-			});
-			return;
-		}
-		r({
-			...c.current,
-			element: t
-		});
-	}, [
-		e.id,
-		r,
-		a
-	]), u = i(e.ref, l);
-	return n(() => {
-		o.current && r({
-			...s,
-			element: o.current
-		});
-	}, [s, r]), n(() => {
-		let t = e.id;
-		return () => {
-			a(t);
-		};
-	}, [e.id, a]), {
-		ref: u,
-		tabIndex: t === e.id ? 0 : -1
-	};
-}
-function A(e, t, n, r) {
-	return e == null ? M(t, n, r) : j(e, t, n);
-}
-function j(e, t, n) {
-	let r = L(t, e);
-	return r === -1 ? F(t, n) : n(t[r]) ? t[r].id : P(t, r, "next", !1, n)?.id ?? null;
-}
-function M(e, t, n) {
-	let r = n?.(e);
-	if (r != null) {
-		let n = I(e, r);
-		if (n && t(n)) return n.id;
-	}
-	return F(e, t);
-}
-function N(e, t, n) {
-	if (t) {
-		let n = R(e, t);
-		if (n !== -1) return n;
-	}
-	return L(e, n);
-}
-function P(e, t, n, r, i) {
-	let a = e.length - 1;
-	if (a === -1) return null;
-	let o = !1, s = V(t, a, n, r), c = s;
-	for (; s !== -1;) {
-		if (s === c) {
-			if (o) return null;
-			o = !0;
-		}
-		let t = e[s];
-		if (!t || !i(t)) s = V(s, a, n, r);
-		else return t;
-	}
-	return null;
-}
-function F(e, t) {
-	return e.find((e) => t(e))?.id ?? null;
-}
-function I(e, t) {
-	return t == null ? null : e.find((e) => e.id === t) ?? null;
-}
-function L(e, t) {
-	return t == null ? -1 : e.findIndex((e) => e.id === t);
-}
-function R(e, t) {
-	return t ? e.findIndex((e) => e.element === t || e.element?.contains(t)) : -1;
-}
-function z(e) {
-	let t = Array.from(e.values());
-	if (t.every((e) => e.element == null)) return t;
-	let n = t.filter(U).sort((e, t) => W(e.element, t.element)), r = t.filter((e) => !U(e));
-	return [...n, ...r];
-}
-function B(e) {
-	return z(e).filter(U);
-}
-function V(e, t, n, r = !0) {
-	return n === "next" ? e === t ? r ? 0 : -1 : e + 1 : e === 0 ? r ? t : -1 : e - 1;
-}
-function H(e) {
-	return e.element ? e.focusableWhenDisabled ? !0 : !e.disabled && !e.element.hasAttribute("disabled") && e.element.getAttribute("aria-disabled") !== "true" && e.element.hasAttribute("tabindex") : !1;
-}
-function U(e) {
-	return e.element != null && e.element.isConnected;
-}
-function W(e, t) {
-	if (e === t) return 0;
-	let n = e.compareDocumentPosition(t);
-	return n & Node.DOCUMENT_POSITION_FOLLOWING || n & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING || n & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
-}
-function G(...e) {
-	return (t) => {
-		e.forEach((e) => {
-			p(e ?? null, t);
-		});
-	};
-}
-//#endregion
-//#region ../../node_modules/@mui/material/utils/getScrollbarSize.mjs
-var K = u;
-//#endregion
-//#region ../../node_modules/@mui/material/utils/focusWithVisible.mjs
-function q(e, t) {
-	if (t == null) {
-		e.focus();
-		return;
-	}
-	try {
-		e.focus({ focusVisible: t === "keyboard" });
-	} catch {
-		e.focus();
-	}
-}
-//#endregion
-//#region ../../node_modules/@mui/material/Select/utils/SelectFocusSourceContext.mjs
-var J = /* @__PURE__ */ g.createContext(null);
-process.env.NODE_ENV !== "production" && (J.displayName = "SelectFocusSourceContext");
-function Y() {
-	return g.useContext(J);
-}
-var X = J.Provider, Z = /* @__PURE__ */ g.createContext(void 0);
-process.env.NODE_ENV !== "production" && (Z.displayName = "MenuListContext");
-function ee() {
-	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;
-}
-//#endregion
-//#region ../../node_modules/@mui/material/MenuList/MenuList.mjs
-function te(e) {
-	let t = e?.element ?? e;
-	if (!t) return "";
-	if (e?.textValue !== void 0) return e.textValue;
-	let n = t.innerText;
-	return n === void 0 && (n = t.textContent), n ?? "";
-}
-function Q(e, t) {
-	if (t === void 0) return !0;
-	let n = te(e);
-	return n = n.trim().toLowerCase(), n.length === 0 ? !1 : t.repeating ? n[0] === t.keys[0] : n.startsWith(t.keys.join(""));
-}
-function ne(e, t) {
-	return Q(e, t) ? H(e) : !1;
-}
-function re(e, t) {
-	q(e, t);
-}
-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: 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: !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(v === "menu" && t && !e.selected && D == null), re(e.element, D), w.current = !0, e.element;
-			}
-			return r ? (E(!1), b.current.focus(), b.current) : null;
-		}
-		return r ? (E(!1), b.current.focus(), w.current = !0, b.current) : (E(!1), null);
-	});
-	m(() => {
-		if (!r && !i) {
-			w.current = !1, E(!1);
-			return;
-		}
-		I();
-	}, [
-		j,
-		i,
-		r,
-		I
-	]), g.useImperativeHandle(n, () => ({
-		adjustStyleForScrollbar: (e, { direction: t }) => {
-			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 b.current;
-		},
-		focusInitialTarget: () => {
-			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 = a(b, L.ref, t), z = g.useMemo(() => ({
-		itemsFocusableWhenDisabled: u,
-		suppressInitialFocusVisible: T,
-		variant: v
-	}), [
-		u,
-		T,
-		v
-	]);
-	return /* @__PURE__ */ _(h, {
-		role: "menu",
-		ref: R,
-		className: c,
-		onKeyDown: s((e) => {
-			if (T && E(!1), (e.ctrlKey || e.metaKey || e.altKey) && p) {
-				p(e);
-				return;
-			}
-			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 = 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,
-		...y,
-		children: /* @__PURE__ */ _(Z.Provider, {
-			value: z,
-			children: /* @__PURE__ */ _(C.Provider, {
-				value: A,
-				children: o
-			})
-		})
-	});
-});
-process.env.NODE_ENV !== "production" && ($.propTypes = {
-	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, 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 };