@m3-baseui/react-vanilla-extract 1.0.0

package/dist/list.css

@@ -0,0 +1,128 @@
+/* vanilla-extract-css-ns:src/list.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61V227cIBB9z1egSpWyUkl3c2tKHvsZVVWNYeylwWDBeJNN1X-vwGxsb5zGTvMI5py5nDPjs58X1YWyZs1-nzBmdCAeaG9QMOss3p4wVoOvtBVsHQ8NKKVtxbU12uLRZWGcvBPspnmItwXIu8q71irByIMNDXi0dHvy5-QsB92koI0LmrSzgnk0QHqXwiodGgN7wUqDie9eK9oKtlmvP8YjGF1ZrgnrIJhES-jjdQWNYJvrnIJ74EE_alsJVjiv0PPCPUzVcUAQPhBP1IIZLOmfhbBM2vdKOuO8YL4qTnfgTzmvFQ_7wNM9d5aH1pcgcbV6CqZQOg9d_R1N35-L1J9aW75FXW1JsKuc51TLe9zlM9yX8zm4q2e4myzmqNtRER4IPE1Qbs7HnNeJU7Y-xM40Th-UagN6HtCgpL6Bboe-NO5esK1WCm26a6kT6bg910IUWDqPXQhnCS0J9uHD7chVUARnWkr82gakbNuhrrL1UdNvUacUswGpaX8weJc1xx1aCn22yQ05SkZEf9aBjdSvXXzCEULsUyCwCrxajUvZxtJHBT3lMCILBIQ8vT5iKJ1sA9_poAuDs5kS6ogJZJzC2RSNxxDwqKDvCgi40gEKg-rHJ9bTHy7z9E_19mWiQ1ZThNMZr4d0N-nbs-Xywjb51QbS5Z4_eav_1A3B1mt7l10yd_j5DrwGS6tRwzZHdbJxxrM3C_vM1mcXN6tx0WFXJZq8RM8vu7E-jHl37gFfp7uUalbao-w8L51p6zSjcWdk7vXhpWCbIScsqyNtyNJZ4iXU2hw7j_YNBgkGeeHUnhvwVfSypR53n4t7Hde97JFBP-IcXHyXUHE_Pe3M13GD5x0cKY5AiI6N_6rXGciDvNO2mmehha2fslCxiGJo8QUq1qh0W79BxgxcrmMGLhcyA_9HyUyxTMplOkxKKRetwPfZc_NMYKBAw0MNxiwzwRC4yARD4CITDIFvNMGQYpkJ5HuYYN4v4S9BPVxSIAwAAA */
+._3g3dnl0 {
+  list-style: none;
+  margin: 0;
+  padding-inline: 0;
+  padding-block: 8px;
+  background: transparent;
+}
+._3g3dnl1 {
+  position: relative;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 16px;
+  box-sizing: border-box;
+  padding-inline: 16px;
+  text-align: left;
+  background: transparent;
+  border: none;
+  color: rgb(var(--md-sys-color-on-surface));
+  text-decoration: none;
+}
+._3g3dnl3 {
+  min-height: 56px;
+  padding-block: 8px;
+}
+._3g3dnl4 {
+  min-height: 72px;
+  padding-block: 8px;
+}
+._3g3dnl5 {
+  min-height: 88px;
+  align-items: flex-start;
+  padding-block: 12px;
+}
+._3g3dnl6 {
+  cursor: pointer;
+  user-select: none;
+  overflow: hidden;
+  outline: none;
+}
+._3g3dnl6::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._3g3dnl6:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._3g3dnl6:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+._3g3dnl6:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._3g3dnl6[data-disabled],
+._3g3dnl6:disabled {
+  pointer-events: none;
+}
+._3g3dnl6[data-disabled]::before,
+._3g3dnl6:disabled::before {
+  opacity: 0;
+}
+._3g3dnl8 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._3g3dnl1[data-disabled] ._3g3dnl8 {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._3g3dnl8 svg {
+  width: 24px;
+  height: 24px;
+}
+._3g3dnl9 {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  flex: 1;
+}
+._3g3dnla {
+  color: rgb(var(--md-sys-color-on-surface));
+  font-family: var(--md-sys-typescale-body-large-font);
+  font-weight: var(--md-sys-typescale-body-large-weight);
+  font-size: var(--md-sys-typescale-body-large-size);
+  line-height: var(--md-sys-typescale-body-large-line-height);
+  letter-spacing: var(--md-sys-typescale-body-large-tracking);
+}
+._3g3dnl1[data-disabled] ._3g3dnla {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._3g3dnlb {
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  font-family: var(--md-sys-typescale-body-medium-font);
+  font-weight: var(--md-sys-typescale-body-medium-weight);
+  font-size: var(--md-sys-typescale-body-medium-size);
+  line-height: var(--md-sys-typescale-body-medium-line-height);
+  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+}
+._3g3dnl1[data-disabled] ._3g3dnlb {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._3g3dnlc {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  font-family: var(--md-sys-typescale-label-small-font);
+  font-weight: var(--md-sys-typescale-label-small-weight);
+  font-size: var(--md-sys-typescale-label-small-size);
+  line-height: var(--md-sys-typescale-label-small-line-height);
+  letter-spacing: var(--md-sys-typescale-label-small-tracking);
+}
+._3g3dnl1[data-disabled] ._3g3dnlc {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._3g3dnlc svg {
+  width: 24px;
+  height: 24px;
+}
+/*# sourceMappingURL=list.css.map */

package/dist/list.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/list.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61V227cIBB9z1egSpWyUkl3c2tKHvsZVVWNYeylwWDBeJNN1X-vwGxsb5zGTvMI5py5nDPjs58X1YWyZs1-nzBmdCAeaG9QMOss3p4wVoOvtBVsHQ8NKKVtxbU12uLRZWGcvBPspnmItwXIu8q71irByIMNDXi0dHvy5-QsB92koI0LmrSzgnk0QHqXwiodGgN7wUqDie9eK9oKtlmvP8YjGF1ZrgnrIJhES-jjdQWNYJvrnIJ74EE_alsJVjiv0PPCPUzVcUAQPhBP1IIZLOmfhbBM2vdKOuO8YL4qTnfgTzmvFQ_7wNM9d5aH1pcgcbV6CqZQOg9d_R1N35-L1J9aW75FXW1JsKuc51TLe9zlM9yX8zm4q2e4myzmqNtRER4IPE1Qbs7HnNeJU7Y-xM40Th-UagN6HtCgpL6Bboe-NO5esK1WCm26a6kT6bg910IUWDqPXQhnCS0J9uHD7chVUARnWkr82gakbNuhrrL1UdNvUacUswGpaX8weJc1xx1aCn22yQ05SkZEf9aBjdSvXXzCEULsUyCwCrxajUvZxtJHBT3lMCILBIQ8vT5iKJ1sA9_poAuDs5kS6ogJZJzC2RSNxxDwqKDvCgi40gEKg-rHJ9bTHy7z9E_19mWiQ1ZThNMZr4d0N-nbs-Xywjb51QbS5Z4_eav_1A3B1mt7l10yd_j5DrwGS6tRwzZHdbJxxrM3C_vM1mcXN6tx0WFXJZq8RM8vu7E-jHl37gFfp7uUalbao-w8L51p6zSjcWdk7vXhpWCbIScsqyNtyNJZ4iXU2hw7j_YNBgkGeeHUnhvwVfSypR53n4t7Hde97JFBP-IcXHyXUHE_Pe3M13GD5x0cKY5AiI6N_6rXGciDvNO2mmehha2fslCxiGJo8QUq1qh0W79BxgxcrmMGLhcyA_9HyUyxTMplOkxKKRetwPfZc_NMYKBAw0MNxiwzwRC4yARD4CITDIFvNMGQYpkJ5HuYYN4v4S9BPVxSIAwAAA"],"sourcesContent":["._3g3dnl0 {\n  list-style: none;\n  margin: 0;\n  padding-inline: 0;\n  padding-block: 8px;\n  background: transparent;\n}\n._3g3dnl1 {\n  position: relative;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  gap: 16px;\n  box-sizing: border-box;\n  padding-inline: 16px;\n  text-align: left;\n  background: transparent;\n  border: none;\n  color: rgb(var(--md-sys-color-on-surface));\n  text-decoration: none;\n}\n._3g3dnl3 {\n  min-height: 56px;\n  padding-block: 8px;\n}\n._3g3dnl4 {\n  min-height: 72px;\n  padding-block: 8px;\n}\n._3g3dnl5 {\n  min-height: 88px;\n  align-items: flex-start;\n  padding-block: 12px;\n}\n._3g3dnl6 {\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n  outline: none;\n}\n._3g3dnl6::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: currentColor;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._3g3dnl6:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._3g3dnl6:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._3g3dnl6:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._3g3dnl6[data-disabled], ._3g3dnl6:disabled {\n  pointer-events: none;\n}\n._3g3dnl6[data-disabled]::before, ._3g3dnl6:disabled::before {\n  opacity: 0;\n}\n._3g3dnl8 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._3g3dnl1[data-disabled] ._3g3dnl8 {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._3g3dnl8 svg {\n  width: 24px;\n  height: 24px;\n}\n._3g3dnl9 {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  flex: 1;\n}\n._3g3dnla {\n  color: rgb(var(--md-sys-color-on-surface));\n  font-family: var(--md-sys-typescale-body-large-font);\n  font-weight: var(--md-sys-typescale-body-large-weight);\n  font-size: var(--md-sys-typescale-body-large-size);\n  line-height: var(--md-sys-typescale-body-large-line-height);\n  letter-spacing: var(--md-sys-typescale-body-large-tracking);\n}\n._3g3dnl1[data-disabled] ._3g3dnla {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._3g3dnlb {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  font-family: var(--md-sys-typescale-body-medium-font);\n  font-weight: var(--md-sys-typescale-body-medium-weight);\n  font-size: var(--md-sys-typescale-body-medium-size);\n  line-height: var(--md-sys-typescale-body-medium-line-height);\n  letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n}\n._3g3dnl1[data-disabled] ._3g3dnlb {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._3g3dnlc {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  font-family: var(--md-sys-typescale-label-small-font);\n  font-weight: var(--md-sys-typescale-label-small-weight);\n  font-size: var(--md-sys-typescale-label-small-size);\n  line-height: var(--md-sys-typescale-label-small-line-height);\n  letter-spacing: var(--md-sys-typescale-label-small-tracking);\n}\n._3g3dnl1[data-disabled] ._3g3dnlc {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._3g3dnlc svg {\n  width: 24px;\n  height: 24px;\n}"],"mappings":";AAAA,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,kBAAgB;AAChB,iBAAe;AACf,cAAY;AACd;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,SAAO;AACP,eAAa;AACb,OAAK;AACL,cAAY;AACZ,kBAAgB;AAChB,cAAY;AACZ,cAAY;AACZ,UAAQ;AACR,SAAO,IAAI,IAAI;AACf,mBAAiB;AACnB;AACA,CAAC;AACC,cAAY;AACZ,iBAAe;AACjB;AACA,CAAC;AACC,cAAY;AACZ,iBAAe;AACjB;AACA,CAAC;AACC,cAAY;AACZ,eAAa;AACb,iBAAe;AACjB;AACA,CAAC;AACC,UAAQ;AACR,eAAa;AACb,YAAU;AACV,WAAS;AACX;AACA,CANC,QAMQ;AACP,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAfC,QAeQ,MAAM;AACb,WAAS,IAAI;AACf;AACA,CAlBC,QAkBQ,cAAc;AACrB,WAAS,IAAI;AACf;AACA,CArBC,QAqBQ,OAAO;AACd,WAAS,IAAI;AACf;AACA,CAxBC,QAwBQ,CAAC;AAAgB,CAxBzB,QAwBkC;AACjC,kBAAgB;AAClB;AACA,CA3BC,QA2BQ,CAAC,cAAc;AAAU,CA3BjC,QA2B0C,SAAS;AAClD,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACb,SAAO,IAAI,IAAI;AACjB;AACA,CAhEC,QAgEQ,CAAC,eAAe,CAPxB;AAQC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAVC,SAUS;AACR,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,aAAW;AACX,QAAM;AACR;AACA,CAAC;AACC,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CArFC,QAqFQ,CAAC,eAAe,CARxB;AASC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAAC;AACC,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAhGC,QAgGQ,CAAC,eAAe,CARxB;AASC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,eAAa;AACb,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CA9GC,QA8GQ,CAAC,eAAe,CAXxB;AAYC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAdC,SAcS;AACR,SAAO;AACP,UAAQ;AACV;","names":[]}

package/dist/list.d.ts

@@ -0,0 +1,10 @@
+import * as _m3_baseui_core from '@m3-baseui/core';
+export { ListItemLines, ListItemProps } from '@m3-baseui/core';
+import * as react from 'react';
+
+declare const List: {
+    Root: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLUListElement> & react.RefAttributes<HTMLUListElement>>;
+    Item: react.ForwardRefExoticComponent<_m3_baseui_core.ListItemProps & react.RefAttributes<HTMLLIElement>>;
+};
+
+export { List };

package/dist/list.js

@@ -0,0 +1,31 @@
+"use client";
+import './list.css';
+import { createList, cx } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/list.ts
+var content = "_3g3dnl9";
+var headline = "_3g3dnla";
+var item = createRuntimeFn({ defaultClassName: "_3g3dnl2", variantClassNames: { lines: { "1": "_3g3dnl3", "2": "_3g3dnl4", "3": "_3g3dnl5" }, interactive: { true: "_3g3dnl6", false: "_3g3dnl7" } }, defaultVariants: { lines: 1, interactive: false }, compoundVariants: [] });
+var itemBase = "_3g3dnl1";
+var leading = "_3g3dnl8";
+var root = "_3g3dnl0";
+var supporting = "_3g3dnlb";
+var trailing = "_3g3dnlc";
+
+// src/list.ts
+var List = createList({
+  root,
+  item: ({ lines, interactive }) => ({
+    item: cx(itemBase, item({ lines, interactive })),
+    leading,
+    content,
+    headline,
+    supporting,
+    trailing
+  })
+});
+
+export { List };
+//# sourceMappingURL=list.js.map
+//# sourceMappingURL=list.js.map

package/dist/list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/list.css.ts","../src/list.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,OAAA,GAAU,UAAA;AACd,IAAI,QAAA,GAAW,UAAA;AACf,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,YAAW,iBAAA,EAAkB,EAAC,KAAA,EAAM,EAAC,KAAI,UAAA,EAAW,GAAA,EAAI,UAAA,EAAW,GAAA,EAAI,YAAU,EAAE,WAAA,EAAY,EAAC,IAAA,EAAK,UAAA,EAAW,KAAA,EAAM,UAAA,EAAU,IAAG,eAAA,EAAgB,EAAC,KAAA,EAAM,CAAA,EAAE,aAAY,KAAA,EAAK,EAAE,gBAAA,EAAiB,IAAG,CAAA;AACvO,IAAI,QAAA,GAAW,UAAA;AACf,IAAI,OAAA,GAAU,UAAA;AACd,IAAI,IAAA,GAAO,UAAA;AACX,IAAI,UAAA,GAAa,UAAA;AACjB,IAAI,QAAA,GAAW,UAAA;;;ACFf,IAAM,OAAO,UAAA,CAAW;AAAA,EAC7B,IAAA;AAAA,EACA,IAAA,EAAM,CAAC,EAAE,KAAA,EAAO,aAAY,MAAO;AAAA,IACjC,IAAA,EAAM,GAAG,QAAA,EAAU,IAAA,CAAK,EAAE,KAAA,EAAO,WAAA,EAAa,CAAC,CAAA;AAAA,IAC/C,OAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AACF,CAAC","file":"list.js","sourcesContent":["import 'src/list.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61V227cIBB9z1egSpWyUkl3c2tKHvsZVVWNYeylwWDBeJNN1X-vwGxsb5zGTvMI5py5nDPjs58X1YWyZs1-nzBmdCAeaG9QMOss3p4wVoOvtBVsHQ8NKKVtxbU12uLRZWGcvBPspnmItwXIu8q71irByIMNDXi0dHvy5-QsB92koI0LmrSzgnk0QHqXwiodGgN7wUqDie9eK9oKtlmvP8YjGF1ZrgnrIJhES-jjdQWNYJvrnIJ74EE_alsJVjiv0PPCPUzVcUAQPhBP1IIZLOmfhbBM2vdKOuO8YL4qTnfgTzmvFQ_7wNM9d5aH1pcgcbV6CqZQOg9d_R1N35-L1J9aW75FXW1JsKuc51TLe9zlM9yX8zm4q2e4myzmqNtRER4IPE1Qbs7HnNeJU7Y-xM40Th-UagN6HtCgpL6Bboe-NO5esK1WCm26a6kT6bg910IUWDqPXQhnCS0J9uHD7chVUARnWkr82gakbNuhrrL1UdNvUacUswGpaX8weJc1xx1aCn22yQ05SkZEf9aBjdSvXXzCEULsUyCwCrxajUvZxtJHBT3lMCILBIQ8vT5iKJ1sA9_poAuDs5kS6ogJZJzC2RSNxxDwqKDvCgi40gEKg-rHJ9bTHy7z9E_19mWiQ1ZThNMZr4d0N-nbs-Xywjb51QbS5Z4_eav_1A3B1mt7l10yd_j5DrwGS6tRwzZHdbJxxrM3C_vM1mcXN6tx0WFXJZq8RM8vu7E-jHl37gFfp7uUalbao-w8L51p6zSjcWdk7vXhpWCbIScsqyNtyNJZ4iXU2hw7j_YNBgkGeeHUnhvwVfSypR53n4t7Hde97JFBP-IcXHyXUHE_Pe3M13GD5x0cKY5AiI6N_6rXGciDvNO2mmehha2fslCxiGJo8QUq1qh0W79BxgxcrmMGLhcyA_9HyUyxTMplOkxKKRetwPfZc_NMYKBAw0MNxiwzwRC4yARD4CITDIFvNMGQYpkJ5HuYYN4v4S9BPVxSIAwAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var content = '_3g3dnl9';\nexport var headline = '_3g3dnla';\nexport var item = _7a468({defaultClassName:'_3g3dnl2',variantClassNames:{lines:{'1':'_3g3dnl3','2':'_3g3dnl4','3':'_3g3dnl5'},interactive:{true:'_3g3dnl6',false:'_3g3dnl7'}},defaultVariants:{lines:1,interactive:false},compoundVariants:[]});\nexport var itemBase = '_3g3dnl1';\nexport var leading = '_3g3dnl8';\nexport var root = '_3g3dnl0';\nexport var supporting = '_3g3dnlb';\nexport var trailing = '_3g3dnlc';","/**\n * list.ts — wires the VE styles into the shared List factory.\n */\nimport { createList } from '@m3-baseui/core';\nimport { cx } from '@m3-baseui/core';\nimport { root, itemBase, item, leading, content, headline, supporting, trailing } from './list.css';\n\nexport const List = createList({\n  root,\n  item: ({ lines, interactive }) => ({\n    item: cx(itemBase, item({ lines, interactive })),\n    leading,\n    content,\n    headline,\n    supporting,\n    trailing,\n  }),\n});\nexport type { ListItemProps, ListItemLines } from '@m3-baseui/core';\n"]}

package/dist/menu.css

@@ -0,0 +1,262 @@
+/* vanilla-extract-css-ns:src/menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1X227jNhB9z1cQeYqBZWplHTtV0L70M4pgMRJHEhuKVEnKibvYf1-QlGxLiR3ZUlMgzVtCzXCuPOf4-lukI7X5287J9wtCSi7pE2e2iEkU3VTP9-4Mntuzm7t5OKuAMS5zmgiVPsbkLpwmkD7mWtWSxUTnydUa9BWlJaNmY2iqhNLU1DqDFGmqpAUuUc9mztN_POikZOsXrBOlGWqqgfHaxKTjYQqokOKz1UBNCUI0Hs_uC1NPPXMUuAbLlaQC1yhuvLXVIE2mdEmV5jmXrU__3Bur2gouMSZSSdx6c3dnTFQFKbcbEt3OS9ONXCofFsG4RhoLkoFmsy-76Cd43V_8uLjejvJPBhbcR22D1UbgwxfSN0DJdp_9-Jt0YzLvtCEmJgWBV_PrX2-7oSLvVqm2Xo0CLF_7PjBuKgGbmGQC_XqA4Lmk3GJpYpKitKjdcQ5VTNplK5DnhY3J4q67aFyGJrd2ao06E26cBWcMpV-iWhu3RZXi7d21QU0NCkztbkAvJnba9mVKWppBycWmt0x2U6HvFBWQoKACdI7U2e8cn5oCBzgG052r4f_gIEdn6N1cmbQYHnHPPvijta6Bbi1kPugKqyF95DLv7UkcJ5gpjX5f3ONHaWNyeXnfWR9IjBK19UPh0qBtNnEfWNJaa5T2Dzeb-xc728ye4hqlNW88yvlZzyuKC7d9nYq2SXSxyIJF6q17V4QHWPC8EK7ZyB5GXRdD6l7d4DsqjcZgv66QFOMGEoHsoRnVwKdBfiHz6693s8NDOBLq9cTnPahpYE0o-9tlibKmAsGBw2VIdYs3AStoCztDS6Br0ByknfUh7kjc34lZ5z56y5CLLo6F_491-Y2qzhjA8eStBi5295egc-7YL7MxgdqqfdQNp9GymqSRb1beS21c6Tf75XV1SjucqJEtXk68AjWHIgf-OFDm10CJB3jrdeF0TmdPISIvhM4houB4BhEFxzOIKDiOIqJwxetEtJhAsPxVG8uzDd3SmEsLaYL2CYMS-ZQ0H1_SLD6QpFmMlzSLaSXNYhJJs3g_SdMPNUTSND6VquqKqgrluJb9RwLpaNzTBdKLmf2rAun2aGeGEsDu02m4u-aGJ1z4Ibegv5fccghZ5ZozzzmaM2qxrITbj1SJupQm9JdEmf78Af6_ZqvlB2Kr5Xi2Wk7LVstJ2Gr5fmzVDzWErVafaPSJRtOg0eoDodFqPBqtpkWj1SRotHo_NOqHGoJGDYKlBaaPLrueottXVv5vcRwA-_7jVOVqXHIvWj9Bcj8BA9ts7OkbAAA */
+._1r1oyqt0 {
+  min-width: 112px;
+  max-width: 280px;
+  padding-block: 8px;
+  background: rgb(var(--md-sys-color-surface-container));
+  color: rgb(var(--md-sys-color-on-surface));
+  border-radius: var(--md-sys-shape-extra-small);
+  box-shadow: var(--md-sys-elevation-level2);
+  transform-origin: var(--transform-origin);
+  outline: none;
+  transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
+}
+._1r1oyqt0[data-starting-style],
+._1r1oyqt0[data-ending-style] {
+  opacity: 0;
+  transform: scale(0.95);
+}
+._1r1oyqt1 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  height: 48px;
+  padding-inline: 12px;
+  overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  color: rgb(var(--md-sys-color-on-surface));
+  font-family: var(--md-sys-typescale-label-large-font);
+  font-weight: var(--md-sys-typescale-label-large-weight);
+  font-size: var(--md-sys-typescale-label-large-size);
+  line-height: var(--md-sys-typescale-label-large-line-height);
+  letter-spacing: var(--md-sys-typescale-label-large-tracking);
+}
+._1r1oyqt1::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1r1oyqt1:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1r1oyqt1[data-highlighted]::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1r1oyqt1:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1r1oyqt1[data-disabled] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  pointer-events: none;
+}
+._1r1oyqt1[data-disabled]::before {
+  opacity: 0;
+}
+._1r1oyqt1 [data-slot=menu-leading] {
+  display: inline-flex;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._1r1oyqt1 [data-slot=menu-leading] > svg {
+  width: 24px;
+  height: 24px;
+}
+._1r1oyqt1[data-disabled] [data-slot=menu-leading] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1r1oyqt1 [data-slot=menu-trailing] {
+  margin-left: auto;
+  padding-left: 16px;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._1r1oyqt1[data-disabled] [data-slot=menu-trailing] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1r1oyqt2 {
+  margin-block: 8px;
+  height: 1px;
+  border: 0;
+  background: rgb(var(--md-sys-color-outline-variant));
+}
+._1r1oyqt3 {
+  padding-inline: 12px;
+  padding-block: 8px;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  font-family: var(--md-sys-typescale-label-small-font);
+  font-weight: var(--md-sys-typescale-label-small-weight);
+  font-size: var(--md-sys-typescale-label-small-size);
+  line-height: var(--md-sys-typescale-label-small-line-height);
+  letter-spacing: var(--md-sys-typescale-label-small-tracking);
+}
+._1r1oyqt4 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  height: 48px;
+  padding-inline: 12px;
+  overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  color: rgb(var(--md-sys-color-on-surface));
+  font-family: var(--md-sys-typescale-label-large-font);
+  font-weight: var(--md-sys-typescale-label-large-weight);
+  font-size: var(--md-sys-typescale-label-large-size);
+  line-height: var(--md-sys-typescale-label-large-line-height);
+  letter-spacing: var(--md-sys-typescale-label-large-tracking);
+}
+._1r1oyqt4::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1r1oyqt4:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1r1oyqt4[data-highlighted]::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1r1oyqt4:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1r1oyqt4[data-disabled] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  pointer-events: none;
+}
+._1r1oyqt4[data-disabled]::before {
+  opacity: 0;
+}
+._1r1oyqt4[data-popup-open]::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1r1oyqt4 [data-slot=menu-leading] {
+  display: inline-flex;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._1r1oyqt4 [data-slot=menu-leading] > svg {
+  width: 24px;
+  height: 24px;
+}
+._1r1oyqt4[data-disabled] [data-slot=menu-leading] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1r1oyqt5 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: rgb(var(--md-sys-color-on-surface));
+  visibility: hidden;
+}
+._1r1oyqt6 {
+  position: relative;
+  display: grid;
+  grid-template-columns: 24px 1fr;
+  align-items: center;
+  gap: 12px;
+  height: 48px;
+  padding-inline: 12px;
+  overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  color: rgb(var(--md-sys-color-on-surface));
+  font-family: var(--md-sys-typescale-label-large-font);
+  font-weight: var(--md-sys-typescale-label-large-weight);
+  font-size: var(--md-sys-typescale-label-large-size);
+  line-height: var(--md-sys-typescale-label-large-line-height);
+  letter-spacing: var(--md-sys-typescale-label-large-tracking);
+}
+._1r1oyqt6::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1r1oyqt6:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1r1oyqt6[data-highlighted]::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1r1oyqt6:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1r1oyqt6[data-disabled] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  pointer-events: none;
+}
+._1r1oyqt6[data-disabled]::before {
+  opacity: 0;
+}
+._1r1oyqt7 {
+  position: relative;
+  display: grid;
+  grid-template-columns: 24px 1fr;
+  align-items: center;
+  gap: 12px;
+  height: 48px;
+  padding-inline: 12px;
+  overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  color: rgb(var(--md-sys-color-on-surface));
+  font-family: var(--md-sys-typescale-label-large-font);
+  font-weight: var(--md-sys-typescale-label-large-weight);
+  font-size: var(--md-sys-typescale-label-large-size);
+  line-height: var(--md-sys-typescale-label-large-line-height);
+  letter-spacing: var(--md-sys-typescale-label-large-tracking);
+}
+._1r1oyqt7::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1r1oyqt7:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1r1oyqt7[data-highlighted]::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1r1oyqt7:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1r1oyqt7[data-disabled] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  pointer-events: none;
+}
+._1r1oyqt7[data-disabled]::before {
+  opacity: 0;
+}
+._1r1oyqt6[data-checked] ._1r1oyqt5 {
+  visibility: visible;
+}
+._1r1oyqt6[data-disabled] ._1r1oyqt5 {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1r1oyqt7[data-checked] ._1r1oyqt5 {
+  visibility: visible;
+}
+._1r1oyqt7[data-disabled] ._1r1oyqt5 {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+/*# sourceMappingURL=menu.css.map */

package/dist/menu.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1X227jNhB9z1cQeYqBZWplHTtV0L70M4pgMRJHEhuKVEnKibvYf1-QlGxLiR3ZUlMgzVtCzXCuPOf4-lukI7X5287J9wtCSi7pE2e2iEkU3VTP9-4Mntuzm7t5OKuAMS5zmgiVPsbkLpwmkD7mWtWSxUTnydUa9BWlJaNmY2iqhNLU1DqDFGmqpAUuUc9mztN_POikZOsXrBOlGWqqgfHaxKTjYQqokOKz1UBNCUI0Hs_uC1NPPXMUuAbLlaQC1yhuvLXVIE2mdEmV5jmXrU__3Bur2gouMSZSSdx6c3dnTFQFKbcbEt3OS9ONXCofFsG4RhoLkoFmsy-76Cd43V_8uLjejvJPBhbcR22D1UbgwxfSN0DJdp_9-Jt0YzLvtCEmJgWBV_PrX2-7oSLvVqm2Xo0CLF_7PjBuKgGbmGQC_XqA4Lmk3GJpYpKitKjdcQ5VTNplK5DnhY3J4q67aFyGJrd2ao06E26cBWcMpV-iWhu3RZXi7d21QU0NCkztbkAvJnba9mVKWppBycWmt0x2U6HvFBWQoKACdI7U2e8cn5oCBzgG052r4f_gIEdn6N1cmbQYHnHPPvijta6Bbi1kPugKqyF95DLv7UkcJ5gpjX5f3ONHaWNyeXnfWR9IjBK19UPh0qBtNnEfWNJaa5T2Dzeb-xc728ye4hqlNW88yvlZzyuKC7d9nYq2SXSxyIJF6q17V4QHWPC8EK7ZyB5GXRdD6l7d4DsqjcZgv66QFOMGEoHsoRnVwKdBfiHz6693s8NDOBLq9cTnPahpYE0o-9tlibKmAsGBw2VIdYs3AStoCztDS6Br0ByknfUh7kjc34lZ5z56y5CLLo6F_491-Y2qzhjA8eStBi5295egc-7YL7MxgdqqfdQNp9GymqSRb1beS21c6Tf75XV1SjucqJEtXk68AjWHIgf-OFDm10CJB3jrdeF0TmdPISIvhM4houB4BhEFxzOIKDiOIqJwxetEtJhAsPxVG8uzDd3SmEsLaYL2CYMS-ZQ0H1_SLD6QpFmMlzSLaSXNYhJJs3g_SdMPNUTSND6VquqKqgrluJb9RwLpaNzTBdKLmf2rAun2aGeGEsDu02m4u-aGJ1z4Ibegv5fccghZ5ZozzzmaM2qxrITbj1SJupQm9JdEmf78Af6_ZqvlB2Kr5Xi2Wk7LVstJ2Gr5fmzVDzWErVafaPSJRtOg0eoDodFqPBqtpkWj1SRotHo_NOqHGoJGDYKlBaaPLrueottXVv5vcRwA-_7jVOVqXHIvWj9Bcj8BA9ts7OkbAAA"],"sourcesContent":["._1r1oyqt0 {\n  min-width: 112px;\n  max-width: 280px;\n  padding-block: 8px;\n  background: rgb(var(--md-sys-color-surface-container));\n  color: rgb(var(--md-sys-color-on-surface));\n  border-radius: var(--md-sys-shape-extra-small);\n  box-shadow: var(--md-sys-elevation-level2);\n  transform-origin: var(--transform-origin);\n  outline: none;\n  transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);\n}\n._1r1oyqt0[data-starting-style], ._1r1oyqt0[data-ending-style] {\n  opacity: 0;\n  transform: scale(0.95);\n}\n._1r1oyqt1 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  height: 48px;\n  padding-inline: 12px;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n  color: rgb(var(--md-sys-color-on-surface));\n  font-family: var(--md-sys-typescale-label-large-font);\n  font-weight: var(--md-sys-typescale-label-large-weight);\n  font-size: var(--md-sys-typescale-label-large-size);\n  line-height: var(--md-sys-typescale-label-large-line-height);\n  letter-spacing: var(--md-sys-typescale-label-large-tracking);\n}\n._1r1oyqt1::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: currentColor;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1r1oyqt1:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1r1oyqt1[data-highlighted]::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1r1oyqt1:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1r1oyqt1[data-disabled] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  pointer-events: none;\n}\n._1r1oyqt1[data-disabled]::before {\n  opacity: 0;\n}\n._1r1oyqt1 [data-slot=\"menu-leading\"] {\n  display: inline-flex;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1r1oyqt1 [data-slot=\"menu-leading\"] > svg {\n  width: 24px;\n  height: 24px;\n}\n._1r1oyqt1[data-disabled] [data-slot=\"menu-leading\"] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1r1oyqt1 [data-slot=\"menu-trailing\"] {\n  margin-left: auto;\n  padding-left: 16px;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1r1oyqt1[data-disabled] [data-slot=\"menu-trailing\"] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1r1oyqt2 {\n  margin-block: 8px;\n  height: 1px;\n  border: 0;\n  background: rgb(var(--md-sys-color-outline-variant));\n}\n._1r1oyqt3 {\n  padding-inline: 12px;\n  padding-block: 8px;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  font-family: var(--md-sys-typescale-label-small-font);\n  font-weight: var(--md-sys-typescale-label-small-weight);\n  font-size: var(--md-sys-typescale-label-small-size);\n  line-height: var(--md-sys-typescale-label-small-line-height);\n  letter-spacing: var(--md-sys-typescale-label-small-tracking);\n}\n._1r1oyqt4 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  height: 48px;\n  padding-inline: 12px;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n  color: rgb(var(--md-sys-color-on-surface));\n  font-family: var(--md-sys-typescale-label-large-font);\n  font-weight: var(--md-sys-typescale-label-large-weight);\n  font-size: var(--md-sys-typescale-label-large-size);\n  line-height: var(--md-sys-typescale-label-large-line-height);\n  letter-spacing: var(--md-sys-typescale-label-large-tracking);\n}\n._1r1oyqt4::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: currentColor;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1r1oyqt4:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1r1oyqt4[data-highlighted]::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1r1oyqt4:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1r1oyqt4[data-disabled] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  pointer-events: none;\n}\n._1r1oyqt4[data-disabled]::before {\n  opacity: 0;\n}\n._1r1oyqt4[data-popup-open]::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1r1oyqt4 [data-slot=\"menu-leading\"] {\n  display: inline-flex;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1r1oyqt4 [data-slot=\"menu-leading\"] > svg {\n  width: 24px;\n  height: 24px;\n}\n._1r1oyqt4[data-disabled] [data-slot=\"menu-leading\"] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1r1oyqt5 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: rgb(var(--md-sys-color-on-surface));\n  visibility: hidden;\n}\n._1r1oyqt6 {\n  position: relative;\n  display: grid;\n  grid-template-columns: 24px 1fr;\n  align-items: center;\n  gap: 12px;\n  height: 48px;\n  padding-inline: 12px;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n  color: rgb(var(--md-sys-color-on-surface));\n  font-family: var(--md-sys-typescale-label-large-font);\n  font-weight: var(--md-sys-typescale-label-large-weight);\n  font-size: var(--md-sys-typescale-label-large-size);\n  line-height: var(--md-sys-typescale-label-large-line-height);\n  letter-spacing: var(--md-sys-typescale-label-large-tracking);\n}\n._1r1oyqt6::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: currentColor;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1r1oyqt6:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1r1oyqt6[data-highlighted]::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1r1oyqt6:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1r1oyqt6[data-disabled] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  pointer-events: none;\n}\n._1r1oyqt6[data-disabled]::before {\n  opacity: 0;\n}\n._1r1oyqt7 {\n  position: relative;\n  display: grid;\n  grid-template-columns: 24px 1fr;\n  align-items: center;\n  gap: 12px;\n  height: 48px;\n  padding-inline: 12px;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n  color: rgb(var(--md-sys-color-on-surface));\n  font-family: var(--md-sys-typescale-label-large-font);\n  font-weight: var(--md-sys-typescale-label-large-weight);\n  font-size: var(--md-sys-typescale-label-large-size);\n  line-height: var(--md-sys-typescale-label-large-line-height);\n  letter-spacing: var(--md-sys-typescale-label-large-tracking);\n}\n._1r1oyqt7::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: currentColor;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1r1oyqt7:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1r1oyqt7[data-highlighted]::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1r1oyqt7:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1r1oyqt7[data-disabled] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  pointer-events: none;\n}\n._1r1oyqt7[data-disabled]::before {\n  opacity: 0;\n}\n._1r1oyqt6[data-checked] ._1r1oyqt5 {\n  visibility: visible;\n}\n._1r1oyqt6[data-disabled] ._1r1oyqt5 {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1r1oyqt7[data-checked] ._1r1oyqt5 {\n  visibility: visible;\n}\n._1r1oyqt7[data-disabled] ._1r1oyqt5 {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}"],"mappings":"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","names":[]}

package/dist/menu.d.ts

@@ -0,0 +1,24 @@
+import * as react from 'react';
+import * as _base_ui_react from '@base-ui/react';
+
+declare const Menu: {
+    Root: <Payload>(props: _base_ui_react.MenuRoot.Props<Payload>) => react.JSX.Element;
+    Trigger: _base_ui_react.MenuTrigger;
+    Portal: react.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuPortalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Positioner: react.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuPositionerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    Item: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuItemProps, "ref"> & react.RefAttributes<HTMLElement>, "ref"> & react.RefAttributes<unknown>>;
+    Separator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SeparatorProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    Group: react.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    GroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuGroupLabelProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    SubmenuRoot: typeof _base_ui_react.MenuSubmenuRoot;
+    SubmenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuSubmenuTriggerProps, "ref"> & react.RefAttributes<HTMLElement>, "ref"> & react.RefAttributes<unknown>>;
+    RadioGroup: react.NamedExoticComponent<Omit<_base_ui_react.ContextMenuRadioGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    CheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuCheckboxItemProps, "ref"> & react.RefAttributes<HTMLElement>, "ref"> & react.RefAttributes<unknown>>;
+    RadioItem: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuRadioItemProps, "ref"> & react.RefAttributes<HTMLElement>, "ref"> & react.RefAttributes<unknown>>;
+    CheckboxItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuCheckboxItemIndicatorProps, "ref"> & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<unknown>>;
+    RadioItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuRadioItemIndicatorProps, "ref"> & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<unknown>>;
+    Check: () => React.JSX.Element;
+};
+
+export { Menu };

package/dist/menu.js

@@ -0,0 +1,31 @@
+"use client";
+import './menu.css';
+import { createMenu } from '@m3-baseui/core';
+
+// src/menu.ts
+
+// src/menu.css.ts
+var checkboxItem = "_1r1oyqt6";
+var groupLabel = "_1r1oyqt3";
+var item = "_1r1oyqt1";
+var itemIndicator = "_1r1oyqt5";
+var popup = "_1r1oyqt0";
+var radioItem = "_1r1oyqt7";
+var separator = "_1r1oyqt2";
+var submenuTrigger = "_1r1oyqt4";
+
+// src/menu.ts
+var Menu = createMenu({
+  popup,
+  item,
+  separator,
+  groupLabel,
+  submenuTrigger,
+  checkboxItem,
+  radioItem,
+  itemIndicator
+});
+
+export { Menu };
+//# sourceMappingURL=menu.js.map
+//# sourceMappingURL=menu.js.map

package/dist/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/menu.css.ts","../src/menu.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,YAAA,GAAe,WAAA;AACnB,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,aAAA,GAAgB,WAAA;AACpB,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,cAAA,GAAiB,WAAA;;;ACOrB,IAAM,OAAO,UAAA,CAAW;AAAA,EAC7B,KAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAC","file":"menu.js","sourcesContent":["import 'src/menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1X227jNhB9z1cQeYqBZWplHTtV0L70M4pgMRJHEhuKVEnKibvYf1-QlGxLiR3ZUlMgzVtCzXCuPOf4-lukI7X5287J9wtCSi7pE2e2iEkU3VTP9-4Mntuzm7t5OKuAMS5zmgiVPsbkLpwmkD7mWtWSxUTnydUa9BWlJaNmY2iqhNLU1DqDFGmqpAUuUc9mztN_POikZOsXrBOlGWqqgfHaxKTjYQqokOKz1UBNCUI0Hs_uC1NPPXMUuAbLlaQC1yhuvLXVIE2mdEmV5jmXrU__3Bur2gouMSZSSdx6c3dnTFQFKbcbEt3OS9ONXCofFsG4RhoLkoFmsy-76Cd43V_8uLjejvJPBhbcR22D1UbgwxfSN0DJdp_9-Jt0YzLvtCEmJgWBV_PrX2-7oSLvVqm2Xo0CLF_7PjBuKgGbmGQC_XqA4Lmk3GJpYpKitKjdcQ5VTNplK5DnhY3J4q67aFyGJrd2ao06E26cBWcMpV-iWhu3RZXi7d21QU0NCkztbkAvJnba9mVKWppBycWmt0x2U6HvFBWQoKACdI7U2e8cn5oCBzgG052r4f_gIEdn6N1cmbQYHnHPPvijta6Bbi1kPugKqyF95DLv7UkcJ5gpjX5f3ONHaWNyeXnfWR9IjBK19UPh0qBtNnEfWNJaa5T2Dzeb-xc728ye4hqlNW88yvlZzyuKC7d9nYq2SXSxyIJF6q17V4QHWPC8EK7ZyB5GXRdD6l7d4DsqjcZgv66QFOMGEoHsoRnVwKdBfiHz6693s8NDOBLq9cTnPahpYE0o-9tlibKmAsGBw2VIdYs3AStoCztDS6Br0ByknfUh7kjc34lZ5z56y5CLLo6F_491-Y2qzhjA8eStBi5295egc-7YL7MxgdqqfdQNp9GymqSRb1beS21c6Tf75XV1SjucqJEtXk68AjWHIgf-OFDm10CJB3jrdeF0TmdPISIvhM4houB4BhEFxzOIKDiOIqJwxetEtJhAsPxVG8uzDd3SmEsLaYL2CYMS-ZQ0H1_SLD6QpFmMlzSLaSXNYhJJs3g_SdMPNUTSND6VquqKqgrluJb9RwLpaNzTBdKLmf2rAun2aGeGEsDu02m4u-aGJ1z4Ibegv5fccghZ5ZozzzmaM2qxrITbj1SJupQm9JdEmf78Af6_ZqvlB2Kr5Xi2Wk7LVstJ2Gr5fmzVDzWErVafaPSJRtOg0eoDodFqPBqtpkWj1SRotHo_NOqHGoJGDYKlBaaPLrueottXVv5vcRwA-_7jVOVqXHIvWj9Bcj8BA9ts7OkbAAA';\nexport var checkboxItem = '_1r1oyqt6';\nexport var groupLabel = '_1r1oyqt3';\nexport var item = '_1r1oyqt1';\nexport var itemIndicator = '_1r1oyqt5';\nexport var popup = '_1r1oyqt0';\nexport var radioItem = '_1r1oyqt7';\nexport var separator = '_1r1oyqt2';\nexport var submenuTrigger = '_1r1oyqt4';","/**\n * menu.ts — wires the VE styles into the shared parts factory.\n */\nimport { createMenu } from '@m3-baseui/core';\nimport {\n  popup,\n  item,\n  separator,\n  groupLabel,\n  submenuTrigger,\n  checkboxItem,\n  radioItem,\n  itemIndicator,\n} from './menu.css';\n\nexport const Menu = createMenu({\n  popup,\n  item,\n  separator,\n  groupLabel,\n  submenuTrigger,\n  checkboxItem,\n  radioItem,\n  itemIndicator,\n});\n"]}

package/dist/navigation-bar.css

@@ -0,0 +1,92 @@
+/* vanilla-extract-css-ns:src/navigation-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71Vy27bMBC8-yuIAAXiAwMpzgv0sZ9RFMWKXElMKJIgV07dIv9ekJJjyw_ETtGeLFO7w5nZIXXzo3TPDx7qgv2eMaZ09AbWgtUGfy5njIHRjeWasIuCRQpIsk3rz30kXa-5dJbQkmDRg0QOwfVWpYJXragVrCyKL-lvi7ppSbCnwmfcCuRLk4sFC011vYJwzXmneFxHLp1xgcc-1AkzbQHaYpjPl7O32c2GcZkZexc1aWcFC2iA9AqXx3SkX8HKzSNXOqAc-qQzfWcPxEq0hOGo1u2rBrxgd4MkD0pp23BtjbZ4sEzOC1beThcrR-Q6wcqHQ1sogI0eAlrKr1xQGASzzmaJsg_RBcG80xs2fcTAIxqUtK1zPQ18hoVdA78pIOBKR6gMqu_ZT-dBaloLVtwsnjLVAZ_jCi3FIzC3l8zhcovHID2Mdm6CtMhO7tBY7NGAKjrTU6ahbUQSrNj6yAMo3UfBJsGLLXjkdW_M_INpuBWG2rhXwVqtFOb45JJx923rkGZW3hddnO7WuVTLEWKKQiSwCoKahnwhRIW1C5jVvdtzdbU8T-yOAtmHxP5rorOcTPr0mKeixo50qD-jZcybDxhjitve6M65ElC6BLw-fSmINo2GnTDwXfN07ASEPDfuo9VO9pGvdNSVwc-gZoB9VJDpgHwGbjRvCnj3b09g9v7kTJx9v6lXEDRYms_3g_NXR-BkbO7GM_ERuw9Dc38m0DGZtbPEa-i02R8YrT1GCQa5gQoN71DpvuOpYdv5Ol5n53QOtdveqH_heZ2pMvelLwFvL9hzp2EAQEq3RPraa9uch0EB5Iu2zX-KxWXTnB_O4rEolrO3P93vGh8aCQAA */
+._1oj6paf0 {
+  display: flex;
+  align-items: stretch;
+  justify-content: space-around;
+  width: 100%;
+  height: 80px;
+  background: rgb(var(--md-sys-color-surface-container));
+}
+._1oj6paf1 {
+  position: relative;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  padding-inline: 4px;
+  padding-top: 12px;
+  padding-bottom: 16px;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+}
+._1oj6paf1[data-disabled] {
+  opacity: 0.38;
+  pointer-events: none;
+}
+._1oj6paf2 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 64px;
+  height: 32px;
+}
+._1oj6paf3 {
+  position: absolute;
+  inset: 0;
+  border-radius: var(--md-sys-shape-full);
+  background: transparent;
+  overflow: hidden;
+  transition: background-color 150ms var(--md-sys-motion-easing-standard);
+}
+._1oj6paf3::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1oj6paf1[data-pressed] ._1oj6paf3 {
+  background: rgb(var(--md-sys-color-secondary-container));
+}
+._1oj6paf1:hover ._1oj6paf3::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1oj6paf1:focus-visible ._1oj6paf3::before {
+  opacity: var(--md-sys-state-focus);
+}
+._1oj6paf1:active ._1oj6paf3::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1oj6paf4 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  transition: color 150ms var(--md-sys-motion-easing-standard);
+}
+._1oj6paf1[data-pressed] ._1oj6paf4 {
+  color: rgb(var(--md-sys-color-on-secondary-container));
+}
+._1oj6paf5 {
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  font-family: var(--md-sys-typescale-label-medium-font);
+  font-weight: var(--md-sys-typescale-label-medium-weight);
+  font-size: var(--md-sys-typescale-label-medium-size);
+  line-height: var(--md-sys-typescale-label-medium-line-height);
+  letter-spacing: var(--md-sys-typescale-label-medium-tracking);
+  transition: color 150ms var(--md-sys-motion-easing-standard);
+}
+._1oj6paf1[data-pressed] ._1oj6paf5 {
+  color: rgb(var(--md-sys-color-on-surface));
+  font-weight: 700;
+}
+/*# sourceMappingURL=navigation-bar.css.map */

