@m3-baseui/react-vanilla-extract 1.0.4 → 1.1.0

package/dist/bottom-app-bar.css

@@ -0,0 +1,28 @@
+/* vanilla-extract-css-ns:src/bottom-app-bar.css.ts.vanilla.css?source=Ll8xbGozajlmMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICB3aWR0aDogMTAwJTsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGhlaWdodDogODBweDsKICBwYWRkaW5nLWlubGluZTogNHB4OwogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3Itc3VyZmFjZS1jb250YWluZXIpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1vbi1zdXJmYWNlLXZhcmlhbnQpKTsKfQouXzFsajNqOWYxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA0cHg7CiAgcGFkZGluZy1sZWZ0OiA4cHg7Cn0KLl8xbGozajlmMSBzdmcgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKfQouXzFsajNqOWYyIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgcGFkZGluZy1yaWdodDogMTJweDsKfQ */
+._1lj3j9f0 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  box-sizing: border-box;
+  height: 80px;
+  padding-inline: 4px;
+  background: rgb(var(--md-sys-color-surface-container));
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._1lj3j9f1 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding-left: 8px;
+}
+._1lj3j9f1 svg {
+  width: 24px;
+  height: 24px;
+}
+._1lj3j9f2 {
+  display: flex;
+  align-items: center;
+  padding-right: 12px;
+}
+/*# sourceMappingURL=bottom-app-bar.css.map */

package/dist/bottom-app-bar.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/bottom-app-bar.css.ts.vanilla.css?source=Ll8xbGozajlmMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICB3aWR0aDogMTAwJTsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGhlaWdodDogODBweDsKICBwYWRkaW5nLWlubGluZTogNHB4OwogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3Itc3VyZmFjZS1jb250YWluZXIpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1vbi1zdXJmYWNlLXZhcmlhbnQpKTsKfQouXzFsajNqOWYxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA0cHg7CiAgcGFkZGluZy1sZWZ0OiA4cHg7Cn0KLl8xbGozajlmMSBzdmcgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKfQouXzFsajNqOWYyIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgcGFkZGluZy1yaWdodDogMTJweDsKfQ"],"sourcesContent":["._1lj3j9f0 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  box-sizing: border-box;\n  height: 80px;\n  padding-inline: 4px;\n  background: rgb(var(--md-sys-color-surface-container));\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1lj3j9f1 {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding-left: 8px;\n}\n._1lj3j9f1 svg {\n  width: 24px;\n  height: 24px;\n}\n._1lj3j9f2 {\n  display: flex;\n  align-items: center;\n  padding-right: 12px;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,cAAY;AACZ,UAAQ;AACR,kBAAgB;AAChB,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,gBAAc;AAChB;AACA,CANC,UAMU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,iBAAe;AACjB;","names":[]}

package/dist/bottom-app-bar.d.ts

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import * as _m3_baseui_core from '@m3-baseui/core';
+export { BottomAppBarProps } from '@m3-baseui/core';
+
+declare const BottomAppBar: react.ForwardRefExoticComponent<_m3_baseui_core.BottomAppBarOwnProps & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+
+export { BottomAppBar };

package/dist/bottom-app-bar.js

@@ -0,0 +1,17 @@
+"use client";
+import './bottom-app-bar.css';
+import { createBottomAppBar } from '@m3-baseui/core';
+
+// src/bottom-app-bar.ts
+
+// src/bottom-app-bar.css.ts
+var actions = "_1lj3j9f1";
+var fab = "_1lj3j9f2";
+var root = "_1lj3j9f0";
+
+// src/bottom-app-bar.ts
+var BottomAppBar = createBottomAppBar({ root, actions, fab });
+
+export { BottomAppBar };
+//# sourceMappingURL=bottom-app-bar.js.map
+//# sourceMappingURL=bottom-app-bar.js.map

package/dist/bottom-app-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/bottom-app-bar.css.ts","../src/bottom-app-bar.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,GAAA,GAAM,WAAA;AACV,IAAI,IAAA,GAAO,WAAA;;;ACGX,IAAM,eAAe,kBAAA,CAAmB,EAAE,IAAA,EAAM,OAAA,EAAS,KAAK","file":"bottom-app-bar.js","sourcesContent":["import 'src/bottom-app-bar.css.ts.vanilla.css?source=Ll8xbGozajlmMCB7CiAgZGlzcGxheTogZmxleDsKICBhbGlnbi1pdGVtczogY2VudGVyOwogIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsKICB3aWR0aDogMTAwJTsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGhlaWdodDogODBweDsKICBwYWRkaW5nLWlubGluZTogNHB4OwogIGJhY2tncm91bmQ6IHJnYih2YXIoLS1tZC1zeXMtY29sb3Itc3VyZmFjZS1jb250YWluZXIpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1vbi1zdXJmYWNlLXZhcmlhbnQpKTsKfQouXzFsajNqOWYxIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgZ2FwOiA0cHg7CiAgcGFkZGluZy1sZWZ0OiA4cHg7Cn0KLl8xbGozajlmMSBzdmcgewogIHdpZHRoOiAyNHB4OwogIGhlaWdodDogMjRweDsKfQouXzFsajNqOWYyIHsKICBkaXNwbGF5OiBmbGV4OwogIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgcGFkZGluZy1yaWdodDogMTJweDsKfQ';\nexport var actions = '_1lj3j9f1';\nexport var fab = '_1lj3j9f2';\nexport var root = '_1lj3j9f0';","/**\n * bottom-app-bar.ts — wires the VE styles into the shared BottomAppBar factory.\n */\nimport { createBottomAppBar } from '@m3-baseui/core';\nimport { root, actions, fab } from './bottom-app-bar.css';\n\nexport const BottomAppBar = createBottomAppBar({ root, actions, fab });\nexport type { BottomAppBarProps } from '@m3-baseui/core';\n"]}

package/dist/bottom-sheet.css

@@ -0,0 +1,79 @@
+/* vanilla-extract-css-ns:src/bottom-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U227bMAx971foZUCDjZ2TpsXgfskw9IGxaJurLBkSndgd9u-DZDtxum5I-qYLD0nxnKO7Epu1LzP160ap1gUWdjZXJfekn26UYhtIcpXF9Suw1dTnapu2OyxeKu86q3Plq93tHv0tQKMhDAEKZ5yHUHhuVuqryu7uN6sIEo92LuJaLFgGdZ9lTVBn8MbFECAMbCugpq0x8Cvp1dPN75u7qecfGgUhHLhlWz2nFyzTW2fpnXBBLzFpkMHQ8xd1fk1Wny5TyqnLNINjsvVV83pIW82hNTjkqjTUxwM0XFlgoSaMh7F6vPjZBeFygMJZISu5KsgK-UX9Taq_cz0EfmVb5WrnvCYPO5dSH1hLnat1ln2K2wZ7mI4et1nbz2c1cVXH_GiK23WW6X2tQD08tn0iy-3Jl8YdYMgVduLms1B4ZwzsqMY9O5-r2CiyTQS7rqgBi3EuR1Qnhi3NpCjVok6D3jkR1-Rqsx27ukRUnS-xIJiKkgfjDqvUcAr4J9DZGTtGTyMT14KhUsCj5i7k50oMNbYE1ItHMOgregv1cYTXYft4o93hTTgZ2mPSvaE9mfXJMKXzTT4uDQp9v02EjWDt8UAegsUWWsdWwJVlIFmpz-o84sAtQeP21JAVGFarvxx5LPZRT27e8WQXYnEyVMhfptz835Sbf5ny_alEuS-7uU-xDfqKba7Wj22fBKm-jVqb1T9JbzLI_WbcJkOG2rN9mfw8kf4fqsvOmNWFMj6pEfboGa2MH-V2-YLt2QuypXPYjo6anTOfi2vz-YXX-aF0VqDEhs3w5nUytBQKNATCYmgUM8T4E_AwTfMC4Bh6gkYZXQSMgQkWn378vS4ALuJHPIlEVca_Pf6eF6QQj8UL22pJz8MH6dleR89RIBfTtHN6gIY0d811NC2BV9G0BF5F0xL4QZqWKZY0_QH-Zaf33QgAAA */
+.fam1rf0 {
+  position: fixed;
+  inset: 0;
+  z-index: 40;
+  background: rgb(var(--md-sys-color-scrim) / 0.32);
+  transition: opacity 300ms var(--md-sys-motion-easing-emphasized);
+}
+.fam1rf0[data-swiping] {
+  transition: none;
+}
+.fam1rf0[data-starting-style],
+.fam1rf0[data-ending-style] {
+  opacity: 0;
+}
+.fam1rf1 {
+  position: fixed;
+  inset: 0;
+  z-index: 50;
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+}
+.fam1rf2 {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: 640px;
+  max-height: calc(100dvh - 56px);
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  touch-action: auto;
+  outline: none;
+  padding-bottom: 24px;
+  background: rgb(var(--md-sys-color-surface-container-low));
+  color: rgb(var(--md-sys-color-on-surface));
+  border-top-left-radius: var(--md-sys-shape-extra-large);
+  border-top-right-radius: var(--md-sys-shape-extra-large);
+  box-shadow: var(--md-sys-elevation-level1);
+  transform: translateY(calc(var(--drawer-snap-point-offset) + var(--drawer-swipe-movement-y)));
+  transition: transform 300ms var(--md-sys-motion-easing-emphasized);
+}
+.fam1rf2[data-swiping] {
+  user-select: none;
+}
+.fam1rf2[data-starting-style],
+.fam1rf2[data-ending-style] {
+  transform: translateY(100%);
+}
+.fam1rf3 {
+  margin: 16px auto 8px;
+  height: 4px;
+  width: 32px;
+  flex-shrink: 0;
+  border-radius: var(--md-sys-shape-full);
+  background: rgb(var(--md-sys-color-on-surface-variant) / 0.4);
+}
+.fam1rf4 {
+  margin: 0;
+  padding-inline: 24px;
+  padding-top: 8px;
+  color: rgb(var(--md-sys-color-on-surface));
+  font-family: var(--md-sys-typescale-title-large-font);
+  font-weight: var(--md-sys-typescale-title-large-weight);
+  font-size: var(--md-sys-typescale-title-large-size);
+  line-height: var(--md-sys-typescale-title-large-line-height);
+  letter-spacing: var(--md-sys-typescale-title-large-tracking);
+}
+.fam1rf5 {
+  margin: 0;
+  padding-inline: 24px;
+  padding-top: 4px;
+  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);
+}
+/*# sourceMappingURL=bottom-sheet.css.map */

