@solostylist/ui-kit 2.0.1 → 2.0.2

package/dist/Menu-CnyB4SDS.js

@@ -0,0 +1,180 @@
+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 "./generateUtilityClasses-DvX505Gy.js";
+import { n as o, t as s } from "./styled-Bog8QCl3.js";
+import { t as c } from "./RtlProvider-B7uVJXUY.js";
+import { t as l } from "./useSlot-BG8ReOxN.js";
+import { t as u } from "./useSlotProps-BOO3qaI9.js";
+import { n as d } from "./Portal-i_wgIe9-.js";
+import { t as f } from "./MenuList-Cc98uWXq.js";
+import { n as p, t as m } from "./Popover-BFdKSYI5.js";
+import * as h from "react";
+import { jsx as g } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/Menu/menuClasses.mjs
+var _ = /* @__PURE__ */ e(t(), 1);
+function v(e) {
+	return i("MuiMenu", e);
+}
+a("MuiMenu", [
+	"root",
+	"paper",
+	"list"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/Menu/Menu.mjs
+var y = {
+	vertical: "top",
+	horizontal: "right"
+}, b = {
+	vertical: "top",
+	horizontal: "left"
+}, x = (e) => {
+	let { classes: t } = e;
+	return n({
+		root: ["root"],
+		paper: ["paper"],
+		list: ["list"]
+	}, v, t);
+}, S = s(m, {
+	shouldForwardProp: (e) => o(e) || e === "classes",
+	name: "MuiMenu",
+	slot: "Root"
+})({}), C = s(p, {
+	name: "MuiMenu",
+	slot: "Paper"
+})({
+	maxHeight: "calc(100% - 96px)",
+	WebkitOverflowScrolling: "touch"
+}), w = s(f, {
+	name: "MuiMenu",
+	slot: "List"
+})({ outline: 0 }), T = /* @__PURE__ */ h.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiMenu"
+	}), { autoFocus: i = !0, children: a, className: o, disableAutoFocusItem: s = !1, onClose: d, open: f, PopoverClasses: p, transitionDuration: m = "auto", variant: _ = "selectedMenu", slots: v = {}, slotProps: T = {}, ...E } = n, D = c(), O = {
+		...n,
+		autoFocus: i,
+		disableAutoFocusItem: s,
+		transitionDuration: m,
+		variant: _
+	}, k = x(O), A = i && f, j = A && !s, M = h.useRef(null), N = (e, t) => {
+		M.current && (M.current.adjustStyleForScrollbar(e, { direction: D ? "rtl" : "ltr" }), A && M.current.focusInitialTarget?.());
+	}, P = (e) => {
+		e.key === "Tab" && (e.preventDefault(), d && d(e, "tabKeyDown"));
+	}, F = {
+		slots: v,
+		slotProps: T
+	}, I = u({
+		elementType: v.root,
+		externalSlotProps: T.root,
+		ownerState: O,
+		className: [k.root, o]
+	}), [L, R] = l("paper", {
+		className: k.paper,
+		elementType: C,
+		externalForwardedProps: F,
+		shouldForwardComponentProp: !0,
+		ownerState: O
+	}), [z, B] = l("list", {
+		className: k.list,
+		elementType: w,
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: F,
+		getSlotProps: (e) => ({
+			...e,
+			onKeyDown: (t) => {
+				P(t), e.onKeyDown?.(t);
+			}
+		}),
+		ownerState: O
+	}), V = typeof T.transition == "function" ? T.transition(O) : T.transition;
+	return /* @__PURE__ */ g(S, {
+		disableAutoFocus: i,
+		onClose: d,
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: D ? "right" : "left"
+		},
+		transformOrigin: D ? y : b,
+		slots: {
+			root: v.root,
+			paper: L,
+			backdrop: v.backdrop,
+			transition: v.transition
+		},
+		slotProps: {
+			root: I,
+			paper: R,
+			backdrop: typeof T.backdrop == "function" ? T.backdrop(O) : T.backdrop,
+			transition: {
+				...V,
+				onEntering: (...e) => {
+					N(...e), V?.onEntering?.(...e);
+				}
+			}
+		},
+		open: f,
+		ref: t,
+		transitionDuration: m,
+		ownerState: O,
+		...E,
+		classes: p,
+		children: /* @__PURE__ */ g(z, {
+			actions: M,
+			autoFocus: A,
+			autoFocusItem: j,
+			variant: _,
+			...B,
+			children: a
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (T.propTypes = {
+	anchorEl: _.default.oneOfType([d, _.default.func]),
+	autoFocus: _.default.bool,
+	children: _.default.node,
+	classes: _.default.object,
+	className: _.default.string,
+	disableAutoFocusItem: _.default.bool,
+	onClose: _.default.func,
+	open: _.default.bool.isRequired,
+	PopoverClasses: _.default.object,
+	slotProps: _.default.shape({
+		backdrop: _.default.oneOfType([_.default.func, _.default.object]),
+		list: _.default.oneOfType([_.default.func, _.default.object]),
+		paper: _.default.oneOfType([_.default.func, _.default.object]),
+		root: _.default.oneOfType([_.default.func, _.default.object]),
+		transition: _.default.oneOfType([_.default.func, _.default.object])
+	}),
+	slots: _.default.shape({
+		backdrop: _.default.elementType,
+		list: _.default.elementType,
+		paper: _.default.elementType,
+		root: _.default.elementType,
+		transition: _.default.elementType
+	}),
+	sx: _.default.oneOfType([
+		_.default.arrayOf(_.default.oneOfType([
+			_.default.func,
+			_.default.object,
+			_.default.bool
+		])),
+		_.default.func,
+		_.default.object
+	]),
+	transitionDuration: _.default.oneOfType([
+		_.default.oneOf(["auto"]),
+		_.default.number,
+		_.default.shape({
+			appear: _.default.number,
+			enter: _.default.number,
+			exit: _.default.number
+		})
+	]),
+	variant: _.default.oneOf(["menu", "selectedMenu"])
+});
+//#endregion
+export { T as t };

package/dist/MenuItem-Ck30dBOR.js

@@ -0,0 +1,224 @@
+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 { r as l } from "./IconButton-CE-4GamO.js";
+import { t as u } from "./memoTheme-qFyKAk7y.js";
+import { t as d } from "./useForkRef-BuNFTXxE.js";
+import { t as f } from "./ButtonBase-DovDC6-1.js";
+import { t as p } from "./useEnhancedEffect-dBFfkm1e.js";
+import { n as m } from "./useRovingTabIndex-DPlW997R.js";
+import { a as h, i as g, n as _ } from "./MenuList-Cc98uWXq.js";
+import { n as v } from "./List-RNcZhRdr.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(f, {
+	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: f, role: x = "menuitem", tabIndex: S, className: C, ...w } = n, T = g(), E = y.useContext(v), D = y.useMemo(() => ({
+		dense: s || E.dense || !1,
+		disableGutters: u
+	}), [
+		E.dense,
+		s,
+		u
+	]), O = _(), k = l(), M = O.suppressInitialFocusVisible, N = O.itemsFocusableWhenDisabled, P = y.useRef(null);
+	p(() => {
+		i && (P.current ? h(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 = m({
+		id: k,
+		ref: t,
+		disabled: n.disabled,
+		focusableWhenDisabled: N,
+		selected: n.selected
+	}), B = d(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, f),
+			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-Cc98uWXq.js

@@ -0,0 +1,160 @@
+import { n as e } from "./chunk-C_CI6nMA.js";
+import { t } from "./prop-types-BzYPyWN7.js";
+import { t as n } from "./useForkRef-BuNFTXxE.js";
+import { t as r } from "./useEventCallback-DGCsaRIu.js";
+import { l as i, o as a, s as o } from "./Modal-CD2EBfU8.js";
+import { t as s } from "./ownerWindow-SSeeoqPT.js";
+import { t as c } from "./ownerDocument-pYjJiXem.js";
+import { t as l } from "./useEnhancedEffect-dBFfkm1e.js";
+import { i as u, r as d, t as f } from "./useRovingTabIndex-DPlW997R.js";
+import { t as p } from "./List-RNcZhRdr.js";
+import * as m from "react";
+import { jsx as h } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/utils/getScrollbarSize.mjs
+var g = /* @__PURE__ */ e(t(), 1), _ = a;
+//#endregion
+//#region ../../node_modules/@mui/material/utils/focusWithVisible.mjs
+function v(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 y = /* @__PURE__ */ m.createContext(null);
+process.env.NODE_ENV !== "production" && (y.displayName = "SelectFocusSourceContext");
+function b() {
+	return m.useContext(y);
+}
+var x = y.Provider, S = /* @__PURE__ */ m.createContext(void 0);
+process.env.NODE_ENV !== "production" && (S.displayName = "MenuListContext");
+function C() {
+	let e = m.useContext(S);
+	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 w(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 T(e, t) {
+	if (t === void 0) return !0;
+	let n = w(e);
+	return n = n.trim().toLowerCase(), n.length === 0 ? !1 : t.repeating ? n[0] === t.keys[0] : n.startsWith(t.keys.join(""));
+}
+function E(e, t) {
+	return T(e, t) ? f(e) : !1;
+}
+function D(e, t) {
+	v(e, t);
+}
+var O = /* @__PURE__ */ m.forwardRef(function(e, t) {
+	let { actions: a, autoFocus: g = !1, autoFocusItem: v = !1, children: y, className: x, disabledItemsFocusable: C = !1, disableListWrap: w = !1, onKeyDown: O, variant: k = "selectedMenu", ...A } = e, j = m.useRef(null), M = m.useRef(!1), [N, P] = m.useState(!1), F = b(), I = m.useRef({
+		keys: [],
+		repeating: !0,
+		previousKeyMatched: !0,
+		lastTime: null
+	}), L = d({
+		activeItemId: void 0,
+		getDefaultActiveItemId: m.useCallback((e) => k === "selectedMenu" ? e.find((e) => e.selected && f(e))?.id ?? e.find((e) => f(e))?.id ?? null : e.find((e) => f(e))?.id ?? null, [k]),
+		orientation: "vertical",
+		wrap: !w
+	}), { activeItemId: R, focusNext: z, getActiveItem: B, getContainerProps: V, getItemMap: H } = L, U = r((e = !1) => {
+		if (!j.current || !e && M.current) return null;
+		if (v) {
+			let e = B();
+			if (e?.element) {
+				let t = Array.from(H().values()).some((e) => e.selected);
+				return P(k === "menu" && t && !e.selected && F == null), D(e.element, F), M.current = !0, e.element;
+			}
+			return g ? (P(!1), j.current.focus(), j.current) : null;
+		}
+		return g ? (P(!1), j.current.focus(), M.current = !0, j.current) : (P(!1), null);
+	});
+	l(() => {
+		if (!g && !v) {
+			M.current = !1, P(!1);
+			return;
+		}
+		U();
+	}, [
+		R,
+		v,
+		g,
+		U
+	]), m.useImperativeHandle(a, () => ({
+		adjustStyleForScrollbar: (e, { direction: t }) => {
+			let n = !j.current.style.width;
+			if (e.clientHeight < j.current.clientHeight && n) {
+				let n = `${_(s(e))}px`;
+				j.current.style[t === "rtl" ? "paddingLeft" : "paddingRight"] = n, j.current.style.width = `calc(100% + ${n})`;
+			}
+			return j.current;
+		},
+		focusInitialTarget: () => {
+			if (!j.current) return null;
+			let e = i(c(j.current));
+			return e && o(j.current, e) ? e : U(!0);
+		}
+	}), [U]);
+	let W = V(), G = n(j, W.ref, t), K = m.useMemo(() => ({
+		itemsFocusableWhenDisabled: C,
+		suppressInitialFocusVisible: N,
+		variant: k
+	}), [
+		C,
+		N,
+		k
+	]);
+	return /* @__PURE__ */ h(p, {
+		role: "menu",
+		ref: G,
+		className: x,
+		onKeyDown: r((e) => {
+			if (N && P(!1), (e.ctrlKey || e.metaKey || e.altKey) && O) {
+				O(e);
+				return;
+			}
+			if (W.onKeyDown(e), e.key.length === 1) {
+				let t = I.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 a = i(c(j.current)), o = a && !t.repeating && T(a, t);
+				t.previousKeyMatched && (o || z((e) => E(e, t)) != null) ? e.preventDefault() : t.previousKeyMatched = !1;
+			}
+			O && O(e);
+		}),
+		onFocus: W.onFocus,
+		tabIndex: -1,
+		...A,
+		children: /* @__PURE__ */ h(S.Provider, {
+			value: K,
+			children: /* @__PURE__ */ h(u.Provider, {
+				value: L,
+				children: y
+			})
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (O.propTypes = {
+	autoFocus: g.default.bool,
+	autoFocusItem: g.default.bool,
+	children: g.default.node,
+	className: g.default.string,
+	disabledItemsFocusable: g.default.bool,
+	disableListWrap: g.default.bool,
+	onKeyDown: g.default.func,
+	variant: g.default.oneOf(["menu", "selectedMenu"])
+});
+//#endregion
+export { v as a, b as i, C as n, x as r, O as t };