@m3-baseui/react-vanilla-extract 1.0.0

package/dist/switch.css

@@ -0,0 +1,139 @@
+/* vanilla-extract-css-ns:src/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61XUW-bMBB-z6-wKlVKpLkjpO0iV9rLfsU07cHAAbc6NrINbTbtv08Yk-AooZDlKbHx3fnu--47eEjW-CXfRuTPgpBKGbSoJCMaBLfYwMuCkAxNJfieEZQCJdBcwHu73_5SU2qUr4xE7c4bZrZk5Cmu3IESsCgtIxu_TtQ7NfgbZcFIonQGmibKP3ErzTOsDSMN10tKdxk1e0NNySugeS3E6niUkbh6J0YJzIgukmVgkSqhNFW1ba-76qx4-lpoVcuMXTpvap3zFGiqpOUoQdMSixKM7TyktTZKM1IplBZ0u2U1l33BjgE6dySOop0JM9mp9iwFblAW1FguM66z1ac-_bmGL4u_iweP34-MW07TEtJXyH46NCfkXGnccb1fDSrbPZlicRo8Q8MT0Uf3daLQgLSGEakkjNgwqewyTGI1NYvLyJHPJHpYx9PTU7L3NrC9eOnrin42xun9HLcqrkHa4QVYrtLa0AYNJgJcRM9zRjYfdYSBVLXM8Xh7Q6ry3IB1HTUItT5RBJ4YJWrrFMGqipGn6L79LyC3jDx3He4FYP0cCkC_PihJLyFcYCEpWtgZRlLoG-tXbSzmewcoSDt8NEMpXAlzpXe-moJb-L6kT9H9VEkIJGQycdzp8_QPNYMLcV23rzvivaEtKaZKeiLWMqBih8xjgEz8GCLTrY-OGUsgV7pj1qH8d3cvF7nQRfFkGBLDR3yMwoj9-gRIbzQEJa11S_9vbX0dXyueot37WXMOXQfuJ3KAeFhsb03Wt5DXoEe6CsTxhEJP1YdAl68QZFaqBnR4zVnKRBuukUt74jZUn1u7D4t8ZQ6-HsdhMBrj_xKaF4un7RvVWe5EIXe2J9zZBk0ajXia4uiGWB1H_vVc6IbgZjtj0M4NNlDmiz0SKN9BasL5YrkF6symtMVkj858NYbwZFeVBmMg0K7YGR1Gbz-I5o_eDwfgrHYg568XfGMMcvhKTFO4o6PvGAeLzYjb2yc_-u3wUQU25wAaJDI19X9zSZEDyw0AAA */
+.b1i7f80 {
+  position: relative;
+  display: inline-flex;
+  flex-shrink: 0;
+  width: 52px;
+  height: 32px;
+  box-sizing: border-box;
+  border-radius: var(--md-sys-shape-full);
+  border: 2px solid rgb(var(--md-sys-color-outline));
+  background: rgb(var(--md-sys-color-surface-container-highest));
+  cursor: pointer;
+  transition: background-color 200ms var(--md-sys-motion-easing-standard), border-color 200ms var(--md-sys-motion-easing-standard);
+}
+.b1i7f80[data-checked] {
+  background: rgb(var(--md-sys-color-primary));
+  border-color: rgb(var(--md-sys-color-primary));
+}
+.b1i7f80[data-disabled] {
+  pointer-events: none;
+}
+.b1i7f80[data-disabled]:not([data-checked]) {
+  background: rgb(var(--md-sys-color-surface-container-highest) / 0.12);
+  border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
+}
+.b1i7f80[data-disabled][data-checked] {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  border-color: transparent;
+}
+.b1i7f80:focus-visible {
+  outline: 3px solid rgb(var(--md-sys-color-secondary));
+  outline-offset: 2px;
+}
+.b1i7f81 {
+  position: absolute;
+  top: 50%;
+  left: 6px;
+  width: 16px;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--md-sys-shape-full);
+  transform: translateY(-50%);
+  background: rgb(var(--md-sys-color-outline));
+  color: rgb(var(--md-sys-color-on-surface));
+  pointer-events: none;
+  transition: all 200ms var(--md-sys-motion-easing-standard);
+}
+.b1i7f81[data-with-icon][data-unchecked] {
+  left: 4px;
+  width: 24px;
+  height: 24px;
+}
+.b1i7f81::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background: currentColor;
+  opacity: 0;
+  transform: translate(-50%, -50%);
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+.b1i7f80[data-checked] .b1i7f81 {
+  left: 22px;
+  width: 24px;
+  height: 24px;
+  background: rgb(var(--md-sys-color-on-primary));
+  color: rgb(var(--md-sys-color-primary));
+}
+.b1i7f80:hover .b1i7f81 {
+  background: rgb(var(--md-sys-color-on-surface-variant));
+}
+.b1i7f80:focus-visible .b1i7f81 {
+  background: rgb(var(--md-sys-color-on-surface-variant));
+}
+.b1i7f80[data-checked]:hover .b1i7f81 {
+  background: rgb(var(--md-sys-color-primary-container));
+}
+.b1i7f80[data-checked]:focus-visible .b1i7f81 {
+  background: rgb(var(--md-sys-color-primary-container));
+}
+.b1i7f80[data-checked]:active .b1i7f81 {
+  left: 20px;
+  width: 28px;
+  height: 28px;
+}
+.b1i7f80:active .b1i7f81 {
+  left: 0px;
+  width: 28px;
+  height: 28px;
+  background: rgb(var(--md-sys-color-on-surface-variant));
+}
+.b1i7f80[data-disabled] .b1i7f81 {
+  background: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+.b1i7f80[data-disabled][data-checked] .b1i7f81 {
+  background: rgb(var(--md-sys-color-surface));
+}
+.b1i7f80:hover .b1i7f81::before {
+  opacity: var(--md-sys-state-hover);
+}
+.b1i7f80:focus-visible .b1i7f81::before {
+  opacity: var(--md-sys-state-focus);
+}
+.b1i7f80:active .b1i7f81::before {
+  opacity: var(--md-sys-state-pressed);
+}
+.b1i7f82 {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  color: rgb(var(--md-sys-color-on-primary-container));
+}
+.b1i7f80[data-checked] .b1i7f82 {
+  display: inline-flex;
+}
+.b1i7f82 > svg {
+  width: 16px;
+  height: 16px;
+}
+.b1i7f83 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: rgb(var(--md-sys-color-surface-container-highest));
+}
+.b1i7f80[data-checked] .b1i7f83 {
+  display: none;
+}
+.b1i7f83 > svg {
+  width: 16px;
+  height: 16px;
+}
+/*# sourceMappingURL=switch.css.map */

