@tempoxyz/ds 0.2.0 → 0.2.2

package/dist/web/components/Kbd.d.ts

@@ -1,15 +1,28 @@
-import type { ComponentPropsWithRef } from 'react';
+import { type ComponentPropsWithRef } from 'react';
 import type * as zyzz from 'zyzz';
+declare const modifiers: {
+    readonly apple: readonly [readonly ['ctrl', '⌃', 'Control'], readonly ['alt', '⌥', 'Option'], readonly ['shift', '⇧', 'Shift'], readonly ['meta', '⌘', 'Command']];
+    readonly linux: readonly [readonly ['meta', 'Super', 'Super'], readonly ['ctrl', 'Ctrl', 'Control'], readonly ['alt', 'Alt', 'Alt'], readonly ['shift', 'Shift', 'Shift']];
+    readonly windows: readonly [readonly ['meta', 'Win', 'Windows'], readonly ['ctrl', 'Ctrl', 'Control'], readonly ['alt', 'Alt', 'Alt'], readonly ['shift', 'Shift', 'Shift']];
+};
 /**
- * Shows a key or shortcut in a native `kbd` element. Each modifier prop adds its glyph before the
- * children, always in the order Control, Option, Shift, Command. Glyphs are hidden from assistive
- * tech, which reads the visually hidden name instead, so `<Kbd meta>K</Kbd>` reads as `Command K`.
+ * Shows a key or shortcut in a native `kbd` element. Each modifier prop adds a label before the
+ * children in the platform's conventional order: glyphs ordered Control, Option, Shift, Command on
+ * Apple platforms, and names ordered Win (Super on Linux), Ctrl, Alt, Shift elsewhere. Labels are
+ * hidden from assistive tech, which reads the visually hidden name instead, so `<Kbd mod>K</Kbd>`
+ * reads as `Command K` on a Mac and `Control K` on Windows.
+ *
+ * Without `platform`, the server and hydration render Apple glyphs, then the client switches to the
+ * browser's platform. If the request identifies the platform, such as in the `Sec-CH-UA-Platform`
+ * header, map it to `apple`, `linux`, or `windows` and pass it as `platform`, so the markup never
+ * changes. Any other value falls back to the browser's platform.
  *
  * - Pass the main key as children and modifiers as props, rather than typing glyphs into children.
+ * - Use `mod` for shortcuts that take Command on Apple platforms and Ctrl elsewhere.
  * - Single-character shortcuts need a way to turn them off or remap them.
  *
  * @example
- * <Kbd meta shift>
+ * <Kbd mod shift>
  *   P
  * </Kbd>
  *
@@ -20,13 +33,22 @@ import type * as zyzz from 'zyzz';
 export declare function Kbd(props: Kbd.Props): import("react").JSX.Element;
 export declare namespace Kbd {
     type Props = ComponentPropsWithRef<'kbd'> & zyzz.Props.Variants<typeof styles.kbd> & {
-        /** Adds `⌥`, read as `Option`. */
+        /** Adds `⌥` (Option) on Apple platforms and Alt elsewhere. */
         alt?: boolean | undefined;
-        /** Adds `⌃`, read as `Control`. */
+        /** Adds `⌃` (Control) on Apple platforms and Ctrl elsewhere. */
         ctrl?: boolean | undefined;
-        /** Adds `⌘`, read as `Command`. */
+        /** Adds `⌘` (Command) on Apple platforms, Win on Windows, and Super on Linux. */
         meta?: boolean | undefined;
-        /** Adds `⇧`, read as `Shift`. */
+        /** Adds the primary shortcut modifier: `⌘` (Command) on Apple platforms and Ctrl elsewhere. */
+        mod?: boolean | undefined;
+        /**
+         * Selects the modifier labels, names and order. Defaults to the browser's platform, read after
+         * hydration, and to `apple` on the server. Browsers on other platforms, such as Android or
+         * ChromeOS, use the `linux` names. Any other value, such as a raw `Sec-CH-UA-Platform` header,
+         * falls back to the default.
+         */
+        platform?: keyof typeof modifiers | undefined;
+        /** Adds `⇧` (Shift) on Apple platforms and Shift elsewhere. */
         shift?: boolean | undefined;
     };
 }

