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

package/dist/navigation-rail.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import * as _base_ui_react from '@base-ui/react';
+
+declare const NavigationRail: {
+    Root: react.ForwardRefExoticComponent<Omit<_base_ui_react.ToggleGroup.Props<string> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+        header?: React.ReactNode;
+    } & 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 { NavigationRail };

package/dist/navigation-rail.js

@@ -0,0 +1,29 @@
+"use client";
+import './navigation-rail.css';
+import { createNavigationRail } from '@m3-baseui/core';
+
+// src/navigation-rail.ts
+
+// src/navigation-rail.css.ts
+var header = "w6243j1";
+var icon = "w6243j5";
+var iconWrap = "w6243j3";
+var indicator = "w6243j4";
+var item = "w6243j2";
+var label = "w6243j6";
+var root = "w6243j0";
+
+// src/navigation-rail.ts
+var NavigationRail = createNavigationRail({
+  root,
+  header,
+  item,
+  iconWrap,
+  indicator,
+  icon,
+  label
+});
+
+export { NavigationRail };
+//# sourceMappingURL=navigation-rail.js.map
+//# sourceMappingURL=navigation-rail.js.map

package/dist/navigation-rail.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/navigation-rail.css.ts","../src/navigation-rail.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,MAAA,GAAS,SAAA;AACb,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,QAAA,GAAW,SAAA;AACf,IAAI,SAAA,GAAY,SAAA;AAChB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,IAAA,GAAO,SAAA;;;ACDX,IAAM,iBAAiB,oBAAA,CAAqB;AAAA,EACjD,IAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAC","file":"navigation-rail.js","sourcesContent":["import 'src/navigation-rail.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71VwW7bMAy95yuEAgOagzrHcbpCOe4zhh1oibbVypIhyc6yYf8-SHbruGlau912CiLrPZKPj9TN4TbNtvcJ-bUiREjXKDgyUij8sV-R-EuFtMi9NJoRblRb6_AFlCw1lR5rxwhH7dGG4xIaRjZpE9EVyrLyjGyS5FP4f5DCV4zcJf3nBoSQuqS5MvyBkXQ4zoE_lNa0WjBiy_y6A3tNaS2oOzrKjTKWutYWwHG93q9-r276Cjb_ooIabCk1zY33pmYkC6dPEdMYsTFO9tQWFXjZ4f6v5HHfOi-LI-VGe9T-LMVsKqLUSmo8Ox60zc6l9Ra0a8Ci9vGTsQItI9roWABvrTOWkcbIx7CtQ0sdKuR-vGda3wfuD0ZxvgnwQIV0kCsU3wetIhnFDrV3Z5jtEkGXyzbYb3c7dec2nXQ1e5YE5M6o1sckpHboGUlGwagFIVvHyMSlroIGadEqtX5DdtOhLZQ5MFJJITAaIl4Zoo_Q3vpks0tqN41Wm3CXIrjQcedBC7DidDYyxnIsjMVY25M0V1f7eaWe5M9bG3L_GpKJBTTApT8ON19u8LSkARG2wvJKBls1Fp0Lrpo0bc7mQG4CaW8QkBrtZIukrAotIS8K91TrtNkePNIImzIVhreOdtLJXOFyxgifMgIP47CcapDrBSHH-XydNDmB7v7tmMZGXWyg0Y_bn3ZgJWi_Xj932Acm5YK_dsPgvJXZW-66IPpc-uHZI59JcrO9e435Y2VcjrMjrisjy7BN02y6TdPpG3m7KOK0pYXRnhZQS_Xc1f7YoOOgkCrIUdEahWxrGgAj8jBkNAfZ3x2xTv7EechwM-LCK0irBTFPAD0B-rA6XRg5Xc7j8Bb4g9TlfxiBZZ1cn_fhS5LMGIWFYd49Cu-P8we99-BDMgsAAA';\nexport var header = 'w6243j1';\nexport var icon = 'w6243j5';\nexport var iconWrap = 'w6243j3';\nexport var indicator = 'w6243j4';\nexport var item = 'w6243j2';\nexport var label = 'w6243j6';\nexport var root = 'w6243j0';","/**\n * navigation-rail.ts — wires the VE styles into the shared NavigationRail factory.\n */\nimport { createNavigationRail } from '@m3-baseui/core';\nimport { root, header, item, iconWrap, indicator, icon, label } from './navigation-rail.css';\n\nexport const NavigationRail = createNavigationRail({\n  root,\n  header,\n  item,\n  iconWrap,\n  indicator,\n  icon,\n  label,\n});\n"]}

package/dist/progress.d.ts