package/dist/switch.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61XUW-bMBB-z6-wKlVKpLkjpO0iV9rLfsU07cHAAbc6NrINbTbtv08Yk-AooZDlKbHx3fnu--47eEjW-CXfRuTPgpBKGbSoJCMaBLfYwMuCkAxNJfieEZQCJdBcwHu73_5SU2qUr4xE7c4bZrZk5Cmu3IESsCgtIxu_TtQ7NfgbZcFIonQGmibKP3ErzTOsDSMN10tKdxk1e0NNySugeS3E6niUkbh6J0YJzIgukmVgkSqhNFW1ba-76qx4-lpoVcuMXTpvap3zFGiqpOUoQdMSixKM7TyktTZKM1IplBZ0u2U1l33BjgE6dySOop0JM9mp9iwFblAW1FguM66z1ac-_bmGL4u_iweP34-MW07TEtJXyH46NCfkXGnccb1fDSrbPZlicRo8Q8MT0Uf3daLQgLSGEakkjNgwqewyTGI1NYvLyJHPJHpYx9PTU7L3NrC9eOnrin42xun9HLcqrkHa4QVYrtLa0AYNJgJcRM9zRjYfdYSBVLXM8Xh7Q6ry3IB1HTUItT5RBJ4YJWrrFMGqipGn6L79LyC3jDx3He4FYP0cCkC_PihJLyFcYCEpWtgZRlLoG-tXbSzmewcoSDt8NEMpXAlzpXe-moJb-L6kT9H9VEkIJGQycdzp8_QPNYMLcV23rzvivaEtKaZKeiLWMqBih8xjgEz8GCLTrY-OGUsgV7pj1qH8d3cvF7nQRfFkGBLDR3yMwoj9-gRIbzQEJa11S_9vbX0dXyueot37WXMOXQfuJ3KAeFhsb03Wt5DXoEe6CsTxhEJP1YdAl68QZFaqBnR4zVnKRBuukUt74jZUn1u7D4t8ZQ6-HsdhMBrj_xKaF4un7RvVWe5EIXe2J9zZBk0ajXia4uiGWB1H_vVc6IbgZjtj0M4NNlDmiz0SKN9BasL5YrkF6symtMVkj858NYbwZFeVBmMg0K7YGR1Gbz-I5o_eDwfgrHYg568XfGMMcvhKTFO4o6PvGAeLzYjb2yc_-u3wUQU25wAaJDI19X9zSZEDyw0AAA"],"sourcesContent":[".b1i7f80 {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n  width: 52px;\n  height: 32px;\n  box-sizing: border-box;\n  border-radius: var(--md-sys-shape-full);\n  border: 2px solid rgb(var(--md-sys-color-outline));\n  background: rgb(var(--md-sys-color-surface-container-highest));\n  cursor: pointer;\n  transition: background-color 200ms var(--md-sys-motion-easing-standard), border-color 200ms var(--md-sys-motion-easing-standard);\n}\n.b1i7f80[data-checked] {\n  background: rgb(var(--md-sys-color-primary));\n  border-color: rgb(var(--md-sys-color-primary));\n}\n.b1i7f80[data-disabled] {\n  pointer-events: none;\n}\n.b1i7f80[data-disabled]:not([data-checked]) {\n  background: rgb(var(--md-sys-color-surface-container-highest) / 0.12);\n  border-color: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n.b1i7f80[data-disabled][data-checked] {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  border-color: transparent;\n}\n.b1i7f80:focus-visible {\n  outline: 3px solid rgb(var(--md-sys-color-secondary));\n  outline-offset: 2px;\n}\n.b1i7f81 {\n  position: absolute;\n  top: 50%;\n  left: 6px;\n  width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--md-sys-shape-full);\n  transform: translateY(-50%);\n  background: rgb(var(--md-sys-color-outline));\n  color: rgb(var(--md-sys-color-on-surface));\n  pointer-events: none;\n  transition: all 200ms var(--md-sys-motion-easing-standard);\n}\n.b1i7f81[data-with-icon][data-unchecked] {\n  left: 4px;\n  width: 24px;\n  height: 24px;\n}\n.b1i7f81::before {\n  content: \"\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: currentColor;\n  opacity: 0;\n  transform: translate(-50%, -50%);\n  transition: opacity 100ms var(--md-sys-motion-easing-standard);\n}\n.b1i7f80[data-checked] .b1i7f81 {\n  left: 22px;\n  width: 24px;\n  height: 24px;\n  background: rgb(var(--md-sys-color-on-primary));\n  color: rgb(var(--md-sys-color-primary));\n}\n.b1i7f80:hover .b1i7f81 {\n  background: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b1i7f80:focus-visible .b1i7f81 {\n  background: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b1i7f80[data-checked]:hover .b1i7f81 {\n  background: rgb(var(--md-sys-color-primary-container));\n}\n.b1i7f80[data-checked]:focus-visible .b1i7f81 {\n  background: rgb(var(--md-sys-color-primary-container));\n}\n.b1i7f80[data-checked]:active .b1i7f81 {\n  left: 20px;\n  width: 28px;\n  height: 28px;\n}\n.b1i7f80:active .b1i7f81 {\n  left: 0px;\n  width: 28px;\n  height: 28px;\n  background: rgb(var(--md-sys-color-on-surface-variant));\n}\n.b1i7f80[data-disabled] .b1i7f81 {\n  background: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n.b1i7f80[data-disabled][data-checked] .b1i7f81 {\n  background: rgb(var(--md-sys-color-surface));\n}\n.b1i7f80:hover .b1i7f81::before {\n  opacity: var(--md-sys-state-hover);\n}\n.b1i7f80:focus-visible .b1i7f81::before {\n  opacity: var(--md-sys-state-focus);\n}\n.b1i7f80:active .b1i7f81::before {\n  opacity: var(--md-sys-state-pressed);\n}\n.b1i7f82 {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  color: rgb(var(--md-sys-color-on-primary-container));\n}\n.b1i7f80[data-checked] .b1i7f82 {\n  display: inline-flex;\n}\n.b1i7f82 > svg {\n  width: 16px;\n  height: 16px;\n}\n.b1i7f83 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: rgb(var(--md-sys-color-surface-container-highest));\n}\n.b1i7f80[data-checked] .b1i7f83 {\n  display: none;\n}\n.b1i7f83 > svg {\n  width: 16px;\n  height: 16px;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,SAAO;AACP,UAAQ;AACR,cAAY;AACZ,iBAAe,IAAI;AACnB,UAAQ,IAAI,MAAM,IAAI,IAAI;AAC1B,cAAY,IAAI,IAAI;AACpB,UAAQ;AACR,cAAY,iBAAiB,MAAM,IAAI,gCAAgC,EAAE,aAAa,MAAM,IAAI;AAClG;AACA,CAbC,OAaO,CAAC;AACP,cAAY,IAAI,IAAI;AACpB,gBAAc,IAAI,IAAI;AACxB;AACA,CAjBC,OAiBO,CAAC;AACP,kBAAgB;AAClB;AACA,CApBC,OAoBO,CAAC,cAAc,KAAK,CAAC;AAC3B,cAAY,IAAI,IAAI,0CAA0C,EAAE;AAChE,gBAAc,IAAI,IAAI,2BAA2B,EAAE;AACrD;AACA,CAxBC,OAwBO,CAAC,cAAc,CAAC;AACtB,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,gBAAc;AAChB;AACA,CA5BC,OA4BO;AACN,WAAS,IAAI,MAAM,IAAI,IAAI;AAC3B,kBAAgB;AAClB;AACA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,iBAAe,IAAI;AACnB,aAAW,WAAW;AACtB,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,kBAAgB;AAChB,cAAY,IAAI,MAAM,IAAI;AAC5B;AACA,CAhBC,OAgBO,CAAC,eAAe,CAAC;AACvB,QAAM;AACN,SAAO;AACP,UAAQ;AACV;AACA,CArBC,OAqBO;AACN,WAAS;AACT,YAAU;AACV,QAAM;AACN,OAAK;AACL,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,cAAY;AACZ,WAAS;AACT,aAAW,UAAU,IAAI,EAAE;AAC3B,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAlEC,OAkEO,CAAC,cAAc,CAlCtB;AAmCC,QAAM;AACN,SAAO;AACP,UAAQ;AACR,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAzEC,OAyEO,OAAO,CAzCd;AA0CC,cAAY,IAAI,IAAI;AACtB;AACA,CA5EC,OA4EO,eAAe,CA5CtB;AA6CC,cAAY,IAAI,IAAI;AACtB;AACA,CA/EC,OA+EO,CAAC,aAAa,OAAO,CA/C5B;AAgDC,cAAY,IAAI,IAAI;AACtB;AACA,CAlFC,OAkFO,CAAC,aAAa,eAAe,CAlDpC;AAmDC,cAAY,IAAI,IAAI;AACtB;AACA,CArFC,OAqFO,CAAC,aAAa,QAAQ,CArD7B;AAsDC,QAAM;AACN,SAAO;AACP,UAAQ;AACV;AACA,CA1FC,OA0FO,QAAQ,CA1Df;AA2DC,QAAM;AACN,SAAO;AACP,UAAQ;AACR,cAAY,IAAI,IAAI;AACtB;AACA,CAhGC,OAgGO,CAAC,eAAe,CAhEvB;AAiEC,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACnD;AACA,CAnGC,OAmGO,CAAC,cAAc,CAAC,cAAc,CAnErC;AAoEC,cAAY,IAAI,IAAI;AACtB;AACA,CAtGC,OAsGO,OAAO,CAtEd,OAsEsB;AACrB,WAAS,IAAI;AACf;AACA,CAzGC,OAyGO,eAAe,CAzEtB,OAyE8B;AAC7B,WAAS,IAAI;AACf;AACA,CA5GC,OA4GO,QAAQ,CA5Ef,OA4EuB;AACtB,WAAS,IAAI;AACf;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI,IAAI;AACjB;AACA,CArHC,OAqHO,CAAC,cAAc,CANtB;AAOC,WAAS;AACX;AACA,CATC,QASQ,EAAE;AACT,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO,IAAI,IAAI;AACjB;AACA,CAlIC,OAkIO,CAAC,cAAc,CANtB;AAOC,WAAS;AACX;AACA,CATC,QASQ,EAAE;AACT,SAAO;AACP,UAAQ;AACV;","names":[]}

package/dist/switch.d.ts

@@ -0,0 +1,9 @@
+import * as _m3_baseui_core from '@m3-baseui/core';
+import * as react from 'react';
+import * as _base_ui_react from '@base-ui/react';
+
+declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.SwitchRootProps, "ref"> & react.RefAttributes<HTMLElement>, "ref"> & {
+    icons?: _m3_baseui_core.SwitchIcons;
+} & react.RefAttributes<HTMLElement>>;
+
+export { Switch };