package/dist/web/components/Kbd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../src/web/components/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAUjC;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,+BAkBnC;AAED,yBAAiB,GAAG,CAAC;IACnB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,GAAG,CAAC,GAAG;QACvC,kCAAkC;QAClC,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;QACzB,mCAAmC;QACnC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;QAC1B,mCAAmC;QACnC,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;QAC1B,iCAAiC;QACjC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAC5B,CAAA;CACJ;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,MAAM,gCAUlB,CAAA;IAEM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA8Bf,CAAA;CACF"}
+{"version":3,"file":"Kbd.d.ts","sourceRoot":"","sources":["../../../src/web/components/Kbd.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,qBAAqB,EAAwB,MAAM,OAAO,CAAA;AACxE,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAIjC,QAAA,MAAM,SAAS;aACb,KAAK,sBACF,MAAM,EAAE,GAAG,EAAE,SAAS,aACtB,KAAK,EAAE,GAAG,EAAE,QAAQ,aACpB,OAAO,EAAE,GAAG,EAAE,OAAO,aACrB,MAAM,EAAE,GAAG,EAAE,SAAS;aAEzB,KAAK,sBACF,MAAM,EAAE,OAAO,EAAE,OAAO,aACxB,MAAM,EAAE,MAAM,EAAE,SAAS,aACzB,KAAK,EAAE,KAAK,EAAE,KAAK,aACnB,OAAO,EAAE,OAAO,EAAE,OAAO;aAE5B,OAAO,sBACJ,MAAM,EAAE,KAAK,EAAE,SAAS,aACxB,MAAM,EAAE,MAAM,EAAE,SAAS,aACzB,KAAK,EAAE,KAAK,EAAE,KAAK,aACnB,OAAO,EAAE,OAAO,EAAE,OAAO;CAEpB,CAAA;AAeV;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,+BA6BnC;AAED,yBAAiB,GAAG,CAAC;IACnB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,GAAG,CAAC,GAAG;QACvC,8DAA8D;QAC9D,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;QACzB,gEAAgE;QAChE,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;QAC1B,iFAAiF;QACjF,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;QAC1B,+FAA+F;QAC/F,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;QACzB;;;;;WAKG;QACH,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,GAAG,SAAS,CAAA;QAC7C,+DAA+D;QAC/D,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;KAC5B,CAAA;CACJ;AAED,kBAAU,MAAM,CAAC;IACR,MAAM,MAAM,gCAUlB,CAAA;IAEM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA8Bf,CAAA;CACF"}

package/dist/web/components/Kbd.js

@@ -1,23 +1,56 @@
 
 import { Props as __zyzzProps, Recipe as __zyzzRecipe } from 'zyzz/runtime';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSyncExternalStore } from 'react';
 import { style, variants } from '../zyzz.config.js';
