@m3-baseui/react-vanilla-extract 1.3.0 → 2.0.0

package/dist/{navigation-bar.css → components/navigation-bar/index.css}

@@ -1,5 +1,5 @@
-/* vanilla-extract-css-ns:src/navigation-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71W227bMAx9z1cIBQY0D-qcJu0K5XGfMQwDLdG2WlkyJDpdNuzfB8lOE-fSOCm2p8QyzyHPIank7sfMPT82UGTs94QxpUNjYC1YYfDncsIYGF1argnrIFggjySreP7cBtLFmktnCS0JFhqQyMG71qoY8KoVVYLNsuxTfKxQlxUJ9pQ1iTcH-VKmYMF8md-uwN9yXise1oFLZ5znofVF5IwpQFv00-ly8mdyt6l4lipuXNCknRXMowHSK1we0xE_BZttvnKlPcoOJ51pa3sgVqIl9Ee1bl-V0Ai26CQ1oJS2JdfWaIsHx-QawWb3w8PcEblasNnjoS3kwYYGPFpKr5xX6AWzziaJsvXBecEapzfVtAE9D2hQ0jbOtdTV0x3sGvhNAQFXOkBuUH3v_Ux0HFdoKRxB3V9i--WO9nPz2Lu3mZt5Mm6njPleGZAHZ1pKZWgbkATLtrZxD0q3QbDBnIUKGuRFa8z0jPluhb4w7lWwSiuFaVpSSJ99C-2Gl80esjoMs9UuxnKEEDsfCKwCr4YzPRcix8J5TOre7Lm5WY4Tu6NAtj5W_zWWkyQ0IDWt-8jjbR6K6hFxh6_R0o9X4zGEOF17rRtzA6B0kXh9-g4QVWwNO2Hgm-Zh2wkIeQLusxVOtoGvdNC5wWtYE8E-K8i4INfQ9eYdNXa7t-eIswF88W8XOLXuZEudfbvXV-A1WJpO9-fuQxt0cuoW_Uqdq-78zJ20f2yKzoAp-8yyu_nT--wflfNergULqzLx9Lfu_d6t2z3vIB4uyjpsceEs8QJqbfZnndYNBgkGuYEcDa9R6bbmEbBFvvY1jUF2sVts0L9wHDJGJlz8zeTVBTl3AB0BUrxg4_8ibctxHORBvmhb_qeVuKyb08NefMmykatxYaoPrcb1uf4C0--Q-w4LAAA */
-._1oj6paf0 {
+/* vanilla-extract-css-ns:src/components/navigation-bar/navigation-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71W227bMAx9z1cIBQY0D8qcJu0K5XGfMQwDLdG2VlkyJDptNuzfB8luHefSXIrtKbHMc8hzSCqZ_Vi-WLJFxn5PGFM6NAY2ghUGX1YTxsDo0nJNWAfBAnkkWcXzn20gXWy4dJbQkmChAYkcvGutigHPWlEl2DzLPsXHCnVZkWCPWZN4c5BPZQoWzJf57Rr8Lee14mETuHTGeR5aX0TOmAK0RT-driZ_JrO-4HkquHFBk3ZWMI8GSK9xdUhG_BRs_vqVK-1RdjjpTFvbPa0SLaE_KHV4VUIj2LJT1IBS2pZcW6Mt7h2TawSb340Pc0fkasHmD_uukAcbGvBoKb1yXqEXzDqbJMrWB-cFa5x-raYN6HlAg5KGONdSV093sOXfNwUEXOkAuUH1vbczsXFco6WwD7q7xPTL_eyH5qH37nVoFsm2oYrFThWQB2daSlVoG5AEywbPuAel2yDYaMZCBQ3yojVmesJ5t0ZfGPcsWKWVwjQqKaTPPkC7wWXz-6wO42y1i7EcIcS2BwKrwKvRPC-EyLFwHpO4N3Nublbnad0SIFsfi_8aq0kKGpCaNn3k4R6PNfWIuL5XSOlHq_EYQpyscd_OWX2ULtJuji6_qGJb2GHz3vSOO05AyBNuh6twsg18rYPODV7BmfA7nCDjXlxB1rt2yNBhV0_QZtvg5b_d2dSxo5109u0eX4PXYGk63R22j2zNsVFb9lt0qraTg3bM-XMTdOKn7DPLZovHd7k_KOWdTEsW1mWi6W_Yu50btnseAPcX5Ry3tnCWeAG1NrsDTpsGgwSD3ECOhteodFvzCBiQz31J5yC72AEb9C88DxkjEy7-OPLqgpxbgI4AKd6m8f-PtuV5HORBPmlb_pdVuKyX0_1OfMmys1biwkQfWInrM_0FClEHYe8KAAA */
+._4xntnf0 {
   display: flex;
   align-items: stretch;
   justify-content: space-around;
@@ -7,7 +7,7 @@
   height: 80px;
   background: rgb(var(--md-sys-color-surface-container));
 }
-._1oj6paf1 {
+._4xntnf1 {
   position: relative;
   display: flex;
   flex: 1;
@@ -24,10 +24,10 @@
   user-select: none;
   outline: none;
 }
-._1oj6paf1[data-disabled] {
+._4xntnf1[data-disabled] {
   pointer-events: none;
 }
-._1oj6paf2 {
+._4xntnf2 {
   position: relative;
   display: flex;
   align-items: center;
@@ -35,7 +35,7 @@
   width: 64px;
   height: 32px;
 }
-._1oj6paf3 {
+._4xntnf3 {
   position: absolute;
   inset: 0;
   border-radius: var(--md-sys-shape-full);
@@ -43,7 +43,7 @@
   overflow: hidden;
   transition: background-color 150ms var(--md-sys-motion-easing-standard);
 }
-._1oj6paf3::before {
+._4xntnf3::before {
   content: "";
   position: absolute;
   inset: 0;
@@ -52,22 +52,22 @@
   pointer-events: none;
   transition: opacity 100ms var(--md-sys-motion-easing-standard);
 }
-._1oj6paf1[data-pressed] ._1oj6paf3 {
+._4xntnf1[data-pressed] ._4xntnf3 {
   background: rgb(var(--md-sys-color-secondary-container));
 }
-._1oj6paf1:hover ._1oj6paf3::before {
+._4xntnf1:hover ._4xntnf3::before {
   opacity: var(--md-sys-state-hover);
 }
-._1oj6paf1:focus-visible ._1oj6paf3::before {
+._4xntnf1:focus-visible ._4xntnf3::before {
   opacity: var(--md-sys-state-focus);
 }
-._1oj6paf1:active ._1oj6paf3::before {
+._4xntnf1:active ._4xntnf3::before {
   opacity: var(--md-sys-state-pressed);
 }
-._1oj6paf1[data-disabled] ._1oj6paf3::before {
+._4xntnf1[data-disabled] ._4xntnf3::before {
   opacity: 0;
 }
-._1oj6paf4 {
+._4xntnf4 {
   position: relative;
   display: flex;
   align-items: center;
@@ -75,20 +75,20 @@
   color: rgb(var(--md-sys-color-on-surface-variant));
   transition: color 150ms var(--md-sys-motion-easing-standard);
 }
-._1oj6paf1[data-pressed] ._1oj6paf4 {
+._4xntnf1[data-pressed] ._4xntnf4 {
   color: rgb(var(--md-sys-color-on-secondary-container));
 }
-._1oj6paf1[data-disabled] ._1oj6paf4 {
+._4xntnf1[data-disabled] ._4xntnf4 {
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
-._1oj6paf1[data-disabled][data-pressed] ._1oj6paf4 {
+._4xntnf1[data-disabled][data-pressed] ._4xntnf4 {
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
-._1oj6paf4 svg {
+._4xntnf4 svg {
   width: 24px;
   height: 24px;
 }
-._1oj6paf5 {
+._4xntnf5 {
   color: rgb(var(--md-sys-color-on-surface-variant));
   font-family: var(--md-sys-typescale-label-medium-font);
   font-weight: var(--md-sys-typescale-label-medium-weight);
@@ -97,14 +97,14 @@
   letter-spacing: var(--md-sys-typescale-label-medium-tracking);
   transition: color 150ms var(--md-sys-motion-easing-standard);
 }
-._1oj6paf1[data-pressed] ._1oj6paf5 {
+._4xntnf1[data-pressed] ._4xntnf5 {
   color: rgb(var(--md-sys-color-on-surface));
   font-weight: 700;
 }
-._1oj6paf1[data-disabled] ._1oj6paf5 {
+._4xntnf1[data-disabled] ._4xntnf5 {
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
-._1oj6paf1[data-disabled][data-pressed] ._1oj6paf5 {
+._4xntnf1[data-disabled][data-pressed] ._4xntnf5 {
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
-/*# sourceMappingURL=navigation-bar.css.map */
+/*# sourceMappingURL=index.css.map */

package/dist/components/navigation-bar/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/components/navigation-bar/navigation-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71W227bMAx9z1cIBQY0D8qcJu0K5XGfMQwDLdG2VlkyJDptNuzfB8luHefSXIrtKbHMc8hzSCqZ_Vi-WLJFxn5PGFM6NAY2ghUGX1YTxsDo0nJNWAfBAnkkWcXzn20gXWy4dJbQkmChAYkcvGutigHPWlEl2DzLPsXHCnVZkWCPWZN4c5BPZQoWzJf57Rr8Lee14mETuHTGeR5aX0TOmAK0RT-driZ_JrO-4HkquHFBk3ZWMI8GSK9xdUhG_BRs_vqVK-1RdjjpTFvbPa0SLaE_KHV4VUIj2LJT1IBS2pZcW6Mt7h2TawSb340Pc0fkasHmD_uukAcbGvBoKb1yXqEXzDqbJMrWB-cFa5x-raYN6HlAg5KGONdSV093sOXfNwUEXOkAuUH1vbczsXFco6WwD7q7xPTL_eyH5qH37nVoFsm2oYrFThWQB2daSlVoG5AEywbPuAel2yDYaMZCBQ3yojVmesJ5t0ZfGPcsWKWVwjQqKaTPPkC7wWXz-6wO42y1i7EcIcS2BwKrwKvRPC-EyLFwHpO4N3Nublbnad0SIFsfi_8aq0kKGpCaNn3k4R6PNfWIuL5XSOlHq_EYQpyscd_OWX2ULtJuji6_qGJb2GHz3vSOO05AyBNuh6twsg18rYPODV7BmfA7nCDjXlxB1rt2yNBhV0_QZtvg5b_d2dSxo5109u0eX4PXYGk63R22j2zNsVFb9lt0qraTg3bM-XMTdOKn7DPLZovHd7k_KOWdTEsW1mWi6W_Yu50btnseAPcX5Ry3tnCWeAG1NrsDTpsGgwSD3ECOhteodFvzCBiQz31J5yC72AEb9C88DxkjEy7-OPLqgpxbgI4AKd6m8f-PtuV5HORBPmlb_pdVuKyX0_1OfMmys1biwkQfWInrM_0FClEHYe8KAAA"],"sourcesContent":["._4xntnf0 {\n  display: flex;\n  align-items: stretch;\n  justify-content: space-around;\n  width: 100%;\n  height: 80px;\n  background: rgb(var(--md-sys-color-surface-container));\n}\n._4xntnf1 {\n  position: relative;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding-inline: 4px;\n  padding-top: 12px;\n  padding-bottom: 16px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n}\n._4xntnf1[data-disabled] {\n  pointer-events: none;\n}\n._4xntnf2 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 64px;\n  height: 32px;\n}\n._4xntnf3 {\n  position: absolute;\n  inset: 0;\n  border-radius: var(--md-sys-shape-full);\n  background: transparent;\n  overflow: hidden;\n  transition: background-color 150ms var(--md-sys-motion-easing-standard);\n}\n._4xntnf3::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._4xntnf1[data-pressed] ._4xntnf3 {\n  background: rgb(var(--md-sys-color-secondary-container));\n}\n._4xntnf1:hover ._4xntnf3::before {\n  opacity: var(--md-sys-state-hover);\n}\n._4xntnf1:focus-visible ._4xntnf3::before {\n  opacity: var(--md-sys-state-focus);\n}\n._4xntnf1:active ._4xntnf3::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._4xntnf1[data-disabled] ._4xntnf3::before {\n  opacity: 0;\n}\n._4xntnf4 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  transition: color 150ms var(--md-sys-motion-easing-standard);\n}\n._4xntnf1[data-pressed] ._4xntnf4 {\n  color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._4xntnf1[data-disabled] ._4xntnf4 {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._4xntnf1[data-disabled][data-pressed] ._4xntnf4 {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._4xntnf4 svg {\n  width: 24px;\n  height: 24px;\n}\n._4xntnf5 {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  font-family: var(--md-sys-typescale-label-medium-font);\n  font-weight: var(--md-sys-typescale-label-medium-weight);\n  font-size: var(--md-sys-typescale-label-medium-size);\n  line-height: var(--md-sys-typescale-label-medium-line-height);\n  letter-spacing: var(--md-sys-typescale-label-medium-tracking);\n  transition: color 150ms var(--md-sys-motion-easing-standard);\n}\n._4xntnf1[data-pressed] ._4xntnf5 {\n  color: rgb(var(--md-sys-color-on-surface));\n  font-weight: 700;\n}\n._4xntnf1[data-disabled] ._4xntnf5 {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._4xntnf1[data-disabled][data-pressed] ._4xntnf5 {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,cAAY,IAAI,IAAI;AACtB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,QAAM;AACN,kBAAgB;AAChB,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,kBAAgB;AAChB,eAAa;AACb,kBAAgB;AAChB,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,eAAa;AACb,WAAS;AACX;AACA,CAjBC,QAiBQ,CAAC;AACR,kBAAgB;AAClB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,iBAAe,IAAI;AACnB,cAAY;AACZ,YAAU;AACV,cAAY,iBAAiB,MAAM,IAAI;AACzC;AACA,CARC,QAQQ;AACP,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CA7CC,QA6CQ,CAAC,cAAc,CAjBvB;AAkBC,cAAY,IAAI,IAAI;AACtB;AACA,CAhDC,QAgDQ,OAAO,CApBf,QAoBwB;AACvB,WAAS,IAAI;AACf;AACA,CAnDC,QAmDQ,eAAe,CAvBvB,QAuBgC;AAC/B,WAAS,IAAI;AACf;AACA,CAtDC,QAsDQ,QAAQ,CA1BhB,QA0ByB;AACxB,WAAS,IAAI;AACf;AACA,CAzDC,QAyDQ,CAAC,eAAe,CA7BxB,QA6BiC;AAChC,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI,IAAI;AACf,cAAY,MAAM,MAAM,IAAI;AAC9B;AACA,CApEC,QAoEQ,CAAC,cAAc,CARvB;AASC,SAAO,IAAI,IAAI;AACjB;AACA,CAvEC,QAuEQ,CAAC,eAAe,CAXxB;AAYC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CA1EC,QA0EQ,CAAC,cAAc,CAAC,cAAc,CAdtC;AAeC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAjBC,SAiBS;AACR,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,cAAY,MAAM,MAAM,IAAI;AAC9B;AACA,CA1FC,QA0FQ,CAAC,cAAc,CATvB;AAUC,SAAO,IAAI,IAAI;AACf,eAAa;AACf;AACA,CA9FC,QA8FQ,CAAC,eAAe,CAbxB;AAcC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAjGC,QAiGQ,CAAC,cAAc,CAAC,cAAc,CAhBtC;AAiBC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;","names":[]}

package/dist/components/navigation-bar/index.js

@@ -0,0 +1,27 @@
+"use client";
+import './index.css';
+import { createNavigationBar } from '@m3-baseui/core';
+
+// src/components/navigation-bar/navigation-bar.ts
+
+// src/components/navigation-bar/navigation-bar.css.ts
+var icon = "_4xntnf4";
+var iconWrap = "_4xntnf2";
+var indicator = "_4xntnf3";
+var item = "_4xntnf1";
+var label = "_4xntnf5";
+var root = "_4xntnf0";
+
+// src/components/navigation-bar/navigation-bar.ts
+var NavigationBar = createNavigationBar({
+  root,
+  item,
+  iconWrap,
+  indicator,
+  icon,
+  label
+});
+
+export { NavigationBar };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/navigation-bar/navigation-bar.css.ts","../../../src/components/navigation-bar/navigation-bar.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,IAAA,GAAO,UAAA;AACX,IAAI,QAAA,GAAW,UAAA;AACf,IAAI,SAAA,GAAY,UAAA;AAChB,IAAI,IAAA,GAAO,UAAA;AACX,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,IAAA,GAAO,UAAA;;;ACAX,IAAM,gBAAgB,mBAAA,CAAoB;AAAA,EAC/C,IAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAC","file":"index.js","sourcesContent":["import 'src/components/navigation-bar/navigation-bar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71W227bMAx9z1cIBQY0D8qcJu0K5XGfMQwDLdG2VlkyJDptNuzfB8luHefSXIrtKbHMc8hzSCqZ_Vi-WLJFxn5PGFM6NAY2ghUGX1YTxsDo0nJNWAfBAnkkWcXzn20gXWy4dJbQkmChAYkcvGutigHPWlEl2DzLPsXHCnVZkWCPWZN4c5BPZQoWzJf57Rr8Lee14mETuHTGeR5aX0TOmAK0RT-driZ_JrO-4HkquHFBk3ZWMI8GSK9xdUhG_BRs_vqVK-1RdjjpTFvbPa0SLaE_KHV4VUIj2LJT1IBS2pZcW6Mt7h2TawSb340Pc0fkasHmD_uukAcbGvBoKb1yXqEXzDqbJMrWB-cFa5x-raYN6HlAg5KGONdSV093sOXfNwUEXOkAuUH1vbczsXFco6WwD7q7xPTL_eyH5qH37nVoFsm2oYrFThWQB2daSlVoG5AEywbPuAel2yDYaMZCBQ3yojVmesJ5t0ZfGPcsWKWVwjQqKaTPPkC7wWXz-6wO42y1i7EcIcS2BwKrwKvRPC-EyLFwHpO4N3Nublbnad0SIFsfi_8aq0kKGpCaNn3k4R6PNfWIuL5XSOlHq_EYQpyscd_OWX2ULtJuji6_qGJb2GHz3vSOO05AyBNuh6twsg18rYPODV7BmfA7nCDjXlxB1rt2yNBhV0_QZtvg5b_d2dSxo5109u0eX4PXYGk63R22j2zNsVFb9lt0qraTg3bM-XMTdOKn7DPLZovHd7k_KOWdTEsW1mWi6W_Yu50btnseAPcX5Ry3tnCWeAG1NrsDTpsGgwSD3ECOhteodFvzCBiQz31J5yC72AEb9C88DxkjEy7-OPLqgpxbgI4AKd6m8f-PtuV5HORBPmlb_pdVuKyX0_1OfMmys1biwkQfWInrM_0FClEHYe8KAAA';\nexport var icon = '_4xntnf4';\nexport var iconWrap = '_4xntnf2';\nexport var indicator = '_4xntnf3';\nexport var item = '_4xntnf1';\nexport var label = '_4xntnf5';\nexport var root = '_4xntnf0';","/**\n * navigation-bar.ts — wires the VE styles into the shared NavigationBar factory.\n */\nimport { createNavigationBar } from '@m3-baseui/core';\nimport { root, item, iconWrap, indicator, icon, label } from './navigation-bar.css';\n\nexport const NavigationBar = createNavigationBar({\n  root,\n  item,\n  iconWrap,\n  indicator,\n  icon,\n  label,\n});\n"]}

package/dist/{navigation-drawer.css → components/navigation-drawer/index.css}

@@ -1,5 +1,5 @@
-/* vanilla-extract-css-ns:src/navigation-drawer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VWUW_bOAx-768QBhzQAlPPadducB_3M4biQEu0rVWWDJF2mh3uvx8kO4ntJoOTwz0FjvhRJPV9JO__2rTctPQzE3_fCKENtRZ2uSgtvr_ciPQrtQmo2HiXC-Vt17h4UkGbiy9tsir8uyTzy7gqF4UPGoMsfDrZGs11Lh6fs8GyBa2T2eZhhIJ6q4LvnM5FqIrbHsKtlI2WtCOpvPVBUhdKUCiVdwzGYZDWb-_uIjoZnAV6t8dG639u7vfJPqRkU9Q1aL_NxQyNFnuI-UqLPdrN3ZBjyot9K4OpapYBtOloAaUaWpQWQoVTVOGZfbMeOIn1McU61k0aZ43DXGyeZ_WMYX38c7j18EpriyV7CAYcDyUuvWNZQmPsbhEy71okBRYlG7YoqQFrZbQ_ArcYU14FHEyPUDK_cBUwGiZYLI2s1984sR_wyIxBUgsqcXSFCw6g3oyr5m_2ZXgzT2ZQTUALbHp8OSWxUSKbLPsjfoI1lZOGsaFcKHSM4SC3g2jO6m2f_dOCCkvejKjfULHsrE1VYXxnmaLKhcWSl6rlAI5aCOj46DkXzjs8wDUqH2Aoxv5AdYEiH1tv9kl2FMuPFhUf7XyPobRRpLXRGlPz8R0P-Ryc_W_ctlCgHYR5GbenwIu4PQVexO0p8EpuT11MuC2GVx7pfHz9ob5i85Q1NHfZ-NRAESjSjxichqDvPotLEXNh5XmBpQ-YBBYHAjrOxadPLzO9QUHedpyYYRwh5yJb0lZ1IVL2ewwnUSpWhnej5UhKiT06pgmbJ2UYEVG51-VSR2rPMjoEMRckA6NM1ksXpVcdyd6QKSyudpVQS1egYota7aMNSITLnH5oYBgljPp1mLMrRjwqH0u0Ow75tQP-NHKWmTYEhUX9WSwD3Z-8jg379KOv3jLEnyK7f_x27v59bX8Tx-nyZzOHT6dXtTOD42dHbMqhPEksx6O03FEdjHv7eAf1VbpnHE8P4xKxb0HD9wTxnKyjy1xsomVjnBzB2bk-nobD8QCtNS0ZSmOxNoypX6U2vw3Qzu77elEVlqle0vuv2GumwCt6_xV7zRT4n3r_x73mX2fIy_UkDAAA */
-._1ptmpsj0 {
+/* vanilla-extract-css-ns:src/components/navigation-drawer/navigation-drawer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VW227bMAx971cIBQa0wNQ5va1wH_cZQzHQEm1rlSVDop2mw_59kOTEjpsMToY9BY54KJI6h-TNj6cO7uunjP26YEwq32rY5KzU-PZ8weIvl8qhIGVNzoTVXWPCSQVtzu7baFXYN-7VuzJVzgrrJDpe2HiyVpLqnN09ZsmyBSmj2ep2gIJ4rZztjMyZq4qrHtwV543kfuO5sNo67jtXgkAurCFQBh3Xdn19HdDR4CjQmi02WP--uBlyvY25xqBrkHadsz0wauwhpMs19qhX1ynFmBbZljtV1cQdSNX5GdTX0CLX4CqcogpLZJvlwDHUuxjqUDWujFYGc7Z63KtmiOrjn-nS3RstLRXvwSkwlApcWkO8hEbpzSxi2rToBWjkpEgj9w1ozYP9CFxjyHgRMJmOUK_ecREwGEZYKA2vl984sU94JELHfQsiMnSBC3IgXpWp9p7sPj2Z9SpJxqEGUj0-H9LXoI9Vln0Kn6BVZbgibHzOBBpCt9PaTjFHxbZN_mHGhDltBtRfiFh2WseiEL4Rj1HlTGNJc8mSA-NbcGho9JwzYw3u4BKFdZCKsT0QnfOBjq1V2yQ7H6qPGgWNdrZHV-og0VpJibHz2I5SPjtn_43aGgrUSZanUXsKPInaU-BJ1J4Cz6T21MWE2iy98kDn8fVTfdnqIWv8vsvGxvaJ4AP9PIGR4OT1Z3YqYk9XeV5gaR1GfYVhgIZydnn5vCc3KLzVHUViKOORcpbNWSs6Fxj7LUQTGRUKQ5vBcuAkxx4N-QmZJ1UYEEG4Z6VSB2LvJbSLYV-OBIQ8Ws88lFZ0nvfKq0LjYk8RNfMEIrSnxS5ah97jLKHvEggG9aJ8SQN2wWhHYUN5NuNwXzrYDyOneUnlodAoP7NZmNuDl6FTH37uxbsF-8Kym7unI7dv63o8isOVz6buHg5vZ0fGxc_OkypTZaJGxqO4z_naKfP64QrfV_GaYSbdDovDtu-k7xHwGI2Dw5ytgmGjDB-w2bHeHQfCeIBaq9YrH0dhrQhjj4qtfe2gnV739aQSzPM8pd2fsclMgWe0-zM2mSnwn9r9x03mD7g97usTDAAA */
+._8ua4h80 {
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -9,12 +9,12 @@
   background: rgb(var(--md-sys-color-surface-container-low));
   color: rgb(var(--md-sys-color-on-surface));
 }
-._1ptmpsj2 {
+._8ua4h82 {
   box-shadow: var(--md-sys-elevation-level1);
   border-top-right-radius: var(--md-sys-shape-large);
   border-bottom-right-radius: var(--md-sys-shape-large);
 }
-._1ptmpsj3 {
+._8ua4h83 {
   padding-inline: 16px;
   padding-top: 16px;
   padding-bottom: 4px;
@@ -25,7 +25,7 @@
   line-height: var(--md-sys-typescale-title-small-line-height);
   letter-spacing: var(--md-sys-typescale-title-small-tracking);
 }
-._1ptmpsj4 {
+._8ua4h84 {
   position: relative;
   display: flex;
   width: 100%;
@@ -51,7 +51,7 @@
   letter-spacing: var(--md-sys-typescale-label-large-tracking);
   transition: background-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);
 }
-._1ptmpsj4::before {
+._8ua4h84::before {
   content: "";
   position: absolute;
   inset: 0;
@@ -60,46 +60,46 @@
   pointer-events: none;
   transition: opacity 100ms var(--md-sys-motion-easing-standard);
 }
-._1ptmpsj4:hover::before {
+._8ua4h84:hover::before {
   opacity: var(--md-sys-state-hover);
 }
-._1ptmpsj4:focus-visible::before {
+._8ua4h84:focus-visible::before {
   opacity: var(--md-sys-state-focus);
 }
-._1ptmpsj4:active::before {
+._8ua4h84:active::before {
   opacity: var(--md-sys-state-pressed);
 }
-._1ptmpsj4[data-selected] {
+._8ua4h84[data-selected] {
   background: rgb(var(--md-sys-color-secondary-container));
   color: rgb(var(--md-sys-color-on-secondary-container));
 }
-._1ptmpsj4:disabled,
-._1ptmpsj4[data-disabled] {
+._8ua4h84:disabled,
+._8ua4h84[data-disabled] {
   pointer-events: none;
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
-._1ptmpsj4:disabled::before,
-._1ptmpsj4[data-disabled]::before {
+._8ua4h84:disabled::before,
+._8ua4h84[data-disabled]::before {
   opacity: 0;
 }
-._1ptmpsj5 {
+._8ua4h85 {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
 }
-._1ptmpsj5 svg {
+._8ua4h85 svg {
   width: 24px;
   height: 24px;
 }
-._1ptmpsj6 {
+._8ua4h86 {
   flex: 1;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._1ptmpsj7 {
+._8ua4h87 {
   display: flex;
   align-items: center;
   flex-shrink: 0;
@@ -109,4 +109,4 @@
   line-height: var(--md-sys-typescale-label-small-line-height);
   letter-spacing: var(--md-sys-typescale-label-small-tracking);
 }
-/*# sourceMappingURL=navigation-drawer.css.map */
+/*# sourceMappingURL=index.css.map */

package/dist/components/navigation-drawer/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/components/navigation-drawer/navigation-drawer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VW227bMAx971cIBQa0wNQ5va1wH_cZQzHQEm1rlSVDop2mw_59kOTEjpsMToY9BY54KJI6h-TNj6cO7uunjP26YEwq32rY5KzU-PZ8weIvl8qhIGVNzoTVXWPCSQVtzu7baFXYN-7VuzJVzgrrJDpe2HiyVpLqnN09ZsmyBSmj2ep2gIJ4rZztjMyZq4qrHtwV543kfuO5sNo67jtXgkAurCFQBh3Xdn19HdDR4CjQmi02WP--uBlyvY25xqBrkHadsz0wauwhpMs19qhX1ynFmBbZljtV1cQdSNX5GdTX0CLX4CqcogpLZJvlwDHUuxjqUDWujFYGc7Z63KtmiOrjn-nS3RstLRXvwSkwlApcWkO8hEbpzSxi2rToBWjkpEgj9w1ozYP9CFxjyHgRMJmOUK_ecREwGEZYKA2vl984sU94JELHfQsiMnSBC3IgXpWp9p7sPj2Z9SpJxqEGUj0-H9LXoI9Vln0Kn6BVZbgibHzOBBpCt9PaTjFHxbZN_mHGhDltBtRfiFh2WseiEL4Rj1HlTGNJc8mSA-NbcGho9JwzYw3u4BKFdZCKsT0QnfOBjq1V2yQ7H6qPGgWNdrZHV-og0VpJibHz2I5SPjtn_43aGgrUSZanUXsKPInaU-BJ1J4Cz6T21MWE2iy98kDn8fVTfdnqIWv8vsvGxvaJ4AP9PIGR4OT1Z3YqYk9XeV5gaR1GfYVhgIZydnn5vCc3KLzVHUViKOORcpbNWSs6Fxj7LUQTGRUKQ5vBcuAkxx4N-QmZJ1UYEEG4Z6VSB2LvJbSLYV-OBIQ8Ws88lFZ0nvfKq0LjYk8RNfMEIrSnxS5ah97jLKHvEggG9aJ8SQN2wWhHYUN5NuNwXzrYDyOneUnlodAoP7NZmNuDl6FTH37uxbsF-8Kym7unI7dv63o8isOVz6buHg5vZ0fGxc_OkypTZaJGxqO4z_naKfP64QrfV_GaYSbdDovDtu-k7xHwGI2Dw5ytgmGjDB-w2bHeHQfCeIBaq9YrH0dhrQhjj4qtfe2gnV739aQSzPM8pd2fsclMgWe0-zM2mSnwn9r9x03mD7g97usTDAAA"],"sourcesContent":["._8ua4h80 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  box-sizing: border-box;\n  width: 360px;\n  padding: 12px;\n  background: rgb(var(--md-sys-color-surface-container-low));\n  color: rgb(var(--md-sys-color-on-surface));\n}\n._8ua4h82 {\n  box-shadow: var(--md-sys-elevation-level1);\n  border-top-right-radius: var(--md-sys-shape-large);\n  border-bottom-right-radius: var(--md-sys-shape-large);\n}\n._8ua4h83 {\n  padding-inline: 16px;\n  padding-top: 16px;\n  padding-bottom: 4px;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  font-family: var(--md-sys-typescale-title-small-font);\n  font-weight: var(--md-sys-typescale-title-small-weight);\n  font-size: var(--md-sys-typescale-title-small-size);\n  line-height: var(--md-sys-typescale-title-small-line-height);\n  letter-spacing: var(--md-sys-typescale-title-small-tracking);\n}\n._8ua4h84 {\n  position: relative;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  gap: 12px;\n  box-sizing: border-box;\n  height: 56px;\n  padding-inline: 16px;\n  border-radius: var(--md-sys-shape-full);\n  text-align: left;\n  background: transparent;\n  border: none;\n  text-decoration: none;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n  outline: none;\n  color: rgb(var(--md-sys-color-on-surface-variant));\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  transition: background-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);\n}\n._8ua4h84::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._8ua4h84:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._8ua4h84:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._8ua4h84:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._8ua4h84[data-selected] {\n  background: rgb(var(--md-sys-color-secondary-container));\n  color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._8ua4h84:disabled, ._8ua4h84[data-disabled] {\n  pointer-events: none;\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._8ua4h84:disabled::before, ._8ua4h84[data-disabled]::before {\n  opacity: 0;\n}\n._8ua4h85 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n._8ua4h85 svg {\n  width: 24px;\n  height: 24px;\n}\n._8ua4h86 {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n._8ua4h87 {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\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,kBAAgB;AAChB,OAAK;AACL,cAAY;AACZ,SAAO;AACP,WAAS;AACT,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,cAAY,IAAI;AAChB,2BAAyB,IAAI;AAC7B,8BAA4B,IAAI;AAClC;AACA,CAAC;AACC,kBAAgB;AAChB,eAAa;AACb,kBAAgB;AAChB,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,SAAO;AACP,eAAa;AACb,OAAK;AACL,cAAY;AACZ,UAAQ;AACR,kBAAgB;AAChB,iBAAe,IAAI;AACnB,cAAY;AACZ,cAAY;AACZ,UAAQ;AACR,mBAAiB;AACjB,UAAQ;AACR,eAAa;AACb,YAAU;AACV,WAAS;AACT,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,cAAY,iBAAiB,MAAM,IAAI,gCAAgC,EAAE,MAAM,MAAM,IAAI;AAC3F;AACA,CA1BC,QA0BQ;AACP,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAnCC,QAmCQ,MAAM;AACb,WAAS,IAAI;AACf;AACA,CAtCC,QAsCQ,cAAc;AACrB,WAAS,IAAI;AACf;AACA,CAzCC,QAyCQ,OAAO;AACd,WAAS,IAAI;AACf;AACA,CA5CC,QA4CQ,CAAC;AACR,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAhDC,QAgDQ;AAAW,CAhDnB,QAgD4B,CAAC;AAC5B,kBAAgB;AAChB,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CApDC,QAoDQ,SAAS;AAAU,CApD3B,QAoDoC,CAAC,cAAc;AAClD,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACf;AACA,CANC,SAMS;AACR,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,QAAM;AACN,aAAW;AACX,YAAU;AACV,iBAAe;AACf,eAAa;AACf;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,eAAa;AACb,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;","names":[]}

package/dist/components/navigation-drawer/index.js

@@ -0,0 +1,26 @@
+"use client";
+import './index.css';
+import { createNavigationDrawer } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/components/navigation-drawer/navigation-drawer.ts
+var headline = "_8ua4h83";
+var item = "_8ua4h84";
+var label = "_8ua4h86";
+var leading = "_8ua4h85";
+var root = createRuntimeFn({ defaultClassName: "_8ua4h80", variantClassNames: { variant: { standard: "_8ua4h81", modal: "_8ua4h82" } }, defaultVariants: { variant: "standard" }, compoundVariants: [] });
+var trailing = "_8ua4h87";
+
+// src/components/navigation-drawer/navigation-drawer.ts
+var NavigationDrawer = createNavigationDrawer({
+  root: ({ variant }) => root({ variant }),
+  headline,
+  item,
+  leading,
+  label,
+  trailing
+});
+
+export { NavigationDrawer };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation-drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/navigation-drawer/navigation-drawer.css.ts","../../../src/components/navigation-drawer/navigation-drawer.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,QAAA,GAAW,UAAA;AACf,IAAI,IAAA,GAAO,UAAA;AACX,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,OAAA,GAAU,UAAA;AACd,IAAI,IAAA,GAAOA,gBAAO,EAAC,gBAAA,EAAiB,YAAW,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,QAAA,EAAS,UAAA,EAAW,OAAM,UAAA,EAAU,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,YAAU,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AAC3K,IAAI,QAAA,GAAW,UAAA;;;ACDf,IAAM,mBAAmB,sBAAA,CAAuB;AAAA,EACrD,IAAA,EAAM,CAAC,EAAE,OAAA,OAAc,IAAA,CAAK,EAAE,SAAS,CAAA;AAAA,EACvC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAC","file":"index.js","sourcesContent":["import 'src/components/navigation-drawer/navigation-drawer.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VW227bMAx971cIBQa0wNQ5va1wH_cZQzHQEm1rlSVDop2mw_59kOTEjpsMToY9BY54KJI6h-TNj6cO7uunjP26YEwq32rY5KzU-PZ8weIvl8qhIGVNzoTVXWPCSQVtzu7baFXYN-7VuzJVzgrrJDpe2HiyVpLqnN09ZsmyBSmj2ep2gIJ4rZztjMyZq4qrHtwV543kfuO5sNo67jtXgkAurCFQBh3Xdn19HdDR4CjQmi02WP--uBlyvY25xqBrkHadsz0wauwhpMs19qhX1ynFmBbZljtV1cQdSNX5GdTX0CLX4CqcogpLZJvlwDHUuxjqUDWujFYGc7Z63KtmiOrjn-nS3RstLRXvwSkwlApcWkO8hEbpzSxi2rToBWjkpEgj9w1ozYP9CFxjyHgRMJmOUK_ecREwGEZYKA2vl984sU94JELHfQsiMnSBC3IgXpWp9p7sPj2Z9SpJxqEGUj0-H9LXoI9Vln0Kn6BVZbgibHzOBBpCt9PaTjFHxbZN_mHGhDltBtRfiFh2WseiEL4Rj1HlTGNJc8mSA-NbcGho9JwzYw3u4BKFdZCKsT0QnfOBjq1V2yQ7H6qPGgWNdrZHV-og0VpJibHz2I5SPjtn_43aGgrUSZanUXsKPInaU-BJ1J4Cz6T21MWE2iy98kDn8fVTfdnqIWv8vsvGxvaJ4AP9PIGR4OT1Z3YqYk9XeV5gaR1GfYVhgIZydnn5vCc3KLzVHUViKOORcpbNWSs6Fxj7LUQTGRUKQ5vBcuAkxx4N-QmZJ1UYEEG4Z6VSB2LvJbSLYV-OBIQ8Ws88lFZ0nvfKq0LjYk8RNfMEIrSnxS5ah97jLKHvEggG9aJ8SQN2wWhHYUN5NuNwXzrYDyOneUnlodAoP7NZmNuDl6FTH37uxbsF-8Kym7unI7dv63o8isOVz6buHg5vZ0fGxc_OkypTZaJGxqO4z_naKfP64QrfV_GaYSbdDovDtu-k7xHwGI2Dw5ytgmGjDB-w2bHeHQfCeIBaq9YrH0dhrQhjj4qtfe2gnV739aQSzPM8pd2fsclMgWe0-zM2mSnwn9r9x03mD7g97usTDAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var headline = '_8ua4h83';\nexport var item = '_8ua4h84';\nexport var label = '_8ua4h86';\nexport var leading = '_8ua4h85';\nexport var root = _7a468({defaultClassName:'_8ua4h80',variantClassNames:{variant:{standard:'_8ua4h81',modal:'_8ua4h82'}},defaultVariants:{variant:'standard'},compoundVariants:[]});\nexport var trailing = '_8ua4h87';","/**\n * navigation-drawer.ts — wires the VE styles into the shared NavigationDrawer factory.\n */\nimport { createNavigationDrawer } from '@m3-baseui/core';\nimport { root, headline, item, leading, label, trailing } from './navigation-drawer.css';\n\nexport const NavigationDrawer = createNavigationDrawer({\n  root: ({ variant }) => root({ variant }),\n  headline,\n  item,\n  leading,\n  label,\n  trailing,\n});\nexport type { NavigationDrawerVariant } from '@m3-baseui/core';\n"]}

package/dist/{navigation-rail.css → components/navigation-rail/index.css}

@@ -1,5 +1,5 @@
-/* vanilla-extract-css-ns: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 */
-.w6243j0 {
+/* vanilla-extract-css-ns:src/components/navigation-rail/navigation-rail.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71VwW7bMAy95yuEAgOagzonTbpCOe4zhmGgJdphK0uGJKfLhv37INltYqdpnHTdKYjM9x75SEo3P2amJJAyY78njCnytYatYIXGn6sJS79ckUMZyBrBpNVNZeIX0FQaTgErL5hEE9DF4xJqwWbzOqHXSOU6CDbLsk_x_xOpsBbsPms_16AUmZLn2spHwebdcQ7ysXS2MUowV-bXG3DXnFeK-63n0mrruG9cARKn09Xkz-TmuYbZR9RQgSvJ8NyGYCvBFvF0T3OeNGvrqSV3qCHQBlf_JJOHxgcqtlxaE9CEgyQXfSPJaDJ4cNz5uzi0NzgwvgaHJqRP1il0ghlrUgGycd46wWpLz7KNR8c9apRhF2eb0Aq3B_v2fFMQgCvykGtU3zu3Eh3HDZrgX0HdnmPq-dZ1Y7i860_p7XzQ28UgDci91U1IaZDxGATLdrZxB4oaL1hvXv0aauRFo_X0hPl2g67Q9kmwNSmFaSxSSKe-g7ZLwGbLrPJ9tcrGWI7gY999AKPAqf6WLITIsbAOU3Uv9lxdrcYVu1eBbFzM_mtMJ5VQg6Sw7SJfb3O_qA4Rb4hLaunGq3bofZyuQevG3CQobSRuBwXIoBvcKnOxjq1hRwx8qbnf9gABeQIO2QorG8835CnXeAlrIhiygowLcgldZ96rxu729hRx1oMvP3aBU-uOttSa5_eBb8ARmDCdDufuXRt0dOqW3Uqdyu70zB21f6xE90Cyzyy7ub1_m_295byltWR-Uyae7tadL_q37nz4ot6dpdpvcWFN4AVUpIezHrY1egkauYYcNa9QUVPxCNghn7qcxiDb2B3W0y8ch4yRCRffTL4-Q3MP0BJgiBesj0toynEcwYF8JFP-p5U4r5vTw158ybKRq3Gm1LtW43Ktv-hYVr1yCwAA */
+._1ngiacc0 {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -9,14 +9,14 @@
   padding-block: 20px;
   background: rgb(var(--md-sys-color-surface));
 }
-.w6243j1 {
+._1ngiacc1 {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
   margin-bottom: 4px;
 }
-.w6243j2 {
+._1ngiacc2 {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -31,10 +31,10 @@
   user-select: none;
   outline: none;
 }
-.w6243j2[data-disabled] {
+._1ngiacc2[data-disabled] {
   pointer-events: none;
 }
-.w6243j3 {
+._1ngiacc3 {
   position: relative;
   display: flex;
   align-items: center;
@@ -42,7 +42,7 @@
   width: 56px;
   height: 32px;
 }
-.w6243j4 {
+._1ngiacc4 {
   position: absolute;
   inset: 0;
   border-radius: var(--md-sys-shape-full);
@@ -50,7 +50,7 @@
   overflow: hidden;
   transition: background-color 150ms var(--md-sys-motion-easing-standard);
 }
-.w6243j4::before {
+._1ngiacc4::before {
   content: "";
   position: absolute;
   inset: 0;
@@ -59,22 +59,22 @@
   pointer-events: none;
   transition: opacity 100ms var(--md-sys-motion-easing-standard);
 }
-.w6243j2[data-pressed] .w6243j4 {
+._1ngiacc2[data-pressed] ._1ngiacc4 {
   background: rgb(var(--md-sys-color-secondary-container));
 }
-.w6243j2:hover .w6243j4::before {
+._1ngiacc2:hover ._1ngiacc4::before {
   opacity: var(--md-sys-state-hover);
 }
-.w6243j2:focus-visible .w6243j4::before {
+._1ngiacc2:focus-visible ._1ngiacc4::before {
   opacity: var(--md-sys-state-focus);
 }
-.w6243j2:active .w6243j4::before {
+._1ngiacc2:active ._1ngiacc4::before {
   opacity: var(--md-sys-state-pressed);
 }
-.w6243j2[data-disabled] .w6243j4::before {
+._1ngiacc2[data-disabled] ._1ngiacc4::before {
   opacity: 0;
 }
-.w6243j5 {
+._1ngiacc5 {
   position: relative;
   display: flex;
   align-items: center;
@@ -82,20 +82,20 @@
   color: rgb(var(--md-sys-color-on-surface-variant));
   transition: color 150ms var(--md-sys-motion-easing-standard);
 }
-.w6243j2[data-pressed] .w6243j5 {
+._1ngiacc2[data-pressed] ._1ngiacc5 {
   color: rgb(var(--md-sys-color-on-secondary-container));
 }
-.w6243j2[data-disabled] .w6243j5 {
+._1ngiacc2[data-disabled] ._1ngiacc5 {
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
-.w6243j2[data-disabled][data-pressed] .w6243j5 {
+._1ngiacc2[data-disabled][data-pressed] ._1ngiacc5 {
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
-.w6243j5 svg {
+._1ngiacc5 svg {
   width: 24px;
   height: 24px;
 }
-.w6243j6 {
+._1ngiacc6 {
   color: rgb(var(--md-sys-color-on-surface-variant));
   font-family: var(--md-sys-typescale-label-medium-font);
   font-weight: var(--md-sys-typescale-label-medium-weight);
@@ -104,14 +104,14 @@
   letter-spacing: var(--md-sys-typescale-label-medium-tracking);
   transition: color 150ms var(--md-sys-motion-easing-standard);
 }
-.w6243j2[data-pressed] .w6243j6 {
+._1ngiacc2[data-pressed] ._1ngiacc6 {
   color: rgb(var(--md-sys-color-on-surface));
   font-weight: 700;
 }
-.w6243j2[data-disabled] .w6243j6 {
+._1ngiacc2[data-disabled] ._1ngiacc6 {
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
-.w6243j2[data-disabled][data-pressed] .w6243j6 {
+._1ngiacc2[data-disabled][data-pressed] ._1ngiacc6 {
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
-/*# sourceMappingURL=navigation-rail.css.map */
+/*# sourceMappingURL=index.css.map */

package/dist/components/navigation-rail/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/components/navigation-rail/navigation-rail.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71VwW7bMAy95yuEAgOagzonTbpCOe4zhmGgJdphK0uGJKfLhv37INltYqdpnHTdKYjM9x75SEo3P2amJJAyY78njCnytYatYIXGn6sJS79ckUMZyBrBpNVNZeIX0FQaTgErL5hEE9DF4xJqwWbzOqHXSOU6CDbLsk_x_xOpsBbsPms_16AUmZLn2spHwebdcQ7ysXS2MUowV-bXG3DXnFeK-63n0mrruG9cARKn09Xkz-TmuYbZR9RQgSvJ8NyGYCvBFvF0T3OeNGvrqSV3qCHQBlf_JJOHxgcqtlxaE9CEgyQXfSPJaDJ4cNz5uzi0NzgwvgaHJqRP1il0ghlrUgGycd46wWpLz7KNR8c9apRhF2eb0Aq3B_v2fFMQgCvykGtU3zu3Eh3HDZrgX0HdnmPq-dZ1Y7i860_p7XzQ28UgDci91U1IaZDxGATLdrZxB4oaL1hvXv0aauRFo_X0hPl2g67Q9kmwNSmFaSxSSKe-g7ZLwGbLrPJ9tcrGWI7gY999AKPAqf6WLITIsbAOU3Uv9lxdrcYVu1eBbFzM_mtMJ5VQg6Sw7SJfb3O_qA4Rb4hLaunGq3bofZyuQevG3CQobSRuBwXIoBvcKnOxjq1hRwx8qbnf9gABeQIO2QorG8835CnXeAlrIhiygowLcgldZ96rxu729hRx1oMvP3aBU-uOttSa5_eBb8ARmDCdDufuXRt0dOqW3Uqdyu70zB21f6xE90Cyzyy7ub1_m_295byltWR-Uyae7tadL_q37nz4ot6dpdpvcWFN4AVUpIezHrY1egkauYYcNa9QUVPxCNghn7qcxiDb2B3W0y8ch4yRCRffTL4-Q3MP0BJgiBesj0toynEcwYF8JFP-p5U4r5vTw158ybKRq3Gm1LtW43Ktv-hYVr1yCwAA"],"sourcesContent":["._1ngiacc0 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n  height: 100%;\n  width: 80px;\n  padding-block: 20px;\n  background: rgb(var(--md-sys-color-surface));\n}\n._1ngiacc1 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 4px;\n}\n._1ngiacc2 {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding-inline: 4px;\n  padding-block: 4px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n}\n._1ngiacc2[data-disabled] {\n  pointer-events: none;\n}\n._1ngiacc3 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 56px;\n  height: 32px;\n}\n._1ngiacc4 {\n  position: absolute;\n  inset: 0;\n  border-radius: var(--md-sys-shape-full);\n  background: transparent;\n  overflow: hidden;\n  transition: background-color 150ms var(--md-sys-motion-easing-standard);\n}\n._1ngiacc4::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._1ngiacc2[data-pressed] ._1ngiacc4 {\n  background: rgb(var(--md-sys-color-secondary-container));\n}\n._1ngiacc2:hover ._1ngiacc4::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1ngiacc2:focus-visible ._1ngiacc4::before {\n  opacity: var(--md-sys-state-focus);\n}\n._1ngiacc2:active ._1ngiacc4::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1ngiacc2[data-disabled] ._1ngiacc4::before {\n  opacity: 0;\n}\n._1ngiacc5 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  transition: color 150ms var(--md-sys-motion-easing-standard);\n}\n._1ngiacc2[data-pressed] ._1ngiacc5 {\n  color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1ngiacc2[data-disabled] ._1ngiacc5 {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1ngiacc2[data-disabled][data-pressed] ._1ngiacc5 {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1ngiacc5 svg {\n  width: 24px;\n  height: 24px;\n}\n._1ngiacc6 {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  font-family: var(--md-sys-typescale-label-medium-font);\n  font-weight: var(--md-sys-typescale-label-medium-weight);\n  font-size: var(--md-sys-typescale-label-medium-size);\n  line-height: var(--md-sys-typescale-label-medium-line-height);\n  letter-spacing: var(--md-sys-typescale-label-medium-tracking);\n  transition: color 150ms var(--md-sys-motion-easing-standard);\n}\n._1ngiacc2[data-pressed] ._1ngiacc6 {\n  color: rgb(var(--md-sys-color-on-surface));\n  font-weight: 700;\n}\n._1ngiacc2[data-disabled] ._1ngiacc6 {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1ngiacc2[data-disabled][data-pressed] ._1ngiacc6 {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,OAAK;AACL,UAAQ;AACR,SAAO;AACP,iBAAe;AACf,cAAY,IAAI,IAAI;AACtB;AACA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,OAAK;AACL,iBAAe;AACjB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,kBAAgB;AAChB,iBAAe;AACf,cAAY;AACZ,UAAQ;AACR,UAAQ;AACR,eAAa;AACb,WAAS;AACX;AACA,CAfC,SAeS,CAAC;AACT,kBAAgB;AAClB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,iBAAe,IAAI;AACnB,cAAY;AACZ,YAAU;AACV,cAAY,iBAAiB,MAAM,IAAI;AACzC;AACA,CARC,SAQS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CA3CC,SA2CS,CAAC,cAAc,CAjBxB;AAkBC,cAAY,IAAI,IAAI;AACtB;AACA,CA9CC,SA8CS,OAAO,CApBhB,SAoB0B;AACzB,WAAS,IAAI;AACf;AACA,CAjDC,SAiDS,eAAe,CAvBxB,SAuBkC;AACjC,WAAS,IAAI;AACf;AACA,CApDC,SAoDS,QAAQ,CA1BjB,SA0B2B;AAC1B,WAAS,IAAI;AACf;AACA,CAvDC,SAuDS,CAAC,eAAe,CA7BzB,SA6BmC;AAClC,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI,IAAI;AACf,cAAY,MAAM,MAAM,IAAI;AAC9B;AACA,CAlEC,SAkES,CAAC,cAAc,CARxB;AASC,SAAO,IAAI,IAAI;AACjB;AACA,CArEC,SAqES,CAAC,eAAe,CAXzB;AAYC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAxEC,SAwES,CAAC,cAAc,CAAC,cAAc,CAdvC;AAeC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CAjBC,UAiBU;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,cAAY,MAAM,MAAM,IAAI;AAC9B;AACA,CAxFC,SAwFS,CAAC,cAAc,CATxB;AAUC,SAAO,IAAI,IAAI;AACf,eAAa;AACf;AACA,CA5FC,SA4FS,CAAC,eAAe,CAbzB;AAcC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CA/FC,SA+FS,CAAC,cAAc,CAAC,cAAc,CAhBvC;AAiBC,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;","names":[]}

package/dist/components/navigation-rail/index.js

@@ -0,0 +1,29 @@
+"use client";
+import './index.css';
+import { createNavigationRail } from '@m3-baseui/core';
+
+// src/components/navigation-rail/navigation-rail.ts
+
+// src/components/navigation-rail/navigation-rail.css.ts
+var header = "_1ngiacc1";
+var icon = "_1ngiacc5";
+var iconWrap = "_1ngiacc3";
+var indicator = "_1ngiacc4";
+var item = "_1ngiacc2";
+var label = "_1ngiacc6";
+var root = "_1ngiacc0";
+
+// src/components/navigation-rail/navigation-rail.ts
+var NavigationRail = createNavigationRail({
+  root,
+  header,
+  item,
+  iconWrap,
+  indicator,
+  icon,
+  label
+});
+
+export { NavigationRail };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/navigation-rail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/navigation-rail/navigation-rail.css.ts","../../../src/components/navigation-rail/navigation-rail.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,QAAA,GAAW,WAAA;AACf,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,IAAA,GAAO,WAAA;;;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":"index.js","sourcesContent":["import 'src/components/navigation-rail/navigation-rail.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71VwW7bMAy95yuEAgOagzonTbpCOe4zhmGgJdphK0uGJKfLhv37INltYqdpnHTdKYjM9x75SEo3P2amJJAyY78njCnytYatYIXGn6sJS79ckUMZyBrBpNVNZeIX0FQaTgErL5hEE9DF4xJqwWbzOqHXSOU6CDbLsk_x_xOpsBbsPms_16AUmZLn2spHwebdcQ7ysXS2MUowV-bXG3DXnFeK-63n0mrruG9cARKn09Xkz-TmuYbZR9RQgSvJ8NyGYCvBFvF0T3OeNGvrqSV3qCHQBlf_JJOHxgcqtlxaE9CEgyQXfSPJaDJ4cNz5uzi0NzgwvgaHJqRP1il0ghlrUgGycd46wWpLz7KNR8c9apRhF2eb0Aq3B_v2fFMQgCvykGtU3zu3Eh3HDZrgX0HdnmPq-dZ1Y7i860_p7XzQ28UgDci91U1IaZDxGATLdrZxB4oaL1hvXv0aauRFo_X0hPl2g67Q9kmwNSmFaSxSSKe-g7ZLwGbLrPJ9tcrGWI7gY999AKPAqf6WLITIsbAOU3Uv9lxdrcYVu1eBbFzM_mtMJ5VQg6Sw7SJfb3O_qA4Rb4hLaunGq3bofZyuQevG3CQobSRuBwXIoBvcKnOxjq1hRwx8qbnf9gABeQIO2QorG8835CnXeAlrIhiygowLcgldZ96rxu729hRx1oMvP3aBU-uOttSa5_eBb8ARmDCdDufuXRt0dOqW3Uqdyu70zB21f6xE90Cyzyy7ub1_m_295byltWR-Uyae7tadL_q37nz4ot6dpdpvcWFN4AVUpIezHrY1egkauYYcNa9QUVPxCNghn7qcxiDb2B3W0y8ch4yRCRffTL4-Q3MP0BJgiBesj0toynEcwYF8JFP-p5U4r5vTw158ybKRq3Gm1LtW43Ktv-hYVr1yCwAA';\nexport var header = '_1ngiacc1';\nexport var icon = '_1ngiacc5';\nexport var iconWrap = '_1ngiacc3';\nexport var indicator = '_1ngiacc4';\nexport var item = '_1ngiacc2';\nexport var label = '_1ngiacc6';\nexport var root = '_1ngiacc0';","/**\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"]}