package/dist/switch.js

@@ -0,0 +1,18 @@
+"use client";
+import './switch.css';
+import { createSwitch } from '@m3-baseui/core';
+
+// src/switch.ts
+
+// src/switch.css.ts
+var iconChecked = "b1i7f82";
+var iconUnchecked = "b1i7f83";
+var root = "b1i7f80";
+var thumb = "b1i7f81";
+
+// src/switch.ts
+var Switch = createSwitch({ root, thumb, iconChecked, iconUnchecked });
+
+export { Switch };
+//# sourceMappingURL=switch.js.map
+//# sourceMappingURL=switch.js.map

package/dist/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/switch.css.ts","../src/switch.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,WAAA,GAAc,SAAA;AAClB,IAAI,aAAA,GAAgB,SAAA;AACpB,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,KAAA,GAAQ,SAAA;;;ACEZ,IAAM,SAAS,YAAA,CAAa,EAAE,MAAM,KAAA,EAAO,WAAA,EAAa,eAAe","file":"switch.js","sourcesContent":["import 'src/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61XUW-bMBB-z6-wKlVKpLkjpO0iV9rLfsU07cHAAbc6NrINbTbtv08Yk-AooZDlKbHx3fnu--47eEjW-CXfRuTPgpBKGbSoJCMaBLfYwMuCkAxNJfieEZQCJdBcwHu73_5SU2qUr4xE7c4bZrZk5Cmu3IESsCgtIxu_TtQ7NfgbZcFIonQGmibKP3ErzTOsDSMN10tKdxk1e0NNySugeS3E6niUkbh6J0YJzIgukmVgkSqhNFW1ba-76qx4-lpoVcuMXTpvap3zFGiqpOUoQdMSixKM7TyktTZKM1IplBZ0u2U1l33BjgE6dySOop0JM9mp9iwFblAW1FguM66z1ac-_bmGL4u_iweP34-MW07TEtJXyH46NCfkXGnccb1fDSrbPZlicRo8Q8MT0Uf3daLQgLSGEakkjNgwqewyTGI1NYvLyJHPJHpYx9PTU7L3NrC9eOnrin42xun9HLcqrkHa4QVYrtLa0AYNJgJcRM9zRjYfdYSBVLXM8Xh7Q6ry3IB1HTUItT5RBJ4YJWrrFMGqipGn6L79LyC3jDx3He4FYP0cCkC_PihJLyFcYCEpWtgZRlLoG-tXbSzmewcoSDt8NEMpXAlzpXe-moJb-L6kT9H9VEkIJGQycdzp8_QPNYMLcV23rzvivaEtKaZKeiLWMqBih8xjgEz8GCLTrY-OGUsgV7pj1qH8d3cvF7nQRfFkGBLDR3yMwoj9-gRIbzQEJa11S_9vbX0dXyueot37WXMOXQfuJ3KAeFhsb03Wt5DXoEe6CsTxhEJP1YdAl68QZFaqBnR4zVnKRBuukUt74jZUn1u7D4t8ZQ6-HsdhMBrj_xKaF4un7RvVWe5EIXe2J9zZBk0ajXia4uiGWB1H_vVc6IbgZjtj0M4NNlDmiz0SKN9BasL5YrkF6symtMVkj858NYbwZFeVBmMg0K7YGR1Gbz-I5o_eDwfgrHYg568XfGMMcvhKTFO4o6PvGAeLzYjb2yc_-u3wUQU25wAaJDI19X9zSZEDyw0AAA';\nexport var iconChecked = 'b1i7f82';\nexport var iconUnchecked = 'b1i7f83';\nexport var root = 'b1i7f80';\nexport var thumb = 'b1i7f81';","/**\n * switch.ts — wires the VE styles into the shared factory.\n */\nimport { createSwitch } from '@m3-baseui/core';\nimport { root, thumb, iconChecked, iconUnchecked } from './switch.css';\n\nexport const Switch = createSwitch({ root, thumb, iconChecked, iconUnchecked });\n"]}

package/dist/tabs.css

@@ -0,0 +1,108 @@
+/* vanilla-extract-css-ns:src/tabs.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW3Y7bKhC-z1OgvdpIZZu_piui9qYvUalaVRjGNg0GC8ZOco723SvASUyatNn2KgHm--Z_xk_fl71b74sZ-X9CiFS-1fzASKlhv5mQ-EulciBQWcOIsLprzGbyOnkagPMIbK1XScKB5qh62FyjK6yT4GhhEW3DyLzdE2-1ksRVxWPP3SOljaT-4Kmw2jrqO1dyAbTnTnGD02mm-ZvkyKkXzmrNCw0v0RTbgyu13dE9I7xDe3Jj53jLiLHhN1wmYMEd3SmJdXgy8HsFjNEdFFuF9ATO43ZJsXhLdKKVvnbKbBmZhRuuVWWoQmg8IwIMggvXPzqPqjxQYQ2CwfFTFXx8biNfDaqqkZHVcG65lMpUVBmtDDAyX6f7Y8QYqZWUYMKd6Jy3jpHWqiN158FRDxoEHh09ZnR05mJbOdsZyQg6bnzLHRiMajpMeo-yMcfsVu6tuZZ-QkprkJa8UfrASIbDQwtecA0UFWqgvuFa0yB_Bu6GmNwBTKJnqFf_wV3AIBhhwV1a369xJJ_wgBhi3nKhTHUXBToutspUWacsGCugtA5iNZ6q5uFhkxUnL7zVHcbcKOMBhyoc51R0LuTzS0hRTGqwDQ-D5FAtFHow6M-ZjpUwaBkQZD6bNT53qbFBhAL3oUw9ciO5kxeu1KFcM4dONmRkHjkCjdIXDKUVnae98qrQcDdTRF0wcRGa-W6K1oH3cOFQGjJS-TBh5MuQovs6Y0rek9nT8nl6O_i3NaVjcuGv1d6mvx6V2RiyfKsJrVMNd4d8DwwsO4U1VcKaRHRrc53H4nqVxl8cmfH_mXP1D8HJjPtwsQDGPXZcg7PU6-Wx34Z1lLQkEyjyIq2p6amfSuuaYchqjvD18RdA4ExDc9zCf45t3rBRLVnc3a7vzua9ATUO2joG7ZinZTv-dkDbRr-o41J1_tqzC7j8_cz9MeNe5I_PKVtpT44WZL65XifDh4G2-OkhBDqU3cNL_imQtixNy_0m5DPxfRWBQ9YXq3x5p_PrTwMLxRCoCQAA */
+._3vr6xb0 {
+  display: flex;
+  flex-direction: column;
+}
+._3vr6xb1 {
+  position: relative;
+  display: flex;
+  border-bottom: 1px solid rgb(var(--md-sys-color-surface-variant));
+}
+._3vr6xb1[data-scrollable] {
+  overflow-x: auto;
+  flex-wrap: nowrap;
+  scrollbar-width: none;
+}
+._3vr6xb1[data-scrollable]::-webkit-scrollbar {
+  display: none;
+}
+._3vr6xb2 {
+  position: relative;
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  height: 48px;
+  padding-inline: 16px;
+  overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+  border: none;
+  background: transparent;
+  outline: none;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  font-family: var(--md-sys-typescale-title-small-font);
+  font-weight: var(--md-sys-typescale-title-small-weight);
+  font-size: var(--md-sys-typescale-title-small-size);
+  line-height: var(--md-sys-typescale-title-small-line-height);
+  letter-spacing: var(--md-sys-typescale-title-small-tracking);
+}
+._3vr6xb2::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._3vr6xb2:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._3vr6xb2:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+._3vr6xb2:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._3vr6xb2[data-disabled] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  pointer-events: none;
+}
+._3vr6xb2[data-disabled][data-active] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._3vr6xb2[data-disabled]::before {
+  opacity: 0;
+}
+._3vr6xb3[data-active] {
+  color: rgb(var(--md-sys-color-primary));
+}
+._3vr6xb3[data-with-icon] {
+  flex-direction: column;
+  height: 64px;
+  gap: 4px;
+}
+._3vr6xb4[data-active] {
+  color: rgb(var(--md-sys-color-on-surface));
+}
+._3vr6xb5 {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: var(--active-tab-width);
+  transform: translateX(var(--active-tab-left));
+  background: rgb(var(--md-sys-color-primary));
+  transition: width 200ms var(--md-sys-motion-easing-standard), transform 200ms var(--md-sys-motion-easing-standard);
+}
+._3vr6xb6 {
+  height: 3px;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 3px;
+}
+._3vr6xb7 {
+  height: 2px;
+}
+._3vr6xb8 {
+  padding: 16px;
+  outline: none;
+}
+[data-slot=tab-icon] {
+  display: inline-flex;
+}
+[data-slot=tab-icon] > svg {
+  width: 24px;
+  height: 24px;
+}
+/*# sourceMappingURL=tabs.css.map */