-const modifiers = [
-    ['ctrl', '⌃', 'Control'],
-    ['alt', '⌥', 'Option'],
-    ['shift', '⇧', 'Shift'],
-    ['meta', '⌘', 'Command'],
-];
+// Each platform lists its modifiers in its own conventional order, as label and spoken name.
+const modifiers = {
+    apple: [
+        ['ctrl', '⌃', 'Control'],
+        ['alt', '⌥', 'Option'],
+        ['shift', '⇧', 'Shift'],
+        ['meta', '⌘', 'Command'],
+    ],
+    linux: [
+        ['meta', 'Super', 'Super'],
+        ['ctrl', 'Ctrl', 'Control'],
+        ['alt', 'Alt', 'Alt'],
+        ['shift', 'Shift', 'Shift'],
+    ],
+    windows: [
+        ['meta', 'Win', 'Windows'],
+        ['ctrl', 'Ctrl', 'Control'],
+        ['alt', 'Alt', 'Alt'],
+        ['shift', 'Shift', 'Shift'],
+    ],
+};
+// The server snapshot keeps server and hydration markup identical. React then re-renders with the
+// browser's platform.
+function usePlatform() {
+    return useSyncExternalStore(() => () => { }, () => {
+        if (/Macintosh|iPad|iPhone|iPod/.test(navigator.userAgent))
+            return 'apple';
+        return navigator.userAgent.includes('Windows') ? 'windows' : 'linux';
+    }, () => 'apple');
+}
 /**
- * Shows a key or shortcut in a native `kbd` element. Each modifier prop adds its glyph before the
- * children, always in the order Control, Option, Shift, Command. Glyphs are hidden from assistive
- * tech, which reads the visually hidden name instead, so `<Kbd meta>K</Kbd>` reads as `Command K`.
+ * Shows a key or shortcut in a native `kbd` element. Each modifier prop adds a label before the
+ * children in the platform's conventional order: glyphs ordered Control, Option, Shift, Command on
+ * Apple platforms, and names ordered Win (Super on Linux), Ctrl, Alt, Shift elsewhere. Labels are
+ * hidden from assistive tech, which reads the visually hidden name instead, so `<Kbd mod>K</Kbd>`
+ * reads as `Command K` on a Mac and `Control K` on Windows.
+ *
+ * Without `platform`, the server and hydration render Apple glyphs, then the client switches to the
+ * browser's platform. If the request identifies the platform, such as in the `Sec-CH-UA-Platform`
+ * header, map it to `apple`, `linux`, or `windows` and pass it as `platform`, so the markup never
+ * changes. Any other value falls back to the browser's platform.
  *
  * - Pass the main key as children and modifiers as props, rather than typing glyphs into children.
+ * - Use `mod` for shortcuts that take Command on Apple platforms and Ctrl elsewhere.
  * - Single-character shortcuts need a way to turn them off or remap them.
  *
  * @example
- * <Kbd meta shift>
+ * <Kbd mod shift>
  *   P
  * </Kbd>
  *
@@ -26,9 +59,18 @@ const modifiers = [
  * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html | WCAG 2.2 Info and Relationships}
  */
 export function Kbd(props) {
-    const { alt, children, className, ctrl, meta, shift, size, vars, ...attributes } = props;
-    const active = { alt, ctrl, meta, shift };
-    return (_jsxs("kbd", { ...attributes, ...styles.kbd({ className, size, style: props.style, vars }), children: [modifiers.map(([key, glyph, name]) => active[key] && (_jsxs("span", { children: [_jsx("span", { "aria-hidden": "true", children: glyph }), _jsxs("span", { ...styles.hidden(), children: [name, " "] })] }, key))), children] }));
+    const detected = usePlatform();
+    const { alt, children, className, ctrl, meta, mod, platform, shift, size, vars, ...attributes } = props;
+    // Untyped data, such as a raw `Sec-CH-UA-Platform` header, can hold any value, including inherited
+    // keys such as `toString`. Every value outside `modifiers` falls back to detection.
+    const resolved = platform !== undefined && Object.hasOwn(modifiers, platform) ? platform : detected;
+    const active = {
+        alt,
+        ctrl: ctrl || (mod && resolved !== 'apple'),
+        meta: meta || (mod && resolved === 'apple'),
+        shift,
+    };
+    return (_jsxs("kbd", { ...attributes, ...styles.kbd({ className, size, style: props.style, vars }), children: [modifiers[resolved].map(([key, label, name]) => active[key] && (_jsxs("span", { children: [_jsx("span", { "aria-hidden": "true", children: label }), _jsxs("span", { ...styles.hidden(), children: [name, " "] })] }, key))), children] }));
 }
 var styles;
 (function (styles) {

package/dist/web/components/Kbd.js.map

@@ -1 +1 @@
-{"version":3,"file":"Kbd.js","sourceRoot":"","sources":["../../../src/web/components/Kbd.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAEnD,MAAM,SAAS,GAAG;IAChB,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,CAAC;IACxB,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC;IACtB,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,CAAC;IACvB,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,CAAC;CAChB,CAAA;AAEV;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,GAAG,CAAC,KAAgB;IAClC,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAA;IACxF,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA;IAEzC,OAAO,CACL,kBAAS,UAAU,KAAM,MAAM,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,aAC/E,SAAS,CAAC,GAAG,CACZ,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,CACrB,MAAM,CAAC,GAAG,CAAC,IAAI,CACb,2BACE,8BAAkB,MAAM,YAAE,KAAK,GAAQ,EACvC,mBAAU,MAAM,CAAC,MAAM,EAAE,aAAG,IAAI,SAAS,KAFhC,GAAG,CAGP,CACR,CACJ,EACA,QAAQ,IACL,CACP,CAAA;AACH,CAAC;AAgBD,IAAU,MAAM,CA4Cf;AA5CD,WAAU,MAAM;IACD,aAAM,GAAG,KAAK,CACzB;QACE,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,GAAG;KACX,EACD,EAAE,EAAE,EAAE,oBAAoB,EAAE,CAC7B,CAAA;IAEY,UAAG,GAAG,QAAQ,CACzB;QACE,IAAI,EAAE;YACJ,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,eAAe;YAChC,YAAY,EAAE,GAAG;YACjB,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,YAAY;YACvB,KAAK,EAAE,UAAU;YACjB,SAAS,EAAE,GAAG;YACd,OAAO,EAAE,aAAa;YACtB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,eAAe,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;QACnC,QAAQ,EAAE;YACR,8CAA8C;YAC9C,IAAI,EAAE;gBACJ,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE;gBACnF,MAAM,EAAE;oBACN,MAAM,EAAE,IAAI;oBACZ,QAAQ,EAAE,IAAI;oBACd,aAAa,EAAE,aAAa;oBAC5B,UAAU,EAAE,UAAU;iBACvB;gBACD,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE;aACpF;SACF;KACF,EACD,EAAE,EAAE,EAAE,aAAa,EAAE,CACtB,CAAA;AACH,CAAC,EA5CS,MAAM,KAAN,MAAM,QA4Cf"}
+{"version":3,"file":"Kbd.js","sourceRoot":"","sources":["../../../src/web/components/Kbd.tsx"],"names":[],"mappings":"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"}

package/dist/web/components/Menu.css

@@ -1 +1 @@
-.z-tds_2f_web-tds_2f_web_2f_menu_2f_chevron-text-0{color:var(--z-tds_2f_web-color-gray-700,light-dark(#8f8f8f,#8f8e8e))}.z-tds_2f_web-tds_2f_web_2f_menu_2f_chevron-flex-shrink-1{flex-shrink:0}.z-tds_2f_web-tds_2f_web_2f_menu_2f_chevron-margin-inline-start-2{margin-inline-start:auto}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-padding-block-0{padding-block:var(--z-tds_2f_web-spacing-8,.5rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-padding-inline-1{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-font-family-2{font-family:var(--z-tds_2f_web-typography-label-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-font-size-3{font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-font-weight-4{font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-letter-spacing-5{letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-line-height-6{line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-border-radius-1{border-radius:10px}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-box-sizing-2{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-text-3{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-column-gap-4{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-cursor-5{cursor:default}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-display-6{display:flex}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-min-height-7{min-height:var(--z-tds_2f_web-spacing-40,2.5rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-outline-8{outline:none}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-padding-inline-9{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-text-decoration-10{text-decoration:none}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-transition-duration-11{transition-duration:.12s}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-transition-property-12{transition-property:background-color,color,opacity}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-transition-timing-function-13{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-font-family-14{font-family:var(--z-tds_2f_web-typography-label-14-strong-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-font-size-15{font-size:var(--z-tds_2f_web-typography-label-14-strong-fontSize,14px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-font-weight-16{font-weight:var(--z-tds_2f_web-typography-label-14-strong-fontWeight,500)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-letter-spacing-17{letter-spacing:var(--z-tds_2f_web-typography-label-14-strong-letterSpacing,-.09px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-line-height-18{line-height:var(--z-tds_2f_web-typography-label-14-strong-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-user-select-19{user-select:none}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-opacity-20{&[data-disabled]{opacity:.4}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-pointer-events-21{&[data-disabled]{pointer-events:none}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-bg-22{&[data-highlighted]{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-bg-23{&[data-popup-open]{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-transition-property-24{transition-property:none}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-text-25{&:where([data-intent=negative]){color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-bg-0{background-color:light-dark(#fff,#1f1e1e)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-border-radius-1{border-radius:var(--z-tds_2f_web-radius-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-box-shadow-2{box-shadow:var(--z-tds_2f_web-shadow-popover,0 0 0 1px light-dark(#0000000f,#ffffff14), 0 8px 24px -4px #0000001f, 0 24px 48px -12px #00000029)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-text-3{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-max-height-4{max-height:var(--available-height)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-min-width-5{min-width:var(--z-tds_2f_web-spacing-224,14rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-overflow-y-6{overflow-y:auto}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-p-7{padding:6px}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transform-origin-8{transform-origin:var(--transform-origin)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transition-duration-9{transition-duration:.2s}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transition-property-10{transition-property:opacity,transform}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-family-11{font-family:var(--z-tds_2f_web-typography-copy-14-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-size-12{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-weight-13{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-letter-spacing-14{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-line-height-15{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-opacity-16{&[data-ending-style]{opacity:0}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transform-17{&[data-ending-style]{transform:scale(.96)}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transition-duration-18{&[data-ending-style]{transition-duration:.14s}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-opacity-19{&[data-starting-style]{opacity:0}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transform-20{&[data-starting-style]{transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transition-property-21{transition-property:opacity}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transform-22{&[data-ending-style],&[data-starting-style]{transform:none}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-min-height-23{&:where([data-size=large]){& [role^=menuitem]{min-height:var(--z-tds_2f_web-spacing-56,3.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-family-24{&:where([data-size=large]){& [role^=menuitem]{font-family:var(--z-tds_2f_web-typography-label-16-strong-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-size-25{&:where([data-size=large]){& [role^=menuitem]{font-size:var(--z-tds_2f_web-typography-label-16-strong-fontSize,16px)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-weight-26{&:where([data-size=large]){& [role^=menuitem]{font-weight:var(--z-tds_2f_web-typography-label-16-strong-fontWeight,500)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-letter-spacing-27{&:where([data-size=large]){& [role^=menuitem]{letter-spacing:var(--z-tds_2f_web-typography-label-16-strong-letterSpacing,-.18px)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-line-height-28{&:where([data-size=large]){& [role^=menuitem]{line-height:var(--z-tds_2f_web-typography-label-16-strong-lineHeight,20px)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-min-height-29{&:where([data-size=small]){& [role^=menuitem]{min-height:var(--z-tds_2f_web-spacing-32,2rem)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-padding-block-30{&:where([data-size=small]){& [role^=menuitem]{padding-block:var(--z-tds_2f_web-spacing-4,.25rem)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-family-31{&:where([data-size=small]){& [role^=menuitem]{font-family:var(--z-tds_2f_web-typography-label-13-strong-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-size-32{&:where([data-size=small]){& [role^=menuitem]{font-size:var(--z-tds_2f_web-typography-label-13-strong-fontSize,13px)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-weight-33{&:where([data-size=small]){& [role^=menuitem]{font-weight:var(--z-tds_2f_web-typography-label-13-strong-fontWeight,500)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-letter-spacing-34{&:where([data-size=small]){& [role^=menuitem]{letter-spacing:var(--z-tds_2f_web-typography-label-13-strong-letterSpacing,-.04px)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-line-height-35{&:where([data-size=small]){& [role^=menuitem]{line-height:var(--z-tds_2f_web-typography-label-13-strong-lineHeight,16px)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_positioner-z-index-0{z-index:50}.z-tds_2f_web-tds_2f_web_2f_menu_2f_separator-bg-0{background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}.z-tds_2f_web-tds_2f_web_2f_menu_2f_separator-h-1{height:var(--z-tds_2f_web-spacing-1,1px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_separator-margin-block-2{margin-block:var(--z-tds_2f_web-spacing-8,.5rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_separator-margin-inline-3{margin-inline:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-text-0{color:var(--z-tds_2f_web-color-gray-700,light-dark(#8f8f8f,#8f8e8e))}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-margin-inline-start-1{margin-inline-start:auto}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-padding-inline-start-2{padding-inline-start:var(--z-tds_2f_web-spacing-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-font-family-3{font-family:var(--z-tds_2f_web-typography-label-13-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-font-size-4{font-size:var(--z-tds_2f_web-typography-label-13-fontSize,13px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-font-weight-5{font-weight:var(--z-tds_2f_web-typography-label-13-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-letter-spacing-6{letter-spacing:var(--z-tds_2f_web-typography-label-13-letterSpacing,-.04px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-line-height-7{line-height:var(--z-tds_2f_web-typography-label-13-lineHeight,16px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_slot-display-0{display:inline-flex}.z-tds_2f_web-tds_2f_web_2f_menu_2f_slot-h-1{height:var(--z-tds_2f_web-spacing-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_slot-justify-content-2{justify-content:center}.z-tds_2f_web-tds_2f_web_2f_menu_2f_slot-w-3{width:var(--z-tds_2f_web-spacing-16,1rem)}
+.z-tds_2f_web-tds_2f_web_2f_menu_2f_chevron-text-0{color:var(--z-tds_2f_web-color-gray-700,light-dark(#8f8f8f,#8f8e8e))}.z-tds_2f_web-tds_2f_web_2f_menu_2f_chevron-flex-shrink-1{flex-shrink:0}.z-tds_2f_web-tds_2f_web_2f_menu_2f_chevron-margin-inline-start-2{margin-inline-start:auto}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-text-0{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-padding-block-1{padding-block:var(--z-tds_2f_web-spacing-8,.5rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-padding-inline-2{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-font-family-3{font-family:var(--z-tds_2f_web-typography-label-12-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-font-size-4{font-size:var(--z-tds_2f_web-typography-label-12-fontSize,12px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-font-weight-5{font-weight:var(--z-tds_2f_web-typography-label-12-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-letter-spacing-6{letter-spacing:var(--z-tds_2f_web-typography-label-12-letterSpacing,.01px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-line-height-7{line-height:var(--z-tds_2f_web-typography-label-12-lineHeight,16px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-border-radius-1{border-radius:10px}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-box-sizing-2{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-text-3{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-column-gap-4{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-cursor-5{cursor:default}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-display-6{display:flex}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-min-height-7{min-height:var(--z-tds_2f_web-spacing-40,2.5rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-outline-8{outline:none}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-padding-inline-9{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-text-decoration-10{text-decoration:none}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-transition-duration-11{transition-duration:.12s}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-transition-property-12{transition-property:background-color,color,opacity}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-transition-timing-function-13{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-font-family-14{font-family:var(--z-tds_2f_web-typography-label-14-strong-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-font-size-15{font-size:var(--z-tds_2f_web-typography-label-14-strong-fontSize,14px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-font-weight-16{font-weight:var(--z-tds_2f_web-typography-label-14-strong-fontWeight,500)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-letter-spacing-17{letter-spacing:var(--z-tds_2f_web-typography-label-14-strong-letterSpacing,-.09px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-line-height-18{line-height:var(--z-tds_2f_web-typography-label-14-strong-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-user-select-19{user-select:none}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-opacity-20{&[data-disabled]{opacity:.4}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-pointer-events-21{&[data-disabled]{pointer-events:none}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-bg-22{&[data-highlighted]{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-bg-23{&[data-popup-open]{background-color:var(--z-tds_2f_web-color-grayAlpha-100,light-dark(#0000000d,#ffffff12))}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-transition-property-24{transition-property:none}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_item-text-25{&:where([data-intent=negative]){color:var(--z-tds_2f_web-color-red-800,light-dark(#e02401,#d8351f))}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-bg-0{background-color:light-dark(#fff,#1f1e1e)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-border-radius-1{border-radius:var(--z-tds_2f_web-radius-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-box-shadow-2{box-shadow:var(--z-tds_2f_web-shadow-popover,0 0 0 1px light-dark(#0000000f,#ffffff14), 0 8px 24px -4px #0000001f, 0 24px 48px -12px #00000029)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-text-3{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-max-height-4{max-height:var(--available-height)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-min-width-5{min-width:var(--z-tds_2f_web-spacing-224,14rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-overflow-y-6{overflow-y:auto}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-p-7{padding:6px}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transform-origin-8{transform-origin:var(--transform-origin)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transition-duration-9{transition-duration:.2s}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transition-property-10{transition-property:opacity,transform}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-family-11{font-family:var(--z-tds_2f_web-typography-copy-14-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-size-12{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-weight-13{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-letter-spacing-14{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-line-height-15{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-opacity-16{&[data-ending-style]{opacity:0}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transform-17{&[data-ending-style]{transform:scale(.96)}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transition-duration-18{&[data-ending-style]{transition-duration:.14s}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-opacity-19{&[data-starting-style]{opacity:0}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transform-20{&[data-starting-style]{transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transition-property-21{transition-property:opacity}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transform-22{&[data-ending-style],&[data-starting-style]{transform:none}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-min-height-23{&:where([data-size=large]){& [role^=menuitem]{min-height:var(--z-tds_2f_web-spacing-56,3.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-family-24{&:where([data-size=large]){& [role^=menuitem]{font-family:var(--z-tds_2f_web-typography-label-16-strong-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-size-25{&:where([data-size=large]){& [role^=menuitem]{font-size:var(--z-tds_2f_web-typography-label-16-strong-fontSize,16px)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-weight-26{&:where([data-size=large]){& [role^=menuitem]{font-weight:var(--z-tds_2f_web-typography-label-16-strong-fontWeight,500)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-letter-spacing-27{&:where([data-size=large]){& [role^=menuitem]{letter-spacing:var(--z-tds_2f_web-typography-label-16-strong-letterSpacing,-.18px)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-line-height-28{&:where([data-size=large]){& [role^=menuitem]{line-height:var(--z-tds_2f_web-typography-label-16-strong-lineHeight,20px)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-min-height-29{&:where([data-size=small]){& [role^=menuitem]{min-height:var(--z-tds_2f_web-spacing-32,2rem)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-padding-block-30{&:where([data-size=small]){& [role^=menuitem]{padding-block:var(--z-tds_2f_web-spacing-4,.25rem)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-family-31{&:where([data-size=small]){& [role^=menuitem]{font-family:var(--z-tds_2f_web-typography-label-13-strong-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-size-32{&:where([data-size=small]){& [role^=menuitem]{font-size:var(--z-tds_2f_web-typography-label-13-strong-fontSize,13px)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-weight-33{&:where([data-size=small]){& [role^=menuitem]{font-weight:var(--z-tds_2f_web-typography-label-13-strong-fontWeight,500)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-letter-spacing-34{&:where([data-size=small]){& [role^=menuitem]{letter-spacing:var(--z-tds_2f_web-typography-label-13-strong-letterSpacing,-.04px)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-line-height-35{&:where([data-size=small]){& [role^=menuitem]{line-height:var(--z-tds_2f_web-typography-label-13-strong-lineHeight,16px)}}}.z-tds_2f_web-tds_2f_web_2f_menu_2f_positioner-z-index-0{z-index:50}.z-tds_2f_web-tds_2f_web_2f_menu_2f_separator-bg-0{background-color:var(--z-tds_2f_web-color-grayAlpha-200,light-dark(#00000014,#ffffff1a))}.z-tds_2f_web-tds_2f_web_2f_menu_2f_separator-h-1{height:var(--z-tds_2f_web-spacing-1,1px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_separator-margin-block-2{margin-block:var(--z-tds_2f_web-spacing-8,.5rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_separator-margin-inline-3{margin-inline:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-text-0{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-margin-inline-start-1{margin-inline-start:auto}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-padding-inline-start-2{padding-inline-start:var(--z-tds_2f_web-spacing-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-font-family-3{font-family:var(--z-tds_2f_web-typography-label-13-fontFamily,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji")}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-font-size-4{font-size:var(--z-tds_2f_web-typography-label-13-fontSize,13px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-font-weight-5{font-weight:var(--z-tds_2f_web-typography-label-13-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-letter-spacing-6{letter-spacing:var(--z-tds_2f_web-typography-label-13-letterSpacing,-.04px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_shortcut-line-height-7{line-height:var(--z-tds_2f_web-typography-label-13-lineHeight,16px)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_slot-display-0{display:inline-flex}.z-tds_2f_web-tds_2f_web_2f_menu_2f_slot-h-1{height:var(--z-tds_2f_web-spacing-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_menu_2f_slot-justify-content-2{justify-content:center}.z-tds_2f_web-tds_2f_web_2f_menu_2f_slot-w-3{width:var(--z-tds_2f_web-spacing-16,1rem)}

package/dist/web/components/Menu.js

@@ -136,7 +136,7 @@ export var Menu;
 export var styles;
 (function (styles) {
     styles.chevron = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_menu_2f_chevron-text-0 z-tds_2f_web-tds_2f_web_2f_menu_2f_chevron-flex-shrink-1 z-tds_2f_web-tds_2f_web_2f_menu_2f_chevron-margin-inline-start-2"});
-    styles.groupLabel = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_menu_2f_chevron-text-0 z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-padding-block-0 z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-padding-inline-1 z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-font-family-2 z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-font-size-3 z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-font-weight-4 z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-letter-spacing-5 z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-line-height-6"});
+    styles.groupLabel = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-text-0 z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-padding-block-1 z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-padding-inline-2 z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-font-family-3 z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-font-size-4 z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-font-weight-5 z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-letter-spacing-6 z-tds_2f_web-tds_2f_web_2f_menu_2f_group_2d_label-line-height-7"});
     styles.item = __zyzzRecipe.create({"axes":{"intent":["default","negative"]},"defaults":{"intent":"default"},"className":"z-tds_2f_web-tds_2f_web_2f_menu_2f_item-align-items-0 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-border-radius-1 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-box-sizing-2 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-text-3 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-column-gap-4 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-cursor-5 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-display-6 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-min-height-7 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-outline-8 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-padding-inline-9 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-text-decoration-10 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-transition-duration-11 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-transition-property-12 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-transition-timing-function-13 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-font-family-14 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-font-size-15 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-font-weight-16 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-letter-spacing-17 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-line-height-18 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-user-select-19 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-opacity-20 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-pointer-events-21 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-bg-22 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-bg-23 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-transition-property-24 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-text-25"});
     styles.popup = __zyzzRecipe.create({"axes":{"size":["large","medium","small"]},"defaults":{"size":"medium"},"className":"z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-bg-0 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-border-radius-1 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-box-shadow-2 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-box-sizing-2 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-text-3 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-max-height-4 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-min-width-5 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-outline-8 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-overflow-y-6 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-p-7 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transform-origin-8 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transition-duration-9 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transition-property-10 z-tds_2f_web-tds_2f_web_2f_menu_2f_item-transition-timing-function-13 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-family-11 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-size-12 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-weight-13 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-letter-spacing-14 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-line-height-15 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-opacity-16 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transform-17 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transition-duration-18 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-opacity-19 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transform-20 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transition-property-21 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-transform-22 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-min-height-23 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-family-24 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-size-25 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-weight-26 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-letter-spacing-27 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-line-height-28 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-min-height-29 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-padding-block-30 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-family-31 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-size-32 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-font-weight-33 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-letter-spacing-34 z-tds_2f_web-tds_2f_web_2f_menu_2f_popup-line-height-35"});
     styles.positioner = __zyzzProps.create({className:"z-tds_2f_web-tds_2f_web_2f_menu_2f_positioner-z-index-0"});