@proyecto-viviana/ui 0.4.1 → 0.6.0

package/dist/_chunk/s2-menu-styles.jsx

@@ -0,0 +1,526 @@
+//#region src/menu/s2-menu-styles.ts
+const menuPopover = function anonymous(props) {
+	let rules = " ";
+	if (props.colorScheme === "dark") rules += " -ICUGx-_pa151";
+	else if (props.colorScheme === "light") rules += " -ICUGx-_pb151";
+	else if (props.colorScheme === "light dark") rules += " -ICUGx-_pc151";
+	rules += " _pK8eoyd151";
+	if (props.colorScheme === "dark") rules += " -NvXmrd-_ZLmU151";
+	else if (props.colorScheme === "light") rules += " -NvXmrd-_ZN8Gi4c151";
+	else if (props.colorScheme === "light dark") {
+		rules += " -NvXmrd-_ZN8Gi4c151";
+		rules += " -NvXmrd-D1v0V_ZLmU151";
+	}
+	if (props.colorScheme === "dark") rules += " -j9blY-_ZN8Gi4c151";
+	else if (props.colorScheme === "light") rules += " -j9blY-_ZLmU151";
+	else if (props.colorScheme === "light dark") {
+		rules += " -j9blY-_ZLmU151";
+		rules += " -j9blY-D1v0V_ZN8Gi4c151";
+	}
+	rules += " -Ovbhqd-gNU7lMd151";
+	rules += " -Ovbhqd-lga151";
+	rules += " gEzkoQe151";
+	rules += " -Jvcevd-xkGPz151";
+	rules += " _nfRoCnb151";
+	rules += " oY4qurc151";
+	rules += " nY4qurc151";
+	rules += " kY4qurc151";
+	rules += " jY4qurc151";
+	rules += " sd151";
+	if (props.isExiting) rules += " _Ia151";
+	else if (props.isEntering) rules += " _Ia151";
+	else rules += " _Ib151";
+	if (props.placement === "bottom") if (props.isExiting) {
+		rules += " -_8PloMd-l151";
+		rules += " __Ya151";
+	} else if (props.isEntering) {
+		rules += " -_8PloMd-l151";
+		rules += " __Ya151";
+	} else {
+		rules += " -_8PloMd-s151";
+		rules += " __Ya151";
+	}
+	else if (props.placement === "top") if (props.isExiting) {
+		rules += " -_8PloMd-F151";
+		rules += " __Ya151";
+	} else if (props.isEntering) {
+		rules += " -_8PloMd-F151";
+		rules += " __Ya151";
+	} else {
+		rules += " -_8PloMd-s151";
+		rules += " __Ya151";
+	}
+	else {
+		rules += " -_8PloMd-s151";
+		rules += " __Ya151";
+	}
+	if (props.placement === "right") if (props.isExiting) {
+		rules += " -_7PloMd-m151";
+		rules += " __Ya151";
+	} else if (props.isEntering) {
+		rules += " -_7PloMd-m151";
+		rules += " __Ya151";
+	} else {
+		rules += " -_7PloMd-s151";
+		rules += " __Ya151";
+	}
+	else if (props.placement === "left") if (props.isExiting) {
+		rules += " -_7PloMd-G151";
+		rules += " __Ya151";
+	} else if (props.isEntering) {
+		rules += " -_7PloMd-G151";
+		rules += " __Ya151";
+	} else {
+		rules += " -_7PloMd-s151";
+		rules += " __Ya151";
+	}
+	else {
+		rules += " -_7PloMd-s151";
+		rules += " __Ya151";
+	}
+	rules += " YmenWad151";
+	rules += " Xc151";
+	if (props.isExiting) rules += " _2c151";
+	if (props.isExiting) rules += " _Ob151";
+	else rules += " _Oa151";
+	rules += " Td151";
+	rules += " Qd151";
+	rules += " Sd151";
+	rules += " Rd151";
+	rules += " Ma151";
+	rules += " _Ne151";
+	rules += " Pe151";
+	rules += " _oa151";
+	rules += " _Bb151";
+	rules += " _Lf151";
+	rules += " _Mb151";
+	rules += " OrHHOgb151";
+	rules += " Ola151";
+	return rules;
+};
+const menuFrame = " sd151 Za151 Fb151";
+const menu = function anonymous(props) {
+	let rules = " ";
+	rules += " _Le151";
+	rules += " se151";
+	if (props.size === "XL") rules += " Dk92HIe151";
+	else if (props.size === "L") rules += " DyaX9Fb151";
+	else if (props.size === "M") rules += " Deb5jcb151";
+	else if (props.size === "S") rules += " DGTLJAe151";
+	rules += " _oa151";
+	rules += " K40ub4c151";
+	rules += " Za151";
+	rules += " _Na151";
+	rules += " Pa151";
+	rules += " Lh151";
+	rules += " Tt151";
+	rules += " Qt151";
+	rules += " St151";
+	rules += " Rt151";
+	rules += " uk151";
+	rules += " ucJ9TBTb151";
+	rules += " ud3Euai151";
+	rules += " uea151";
+	rules += " ugb151";
+	rules += " uhd151";
+	rules += " uje151";
+	rules += " u2NhKxcl151";
+	rules += " uic151";
+	if (props.size === "XL") {
+		rules += " -_6BNtrc-e151";
+		rules += " vx151";
+	} else if (props.size === "L") {
+		rules += " -_6BNtrc-d151";
+		rules += " vx151";
+	} else if (props.size === "S") {
+		rules += " -_6BNtrc-b151";
+		rules += " vx151";
+	} else if (props.size === "XS") {
+		rules += " -_6BNtrc-a151";
+		rules += " vx151";
+	} else {
+		rules += " -_6BNtrc-c151";
+		rules += " vx151";
+	}
+	rules += " __ya151";
+	rules += " Jy151";
+	rules += " Gy151";
+	rules += " Iy151";
+	rules += " Hy151";
+	return rules;
+};
+const menuItem = function anonymous(props) {
+	let rules = " ";
+	if (props.isFocusVisible) rules += " _Lf151";
+	else rules += " _Le151";
+	rules += " O8KaFke151";
+	rules += " Olc151";
+	rules += " _Mc151";
+	rules += " _Kd151";
+	rules += " uxe7h4151";
+	if (props.size === "XL") {
+		rules += " -_6BNtrc-e151";
+		rules += " vx151";
+	} else if (props.size === "L") {
+		rules += " -_6BNtrc-d151";
+		rules += " vx151";
+	} else if (props.size === "S") {
+		rules += " -_6BNtrc-b151";
+		rules += " vx151";
+	} else if (props.size === "XS") {
+		rules += " -_6BNtrc-a151";
+		rules += " vx151";
+	} else {
+		rules += " -_6BNtrc-c151";
+		rules += " vx151";
+	}
+	rules += " xb151";
+	rules += " _xa151";
+	if (props.size === "XL") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "L") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "S") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "XS") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	}
+	if (props.isDisabled) rules += " pUvnvv151";
+	else if (props.isFocused) rules += " p5dxOg151";
+	else if (props.isPressed) rules += " pMwyHo151";
+	else if (props.isFocusVisible) rules += " pMwyHo151";
+	else if (props.isHovered) rules += " pMwyHo151";
+	else rules += " pHKLAu151";
+	if (props.isDisabled) rules += " plc151";
+	else if (props.isFocused) rules += " ple151";
+	else rules += " plb151";
+	rules += " se151";
+	rules += " ea151";
+	rules += " enpkAwdb151";
+	rules += " _oa151";
+	rules += " Sd151";
+	rules += " Rd151";
+	if (props.size === "XL") rules += " Nl151";
+	else if (props.size === "L") rules += " Nj151";
+	else if (props.size === "S") rules += " Nf151";
+	else if (props.size === "XS") rules += " Ne151";
+	else rules += " Nk151";
+	rules += " of151";
+	rules += " nf151";
+	rules += " kf151";
+	rules += " jf151";
+	rules += " qh151";
+	rules += " -Qg41Lb-IAxCW0c151";
+	rules += " -Qg41Lb-npkAwdIy151";
+	rules += " MAyFGYc151";
+	rules += " Td151";
+	rules += " QAzEcG151";
+	rules += " -aRvJDd-Tu7Fubd151";
+	rules += " g9151";
+	if (props.isFocused) rules += " gle151";
+	else rules += " gl9151";
+	rules += " _Pc151";
+	rules += " z2mU151";
+	rules += " yzZKy151";
+	rules += " CUEBAKe151";
+	rules += " DLwlgod151";
+	rules += " EpvfBwb151";
+	rules += " EDNKd2dZQmDFe151";
+	rules += " UDNKd2dai5a0151";
+	rules += " FF151";
+	rules += " _Xa151";
+	if (props.isLink) rules += " ry151";
+	else rules += " ri151";
+	rules += " Yg151";
+	rules += " Xb151";
+	rules += " _2b151";
+	rules += " _yb151";
+	if (props.size === "XL") rules += " -M_-Mk151";
+	else if (props.size === "L") rules += " -M_-Mh151";
+	else if (props.size === "S") rules += " -M_-Mg151";
+	else if (props.size === "XS") rules += " -M_-Mf151";
+	else rules += " -M_-Mi151";
+	return rules;
+};
+const menuItemIcon = " sb151 ZuUmpre151 FuUmpre151 Ht151 Hsu151 -_8sjo0b-t5ZbAob151";
+const menuItemIconCenterWrapper = " sd151 z2U5Crc151 y2U5Crc151 B2U5Crc151 A2U5Crc151";
+const menuItemCheckmark = function anonymous(props) {
+	let rules = " ";
+	rules += " z2CW8rb151";
+	rules += " y2CW8rb151";
+	rules += " B2CW8rb151";
+	rules += " A2CW8rb151";
+	rules += " sb151";
+	rules += " _dc151";
+	rules += " __Ab151";
+	rules += " Zspvr8c151";
+	rules += " Fspvr8c151";
+	rules += " Hw151";
+	if (props.isSelected) rules += " _6c151";
+	else rules += " _6b151";
+	if (props.isDisabled) rules += " -_8sjo0b-tUvnvv151";
+	else if (props.isPressed) rules += " -_8sjo0b-tDryIse151";
+	else if (props.isFocusVisible) rules += " -_8sjo0b-tDryIse151";
+	else if (props.isHovered) rules += " -_8sjo0b-tDryIse151";
+	else rules += " -_8sjo0b-tbUYvEb151";
+	rules += " -_8sjo0b-lta151";
+	return rules;
+};
+const menuItemCheckbox = function anonymous(props) {
+	let rules = " ";
+	rules += " osmOfn151";
+	rules += " nsmOfn151";
+	rules += " ksmOfn151";
+	rules += " jsmOfn151";
+	rules += " z2CW8rb151";
+	rules += " y2CW8rb151";
+	rules += " B2CW8rb151";
+	rules += " A2CW8rb151";
+	rules += " _dc151";
+	rules += " __Ab151";
+	if (props.size === "XL") rules += " Zm151";
+	else if (props.size === "L") rules += " Zl151";
+	else if (props.size === "S") rules += " Zk151";
+	else rules += " Zu151";
+	if (props.size === "XL") rules += " Fn151";
+	else if (props.size === "L") rules += " Fm151";
+	else if (props.size === "S") rules += " Fl151";
+	else rules += " Ft151";
+	rules += " Hw151";
+	rules += " _va151";
+	rules += " sd151";
+	rules += " eb151";
+	rules += " _Ca151";
+	rules += " _k7m7Gv151";
+	rules += " h7m7Gv151";
+	rules += " m7m7Gv151";
+	rules += " l7m7Gv151";
+	rules += " _oa151";
+	rules += " _jf151";
+	rules += " Yd151";
+	rules += " Xb151";
+	rules += " _2b151";
+	rules += " _yb151";
+	if (props.isSelected) if (props.isDisabled) {
+		rules += " gUvnvv151";
+		rules += " gld151";
+	} else {
+		if (props.isPressed) rules += " gOzYCcc151";
+		else if (props.isFocusVisible) rules += " gOzYCcc151";
+		else if (props.isHovered) rules += " gOzYCcc151";
+		else rules += " g5dxOg151";
+		rules += " gle151";
+	}
+	else {
+		rules += " gLZZSrd151";
+		rules += " gla151";
+	}
+	if (props.isSelected) rules += " iA151";
+	else if (props.isDisabled) {
+		rules += " iUvnvv151";
+		rules += " ilc151";
+	} else {
+		if (props.isPressed) rules += " iMwyHo151";
+		else if (props.isFocusVisible) rules += " iMwyHo151";
+		else if (props.isHovered) rules += " iMwyHo151";
+		else rules += " iHKLAu151";
+		rules += " ila151";
+	}
+	return rules;
+};
+const menuItemCheckboxIcon = " _Ob151 -_8sjo0b-tLZZSrd151 -_8sjo0b-lt8pvGJ151";
+const menuItemLabel = function anonymous(props) {
+	let rules = " ";
+	rules += " zv6x9r151";
+	rules += " yv6x9r151";
+	rules += " Bv6x9r151";
+	rules += " Av6x9r151";
+	if (props.size === "XL") rules += " uxe7h4151";
+	else if (props.size === "L") rules += " uxe7h4151";
+	else if (props.size === "S") rules += " uxe7h4151";
+	else if (props.size === "XS") rules += " uxe7h4151";
+	else rules += " uxe7h4151";
+	if (props.size === "XL") {
+		rules += " -_6BNtrc-e151";
+		rules += " vx151";
+	} else if (props.size === "L") {
+		rules += " -_6BNtrc-d151";
+		rules += " vx151";
+	} else if (props.size === "S") {
+		rules += " -_6BNtrc-b151";
+		rules += " vx151";
+	} else if (props.size === "XS") {
+		rules += " -_6BNtrc-a151";
+		rules += " vx151";
+	} else {
+		rules += " -_6BNtrc-c151";
+		rules += " vx151";
+	}
+	rules += " xc151";
+	rules += " _xa151";
+	if (props.size === "XL") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "L") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "S") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "XS") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	}
+	rules += " p40ub4c151";
+	rules += " JAzEcG151";
+	return rules;
+};
+const menuItemDescription = function anonymous(props) {
+	let rules = " ";
+	rules += " z9u7zPc151";
+	rules += " y9u7zPc151";
+	rules += " B9u7zPc151";
+	rules += " A9u7zPc151";
+	if (props.size === "XL") rules += " uxe7h4151";
+	else if (props.size === "L") rules += " uxe7h4151";
+	else if (props.size === "M") rules += " uxe7h4151";
+	else if (props.size === "S") rules += " uxe7h4151";
+	else rules += " uxe7h4151";
+	if (props.size === "XL") {
+		rules += " -_6BNtrc-d151";
+		rules += " vx151";
+	} else if (props.size === "L") {
+		rules += " -_6BNtrc-c151";
+		rules += " vx151";
+	} else if (props.size === "M") {
+		rules += " -_6BNtrc-b151";
+		rules += " vx151";
+	} else if (props.size === "S") {
+		rules += " -_6BNtrc-a151";
+		rules += " vx151";
+	} else {
+		rules += " -_6BNtrc-b151";
+		rules += " vx151";
+	}
+	if (props.size === "XL") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else if (props.size === "L") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else if (props.size === "M") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else if (props.size === "S") {
+		rules += " xb151";
+		rules += " _xa151";
+	} else {
+		rules += " xb151";
+		rules += " _xa151";
+	}
+	if (props.size === "XL") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "L") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "M") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else if (props.size === "S") {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	} else {
+		rules += " _Fd151";
+		rules += " _FnuYUweb151";
+	}
+	if (props.isDisabled) rules += " pUvnvv151";
+	else if (props.isFocused) rules += " pHKLAu151";
+	else if (props.isPressed) rules += " pQKeKoe151";
+	else if (props.isFocusVisible) rules += " pQKeKoe151";
+	else if (props.isHovered) rules += " pQKeKoe151";
+	else rules += " pUUi0Fe151";
+	rules += " pl40ub4c151";
+	return rules;
+};
+const menuItemValue = " z8bmXs151 y8bmXs151 B8bmXs151 A8bmXs151 Iv151";
+const menuItemKeyboard = function anonymous(props) {
+	let rules = " ";
+	rules += " z45MTAd151";
+	rules += " y45MTAd151";
+	rules += " B45MTAd151";
+	rules += " A45MTAd151";
+	rules += " Iv151";
+	rules += " uxe7h4151";
+	rules += " -_6BNtrc-c151";
+	rules += " vx151";
+	rules += " xb151";
+	rules += " _xa151";
+	rules += " _Fd151";
+	rules += " _FnuYUweb151";
+	if (props.isDisabled) rules += " pUvnvv151";
+	else rules += " pQKeKoe151";
+	rules += " pl40ub4c151";
+	rules += " _Wb151";
+	rules += " _3f151";
+	return rules;
+};
+const menuItemDescriptor = " z0cdLvd151 y0cdLvd151 B0cdLvd151 A0cdLvd151 _dd151 __Ac151 Iv151 Gy3v5sb151 -_8sjo0b-t5ZbAob151";
+const menuItemDescriptorIcon = function anonymous(props) {
+	let rules = " ";
+	rules += " Hy151";
+	rules += " sb151";
+	if (props.size === "XL") rules += " Zp151";
+	else if (props.size === "L") rules += " Zo151";
+	else if (props.size === "M") rules += " Zm151";
+	else if (props.size === "S") rules += " Zu151";
+	if (props.size === "XL") rules += " Fq151";
+	else if (props.size === "L") rules += " Fp151";
+	else if (props.size === "M") rules += " Fn151";
+	else if (props.size === "S") rules += " Ft151";
+	return rules;
+};
+const menuSection = function anonymous(props) {
+	let rules = " ";
+	rules += " z2mU151";
+	rules += " yzZKy151";
+	rules += " eb151";
+	rules += " se151";
+	rules += " CUEBAKe151";
+	if (props.size === "XL") rules += " Dk92HIe151";
+	else if (props.size === "L") rules += " DyaX9Fb151";
+	else if (props.size === "M") rules += " Deb5jcb151";
+	else if (props.size === "S") rules += " DGTLJAe151";
+	return rules;
+};
+const menuSectionHeader = function anonymous(props) {
+	let rules = " ";
+	rules += " pHKLAu151";
+	rules += " z3mU151";
+	rules += " yAZKy151";
+	rules += " _oa151";
+	rules += " MAyFGYc151";
+	rules += " Tu7Fubd151";
+	rules += " Qu7Fubd151";
+	if (props.size === "XL") rules += " -M_-Mk151";
+	else if (props.size === "L") rules += " -M_-Mh151";
+	else if (props.size === "S") rules += " -M_-Mg151";
+	else if (props.size === "XS") rules += " -M_-Mf151";
+	else rules += " -M_-Mi151";
+	return rules;
+};
+const menuSectionHeading = " uxe7h4151 -_6BNtrc-c151 vx151 xd151 _xa151 xX0cczbc151 _xX0cczba151 _Fd151 _FnuYUweb151 pHKLAu151 Jy151 Gy151 Iy151 Hy151";
+//#endregion
+export { menuSectionHeader as _, menuItemCheckboxIcon as a, menuItemDescriptor as c, menuItemIconCenterWrapper as d, menuItemKeyboard as f, menuSection as g, menuPopover as h, menuItemCheckbox as i, menuItemDescriptorIcon as l, menuItemValue as m, menuFrame as n, menuItemCheckmark as o, menuItemLabel as p, menuItem as r, menuItemDescription as s, menu as t, menuItemIcon as u, menuSectionHeading as v };
+
+//# sourceMappingURL=s2-menu-styles.jsx.map