package/dist/bottom-sheet.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/bottom-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U227bMAx971foZUCDjZ2TpsXgfskw9IGxaJurLBkSndgd9u-DZDtxum5I-qYLD0nxnKO7Epu1LzP160ap1gUWdjZXJfekn26UYhtIcpXF9Suw1dTnapu2OyxeKu86q3Plq93tHv0tQKMhDAEKZ5yHUHhuVuqryu7uN6sIEo92LuJaLFgGdZ9lTVBn8MbFECAMbCugpq0x8Cvp1dPN75u7qecfGgUhHLhlWz2nFyzTW2fpnXBBLzFpkMHQ8xd1fk1Wny5TyqnLNINjsvVV83pIW82hNTjkqjTUxwM0XFlgoSaMh7F6vPjZBeFygMJZISu5KsgK-UX9Taq_cz0EfmVb5WrnvCYPO5dSH1hLnat1ln2K2wZ7mI4et1nbz2c1cVXH_GiK23WW6X2tQD08tn0iy-3Jl8YdYMgVduLms1B4ZwzsqMY9O5-r2CiyTQS7rqgBi3EuR1Qnhi3NpCjVok6D3jkR1-Rqsx27ukRUnS-xIJiKkgfjDqvUcAr4J9DZGTtGTyMT14KhUsCj5i7k50oMNbYE1ItHMOgregv1cYTXYft4o93hTTgZ2mPSvaE9mfXJMKXzTT4uDQp9v02EjWDt8UAegsUWWsdWwJVlIFmpz-o84sAtQeP21JAVGFarvxx5LPZRT27e8WQXYnEyVMhfptz835Sbf5ny_alEuS-7uU-xDfqKba7Wj22fBKm-jVqb1T9JbzLI_WbcJkOG2rN9mfw8kf4fqsvOmNWFMj6pEfboGa2MH-V2-YLt2QuypXPYjo6anTOfi2vz-YXX-aF0VqDEhs3w5nUytBQKNATCYmgUM8T4E_AwTfMC4Bh6gkYZXQSMgQkWn378vS4ALuJHPIlEVca_Pf6eF6QQj8UL22pJz8MH6dleR89RIBfTtHN6gIY0d811NC2BV9G0BF5F0xL4QZqWKZY0_QH-Zaf33QgAAA"],"sourcesContent":[".fam1rf0 {\n  position: fixed;\n  inset: 0;\n  z-index: 40;\n  background: rgb(var(--md-sys-color-scrim) / 0.32);\n  transition: opacity 300ms var(--md-sys-motion-easing-emphasized);\n}\n.fam1rf0[data-swiping] {\n  transition: none;\n}\n.fam1rf0[data-starting-style], .fam1rf0[data-ending-style] {\n  opacity: 0;\n}\n.fam1rf1 {\n  position: fixed;\n  inset: 0;\n  z-index: 50;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n}\n.fam1rf2 {\n  box-sizing: border-box;\n  width: 100%;\n  max-width: 640px;\n  max-height: calc(100dvh - 56px);\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  touch-action: auto;\n  outline: none;\n  padding-bottom: 24px;\n  background: rgb(var(--md-sys-color-surface-container-low));\n  color: rgb(var(--md-sys-color-on-surface));\n  border-top-left-radius: var(--md-sys-shape-extra-large);\n  border-top-right-radius: var(--md-sys-shape-extra-large);\n  box-shadow: var(--md-sys-elevation-level1);\n  transform: translateY(calc(var(--drawer-snap-point-offset) + var(--drawer-swipe-movement-y)));\n  transition: transform 300ms var(--md-sys-motion-easing-emphasized);\n}\n.fam1rf2[data-swiping] {\n  user-select: none;\n}\n.fam1rf2[data-starting-style], .fam1rf2[data-ending-style] {\n  transform: translateY(100%);\n}\n.fam1rf3 {\n  margin: 16px auto 8px;\n  height: 4px;\n  width: 32px;\n  flex-shrink: 0;\n  border-radius: var(--md-sys-shape-full);\n  background: rgb(var(--md-sys-color-on-surface-variant) / 0.4);\n}\n.fam1rf4 {\n  margin: 0;\n  padding-inline: 24px;\n  padding-top: 8px;\n  color: rgb(var(--md-sys-color-on-surface));\n  font-family: var(--md-sys-typescale-title-large-font);\n  font-weight: var(--md-sys-typescale-title-large-weight);\n  font-size: var(--md-sys-typescale-title-large-size);\n  line-height: var(--md-sys-typescale-title-large-line-height);\n  letter-spacing: var(--md-sys-typescale-title-large-tracking);\n}\n.fam1rf5 {\n  margin: 0;\n  padding-inline: 24px;\n  padding-top: 4px;\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}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,cAAY,IAAI,IAAI,sBAAsB,EAAE;AAC5C,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAPC,OAOO,CAAC;AACP,cAAY;AACd;AACA,CAVC,OAUO,CAAC;AAAsB,CAV9B,OAUsC,CAAC;AACtC,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,WAAS;AACT,eAAa;AACb,mBAAiB;AACnB;AACA,CAAC;AACC,cAAY;AACZ,SAAO;AACP,aAAW;AACX,cAAY,KAAK,OAAO,EAAE;AAC1B,cAAY;AACZ,uBAAqB;AACrB,gBAAc;AACd,WAAS;AACT,kBAAgB;AAChB,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,0BAAwB,IAAI;AAC5B,2BAAyB,IAAI;AAC7B,cAAY,IAAI;AAChB,aAAW,WAAW,KAAK,IAAI,4BAA4B,EAAE,IAAI;AACjE,cAAY,UAAU,MAAM,IAAI;AAClC;AACA,CAlBC,OAkBO,CAAC;AACP,eAAa;AACf;AACA,CArBC,OAqBO,CAAC;AAAsB,CArB9B,OAqBsC,CAAC;AACtC,aAAW,WAAW;AACxB;AACA,CAAC;AACC,UAAQ,KAAK,KAAK;AAClB,UAAQ;AACR,SAAO;AACP,eAAa;AACb,iBAAe,IAAI;AACnB,cAAY,IAAI,IAAI,mCAAmC,EAAE;AAC3D;AACA,CAAC;AACC,UAAQ;AACR,kBAAgB;AAChB,eAAa;AACb,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,UAAQ;AACR,kBAAgB;AAChB,eAAa;AACb,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;","names":[]}