@@ -3,8 +3,8 @@ import * as _m3_baseui_core from '@m3-baseui/core';
 export { CircularProgressProps, LinearProgressProps } from '@m3-baseui/core';
 
 declare const Progress: {
-    Linear: react.ForwardRefExoticComponent<_m3_baseui_core.LinearProgressOwnProps & Omit<react.HTMLAttributes<HTMLDivElement>, "value" | "defaultValue"> & react.RefAttributes<HTMLDivElement>>;
-    Circular: react.ForwardRefExoticComponent<_m3_baseui_core.CircularProgressOwnProps & Omit<react.HTMLAttributes<HTMLSpanElement>, "value" | "defaultValue"> & react.RefAttributes<HTMLSpanElement>>;
+    Linear: react.ForwardRefExoticComponent<_m3_baseui_core.LinearProgressOwnProps & Omit<react.HTMLAttributes<HTMLDivElement>, "defaultValue" | "value"> & react.RefAttributes<HTMLDivElement>>;
+    Circular: react.ForwardRefExoticComponent<_m3_baseui_core.CircularProgressOwnProps & Omit<react.HTMLAttributes<HTMLSpanElement>, "defaultValue" | "value"> & react.RefAttributes<HTMLSpanElement>>;
 };
 
 export { Progress };

package/dist/side-sheet.css

@@ -0,0 +1,103 @@
+/* vanilla-extract-css-ns:src/side-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W227bMAx9z1cIAwY0wNg5Sdt1LvYfA4Y-MBJjC5UlQ6KTuMP-fZDsJM6lrdOnxBIPecRzRPtW_XR37TYTfydC1C5o1s7mYqW3pJ4mQmgbiHORxf-voK2ibS7u0uMS5UvhXWNVLnyxvFmjvwGoFIQ2gHTGeQjS62oqvovsdjGfRhB7tLsirkapuRWLLKuCOIJXLoYAYdC2AKrqEoN-JTV9mvyb3Pac_yhkhLDRtbbFczrBML11li6EM3qOSQO3hp6_ieNtsuqwmVL2LFMP9slmV_XrPj0qHWqDbS5WhrZxAY0uLGimKuQisCeW5aDGPNVYui0E_aptkYul84o8LF2Cl6SLknMxy7Kv8XmjFZe5WMyzOu1XuIV-TaKRN7MsW28EiPuHeju9SCj-gtKeZHcq6UxT2bjj1uRXxm2gzQU27HZrQXpnDCypxLV2PkIso04Ydo0sAftce1TDRlvayTPORo1foSTok5MH4zbTdIYU8CbQ2R12enDfyvkq7_4aZPrdA5XHDflkJ4LKrakiy7Cdntl2n-Szxp1fMG4TYm0yJPnMuYN4Osjz64uP-n_p8BX6QlswtOJdrz_Ex-BjuO8cNRLf13__Xo0Cn9-6y0pFq7_RyQsn-xyxIXYsLzgltjjc3RKV2-THLiFDa0xGMbQmMzuCjlC7HwTs6qQ4eFS6CSdFQok1gUFfUPLwfnowu2o07kNeAxcNaCW2n-E1GrgndnfW65P7c58C3h-_kiyTj8sF1rl47EeotrAbs3FsxrUaVTKFtt0cm52sL42TL32GPYWHRCFWzsXsaX_h-hfFdUNs5SzDCitt2pMGcVtTkGgIWLPpWwUx_gDc9McZAexCD9A4yEYBY2CCxQ7tGzgCOIjv8MQc52J8BccX4IgU7FG-aFsMHfJjMOP6lp-qOL87UTG58aDuWIlgjV6j5fFSLZ1qoSKlm-o6qYbAq6QaAq-Sagj8pFTDFJekejy-q508cPSBEkqv7Uv3PfYfWgy9Pr8KAAA */
+.d9o4yx0 {
+  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);
+}
+.d9o4yx0[data-swiping] {
+  transition: none;
+}
+.d9o4yx0[data-starting-style],
+.d9o4yx0[data-ending-style] {
+  opacity: 0;
+}
+.d9o4yx1 {
+  position: fixed;
+  inset: 0;
+  z-index: 50;
+  display: flex;
+  align-items: stretch;
+}
+.d9o4yx2 {
+  box-sizing: border-box;
+  height: 100%;
+  width: 320px;
+  max-width: calc(100vw - 56px);
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  touch-action: auto;
+  outline: none;
+  background: rgb(var(--md-sys-color-surface-container-low));
+  color: rgb(var(--md-sys-color-on-surface));
+  transform: translateX(var(--drawer-swipe-movement-x));
+  transition: transform 300ms var(--md-sys-motion-easing-emphasized);
+}
+.d9o4yx2[data-swiping] {
+  user-select: none;
+}
+.d9o4yx2[data-swipe-direction=right] {
+  margin-left: auto;
+}
+.d9o4yx2[data-swipe-direction=left] {
+  margin-right: auto;
+}
+.d9o4yx2[data-swipe-direction=right][data-starting-style],
+.d9o4yx2[data-swipe-direction=right][data-ending-style] {
+  transform: translateX(100%);
+}
+.d9o4yx2[data-swipe-direction=left][data-starting-style],
+.d9o4yx2[data-swipe-direction=left][data-ending-style] {
+  transform: translateX(-100%);
+}
+.d9o4yx3 {
+  box-shadow: var(--md-sys-elevation-level1);
+}
+.d9o4yx3[data-swipe-direction=right] {
+  border-top-left-radius: var(--md-sys-shape-large);
+  border-bottom-left-radius: var(--md-sys-shape-large);
+}
+.d9o4yx3[data-swipe-direction=left] {
+  border-top-right-radius: var(--md-sys-shape-large);
+  border-bottom-right-radius: var(--md-sys-shape-large);
+}
+.d9o4yx4 {
+  box-shadow: none;
+}
+.d9o4yx5 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-height: 56px;
+  padding-inline: 16px;
+  padding-block: 8px;
+}
+.d9o4yx6 {
+  flex: 1;
+  margin: 0;
+  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);
+}
+.d9o4yx7 {
+  margin: 0;
+  padding-inline: 24px;
+  padding-bottom: 16px;
+  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);
+}
+.d9o4yx8 {
+  display: inline-flex;
+  flex-shrink: 0;
+}
+/*# sourceMappingURL=side-sheet.css.map */