package/dist/tabs.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/tabs.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW3Y7bKhC-z1OgvdpIZZu_piui9qYvUalaVRjGNg0GC8ZOco723SvASUyatNn2KgHm--Z_xk_fl71b74sZ-X9CiFS-1fzASKlhv5mQ-EulciBQWcOIsLprzGbyOnkagPMIbK1XScKB5qh62FyjK6yT4GhhEW3DyLzdE2-1ksRVxWPP3SOljaT-4Kmw2jrqO1dyAbTnTnGD02mm-ZvkyKkXzmrNCw0v0RTbgyu13dE9I7xDe3Jj53jLiLHhN1wmYMEd3SmJdXgy8HsFjNEdFFuF9ATO43ZJsXhLdKKVvnbKbBmZhRuuVWWoQmg8IwIMggvXPzqPqjxQYQ2CwfFTFXx8biNfDaqqkZHVcG65lMpUVBmtDDAyX6f7Y8QYqZWUYMKd6Jy3jpHWqiN158FRDxoEHh09ZnR05mJbOdsZyQg6bnzLHRiMajpMeo-yMcfsVu6tuZZ-QkprkJa8UfrASIbDQwtecA0UFWqgvuFa0yB_Bu6GmNwBTKJnqFf_wV3AIBhhwV1a369xJJ_wgBhi3nKhTHUXBToutspUWacsGCugtA5iNZ6q5uFhkxUnL7zVHcbcKOMBhyoc51R0LuTzS0hRTGqwDQ-D5FAtFHow6M-ZjpUwaBkQZD6bNT53qbFBhAL3oUw9ciO5kxeu1KFcM4dONmRkHjkCjdIXDKUVnae98qrQcDdTRF0wcRGa-W6K1oH3cOFQGjJS-TBh5MuQovs6Y0rek9nT8nl6O_i3NaVjcuGv1d6mvx6V2RiyfKsJrVMNd4d8DwwsO4U1VcKaRHRrc53H4nqVxl8cmfH_mXP1D8HJjPtwsQDGPXZcg7PU6-Wx34Z1lLQkEyjyIq2p6amfSuuaYchqjvD18RdA4ExDc9zCf45t3rBRLVnc3a7vzua9ATUO2joG7ZinZTv-dkDbRr-o41J1_tqzC7j8_cz9MeNe5I_PKVtpT44WZL65XifDh4G2-OkhBDqU3cNL_imQtixNy_0m5DPxfRWBQ9YXq3x5p_PrTwMLxRCoCQAA"],"sourcesContent":["._3vr6xb0 {\n  display: flex;\n  flex-direction: column;\n}\n._3vr6xb1 {\n  position: relative;\n  display: flex;\n  border-bottom: 1px solid rgb(var(--md-sys-color-surface-variant));\n}\n._3vr6xb1[data-scrollable] {\n  overflow-x: auto;\n  flex-wrap: nowrap;\n  scrollbar-width: none;\n}\n._3vr6xb1[data-scrollable]::-webkit-scrollbar {\n  display: none;\n}\n._3vr6xb2 {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  height: 48px;\n  padding-inline: 16px;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n  border: none;\n  background: transparent;\n  outline: none;\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._3vr6xb2::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._3vr6xb2:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._3vr6xb2:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._3vr6xb2:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._3vr6xb2[data-disabled] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  pointer-events: none;\n}\n._3vr6xb2[data-disabled][data-active] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._3vr6xb2[data-disabled]::before {\n  opacity: 0;\n}\n._3vr6xb3[data-active] {\n  color: rgb(var(--md-sys-color-primary));\n}\n._3vr6xb3[data-with-icon] {\n  flex-direction: column;\n  height: 64px;\n  gap: 4px;\n}\n._3vr6xb4[data-active] {\n  color: rgb(var(--md-sys-color-on-surface));\n}\n._3vr6xb5 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: var(--active-tab-width);\n  transform: translateX(var(--active-tab-left));\n  background: rgb(var(--md-sys-color-primary));\n  transition: width 200ms var(--md-sys-motion-easing-standard), transform 200ms var(--md-sys-motion-easing-standard);\n}\n._3vr6xb6 {\n  height: 3px;\n  border-top-left-radius: 3px;\n  border-top-right-radius: 3px;\n}\n._3vr6xb7 {\n  height: 2px;\n}\n._3vr6xb8 {\n  padding: 16px;\n  outline: none;\n}\n[data-slot=\"tab-icon\"] {\n  display: inline-flex;\n}\n[data-slot=\"tab-icon\"] > svg {\n  width: 24px;\n  height: 24px;\n}"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,kBAAgB;AAClB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,iBAAe,IAAI,MAAM,IAAI,IAAI;AACnC;AACA,CALC,QAKQ,CAAC;AACR,cAAY;AACZ,aAAW;AACX,mBAAiB;AACnB;AACA,CAVC,QAUQ,CAAC,gBAAgB;AACxB,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,UAAQ;AACR,kBAAgB;AAChB,YAAU;AACV,UAAQ;AACR,eAAa;AACb,UAAQ;AACR,cAAY;AACZ,WAAS;AACT,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAtBC,QAsBQ;AACP,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CA/BC,QA+BQ,MAAM;AACb,WAAS,IAAI;AACf;AACA,CAlCC,QAkCQ,cAAc;AACrB,WAAS,IAAI;AACf;AACA,CArCC,QAqCQ,OAAO;AACd,WAAS,IAAI;AACf;AACA,CAxCC,QAwCQ,CAAC;AACR,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC5C,kBAAgB;AAClB;AACA,CA5CC,QA4CQ,CAAC,cAAc,CAAC;AACvB,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CA/CC,QA+CQ,CAAC,cAAc;AACtB,WAAS;AACX;AACA,CAAC,QAAQ,CAAC;AACR,SAAO,IAAI,IAAI;AACjB;AACA,CAHC,QAGQ,CAAC;AACR,kBAAgB;AAChB,UAAQ;AACR,OAAK;AACP;AACA,CAAC,QAAQ,CAAC;AACR,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,YAAU;AACV,UAAQ;AACR,QAAM;AACN,SAAO,IAAI;AACX,aAAW,WAAW,IAAI;AAC1B,cAAY,IAAI,IAAI;AACpB,cAAY,MAAM,MAAM,IAAI,gCAAgC,EAAE,UAAU,MAAM,IAAI;AACpF;AACA,CAAC;AACC,UAAQ;AACR,0BAAwB;AACxB,2BAAyB;AAC3B;AACA,CAAC;AACC,UAAQ;AACV;AACA,CAAC;AACC,WAAS;AACT,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACX;AACA,CAAC,oBAAsB,EAAE;AACvB,SAAO;AACP,UAAQ;AACV;","names":[]}

package/dist/tabs.d.ts

@@ -0,0 +1,20 @@
+import * as _m3_baseui_core from '@m3-baseui/core';
+export { TabsVariant } from '@m3-baseui/core';
+import * as react from 'react';
+import * as _base_ui_react from '@base-ui/react';
+
+declare const Tabs: {
+    Root: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TabsRootProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: _m3_baseui_core.TabsVariant;
+    } & react.RefAttributes<HTMLDivElement>>;
+    List: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TabsListProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+        scrollable?: boolean;
+    } & react.RefAttributes<HTMLDivElement>>;
+    Tab: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TabsTabProps, "ref"> & react.RefAttributes<HTMLElement>, "ref"> & {
+        icon?: React.ReactNode;
+    } & react.RefAttributes<HTMLElement>>;
+    Indicator: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TabsIndicatorProps, "ref"> & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
+    Panel: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.TabsPanelProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+};
+
+export { Tabs };

package/dist/tabs.js