package/dist/bottom-sheet.d.ts

@@ -0,0 +1,22 @@
+import * as react from 'react';
+import * as _base_ui_react from '@base-ui/react';
+import * as _m3_baseui_core from '@m3-baseui/core';
+export { BottomSheetVariant } from '@m3-baseui/core';
+
+declare const BottomSheet: {
+    Root: {
+        ({ variant, ...props }: _m3_baseui_core.BottomSheetOwnProps & Omit<_base_ui_react.DrawerRoot.Props<unknown>, "modal" | "swipeDirection">): React.JSX.Element;
+        displayName: string;
+    };
+    Trigger: _base_ui_react.DrawerTrigger;
+    Portal: _base_ui_react.DrawerPortal;
+    Backdrop: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DrawerBackdropProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Viewport: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DrawerViewportProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.DrawerPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    Handle: react.ForwardRefExoticComponent<react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+    Title: react.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerTitleProps, "ref"> & react.RefAttributes<unknown>>;
+    Description: react.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerDescriptionProps, "ref"> & react.RefAttributes<unknown>>;
+    Close: _base_ui_react.DrawerClose;
+};
+
+export { BottomSheet };

package/dist/bottom-sheet.js

@@ -0,0 +1,27 @@
+"use client";
+import './bottom-sheet.css';
+import { createBottomSheet } from '@m3-baseui/core';
+
+// src/bottom-sheet.ts
+
+// src/bottom-sheet.css.ts
+var backdrop = "fam1rf0";
+var description = "fam1rf5";
+var handle = "fam1rf3";
+var popup = "fam1rf2";
+var title = "fam1rf4";
+var viewport = "fam1rf1";
+
+// src/bottom-sheet.ts
+var BottomSheet = createBottomSheet({
+  backdrop,
+  viewport,
+  popup,
+  handle,
+  title,
+  description
+});
+
+export { BottomSheet };
+//# sourceMappingURL=bottom-sheet.js.map
+//# sourceMappingURL=bottom-sheet.js.map

