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

package/dist/{tabs.css → components/tabs/index.css}

@@ -1,22 +1,22 @@
-/* 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 {
+/* vanilla-extract-css-ns:src/components/tabs/tabs.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW224bIRB991egPMVSSW0nTSOi9qU_UamKKhZm19OwsIJZO26Vf6-AXXtxbk77ZANzztxn9uLnEulya6oF-zNjTGPojNwJVht4uJ2x9Ms1elCEzgqmnOlbezt7nF2MyGVCdi5gFvFgJOEGbp_jq5zX4HnliFwr2LJ7YMEZ1Mw31flG-nPOW83DLnDljPM89L6WCvhGepSW5vNS9Q8tSfKgvDNGVgbuki1uA742bssfBJM9ub0jWy87wayLv_EyAyvp-RY1reOThTc0CMG3UN0j8T26DN0TjtV7ApTsDGuP9l6wRbyRBhvLkaANgimwBD5e_-oDYb3jylkCS9OnJnp50yW-NWCzJsGuhnMntUbbcLQGLQi2vM73Y8wEW6PWYOOd6n1wXrDO4UjdB_A8gAFFo6djUidnqe4b73qrBSMvbeikB0tJTU9Z7yib0ixeSr-zz1UAY7WzxGvZotkJVuBo10FQ0gAnJAM8tNIYHuUPwO0QkxOAWfQADfgbTgJGwQSL7vL16Ron8hkPRDHmnVRom5MoyEt1j7Ypm2UlRAW185DKcV82Z2e3RXXKKjjTU0oO2gA0lOE0qar3MaHfYo5SVqNxtBskh3LhsAFL4ZDqVAqDlgHBlotFG0qfWhdFOMgQ6zSQtFp6fezLOhZs4dHeiIItkCTgSfqYonaqD3yDASsDJ1Ml1DGVVLGhT-boPIQAxz7lUaMxxDmj74Y0ndYec_aRLS4ub-YvJ-AVVfmYnfhnva_wPx-YRYG5fK8RncdW-t3RShhotkhrjsrZzPTSGjvMx-urPAfT7Ez_J6RX_xGg0rxPR7tg2m3jUlzktq_Hzht2U1aTbeAkq7yz5vvOqp1vh3lrJMH38yeAyJnn57SZ3w5v2bpJLVud3LgfDua9A1VE7TpFbUzVZTf9lCDXJce4lxr78Nyzj7jyfUL-uSBfHb3e5ITlrTlZl-Uee5wN3wnG0ZezGOtYe2d35ZdB3rk8r_oXIV9Z2DQJOCR-dVWu8nx-_AvujwRwuwkAAA */
+._1it3wlb0 {
   display: flex;
   flex-direction: column;
 }
