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

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/search.css

@@ -0,0 +1,198 @@
+/* vanilla-extract-css-ns:src/search.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1X227jNhB9z1cQAQrEwDKVL_F6FbQv_YwiDyNxJLGhSIGklKhF_70gRVmS1_ZadrNYFH0yTM0ZjmbOnBk9Jru2rDEif90RwripBLQxyQS-P98RAoLnknKLpYlJitKidsc5VDHZVN6kQJ4XNiZP2-5_ySV948wWMVlvo3AG7_3ZMop-ckcVMMZlTgVmNibLAO5Pdedz150mkL7mWtWSxUTnyUMD-oHSklHTGpoqoTQ1tc4gRZoqaYFL1LTgebFYOLi3OIlUsgd31onSDDXVwHhtYjJBmAIqpFkthDe1GqThlisZk0S9u8dMvZHlU1SaKbBUzooiGPd2xoJkoNni-e7vu8dQgDhTaW3oG7cFl74ag8uDMFBgA96hwAbFcuxnOS0kl4JLpH093S81hebyNSbRmQr_URvLs9bnE6UdP7o0nbQBzUHaxTS8X4lpch9kYMTqgEjd_z1i5W1d4DFZHhAsGuN6Zo3Z4itUgUZph9oGnKqty01MpJI4nyeZkpZmUHLRHpTHthWaFATSRLGWCtA5Umc-4N5CzN_GdZYD0vA_8RKcs_MoX__i4vtG5h0crUVNTQUpl_klHqyG9JXLfFz2VRxXAlIslGCofUVvotHau6hU330aBVje-DJ-JPcD7zbRlLL9_xnaoRrUmXCtXXDGUF7bWYSktTYOVineh3lA7SFtcZxgpjSGCoT3u79_nmQTEqNEbX02uTRoQ77GnZXW2nXVby40f6UjiG2DZYiFYoPSmqHFxooZEK5v58vlOi5cBifvsw9hmncLFqm3njro9LbhhicCL3bkUVNHkDrqXeyh0mgMTt9mtipuxrbdJSDTQulOGhfnJnHvsuTy4fOqKT6RzS6q3ie0pG1MoLZqPJQTodLXH3Uoe-0JtpeNzfUwwzOlS6o0z7nsMYfni6Mj4yifLx7_n4bbr1saNr8zsOAeadvZtAJfpgyMJm8ZE6_XD9Hjl6cjnlCyM3721k_doxMqs71EnHPNmV8lNWfUYlkJ1xupEnUpTUd3ssz0vg_ObaL99ni4ivbE7QbBYHdUe79W0dq4wYcCUztU_P-t4fttDdv_zLja3jqutl1_Ov0ULsvIXm521lF7jqcjo2v7L4y_EA_jBhKB7GXWfrggP5Pocb1bnC7kyYuOBx1NtCzkSij7y71B0GlBBYLTlfuXs99aNy2437h37rrw-WykH_cN2Ime37G48MntFfckGckk5DE0rGoj7K6bNCdk_mBvWa6qq-syQ7hLZLwur1DuAJwv3QE4X7sD8BbxDi6OqfcXX5wSdM7lwe64_2QffzYdUe1TNepm8NHGgTmU2H00IwQkKKgpQYh5jBgDZzFiDJzFiDHwSkaMXYwZ8Q-qYf1TZBQAAA */
+.b8ymue0 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  height: 56px;
+  min-width: 360px;
+  max-width: 100%;
+  padding-left: 16px;
+  padding-right: 8px;
+  background: rgb(var(--md-sys-color-surface-container-high));
+  color: rgb(var(--md-sys-color-on-surface));
+  border-radius: var(--md-sys-shape-full);
+  transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
+}
+.b8ymue0:focus-within {
+  box-shadow: var(--md-sys-elevation-level1);
+}
+.b8ymue1 {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+.b8ymue1 > svg {
+  width: 24px;
+  height: 24px;
+}
+.b8ymue2 {
+  flex: 1;
+  min-width: 0;
+  height: 100%;
+  background: transparent;
+  border: 0;
+  outline: none;
+  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);
+}
+.b8ymue2::placeholder {
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+.b8ymue3 {
+  position: relative;
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border-radius: var(--md-sys-shape-full);
+  overflow: hidden;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  cursor: pointer;
+  outline: none;
+}
+.b8ymue3::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+.b8ymue3:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+.b8ymue3:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+.b8ymue3:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+.b8ymue3 > svg {
+  width: 24px;
+  height: 24px;
+}
+.b8ymue4 {
+  width: var(--anchor-width);
+  min-width: 360px;
+  max-height: min(72vh, 480px);
+  overflow-y: auto;
+  padding-block: 8px;
+  background: rgb(var(--md-sys-color-surface-container-high));
+  color: rgb(var(--md-sys-color-on-surface));
+  border-radius: var(--md-sys-shape-large);
+  box-shadow: var(--md-sys-elevation-level3);
+  transform-origin: var(--transform-origin);
+  outline: none;
+  transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
+}
+.b8ymue4[data-starting-style] {
+  opacity: 0;
+  transform: scale(0.95);
+}
+.b8ymue4[data-ending-style] {
+  opacity: 0;
+}
+.b8ymue5 {
+  outline: none;
+}
+.b8ymue6 {
+  position: relative;
+  display: grid;
+  grid-template-columns: 24px 1fr 24px;
+  align-items: center;
+  gap: 16px;
+  height: 56px;
+  padding-inline: 16px;
+  overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  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);
+}
+.b8ymue6::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+.b8ymue6:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+.b8ymue6[data-highlighted]::before {
+  opacity: var(--md-sys-state-hover);
+}
+.b8ymue6[data-selected]::before {
+  opacity: var(--md-sys-state-pressed);
+}
+.b8ymue6:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+.b8ymue6[data-disabled] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  pointer-events: none;
+}
+.b8ymue6[data-disabled]::before {
+  opacity: 0;
+}
+.b8ymue6 [data-slot=search-leading] {
+  display: inline-flex;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+.b8ymue6 [data-slot=search-leading] > svg {
+  width: 24px;
+  height: 24px;
+}
+.b8ymue7 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: rgb(var(--md-sys-color-on-surface));
+  visibility: hidden;
+}
+.b8ymue6[data-selected] .b8ymue7 {
+  visibility: visible;
+}
+.b8ymue8 {
+  padding-inline: 16px;
+  padding-block: 12px;
+  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);
+}
+.b8ymue9 {
+  margin-block: 8px;
+  height: 1px;
+  border: 0;
+  background: rgb(var(--md-sys-color-outline-variant));
+}
+.b8ymuea {
+  padding-inline: 16px;
+  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);
+}
+/*# sourceMappingURL=search.css.map */