package/dist/bottom-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/bottom-sheet.css.ts","../src/bottom-sheet.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,QAAA,GAAW,SAAA;AACf,IAAI,WAAA,GAAc,SAAA;AAClB,IAAI,MAAA,GAAS,SAAA;AACb,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,QAAA,GAAW,SAAA;;;ACAf,IAAM,cAAc,iBAAA,CAAkB;AAAA,EAC3C,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAC","file":"bottom-sheet.js","sourcesContent":["import 'src/bottom-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U227bMAx971foZUCDjZ2TpsXgfskw9IGxaJurLBkSndgd9u-DZDtxum5I-qYLD0nxnKO7Epu1LzP160ap1gUWdjZXJfekn26UYhtIcpXF9Suw1dTnapu2OyxeKu86q3Plq93tHv0tQKMhDAEKZ5yHUHhuVuqryu7uN6sIEo92LuJaLFgGdZ9lTVBn8MbFECAMbCugpq0x8Cvp1dPN75u7qecfGgUhHLhlWz2nFyzTW2fpnXBBLzFpkMHQ8xd1fk1Wny5TyqnLNINjsvVV83pIW82hNTjkqjTUxwM0XFlgoSaMh7F6vPjZBeFygMJZISu5KsgK-UX9Taq_cz0EfmVb5WrnvCYPO5dSH1hLnat1ln2K2wZ7mI4et1nbz2c1cVXH_GiK23WW6X2tQD08tn0iy-3Jl8YdYMgVduLms1B4ZwzsqMY9O5-r2CiyTQS7rqgBi3EuR1Qnhi3NpCjVok6D3jkR1-Rqsx27ukRUnS-xIJiKkgfjDqvUcAr4J9DZGTtGTyMT14KhUsCj5i7k50oMNbYE1ItHMOgregv1cYTXYft4o93hTTgZ2mPSvaE9mfXJMKXzTT4uDQp9v02EjWDt8UAegsUWWsdWwJVlIFmpz-o84sAtQeP21JAVGFarvxx5LPZRT27e8WQXYnEyVMhfptz835Sbf5ny_alEuS-7uU-xDfqKba7Wj22fBKm-jVqb1T9JbzLI_WbcJkOG2rN9mfw8kf4fqsvOmNWFMj6pEfboGa2MH-V2-YLt2QuypXPYjo6anTOfi2vz-YXX-aF0VqDEhs3w5nUytBQKNATCYmgUM8T4E_AwTfMC4Bh6gkYZXQSMgQkWn378vS4ALuJHPIlEVca_Pf6eF6QQj8UL22pJz8MH6dleR89RIBfTtHN6gIY0d811NC2BV9G0BF5F0xL4QZqWKZY0_QH-Zaf33QgAAA';\nexport var backdrop = 'fam1rf0';\nexport var description = 'fam1rf5';\nexport var handle = 'fam1rf3';\nexport var popup = 'fam1rf2';\nexport var title = 'fam1rf4';\nexport var viewport = 'fam1rf1';","/**\n * bottom-sheet.ts — wires the VE styles into the shared parts factory.\n */\nimport { createBottomSheet } from '@m3-baseui/core';\nimport { backdrop, viewport, popup, handle, title, description } from './bottom-sheet.css';\n\nexport const BottomSheet = createBottomSheet({\n  backdrop,\n  viewport,\n  popup,\n  handle,\n  title,\n  description,\n});\nexport type { BottomSheetVariant } from '@m3-baseui/core';\n"]}

package/dist/fab-menu.css