-._3vr6xb1 {
+._1it3wlb1 {
   position: relative;
   display: flex;
   border-bottom: 1px solid rgb(var(--md-sys-color-surface-variant));
 }
-._3vr6xb1[data-scrollable] {
+._1it3wlb1[data-scrollable] {
   overflow-x: auto;
   flex-wrap: nowrap;
   scrollbar-width: none;
 }
-._3vr6xb1[data-scrollable]::-webkit-scrollbar {
+._1it3wlb1[data-scrollable]::-webkit-scrollbar {
   display: none;
 }
-._3vr6xb2 {
+._1it3wlb2 {
   position: relative;
   display: flex;
   flex-shrink: 0;
@@ -38,7 +38,7 @@
   line-height: var(--md-sys-typescale-title-small-line-height);
   letter-spacing: var(--md-sys-typescale-title-small-tracking);
 }
-._3vr6xb2::before {
+._1it3wlb2::before {
   content: "";
   position: absolute;
   inset: 0;
@@ -47,37 +47,37 @@
   pointer-events: none;
   transition: opacity 100ms var(--md-sys-motion-easing-standard);
 }
-._3vr6xb2:hover::before {
+._1it3wlb2:hover::before {
   opacity: var(--md-sys-state-hover);
 }
-._3vr6xb2:focus-visible::before {
+._1it3wlb2:focus-visible::before {
   opacity: var(--md-sys-state-focus);
 }
-._3vr6xb2:active::before {
+._1it3wlb2:active::before {
   opacity: var(--md-sys-state-pressed);
 }
-._3vr6xb2[data-disabled] {
+._1it3wlb2[data-disabled] {
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
   pointer-events: none;
 }
-._3vr6xb2[data-disabled][data-active] {
+._1it3wlb2[data-disabled][data-active] {
   color: rgb(var(--md-sys-color-on-surface) / 0.38);
 }
-._3vr6xb2[data-disabled]::before {
+._1it3wlb2[data-disabled]::before {
   opacity: 0;
 }
-._3vr6xb3[data-active] {
+._1it3wlb3[data-active] {
   color: rgb(var(--md-sys-color-primary));
 }
-._3vr6xb3[data-with-icon] {
+._1it3wlb3[data-with-icon] {
   flex-direction: column;
   height: 64px;
   gap: 4px;
 }
-._3vr6xb4[data-active] {
+._1it3wlb4[data-active] {
   color: rgb(var(--md-sys-color-on-surface));
 }
-._3vr6xb5 {
+._1it3wlb5 {
   position: absolute;
   bottom: 0;
   left: 0;
@@ -86,15 +86,15 @@
   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 {
+._1it3wlb6 {
   height: 3px;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
 }
-._3vr6xb7 {
+._1it3wlb7 {
   height: 2px;
 }
-._3vr6xb8 {
+._1it3wlb8 {
   padding: 16px;
   outline: none;
 }
@@ -105,4 +105,4 @@
   width: 24px;
   height: 24px;
 }
-/*# sourceMappingURL=tabs.css.map */
+/*# sourceMappingURL=index.css.map */

package/dist/components/tabs/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/components/tabs/tabs.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW224bIRB991egPMVSSW0nTSOi9qU_UamKKhZm19OwsIJZO26Vf6-AXXtxbk77ZANzztxn9uLnEulya6oF-zNjTGPojNwJVht4uJ2x9Ms1elCEzgqmnOlbezt7nF2MyGVCdi5gFvFgJOEGbp_jq5zX4HnliFwr2LJ7YMEZ1Mw31flG-nPOW83DLnDljPM89L6WCvhGepSW5vNS9Q8tSfKgvDNGVgbuki1uA742bssfBJM9ub0jWy87wayLv_EyAyvp-RY1reOThTc0CMG3UN0j8T26DN0TjtV7ApTsDGuP9l6wRbyRBhvLkaANgimwBD5e_-oDYb3jylkCS9OnJnp50yW-NWCzJsGuhnMntUbbcLQGLQi2vM73Y8wEW6PWYOOd6n1wXrDO4UjdB_A8gAFFo6djUidnqe4b73qrBSMvbeikB0tJTU9Z7yib0ixeSr-zz1UAY7WzxGvZotkJVuBo10FQ0gAnJAM8tNIYHuUPwO0QkxOAWfQADfgbTgJGwQSL7vL16Ron8hkPRDHmnVRom5MoyEt1j7Ypm2UlRAW185DKcV82Z2e3RXXKKjjTU0oO2gA0lOE0qar3MaHfYo5SVqNxtBskh3LhsAFL4ZDqVAqDlgHBlotFG0qfWhdFOMgQ6zSQtFp6fezLOhZs4dHeiIItkCTgSfqYonaqD3yDASsDJ1Ml1DGVVLGhT-boPIQAxz7lUaMxxDmj74Y0ndYec_aRLS4ub-YvJ-AVVfmYnfhnva_wPx-YRYG5fK8RncdW-t3RShhotkhrjsrZzPTSGjvMx-urPAfT7Ez_J6RX_xGg0rxPR7tg2m3jUlzktq_Hzht2U1aTbeAkq7yz5vvOqp1vh3lrJMH38yeAyJnn57SZ3w5v2bpJLVud3LgfDua9A1VE7TpFbUzVZTf9lCDXJce4lxr78Nyzj7jyfUL-uSBfHb3e5ITlrTlZl-Uee5wN3wnG0ZezGOtYe2d35ZdB3rk8r_oXIV9Z2DQJOCR-dVWu8nx-_AvujwRwuwkAAA"],"sourcesContent":["._1it3wlb0 {\n  display: flex;\n  flex-direction: column;\n}\n._1it3wlb1 {\n  position: relative;\n  display: flex;\n  border-bottom: 1px solid rgb(var(--md-sys-color-surface-variant));\n}\n._1it3wlb1[data-scrollable] {\n  overflow-x: auto;\n  flex-wrap: nowrap;\n  scrollbar-width: none;\n}\n._1it3wlb1[data-scrollable]::-webkit-scrollbar {\n  display: none;\n}\n._1it3wlb2 {\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._1it3wlb2::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._1it3wlb2:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1it3wlb2:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._1it3wlb2:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1it3wlb2[data-disabled] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  pointer-events: none;\n}\n._1it3wlb2[data-disabled][data-active] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1it3wlb2[data-disabled]::before {\n  opacity: 0;\n}\n._1it3wlb3[data-active] {\n  color: rgb(var(--md-sys-color-primary));\n}\n._1it3wlb3[data-with-icon] {\n  flex-direction: column;\n  height: 64px;\n  gap: 4px;\n}\n._1it3wlb4[data-active] {\n  color: rgb(var(--md-sys-color-on-surface));\n}\n._1it3wlb5 {\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._1it3wlb6 {\n  height: 3px;\n  border-top-left-radius: 3px;\n  border-top-right-radius: 3px;\n}\n._1it3wlb7 {\n  height: 2px;\n}\n._1it3wlb8 {\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,SAKS,CAAC;AACT,cAAY;AACZ,aAAW;AACX,mBAAiB;AACnB;AACA,CAVC,SAUS,CAAC,gBAAgB;AACzB,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,SAsBS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CA/BC,SA+BS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CAlCC,SAkCS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CArCC,SAqCS,OAAO;AACf,WAAS,IAAI;AACf;AACA,CAxCC,SAwCS,CAAC;AACT,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC5C,kBAAgB;AAClB;AACA,CA5CC,SA4CS,CAAC,cAAc,CAAC;AACxB,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC9C;AACA,CA/CC,SA+CS,CAAC,cAAc;AACvB,WAAS;AACX;AACA,CAAC,SAAS,CAAC;AACT,SAAO,IAAI,IAAI;AACjB;AACA,CAHC,SAGS,CAAC;AACT,kBAAgB;AAChB,UAAQ;AACR,OAAK;AACP;AACA,CAAC,SAAS,CAAC;AACT,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/components/tabs/index.js

@@ -0,0 +1,24 @@
+"use client";
+import './index.css';
+import { createTabs } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/components/tabs/tabs.ts
+var indicator = createRuntimeFn({ defaultClassName: "_1it3wlb5", variantClassNames: { variant: { primary: "_1it3wlb6", secondary: "_1it3wlb7" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
+var list = "_1it3wlb1";
+var panel = "_1it3wlb8";
+var root = "_1it3wlb0";
+var tab = createRuntimeFn({ defaultClassName: "_1it3wlb2", variantClassNames: { variant: { primary: "_1it3wlb3", secondary: "_1it3wlb4" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
+
+// src/components/tabs/tabs.ts
+var Tabs = createTabs((variant) => ({
+  root,
+  list,
+  tab: tab({ variant }),
+  indicator: indicator({ variant }),
+  panel
+}));
+
+export { Tabs };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tabs/tabs.css.ts","../../../src/components/tabs/tabs.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,SAAA,GAAYA,gBAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,OAAA,EAAQ,WAAA,EAAY,WAAU,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,WAAS,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACrL,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,GAAA,GAAMA,gBAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,OAAA,EAAQ,WAAA,EAAY,WAAU,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,WAAS,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;;;ACA/K,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":"index.js","sourcesContent":["import 'src/components/tabs/tabs.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VW224bIRB991egPMVSSW0nTSOi9qU_UamKKhZm19OwsIJZO26Vf6-AXXtxbk77ZANzztxn9uLnEulya6oF-zNjTGPojNwJVht4uJ2x9Ms1elCEzgqmnOlbezt7nF2MyGVCdi5gFvFgJOEGbp_jq5zX4HnliFwr2LJ7YMEZ1Mw31flG-nPOW83DLnDljPM89L6WCvhGepSW5vNS9Q8tSfKgvDNGVgbuki1uA742bssfBJM9ub0jWy87wayLv_EyAyvp-RY1reOThTc0CMG3UN0j8T26DN0TjtV7ApTsDGuP9l6wRbyRBhvLkaANgimwBD5e_-oDYb3jylkCS9OnJnp50yW-NWCzJsGuhnMntUbbcLQGLQi2vM73Y8wEW6PWYOOd6n1wXrDO4UjdB_A8gAFFo6djUidnqe4b73qrBSMvbeikB0tJTU9Z7yib0ixeSr-zz1UAY7WzxGvZotkJVuBo10FQ0gAnJAM8tNIYHuUPwO0QkxOAWfQADfgbTgJGwQSL7vL16Ron8hkPRDHmnVRom5MoyEt1j7Ypm2UlRAW185DKcV82Z2e3RXXKKjjTU0oO2gA0lOE0qar3MaHfYo5SVqNxtBskh3LhsAFL4ZDqVAqDlgHBlotFG0qfWhdFOMgQ6zSQtFp6fezLOhZs4dHeiIItkCTgSfqYonaqD3yDASsDJ1Ml1DGVVLGhT-boPIQAxz7lUaMxxDmj74Y0ndYec_aRLS4ub-YvJ-AVVfmYnfhnva_wPx-YRYG5fK8RncdW-t3RShhotkhrjsrZzPTSGjvMx-urPAfT7Ez_J6RX_xGg0rxPR7tg2m3jUlzktq_Hzht2U1aTbeAkq7yz5vvOqp1vh3lrJMH38yeAyJnn57SZ3w5v2bpJLVud3LgfDua9A1VE7TpFbUzVZTf9lCDXJce4lxr78Nyzj7jyfUL-uSBfHb3e5ITlrTlZl-Uee5wN3wnG0ZezGOtYe2d35ZdB3rk8r_oXIV9Z2DQJOCR-dVWu8nx-_AvujwRwuwkAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var indicator = _7a468({defaultClassName:'_1it3wlb5',variantClassNames:{variant:{primary:'_1it3wlb6',secondary:'_1it3wlb7'}},defaultVariants:{variant:'primary'},compoundVariants:[]});\nexport var list = '_1it3wlb1';\nexport var panel = '_1it3wlb8';\nexport var root = '_1it3wlb0';\nexport var tab = _7a468({defaultClassName:'_1it3wlb2',variantClassNames:{variant:{primary:'_1it3wlb3',secondary:'_1it3wlb4'}},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 → components/textfield/index.css}

@@ -1,15 +1,15 @@
-/* vanilla-extract-css-ns:src/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1YXW_rNgx976_QywUaYCrstrno1F8yDMNAW7TNVZY8iU6bO9z_Pkh2mjh1vrq7AQPyFETSIaXDI5LW3e-5_hODe83EXzdCaAqdgbUSlcG35xuRfqUmjyWTs0qUzvStjTM1dEo8dmlVS1a-kuZGifs8i2Pfb-7eLf-qgUFqClAY1L8lR66DknitRHb38BRNdI4so5e4QstBCessTszkCde5QMNOPBpgWuHz3LbBUG0lMbZBicAeuWzeN53fD7tukOqGlVh-Hf53oDXZWpI1ZFGJfBwv3JsM9I1srUThvEYvC5dm2IPd7GecKZ1xXuTLrA1iBf5WylbLsA6ydXGdRAjRR2CwGrxe_LRxewFmwst94mX0zq6TBiuWHjT1QU3NhQY6lPjGHmRowZjF8xTqIyEXYaF8qb3rrVbC18XtBJKokKH3FZQoS2cZyKKXDdUNBl7sei8cs2uVuO_eRHCG9CFzrucYncViTmOVK_sQJTbPzuBko9SHTXR355KTg2fpPLXg1_POya7A0Cnnxx2g987vmX_YtXJxXJXIfzClu_tJLB63vsPZzBV7nE8WH7mcsHA5iY9HskdMGkrkpxNJiTFF7SW8bOJnmfyMU3mWfdm_JSlldODR8m6QhnQnxBiL7cDIWPIjxPGDO7u5bQPblbMsK2jJrPcUw-sOQwkGZeH0WhrwNcq4fIt7HbPjadywcosM9A3PwcV1CRVPLJuz_e0sH-DIsXKEWFIiU6ctsIfyhWw91chSqc5AiY0zGn0K5Ll8yxV4Ast7qvs6qG4UPbv34rOz5mlPmVAEZ3rG4WQVj5FP4OWgp6Shyvl2lJMBxl9u5TL7sphMS-epJquSncNF9nPHvMrrHHlNewQw5rNl_mA6fjpDqBfWrXNMziXZg3v8ORlMEh57qnkJZ5fpKtW6T-hqwF2uqwF3ua4G3D_R1WBhPm1tWCdjrqT_16R_kDpsWc_OyNXnN9DzDdT4AXaN3g-5Mtfg_Q-CV8y_VBzo1NMDRmg82ZcLe-gDPV057_6PPjBV6_SZi5aViOdEWSC_Im4fTPITbw3_cid2VdDRxqf8ZOOjE-7gRyGm6Y9KTCSOgZS2b9FTqQRD0RvwcSA833z_G3Yyd6CiEwAA */
-._1dqesow0 {
+/* vanilla-extract-css-ns:src/components/textfield/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1Y227jNhB9z1cQCywQA2VgOfEiSwN96VcURR8ocSTNhiIFkvIlxf57QYq2JVmxpWy3wAJ5SizOjTNnLpyH3e45kc2S_HNHiEBbS35gJJew39yR8JcKNJA51IqRTMumUv6k4DUjT3WgqlDRHQpXMrJKlv7b97uHKPcvwR2nAi1PJYi_gxpd8wzdgZHlw-OzF1BrVA4MhS0oZxlRWkFHSBK4am2xtcKA5A63sBkzmUssFEUHlWXEOgMuK08GJ6vW4hKwKB0j6y_t75oLgaqgqCQqYCSJ31O9pxZfURWMpNoIMDTV4STTUhtGTJHeb7m5p7QS1B4sDd-pVtQ2JucZLBae2hmujtZHOYGQJOtlZUlPQqU9HQVuvUXWcSW4EYvfjkbO4On4cNV6fgsml3rHSIlCgGrvGOxxuqYSckcNF9hY1ldgS14Dhb0znNqKS7kYsBrv0Fm8PHspjG6UeNOL0YU008pxVGBoiUUJ1i262lPtnK4YSeo9sVqiuB0UuuUGuQpyzh5iLIVcGwie8jpBOUY-fdr0wMdTq2XjAvhQWXCMLDvWHD2AqgSDbnjTrDEGlPvDG7TppcLbedCHT-QYjb9oDA__2FIbt1rMBgkrPUJ6jjhZ2I-p4w5ooF5cS_dR33YvPdQdCHqRpXNSbWhJrrPGdg0ZkR9L1-Mx5afrrg1W3BzGFKPaconXFV8XDsZo0xP9OMjhLVpMJYygb3LuTkmbxvmi2LfkMlj_ZZQeO4JDYK5b2AnDSCl_GmtIw_A8Tr_KZVyervSnV4pKwD4muG9SjCS3G1cGvhAMmmsQMRL-kyHrYEikTpbLz8PyEwpJzX0J6mLgWGdiqM8fojOj6nk9L9fK0ZxXKIfFwx1qsBmXQFMtDlRyUwD15Ge-XWzQt_layjOnxVeYwufpApe_MS0n6-uQt-zgfMm2vqZ5T92W4AzPXlAVXQitGaslz6DUUsS8murt0Wb2pYVkzAWnT7PPieJ5ANpuX_NzQIx5YF23SAroybWpIpAkd_DnPV0vPy96x1QbLFCxIOdaX3vPFT-ANQVY_ZmBS_m-qfGN-vw8AaAzeuMUcZdV9w3bvgZhAbZxiB-H7XIelkLjfAeWWr75WGr55mOp5fsRLLUSxorU0eMo5YfD_0-HDyDOzx5f9maMZEKVnv7uGp-n4pv_I44_nDgfYfzFwpj2l2StK-mN-f1bYx3mB3paKJyPwnbNlgbVy8wJe3TmS8nvxG6L7htg9dTfd636j6FsymLtJ1wzWvf03Lfu-Lv_6hg-Uq68Z943T2aNsZ4tTqkT1hlHv13dWmazwyHGl7AXrvUwBpqC2wGcl7HJjV3mTx62PwrEm_OteNd82-7K-s__02EeDi8zKzgvBpCqpgKDGSOOp43kxn-wm7vv_wIQzDgv9BcAAA */
+.ww81lu0 {
   display: flex;
   flex-direction: column;
   gap: 4px;
   min-width: 210px;
 }
-._1dqesow0[data-disabled] {
+.ww81lu0[data-disabled] {
   opacity: 0.38;
   pointer-events: none;
 }
-._1dqesow1 {
+.ww81lu1 {
   position: relative;
   display: flex;
   align-items: stretch;
@@ -17,40 +17,67 @@
   height: 56px;
   padding-inline: 16px;
   box-sizing: border-box;
+  color: rgb(var(--md-sys-color-on-surface));
   transition: border-color 150ms var(--md-sys-motion-easing-standard), padding 150ms var(--md-sys-motion-easing-standard);
 }
-._1dqesow2 {
+.ww81lu2 {
+  overflow: hidden;
   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));
+  border-bottom: 1px solid rgb(var(--md-sys-color-on-surface-variant));
+}
+.ww81lu2::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);
+}
+.ww81lu2:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+.ww81lu0[data-disabled] .ww81lu2::before {
+  opacity: 0;
 }
-._1dqesow0[data-focused] ._1dqesow2 {
+.ww81lu2:hover {
+  border-bottom-color: rgb(var(--md-sys-color-on-surface));
+}
+.ww81lu0[data-focused] .ww81lu2 {
   border-bottom-width: 3px;
   border-bottom-color: rgb(var(--md-sys-color-primary));
 }
-._1dqesow0[data-invalid] ._1dqesow2 {
+.ww81lu0[data-invalid] .ww81lu2 {
   border-bottom-color: rgb(var(--md-sys-color-error));
 }
-._1dqesow3 {
+.ww81lu3 {
+  overflow: visible;
   border-radius: var(--md-sys-shape-extra-small);
   border: 1px solid rgb(var(--md-sys-color-outline));
 }
-._1dqesow0[data-focused] ._1dqesow3 {
+.ww81lu3:hover {
+  border-color: rgb(var(--md-sys-color-on-surface));
+}
+.ww81lu0[data-focused] .ww81lu3 {
   border: 3px solid rgb(var(--md-sys-color-primary));
   padding-inline: 14px;
 }
-._1dqesow0[data-invalid] ._1dqesow3 {
+.ww81lu0[data-invalid] .ww81lu3 {
   border-color: rgb(var(--md-sys-color-error));
 }
-._1dqesow4 {
+.ww81lu4 {
   position: relative;
+  z-index: 0;
   flex: 1;
   display: flex;
   align-items: center;
   min-width: 0;
+  overflow: visible;
 }
-._1dqesow5 {
+.ww81lu5 {
   width: 100%;
   background: transparent;
   border: none;
@@ -63,13 +90,13 @@
   line-height: var(--md-sys-typescale-body-large-line-height);
   letter-spacing: var(--md-sys-typescale-body-large-tracking);
 }
-._1dqesow5::placeholder {
+.ww81lu5::placeholder {
   color: rgb(var(--md-sys-color-on-surface-variant));
 }
-._1dqesow6 {
+.ww81lu6 {
   padding-top: 12px;
 }
-._1dqesow8 {
+.ww81lu8 {
   position: absolute;
   left: 0;
   top: 50%;
@@ -84,13 +111,13 @@
   letter-spacing: var(--md-sys-typescale-body-large-tracking);
   transition: all 150ms var(--md-sys-motion-easing-standard);
 }
-._1dqesow0[data-focused] ._1dqesow8 {
+.ww81lu0[data-focused] .ww81lu8 {
   color: rgb(var(--md-sys-color-primary));
 }
-._1dqesow0[data-invalid] ._1dqesow8 {
+.ww81lu0[data-invalid] .ww81lu8 {
   color: rgb(var(--md-sys-color-error));
 }
-._1dqesow0[data-focused] ._1dqesow9 {
+.ww81lu0[data-focused] .ww81lu9 {
   top: 6px;
   transform: translateY(0);
   font-family: var(--md-sys-typescale-body-small-font);
@@ -99,7 +126,7 @@
   line-height: var(--md-sys-typescale-body-small-line-height);
   letter-spacing: var(--md-sys-typescale-body-small-tracking);
 }
-._1dqesow0[data-filled] ._1dqesow9 {
+.ww81lu0[data-filled] .ww81lu9 {
   top: 6px;
   transform: translateY(0);
   font-family: var(--md-sys-typescale-body-small-font);
@@ -108,8 +135,9 @@
   line-height: var(--md-sys-typescale-body-small-line-height);
   letter-spacing: var(--md-sys-typescale-body-small-tracking);
 }
-._1dqesow0[data-focused] ._1dqesowa {
+.ww81lu0[data-focused] .ww81lua {
   top: 0;
+  z-index: 1;
   transform: translateY(-50%);
   background: rgb(var(--md-sys-color-surface));
   padding-inline: 4px;
@@ -119,8 +147,9 @@
   line-height: var(--md-sys-typescale-body-small-line-height);
   letter-spacing: var(--md-sys-typescale-body-small-tracking);
 }
-._1dqesow0[data-filled] ._1dqesowa {
+.ww81lu0[data-filled] .ww81lua {
   top: 0;
+  z-index: 1;
   transform: translateY(-50%);
   background: rgb(var(--md-sys-color-surface));
   padding-inline: 4px;
@@ -130,13 +159,39 @@
   line-height: var(--md-sys-typescale-body-small-line-height);
   letter-spacing: var(--md-sys-typescale-body-small-tracking);
 }
-._1dqesowb {
-  display: flex;
+.ww81lub {
+  display: inline-flex;
   align-items: center;
+  justify-content: center;
   flex-shrink: 0;
   color: rgb(var(--md-sys-color-on-surface-variant));
 }
-._1dqesowc {
+.ww81lub > svg {
+  width: 24px;
+  height: 24px;
+}
+.ww81luc {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 48px;
+  height: 48px;
+  padding: 0;
+  border: none;
+  background: transparent;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  cursor: pointer;
+}
+.ww81lu0[data-disabled] .ww81luc {
+  pointer-events: none;
+}
+.ww81luc > svg {
+  width: 24px;
+  height: 24px;
+}
+.ww81lud {
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -148,14 +203,14 @@
   line-height: var(--md-sys-typescale-body-small-line-height);
   letter-spacing: var(--md-sys-typescale-body-small-tracking);
 }
-._1dqesow0[data-invalid] ._1dqesowc {
+.ww81lu0[data-invalid] .ww81lud {
   color: rgb(var(--md-sys-color-error));
 }
-._1dqesowd {
+.ww81lue {
   min-width: 0;
 }
-._1dqesowe {
+.ww81luf {
   flex-shrink: 0;
   font-variant-numeric: tabular-nums;
 }
-/*# sourceMappingURL=textfield.css.map */
+/*# sourceMappingURL=index.css.map */

package/dist/components/textfield/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/components/textfield/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1Y227jNhB9z1cQCywQA2VgOfEiSwN96VcURR8ocSTNhiIFkvIlxf57QYq2JVmxpWy3wAJ5SizOjTNnLpyH3e45kc2S_HNHiEBbS35gJJew39yR8JcKNJA51IqRTMumUv6k4DUjT3WgqlDRHQpXMrJKlv7b97uHKPcvwR2nAi1PJYi_gxpd8wzdgZHlw-OzF1BrVA4MhS0oZxlRWkFHSBK4am2xtcKA5A63sBkzmUssFEUHlWXEOgMuK08GJ6vW4hKwKB0j6y_t75oLgaqgqCQqYCSJ31O9pxZfURWMpNoIMDTV4STTUhtGTJHeb7m5p7QS1B4sDd-pVtQ2JucZLBae2hmujtZHOYGQJOtlZUlPQqU9HQVuvUXWcSW4EYvfjkbO4On4cNV6fgsml3rHSIlCgGrvGOxxuqYSckcNF9hY1ldgS14Dhb0znNqKS7kYsBrv0Fm8PHspjG6UeNOL0YU008pxVGBoiUUJ1i262lPtnK4YSeo9sVqiuB0UuuUGuQpyzh5iLIVcGwie8jpBOUY-fdr0wMdTq2XjAvhQWXCMLDvWHD2AqgSDbnjTrDEGlPvDG7TppcLbedCHT-QYjb9oDA__2FIbt1rMBgkrPUJ6jjhZ2I-p4w5ooF5cS_dR33YvPdQdCHqRpXNSbWhJrrPGdg0ZkR9L1-Mx5afrrg1W3BzGFKPaconXFV8XDsZo0xP9OMjhLVpMJYygb3LuTkmbxvmi2LfkMlj_ZZQeO4JDYK5b2AnDSCl_GmtIw_A8Tr_KZVyervSnV4pKwD4muG9SjCS3G1cGvhAMmmsQMRL-kyHrYEikTpbLz8PyEwpJzX0J6mLgWGdiqM8fojOj6nk9L9fK0ZxXKIfFwx1qsBmXQFMtDlRyUwD15Ge-XWzQt_layjOnxVeYwufpApe_MS0n6-uQt-zgfMm2vqZ5T92W4AzPXlAVXQitGaslz6DUUsS8murt0Wb2pYVkzAWnT7PPieJ5ANpuX_NzQIx5YF23SAroybWpIpAkd_DnPV0vPy96x1QbLFCxIOdaX3vPFT-ANQVY_ZmBS_m-qfGN-vw8AaAzeuMUcZdV9w3bvgZhAbZxiB-H7XIelkLjfAeWWr75WGr55mOp5fsRLLUSxorU0eMo5YfD_0-HDyDOzx5f9maMZEKVnv7uGp-n4pv_I44_nDgfYfzFwpj2l2StK-mN-f1bYx3mB3paKJyPwnbNlgbVy8wJe3TmS8nvxG6L7htg9dTfd636j6FsymLtJ1wzWvf03Lfu-Lv_6hg-Uq68Z943T2aNsZ4tTqkT1hlHv13dWmazwyHGl7AXrvUwBpqC2wGcl7HJjV3mTx62PwrEm_OteNd82-7K-s__02EeDi8zKzgvBpCqpgKDGSOOp43kxn-wm7vv_wIQzDgv9BcAAA"],"sourcesContent":[".ww81lu0 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 210px;\n}\n.ww81lu0[data-disabled] {\n  opacity: 0.38;\n  pointer-events: none;\n}\n.ww81lu1 {\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  color: rgb(var(--md-sys-color-on-surface));\n  transition: border-color 150ms var(--md-sys-motion-easing-standard), padding 150ms var(--md-sys-motion-easing-standard);\n}\n.ww81lu2 {\n  overflow: hidden;\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: 1px solid rgb(var(--md-sys-color-on-surface-variant));\n}\n.ww81lu2::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  background: currentColor;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);\n}\n.ww81lu2:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n.ww81lu0[data-disabled] .ww81lu2::before {\n  opacity: 0;\n}\n.ww81lu2:hover {\n  border-bottom-color: rgb(var(--md-sys-color-on-surface));\n}\n.ww81lu0[data-focused] .ww81lu2 {\n  border-bottom-width: 3px;\n  border-bottom-color: rgb(var(--md-sys-color-primary));\n}\n.ww81lu0[data-invalid] .ww81lu2 {\n  border-bottom-color: rgb(var(--md-sys-color-error));\n}\n.ww81lu3 {\n  overflow: visible;\n  border-radius: var(--md-sys-shape-extra-small);\n  border: 1px solid rgb(var(--md-sys-color-outline));\n}\n.ww81lu3:hover {\n  border-color: rgb(var(--md-sys-color-on-surface));\n}\n.ww81lu0[data-focused] .ww81lu3 {\n  border: 3px solid rgb(var(--md-sys-color-primary));\n  padding-inline: 14px;\n}\n.ww81lu0[data-invalid] .ww81lu3 {\n  border-color: rgb(var(--md-sys-color-error));\n}\n.ww81lu4 {\n  position: relative;\n  z-index: 0;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  overflow: visible;\n}\n.ww81lu5 {\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.ww81lu5::placeholder {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n.ww81lu6 {\n  padding-top: 12px;\n}\n.ww81lu8 {\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.ww81lu0[data-focused] .ww81lu8 {\n  color: rgb(var(--md-sys-color-primary));\n}\n.ww81lu0[data-invalid] .ww81lu8 {\n  color: rgb(var(--md-sys-color-error));\n}\n.ww81lu0[data-focused] .ww81lu9 {\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.ww81lu0[data-filled] .ww81lu9 {\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.ww81lu0[data-focused] .ww81lua {\n  top: 0;\n  z-index: 1;\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.ww81lu0[data-filled] .ww81lua {\n  top: 0;\n  z-index: 1;\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.ww81lub {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n.ww81lub > svg {\n  width: 24px;\n  height: 24px;\n}\n.ww81luc {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 48px;\n  height: 48px;\n  padding: 0;\n  border: none;\n  background: transparent;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  cursor: pointer;\n}\n.ww81lu0[data-disabled] .ww81luc {\n  pointer-events: none;\n}\n.ww81luc > svg {\n  width: 24px;\n  height: 24px;\n}\n.ww81lud {\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.ww81lu0[data-invalid] .ww81lud {\n  color: rgb(var(--md-sys-color-error));\n}\n.ww81lue {\n  min-width: 0;\n}\n.ww81luf {\n  flex-shrink: 0;\n  font-variant-numeric: tabular-nums;\n}"],"mappings":"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","names":[]}

package/dist/{textfield.d.ts → components/textfield/index.d.ts}

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

package/dist/components/textfield/index.js

@@ -0,0 +1,40 @@
+"use client";
+import './index.css';
+import { createTextField, cx } from '@m3-baseui/core';
+
+// src/components/textfield/textfield.ts
+
+// src/components/textfield/textfield.css.ts
+var counter = "ww81luf";
+var field = "ww81lu1";
+var fieldVariant = { filled: "ww81lu2", outlined: "ww81lu3" };
+var icon = "ww81lub";
+var iconButton = "ww81luc";
+var input = "ww81lu5";
+var inputVariant = { filled: "ww81lu6", outlined: "ww81lu7" };
+var inputWrap = "ww81lu4";
+var label = "ww81lu8";
+var labelVariant = { filled: "ww81lu9", outlined: "ww81lua" };
+var root = "ww81lu0";
+var supporting = "ww81lud";
+var supportingText = "ww81lue";
+
+// src/components/textfield/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,
+  leadingIconButton: iconButton,
+  trailingIconButton: iconButton,
+  supporting,
+  supportingText,
+  counter
+}));
+
+export { TextField };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/textfield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/textfield/textfield.css.ts","../../../src/components/textfield/textfield.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,OAAA,GAAU,SAAA;AACd,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,YAAA,GAAe,EAAC,MAAA,EAAO,SAAA,EAAU,UAAS,SAAA,EAAS;AACvD,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,UAAA,GAAa,SAAA;AACjB,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,YAAA,GAAe,EAAC,MAAA,EAAO,SAAA,EAAU,UAAS,SAAA,EAAS;AACvD,IAAI,SAAA,GAAY,SAAA;AAChB,IAAI,KAAA,GAAQ,SAAA;AACZ,IAAI,YAAA,GAAe,EAAC,MAAA,EAAO,SAAA,EAAU,UAAS,SAAA,EAAS;AACvD,IAAI,IAAA,GAAO,SAAA;AACX,IAAI,UAAA,GAAa,SAAA;AACjB,IAAI,cAAA,GAAiB,SAAA;;;ACPrB,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,iBAAA,EAAqB,UAAA;AAAA,EACrB,kBAAA,EAAsB,UAAA;AAAA,EACtB,UAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,CAAE","file":"index.js","sourcesContent":["import 'src/components/textfield/textfield.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1Y227jNhB9z1cQCywQA2VgOfEiSwN96VcURR8ocSTNhiIFkvIlxf57QYq2JVmxpWy3wAJ5SizOjTNnLpyH3e45kc2S_HNHiEBbS35gJJew39yR8JcKNJA51IqRTMumUv6k4DUjT3WgqlDRHQpXMrJKlv7b97uHKPcvwR2nAi1PJYi_gxpd8wzdgZHlw-OzF1BrVA4MhS0oZxlRWkFHSBK4am2xtcKA5A63sBkzmUssFEUHlWXEOgMuK08GJ6vW4hKwKB0j6y_t75oLgaqgqCQqYCSJ31O9pxZfURWMpNoIMDTV4STTUhtGTJHeb7m5p7QS1B4sDd-pVtQ2JucZLBae2hmujtZHOYGQJOtlZUlPQqU9HQVuvUXWcSW4EYvfjkbO4On4cNV6fgsml3rHSIlCgGrvGOxxuqYSckcNF9hY1ldgS14Dhb0znNqKS7kYsBrv0Fm8PHspjG6UeNOL0YU008pxVGBoiUUJ1i262lPtnK4YSeo9sVqiuB0UuuUGuQpyzh5iLIVcGwie8jpBOUY-fdr0wMdTq2XjAvhQWXCMLDvWHD2AqgSDbnjTrDEGlPvDG7TppcLbedCHT-QYjb9oDA__2FIbt1rMBgkrPUJ6jjhZ2I-p4w5ooF5cS_dR33YvPdQdCHqRpXNSbWhJrrPGdg0ZkR9L1-Mx5afrrg1W3BzGFKPaconXFV8XDsZo0xP9OMjhLVpMJYygb3LuTkmbxvmi2LfkMlj_ZZQeO4JDYK5b2AnDSCl_GmtIw_A8Tr_KZVyervSnV4pKwD4muG9SjCS3G1cGvhAMmmsQMRL-kyHrYEikTpbLz8PyEwpJzX0J6mLgWGdiqM8fojOj6nk9L9fK0ZxXKIfFwx1qsBmXQFMtDlRyUwD15Ge-XWzQt_layjOnxVeYwufpApe_MS0n6-uQt-zgfMm2vqZ5T92W4AzPXlAVXQitGaslz6DUUsS8murt0Wb2pYVkzAWnT7PPieJ5ANpuX_NzQIx5YF23SAroybWpIpAkd_DnPV0vPy96x1QbLFCxIOdaX3vPFT-ANQVY_ZmBS_m-qfGN-vw8AaAzeuMUcZdV9w3bvgZhAbZxiB-H7XIelkLjfAeWWr75WGr55mOp5fsRLLUSxorU0eMo5YfD_0-HDyDOzx5f9maMZEKVnv7uGp-n4pv_I44_nDgfYfzFwpj2l2StK-mN-f1bYx3mB3paKJyPwnbNlgbVy8wJe3TmS8nvxG6L7htg9dTfd636j6FsymLtJ1wzWvf03Lfu-Lv_6hg-Uq68Z943T2aNsZ4tTqkT1hlHv13dWmazwyHGl7AXrvUwBpqC2wGcl7HJjV3mTx62PwrEm_OteNd82-7K-s__02EeDi8zKzgvBpCqpgKDGSOOp43kxn-wm7vv_wIQzDgv9BcAAA';\nexport var counter = 'ww81luf';\nexport var field = 'ww81lu1';\nexport var fieldVariant = {filled:'ww81lu2',outlined:'ww81lu3'};\nexport var icon = 'ww81lub';\nexport var iconButton = 'ww81luc';\nexport var input = 'ww81lu5';\nexport var inputVariant = {filled:'ww81lu6',outlined:'ww81lu7'};\nexport var inputWrap = 'ww81lu4';\nexport var label = 'ww81lu8';\nexport var labelVariant = {filled:'ww81lu9',outlined:'ww81lua'};\nexport var root = 'ww81lu0';\nexport var supporting = 'ww81lud';\nexport var supportingText = 'ww81lue';","/**\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  leadingIconButton: s.iconButton,\n  trailingIconButton: s.iconButton,\n  supporting: s.supporting,\n  supportingText: s.supportingText,\n  counter: s.counter,\n}));\n\nexport type { TextFieldIconAction, TextFieldProps, TextFieldVariant } from '@m3-baseui/core';\n"]}