package/dist/_chunk/s2-menu-styles.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"s2-menu-styles.jsx","names":[],"sources":["../../src/menu/s2-menu-styles.ts"],"sourcesContent":["// @ts-nocheck\nimport type {\n  MenuItemRenderProps,\n  MenuRenderProps,\n  PopoverRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport {\n  baseColor,\n  focusRing,\n  fontRelative,\n  setColorScheme,\n  space,\n  style,\n} from \"../style\" with { type: \"macro\" };\nimport {\n  control,\n  controlBorderRadius,\n  controlFont,\n  controlSize,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { edgeToText } from \"../style/spectrum-theme\" with { type: \"macro\" };\n\nexport type S2MenuSize = \"S\" | \"M\" | \"L\" | \"XL\";\n\nexport interface S2MenuStyleProps {\n  size: S2MenuSize;\n}\n\nexport interface S2MenuItemStyleProps\n  extends Omit<MenuItemRenderProps, \"isFocused\">, S2MenuStyleProps {\n  isFocused: boolean;\n  isLink?: boolean;\n}\n\nconst menuItemGrid = {\n  size: {\n    S: [edgeToText(24), \"auto\", \"auto\", \"minmax(0, 1fr)\", \"auto\", \"auto\", \"auto\", edgeToText(24)],\n    M: [edgeToText(32), \"auto\", \"auto\", \"minmax(0, 1fr)\", \"auto\", \"auto\", \"auto\", edgeToText(32)],\n    L: [edgeToText(40), \"auto\", \"auto\", \"minmax(0, 1fr)\", \"auto\", \"auto\", \"auto\", edgeToText(40)],\n    XL: [edgeToText(48), \"auto\", \"auto\", \"minmax(0, 1fr)\", \"auto\", \"auto\", \"auto\", edgeToText(48)],\n  },\n} as const;\n\nexport const menuPopover = style<\n  PopoverRenderProps & { colorScheme?: \"light\" | \"dark\" | \"light dark\" }\n>({\n  ...setColorScheme(),\n  \"--s2-container-bg\": {\n    type: \"backgroundColor\",\n    value: {\n      /* Viviana UI v2 (Glasselated): a floating overlay wears the PANEL surface whole.\n       * `layer-1` resolves to `var(--surface-panel)` in the theme's backgroundColor map\n       * and pairs with `--blur-panel` and the 14px `panel` radius below. This was\n       * `layer-2` (= `var(--surface-card)`) sitting on the `panel` radius — the card's\n       * fill and blur on the panel's corner, which is not a surface the register draws. */\n      default: \"layer-1\",\n      forcedColors: \"Background\",\n    },\n  },\n  backgroundColor: \"--s2-container-bg\",\n  /* The panel register is open-coded here rather than spread from\n   * `glassSurface(\"panel\")` (s2-internal/style-utils.ts), for two reasons specific to\n   * this surface. (1) The fill has to stay behind the `--s2-container-bg` custom\n   * property: the theme's auto/overlay colors are computed against it\n   * (`autoStaticColor`/`generateOverlayColorScale` both default to\n   * `var(--s2-container-bg)`, style/tokens.ts), so descendants lose their contrast\n   * reference if it is replaced by a direct `backgroundColor`. (2) This surface paints\n   * its edge with `outline` (see the bottom of this object) where the helper paints a\n   * `border`, so spreading it would draw a second 1px edge and shift the box metrics.\n   * The blur is the load-bearing half: translucent fill plus blur is what reads as glass. */\n  backdropFilter: \"var(--blur-panel)\",\n  /* Not a cast shadow: the theme points `elevated`, `emphasized` and `edge-glass` at\n   * one shared inset-rim value, so this already resolves to the register's rim. Left\n   * spelled `elevated` deliberately — it is the same value, and the token map is where\n   * that decision lives. */\n  boxShadow: \"elevated\",\n  borderRadius: \"panel\",\n  display: \"flex\",\n  opacity: {\n    default: 1,\n    isEntering: 0,\n    isExiting: 0,\n  },\n  translateY: {\n    default: 0,\n    placement: {\n      top: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      bottom: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n  },\n  translateX: {\n    default: 0,\n    placement: {\n      left: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      right: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n  },\n  transition: \"[opacity, translate]\",\n  transitionDuration: 200,\n  transitionTimingFunction: {\n    isExiting: \"in\",\n  },\n  pointerEvents: {\n    default: \"auto\",\n    isExiting: \"none\",\n  },\n  padding: 0,\n  minHeight: 0,\n  overflow: \"visible\",\n  boxSizing: \"border-box\",\n  isolation: \"isolate\",\n  outlineStyle: \"solid\",\n  outlineWidth: 1,\n  /* 1px `--border-subtle` — the register's glass-surface edge, reached through the\n   * `border-subtle` key the theme's outlineColor map exposes alongside borderColor's.\n   * The previous value was `lightDark(\"transparent-white-25\", \"gray-200\")`, and\n   * `transparent-white-25` is the 25th STOP of Spectrum's transparent-white ramp\n   * (`rgba(255, 255, 255, 0)` in @adobe/spectrum-tokens color-palette.json), not 25%\n   * white — so light drew no edge at all while dark drew a solid gray. An edge that is\n   * present in one scheme and absent in the other is wrong under any register. */\n  outlineColor: {\n    default: \"border-subtle\",\n    forcedColors: \"ButtonBorder\",\n  },\n});\n\nexport const menuFrame = style({\n  display: \"flex\",\n  width: \"full\",\n  height: \"full\",\n});\n\nexport const menu = style<MenuRenderProps & S2MenuStyleProps>({\n  outlineStyle: \"none\",\n  display: \"grid\",\n  gridTemplateColumns: menuItemGrid,\n  boxSizing: \"border-box\",\n  maxHeight: \"[inherit]\",\n  width: \"full\",\n  // Upstream `menu` uses a single `overflow: {isPopover: 'auto'}` (both axes auto\n  // in the popover case). The port always renders the menu inside its popover, so\n  // `overflow: \"auto\"` matches byte-for-byte (`overflow-x`/`overflow-y` both\n  // resolve to `auto`); the previous `overflowX: \"hidden\"` was a self-inflicted\n  // divergence D1 caught. `maxWidth`/`padding` stay unconditional here (the\n  // isPopover gating is a tracked deferred divergence, D1-safe while in popover).\n  overflow: \"auto\",\n  maxWidth: 320,\n  padding: 8,\n  fontFamily: \"sans\",\n  fontSize: controlFont(),\n  gridAutoRows: \"min-content\",\n  // The menu root is a `<div role=\"menu\">` (faithful to upstream RAC), so no\n  // list-element compensation is needed; `margin: 0` matches upstream's div.\n  margin: 0,\n});\n\nexport const menuItem = style<S2MenuItemStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", wrap: true, icon: true, register: \"row\" }),\n  columnGap: 0,\n  paddingX: 0,\n  paddingBottom: \"--labelPadding\",\n  /* Viviana UI v2 (Glasselated): a register row is never painted. The handoff's nav and\n   * list rows are transparent at rest, on hover and when selected — state is carried by\n   * ink (the label shifting toward the accent) and by the leading mark fading in, not by\n   * a fill. `baseColor(\"gray-100\").isFocusVisible` baked an opaque ramp stop here, a\n   * solid bar the register does not draw at any time.\n   * Keyboard focus is not weakened: `focusRing()` above still draws a 2px ring on\n   * isFocusVisible, and it cannot be clipped here — the `menu` container that scrolls\n   * (`overflow: \"auto\"`) carries `padding: 8`, so the ring's 2px offset plus 2px width\n   * stays 4px inside the clip edge. That leaves isFocused free to mean the register's\n   * hover/highlight.\n   * The forced-colors fill is the one that stays: `forcedColorAdjust: \"none\"` at the\n   * bottom of this object opts the item out of the OS override, so high-contrast mode\n   * needs us to paint Highlight ourselves, paired with HighlightText in `color` below. */\n  backgroundColor: {\n    default: \"transparent\",\n    forcedColors: {\n      default: \"transparent\",\n      isFocused: \"Highlight\",\n    },\n  },\n  color: {\n    /* Highlight is expressed as ink. `accent` is full-strength in the register — the\n     * strength the handoff gives a SELECTED row's label — and it is used here for\n     * hover/highlight rather than for selection because a menu item has no persistent\n     * selected-label state: selection is the checkmark that occupies its own grid area\n     * (see `menuItemCheckmark`). Ordered after `default` and before `isDisabled` so a\n     * disabled row still reads disabled when hovered. */\n    default: baseColor(\"neutral\"),\n    isFocused: \"accent\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isFocused: \"HighlightText\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  position: \"relative\",\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  display: \"grid\",\n  gridTemplateAreas: [\n    \". checkmark icon label       value keyboard descriptor .\",\n    \". .         .    description .     .        .          .\",\n  ],\n  gridTemplateColumns: \"subgrid\",\n  gridTemplateRows: {\n    default: \"auto minmax(0, min-content)\",\n    \":has([slot=description])\": \"auto auto\",\n  },\n  rowGap: {\n    \":has([slot=description])\": space(1),\n  },\n  height: \"min\",\n  textDecoration: \"none\",\n  cursor: {\n    default: \"default\",\n    isLink: \"pointer\",\n  },\n  // Upstream `menuitem` uses `transition: 'transform'` (pressScale only), not the\n  // broad `'default'` property set — matched here so the item's\n  // `transition-property` computed value is identical (a D1 finding).\n  transition: \"transform\",\n  forcedColorAdjust: \"none\",\n});\n\nexport const menuItemIcon = style({\n  display: \"block\",\n  size: fontRelative(20),\n  marginEnd: \"text-to-visual\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nexport const menuItemIconCenterWrapper = style({\n  display: \"flex\",\n  gridArea: \"icon\",\n});\n\nexport const menuItemCheckmark = style<Pick<S2MenuItemStyleProps, \"isSelected\" | \"isDisabled\">>({\n  gridArea: \"checkmark\",\n  display: \"block\",\n  alignSelf: \"center\",\n  justifySelf: \"center\",\n  size: fontRelative(12),\n  marginEnd: \"text-to-control\",\n  visibility: {\n    default: \"hidden\",\n    isSelected: \"visible\",\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: baseColor(\"accent\"),\n      isDisabled: \"gray-400\",\n      forcedColors: \"Highlight\",\n    },\n  },\n});\n\nexport const menuItemCheckbox = style<\n  Pick<S2MenuItemStyleProps, \"isSelected\" | \"isFocused\" | \"isDisabled\">\n>({\n  ...controlBorderRadius(\"sm\"),\n  gridArea: \"checkmark\",\n  alignSelf: \"center\",\n  justifySelf: \"center\",\n  size: controlSize(\"sm\"),\n  marginEnd: \"text-to-control\",\n  flexShrink: 0,\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  borderWidth: space(2),\n  boxSizing: \"border-box\",\n  borderStyle: \"solid\",\n  transition: \"default\",\n  forcedColorAdjust: \"none\",\n  backgroundColor: {\n    default: \"gray-25\",\n    forcedColors: \"Background\",\n    isSelected: {\n      default: baseColor(\"accent-900\"),\n      forcedColors: \"Highlight\",\n      isDisabled: {\n        default: \"gray-400\",\n        forcedColors: \"GrayText\",\n      },\n    },\n  },\n  borderColor: {\n    default: baseColor(\"gray-800\"),\n    forcedColors: \"ButtonBorder\",\n    isDisabled: {\n      default: \"gray-400\",\n      forcedColors: \"GrayText\",\n    },\n    isSelected: \"transparent\",\n  },\n});\n\nexport const menuItemCheckboxIcon = style({\n  pointerEvents: \"none\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"gray-25\",\n      forcedColors: \"HighlightText\",\n    },\n  },\n});\n\nexport const menuItemLabel = style<S2MenuStyleProps>({\n  gridArea: \"label\",\n  font: controlFont(),\n  color: \"inherit\",\n  fontWeight: \"medium\",\n  marginTop: \"--labelPadding\",\n});\n\nexport const menuItemDescription = style<\n  Pick<S2MenuItemStyleProps, \"size\" | \"isFocused\" | \"isDisabled\">\n>({\n  gridArea: \"description\",\n  font: {\n    default: \"ui-sm\",\n    size: {\n      S: \"ui-xs\",\n      M: \"ui-sm\",\n      L: \"ui\",\n      XL: \"ui-lg\",\n    },\n  },\n  color: {\n    default: baseColor(\"neutral-subdued\"),\n    isFocused: \"gray-800\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"inherit\",\n    },\n  },\n  // Upstream `description` has NO `transition` — the port's `transition: \"default\"`\n  // was self-inflicted (D1 caught the differing `transition-property`).\n});\n\nexport const menuItemValue = style({\n  gridArea: \"value\",\n  marginStart: 8,\n});\n\nexport const menuItemKeyboard = style<\n  Pick<S2MenuItemStyleProps, \"size\" | \"isFocused\" | \"isDisabled\">\n>({\n  gridArea: \"keyboard\",\n  marginStart: 8,\n  font: \"ui\",\n  textAlign: \"end\",\n  color: {\n    default: \"gray-600\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"inherit\",\n    },\n  },\n  unicodeBidi: \"plaintext\",\n});\n\nexport const menuItemDescriptor = style({\n  gridArea: \"descriptor\",\n  placeSelf: \"end\",\n  marginStart: 8,\n  marginBottom: fontRelative(-1),\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nexport const menuItemDescriptorIcon = style<S2MenuStyleProps>({\n  marginEnd: 0,\n  display: \"block\",\n  size: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 24,\n      XL: 26,\n    },\n  },\n});\n\nexport const menuSection = style<S2MenuStyleProps>({\n  gridColumnStart: 1,\n  gridColumnEnd: -1,\n  alignItems: \"center\",\n  display: \"grid\",\n  gridTemplateAreas: [\n    \". checkmark icon label       value keyboard descriptor .\",\n    \". .         .    description .     .        .          .\",\n  ],\n  gridTemplateColumns: menuItemGrid,\n});\n\nexport const menuSectionHeader = style<S2MenuStyleProps>({\n  color: \"neutral\",\n  gridColumnStart: 2,\n  gridColumnEnd: -2,\n  boxSizing: \"border-box\",\n  minHeight: controlSize(),\n  paddingY:\n    \"[calc((self(minHeight) - self(borderTopWidth, 0px) - self(borderBottomWidth, 0px) - 1lh) / 2)]\",\n});\n\nexport const menuSectionHeading = style({\n  font: \"ui\",\n  fontWeight: \"bold\",\n  margin: 0,\n});\n"],"mappings":"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"}