@@ -0,0 +1,24 @@
+"use client";
+import './tabs.css';
+import { createTabs } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/tabs.ts
+var indicator = createRuntimeFn({ defaultClassName: "_3vr6xb5", variantClassNames: { variant: { primary: "_3vr6xb6", secondary: "_3vr6xb7" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
+var list = "_3vr6xb1";
+var panel = "_3vr6xb8";
+var root = "_3vr6xb0";
+var tab = createRuntimeFn({ defaultClassName: "_3vr6xb2", variantClassNames: { variant: { primary: "_3vr6xb3", secondary: "_3vr6xb4" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
+
+// src/tabs.ts
+var Tabs = createTabs((variant) => ({
+  root,
+  list,
+  tab: tab({ variant }),
+  indicator: indicator({ variant }),
+  panel
+}));
+
+export { Tabs };
+//# sourceMappingURL=tabs.js.map
+//# sourceMappingURL=tabs.js.map

package/dist/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tabs.css.ts","../src/tabs.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,SAAA,GAAYA,gBAAO,EAAC,gBAAA,EAAiB,YAAW,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,OAAA,EAAQ,UAAA,EAAW,WAAU,UAAA,EAAU,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,WAAS,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AAClL,IAAI,IAAA,GAAO,UAAA;AACX,IAAI,KAAA,GAAQ,UAAA;AACZ,IAAI,IAAA,GAAO,UAAA;AACX,IAAI,GAAA,GAAMA,gBAAO,EAAC,gBAAA,EAAiB,YAAW,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,OAAA,EAAQ,UAAA,EAAW,WAAU,UAAA,EAAU,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,WAAS,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;;;ACA5K,IAAM,IAAA,GAAO,UAAA,CAAW,CAAC,OAAA,MAAa;AAAA,EAC3C,IAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAA,EAAK,GAAA,CAAI,EAAE,OAAA,EAAS,CAAA;AAAA,EACpB,SAAA,EAAW,SAAA,CAAU,EAAE,OAAA,EAAS,CAAA;AAAA,EAChC;AACF,CAAA,CAAE","file":"tabs.js","sourcesContent":["import 'src/tabs.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW3Y7bKhC-z1OgvdpIZZu_piui9qYvUalaVRjGNg0GC8ZOco723SvASUyatNn2KgHm--Z_xk_fl71b74sZ-X9CiFS-1fzASKlhv5mQ-EulciBQWcOIsLprzGbyOnkagPMIbK1XScKB5qh62FyjK6yT4GhhEW3DyLzdE2-1ksRVxWPP3SOljaT-4Kmw2jrqO1dyAbTnTnGD02mm-ZvkyKkXzmrNCw0v0RTbgyu13dE9I7xDe3Jj53jLiLHhN1wmYMEd3SmJdXgy8HsFjNEdFFuF9ATO43ZJsXhLdKKVvnbKbBmZhRuuVWWoQmg8IwIMggvXPzqPqjxQYQ2CwfFTFXx8biNfDaqqkZHVcG65lMpUVBmtDDAyX6f7Y8QYqZWUYMKd6Jy3jpHWqiN158FRDxoEHh09ZnR05mJbOdsZyQg6bnzLHRiMajpMeo-yMcfsVu6tuZZ-QkprkJa8UfrASIbDQwtecA0UFWqgvuFa0yB_Bu6GmNwBTKJnqFf_wV3AIBhhwV1a369xJJ_wgBhi3nKhTHUXBToutspUWacsGCugtA5iNZ6q5uFhkxUnL7zVHcbcKOMBhyoc51R0LuTzS0hRTGqwDQ-D5FAtFHow6M-ZjpUwaBkQZD6bNT53qbFBhAL3oUw9ciO5kxeu1KFcM4dONmRkHjkCjdIXDKUVnae98qrQcDdTRF0wcRGa-W6K1oH3cOFQGjJS-TBh5MuQovs6Y0rek9nT8nl6O_i3NaVjcuGv1d6mvx6V2RiyfKsJrVMNd4d8DwwsO4U1VcKaRHRrc53H4nqVxl8cmfH_mXP1D8HJjPtwsQDGPXZcg7PU6-Wx34Z1lLQkEyjyIq2p6amfSuuaYchqjvD18RdA4ExDc9zCf45t3rBRLVnc3a7vzua9ATUO2joG7ZinZTv-dkDbRr-o41J1_tqzC7j8_cz9MeNe5I_PKVtpT44WZL65XifDh4G2-OkhBDqU3cNL_imQtixNy_0m5DPxfRWBQ9YXq3x5p_PrTwMLxRCoCQAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var indicator = _7a468({defaultClassName:'_3vr6xb5',variantClassNames:{variant:{primary:'_3vr6xb6',secondary:'_3vr6xb7'}},defaultVariants:{variant:'primary'},compoundVariants:[]});\nexport var list = '_3vr6xb1';\nexport var panel = '_3vr6xb8';\nexport var root = '_3vr6xb0';\nexport var tab = _7a468({defaultClassName:'_3vr6xb2',variantClassNames:{variant:{primary:'_3vr6xb3',secondary:'_3vr6xb4'}},defaultVariants:{variant:'primary'},compoundVariants:[]});","/**\n * tabs.ts — wires the VE styles into the shared parts factory.\n */\nimport { createTabs } from '@m3-baseui/core';\nimport { root, list, tab, indicator, panel } from './tabs.css';\n\nexport const Tabs = createTabs((variant) => ({\n  root,\n  list,\n  tab: tab({ variant }),\n  indicator: indicator({ variant }),\n  panel,\n}));\nexport type { TabsVariant } from '@m3-baseui/core';\n"]}

package/dist/textfield.css

@@ -0,0 +1,160 @@
+/* vanilla-extract-css-ns:src/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1Y0W7bOgx971foZUADXBV2twy96pdcDMNAW4zNVZZ8JTptNuzfLyS7TZw6rd3tDhiQpyCSDkkdHlG0rr7k-l8M7j4T3y-E0BRaAzslNgYfbi9E-pWaPJZMzipROtM1Ns5U0CrxoU2rGrLynjTXSlznWRz7cXH1ZPmTBgapKUBhUH9OjlwLJfFOiezq_U000TqyjF7iFi0HJayzODKTJ1zrAvWReDTAtMXbqbDBUGUlMTZBicAeuayfgs6v-6hrpKpmJdYf-_8taE22kmQNWVQiH8YL9yADfSNbKVE4r9HLwqUZ9mAf4xlmSmecF_k6a4LYgr-UstEy7IJsXFwnEUL0ERisBq9Xfz26XYAZ8XKdeBm8s2ulwQ1LD5q6oMbmQg0tSnxgDzI0YMzqdgz1kZBFWCjvKu86q5XwVXE5giQqZOj8BkqUpbMMZNHLmqoaA68OvReO2TVKXLcPIjhD-pQ513HMzmo1pbGNK7sQJTbNTu-kN3Qy3tZTA3437YDsFgz9nAP03vkj8-8PrSzOnRL5L6btMJ4ZSTngbOIYracLwnMuRywsJ_HDCxUiFgYl8teLRYmxDB0VtWzkZ538DFN5lr07PgmpLLTg0fJhkvqSJsSQi_3AwFjyI8TLG3f28UT1bG-cZbmBhszuSDG8azGUYFAWTu-kAV-hjMv3uPuhAr6O61fukYG-4RxcXJdQcceynu3vYHkPR463Q4jXRmTqdQvsobwjW401slaqNVBi7YxGnxI5l2-5BU9g-Uh1H3vVDaJn93TBHKy5OVImFMGZjrHf2YaHzCfwutdT0tDG-WaQkwHGfy7lOnu3Gk1L56kiq5Kd0xfp27Z5ltcceY37ADDmrVf5yXJ8M0OoC--tOSaniuzJGP9OBpOEh75pWsLZMl2lu-4Nuupxy3XV45brqsf9jK56C9Nl65F1MuZM-u8m_ZnUYc96NqNWz2-Spxuo4SPrnL1fcmTOyfsDkldMv0ac6NTTI0WoPdm7hT30iZ6unHb_tQtMm136lEXLSsR9oiyQ7xH3jyL5K-8J_3MndlbQi41P-cbGRyfcyY9CTNPPlZhIHBIpbdegp1IJhqIz4ONAuL348R_7vSufhhMAAA */
+._1dqesow0 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  min-width: 210px;
+}
+._1dqesow0[data-disabled] {
+  opacity: 0.38;
+  pointer-events: none;
+}
+._1dqesow1 {
+  position: relative;
+  display: flex;
+  align-items: stretch;
+  gap: 12px;
+  height: 56px;
+  padding-inline: 16px;
+  box-sizing: border-box;
+  transition: border-color 150ms var(--md-sys-motion-easing-standard), padding 150ms var(--md-sys-motion-easing-standard);
+}
+._1dqesow2 {
+  border-top-left-radius: var(--md-sys-shape-extra-small);
+  border-top-right-radius: var(--md-sys-shape-extra-small);
+  background: rgb(var(--md-sys-color-surface-container-highest));
+  border-bottom: 2px solid rgb(var(--md-sys-color-outline));
+}
+._1dqesow0[data-focused] ._1dqesow2 {
+  border-bottom-color: rgb(var(--md-sys-color-primary));
+}
+._1dqesow0[data-invalid] ._1dqesow2 {
+  border-bottom-color: rgb(var(--md-sys-color-error));
+}
+._1dqesow3 {
+  border-radius: var(--md-sys-shape-extra-small);
+  border: 1px solid rgb(var(--md-sys-color-outline));
+}
+._1dqesow0[data-focused] ._1dqesow3 {
+  border: 2px solid rgb(var(--md-sys-color-primary));
+  padding-inline: 15px;
+}
+._1dqesow0[data-invalid] ._1dqesow3 {
+  border-color: rgb(var(--md-sys-color-error));
+}
+._1dqesow4 {
+  position: relative;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  min-width: 0;
+}
+._1dqesow5 {
+  width: 100%;
+  background: transparent;
+  border: none;
+  outline: none;
+  padding: 0;
+  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);
+}
+._1dqesow5::placeholder {
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._1dqesow6 {
+  padding-top: 12px;
+}
+._1dqesow8 {
+  position: absolute;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  transform-origin: left;
+  pointer-events: none;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  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);
+  transition: all 150ms var(--md-sys-motion-easing-standard);
+}
+._1dqesow0[data-focused] ._1dqesow8 {
+  color: rgb(var(--md-sys-color-primary));
+}
+._1dqesow0[data-invalid] ._1dqesow8 {
+  color: rgb(var(--md-sys-color-error));
+}
+._1dqesow0[data-focused] ._1dqesow9 {
+  top: 6px;
+  transform: translateY(0);
+  font-family: var(--md-sys-typescale-body-small-font);
+  font-weight: var(--md-sys-typescale-body-small-weight);
+  font-size: var(--md-sys-typescale-body-small-size);
+  line-height: var(--md-sys-typescale-body-small-line-height);
+  letter-spacing: var(--md-sys-typescale-body-small-tracking);
+}
+._1dqesow0[data-filled] ._1dqesow9 {
+  top: 6px;
+  transform: translateY(0);
+  font-family: var(--md-sys-typescale-body-small-font);
+  font-weight: var(--md-sys-typescale-body-small-weight);
+  font-size: var(--md-sys-typescale-body-small-size);
+  line-height: var(--md-sys-typescale-body-small-line-height);
+  letter-spacing: var(--md-sys-typescale-body-small-tracking);
+}
+._1dqesow0[data-focused] ._1dqesowa {
+  top: 0;
+  transform: translateY(-50%);
+  background: rgb(var(--md-sys-color-surface));
+  padding-inline: 4px;
+  font-family: var(--md-sys-typescale-body-small-font);
+  font-weight: var(--md-sys-typescale-body-small-weight);
+  font-size: var(--md-sys-typescale-body-small-size);
+  line-height: var(--md-sys-typescale-body-small-line-height);
+  letter-spacing: var(--md-sys-typescale-body-small-tracking);
+}
+._1dqesow0[data-filled] ._1dqesowa {
+  top: 0;
+  transform: translateY(-50%);
+  background: rgb(var(--md-sys-color-surface));
+  padding-inline: 4px;
+  font-family: var(--md-sys-typescale-body-small-font);
+  font-weight: var(--md-sys-typescale-body-small-weight);
+  font-size: var(--md-sys-typescale-body-small-size);
+  line-height: var(--md-sys-typescale-body-small-line-height);
+  letter-spacing: var(--md-sys-typescale-body-small-tracking);
+}
+._1dqesowb {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._1dqesowc {
+  display: flex;
+  justify-content: space-between;
+  gap: 16px;
+  padding-inline: 16px;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  font-family: var(--md-sys-typescale-body-small-font);
+  font-weight: var(--md-sys-typescale-body-small-weight);
+  font-size: var(--md-sys-typescale-body-small-size);
+  line-height: var(--md-sys-typescale-body-small-line-height);
+  letter-spacing: var(--md-sys-typescale-body-small-tracking);
+}
+._1dqesow0[data-invalid] ._1dqesowc {
+  color: rgb(var(--md-sys-color-error));
+}
+._1dqesowd {
+  min-width: 0;
+}
+._1dqesowe {
+  flex-shrink: 0;
+  font-variant-numeric: tabular-nums;
+}
+/*# sourceMappingURL=textfield.css.map */

package/dist/textfield.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1Y0W7bOgx971foZUADXBV2twy96pdcDMNAW4zNVZZ8JTptNuzfLyS7TZw6rd3tDhiQpyCSDkkdHlG0rr7k-l8M7j4T3y-E0BRaAzslNgYfbi9E-pWaPJZMzipROtM1Ns5U0CrxoU2rGrLynjTXSlznWRz7cXH1ZPmTBgapKUBhUH9OjlwLJfFOiezq_U000TqyjF7iFi0HJayzODKTJ1zrAvWReDTAtMXbqbDBUGUlMTZBicAeuayfgs6v-6hrpKpmJdYf-_8taE22kmQNWVQiH8YL9yADfSNbKVE4r9HLwqUZ9mAf4xlmSmecF_k6a4LYgr-UstEy7IJsXFwnEUL0ERisBq9Xfz26XYAZ8XKdeBm8s2ulwQ1LD5q6oMbmQg0tSnxgDzI0YMzqdgz1kZBFWCjvKu86q5XwVXE5giQqZOj8BkqUpbMMZNHLmqoaA68OvReO2TVKXLcPIjhD-pQ513HMzmo1pbGNK7sQJTbNTu-kN3Qy3tZTA3437YDsFgz9nAP03vkj8-8PrSzOnRL5L6btMJ4ZSTngbOIYracLwnMuRywsJ_HDCxUiFgYl8teLRYmxDB0VtWzkZ538DFN5lr07PgmpLLTg0fJhkvqSJsSQi_3AwFjyI8TLG3f28UT1bG-cZbmBhszuSDG8azGUYFAWTu-kAV-hjMv3uPuhAr6O61fukYG-4RxcXJdQcceynu3vYHkPR463Q4jXRmTqdQvsobwjW401slaqNVBi7YxGnxI5l2-5BU9g-Uh1H3vVDaJn93TBHKy5OVImFMGZjrHf2YaHzCfwutdT0tDG-WaQkwHGfy7lOnu3Gk1L56kiq5Kd0xfp27Z5ltcceY37ADDmrVf5yXJ8M0OoC--tOSaniuzJGP9OBpOEh75pWsLZMl2lu-4Nuupxy3XV45brqsf9jK56C9Nl65F1MuZM-u8m_ZnUYc96NqNWz2-Spxuo4SPrnL1fcmTOyfsDkldMv0ac6NTTI0WoPdm7hT30iZ6unHb_tQtMm136lEXLSsR9oiyQ7xH3jyL5K-8J_3MndlbQi41P-cbGRyfcyY9CTNPPlZhIHBIpbdegp1IJhqIz4ONAuL348R_7vSufhhMAAA"],"sourcesContent":["._1dqesow0 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 210px;\n}\n._1dqesow0[data-disabled] {\n  opacity: 0.38;\n  pointer-events: none;\n}\n._1dqesow1 {\n  position: relative;\n  display: flex;\n  align-items: stretch;\n  gap: 12px;\n  height: 56px;\n  padding-inline: 16px;\n  box-sizing: border-box;\n  transition: border-color 150ms var(--md-sys-motion-easing-standard), padding 150ms var(--md-sys-motion-easing-standard);\n}\n._1dqesow2 {\n  border-top-left-radius: var(--md-sys-shape-extra-small);\n  border-top-right-radius: var(--md-sys-shape-extra-small);\n  background: rgb(var(--md-sys-color-surface-container-highest));\n  border-bottom: 2px solid rgb(var(--md-sys-color-outline));\n}\n._1dqesow0[data-focused] ._1dqesow2 {\n  border-bottom-color: rgb(var(--md-sys-color-primary));\n}\n._1dqesow0[data-invalid] ._1dqesow2 {\n  border-bottom-color: rgb(var(--md-sys-color-error));\n}\n._1dqesow3 {\n  border-radius: var(--md-sys-shape-extra-small);\n  border: 1px solid rgb(var(--md-sys-color-outline));\n}\n._1dqesow0[data-focused] ._1dqesow3 {\n  border: 2px solid rgb(var(--md-sys-color-primary));\n  padding-inline: 15px;\n}\n._1dqesow0[data-invalid] ._1dqesow3 {\n  border-color: rgb(var(--md-sys-color-error));\n}\n._1dqesow4 {\n  position: relative;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n._1dqesow5 {\n  width: 100%;\n  background: transparent;\n  border: none;\n  outline: none;\n  padding: 0;\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._1dqesow5::placeholder {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1dqesow6 {\n  padding-top: 12px;\n}\n._1dqesow8 {\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  transform-origin: left;\n  pointer-events: none;\n  color: rgb(var(--md-sys-color-on-surface-variant));\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  transition: all 150ms var(--md-sys-motion-easing-standard);\n}\n._1dqesow0[data-focused] ._1dqesow8 {\n  color: rgb(var(--md-sys-color-primary));\n}\n._1dqesow0[data-invalid] ._1dqesow8 {\n  color: rgb(var(--md-sys-color-error));\n}\n._1dqesow0[data-focused] ._1dqesow9 {\n  top: 6px;\n  transform: translateY(0);\n  font-family: var(--md-sys-typescale-body-small-font);\n  font-weight: var(--md-sys-typescale-body-small-weight);\n  font-size: var(--md-sys-typescale-body-small-size);\n  line-height: var(--md-sys-typescale-body-small-line-height);\n  letter-spacing: var(--md-sys-typescale-body-small-tracking);\n}\n._1dqesow0[data-filled] ._1dqesow9 {\n  top: 6px;\n  transform: translateY(0);\n  font-family: var(--md-sys-typescale-body-small-font);\n  font-weight: var(--md-sys-typescale-body-small-weight);\n  font-size: var(--md-sys-typescale-body-small-size);\n  line-height: var(--md-sys-typescale-body-small-line-height);\n  letter-spacing: var(--md-sys-typescale-body-small-tracking);\n}\n._1dqesow0[data-focused] ._1dqesowa {\n  top: 0;\n  transform: translateY(-50%);\n  background: rgb(var(--md-sys-color-surface));\n  padding-inline: 4px;\n  font-family: var(--md-sys-typescale-body-small-font);\n  font-weight: var(--md-sys-typescale-body-small-weight);\n  font-size: var(--md-sys-typescale-body-small-size);\n  line-height: var(--md-sys-typescale-body-small-line-height);\n  letter-spacing: var(--md-sys-typescale-body-small-tracking);\n}\n._1dqesow0[data-filled] ._1dqesowa {\n  top: 0;\n  transform: translateY(-50%);\n  background: rgb(var(--md-sys-color-surface));\n  padding-inline: 4px;\n  font-family: var(--md-sys-typescale-body-small-font);\n  font-weight: var(--md-sys-typescale-body-small-weight);\n  font-size: var(--md-sys-typescale-body-small-size);\n  line-height: var(--md-sys-typescale-body-small-line-height);\n  letter-spacing: var(--md-sys-typescale-body-small-tracking);\n}\n._1dqesowb {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1dqesowc {\n  display: flex;\n  justify-content: space-between;\n  gap: 16px;\n  padding-inline: 16px;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  font-family: var(--md-sys-typescale-body-small-font);\n  font-weight: var(--md-sys-typescale-body-small-weight);\n  font-size: var(--md-sys-typescale-body-small-size);\n  line-height: var(--md-sys-typescale-body-small-line-height);\n  letter-spacing: var(--md-sys-typescale-body-small-tracking);\n}\n._1dqesow0[data-invalid] ._1dqesowc {\n  color: rgb(var(--md-sys-color-error));\n}\n._1dqesowd {\n  min-width: 0;\n}\n._1dqesowe {\n  flex-shrink: 0;\n  font-variant-numeric: tabular-nums;\n}"],"mappings":"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","names":[]}

package/dist/textfield.d.ts

@@ -0,0 +1,7 @@
+import * as react from 'react';
+import * as _m3_baseui_core from '@m3-baseui/core';
+export { TextFieldProps, TextFieldVariant } from '@m3-baseui/core';
+
+declare const TextField: react.ForwardRefExoticComponent<_m3_baseui_core.TextFieldOwnProps & Omit<react.InputHTMLAttributes<HTMLInputElement>, "size"> & react.RefAttributes<HTMLInputElement>>;
+
+export { TextField };

package/dist/textfield.js

@@ -0,0 +1,37 @@
+"use client";
+import './textfield.css';
+import { createTextField, cx } from '@m3-baseui/core';
+
+// src/textfield.ts
+
+// src/textfield.css.ts
+var counter = "_1dqesowe";
+var field = "_1dqesow1";
+var fieldVariant = { filled: "_1dqesow2", outlined: "_1dqesow3" };
+var icon = "_1dqesowb";
+var input = "_1dqesow5";
+var inputVariant = { filled: "_1dqesow6", outlined: "_1dqesow7" };
+var inputWrap = "_1dqesow4";
+var label = "_1dqesow8";
+var labelVariant = { filled: "_1dqesow9", outlined: "_1dqesowa" };
+var root = "_1dqesow0";
+var supporting = "_1dqesowc";
+var supportingText = "_1dqesowd";
+
+// src/textfield.ts
+var TextField = createTextField(({ variant }) => ({
+  root,
+  field: cx(field, fieldVariant[variant]),
+  inputWrap,
+  input: cx(input, inputVariant[variant]),
+  label: cx(label, labelVariant[variant]),
+  leadingIcon: icon,
+  trailingIcon: icon,
+  supporting,
+  supportingText,
+  counter
+}));
+
+export { TextField };
+//# sourceMappingURL=textfield.js.map
+//# sourceMappingURL=textfield.js.map

package/dist/textfield.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/textfield.css.ts","../src/textfield.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,YAAA,GAAe,EAAC,MAAA,EAAO,WAAA,EAAY,UAAS,WAAA,EAAW;AAC3D,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,YAAA,GAAe,EAAC,MAAA,EAAO,WAAA,EAAY,UAAS,WAAA,EAAW;AAC3D,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,YAAA,GAAe,EAAC,MAAA,EAAO,WAAA,EAAY,UAAS,WAAA,EAAW;AAC3D,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,cAAA,GAAiB,WAAA;;;ACNrB,IAAM,SAAA,GAAY,eAAA,CAAgB,CAAC,EAAE,SAAQ,MAAO;AAAA,EACzD,IAAA;AAAA,EACA,KAAA,EAAO,EAAA,CAAK,KAAA,EAAS,YAAA,CAAa,OAAO,CAAC,CAAA;AAAA,EAC1C,SAAA;AAAA,EACA,KAAA,EAAO,EAAA,CAAK,KAAA,EAAS,YAAA,CAAa,OAAO,CAAC,CAAA;AAAA,EAC1C,KAAA,EAAO,EAAA,CAAK,KAAA,EAAS,YAAA,CAAa,OAAO,CAAC,CAAA;AAAA,EAC1C,WAAA,EAAe,IAAA;AAAA,EACf,YAAA,EAAgB,IAAA;AAAA,EAChB,UAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,CAAE","file":"textfield.js","sourcesContent":["import 'src/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1Y0W7bOgx971foZUADXBV2twy96pdcDMNAW4zNVZZ8JTptNuzfLyS7TZw6rd3tDhiQpyCSDkkdHlG0rr7k-l8M7j4T3y-E0BRaAzslNgYfbi9E-pWaPJZMzipROtM1Ns5U0CrxoU2rGrLynjTXSlznWRz7cXH1ZPmTBgapKUBhUH9OjlwLJfFOiezq_U000TqyjF7iFi0HJayzODKTJ1zrAvWReDTAtMXbqbDBUGUlMTZBicAeuayfgs6v-6hrpKpmJdYf-_8taE22kmQNWVQiH8YL9yADfSNbKVE4r9HLwqUZ9mAf4xlmSmecF_k6a4LYgr-UstEy7IJsXFwnEUL0ERisBq9Xfz26XYAZ8XKdeBm8s2ulwQ1LD5q6oMbmQg0tSnxgDzI0YMzqdgz1kZBFWCjvKu86q5XwVXE5giQqZOj8BkqUpbMMZNHLmqoaA68OvReO2TVKXLcPIjhD-pQ513HMzmo1pbGNK7sQJTbNTu-kN3Qy3tZTA3437YDsFgz9nAP03vkj8-8PrSzOnRL5L6btMJ4ZSTngbOIYracLwnMuRywsJ_HDCxUiFgYl8teLRYmxDB0VtWzkZ538DFN5lr07PgmpLLTg0fJhkvqSJsSQi_3AwFjyI8TLG3f28UT1bG-cZbmBhszuSDG8azGUYFAWTu-kAV-hjMv3uPuhAr6O61fukYG-4RxcXJdQcceynu3vYHkPR463Q4jXRmTqdQvsobwjW401slaqNVBi7YxGnxI5l2-5BU9g-Uh1H3vVDaJn93TBHKy5OVImFMGZjrHf2YaHzCfwutdT0tDG-WaQkwHGfy7lOnu3Gk1L56kiq5Kd0xfp27Z5ltcceY37ADDmrVf5yXJ8M0OoC--tOSaniuzJGP9OBpOEh75pWsLZMl2lu-4Nuupxy3XV45brqsf9jK56C9Nl65F1MuZM-u8m_ZnUYc96NqNWz2-Spxuo4SPrnL1fcmTOyfsDkldMv0ac6NTTI0WoPdm7hT30iZ6unHb_tQtMm136lEXLSsR9oiyQ7xH3jyL5K-8J_3MndlbQi41P-cbGRyfcyY9CTNPPlZhIHBIpbdegp1IJhqIz4ONAuL348R_7vSufhhMAAA';\nexport var counter = '_1dqesowe';\nexport var field = '_1dqesow1';\nexport var fieldVariant = {filled:'_1dqesow2',outlined:'_1dqesow3'};\nexport var icon = '_1dqesowb';\nexport var input = '_1dqesow5';\nexport var inputVariant = {filled:'_1dqesow6',outlined:'_1dqesow7'};\nexport var inputWrap = '_1dqesow4';\nexport var label = '_1dqesow8';\nexport var labelVariant = {filled:'_1dqesow9',outlined:'_1dqesowa'};\nexport var root = '_1dqesow0';\nexport var supporting = '_1dqesowc';\nexport var supportingText = '_1dqesowd';","/**\n * textfield.ts — wires the VE styles into the shared TextField factory.\n */\nimport { createTextField, cx } from '@m3-baseui/core';\nimport * as s from './textfield.css';\n\nexport const TextField = createTextField(({ variant }) => ({\n  root: s.root,\n  field: cx(s.field, s.fieldVariant[variant]),\n  inputWrap: s.inputWrap,\n  input: cx(s.input, s.inputVariant[variant]),\n  label: cx(s.label, s.labelVariant[variant]),\n  leadingIcon: s.icon,\n  trailingIcon: s.icon,\n  supporting: s.supporting,\n  supportingText: s.supportingText,\n  counter: s.counter,\n}));\n\nexport type { TextFieldProps, TextFieldVariant } from '@m3-baseui/core';\n"]}

package/dist/tooltip.css

@@ -0,0 +1,26 @@
+/* vanilla-extract-css-ns:src/tooltip.css.ts.vanilla.css?source=Ll8xOHozN3d6MCB7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLXN1cmZhY2UpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLW9uLXN1cmZhY2UpKTsKICBmb250LWZhbWlseTogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLWZvbnQpOwogIGZvbnQtd2VpZ2h0OiB2YXIoLS1tZC1zeXMtdHlwZXNjYWxlLWJvZHktc21hbGwtd2VpZ2h0KTsKICBmb250LXNpemU6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtYm9keS1zbWFsbC1zaXplKTsKICBsaW5lLWhlaWdodDogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLWxpbmUtaGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLXRyYWNraW5nKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtZXh0cmEtc21hbGwpOwogIHBhZGRpbmctaW5saW5lOiA4cHg7CiAgcGFkZGluZy1ibG9jazogNHB4OwogIG1heC13aWR0aDogMjI0cHg7CiAgdXNlci1zZWxlY3Q6IG5vbmU7CiAgdHJhbnNmb3JtLW9yaWdpbjogdmFyKC0tdHJhbnNmb3JtLW9yaWdpbik7CiAgdHJhbnNpdGlvbjogb3BhY2l0eSAxNTBtcyB2YXIoLS1tZC1zeXMtbW90aW9uLWVhc2luZy1zdGFuZGFyZCksIHRyYW5zZm9ybSAxNTBtcyB2YXIoLS1tZC1zeXMtbW90aW9uLWVhc2luZy1zdGFuZGFyZCk7Cn0KLl8xOHozN3d6MFtkYXRhLXN0YXJ0aW5nLXN0eWxlXSwgLl8xOHozN3d6MFtkYXRhLWVuZGluZy1zdHlsZV0gewogIG9wYWNpdHk6IDA7CiAgdHJhbnNmb3JtOiBzY2FsZSgwLjk1KTsKfQouXzE4ejM3d3oxIHsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLXN1cmZhY2UpKTsKfQ */
+._18z37wz0 {
+  background: rgb(var(--md-sys-color-inverse-surface));
+  color: rgb(var(--md-sys-color-inverse-on-surface));
+  font-family: var(--md-sys-typescale-body-small-font);
+  font-weight: var(--md-sys-typescale-body-small-weight);
+  font-size: var(--md-sys-typescale-body-small-size);
+  line-height: var(--md-sys-typescale-body-small-line-height);
+  letter-spacing: var(--md-sys-typescale-body-small-tracking);
+  border-radius: var(--md-sys-shape-extra-small);
+  padding-inline: 8px;
+  padding-block: 4px;
+  max-width: 224px;
+  user-select: none;
+  transform-origin: var(--transform-origin);
+  transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
+}
+._18z37wz0[data-starting-style],
+._18z37wz0[data-ending-style] {
+  opacity: 0;
+  transform: scale(0.95);
+}
+._18z37wz1 {
+  color: rgb(var(--md-sys-color-inverse-surface));
+}
+/*# sourceMappingURL=tooltip.css.map */

package/dist/tooltip.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/tooltip.css.ts.vanilla.css?source=Ll8xOHozN3d6MCB7CiAgYmFja2dyb3VuZDogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLXN1cmZhY2UpKTsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLW9uLXN1cmZhY2UpKTsKICBmb250LWZhbWlseTogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLWZvbnQpOwogIGZvbnQtd2VpZ2h0OiB2YXIoLS1tZC1zeXMtdHlwZXNjYWxlLWJvZHktc21hbGwtd2VpZ2h0KTsKICBmb250LXNpemU6IHZhcigtLW1kLXN5cy10eXBlc2NhbGUtYm9keS1zbWFsbC1zaXplKTsKICBsaW5lLWhlaWdodDogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLWxpbmUtaGVpZ2h0KTsKICBsZXR0ZXItc3BhY2luZzogdmFyKC0tbWQtc3lzLXR5cGVzY2FsZS1ib2R5LXNtYWxsLXRyYWNraW5nKTsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1tZC1zeXMtc2hhcGUtZXh0cmEtc21hbGwpOwogIHBhZGRpbmctaW5saW5lOiA4cHg7CiAgcGFkZGluZy1ibG9jazogNHB4OwogIG1heC13aWR0aDogMjI0cHg7CiAgdXNlci1zZWxlY3Q6IG5vbmU7CiAgdHJhbnNmb3JtLW9yaWdpbjogdmFyKC0tdHJhbnNmb3JtLW9yaWdpbik7CiAgdHJhbnNpdGlvbjogb3BhY2l0eSAxNTBtcyB2YXIoLS1tZC1zeXMtbW90aW9uLWVhc2luZy1zdGFuZGFyZCksIHRyYW5zZm9ybSAxNTBtcyB2YXIoLS1tZC1zeXMtbW90aW9uLWVhc2luZy1zdGFuZGFyZCk7Cn0KLl8xOHozN3d6MFtkYXRhLXN0YXJ0aW5nLXN0eWxlXSwgLl8xOHozN3d6MFtkYXRhLWVuZGluZy1zdHlsZV0gewogIG9wYWNpdHk6IDA7CiAgdHJhbnNmb3JtOiBzY2FsZSgwLjk1KTsKfQouXzE4ejM3d3oxIHsKICBjb2xvcjogcmdiKHZhcigtLW1kLXN5cy1jb2xvci1pbnZlcnNlLXN1cmZhY2UpKTsKfQ"],"sourcesContent":["._18z37wz0 {\n  background: rgb(var(--md-sys-color-inverse-surface));\n  color: rgb(var(--md-sys-color-inverse-on-surface));\n  font-family: var(--md-sys-typescale-body-small-font);\n  font-weight: var(--md-sys-typescale-body-small-weight);\n  font-size: var(--md-sys-typescale-body-small-size);\n  line-height: var(--md-sys-typescale-body-small-line-height);\n  letter-spacing: var(--md-sys-typescale-body-small-tracking);\n  border-radius: var(--md-sys-shape-extra-small);\n  padding-inline: 8px;\n  padding-block: 4px;\n  max-width: 224px;\n  user-select: none;\n  transform-origin: var(--transform-origin);\n  transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);\n}\n._18z37wz0[data-starting-style], ._18z37wz0[data-ending-style] {\n  opacity: 0;\n  transform: scale(0.95);\n}\n._18z37wz1 {\n  color: rgb(var(--md-sys-color-inverse-surface));\n}"],"mappings":";AAAA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACpB,iBAAe,IAAI;AACnB,kBAAgB;AAChB,iBAAe;AACf,aAAW;AACX,eAAa;AACb,oBAAkB,IAAI;AACtB,cAAY,QAAQ,MAAM,IAAI,gCAAgC,EAAE,UAAU,MAAM,IAAI;AACtF;AACA,CAhBC,SAgBS,CAAC;AAAsB,CAhBhC,SAgB0C,CAAC;AAC1C,WAAS;AACT,aAAW,MAAM;AACnB;AACA,CAAC;AACC,SAAO,IAAI,IAAI;AACjB;","names":[]}