package/dist/navigation-bar.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/navigation-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71Vy27bMBC8-yuIAAXiAwMpzgv0sZ9RFMWKXElMKJIgV07dIv9ekJJjyw_ETtGeLFO7w5nZIXXzo3TPDx7qgv2eMaZ09AbWgtUGfy5njIHRjeWasIuCRQpIsk3rz30kXa-5dJbQkmDRg0QOwfVWpYJXragVrCyKL-lvi7ppSbCnwmfcCuRLk4sFC011vYJwzXmneFxHLp1xgcc-1AkzbQHaYpjPl7O32c2GcZkZexc1aWcFC2iA9AqXx3SkX8HKzSNXOqAc-qQzfWcPxEq0hOGo1u2rBrxgd4MkD0pp23BtjbZ4sEzOC1beThcrR-Q6wcqHQ1sogI0eAlrKr1xQGASzzmaJsg_RBcG80xs2fcTAIxqUtK1zPQ18hoVdA78pIOBKR6gMqu_ZT-dBaloLVtwsnjLVAZ_jCi3FIzC3l8zhcovHID2Mdm6CtMhO7tBY7NGAKjrTU6ahbUQSrNj6yAMo3UfBJsGLLXjkdW_M_INpuBWG2rhXwVqtFOb45JJx923rkGZW3hddnO7WuVTLEWKKQiSwCoKahnwhRIW1C5jVvdtzdbU8T-yOAtmHxP5rorOcTPr0mKeixo50qD-jZcybDxhjitve6M65ElC6BLw-fSmINo2GnTDwXfN07ASEPDfuo9VO9pGvdNSVwc-gZoB9VJDpgHwGbjRvCnj3b09g9v7kTJx9v6lXEDRYms_3g_NXR-BkbO7GM_ERuw9Dc38m0DGZtbPEa-i02R8YrT1GCQa5gQoN71DpvuOpYdv5Ol5n53QOtdveqH_heZ2pMvelLwFvL9hzp2EAQEq3RPraa9uch0EB5Iu2zX-KxWXTnB_O4rEolrO3P93vGh8aCQAA"],"sourcesContent":["._1oj6paf0 {\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  width: 100%;\n  height: 80px;\n  background: rgb(var(--md-sys-color-surface-container));\n}\n._1oj6paf1 {\n  position: relative;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding-inline: 4px;\n  padding-top: 12px;\n  padding-bottom: 16px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n}\n._1oj6paf1[data-disabled] {\n  opacity: 0.38;\n  pointer-events: none;\n}\n._1oj6paf2 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 64px;\n  height: 32px;\n}\n._1oj6paf3 {\n  position: absolute;\n  inset: 0;\n  border-radius: var(--md-sys-shape-full);\n  background: transparent;\n  overflow: hidden;\n  transition: background-color 150ms var(--md-sys-motion-easing-standard);\n}\n._1oj6paf3::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: currentColor;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n._1oj6paf1[data-pressed] ._1oj6paf3 {\n  background: rgb(var(--md-sys-color-secondary-container));\n}\n._1oj6paf1:hover ._1oj6paf3::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1oj6paf1:focus-visible ._1oj6paf3::before {\n  opacity: var(--md-sys-state-focus);\n}\n._1oj6paf1:active ._1oj6paf3::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1oj6paf4 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  transition: color 150ms var(--md-sys-motion-easing-standard);\n}\n._1oj6paf1[data-pressed] ._1oj6paf4 {\n  color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1oj6paf5 {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  font-family: var(--md-sys-typescale-label-medium-font);\n  font-weight: var(--md-sys-typescale-label-medium-weight);\n  font-size: var(--md-sys-typescale-label-medium-size);\n  line-height: var(--md-sys-typescale-label-medium-line-height);\n  letter-spacing: var(--md-sys-typescale-label-medium-tracking);\n  transition: color 150ms var(--md-sys-motion-easing-standard);\n}\n._1oj6paf1[data-pressed] ._1oj6paf5 {\n  color: rgb(var(--md-sys-color-on-surface));\n  font-weight: 700;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,cAAY,IAAI,IAAI;AACtB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,QAAM;AACN,kBAAgB;AAChB,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,kBAAgB;AAChB,eAAa;AACb,kBAAgB;AAChB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,eAAa;AACb,WAAS;AACX;AACA,CAjBC,SAiBS,CAAC;AACT,WAAS;AACT,kBAAgB;AAClB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,iBAAe,IAAI;AACnB,cAAY;AACZ,YAAU;AACV,cAAY,iBAAiB,MAAM,IAAI;AACzC;AACA,CARC,SAQS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CA9CC,SA8CS,CAAC,cAAc,CAjBxB;AAkBC,cAAY,IAAI,IAAI;AACtB;AACA,CAjDC,SAiDS,OAAO,CApBhB,SAoB0B;AACzB,WAAS,IAAI;AACf;AACA,CApDC,SAoDS,eAAe,CAvBxB,SAuBkC;AACjC,WAAS,IAAI;AACf;AACA,CAvDC,SAuDS,QAAQ,CA1BjB,SA0B2B;AAC1B,WAAS,IAAI;AACf;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI,IAAI;AACf,cAAY,MAAM,MAAM,IAAI;AAC9B;AACA,CAlEC,SAkES,CAAC,cAAc,CARxB;AASC,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,cAAY,MAAM,MAAM,IAAI;AAC9B;AACA,CA9EC,SA8ES,CAAC,cAAc,CATxB;AAUC,SAAO,IAAI,IAAI;AACf,eAAa;AACf;","names":[]}

package/dist/navigation-bar.d.ts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import * as _base_ui_react from '@base-ui/react';
+
+declare const NavigationBar: {
+    Root: react.ForwardRefExoticComponent<Omit<_base_ui_react.ToggleGroup.Props<string> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Item: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.Toggle.Props<string> & react.RefAttributes<HTMLButtonElement>, "ref">, "children"> & {
+        icon?: React.ReactNode;
+        children?: React.ReactNode;
+    } & react.RefAttributes<HTMLButtonElement>>;
+};
+
+export { NavigationBar };