package/dist/side-sheet.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/side-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W227bMAx9z1cIAwY0wNg5Sdt1LvYfA4Y-MBJjC5UlQ6KTuMP-fZDsJM6lrdOnxBIPecRzRPtW_XR37TYTfydC1C5o1s7mYqW3pJ4mQmgbiHORxf-voK2ibS7u0uMS5UvhXWNVLnyxvFmjvwGoFIQ2gHTGeQjS62oqvovsdjGfRhB7tLsirkapuRWLLKuCOIJXLoYAYdC2AKrqEoN-JTV9mvyb3Pac_yhkhLDRtbbFczrBML11li6EM3qOSQO3hp6_ieNtsuqwmVL2LFMP9slmV_XrPj0qHWqDbS5WhrZxAY0uLGimKuQisCeW5aDGPNVYui0E_aptkYul84o8LF2Cl6SLknMxy7Kv8XmjFZe5WMyzOu1XuIV-TaKRN7MsW28EiPuHeju9SCj-gtKeZHcq6UxT2bjj1uRXxm2gzQU27HZrQXpnDCypxLV2PkIso04Ydo0sAftce1TDRlvayTPORo1foSTok5MH4zbTdIYU8CbQ2R12enDfyvkq7_4aZPrdA5XHDflkJ4LKrakiy7Cdntl2n-Szxp1fMG4TYm0yJPnMuYN4Osjz64uP-n_p8BX6QlswtOJdrz_Ex-BjuO8cNRLf13__Xo0Cn9-6y0pFq7_RyQsn-xyxIXYsLzgltjjc3RKV2-THLiFDa0xGMbQmMzuCjlC7HwTs6qQ4eFS6CSdFQok1gUFfUPLwfnowu2o07kNeAxcNaCW2n-E1GrgndnfW65P7c58C3h-_kiyTj8sF1rl47EeotrAbs3FsxrUaVTKFtt0cm52sL42TL32GPYWHRCFWzsXsaX_h-hfFdUNs5SzDCitt2pMGcVtTkGgIWLPpWwUx_gDc9McZAexCD9A4yEYBY2CCxQ7tGzgCOIjv8MQc52J8BccX4IgU7FG-aFsMHfJjMOP6lp-qOL87UTG58aDuWIlgjV6j5fFSLZ1qoSKlm-o6qYbAq6QaAq-Sagj8pFTDFJekejy-q508cPSBEkqv7Uv3PfYfWgy9Pr8KAAA"],"sourcesContent":[".d9o4yx0 {\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.d9o4yx0[data-swiping] {\n  transition: none;\n}\n.d9o4yx0[data-starting-style], .d9o4yx0[data-ending-style] {\n  opacity: 0;\n}\n.d9o4yx1 {\n  position: fixed;\n  inset: 0;\n  z-index: 50;\n  display: flex;\n  align-items: stretch;\n}\n.d9o4yx2 {\n  box-sizing: border-box;\n  height: 100%;\n  width: 320px;\n  max-width: calc(100vw - 56px);\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  touch-action: auto;\n  outline: none;\n  background: rgb(var(--md-sys-color-surface-container-low));\n  color: rgb(var(--md-sys-color-on-surface));\n  transform: translateX(var(--drawer-swipe-movement-x));\n  transition: transform 300ms var(--md-sys-motion-easing-emphasized);\n}\n.d9o4yx2[data-swiping] {\n  user-select: none;\n}\n.d9o4yx2[data-swipe-direction=\"right\"] {\n  margin-left: auto;\n}\n.d9o4yx2[data-swipe-direction=\"left\"] {\n  margin-right: auto;\n}\n.d9o4yx2[data-swipe-direction=\"right\"][data-starting-style], .d9o4yx2[data-swipe-direction=\"right\"][data-ending-style] {\n  transform: translateX(100%);\n}\n.d9o4yx2[data-swipe-direction=\"left\"][data-starting-style], .d9o4yx2[data-swipe-direction=\"left\"][data-ending-style] {\n  transform: translateX(-100%);\n}\n.d9o4yx3 {\n  box-shadow: var(--md-sys-elevation-level1);\n}\n.d9o4yx3[data-swipe-direction=\"right\"] {\n  border-top-left-radius: var(--md-sys-shape-large);\n  border-bottom-left-radius: var(--md-sys-shape-large);\n}\n.d9o4yx3[data-swipe-direction=\"left\"] {\n  border-top-right-radius: var(--md-sys-shape-large);\n  border-bottom-right-radius: var(--md-sys-shape-large);\n}\n.d9o4yx4 {\n  box-shadow: none;\n}\n.d9o4yx5 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 56px;\n  padding-inline: 16px;\n  padding-block: 8px;\n}\n.d9o4yx6 {\n  flex: 1;\n  margin: 0;\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.d9o4yx7 {\n  margin: 0;\n  padding-inline: 24px;\n  padding-bottom: 16px;\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.d9o4yx8 {\n  display: inline-flex;\n  flex-shrink: 0;\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;AACf;AACA,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,SAAO;AACP,aAAW,KAAK,MAAM,EAAE;AACxB,WAAS;AACT,kBAAgB;AAChB,cAAY;AACZ,uBAAqB;AACrB,gBAAc;AACd,WAAS;AACT,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,aAAW,WAAW,IAAI;AAC1B,cAAY,UAAU,MAAM,IAAI;AAClC;AACA,CAhBC,OAgBO,CAAC;AACP,eAAa;AACf;AACA,CAnBC,OAmBO,CAAC;AACP,eAAa;AACf;AACA,CAtBC,OAsBO,CAAC;AACP,gBAAc;AAChB;AACA,CAzBC,OAyBO,CAAC,2BAA6B,CAAC;AAAsB,CAzB5D,OAyBoE,CAAC,2BAA6B,CAAC;AAClG,aAAW,WAAW;AACxB;AACA,CA5BC,OA4BO,CAAC,0BAA4B,CAAC;AAAsB,CA5B3D,OA4BmE,CAAC,0BAA4B,CAAC;AAChG,aAAW,WAAW;AACxB;AACA,CAAC;AACC,cAAY,IAAI;AAClB;AACA,CAHC,OAGO,CAAC;AACP,0BAAwB,IAAI;AAC5B,6BAA2B,IAAI;AACjC;AACA,CAPC,OAOO,CAAC;AACP,2BAAyB,IAAI;AAC7B,8BAA4B,IAAI;AAClC;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,cAAY;AACZ,kBAAgB;AAChB,iBAAe;AACjB;AACA,CAAC;AACC,QAAM;AACN,UAAQ;AACR,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,kBAAgB;AAChB,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACf;","names":[]}

package/dist/side-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 { SideSheetSide, SideSheetVariant } from '@m3-baseui/core';
+
+declare const SideSheet: {
+    Root: {
+        ({ variant, side, ...props }: _m3_baseui_core.SideSheetOwnProps & 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<HTMLDivElement>>;
+    Header: 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: react.ForwardRefExoticComponent<Omit<_base_ui_react.DrawerCloseProps, "ref"> & react.RefAttributes<unknown>>;
+};
+
+export { SideSheet };

package/dist/side-sheet.js

@@ -0,0 +1,28 @@
+"use client";
+import './side-sheet.css';
+import { createSideSheet } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/side-sheet.ts
+var backdrop = "d9o4yx0";
+var close = "d9o4yx8";
+var description = "d9o4yx7";
+var header = "d9o4yx5";
+var popup = createRuntimeFn({ defaultClassName: "d9o4yx2", variantClassNames: { variant: { modal: "d9o4yx3", standard: "d9o4yx4" } }, defaultVariants: { variant: "modal" }, compoundVariants: [] });
+var title = "d9o4yx6";
+var viewport = "d9o4yx1";
+
+// src/side-sheet.ts
+var SideSheet = createSideSheet({
+  backdrop,
+  viewport,
+  popup: ({ variant }) => popup({ variant }),
+  header,
+  title,
+  description,
+  close
+});
+
+export { SideSheet };
+//# sourceMappingURL=side-sheet.js.map
+//# sourceMappingURL=side-sheet.js.map

package/dist/side-sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/side-sheet.css.ts","../src/side-sheet.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,QAAA,GAAW,SAAA;AACf,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,WAAA,GAAc,SAAA;AAClB,IAAI,MAAA,GAAS,SAAA;AACb,IAAI,KAAA,GAAQA,gBAAO,EAAC,gBAAA,EAAiB,WAAU,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,KAAA,EAAM,SAAA,EAAU,UAAS,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,SAAO,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACtK,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,QAAA,GAAW,SAAA;;;ACFf,IAAM,YAAY,eAAA,CAAgB;AAAA,EACvC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,EAAO,CAAC,EAAE,OAAA,OAAc,KAAA,CAAM,EAAE,SAAS,CAAA;AAAA,EACzC,MAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAC","file":"side-sheet.js","sourcesContent":["import 'src/side-sheet.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51W227bMAx9z1cIAwY0wNg5Sdt1LvYfA4Y-MBJjC5UlQ6KTuMP-fZDsJM6lrdOnxBIPecRzRPtW_XR37TYTfydC1C5o1s7mYqW3pJ4mQmgbiHORxf-voK2ibS7u0uMS5UvhXWNVLnyxvFmjvwGoFIQ2gHTGeQjS62oqvovsdjGfRhB7tLsirkapuRWLLKuCOIJXLoYAYdC2AKrqEoN-JTV9mvyb3Pac_yhkhLDRtbbFczrBML11li6EM3qOSQO3hp6_ieNtsuqwmVL2LFMP9slmV_XrPj0qHWqDbS5WhrZxAY0uLGimKuQisCeW5aDGPNVYui0E_aptkYul84o8LF2Cl6SLknMxy7Kv8XmjFZe5WMyzOu1XuIV-TaKRN7MsW28EiPuHeju9SCj-gtKeZHcq6UxT2bjj1uRXxm2gzQU27HZrQXpnDCypxLV2PkIso04Ydo0sAftce1TDRlvayTPORo1foSTok5MH4zbTdIYU8CbQ2R12enDfyvkq7_4aZPrdA5XHDflkJ4LKrakiy7Cdntl2n-Szxp1fMG4TYm0yJPnMuYN4Osjz64uP-n_p8BX6QlswtOJdrz_Ex-BjuO8cNRLf13__Xo0Cn9-6y0pFq7_RyQsn-xyxIXYsLzgltjjc3RKV2-THLiFDa0xGMbQmMzuCjlC7HwTs6qQ4eFS6CSdFQok1gUFfUPLwfnowu2o07kNeAxcNaCW2n-E1GrgndnfW65P7c58C3h-_kiyTj8sF1rl47EeotrAbs3FsxrUaVTKFtt0cm52sL42TL32GPYWHRCFWzsXsaX_h-hfFdUNs5SzDCitt2pMGcVtTkGgIWLPpWwUx_gDc9McZAexCD9A4yEYBY2CCxQ7tGzgCOIjv8MQc52J8BccX4IgU7FG-aFsMHfJjMOP6lp-qOL87UTG58aDuWIlgjV6j5fFSLZ1qoSKlm-o6qYbAq6QaAq-Sagj8pFTDFJekejy-q508cPSBEkqv7Uv3PfYfWgy9Pr8KAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var backdrop = 'd9o4yx0';\nexport var close = 'd9o4yx8';\nexport var description = 'd9o4yx7';\nexport var header = 'd9o4yx5';\nexport var popup = _7a468({defaultClassName:'d9o4yx2',variantClassNames:{variant:{modal:'d9o4yx3',standard:'d9o4yx4'}},defaultVariants:{variant:'modal'},compoundVariants:[]});\nexport var title = 'd9o4yx6';\nexport var viewport = 'd9o4yx1';","/**\n * side-sheet.ts — wires the VE styles into the shared parts factory.\n */\nimport { createSideSheet } from '@m3-baseui/core';\nimport { backdrop, viewport, popup, header, title, description, close } from './side-sheet.css';\n\nexport const SideSheet = createSideSheet({\n  backdrop,\n  viewport,\n  popup: ({ variant }) => popup({ variant }),\n  header,\n  title,\n  description,\n  close,\n});\nexport type { SideSheetVariant, SideSheetSide } from '@m3-baseui/core';\n"]}

package/dist/top-app-bar.css

@@ -0,0 +1,89 @@
+/* vanilla-extract-css-ns:src/top-app-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2V246bMBCG7_MUc1Npc-EVye7Srfs0xh7MND4g2zlt1XevcGgSaCoBe9srZOb_5_DZ4Ocfrn0piwJ-rgAUxdaIM4fa4On7CvKTKQooE3nHQXqzt66LHEmlhsOmKL50y8qfWKQPcppD5YPCwCqfUzRIukkcytc2ryshdzr4vVMcgq6eDiI8MWYVi-fIpDc-sLgPtZC4Xnf6_OqfUu_u1b9Wz5dxXvI4f0pvNtuu9jX6Ooy-DaNvj1EIQ9oxSmgjB4kuYehea9Fy6Ecbj9oKpchpRs6Qw152rVPOqpN3IjaB3I5DsRhMCfGgc-F-A7ej3rfDJr9mrSXHen0u7Q8YauOPHBpSCvOBSHhK7BZAY6iNFPNZaSghi62QyMH5YxDt4gHec0MdDQ6bR5Avew1Qe5dYLSyZM4dB_nRuMUphkCVKBpkRQSPr9Our8djjmGC8SG_WSB84ydgJs61rnDXTK97pL35MCUMGnD_ACSlSEHJHTt-j_TYVbd7qfE4HJ_Q_8JnARQb-F-Vy-PeofEre3r7UKZwbFCo3Ha0wZh7qkXcW7ZF3FvCRdyHzUZZH2Kt52N8XYLeoaG8Xcu_Ny8D35mXke_Nn0fdpHrGXiy_X5RcgO4hAwqX1sJFpF-Fvgh0T7iAJAAA */
+.jnp3600 {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  box-sizing: border-box;
+  height: 64px;
+  background: rgb(var(--md-sys-color-surface));
+  color: rgb(var(--md-sys-color-on-surface));
+}
+.jnp3603 {
+  height: 112px;
+}
+.jnp3604 {
+  height: 152px;
+}
+.jnp3605 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  height: 64px;
+  padding-inline: 4px;
+}
+.jnp3606 {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  color: rgb(var(--md-sys-color-on-surface));
+}
+.jnp3606 svg {
+  width: 24px;
+  height: 24px;
+}
+.jnp3607 {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: rgb(var(--md-sys-color-on-surface));
+}
+.jnp3608 {
+  flex: 1;
+  padding-inline: 12px;
+  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);
+}
+.jnp3609 {
+  flex: 1;
+  padding-inline: 12px;
+  text-align: center;
+  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);
+}
+.jnp360a {
+  padding-inline: 16px;
+  padding-bottom: 24px;
+  font-family: var(--md-sys-typescale-headline-small-font);
+  font-weight: var(--md-sys-typescale-headline-small-weight);
+  font-size: var(--md-sys-typescale-headline-small-size);
+  line-height: var(--md-sys-typescale-headline-small-line-height);
+  letter-spacing: var(--md-sys-typescale-headline-small-tracking);
+}
+.jnp360b {
+  padding-inline: 16px;
+  padding-bottom: 28px;
+  font-family: var(--md-sys-typescale-headline-medium-font);
+  font-weight: var(--md-sys-typescale-headline-medium-weight);
+  font-size: var(--md-sys-typescale-headline-medium-size);
+  line-height: var(--md-sys-typescale-headline-medium-line-height);
+  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
+}
+.jnp360c {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-shrink: 0;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+.jnp360c svg {
+  width: 24px;
+  height: 24px;
+}
+/*# sourceMappingURL=top-app-bar.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/top-app-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2V246bMBCG7_MUc1Npc-EVye7Srfs0xh7MND4g2zlt1XevcGgSaCoBe9srZOb_5_DZ4Ocfrn0piwJ-rgAUxdaIM4fa4On7CvKTKQooE3nHQXqzt66LHEmlhsOmKL50y8qfWKQPcppD5YPCwCqfUzRIukkcytc2ryshdzr4vVMcgq6eDiI8MWYVi-fIpDc-sLgPtZC4Xnf6_OqfUu_u1b9Wz5dxXvI4f0pvNtuu9jX6Ooy-DaNvj1EIQ9oxSmgjB4kuYehea9Fy6Ecbj9oKpchpRs6Qw152rVPOqpN3IjaB3I5DsRhMCfGgc-F-A7ej3rfDJr9mrSXHen0u7Q8YauOPHBpSCvOBSHhK7BZAY6iNFPNZaSghi62QyMH5YxDt4gHec0MdDQ6bR5Avew1Qe5dYLSyZM4dB_nRuMUphkCVKBpkRQSPr9Our8djjmGC8SG_WSB84ydgJs61rnDXTK97pL35MCUMGnD_ACSlSEHJHTt-j_TYVbd7qfE4HJ_Q_8JnARQb-F-Vy-PeofEre3r7UKZwbFCo3Ha0wZh7qkXcW7ZF3FvCRdyHzUZZH2Kt52N8XYLeoaG8Xcu_Ny8D35mXke_Nn0fdpHrGXiy_X5RcgO4hAwqX1sJFpF-Fvgh0T7iAJAAA"],"sourcesContent":[".jnp3600 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  box-sizing: border-box;\n  height: 64px;\n  background: rgb(var(--md-sys-color-surface));\n  color: rgb(var(--md-sys-color-on-surface));\n}\n.jnp3603 {\n  height: 112px;\n}\n.jnp3604 {\n  height: 152px;\n}\n.jnp3605 {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  height: 64px;\n  padding-inline: 4px;\n}\n.jnp3606 {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: rgb(var(--md-sys-color-on-surface));\n}\n.jnp3606 svg {\n  width: 24px;\n  height: 24px;\n}\n.jnp3607 {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: rgb(var(--md-sys-color-on-surface));\n}\n.jnp3608 {\n  flex: 1;\n  padding-inline: 12px;\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.jnp3609 {\n  flex: 1;\n  padding-inline: 12px;\n  text-align: center;\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.jnp360a {\n  padding-inline: 16px;\n  padding-bottom: 24px;\n  font-family: var(--md-sys-typescale-headline-small-font);\n  font-weight: var(--md-sys-typescale-headline-small-weight);\n  font-size: var(--md-sys-typescale-headline-small-size);\n  line-height: var(--md-sys-typescale-headline-small-line-height);\n  letter-spacing: var(--md-sys-typescale-headline-small-tracking);\n}\n.jnp360b {\n  padding-inline: 16px;\n  padding-bottom: 28px;\n  font-family: var(--md-sys-typescale-headline-medium-font);\n  font-weight: var(--md-sys-typescale-headline-medium-weight);\n  font-size: var(--md-sys-typescale-headline-medium-size);\n  line-height: var(--md-sys-typescale-headline-medium-line-height);\n  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);\n}\n.jnp360c {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  flex-shrink: 0;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n.jnp360c svg {\n  width: 24px;\n  height: 24px;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,SAAO;AACP,cAAY;AACZ,UAAQ;AACR,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,UAAQ;AACR,kBAAgB;AAClB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,eAAa;AACb,SAAO,IAAI,IAAI;AACjB;AACA,CANC,QAMQ;AACP,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,aAAW;AACX,YAAU;AACV,iBAAe;AACf,eAAa;AACb,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,QAAM;AACN,kBAAgB;AAChB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,QAAM;AACN,kBAAgB;AAChB,cAAY;AACZ,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,kBAAgB;AAChB,kBAAgB;AAChB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,kBAAgB;AAChB,kBAAgB;AAChB,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,eAAa;AACb,SAAO,IAAI,IAAI;AACjB;AACA,CAPC,QAOQ;AACP,SAAO;AACP,UAAQ;AACV;","names":[]}

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

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import * as _m3_baseui_core from '@m3-baseui/core';
+export { TopAppBarProps, TopAppBarVariant } from '@m3-baseui/core';
+
+declare const TopAppBar: react.ForwardRefExoticComponent<_m3_baseui_core.TopAppBarOwnProps & Omit<react.HTMLAttributes<HTMLElement>, "title"> & react.RefAttributes<HTMLElement>>;
+
+export { TopAppBar };

package/dist/top-app-bar.js

@@ -0,0 +1,24 @@
+"use client";
+import './top-app-bar.css';
+import { createTopAppBar } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/top-app-bar.ts
+var headline = createRuntimeFn({ defaultClassName: "jnp3607", variantClassNames: { variant: { small: "jnp3608", center: "jnp3609", medium: "jnp360a", large: "jnp360b" } }, defaultVariants: { variant: "small" }, compoundVariants: [] });
+var leading = "jnp3606";
+var root = createRuntimeFn({ defaultClassName: "jnp3600", variantClassNames: { variant: { small: "jnp3601", center: "jnp3602", medium: "jnp3603", large: "jnp3604" } }, defaultVariants: { variant: "small" }, compoundVariants: [] });
+var row = "jnp3605";
+var trailing = "jnp360c";
+
+// src/top-app-bar.ts
+var TopAppBar = createTopAppBar(({ variant }) => ({
+  root: root({ variant }),
+  row,
+  leading,
+  headline: headline({ variant }),
+  trailing
+}));
+
+export { TopAppBar };
+//# sourceMappingURL=top-app-bar.js.map
+//# sourceMappingURL=top-app-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/top-app-bar.css.ts","../src/top-app-bar.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,QAAA,GAAWA,eAAA,CAAO,EAAC,gBAAA,EAAiB,SAAA,EAAU,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,KAAA,EAAM,SAAA,EAAU,MAAA,EAAO,SAAA,EAAU,MAAA,EAAO,SAAA,EAAU,KAAA,EAAM,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,OAAA,EAAO,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACxM,IAAI,OAAA,GAAU,SAAA;AACd,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,SAAA,EAAU,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,KAAA,EAAM,SAAA,EAAU,MAAA,EAAO,SAAA,EAAU,MAAA,EAAO,SAAA,EAAU,KAAA,EAAM,SAAA,EAAS,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,OAAA,EAAO,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACpM,IAAI,GAAA,GAAM,SAAA;AACV,IAAI,QAAA,GAAW,SAAA;;;ACAf,IAAM,SAAA,GAAY,eAAA,CAAgB,CAAC,EAAE,SAAQ,MAAO;AAAA,EACzD,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS,CAAA;AAAA,EACtB,GAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA,EAAU,QAAA,CAAS,EAAE,OAAA,EAAS,CAAA;AAAA,EAC9B;AACF,CAAA,CAAE","file":"top-app-bar.js","sourcesContent":["import 'src/top-app-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2V246bMBCG7_MUc1Npc-EVye7Srfs0xh7MND4g2zlt1XevcGgSaCoBe9srZOb_5_DZ4Ocfrn0piwJ-rgAUxdaIM4fa4On7CvKTKQooE3nHQXqzt66LHEmlhsOmKL50y8qfWKQPcppD5YPCwCqfUzRIukkcytc2ryshdzr4vVMcgq6eDiI8MWYVi-fIpDc-sLgPtZC4Xnf6_OqfUu_u1b9Wz5dxXvI4f0pvNtuu9jX6Ooy-DaNvj1EIQ9oxSmgjB4kuYehea9Fy6Ecbj9oKpchpRs6Qw152rVPOqpN3IjaB3I5DsRhMCfGgc-F-A7ej3rfDJr9mrSXHen0u7Q8YauOPHBpSCvOBSHhK7BZAY6iNFPNZaSghi62QyMH5YxDt4gHec0MdDQ6bR5Avew1Qe5dYLSyZM4dB_nRuMUphkCVKBpkRQSPr9Our8djjmGC8SG_WSB84ydgJs61rnDXTK97pL35MCUMGnD_ACSlSEHJHTt-j_TYVbd7qfE4HJ_Q_8JnARQb-F-Vy-PeofEre3r7UKZwbFCo3Ha0wZh7qkXcW7ZF3FvCRdyHzUZZH2Kt52N8XYLeoaG8Xcu_Ny8D35mXke_Nn0fdpHrGXiy_X5RcgO4hAwqX1sJFpF-Fvgh0T7iAJAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var headline = _7a468({defaultClassName:'jnp3607',variantClassNames:{variant:{small:'jnp3608',center:'jnp3609',medium:'jnp360a',large:'jnp360b'}},defaultVariants:{variant:'small'},compoundVariants:[]});\nexport var leading = 'jnp3606';\nexport var root = _7a468({defaultClassName:'jnp3600',variantClassNames:{variant:{small:'jnp3601',center:'jnp3602',medium:'jnp3603',large:'jnp3604'}},defaultVariants:{variant:'small'},compoundVariants:[]});\nexport var row = 'jnp3605';\nexport var trailing = 'jnp360c';","/**\n * top-app-bar.ts — wires the VE styles into the shared TopAppBar factory.\n */\nimport { createTopAppBar } from '@m3-baseui/core';\nimport { root, row, leading, headline, trailing } from './top-app-bar.css';\n\nexport const TopAppBar = createTopAppBar(({ variant }) => ({\n  root: root({ variant }),\n  row,\n  leading,\n  headline: headline({ variant }),\n  trailing,\n}));\nexport type { TopAppBarProps, TopAppBarVariant } from '@m3-baseui/core';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m3-baseui/react-vanilla-extract",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "description": "M3 components implemented with vanilla-extract recipes over the shared @m3-baseui/core factories.",
   "type": "module",
   "license": "MIT",
@@ -97,6 +97,11 @@
       "types": "./dist/fab.d.ts",
       "default": "./dist/fab.js"
     },