package/dist/search.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/search.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1X227jNhB9z1cQAQrEwDKVL_F6FbQv_YwiDyNxJLGhSIGklKhF_70gRVmS1_ZadrNYFH0yTM0ZjmbOnBk9Jru2rDEif90RwripBLQxyQS-P98RAoLnknKLpYlJitKidsc5VDHZVN6kQJ4XNiZP2-5_ySV948wWMVlvo3AG7_3ZMop-ckcVMMZlTgVmNibLAO5Pdedz150mkL7mWtWSxUTnyUMD-oHSklHTGpoqoTQ1tc4gRZoqaYFL1LTgebFYOLi3OIlUsgd31onSDDXVwHhtYjJBmAIqpFkthDe1GqThlisZk0S9u8dMvZHlU1SaKbBUzooiGPd2xoJkoNni-e7vu8dQgDhTaW3oG7cFl74ag8uDMFBgA96hwAbFcuxnOS0kl4JLpH093S81hebyNSbRmQr_URvLs9bnE6UdP7o0nbQBzUHaxTS8X4lpch9kYMTqgEjd_z1i5W1d4DFZHhAsGuN6Zo3Z4itUgUZph9oGnKqty01MpJI4nyeZkpZmUHLRHpTHthWaFATSRLGWCtA5Umc-4N5CzN_GdZYD0vA_8RKcs_MoX__i4vtG5h0crUVNTQUpl_klHqyG9JXLfFz2VRxXAlIslGCofUVvotHau6hU330aBVje-DJ-JPcD7zbRlLL9_xnaoRrUmXCtXXDGUF7bWYSktTYOVineh3lA7SFtcZxgpjSGCoT3u79_nmQTEqNEbX02uTRoQ77GnZXW2nXVby40f6UjiG2DZYiFYoPSmqHFxooZEK5v58vlOi5cBifvsw9hmncLFqm3njro9LbhhicCL3bkUVNHkDrqXeyh0mgMTt9mtipuxrbdJSDTQulOGhfnJnHvsuTy4fOqKT6RzS6q3ie0pG1MoLZqPJQTodLXH3Uoe-0JtpeNzfUwwzOlS6o0z7nsMYfni6Mj4yifLx7_n4bbr1saNr8zsOAeadvZtAJfpgyMJm8ZE6_XD9Hjl6cjnlCyM3721k_doxMqs71EnHPNmV8lNWfUYlkJ1xupEnUpTUd3ssz0vg_ObaL99ni4ivbE7QbBYHdUe79W0dq4wYcCUztU_P-t4fttDdv_zLja3jqutl1_Ov0ULsvIXm521lF7jqcjo2v7L4y_EA_jBhKB7GXWfrggP5Pocb1bnC7kyYuOBx1NtCzkSij7y71B0GlBBYLTlfuXs99aNy2437h37rrw-WykH_cN2Ime37G48MntFfckGckk5DE0rGoj7K6bNCdk_mBvWa6qq-syQ7hLZLwur1DuAJwv3QE4X7sD8BbxDi6OqfcXX5wSdM7lwe64_2QffzYdUe1TNepm8NHGgTmU2H00IwQkKKgpQYh5jBgDZzFiDJzFiDHwSkaMXYwZ8Q-qYf1TZBQAAA"],"sourcesContent":[".b8ymue0 {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  height: 56px;\n  min-width: 360px;\n  max-width: 100%;\n  padding-left: 16px;\n  padding-right: 8px;\n  background: rgb(var(--md-sys-color-surface-container-high));\n  color: rgb(var(--md-sys-color-on-surface));\n  border-radius: var(--md-sys-shape-full);\n  transition: box-shadow 150ms var(--md-sys-motion-easing-standard);\n}\n.b8ymue0:focus-within {\n  box-shadow: var(--md-sys-elevation-level1);\n}\n.b8ymue1 {\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b8ymue1 > svg {\n  width: 24px;\n  height: 24px;\n}\n.b8ymue2 {\n  flex: 1;\n  min-width: 0;\n  height: 100%;\n  background: transparent;\n  border: 0;\n  outline: none;\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.b8ymue2::placeholder {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b8ymue3 {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: var(--md-sys-shape-full);\n  overflow: hidden;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  cursor: pointer;\n  outline: none;\n}\n.b8ymue3::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.b8ymue3:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n.b8ymue3:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n.b8ymue3:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n.b8ymue3 > svg {\n  width: 24px;\n  height: 24px;\n}\n.b8ymue4 {\n  width: var(--anchor-width);\n  min-width: 360px;\n  max-height: min(72vh, 480px);\n  overflow-y: auto;\n  padding-block: 8px;\n  background: rgb(var(--md-sys-color-surface-container-high));\n  color: rgb(var(--md-sys-color-on-surface));\n  border-radius: var(--md-sys-shape-large);\n  box-shadow: var(--md-sys-elevation-level3);\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.b8ymue4[data-starting-style] {\n  opacity: 0;\n  transform: scale(0.95);\n}\n.b8ymue4[data-ending-style] {\n  opacity: 0;\n}\n.b8ymue5 {\n  outline: none;\n}\n.b8ymue6 {\n  position: relative;\n  display: grid;\n  grid-template-columns: 24px 1fr 24px;\n  align-items: center;\n  gap: 16px;\n  height: 56px;\n  padding-inline: 16px;\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-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.b8ymue6::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.b8ymue6:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n.b8ymue6[data-highlighted]::before {\n  opacity: var(--md-sys-state-hover);\n}\n.b8ymue6[data-selected]::before {\n  opacity: var(--md-sys-state-pressed);\n}\n.b8ymue6:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n.b8ymue6[data-disabled] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  pointer-events: none;\n}\n.b8ymue6[data-disabled]::before {\n  opacity: 0;\n}\n.b8ymue6 [data-slot=\"search-leading\"] {\n  display: inline-flex;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b8ymue6 [data-slot=\"search-leading\"] > svg {\n  width: 24px;\n  height: 24px;\n}\n.b8ymue7 {\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.b8ymue6[data-selected] .b8ymue7 {\n  visibility: visible;\n}\n.b8ymue8 {\n  padding-inline: 16px;\n  padding-block: 12px;\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.b8ymue9 {\n  margin-block: 8px;\n  height: 1px;\n  border: 0;\n  background: rgb(var(--md-sys-color-outline-variant));\n}\n.b8ymuea {\n  padding-inline: 16px;\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}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,UAAQ;AACR,aAAW;AACX,aAAW;AACX,gBAAc;AACd,iBAAe;AACf,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,iBAAe,IAAI;AACnB,cAAY,WAAW,MAAM,IAAI;AACnC;AACA,CAdC,OAcO;AACN,cAAY,IAAI;AAClB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI,IAAI;AACjB;AACA,CAPC,QAOQ,EAAE;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,QAAM;AACN,aAAW;AACX,UAAQ;AACR,cAAY;AACZ,UAAQ;AACR,WAAS;AACT,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAdC,OAcO;AACN,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,YAAU;AACV,SAAO,IAAI,IAAI;AACf,UAAQ;AACR,WAAS;AACX;AACA,CAdC,OAcO;AACN,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAvBC,OAuBO,MAAM;AACZ,WAAS,IAAI;AACf;AACA,CA1BC,OA0BO,cAAc;AACpB,WAAS,IAAI;AACf;AACA,CA7BC,OA6BO,OAAO;AACb,WAAS,IAAI;AACf;AACA,CAhCC,QAgCQ,EAAE;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO,IAAI;AACX,aAAW;AACX,cAAY,IAAI,IAAI,EAAE;AACtB,cAAY;AACZ,iBAAe;AACf,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,oBAAkB,IAAI;AACtB,WAAS;AACT,cAAY,QAAQ,MAAM,IAAI,gCAAgC,EAAE,UAAU,MAAM,IAAI;AACtF;AACA,CAdC,OAcO,CAAC;AACP,WAAS;AACT,aAAW,MAAM;AACnB;AACA,CAlBC,OAkBO,CAAC;AACP,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,yBAAuB,KAAK,IAAI;AAChC,eAAa;AACb,OAAK;AACL,UAAQ;AACR,kBAAgB;AAChB,YAAU;AACV,UAAQ;AACR,eAAa;AACb,WAAS;AACT,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAnBC,OAmBO;AACN,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CA5BC,OA4BO,MAAM;AACZ,WAAS,IAAI;AACf;AACA,CA/BC,OA+BO,CAAC,iBAAiB;AACxB,WAAS,IAAI;AACf;AACA,CAlCC,OAkCO,CAAC,cAAc;AACrB,WAAS,IAAI;AACf;AACA,CArCC,OAqCO,OAAO;AACb,WAAS,IAAI;AACf;AACA,CAxCC,OAwCO,CAAC;AACP,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC5C,kBAAgB;AAClB;AACA,CA5CC,OA4CO,CAAC,cAAc;AACrB,WAAS;AACX;AACA,CA/CC,QA+CQ,CAAC;AACR,WAAS;AACT,SAAO,IAAI,IAAI;AACjB;AACA,CAnDC,QAmDQ,CAAC,0BAA4B,EAAE;AACtC,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI,IAAI;AACf,cAAY;AACd;AACA,CA9DC,OA8DO,CAAC,eAAe,CAPvB;AAQC,cAAY;AACd;AACA,CAAC;AACC,kBAAgB;AAChB,iBAAe;AACf,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,gBAAc;AACd,UAAQ;AACR,UAAQ;AACR,cAAY,IAAI,IAAI;AACtB;AACA,CAAC;AACC,kBAAgB;AAChB,iBAAe;AACf,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;","names":[]}

package/dist/search.d.ts

@@ -0,0 +1,29 @@
+import * as react from 'react';
+import * as _base_ui_react from '@base-ui/react';
+
+declare const Search: {
+    Root: typeof _base_ui_react.ComboboxRoot;
+    Value: typeof _base_ui_react.ComboboxValue;
+    Label: react.ForwardRefExoticComponent<Omit<_base_ui_react.ComboboxLabelProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Bar: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxInputGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    Input: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteInputProps, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<unknown>>;
+    Trigger: react.ForwardRefExoticComponent<Omit<_base_ui_react.ComboboxTriggerProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+    Icon: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteIconProps, "ref"> & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<unknown>>;
+    Clear: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteClearProps, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<unknown>>;
+    Portal: react.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompletePortalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Positioner: react.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompletePositionerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompletePopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    List: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteListProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    Item: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxItemProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    ItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ComboboxItemIndicatorProps, "ref"> & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<unknown>>;
+    Empty: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteEmptyProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    Group: react.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    GroupLabel: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.AutocompleteGroupLabelProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    Separator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SeparatorProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    Status: react.ForwardRefExoticComponent<Omit<_base_ui_react.AutocompleteStatusProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Collection: typeof _base_ui_react.ComboboxCollection;
+    SearchGlyph: () => React.JSX.Element;
+    Check: () => React.JSX.Element;
+};
+
+export { Search };

package/dist/search.js

@@ -0,0 +1,37 @@
+"use client";
+import './search.css';
+import { createSearch } from '@m3-baseui/core';
+
+// src/search.ts
+
+// src/search.css.ts
+var bar = "b8ymue0";
+var clear = "b8ymue3";
+var empty = "b8ymue8";
+var groupLabel = "b8ymuea";
+var icon = "b8ymue1";
+var input = "b8ymue2";
+var item = "b8ymue6";
+var itemIndicator = "b8ymue7";
+var list = "b8ymue5";
+var popup = "b8ymue4";
+var separator = "b8ymue9";
+
+// src/search.ts
+var Search = createSearch({
+  bar,
+  icon,
+  input,
+  clear,
+  popup,
+  list,
+  item,
+  itemIndicator,
+  empty,
+  separator,
+  groupLabel
+});
+
+export { Search };
+//# sourceMappingURL=search.js.map
+//# sourceMappingURL=search.js.map

package/dist/search.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/search.css.ts","../src/search.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,GAAA,GAAM,SAAA;AACV,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,UAAA,GAAa,SAAA;AACjB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,aAAA,GAAgB,SAAA;AACpB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,SAAA,GAAY,SAAA;;;ACOhB,IAAM,SAAS,YAAA,CAAa;AAAA,EACjC,GAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAC","file":"search.js","sourcesContent":["import 'src/search.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1X227jNhB9z1cQAQrEwDKVL_F6FbQv_YwiDyNxJLGhSIGklKhF_70gRVmS1_ZadrNYFH0yTM0ZjmbOnBk9Jru2rDEif90RwripBLQxyQS-P98RAoLnknKLpYlJitKidsc5VDHZVN6kQJ4XNiZP2-5_ySV948wWMVlvo3AG7_3ZMop-ckcVMMZlTgVmNibLAO5Pdedz150mkL7mWtWSxUTnyUMD-oHSklHTGpoqoTQ1tc4gRZoqaYFL1LTgebFYOLi3OIlUsgd31onSDDXVwHhtYjJBmAIqpFkthDe1GqThlisZk0S9u8dMvZHlU1SaKbBUzooiGPd2xoJkoNni-e7vu8dQgDhTaW3oG7cFl74ag8uDMFBgA96hwAbFcuxnOS0kl4JLpH093S81hebyNSbRmQr_URvLs9bnE6UdP7o0nbQBzUHaxTS8X4lpch9kYMTqgEjd_z1i5W1d4DFZHhAsGuN6Zo3Z4itUgUZph9oGnKqty01MpJI4nyeZkpZmUHLRHpTHthWaFATSRLGWCtA5Umc-4N5CzN_GdZYD0vA_8RKcs_MoX__i4vtG5h0crUVNTQUpl_klHqyG9JXLfFz2VRxXAlIslGCofUVvotHau6hU330aBVje-DJ-JPcD7zbRlLL9_xnaoRrUmXCtXXDGUF7bWYSktTYOVineh3lA7SFtcZxgpjSGCoT3u79_nmQTEqNEbX02uTRoQ77GnZXW2nXVby40f6UjiG2DZYiFYoPSmqHFxooZEK5v58vlOi5cBifvsw9hmncLFqm3njro9LbhhicCL3bkUVNHkDrqXeyh0mgMTt9mtipuxrbdJSDTQulOGhfnJnHvsuTy4fOqKT6RzS6q3ie0pG1MoLZqPJQTodLXH3Uoe-0JtpeNzfUwwzOlS6o0z7nsMYfni6Mj4yifLx7_n4bbr1saNr8zsOAeadvZtAJfpgyMJm8ZE6_XD9Hjl6cjnlCyM3721k_doxMqs71EnHPNmV8lNWfUYlkJ1xupEnUpTUd3ssz0vg_ObaL99ni4ivbE7QbBYHdUe79W0dq4wYcCUztU_P-t4fttDdv_zLja3jqutl1_Ov0ULsvIXm521lF7jqcjo2v7L4y_EA_jBhKB7GXWfrggP5Pocb1bnC7kyYuOBx1NtCzkSij7y71B0GlBBYLTlfuXs99aNy2437h37rrw-WykH_cN2Ime37G48MntFfckGckk5DE0rGoj7K6bNCdk_mBvWa6qq-syQ7hLZLwur1DuAJwv3QE4X7sD8BbxDi6OqfcXX5wSdM7lwe64_2QffzYdUe1TNepm8NHGgTmU2H00IwQkKKgpQYh5jBgDZzFiDJzFiDHwSkaMXYwZ8Q-qYf1TZBQAAA';\nexport var bar = 'b8ymue0';\nexport var clear = 'b8ymue3';\nexport var empty = 'b8ymue8';\nexport var groupLabel = 'b8ymuea';\nexport var icon = 'b8ymue1';\nexport var input = 'b8ymue2';\nexport var item = 'b8ymue6';\nexport var itemIndicator = 'b8ymue7';\nexport var list = 'b8ymue5';\nexport var popup = 'b8ymue4';\nexport var separator = 'b8ymue9';","/**\n * search.ts — wires the VE styles into the shared parts factory.\n */\nimport { createSearch } from '@m3-baseui/core';\nimport {\n  bar,\n  icon,\n  input,\n  clear,\n  popup,\n  list,\n  item,\n  itemIndicator,\n  empty,\n  separator,\n  groupLabel,\n} from './search.css';\n\nexport const Search = createSearch({\n  bar,\n  icon,\n  input,\n  clear,\n  popup,\n  list,\n  item,\n  itemIndicator,\n  empty,\n  separator,\n  groupLabel,\n});\n"]}

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"]}