@@ -0,0 +1,201 @@
+/* vanilla-extract-css-ns:src/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUXW-cMBB8v19h5Skn1SncXarEeezPqKJqwQu4MTayF5Jrlf9e2XDhQ5eGSx8NM-OZ2YWbn2lKdwCQsD8bxp6VpEqwQ9K8PGwYq1CVFY3nzDqJjjuQqvWCdeCuOa8l90fPfQUN8hqlauvtw-Z1czNK-66cyu8Oc_n-PGGkU_Tttzn6dP7YjAZX4nahfKmX3RR9v_Byv9oLvpCDc452S0f7xR39ecLYR_SyjloZPijcDeNqQEplSq6MVgYFSwdoCY1g6e7SGhkrrCFeQK30cYGkY4M-Bx3QGeqewwN-JD4PjlcQe-hI9eo3riIGYKSFxLxaf-ME3_ORCB33DeTKlKskyEH-pEy5XUzr0o07RHRjvSJljWAONZDqMJCk8o2Go2D9THmhMYqBVqXhirD2guVoCF14_Kv1pIojz60hNDR9ldmX0FYMN-xAZqOW7dAV2j4LVikp0YxbIpixJvrIW-etE6yx6iTY-tAXasxpxNmW-t07PYjXViCD_KxT1NhBCMw1dqj3cQrkwJxqGJksvU1qP6fXNnIRfNh4T2AkODkfxUGIDAvrMBb81snV1cOsb8i81S1Fu8p4JMGSaB3yp9LZ1kgR8js09N1qG8PbsCd0HJBDKxw7NOTH8NM4A4OlySezVGFOMcnaTg9nJWalvOWY_wcICHlELyUKm7eed8qrTONqqchaSkEetny1RuPQe1zW8kMCwend43-KCak8ZBrlF7a84fTmcfhYzw98Opm3Z5M1cmV2PXOTh4Xi1nDfugJy3LKvLLlJd_FriC9Xk_Z376U5tfKPVOeLS2aC9_3yfRxnsBX_QqAMOl6pstquyNQ4VYM7budJYO3FA328eM2d1pznTQxkq5NjbsPHe7mFd5gTE_laE4SO1Gc8nCe-_gUZdxR8NAoAAA */
+._11t8aaa0 {
+  width: 40px;
+  height: 40px;
+  border-radius: var(--md-sys-shape-medium);
+}
+._11t8aaa0 svg {
+  width: 24px;
+  height: 24px;
+}
+._11t8aaa1 {
+  width: 56px;
+  height: 56px;
+  border-radius: var(--md-sys-shape-large);
+}
+._11t8aaa1 svg {
+  width: 24px;
+  height: 24px;
+}
+._11t8aaa2 {
+  width: 96px;
+  height: 96px;
+  border-radius: var(--md-sys-shape-extra-large);
+}
+._11t8aaa2 svg {
+  width: 36px;
+  height: 36px;
+}
+._11t8aaa3 {
+  height: 56px;
+  min-width: 80px;
+  padding-inline: 16px;
+  gap: 12px;
+  border-radius: var(--md-sys-shape-large);
+  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);
+}
+._11t8aaa3 svg {
+  width: 24px;
+  height: 24px;
+}
+._11t8aaa4 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  overflow: hidden;
+  border: none;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  box-shadow: var(--md-sys-elevation-level3);
+  transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
+}
+._11t8aaa4::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._11t8aaa4:hover {
+  box-shadow: var(--md-sys-elevation-level4);
+}
+._11t8aaa4:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._11t8aaa4:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+._11t8aaa4:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._11t8aaa4[data-pressed]::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._11t8aaa4:disabled,
+._11t8aaa4[data-disabled] {
+  pointer-events: none;
+  box-shadow: none;
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._11t8aaa4:disabled::before,
+._11t8aaa4[data-disabled]::before {
+  opacity: 0;
+}
+._11t8aaa9 {
+  background: rgb(var(--md-sys-color-surface-container-high));
+  color: rgb(var(--md-sys-color-primary));
+}
+._11t8aaaa {
+  background: rgb(var(--md-sys-color-primary-container));
+  color: rgb(var(--md-sys-color-on-primary-container));
+}
+._11t8aaab {
+  background: rgb(var(--md-sys-color-secondary-container));
+  color: rgb(var(--md-sys-color-on-secondary-container));
+}
+._11t8aaac {
+  background: rgb(var(--md-sys-color-tertiary-container));
+  color: rgb(var(--md-sys-color-on-tertiary-container));
+}
+
+/* vanilla-extract-css-ns:src/fab-menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VVwW7bMAy95yuEnBpgypK2KToV22WfMQQDLdE2UVkyJNmtO_TfB8luErvZ5nSnwCIfSb33xKx_btuuuC9fNuzXgjFFvtbQCZZrfH5YsPTLFTmUgawRTFrdVCZGQFNhOAWsfJ_O0agYKKAW7L5O8AzkY-FsY5RgwYHxNTg0IYZsEzQZFMxYg_EgxXPrKm4dFWQEa8FdcT49Xx2SqZ_J1iApdGy721R-AFWK-87zysYUjuDJFNwHMAqcWn06NrsA9bB4XawPfP1QECAGXeizOo37T2yagEYdw4njYVzBNqNbC-YlaLzarL_sxq22CVbbt_s61BCoTaQdBCMT2eRvuo3UkWgCuoM22-tenBKpKINgu7v-uwaVZu1LCbYdzm2LLtf2SbCSlMKkfmafuacXMoVgmXUKHc9sypaN89YJVlt669p4dNyjRhmOcr_TfyjjQFHjxVgRX0KNPG-0Xh26l6DiTKM81NhCEk9ji_rmnVeOyIuEZyy3JvAcKtLdpGfoakzScQ0Zaq7BFchj_hH4NFA9A9inHqGeXnAWMCYmWDJCOb_jSX6PxxCiYNGnUd8ZJYID-UimmBhXiAxz6zAZWFoT0ATBlsuHkZ8h81Y3IZmAjMcwPI3T5SEbFxfHd6ttstT4EQ1e49iiCX6yUqZbYvOh974VZXwH6SZz7Xd7tsSIlMM9xnYPEJCn7EmJfqmUVJQ66oVq_1_lBMi4SWbXqB16j1Nq-qEUecg0qv2wrs5Lcsrd4exEaFdkV6PGMkrOreG-cTlIXLHPbLPeXierpuBs0M393wc_T8NmsoyHxa9t-LrMIeMVmoZrhLg7l_vx3-hoK19S5RvzbZFqPZEKpWDXt-Ol3X-flLzprflvKgdKeHyPQAZdstNqBp-1owpctxqzeDu38QA_Np7T05rzuJMBdrNvjtLGp335CH9AngxxN3eIgC7QR2Y4D3z9DcphDVLCCQAA */
+._1vyg8hz0 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 8px;
+  background: transparent;
+  outline: none;
+  transform-origin: var(--transform-origin);
+  transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
+}
+._1vyg8hz0[data-starting-style],
+._1vyg8hz0[data-ending-style] {
+  opacity: 0;
+  transform: scale(0.95);
+}
+._1vyg8hz1 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: 12px;
+  height: 56px;
+  padding-inline: 16px;
+  overflow: hidden;
+  box-sizing: border-box;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  border-radius: var(--md-sys-shape-full);
+  box-shadow: var(--md-sys-elevation-level3);
+  transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
+  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);
+}
+._1vyg8hz1::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1vyg8hz1:hover {
+  box-shadow: var(--md-sys-elevation-level4);
+}
+._1vyg8hz1:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1vyg8hz1[data-highlighted]::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1vyg8hz1:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1vyg8hz1[data-disabled] {
+  pointer-events: none;
+  box-shadow: none;
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1vyg8hz1[data-disabled]::before {
+  opacity: 0;
+}
+._1vyg8hz1 [data-slot=fab-menu-leading] {
+  display: inline-flex;
+}
+._1vyg8hz1 [data-slot=fab-menu-leading] > svg {
+  width: 24px;
+  height: 24px;
+}
+._1vyg8hz3 {
+  background: rgb(var(--md-sys-color-surface-container-high));
+  color: rgb(var(--md-sys-color-primary));
+}
+._1vyg8hz4 {
+  background: rgb(var(--md-sys-color-primary-container));
+  color: rgb(var(--md-sys-color-on-primary-container));
+}
+._1vyg8hz5 {
+  background: rgb(var(--md-sys-color-secondary-container));
+  color: rgb(var(--md-sys-color-on-secondary-container));
+}
+._1vyg8hz6 {
+  background: rgb(var(--md-sys-color-tertiary-container));
+  color: rgb(var(--md-sys-color-on-tertiary-container));
+}
+/*# sourceMappingURL=fab-menu.css.map */

package/dist/fab-menu.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUXW-cMBB8v19h5Skn1SncXarEeezPqKJqwQu4MTayF5Jrlf9e2XDhQ5eGSx8NM-OZ2YWbn2lKdwCQsD8bxp6VpEqwQ9K8PGwYq1CVFY3nzDqJjjuQqvWCdeCuOa8l90fPfQUN8hqlauvtw-Z1czNK-66cyu8Oc_n-PGGkU_Tttzn6dP7YjAZX4nahfKmX3RR9v_Byv9oLvpCDc452S0f7xR39ecLYR_SyjloZPijcDeNqQEplSq6MVgYFSwdoCY1g6e7SGhkrrCFeQK30cYGkY4M-Bx3QGeqewwN-JD4PjlcQe-hI9eo3riIGYKSFxLxaf-ME3_ORCB33DeTKlKskyEH-pEy5XUzr0o07RHRjvSJljWAONZDqMJCk8o2Go2D9THmhMYqBVqXhirD2guVoCF14_Kv1pIojz60hNDR9ldmX0FYMN-xAZqOW7dAV2j4LVikp0YxbIpixJvrIW-etE6yx6iTY-tAXasxpxNmW-t07PYjXViCD_KxT1NhBCMw1dqj3cQrkwJxqGJksvU1qP6fXNnIRfNh4T2AkODkfxUGIDAvrMBb81snV1cOsb8i81S1Fu8p4JMGSaB3yp9LZ1kgR8js09N1qG8PbsCd0HJBDKxw7NOTH8NM4A4OlySezVGFOMcnaTg9nJWalvOWY_wcICHlELyUKm7eed8qrTONqqchaSkEetny1RuPQe1zW8kMCwend43-KCak8ZBrlF7a84fTmcfhYzw98Opm3Z5M1cmV2PXOTh4Xi1nDfugJy3LKvLLlJd_FriC9Xk_Z376U5tfKPVOeLS2aC9_3yfRxnsBX_QqAMOl6pstquyNQ4VYM7budJYO3FA328eM2d1pznTQxkq5NjbsPHe7mFd5gTE_laE4SO1Gc8nCe-_gUZdxR8NAoAAA","vanilla-extract-css-ns:src/fab-menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VVwW7bMAy95yuEnBpgypK2KToV22WfMQQDLdE2UVkyJNmtO_TfB8luErvZ5nSnwCIfSb33xKx_btuuuC9fNuzXgjFFvtbQCZZrfH5YsPTLFTmUgawRTFrdVCZGQFNhOAWsfJ_O0agYKKAW7L5O8AzkY-FsY5RgwYHxNTg0IYZsEzQZFMxYg_EgxXPrKm4dFWQEa8FdcT49Xx2SqZ_J1iApdGy721R-AFWK-87zysYUjuDJFNwHMAqcWn06NrsA9bB4XawPfP1QECAGXeizOo37T2yagEYdw4njYVzBNqNbC-YlaLzarL_sxq22CVbbt_s61BCoTaQdBCMT2eRvuo3UkWgCuoM22-tenBKpKINgu7v-uwaVZu1LCbYdzm2LLtf2SbCSlMKkfmafuacXMoVgmXUKHc9sypaN89YJVlt669p4dNyjRhmOcr_TfyjjQFHjxVgRX0KNPG-0Xh26l6DiTKM81NhCEk9ji_rmnVeOyIuEZyy3JvAcKtLdpGfoakzScQ0Zaq7BFchj_hH4NFA9A9inHqGeXnAWMCYmWDJCOb_jSX6PxxCiYNGnUd8ZJYID-UimmBhXiAxz6zAZWFoT0ATBlsuHkZ8h81Y3IZmAjMcwPI3T5SEbFxfHd6ttstT4EQ1e49iiCX6yUqZbYvOh974VZXwH6SZz7Xd7tsSIlMM9xnYPEJCn7EmJfqmUVJQ66oVq_1_lBMi4SWbXqB16j1Nq-qEUecg0qv2wrs5Lcsrd4exEaFdkV6PGMkrOreG-cTlIXLHPbLPeXierpuBs0M393wc_T8NmsoyHxa9t-LrMIeMVmoZrhLg7l_vx3-hoK19S5RvzbZFqPZEKpWDXt-Ol3X-flLzprflvKgdKeHyPQAZdstNqBp-1owpctxqzeDu38QA_Np7T05rzuJMBdrNvjtLGp335CH9AngxxN3eIgC7QR2Y4D3z9DcphDVLCCQAA"],"sourcesContent":["._11t8aaa0 {\n  width: 40px;\n  height: 40px;\n  border-radius: var(--md-sys-shape-medium);\n}\n._11t8aaa0 svg {\n  width: 24px;\n  height: 24px;\n}\n._11t8aaa1 {\n  width: 56px;\n  height: 56px;\n  border-radius: var(--md-sys-shape-large);\n}\n._11t8aaa1 svg {\n  width: 24px;\n  height: 24px;\n}\n._11t8aaa2 {\n  width: 96px;\n  height: 96px;\n  border-radius: var(--md-sys-shape-extra-large);\n}\n._11t8aaa2 svg {\n  width: 36px;\n  height: 36px;\n}\n._11t8aaa3 {\n  height: 56px;\n  min-width: 80px;\n  padding-inline: 16px;\n  gap: 12px;\n  border-radius: var(--md-sys-shape-large);\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._11t8aaa3 svg {\n  width: 24px;\n  height: 24px;\n}\n._11t8aaa4 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  overflow: hidden;\n  border: none;\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n  box-shadow: var(--md-sys-elevation-level3);\n  transition: box-shadow 150ms var(--md-sys-motion-easing-standard);\n}\n._11t8aaa4::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._11t8aaa4:hover {\n  box-shadow: var(--md-sys-elevation-level4);\n}\n._11t8aaa4:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._11t8aaa4:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._11t8aaa4:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._11t8aaa4[data-pressed]::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._11t8aaa4:disabled, ._11t8aaa4[data-disabled] {\n  pointer-events: none;\n  box-shadow: none;\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._11t8aaa4:disabled::before, ._11t8aaa4[data-disabled]::before {\n  opacity: 0;\n}\n._11t8aaa9 {\n  background: rgb(var(--md-sys-color-surface-container-high));\n  color: rgb(var(--md-sys-color-primary));\n}\n._11t8aaaa {\n  background: rgb(var(--md-sys-color-primary-container));\n  color: rgb(var(--md-sys-color-on-primary-container));\n}\n._11t8aaab {\n  background: rgb(var(--md-sys-color-secondary-container));\n  color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._11t8aaac {\n  background: rgb(var(--md-sys-color-tertiary-container));\n  color: rgb(var(--md-sys-color-on-tertiary-container));\n}","._1vyg8hz0 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n  background: transparent;\n  outline: none;\n  transform-origin: var(--transform-origin);\n  transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);\n}\n._1vyg8hz0[data-starting-style], ._1vyg8hz0[data-ending-style] {\n  opacity: 0;\n  transform: scale(0.95);\n}\n._1vyg8hz1 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  height: 56px;\n  padding-inline: 16px;\n  overflow: hidden;\n  box-sizing: border-box;\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n  border-radius: var(--md-sys-shape-full);\n  box-shadow: var(--md-sys-elevation-level3);\n  transition: box-shadow 150ms var(--md-sys-motion-easing-standard);\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._1vyg8hz1::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._1vyg8hz1:hover {\n  box-shadow: var(--md-sys-elevation-level4);\n}\n._1vyg8hz1:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1vyg8hz1[data-highlighted]::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1vyg8hz1:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1vyg8hz1[data-disabled] {\n  pointer-events: none;\n  box-shadow: none;\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1vyg8hz1[data-disabled]::before {\n  opacity: 0;\n}\n._1vyg8hz1 [data-slot=\"fab-menu-leading\"] {\n  display: inline-flex;\n}\n._1vyg8hz1 [data-slot=\"fab-menu-leading\"] > svg {\n  width: 24px;\n  height: 24px;\n}\n._1vyg8hz3 {\n  background: rgb(var(--md-sys-color-surface-container-high));\n  color: rgb(var(--md-sys-color-primary));\n}\n._1vyg8hz4 {\n  background: rgb(var(--md-sys-color-primary-container));\n  color: rgb(var(--md-sys-color-on-primary-container));\n}\n._1vyg8hz5 {\n  background: rgb(var(--md-sys-color-secondary-container));\n  color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1vyg8hz6 {\n  background: rgb(var(--md-sys-color-tertiary-container));\n  color: rgb(var(--md-sys-color-on-tertiary-container));\n}"],"mappings":"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","names":[]}

package/dist/fab-menu.d.ts

@@ -0,0 +1,15 @@
+import * as _m3_baseui_core from '@m3-baseui/core';
+export { FabMenuItemProps, FabMenuTriggerProps } from '@m3-baseui/core';
+import * as react from 'react';
+import * as _base_ui_react from '@base-ui/react';
+
+declare const FabMenu: {
+    Root: <Payload>(props: _base_ui_react.MenuRoot.Props<Payload>) => react.JSX.Element;
+    Trigger: react.ForwardRefExoticComponent<_m3_baseui_core.FabMenuTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+    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<_m3_baseui_core.FabMenuItemProps & react.RefAttributes<HTMLDivElement>>;
+};
+
+export { FabMenu };

package/dist/fab-menu.js

@@ -0,0 +1,19 @@
+"use client";
+import './fab-menu.css';
+import { createFabMenu } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/fab-menu.ts
+var fab = createRuntimeFn({ defaultClassName: "_11t8aaa4", variantClassNames: { size: { small: "_11t8aaa0", regular: "_11t8aaa1", large: "_11t8aaa2", extended: "_11t8aaa3" }, color: { surface: "_11t8aaa9", primary: "_11t8aaaa", secondary: "_11t8aaab", tertiary: "_11t8aaac" } }, defaultVariants: { size: "regular", color: "surface" }, compoundVariants: [] });
+var item = createRuntimeFn({ defaultClassName: "_1vyg8hz2 _1vyg8hz1", variantClassNames: { color: { surface: "_1vyg8hz3", primary: "_1vyg8hz4", secondary: "_1vyg8hz5", tertiary: "_1vyg8hz6" } }, defaultVariants: { color: "primary" }, compoundVariants: [] });
+var popup = "_1vyg8hz0";
+
+// src/fab-menu.ts
+var FabMenu = createFabMenu(({ size, color }) => fab({ size, color }), {
+  popup,
+  item: (color) => item({ color })
+});
+
+export { FabMenu };
+//# sourceMappingURL=fab-menu.js.map
+//# sourceMappingURL=fab-menu.js.map

package/dist/fab-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/fab.css.ts","../src/fab-menu.css.ts","../src/fab-menu.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,MAAMA,eAAA,CAAO,EAAC,kBAAiB,WAAA,EAAY,iBAAA,EAAkB,EAAC,IAAA,EAAK,EAAC,KAAA,EAAM,WAAA,EAAY,SAAQ,WAAA,EAAY,KAAA,EAAM,aAAY,QAAA,EAAS,WAAA,IAAa,KAAA,EAAM,EAAC,OAAA,EAAQ,WAAA,EAAY,SAAQ,WAAA,EAAY,SAAA,EAAU,aAAY,QAAA,EAAS,WAAA,IAAY,EAAE,eAAA,EAAgB,EAAC,IAAA,EAAK,WAAU,KAAA,EAAM,SAAA,IAAW,gBAAA,EAAiB,IAAG,CAAA;ACAvT,IAAI,IAAA,GAAOA,eAAAA,CAAO,EAAC,gBAAA,EAAiB,qBAAA,EAAsB,iBAAA,EAAkB,EAAC,KAAA,EAAM,EAAC,OAAA,EAAQ,WAAA,EAAY,OAAA,EAAQ,WAAA,EAAY,SAAA,EAAU,WAAA,EAAY,QAAA,EAAS,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,KAAA,EAAM,SAAA,EAAS,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AAC/N,IAAI,KAAA,GAAQ,WAAA;;;ACIZ,IAAM,OAAA,GAAU,aAAA,CAAc,CAAC,EAAE,IAAA,EAAM,KAAA,EAAM,KAAM,GAAA,CAAI,EAAE,IAAA,EAAM,KAAA,EAAO,CAAA,EAAG;AAAA,EAC9E,KAAA;AAAA,EACA,MAAM,CAAC,KAAA,KAAU,IAAA,CAAK,EAAE,OAAO;AACjC,CAAC","file":"fab-menu.js","sourcesContent":["import 'src/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUXW-cMBB8v19h5Skn1SncXarEeezPqKJqwQu4MTayF5Jrlf9e2XDhQ5eGSx8NM-OZ2YWbn2lKdwCQsD8bxp6VpEqwQ9K8PGwYq1CVFY3nzDqJjjuQqvWCdeCuOa8l90fPfQUN8hqlauvtw-Z1czNK-66cyu8Oc_n-PGGkU_Tttzn6dP7YjAZX4nahfKmX3RR9v_Byv9oLvpCDc452S0f7xR39ecLYR_SyjloZPijcDeNqQEplSq6MVgYFSwdoCY1g6e7SGhkrrCFeQK30cYGkY4M-Bx3QGeqewwN-JD4PjlcQe-hI9eo3riIGYKSFxLxaf-ME3_ORCB33DeTKlKskyEH-pEy5XUzr0o07RHRjvSJljWAONZDqMJCk8o2Go2D9THmhMYqBVqXhirD2guVoCF14_Kv1pIojz60hNDR9ldmX0FYMN-xAZqOW7dAV2j4LVikp0YxbIpixJvrIW-etE6yx6iTY-tAXasxpxNmW-t07PYjXViCD_KxT1NhBCMw1dqj3cQrkwJxqGJksvU1qP6fXNnIRfNh4T2AkODkfxUGIDAvrMBb81snV1cOsb8i81S1Fu8p4JMGSaB3yp9LZ1kgR8js09N1qG8PbsCd0HJBDKxw7NOTH8NM4A4OlySezVGFOMcnaTg9nJWalvOWY_wcICHlELyUKm7eed8qrTONqqchaSkEetny1RuPQe1zW8kMCwend43-KCak8ZBrlF7a84fTmcfhYzw98Opm3Z5M1cmV2PXOTh4Xi1nDfugJy3LKvLLlJd_FriC9Xk_Z376U5tfKPVOeLS2aC9_3yfRxnsBX_QqAMOl6pstquyNQ4VYM7budJYO3FA328eM2d1pznTQxkq5NjbsPHe7mFd5gTE_laE4SO1Gc8nCe-_gUZdxR8NAoAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var fab = _7a468({defaultClassName:'_11t8aaa4',variantClassNames:{size:{small:'_11t8aaa0',regular:'_11t8aaa1',large:'_11t8aaa2',extended:'_11t8aaa3'},color:{surface:'_11t8aaa9',primary:'_11t8aaaa',secondary:'_11t8aaab',tertiary:'_11t8aaac'}},defaultVariants:{size:'regular',color:'surface'},compoundVariants:[]});","import 'src/fab-menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VVwW7bMAy95yuEnBpgypK2KToV22WfMQQDLdE2UVkyJNmtO_TfB8luErvZ5nSnwCIfSb33xKx_btuuuC9fNuzXgjFFvtbQCZZrfH5YsPTLFTmUgawRTFrdVCZGQFNhOAWsfJ_O0agYKKAW7L5O8AzkY-FsY5RgwYHxNTg0IYZsEzQZFMxYg_EgxXPrKm4dFWQEa8FdcT49Xx2SqZ_J1iApdGy721R-AFWK-87zysYUjuDJFNwHMAqcWn06NrsA9bB4XawPfP1QECAGXeizOo37T2yagEYdw4njYVzBNqNbC-YlaLzarL_sxq22CVbbt_s61BCoTaQdBCMT2eRvuo3UkWgCuoM22-tenBKpKINgu7v-uwaVZu1LCbYdzm2LLtf2SbCSlMKkfmafuacXMoVgmXUKHc9sypaN89YJVlt669p4dNyjRhmOcr_TfyjjQFHjxVgRX0KNPG-0Xh26l6DiTKM81NhCEk9ji_rmnVeOyIuEZyy3JvAcKtLdpGfoakzScQ0Zaq7BFchj_hH4NFA9A9inHqGeXnAWMCYmWDJCOb_jSX6PxxCiYNGnUd8ZJYID-UimmBhXiAxz6zAZWFoT0ATBlsuHkZ8h81Y3IZmAjMcwPI3T5SEbFxfHd6ttstT4EQ1e49iiCX6yUqZbYvOh974VZXwH6SZz7Xd7tsSIlMM9xnYPEJCn7EmJfqmUVJQ66oVq_1_lBMi4SWbXqB16j1Nq-qEUecg0qv2wrs5Lcsrd4exEaFdkV6PGMkrOreG-cTlIXLHPbLPeXierpuBs0M393wc_T8NmsoyHxa9t-LrMIeMVmoZrhLg7l_vx3-hoK19S5RvzbZFqPZEKpWDXt-Ol3X-flLzprflvKgdKeHyPQAZdstNqBp-1owpctxqzeDu38QA_Np7T05rzuJMBdrNvjtLGp335CH9AngxxN3eIgC7QR2Y4D3z9DcphDVLCCQAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var item = _7a468({defaultClassName:'_1vyg8hz2 _1vyg8hz1',variantClassNames:{color:{surface:'_1vyg8hz3',primary:'_1vyg8hz4',secondary:'_1vyg8hz5',tertiary:'_1vyg8hz6'}},defaultVariants:{color:'primary'},compoundVariants:[]});\nexport var popup = '_1vyg8hz0';","/**\n * fab-menu.ts — wires the VE styles into the shared FAB menu factory.\n */\nimport { createFabMenu } from '@m3-baseui/core';\nimport { fab } from './fab.css';\nimport { popup, item } from './fab-menu.css';\n\nexport const FabMenu = createFabMenu(({ size, color }) => fab({ size, color }), {\n  popup,\n  item: (color) => item({ color }),\n});\n\nexport type { FabMenuTriggerProps, FabMenuItemProps } from '@m3-baseui/core';\n"]}