+    "./fab-menu": {
+      "@m3/source": "./src/fab-menu.ts",
+      "types": "./dist/fab-menu.d.ts",
+      "default": "./dist/fab-menu.js"
+    },
     "./divider": {
       "@m3/source": "./src/divider.ts",
       "types": "./dist/divider.d.ts",
@@ -141,6 +146,31 @@
       "@m3/source": "./src/navigation-drawer.ts",
       "types": "./dist/navigation-drawer.d.ts",
       "default": "./dist/navigation-drawer.js"
+    },
+    "./top-app-bar": {
+      "@m3/source": "./src/top-app-bar.ts",
+      "types": "./dist/top-app-bar.d.ts",
+      "default": "./dist/top-app-bar.js"
+    },
+    "./bottom-app-bar": {
+      "@m3/source": "./src/bottom-app-bar.ts",
+      "types": "./dist/bottom-app-bar.d.ts",
+      "default": "./dist/bottom-app-bar.js"
+    },
+    "./navigation-rail": {
+      "@m3/source": "./src/navigation-rail.ts",
+      "types": "./dist/navigation-rail.d.ts",
+      "default": "./dist/navigation-rail.js"
+    },
+    "./bottom-sheet": {
+      "@m3/source": "./src/bottom-sheet.ts",
+      "types": "./dist/bottom-sheet.d.ts",
+      "default": "./dist/bottom-sheet.js"
+    },
+    "./side-sheet": {
+      "@m3/source": "./src/side-sheet.ts",
+      "types": "./dist/side-sheet.d.ts",
+      "default": "./dist/side-sheet.js"
     }
   },
   "files": [