@solostylist/ui-kit 1.0.230 → 2.0.0

package/dist/Menu-C4Zabc9U.js

@@ -0,0 +1,504 @@
+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 { t as l } from "./RtlProvider-B7uVJXUY.js";
+import { s as u } from "./ButtonBase-DxKtpFYs.js";
+import { r as d } from "./isFocusVisible-Y7157FQS.js";
+import { n as f } from "./appendOwnerState-CELpvdMz.js";
+import { t as p } from "./useSlot-iIu8ek6E.js";
+import { n as m, t as h } from "./isLayoutSupported-Ceir7nyK.js";
+import { t as g } from "./Modal-jAiibALV.js";
+import { d as _, f as v, t as y, u as b } from "./MenuList-DDV8J-yd.js";
+import { n as x } from "./Portal-AnyvFRC4.js";
+import { t as S } from "./mergeSlotProps-xl1-PgWL.js";
+import { t as C } from "./integerPropType-Disnft4a.js";
+import { t as w } from "./Grow-zRRuwUl-.js";
+import { t as T } from "./Paper-ixxCeml9.js";
+import * as E from "react";
+import { jsx as D } from "react/jsx-runtime";
+//#region ../../node_modules/@mui/material/Popover/popoverClasses.mjs
+var O = /* @__PURE__ */ e(t(), 1);
+function k(e) {
+	return i("MuiPopover", e);
+}
+o("MuiPopover", ["root", "paper"]);
+//#endregion
+//#region ../../node_modules/@mui/material/Popover/Popover.mjs
+function A(e, t) {
+	let n = 0;
+	return typeof t == "number" ? n = t : t === "center" ? n = e.height / 2 : t === "bottom" && (n = e.height), n;
+}
+function j(e, t) {
+	let n = 0;
+	return typeof t == "number" ? n = t : t === "center" ? n = e.width / 2 : t === "right" && (n = e.width), n;
+}
+function M(e) {
+	return [e.horizontal, e.vertical].map((e) => typeof e == "number" ? `${e}px` : e).join(" ");
+}
+function N(e) {
+	return typeof e == "function" ? e() : e;
+}
+var P = (e) => {
+	let { classes: t } = e;
+	return n({
+		root: ["root"],
+		paper: ["paper"]
+	}, k, t);
+}, F = c(g, {
+	name: "MuiPopover",
+	slot: "Root"
+})({}), I = c(T, {
+	name: "MuiPopover",
+	slot: "Paper"
+})({
+	position: "absolute",
+	overflowY: "auto",
+	overflowX: "hidden",
+	minWidth: 16,
+	minHeight: 16,
+	maxWidth: "calc(100% - 32px)",
+	maxHeight: "calc(100% - 32px)",
+	outline: 0
+}), L = /* @__PURE__ */ E.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiPopover"
+	}), { action: i, anchorEl: o, anchorOrigin: s = {
+		vertical: "top",
+		horizontal: "left"
+	}, anchorPosition: c, anchorReference: l = "anchorEl", children: u, className: d, container: m, disableAutoFocus: g = !1, elevation: y = 8, marginThreshold: x = 16, open: C, slots: T = {}, slotProps: O = {}, transformOrigin: k = {
+		vertical: "top",
+		horizontal: "left"
+	}, transitionDuration: L = "auto", disableScrollLock: R = !1, ...z } = n, B = E.useRef(), V = {
+		...n,
+		anchorOrigin: s,
+		anchorReference: l,
+		elevation: y,
+		marginThreshold: x,
+		transformOrigin: k,
+		transitionDuration: L
+	}, H = P(V), U = E.useCallback(() => {
+		if (l === "anchorPosition") return process.env.NODE_ENV !== "production" && (c || console.error("MUI: You need to provide a `anchorPosition` prop when using <Popover anchorReference=\"anchorPosition\" />.")), c;
+		let e = N(o), t = e && e.nodeType === 1 ? e : _(B.current).body, n = t.getBoundingClientRect();
+		if (process.env.NODE_ENV !== "production") {
+			let e = t.getBoundingClientRect();
+			h() && e.top === 0 && e.left === 0 && e.right === 0 && e.bottom === 0 && console.warn([
+				"MUI: The `anchorEl` prop provided to the component is invalid.",
+				"The anchor element should be part of the document layout.",
+				"Make sure the element is present in the document or that it's not display none."
+			].join("\n"));
+		}
+		return {
+			top: n.top + A(n, s.vertical),
+			left: n.left + j(n, s.horizontal)
+		};
+	}, [
+		o,
+		s.horizontal,
+		s.vertical,
+		c,
+		l
+	]), W = E.useCallback((e) => ({
+		vertical: A(e, k.vertical),
+		horizontal: j(e, k.horizontal)
+	}), [k.horizontal, k.vertical]), G = E.useCallback((e) => {
+		let t = {
+			width: e.offsetWidth,
+			height: e.offsetHeight
+		}, n = W(t);
+		if (l === "none") return {
+			top: null,
+			left: null,
+			transformOrigin: M(n)
+		};
+		let r = U(), i = r.top - n.vertical, a = r.left - n.horizontal, s = i + t.height, c = a + t.width, u = b(N(o)), d = u.innerHeight - x, f = u.innerWidth - x;
+		if (x != null && i < x) {
+			let e = i - x;
+			i -= e, n.vertical += e;
+		} else if (x != null && s > d) {
+			let e = s - d;
+			i -= e, n.vertical += e;
+		}
+		if (process.env.NODE_ENV !== "production" && t.height > d && t.height && d && console.error([
+			"MUI: The popover component is too tall.",
+			`Some part of it can not be seen on the screen (${t.height - d}px).`,
+			"Please consider adding a `max-height` to improve the user-experience."
+		].join("\n")), x != null && a < x) {
+			let e = a - x;
+			a -= e, n.horizontal += e;
+		} else if (c > f) {
+			let e = c - f;
+			a -= e, n.horizontal += e;
+		}
+		return {
+			top: `${Math.round(i)}px`,
+			left: `${Math.round(a)}px`,
+			transformOrigin: M(n)
+		};
+	}, [
+		o,
+		l,
+		U,
+		W,
+		x
+	]), [K, q] = E.useState(C), J = E.useCallback(() => {
+		let e = B.current;
+		if (!e) return;
+		let t = G(e);
+		t.top != null && e.style.setProperty("top", t.top), t.left != null && (e.style.left = t.left), e.style.transformOrigin = t.transformOrigin, q(!0);
+	}, [G]);
+	E.useEffect(() => (R && window.addEventListener("scroll", J), () => window.removeEventListener("scroll", J)), [
+		o,
+		R,
+		J
+	]);
+	let Y = () => {
+		J();
+	}, ee = () => {
+		q(!1);
+	};
+	E.useEffect(() => {
+		C && J();
+	}), E.useImperativeHandle(i, () => C ? { updatePosition: () => {
+		J();
+	} } : null, [C, J]), E.useEffect(() => {
+		if (!C) return;
+		let e = v(() => {
+			J();
+		}), t = b(N(o));
+		return t.addEventListener("resize", e), () => {
+			e.clear(), t.removeEventListener("resize", e);
+		};
+	}, [
+		o,
+		C,
+		J
+	]);
+	let X = L, Z = {
+		slots: T,
+		slotProps: O
+	}, [Q, te] = p("transition", {
+		elementType: w,
+		externalForwardedProps: Z,
+		ownerState: V,
+		getSlotProps: (e) => ({
+			...e,
+			onEntering: (t, n) => {
+				e.onEntering?.(t, n), Y();
+			},
+			onExited: (t) => {
+				e.onExited?.(t), ee();
+			}
+		}),
+		additionalProps: {
+			appear: !0,
+			in: C
+		}
+	});
+	L === "auto" && !Q.muiSupportAuto && (X = void 0);
+	let ne = m || (o ? _(N(o)).body : void 0), [$, { slots: re, slotProps: ie, ...ae }] = p("root", {
+		ref: t,
+		elementType: F,
+		externalForwardedProps: {
+			...Z,
+			...z
+		},
+		shouldForwardComponentProp: !0,
+		additionalProps: {
+			slots: { backdrop: T.backdrop },
+			slotProps: { backdrop: S(typeof O.backdrop == "function" ? O.backdrop(V) : O.backdrop, { invisible: !0 }) },
+			container: ne,
+			open: C
+		},
+		ownerState: V,
+		className: a(H.root, d)
+	}), [oe, se] = p("paper", {
+		ref: B,
+		className: H.paper,
+		elementType: I,
+		externalForwardedProps: Z,
+		shouldForwardComponentProp: !0,
+		additionalProps: {
+			elevation: y,
+			style: K ? void 0 : { opacity: 0 }
+		},
+		ownerState: V
+	});
+	return /* @__PURE__ */ D($, {
+		...ae,
+		...!f($) && {
+			slots: re,
+			slotProps: ie,
+			disableAutoFocus: g,
+			disableScrollLock: R
+		},
+		children: /* @__PURE__ */ D(Q, {
+			...te,
+			timeout: X,
+			children: /* @__PURE__ */ D(oe, {
+				...se,
+				children: u
+			})
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (L.propTypes = {
+	action: u,
+	anchorEl: d(O.default.oneOfType([x, O.default.func]), (e) => {
+		if (e.open && (!e.anchorReference || e.anchorReference === "anchorEl")) {
+			let t = N(e.anchorEl);
+			if (t && t.nodeType === 1) {
+				let e = t.getBoundingClientRect();
+				if (process.env.NODE_ENV !== "production" && h() && e.top === 0 && e.left === 0 && e.right === 0 && e.bottom === 0) return Error([
+					"MUI: The `anchorEl` prop provided to the component is invalid.",
+					"The anchor element should be part of the document layout.",
+					"Make sure the element is present in the document or that it's not display none."
+				].join("\n"));
+			} else return Error(["MUI: The `anchorEl` prop provided to the component is invalid.", `It should be an Element or PopoverVirtualElement instance but it's \`${t}\` instead.`].join("\n"));
+		}
+		return null;
+	}),
+	anchorOrigin: O.default.shape({
+		horizontal: O.default.oneOfType([O.default.oneOf([
+			"center",
+			"left",
+			"right"
+		]), O.default.number]).isRequired,
+		vertical: O.default.oneOfType([O.default.oneOf([
+			"bottom",
+			"center",
+			"top"
+		]), O.default.number]).isRequired
+	}),
+	anchorPosition: O.default.shape({
+		left: O.default.number.isRequired,
+		top: O.default.number.isRequired
+	}),
+	anchorReference: O.default.oneOf([
+		"anchorEl",
+		"anchorPosition",
+		"none"
+	]),
+	children: O.default.node,
+	classes: O.default.object,
+	className: O.default.string,
+	container: O.default.oneOfType([x, O.default.func]),
+	disableAutoFocus: O.default.bool,
+	disableScrollLock: O.default.bool,
+	elevation: C,
+	marginThreshold: O.default.number,
+	onClose: O.default.func,
+	open: O.default.bool.isRequired,
+	slotProps: O.default.shape({
+		backdrop: O.default.oneOfType([O.default.func, O.default.object]),
+		paper: O.default.oneOfType([O.default.func, O.default.object]),
+		root: O.default.oneOfType([O.default.func, O.default.object]),
+		transition: O.default.oneOfType([O.default.func, O.default.object])
+	}),
+	slots: O.default.shape({
+		backdrop: O.default.elementType,
+		paper: O.default.elementType,
+		root: O.default.elementType,
+		transition: O.default.elementType
+	}),
+	sx: O.default.oneOfType([
+		O.default.arrayOf(O.default.oneOfType([
+			O.default.func,
+			O.default.object,
+			O.default.bool
+		])),
+		O.default.func,
+		O.default.object
+	]),
+	transformOrigin: O.default.shape({
+		horizontal: O.default.oneOfType([O.default.oneOf([
+			"center",
+			"left",
+			"right"
+		]), O.default.number]).isRequired,
+		vertical: O.default.oneOfType([O.default.oneOf([
+			"bottom",
+			"center",
+			"top"
+		]), O.default.number]).isRequired
+	}),
+	transitionDuration: O.default.oneOfType([
+		O.default.oneOf(["auto"]),
+		O.default.number,
+		O.default.shape({
+			appear: O.default.number,
+			enter: O.default.number,
+			exit: O.default.number
+		})
+	])
+});
+//#endregion
+//#region ../../node_modules/@mui/material/Menu/menuClasses.mjs
+function R(e) {
+	return i("MuiMenu", e);
+}
+o("MuiMenu", [
+	"root",
+	"paper",
+	"list"
+]);
+//#endregion
+//#region ../../node_modules/@mui/material/Menu/Menu.mjs
+var z = {
+	vertical: "top",
+	horizontal: "right"
+}, B = {
+	vertical: "top",
+	horizontal: "left"
+}, V = (e) => {
+	let { classes: t } = e;
+	return n({
+		root: ["root"],
+		paper: ["paper"],
+		list: ["list"]
+	}, R, t);
+}, H = c(L, {
+	shouldForwardProp: (e) => s(e) || e === "classes",
+	name: "MuiMenu",
+	slot: "Root"
+})({}), U = c(I, {
+	name: "MuiMenu",
+	slot: "Paper"
+})({
+	maxHeight: "calc(100% - 96px)",
+	WebkitOverflowScrolling: "touch"
+}), W = c(y, {
+	name: "MuiMenu",
+	slot: "List"
+})({ outline: 0 }), G = /* @__PURE__ */ E.forwardRef(function(e, t) {
+	let n = r({
+		props: e,
+		name: "MuiMenu"
+	}), { autoFocus: i = !0, children: a, className: o, disableAutoFocusItem: s = !1, onClose: c, open: u, PopoverClasses: d, transitionDuration: f = "auto", variant: h = "selectedMenu", slots: g = {}, slotProps: _ = {}, ...v } = n, y = l(), b = {
+		...n,
+		autoFocus: i,
+		disableAutoFocusItem: s,
+		transitionDuration: f,
+		variant: h
+	}, x = V(b), S = i && u, C = S && !s, w = E.useRef(null), T = (e, t) => {
+		w.current && (w.current.adjustStyleForScrollbar(e, { direction: y ? "rtl" : "ltr" }), S && w.current.focusInitialTarget?.());
+	}, O = (e) => {
+		e.key === "Tab" && (e.preventDefault(), c && c(e, "tabKeyDown"));
+	}, k = {
+		slots: g,
+		slotProps: _
+	}, A = m({
+		elementType: g.root,
+		externalSlotProps: _.root,
+		ownerState: b,
+		className: [x.root, o]
+	}), [j, M] = p("paper", {
+		className: x.paper,
+		elementType: U,
+		externalForwardedProps: k,
+		shouldForwardComponentProp: !0,
+		ownerState: b
+	}), [N, P] = p("list", {
+		className: x.list,
+		elementType: W,
+		shouldForwardComponentProp: !0,
+		externalForwardedProps: k,
+		getSlotProps: (e) => ({
+			...e,
+			onKeyDown: (t) => {
+				O(t), e.onKeyDown?.(t);
+			}
+		}),
+		ownerState: b
+	}), F = typeof _.transition == "function" ? _.transition(b) : _.transition;
+	return /* @__PURE__ */ D(H, {
+		disableAutoFocus: i,
+		onClose: c,
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: y ? "right" : "left"
+		},
+		transformOrigin: y ? z : B,
+		slots: {
+			root: g.root,
+			paper: j,
+			backdrop: g.backdrop,
+			transition: g.transition
+		},
+		slotProps: {
+			root: A,
+			paper: M,
+			backdrop: typeof _.backdrop == "function" ? _.backdrop(b) : _.backdrop,
+			transition: {
+				...F,
+				onEntering: (...e) => {
+					T(...e), F?.onEntering?.(...e);
+				}
+			}
+		},
+		open: u,
+		ref: t,
+		transitionDuration: f,
+		ownerState: b,
+		...v,
+		classes: d,
+		children: /* @__PURE__ */ D(N, {
+			actions: w,
+			autoFocus: S,
+			autoFocusItem: C,
+			variant: h,
+			...P,
+			children: a
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (G.propTypes = {
+	anchorEl: O.default.oneOfType([x, O.default.func]),
+	autoFocus: O.default.bool,
+	children: O.default.node,
+	classes: O.default.object,
+	className: O.default.string,
+	disableAutoFocusItem: O.default.bool,
+	onClose: O.default.func,
+	open: O.default.bool.isRequired,
+	PopoverClasses: O.default.object,
+	slotProps: O.default.shape({
+		backdrop: O.default.oneOfType([O.default.func, O.default.object]),
+		list: O.default.oneOfType([O.default.func, O.default.object]),
+		paper: O.default.oneOfType([O.default.func, O.default.object]),
+		root: O.default.oneOfType([O.default.func, O.default.object]),
+		transition: O.default.oneOfType([O.default.func, O.default.object])
+	}),
+	slots: O.default.shape({
+		backdrop: O.default.elementType,
+		list: O.default.elementType,
+		paper: O.default.elementType,
+		root: O.default.elementType,
+		transition: O.default.elementType
+	}),
+	sx: O.default.oneOfType([
+		O.default.arrayOf(O.default.oneOfType([
+			O.default.func,
+			O.default.object,
+			O.default.bool
+		])),
+		O.default.func,
+		O.default.object
+	]),
+	transitionDuration: O.default.oneOfType([
+		O.default.oneOf(["auto"]),
+		O.default.number,
+		O.default.shape({
+			appear: O.default.number,
+			enter: O.default.number,
+			exit: O.default.number
+		})
+	]),
+	variant: O.default.oneOf(["menu", "selectedMenu"])
+});
+//#endregion
+export { L as n, G as t };

package/dist/{MenuItem-IOMcBScJ.js → MenuItem-rXJfQzDC.js}

@@ -1,27 +1,30 @@
 import { n as e } from "./chunk-C_CI6nMA.js";
-import { _ as t } from "./createTheme-Bnw5w28O.js";
-import { o as n, r, t as i } from "./memoTheme-QMocAblm.js";
-import { t as a } from "./clsx-Bv8WXdlr.js";
-import { t as o } from "./generateUtilityClass-tRYNDrlH.js";
-import { t as s } from "./generateUtilityClasses-XrPHiTcM.js";
-import { n as c, t as l } from "./styled-BTDmdi4c.js";
-import { h as u, u as d } from "./Modal-CLdC2-Th.js";
-import { t as f } from "./useForkRef-yOYCJHzF.js";
-import { t as p } from "./ButtonBase-BDefit5I.js";
-import { a as m, i as h, n as g, o as _, u as v } from "./MenuList-vtqACjea.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 o("MuiListItemIcon", e);
+	return i("MuiListItemIcon", e);
 }
-var S = s("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
+var S = o("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
 //#endregion
 //#region ../../node_modules/@mui/material/Divider/dividerClasses.mjs
 function C(e) {
-	return o("MuiDivider", e);
+	return i("MuiDivider", e);
 }
-var w = s("MuiDivider", [
+var w = o("MuiDivider", [
 	"root",
 	"absolute",
 	"fullWidth",
@@ -34,7 +37,7 @@ var w = s("MuiDivider", [
 	"textAlignLeft",
 	"wrapper",
 	"wrapperVertical"
-]), T = s("MuiListItemText", [
+]), T = o("MuiListItemText", [
 	"root",
 	"multiline",
 	"dense",
@@ -43,9 +46,9 @@ var w = s("MuiDivider", [
 	"secondary"
 ]), E = /* @__PURE__ */ e(t(), 1);
 function D(e) {
-	return o("MuiMenuItem", e);
+	return i("MuiMenuItem", e);
 }
-var O = s("MuiMenuItem", [
+var O = o("MuiMenuItem", [
 	"root",
 	"focusVisible",
 	"dense",
@@ -74,12 +77,12 @@ var O = s("MuiMenuItem", [
 		...s,
 		...c
 	};
-}, j = l(p, {
-	shouldForwardProp: (e) => c(e) || e === "classes",
+}, j = c(d, {
+	shouldForwardProp: (e) => s(e) || e === "classes",
 	name: "MuiMenuItem",
 	slot: "Root",
 	overridesResolver: k
-})(i(({ theme: e }) => ({
+})(u(({ theme: e }) => ({
 	...e.typography.body1,
 	display: "flex",
 	justifyContent: "flex-start",
@@ -151,30 +154,30 @@ var O = s("MuiMenuItem", [
 	let n = r({
 		props: e,
 		name: "MuiMenuItem"
-	}), { autoFocus: i = !1, component: o = "li", dense: s = !1, divider: c = !1, disableGutters: l = !1, focusVisibleClassName: p, role: x = "menuitem", tabIndex: S, className: C, ...w } = n, T = h(), E = y.useContext(d), D = y.useMemo(() => ({
+	}), { 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: l
+		disableGutters: u
 	}), [
 		E.dense,
 		s,
-		l
-	]), O = g(), k = u(), M = O.suppressInitialFocusVisible, N = O.itemsFocusableWhenDisabled, P = y.useRef(null);
-	v(() => {
-		i && (P.current ? m(P.current, T) : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
+		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: l
-	}, I = A(n), { root: L, ...R } = I, z = _({
+		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(d.Provider, {
+	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,
@@ -184,7 +187,7 @@ var O = s("MuiMenuItem", [
 			internalNativeButton: !1,
 			focusableWhenDisabled: N,
 			suppressFocusVisible: M,
-			focusVisibleClassName: a(I.focusVisible, p),
+			focusVisibleClassName: a(I.focusVisible, d),
 			className: a(I.root, C),
 			...w,
 			ownerState: F,