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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/checkbox.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71W3WrbMBS-z1OIQiGBqrPbZRTlco8xwpCt41itLJkjOWs29u7DipJarmO7GfQmRPI53_k_n-5_puU3MHqdkD8LQmpjpZNGM4KguJN72CwIEdLWih8YkVpJDbRQ8NrecyV3mkoHlWUkB-0A2-vnxjpZHGhutAPtup9aTWpLlPqFkaS9ycwrtfK31DtGMoMCkGbGo_-SwpWMpE-1P5Ygd6V7Owdh5EI2lpGH7q0_EmuUFAR32XLPcUlpJag9WJobZZAaTW2DBc-B7jlKrt1q5QF4_rJD02jBiEOubc0RtGs_eUU2DXgEyhu0rXht5Cl6jxfy-2bnqE_SdVJZEgFXppWlwK3UO2od14KjWN2dYv-44kc1Nou_i_tzi_wQ3HGal5C_gNjekf4XqQU4wEpq7mDrG6qbzguJq1FWHA8h_Z3I5mnMFn0fiZCWZwrENvS-LxSFPWhnGdFGw6gW08Yt45ysOndxNlbHdMwJr9NJ5AtJ7h-fxr2fKktP8LoqDTrVDygamLHMsQwKg-CNm5rn0h38PujqMJ63C8jL_EeRT3kJcFNdO99qPPDvDQOiwe38snv5OT19Frxkc6ohulLXdUPH10-O7WIZh0KfJXxt_QddZYXJG0v30spMhf5uXMuajDxOcZKF3LR7N2y2oEhNUVhwgeIiY90xOrPtzc0mYnKeWaMa55lcQeEYWSe3no5Mff4fyPZrEpPt6dwj26DUbZS8wXbsv7eBbHpTHZivMFiFHaG4gyVdJ7d3pP1d9dkxaJM0uY6pWGn2gMNrJkKzjjugXnq0krOhvFYf6thTszFqBGuhF1P6KQ-006MrOVb4_OgK52GOnLEpI8q-sPHTi3srvbirzlDpyAru5XDS2ZEl9PZk-BDoMFEMhsUYLxzg_Jk-lywe3YfByY27reQ10KJR6t3TNx7njs8P3rHRt_lUhKQHFrXDP_E_E4WRDAAA */
1
+ /* vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XXW_bIBR9z69AlSolUumcZpkq8rifMUUThuuY1QbrgrOm0_77ZEJc4ziOm0l9qQK-93A_DvfQx5_L_BsYvU7InxkhlbHKKaMZQSi4U3vYzAiRylYFPzCidKE00KyA12afF2qnqXJQWkYEaAfYbP-qrVPZgQqjHWjX_dR4Upuj0i-MJM1Oal6pVW9K7xhJDUpAmhqP_ltJlzOyfK78Mge1y937Ohgjl6q2jDx1d_2SWFMoSXCXzvcc55SWktqDpcIUBqnR1NaYcQF0z1Fx7RYLD8DFyw5NrSUjDrm2FUfQrvnkHdl1wCOQqNE25pVRp-w9Xqjv-zlHf7JcJ6UlEXBpGlsK3Cq9o9ZxLTnKxcMp9487ftRjM_s7e2wp8kNyx6nIQbyA3D6Q_helJTjAUmnuYOsJ1S3nhcJVqEqOh1D-TmbTPCabnmcileVpAXIbuO8bRWEP2llGtNEw6sW0cfO4JovOXlyNxbEcU9LrMIl8Icnj6nk8-mtt6Rne1qXBoPoJRRdmrHIshcwg-MNNxYVyBz8Puj6Mi2YAeZv_aPKpLgHuGmunnxpf-PODAdHgdnrbvf0UTreGl868Roiu1W1s6MT6ybldbONQ6pOMb-3_YKgsM6K2dK-sSovA79o1qsnI6pomWRCmmbthsgVHarLMggsSFx3WvUat2t7dbSIl56k1Re28kheQOUbWyb2XI1O1v4PYfk1isT2te2IbnLpEETU21_57k8imd6uD8mUGyzAjCu5gTtfJ_QNp_i766hi8yTK5TalYbvaAw2MmQrOOO6DeerSTk6G8Vx_qyKnJGBWCtdDLafkpD7TToys5drh9dIX1sEZOmJSRZA9wo9f3oY7LGrn_YXODbrUYowWUVc6tegNJuRBQAHIHvXpenJLLi5OxDXwZB97GxsYjL0Gqulz16E6dKpugs1qLyyDnmUkYzizWnx6BrnZqZAK_v5c-BDqskoNVZoxnDnD6QGv5Gs-tp8GxFV-1nFdAs7oozt798SzrxPzkAxv9x-RahqQHFr1-_gFErkOsjg0AAA */
2
2
  ._1h6eon50 {
3
3
  position: relative;
4
4
  display: inline-flex;
@@ -96,10 +96,13 @@
96
96
  pointer-events: none;
97
97
  color: rgb(var(--md-sys-color-on-primary));
98
98
  opacity: 0;
99
+ transition: opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized-accelerate);
99
100
  }
100
101
  ._1h6eon51[data-checked],
101
102
  ._1h6eon51[data-indeterminate] {
102
103
  opacity: 1;
104
+ transition-duration: var(--md-sys-motion-duration-medium3);
105
+ transition-timing-function: var(--md-sys-motion-easing-emphasized-decelerate);
103
106
  }
104
107
  ._1h6eon50[data-error] ._1h6eon51 {
105
108
  color: rgb(var(--md-sys-color-on-error));
@@ -1 +1 @@
1
- {"version":3,"sources":["vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71W3WrbMBS-z1OIQiGBqrPbZRTlco8xwpCt41itLJkjOWs29u7DipJarmO7GfQmRPI53_k_n-5_puU3MHqdkD8LQmpjpZNGM4KguJN72CwIEdLWih8YkVpJDbRQ8NrecyV3mkoHlWUkB-0A2-vnxjpZHGhutAPtup9aTWpLlPqFkaS9ycwrtfK31DtGMoMCkGbGo_-SwpWMpE-1P5Ygd6V7Owdh5EI2lpGH7q0_EmuUFAR32XLPcUlpJag9WJobZZAaTW2DBc-B7jlKrt1q5QF4_rJD02jBiEOubc0RtGs_eUU2DXgEyhu0rXht5Cl6jxfy-2bnqE_SdVJZEgFXppWlwK3UO2od14KjWN2dYv-44kc1Nou_i_tzi_wQ3HGal5C_gNjekf4XqQU4wEpq7mDrG6qbzguJq1FWHA8h_Z3I5mnMFn0fiZCWZwrENvS-LxSFPWhnGdFGw6gW08Yt45ysOndxNlbHdMwJr9NJ5AtJ7h-fxr2fKktP8LoqDTrVDygamLHMsQwKg-CNm5rn0h38PujqMJ63C8jL_EeRT3kJcFNdO99qPPDvDQOiwe38snv5OT19Frxkc6ohulLXdUPH10-O7WIZh0KfJXxt_QddZYXJG0v30spMhf5uXMuajDxOcZKF3LR7N2y2oEhNUVhwgeIiY90xOrPtzc0mYnKeWaMa55lcQeEYWSe3no5Mff4fyPZrEpPt6dwj26DUbZS8wXbsv7eBbHpTHZivMFiFHaG4gyVdJ7d3pP1d9dkxaJM0uY6pWGn2gMNrJkKzjjugXnq0krOhvFYf6thTszFqBGuhF1P6KQ-006MrOVb4_OgK52GOnLEpI8q-sPHTi3srvbirzlDpyAru5XDS2ZEl9PZk-BDoMFEMhsUYLxzg_Jk-lywe3YfByY27reQ10KJR6t3TNx7njs8P3rHRt_lUhKQHFrXDP_E_E4WRDAAA"],"sourcesContent":["._1h6eon50 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n border-radius: 2px;\n border: 2px solid rgb(var(--md-sys-color-on-surface-variant));\n background: transparent;\n color: rgb(var(--md-sys-color-on-surface));\n cursor: pointer;\n transition: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);\n}\n._1h6eon50[data-checked], ._1h6eon50[data-indeterminate] {\n background: rgb(var(--md-sys-color-primary));\n border-color: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-primary));\n}\n._1h6eon50[data-disabled] {\n pointer-events: none;\n}\n._1h6eon50[data-disabled]:not([data-checked]):not([data-indeterminate]) {\n border-color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1h6eon50[data-disabled][data-checked], ._1h6eon50[data-disabled][data-indeterminate] {\n background: rgb(var(--md-sys-color-on-surface) / 0.38);\n border-color: transparent;\n}\n._1h6eon50[data-disabled]::before {\n opacity: 0;\n}\n._1h6eon50:active {\n color: rgb(var(--md-sys-color-primary));\n}\n._1h6eon50[data-checked]:active, ._1h6eon50[data-indeterminate]:active {\n color: rgb(var(--md-sys-color-on-surface));\n}\n._1h6eon50[data-error] {\n border-color: rgb(var(--md-sys-color-error));\n color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50[data-error][data-checked], ._1h6eon50[data-error][data-indeterminate] {\n background: rgb(var(--md-sys-color-error));\n border-color: rgb(var(--md-sys-color-error));\n color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50[data-error]:active, ._1h6eon50[data-error][data-checked]:active, ._1h6eon50[data-error][data-indeterminate]:active {\n color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._1h6eon50::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._1h6eon50:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1h6eon50:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1h6eon50:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1h6eon51 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n pointer-events: none;\n color: rgb(var(--md-sys-color-on-primary));\n opacity: 0;\n}\n._1h6eon51[data-checked], ._1h6eon51[data-indeterminate] {\n opacity: 1;\n}\n._1h6eon50[data-error] ._1h6eon51 {\n color: rgb(var(--md-sys-color-on-error));\n}\n._1h6eon50[data-disabled] ._1h6eon51 {\n color: rgb(var(--md-sys-color-surface));\n}\n._1h6eon51[data-indeterminate]::after {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 2px;\n border-radius: var(--md-sys-shape-full);\n background: currentColor;\n}\n._1h6eon52 {\n width: 18px;\n height: 18px;\n}\n._1h6eon51[data-indeterminate] ._1h6eon52 {\n opacity: 0;\n}"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,eAAa;AACb,cAAY;AACZ,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,UAAQ,IAAI,MAAM,IAAI,IAAI;AAC1B,cAAY;AACZ,SAAO,IAAI,IAAI;AACf,UAAQ;AACR;AAAA,IAAY,iBAAiB,MAAM,IAAI,gCAAgC;AAAA,IAAE,aAAa,MAAM,IAAI,gCAAgC;AAAA,IAAE,MAAM,MAAM,IAAI;AACpJ;AACA,CAhBC,SAgBS,CAAC;AAAe,CAhBzB,SAgBmC,CAAC;AACnC,cAAY,IAAI,IAAI;AACpB,gBAAc,IAAI,IAAI;AACtB,SAAO,IAAI,IAAI;AACjB;AACA,CArBC,SAqBS,CAAC;AACT,kBAAgB;AAClB;AACA,CAxBC,SAwBS,CAAC,cAAc,KAAK,CAAC,cAAc,KAAK,CAAC;AACjD,gBAAc,IAAI,IAAI,2BAA2B,EAAE;AACrD;AACA,CA3BC,SA2BS,CAAC,cAAc,CAAC;AAAe,CA3BxC,SA2BkD,CAAC,cAAc,CAAC;AACjE,cAAY,IAAI,IAAI,2BAA2B,EAAE;AACjD,gBAAc;AAChB;AACA,CA/BC,SA+BS,CAAC,cAAc;AACvB,WAAS;AACX;AACA,CAlCC,SAkCS;AACR,SAAO,IAAI,IAAI;AACjB;AACA,CArCC,SAqCS,CAAC,aAAa;AAAS,CArChC,SAqC0C,CAAC,mBAAmB;AAC7D,SAAO,IAAI,IAAI;AACjB;AACA,CAxCC,SAwCS,CAAC;AACT,gBAAc,IAAI,IAAI;AACtB,SAAO,IAAI,IAAI;AACjB;AACA,CA5CC,SA4CS,CAAC,WAAW,CAAC;AAAe,CA5CrC,SA4C+C,CAAC,WAAW,CAAC;AAC3D,cAAY,IAAI,IAAI;AACpB,gBAAc,IAAI,IAAI;AACtB,SAAO,IAAI,IAAI;AACjB;AACA,CAjDC,SAiDS,CAAC,WAAW;AAAS,CAjD9B,SAiDwC,CAAC,WAAW,CAAC,aAAa;AAAS,CAjD3E,SAiDqF,CAAC,WAAW,CAAC,mBAAmB;AACpH,SAAO,IAAI,IAAI;AACjB;AACA,CApDC,SAoDS;AACR,WAAS,IAAI,MAAM,IAAI,IAAI;AAC3B,kBAAgB;AAClB;AACA,CAxDC,SAwDS;AACR,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,CArEC,SAqES,MAAM;AACd,WAAS,IAAI;AACf;AACA,CAxEC,SAwES,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CA3EC,SA2ES,OAAO;AACf,WAAS,IAAI;AACf;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,kBAAgB;AAChB,SAAO,IAAI,IAAI;AACf,WAAS;AACX;AACA,CAXC,SAWS,CAAC;AAAe,CAXzB,SAWmC,CAAC;AACnC,WAAS;AACX;AACA,CA5FC,SA4FS,CAAC,YAAY,CAdtB;AAeC,SAAO,IAAI,IAAI;AACjB;AACA,CA/FC,SA+FS,CAAC,eAAe,CAjBzB;AAkBC,SAAO,IAAI,IAAI;AACjB;AACA,CApBC,SAoBS,CAAC,mBAAmB;AAC5B,WAAS;AACT,YAAU;AACV,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,cAAY;AACd;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACV;AACA,CAhCC,SAgCS,CAAC,oBAAoB,CAJ9B;AAKC,WAAS;AACX;","names":[]}
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XXW_bIBR9z69AlSolUumcZpkq8rifMUUThuuY1QbrgrOm0_77ZEJc4ziOm0l9qQK-93A_DvfQx5_L_BsYvU7InxkhlbHKKaMZQSi4U3vYzAiRylYFPzCidKE00KyA12afF2qnqXJQWkYEaAfYbP-qrVPZgQqjHWjX_dR4Upuj0i-MJM1Oal6pVW9K7xhJDUpAmhqP_ltJlzOyfK78Mge1y937Ohgjl6q2jDx1d_2SWFMoSXCXzvcc55SWktqDpcIUBqnR1NaYcQF0z1Fx7RYLD8DFyw5NrSUjDrm2FUfQrvnkHdl1wCOQqNE25pVRp-w9Xqjv-zlHf7JcJ6UlEXBpGlsK3Cq9o9ZxLTnKxcMp9487ftRjM_s7e2wp8kNyx6nIQbyA3D6Q_helJTjAUmnuYOsJ1S3nhcJVqEqOh1D-TmbTPCabnmcileVpAXIbuO8bRWEP2llGtNEw6sW0cfO4JovOXlyNxbEcU9LrMIl8Icnj6nk8-mtt6Rne1qXBoPoJRRdmrHIshcwg-MNNxYVyBz8Puj6Mi2YAeZv_aPKpLgHuGmunnxpf-PODAdHgdnrbvf0UTreGl868Roiu1W1s6MT6ybldbONQ6pOMb-3_YKgsM6K2dK-sSovA79o1qsnI6pomWRCmmbthsgVHarLMggsSFx3WvUat2t7dbSIl56k1Re28kheQOUbWyb2XI1O1v4PYfk1isT2te2IbnLpEETU21_57k8imd6uD8mUGyzAjCu5gTtfJ_QNp_i766hi8yTK5TalYbvaAw2MmQrOOO6DeerSTk6G8Vx_qyKnJGBWCtdDLafkpD7TToys5drh9dIX1sEZOmJSRZA9wo9f3oY7LGrn_YXODbrUYowWUVc6tegNJuRBQAHIHvXpenJLLi5OxDXwZB97GxsYjL0Gqulz16E6dKpugs1qLyyDnmUkYzizWnx6BrnZqZAK_v5c-BDqskoNVZoxnDnD6QGv5Gs-tp8GxFV-1nFdAs7oozt798SzrxPzkAxv9x-RahqQHFr1-_gFErkOsjg0AAA"],"sourcesContent":["._1h6eon50 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n border-radius: 2px;\n border: 2px solid rgb(var(--md-sys-color-on-surface-variant));\n background: transparent;\n color: rgb(var(--md-sys-color-on-surface));\n cursor: pointer;\n transition: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard), color 150ms var(--md-sys-motion-easing-standard);\n}\n._1h6eon50[data-checked], ._1h6eon50[data-indeterminate] {\n background: rgb(var(--md-sys-color-primary));\n border-color: rgb(var(--md-sys-color-primary));\n color: rgb(var(--md-sys-color-primary));\n}\n._1h6eon50[data-disabled] {\n pointer-events: none;\n}\n._1h6eon50[data-disabled]:not([data-checked]):not([data-indeterminate]) {\n border-color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1h6eon50[data-disabled][data-checked], ._1h6eon50[data-disabled][data-indeterminate] {\n background: rgb(var(--md-sys-color-on-surface) / 0.38);\n border-color: transparent;\n}\n._1h6eon50[data-disabled]::before {\n opacity: 0;\n}\n._1h6eon50:active {\n color: rgb(var(--md-sys-color-primary));\n}\n._1h6eon50[data-checked]:active, ._1h6eon50[data-indeterminate]:active {\n color: rgb(var(--md-sys-color-on-surface));\n}\n._1h6eon50[data-error] {\n border-color: rgb(var(--md-sys-color-error));\n color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50[data-error][data-checked], ._1h6eon50[data-error][data-indeterminate] {\n background: rgb(var(--md-sys-color-error));\n border-color: rgb(var(--md-sys-color-error));\n color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50[data-error]:active, ._1h6eon50[data-error][data-checked]:active, ._1h6eon50[data-error][data-indeterminate]:active {\n color: rgb(var(--md-sys-color-error));\n}\n._1h6eon50:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._1h6eon50::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._1h6eon50:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1h6eon50:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1h6eon50:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1h6eon51 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n pointer-events: none;\n color: rgb(var(--md-sys-color-on-primary));\n opacity: 0;\n transition: opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized-accelerate);\n}\n._1h6eon51[data-checked], ._1h6eon51[data-indeterminate] {\n opacity: 1;\n transition-duration: var(--md-sys-motion-duration-medium3);\n transition-timing-function: var(--md-sys-motion-easing-emphasized-decelerate);\n}\n._1h6eon50[data-error] ._1h6eon51 {\n color: rgb(var(--md-sys-color-on-error));\n}\n._1h6eon50[data-disabled] ._1h6eon51 {\n color: rgb(var(--md-sys-color-surface));\n}\n._1h6eon51[data-indeterminate]::after {\n content: \"\";\n position: absolute;\n width: 10px;\n height: 2px;\n border-radius: var(--md-sys-shape-full);\n background: currentColor;\n}\n._1h6eon52 {\n width: 18px;\n height: 18px;\n}\n._1h6eon51[data-indeterminate] ._1h6eon52 {\n opacity: 0;\n}"],"mappings":"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","names":[]}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/checkbox.css.ts","../src/checkbox.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,IAAA,GAAO,WAAA;;;ACGX,IAAM,WAAW,cAAA,CAAe,EAAE,IAAA,EAAM,SAAA,EAAW,MAAM","file":"checkbox.js","sourcesContent":["import 'src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71W3WrbMBS-z1OIQiGBqrPbZRTlco8xwpCt41itLJkjOWs29u7DipJarmO7GfQmRPI53_k_n-5_puU3MHqdkD8LQmpjpZNGM4KguJN72CwIEdLWih8YkVpJDbRQ8NrecyV3mkoHlWUkB-0A2-vnxjpZHGhutAPtup9aTWpLlPqFkaS9ycwrtfK31DtGMoMCkGbGo_-SwpWMpE-1P5Ygd6V7Owdh5EI2lpGH7q0_EmuUFAR32XLPcUlpJag9WJobZZAaTW2DBc-B7jlKrt1q5QF4_rJD02jBiEOubc0RtGs_eUU2DXgEyhu0rXht5Cl6jxfy-2bnqE_SdVJZEgFXppWlwK3UO2od14KjWN2dYv-44kc1Nou_i_tzi_wQ3HGal5C_gNjekf4XqQU4wEpq7mDrG6qbzguJq1FWHA8h_Z3I5mnMFn0fiZCWZwrENvS-LxSFPWhnGdFGw6gW08Yt45ysOndxNlbHdMwJr9NJ5AtJ7h-fxr2fKktP8LoqDTrVDygamLHMsQwKg-CNm5rn0h38PujqMJ63C8jL_EeRT3kJcFNdO99qPPDvDQOiwe38snv5OT19Frxkc6ohulLXdUPH10-O7WIZh0KfJXxt_QddZYXJG0v30spMhf5uXMuajDxOcZKF3LR7N2y2oEhNUVhwgeIiY90xOrPtzc0mYnKeWaMa55lcQeEYWSe3no5Mff4fyPZrEpPt6dwj26DUbZS8wXbsv7eBbHpTHZivMFiFHaG4gyVdJ7d3pP1d9dkxaJM0uY6pWGn2gMNrJkKzjjugXnq0krOhvFYf6thTszFqBGuhF1P6KQ-006MrOVb4_OgK52GOnLEpI8q-sPHTi3srvbirzlDpyAru5XDS2ZEl9PZk-BDoMFEMhsUYLxzg_Jk-lywe3YfByY27reQ10KJR6t3TNx7njs8P3rHRt_lUhKQHFrXDP_E_E4WRDAAA';\nexport var icon = '_1h6eon52';\nexport var indicator = '_1h6eon51';\nexport var root = '_1h6eon50';","/**\n * checkbox.ts — wires the VE styles into the shared factory.\n */\nimport { createCheckbox } from '@m3-baseui/core';\nimport { root, indicator, icon } from './checkbox.css';\n\nexport const Checkbox = createCheckbox({ root, indicator, icon });\n"]}
1
+ {"version":3,"sources":["../src/checkbox.css.ts","../src/checkbox.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,IAAA,GAAO,WAAA;;;ACGX,IAAM,WAAW,cAAA,CAAe,EAAE,IAAA,EAAM,SAAA,EAAW,MAAM","file":"checkbox.js","sourcesContent":["import 'src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XXW_bIBR9z69AlSolUumcZpkq8rifMUUThuuY1QbrgrOm0_77ZEJc4ziOm0l9qQK-93A_DvfQx5_L_BsYvU7InxkhlbHKKaMZQSi4U3vYzAiRylYFPzCidKE00KyA12afF2qnqXJQWkYEaAfYbP-qrVPZgQqjHWjX_dR4Upuj0i-MJM1Oal6pVW9K7xhJDUpAmhqP_ltJlzOyfK78Mge1y937Ohgjl6q2jDx1d_2SWFMoSXCXzvcc55SWktqDpcIUBqnR1NaYcQF0z1Fx7RYLD8DFyw5NrSUjDrm2FUfQrvnkHdl1wCOQqNE25pVRp-w9Xqjv-zlHf7JcJ6UlEXBpGlsK3Cq9o9ZxLTnKxcMp9487ftRjM_s7e2wp8kNyx6nIQbyA3D6Q_helJTjAUmnuYOsJ1S3nhcJVqEqOh1D-TmbTPCabnmcileVpAXIbuO8bRWEP2llGtNEw6sW0cfO4JovOXlyNxbEcU9LrMIl8Icnj6nk8-mtt6Rne1qXBoPoJRRdmrHIshcwg-MNNxYVyBz8Puj6Mi2YAeZv_aPKpLgHuGmunnxpf-PODAdHgdnrbvf0UTreGl868Roiu1W1s6MT6ybldbONQ6pOMb-3_YKgsM6K2dK-sSovA79o1qsnI6pomWRCmmbthsgVHarLMggsSFx3WvUat2t7dbSIl56k1Re28kheQOUbWyb2XI1O1v4PYfk1isT2te2IbnLpEETU21_57k8imd6uD8mUGyzAjCu5gTtfJ_QNp_i766hi8yTK5TalYbvaAw2MmQrOOO6DeerSTk6G8Vx_qyKnJGBWCtdDLafkpD7TToys5drh9dIX1sEZOmJSRZA9wo9f3oY7LGrn_YXODbrUYowWUVc6tegNJuRBQAHIHvXpenJLLi5OxDXwZB97GxsYjL0Gqulz16E6dKpugs1qLyyDnmUkYzizWnx6BrnZqZAK_v5c-BDqskoNVZoxnDnD6QGv5Gs-tp8GxFV-1nFdAs7oozt798SzrxPzkAxv9x-RahqQHFr1-_gFErkOsjg0AAA';\nexport var icon = '_1h6eon52';\nexport var indicator = '_1h6eon51';\nexport var root = '_1h6eon50';","/**\n * checkbox.ts — wires the VE styles into the shared factory.\n */\nimport { createCheckbox } from '@m3-baseui/core';\nimport { root, indicator, icon } from './checkbox.css';\n\nexport const Checkbox = createCheckbox({ root, indicator, icon });\n"]}
package/dist/chip.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71X247TMBB971dYSEhEwiXpXqi8Ei98BkLIiSfJsK4dbKe7Be2_IztuN862NEULj3VnjmfmnBlPlt8K-wPrIs_JrwUhAm0n-Y4RVBIV0FrC492CEC6xURQdbCwjFSgHxh9_763DekcrrRwoN_7Le1LbGlT3jOT-pAVsWsdIse4C5gMK18b_Ntw0qKiE2jFCo4HueIVuF030Fkwt9QMjLQoByp91Gv19FLagnGVEaQX-3BmuLDrUig3XkOIm31iy5eYdpRtB7c7SjfYGFLhF1VDruBLciOx9DOYilxjqBT53i6fFcl_8IhS_0_uYDUjucBtyeT1KGt4xEmtb6kdq8SeqhpFSGwGGlvpxTNPVarDsuBA-8uF6RorbPULwMlxgbw-4vQVDLUio3DMdgykjRfdIrJYoiGnKd0mVKi21obp3_pIsC168um-M7pVgA6EdN6BcEJdWjtZ8g3LH0mq7XQe24hKo5CVIKrlpgHr77OD4EDOc4TiYPrta_AmzHL1hcAuctfNvHNkP_uC8wq0XmCdrBoQzvLpH1WTTVniu6FDviyQe-b7UMdU5YyXU2kDQ-0Gib97cJfLnpdWyd0E7qCy4OAImkkPVgkE31UrVG6-Tzz7Ql2Nkzsg4dHP-l1m2flgluR6CSNCs4w5osJ5C1LrqLd2ixVLCbKjgNYXilZ8lszE6A9bCi5ySgAaQoVsZuTrX1xYq7Qu1Gzo7OlJd14HcMGnGl30R3HEq0PJSgvj6nozi2J_GkXmczXAtOzlmFLW9qXkFGflA8uXVOhvJ6zLfYpX9MfZ92Y_mcJyTPAFcxV6ZGVTIpOqN9eaxPAne1UV4dMsNcuXO416_Aq6AmvfSjZ8dM0zO9UQiN_8oi5uBvtgDX8Mt4-FyTuDh3eWowMS7zkZ4yjNVY_IAno73dONMDNM2mpHhOd3fzi5VpOSQLpX64WzKcWNpufAbYAILErY8TGUJW5DFJK5hGA_RzYSYphYn6EUY0zBOM3M74WJ0wTDOnhYTUS7TpT0u0vu9Otml8-QFLJKYPv7zlT9GtrruktVy_zvd-ovV0cUyfaFa3gGteymzU98EMyTYGdz8Ta8e9UsK-ongpklIyfO3ycdP_K3L71A5WqOvoE8jAVr_L2b2mpl-myXMpGzFgUyvx2xNd_1Z7P1hwX_9wb4ezYHnl3a5vls8_QbB8-QTBA8AAA */
1
+ /* vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXXY_bKBR9z69AlSo10pC1Mx-bZaS-7M9YVStsrm06BLyAnUlX899XGJwYmjTOKN0-Gt97uB_nHmD1d27-4VWeZejfBUKMm1bQPUFcCi4BVwJenxcIUcFribmFrSGoBGlBu-WvnbG82uNSSQvSTn85T2wazeULQZlbaYDXjSUo37QD5o4z24R_W6prLrGAyhKEg4FqacntPpioHnQl1I6ghjMG0q21irv9MPQgrSFIKglu3WoqDbdcSeK3QfljtjWop_oTxluGzd7grXIGGKjhssbGUsmoZsu7EMxVLiHUK3yeF2-L1Vj8fCh-q8aYNQhqeT_kcruW1LQlKNS2UK_Y8G9c1gQVSjPQuFCv0zbdr71lSxlzkfvtCcqfRoTBS1PGO3PA7QxobEBAaY_t8KYE5e0rMkpwhnRdfIqqVCqhNFaddZssl4MXLV9qrTrJiG9oSzVIO5BLSYsruuViT-Jq230LpqQCsKAFCCyorgE7--XBcRcynOHoTY-uhn-DWY7OcHAbetbM33Fi7_3BOoYbRzDXrBkQVtPyhct6mY7CsaK-3ldRPPT7WseY538xainecdtgAdTzqlTyi-d_YJpXgYFQU19CCqiUhsH2QO8PH56j0aGFUaKzA--4NGCDfCR05bIBzW3Ks7LTjmN_uiS_l6A5cnNQgux9FSKNE7oo10MQEZqx1AIerFOISpWdwT03vBAwG2rwSqFo6XRoNkarwRj4LqcoIA_iJ52g-0uaYKBUrlB7rwrBEauqGpq7TmniKca4oYUA9uUOTeIYV4Pcnu7msC05K1ESm05XtIQl-g1lq_vNckKv63zz9cnxOMQ-lv1kDqd7kkWA6zArM4MaMik7bZx5KE-Ed38VHu6p5lTay7gPN8BlUNFO2OmRpb3qpkry-JOyePTtCzPgNW0qLpcIPpzZlEvQYa-LEZ7zjNkYHZ7n4z0_OIlhPEYzMrzE-6fZpQotOaSLhdpdTDncdhrK3O0xggUBPR1UWUAPIk_i8mLso5sJkaYWFPQqjDSM8515Snox2cDL2dsiIeUqvvCHS_h4J4_u4Vl0AuZRTL__9OdCiGz90EbX0vE7fjHk65OX0viEamgLuOqEWJ57T8ygYKv59j2zetIvKuhnxLd11JQs-xg9nMK3Kr5CaXHFXQVdGhHQ5v_qzMiZ-F33tig6a5U8EvMY2R1KmIySqN9x9E4y_2MGRmhDUnz67hNhAlLcAqS8BcgGfUamr08NeNqsc-qQsGgUk8N_9mtZlsx_rAnh2McPU01IX6OzNOIHT9DbXx_Y5LQ53udWm-fF23_ig-TLphEAAA */
2
2
  ._1sqif100 {
3
3
  display: inline-flex;
4
4
  align-items: center;
@@ -35,6 +35,9 @@
35
35
  letter-spacing: var(--md-sys-typescale-label-large-tracking);
36
36
  transition: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard);
37
37
  }
38
+ ._1sqif101[data-with-leading-icon] {
39
+ padding-left: 8px;
40
+ }
38
41
  ._1sqif101::before {
39
42
  content: "";
40
43
  position: absolute;
@@ -139,6 +142,37 @@
139
142
  flex-shrink: 0;
140
143
  width: 18px;
141
144
  height: 18px;
145
+ }
146
+ button:disabled ._1sqif108,
147
+ [data-disabled] ._1sqif108 {
148
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
149
+ }
150
+ ._1sqif109 {
151
+ color: rgb(var(--md-sys-color-primary));
152
+ }
153
+ ._1sqif10a {
154
+ color: rgb(var(--md-sys-color-on-surface-variant));
155
+ }
156
+ ._1sqif10b {
157
+ color: rgb(var(--md-sys-color-on-surface-variant));
158
+ }
159
+ ._1sqif10c {
160
+ color: rgb(var(--md-sys-color-on-surface-variant));
161
+ }
162
+ ._1sqif108 > svg {
163
+ width: 18px;
164
+ height: 18px;
165
+ }
166
+ [data-pressed] ._1sqif108 {
167
+ display: none;
168
+ }
169
+ ._1sqif10d {
170
+ display: inline-flex;
171
+ align-items: center;
172
+ justify-content: center;
173
+ flex-shrink: 0;
174
+ width: 18px;
175
+ height: 18px;
142
176
  margin-left: 4px;
143
177
  margin-right: -4px;
144
178
  border: none;
@@ -147,7 +181,7 @@
147
181
  color: rgb(var(--md-sys-color-on-surface-variant));
148
182
  cursor: pointer;
149
183
  }
150
- ._1sqif108:hover {
184
+ ._1sqif10d:hover {
151
185
  opacity: 0.8;
152
186
  }
153
187
  /*# sourceMappingURL=chip.css.map */
package/dist/chip.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71X247TMBB971dYSEhEwiXpXqi8Ei98BkLIiSfJsK4dbKe7Be2_IztuN862NEULj3VnjmfmnBlPlt8K-wPrIs_JrwUhAm0n-Y4RVBIV0FrC492CEC6xURQdbCwjFSgHxh9_763DekcrrRwoN_7Le1LbGlT3jOT-pAVsWsdIse4C5gMK18b_Ntw0qKiE2jFCo4HueIVuF030Fkwt9QMjLQoByp91Gv19FLagnGVEaQX-3BmuLDrUig3XkOIm31iy5eYdpRtB7c7SjfYGFLhF1VDruBLciOx9DOYilxjqBT53i6fFcl_8IhS_0_uYDUjucBtyeT1KGt4xEmtb6kdq8SeqhpFSGwGGlvpxTNPVarDsuBA-8uF6RorbPULwMlxgbw-4vQVDLUio3DMdgykjRfdIrJYoiGnKd0mVKi21obp3_pIsC168um-M7pVgA6EdN6BcEJdWjtZ8g3LH0mq7XQe24hKo5CVIKrlpgHr77OD4EDOc4TiYPrta_AmzHL1hcAuctfNvHNkP_uC8wq0XmCdrBoQzvLpH1WTTVniu6FDviyQe-b7UMdU5YyXU2kDQ-0Gib97cJfLnpdWyd0E7qCy4OAImkkPVgkE31UrVG6-Tzz7Ql2Nkzsg4dHP-l1m2flgluR6CSNCs4w5osJ5C1LrqLd2ixVLCbKjgNYXilZ8lszE6A9bCi5ySgAaQoVsZuTrX1xYq7Qu1Gzo7OlJd14HcMGnGl30R3HEq0PJSgvj6nozi2J_GkXmczXAtOzlmFLW9qXkFGflA8uXVOhvJ6zLfYpX9MfZ92Y_mcJyTPAFcxV6ZGVTIpOqN9eaxPAne1UV4dMsNcuXO416_Aq6AmvfSjZ8dM0zO9UQiN_8oi5uBvtgDX8Mt4-FyTuDh3eWowMS7zkZ4yjNVY_IAno73dONMDNM2mpHhOd3fzi5VpOSQLpX64WzKcWNpufAbYAILErY8TGUJW5DFJK5hGA_RzYSYphYn6EUY0zBOM3M74WJ0wTDOnhYTUS7TpT0u0vu9Otml8-QFLJKYPv7zlT9GtrruktVy_zvd-ovV0cUyfaFa3gGteymzU98EMyTYGdz8Ta8e9UsK-ongpklIyfO3ycdP_K3L71A5WqOvoE8jAVr_L2b2mpl-myXMpGzFgUyvx2xNd_1Z7P1hwX_9wb4ezYHnl3a5vls8_QbB8-QTBA8AAA"],"sourcesContent":["._1sqif100 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n height: 18px;\n width: 0;\n margin-left: -8px;\n opacity: 0;\n overflow: hidden;\n pointer-events: none;\n transition: width 150ms var(--md-sys-motion-easing-standard), margin 150ms var(--md-sys-motion-easing-standard), opacity 150ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n box-sizing: border-box;\n height: 32px;\n padding-inline: 16px;\n border-radius: 8px;\n user-select: none;\n border: 1px solid rgb(var(--md-sys-color-outline));\n background: transparent;\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), border-color 150ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101::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 100ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1sqif101:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1sqif101:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1sqif101:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._1sqif101[data-disabled], ._1sqif101:disabled {\n pointer-events: none;\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n border-color: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1sqif101[data-disabled]::before, ._1sqif101:disabled::before {\n opacity: 0;\n}\n._1sqif102 {\n color: rgb(var(--md-sys-color-on-surface));\n cursor: pointer;\n}\n._1sqif103 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._1sqif104 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: default;\n padding-right: 8px;\n}\n._1sqif105 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._1sqif105[data-pressed] {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n border-color: transparent;\n}\n._1sqif105[data-pressed][data-disabled], ._1sqif105[data-pressed]:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1sqif106 {\n background: rgb(var(--md-sys-color-surface-container-low));\n border-color: transparent;\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1sqif106:hover {\n box-shadow: var(--md-sys-elevation-level2);\n}\n._1sqif106:active {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1sqif106[data-disabled], ._1sqif106:disabled {\n box-shadow: none;\n}\n[data-pressed] ._1sqif100 {\n width: 18px;\n margin-left: 0;\n opacity: 1;\n}\n._1sqif107 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n margin-left: -12px;\n border-radius: var(--md-sys-shape-full);\n overflow: hidden;\n background: rgb(var(--md-sys-color-primary-container));\n color: rgb(var(--md-sys-color-on-primary-container));\n}\n._1sqif107 > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n._1sqif108 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n margin-left: 4px;\n margin-right: -4px;\n border: none;\n border-radius: var(--md-sys-shape-full);\n background: transparent;\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._1sqif108:hover {\n opacity: 0.8;\n}"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXXY_bKBR9z69AlSo10pC1Mx-bZaS-7M9YVStsrm06BLyAnUlX899XGJwYmjTOKN0-Gt97uB_nHmD1d27-4VWeZejfBUKMm1bQPUFcCi4BVwJenxcIUcFribmFrSGoBGlBu-WvnbG82uNSSQvSTn85T2wazeULQZlbaYDXjSUo37QD5o4z24R_W6prLrGAyhKEg4FqacntPpioHnQl1I6ghjMG0q21irv9MPQgrSFIKglu3WoqDbdcSeK3QfljtjWop_oTxluGzd7grXIGGKjhssbGUsmoZsu7EMxVLiHUK3yeF2-L1Vj8fCh-q8aYNQhqeT_kcruW1LQlKNS2UK_Y8G9c1gQVSjPQuFCv0zbdr71lSxlzkfvtCcqfRoTBS1PGO3PA7QxobEBAaY_t8KYE5e0rMkpwhnRdfIqqVCqhNFaddZssl4MXLV9qrTrJiG9oSzVIO5BLSYsruuViT-Jq230LpqQCsKAFCCyorgE7--XBcRcynOHoTY-uhn-DWY7OcHAbetbM33Fi7_3BOoYbRzDXrBkQVtPyhct6mY7CsaK-3ldRPPT7WseY538xainecdtgAdTzqlTyi-d_YJpXgYFQU19CCqiUhsH2QO8PH56j0aGFUaKzA--4NGCDfCR05bIBzW3Ks7LTjmN_uiS_l6A5cnNQgux9FSKNE7oo10MQEZqx1AIerFOISpWdwT03vBAwG2rwSqFo6XRoNkarwRj4LqcoIA_iJ52g-0uaYKBUrlB7rwrBEauqGpq7TmniKca4oYUA9uUOTeIYV4Pcnu7msC05K1ESm05XtIQl-g1lq_vNckKv63zz9cnxOMQ-lv1kDqd7kkWA6zArM4MaMik7bZx5KE-Ed38VHu6p5lTay7gPN8BlUNFO2OmRpb3qpkry-JOyePTtCzPgNW0qLpcIPpzZlEvQYa-LEZ7zjNkYHZ7n4z0_OIlhPEYzMrzE-6fZpQotOaSLhdpdTDncdhrK3O0xggUBPR1UWUAPIk_i8mLso5sJkaYWFPQqjDSM8515Snox2cDL2dsiIeUqvvCHS_h4J4_u4Vl0AuZRTL__9OdCiGz90EbX0vE7fjHk65OX0viEamgLuOqEWJ57T8ygYKv59j2zetIvKuhnxLd11JQs-xg9nMK3Kr5CaXHFXQVdGhHQ5v_qzMiZ-F33tig6a5U8EvMY2R1KmIySqN9x9E4y_2MGRmhDUnz67hNhAlLcAqS8BcgGfUamr08NeNqsc-qQsGgUk8N_9mtZlsx_rAnh2McPU01IX6OzNOIHT9DbXx_Y5LQ53udWm-fF23_ig-TLphEAAA"],"sourcesContent":["._1sqif100 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n height: 18px;\n width: 0;\n margin-left: -8px;\n opacity: 0;\n overflow: hidden;\n pointer-events: none;\n transition: width 150ms var(--md-sys-motion-easing-standard), margin 150ms var(--md-sys-motion-easing-standard), opacity 150ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101 {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n box-sizing: border-box;\n height: 32px;\n padding-inline: 16px;\n border-radius: 8px;\n user-select: none;\n border: 1px solid rgb(var(--md-sys-color-outline));\n background: transparent;\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), border-color 150ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101[data-with-leading-icon] {\n padding-left: 8px;\n}\n._1sqif101::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 100ms var(--md-sys-motion-easing-standard);\n}\n._1sqif101:hover::before {\n opacity: var(--md-sys-state-hover);\n}\n._1sqif101:focus-visible::before {\n opacity: var(--md-sys-state-focus);\n}\n._1sqif101:active::before {\n opacity: var(--md-sys-state-pressed);\n}\n._1sqif101:focus-visible {\n outline: 3px solid rgb(var(--md-sys-color-secondary));\n outline-offset: 2px;\n}\n._1sqif101[data-disabled], ._1sqif101:disabled {\n pointer-events: none;\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n border-color: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1sqif101[data-disabled]::before, ._1sqif101:disabled::before {\n opacity: 0;\n}\n._1sqif102 {\n color: rgb(var(--md-sys-color-on-surface));\n cursor: pointer;\n}\n._1sqif103 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._1sqif104 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: default;\n padding-right: 8px;\n}\n._1sqif105 {\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._1sqif105[data-pressed] {\n background: rgb(var(--md-sys-color-secondary-container));\n color: rgb(var(--md-sys-color-on-secondary-container));\n border-color: transparent;\n}\n._1sqif105[data-pressed][data-disabled], ._1sqif105[data-pressed]:disabled {\n background: rgb(var(--md-sys-color-on-surface) / 0.12);\n}\n._1sqif106 {\n background: rgb(var(--md-sys-color-surface-container-low));\n border-color: transparent;\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1sqif106:hover {\n box-shadow: var(--md-sys-elevation-level2);\n}\n._1sqif106:active {\n box-shadow: var(--md-sys-elevation-level1);\n}\n._1sqif106[data-disabled], ._1sqif106:disabled {\n box-shadow: none;\n}\n[data-pressed] ._1sqif100 {\n width: 18px;\n margin-left: 0;\n opacity: 1;\n}\n._1sqif107 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n margin-left: -12px;\n border-radius: var(--md-sys-shape-full);\n overflow: hidden;\n background: rgb(var(--md-sys-color-primary-container));\n color: rgb(var(--md-sys-color-on-primary-container));\n}\n._1sqif107 > img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n._1sqif108 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n}\nbutton:disabled ._1sqif108, [data-disabled] ._1sqif108 {\n color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1sqif109 {\n color: rgb(var(--md-sys-color-primary));\n}\n._1sqif10a {\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1sqif10b {\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1sqif10c {\n color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1sqif108 > svg {\n width: 18px;\n height: 18px;\n}\n[data-pressed] ._1sqif108 {\n display: none;\n}\n._1sqif10d {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 18px;\n height: 18px;\n margin-left: 4px;\n margin-right: -4px;\n border: none;\n border-radius: var(--md-sys-shape-full);\n background: transparent;\n color: rgb(var(--md-sys-color-on-surface-variant));\n cursor: pointer;\n}\n._1sqif10d:hover {\n opacity: 0.8;\n}"],"mappings":"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","names":[]}
package/dist/chip.js CHANGED
@@ -7,14 +7,16 @@ import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
7
7
  var avatar = "_1sqif107";
8
8
  var check = "_1sqif100";
9
9
  var chip = createRuntimeFn({ defaultClassName: "_1sqif101", variantClassNames: { variant: { assist: "_1sqif102", suggestion: "_1sqif103", input: "_1sqif104", filter: "_1sqif105" }, elevated: { true: "_1sqif106" } }, defaultVariants: { variant: "assist" }, compoundVariants: [] });
10
- var remove = "_1sqif108";
10
+ var icon = createRuntimeFn({ defaultClassName: "_1sqif108", variantClassNames: { variant: { assist: "_1sqif109", suggestion: "_1sqif10a", input: "_1sqif10b", filter: "_1sqif10c" } }, defaultVariants: { variant: "assist" }, compoundVariants: [] });
11
+ var remove = "_1sqif10d";
11
12
 
12
13
  // src/chip.ts
13
14
  var Chip = createChip(({ variant, elevated }) => ({
14
15
  root: chip({ variant, elevated }),
15
16
  remove,
16
17
  check,
17
- avatar
18
+ avatar,
19
+ icon: icon({ variant })
18
20
  }));
19
21
 
20
22
  export { Chip };
package/dist/chip.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/chip.css.ts","../src/chip.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,WAAA,EAAY,UAAA,EAAW,WAAA,EAAY,OAAM,WAAA,EAAY,MAAA,EAAO,WAAA,EAAW,EAAE,QAAA,EAAS,EAAC,IAAA,EAAK,WAAA,IAAY,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,QAAA,EAAQ,EAAE,gBAAA,EAAiB,IAAG,CAAA;AAChP,IAAI,MAAA,GAAS,WAAA;;;ACCb,IAAM,OAAO,UAAA,CAAW,CAAC,EAAE,OAAA,EAAS,UAAS,MAAO;AAAA,EACzD,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS,UAAU,CAAA;AAAA,EAChC,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAA,CAAE","file":"chip.js","sourcesContent":["import 'src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71X247TMBB971dYSEhEwiXpXqi8Ei98BkLIiSfJsK4dbKe7Be2_IztuN862NEULj3VnjmfmnBlPlt8K-wPrIs_JrwUhAm0n-Y4RVBIV0FrC492CEC6xURQdbCwjFSgHxh9_763DekcrrRwoN_7Le1LbGlT3jOT-pAVsWsdIse4C5gMK18b_Ntw0qKiE2jFCo4HueIVuF030Fkwt9QMjLQoByp91Gv19FLagnGVEaQX-3BmuLDrUig3XkOIm31iy5eYdpRtB7c7SjfYGFLhF1VDruBLciOx9DOYilxjqBT53i6fFcl_8IhS_0_uYDUjucBtyeT1KGt4xEmtb6kdq8SeqhpFSGwGGlvpxTNPVarDsuBA-8uF6RorbPULwMlxgbw-4vQVDLUio3DMdgykjRfdIrJYoiGnKd0mVKi21obp3_pIsC168um-M7pVgA6EdN6BcEJdWjtZ8g3LH0mq7XQe24hKo5CVIKrlpgHr77OD4EDOc4TiYPrta_AmzHL1hcAuctfNvHNkP_uC8wq0XmCdrBoQzvLpH1WTTVniu6FDviyQe-b7UMdU5YyXU2kDQ-0Gib97cJfLnpdWyd0E7qCy4OAImkkPVgkE31UrVG6-Tzz7Ql2Nkzsg4dHP-l1m2flgluR6CSNCs4w5osJ5C1LrqLd2ixVLCbKjgNYXilZ8lszE6A9bCi5ySgAaQoVsZuTrX1xYq7Qu1Gzo7OlJd14HcMGnGl30R3HEq0PJSgvj6nozi2J_GkXmczXAtOzlmFLW9qXkFGflA8uXVOhvJ6zLfYpX9MfZ92Y_mcJyTPAFcxV6ZGVTIpOqN9eaxPAne1UV4dMsNcuXO416_Aq6AmvfSjZ8dM0zO9UQiN_8oi5uBvtgDX8Mt4-FyTuDh3eWowMS7zkZ4yjNVY_IAno73dONMDNM2mpHhOd3fzi5VpOSQLpX64WzKcWNpufAbYAILErY8TGUJW5DFJK5hGA_RzYSYphYn6EUY0zBOM3M74WJ0wTDOnhYTUS7TpT0u0vu9Otml8-QFLJKYPv7zlT9GtrruktVy_zvd-ovV0cUyfaFa3gGteymzU98EMyTYGdz8Ta8e9UsK-ongpklIyfO3ycdP_K3L71A5WqOvoE8jAVr_L2b2mpl-myXMpGzFgUyvx2xNd_1Z7P1hwX_9wb4ezYHnl3a5vls8_QbB8-QTBA8AAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var avatar = '_1sqif107';\nexport var check = '_1sqif100';\nexport var chip = _7a468({defaultClassName:'_1sqif101',variantClassNames:{variant:{assist:'_1sqif102',suggestion:'_1sqif103',input:'_1sqif104',filter:'_1sqif105'},elevated:{true:'_1sqif106'}},defaultVariants:{variant:'assist'},compoundVariants:[]});\nexport var remove = '_1sqif108';","/**\n * chip.ts — wires the VE recipe into the shared factory.\n */\nimport { createChip } from '@m3-baseui/core';\nimport { chip, check, remove, avatar } from './chip.css';\n\nexport const Chip = createChip(({ variant, elevated }) => ({\n root: chip({ variant, elevated }),\n remove,\n check,\n avatar,\n}));\nexport type { ChipProps, ChipVariant } from '@m3-baseui/core';\n"]}
1
+ {"version":3,"sources":["../src/chip.css.ts","../src/chip.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,aAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,WAAA,EAAY,UAAA,EAAW,WAAA,EAAY,OAAM,WAAA,EAAY,MAAA,EAAO,WAAA,EAAW,EAAE,QAAA,EAAS,EAAC,IAAA,EAAK,WAAA,IAAY,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,QAAA,EAAQ,EAAE,gBAAA,EAAiB,IAAG,CAAA;AAChP,IAAI,IAAA,GAAOA,eAAA,CAAO,EAAC,gBAAA,EAAiB,WAAA,EAAY,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,WAAA,EAAY,UAAA,EAAW,WAAA,EAAY,KAAA,EAAM,WAAA,EAAY,MAAA,EAAO,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,OAAA,EAAQ,QAAA,EAAQ,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AACpN,IAAI,MAAA,GAAS,WAAA;;;ACAb,IAAM,OAAO,UAAA,CAAW,CAAC,EAAE,OAAA,EAAS,UAAS,MAAO;AAAA,EACzD,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS,UAAU,CAAA;AAAA,EAChC,MAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA,EAAM,IAAA,CAAK,EAAE,OAAA,EAAS;AACxB,CAAA,CAAE","file":"chip.js","sourcesContent":["import 'src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXXY_bKBR9z69AlSo10pC1Mx-bZaS-7M9YVStsrm06BLyAnUlX899XGJwYmjTOKN0-Gt97uB_nHmD1d27-4VWeZejfBUKMm1bQPUFcCi4BVwJenxcIUcFribmFrSGoBGlBu-WvnbG82uNSSQvSTn85T2wazeULQZlbaYDXjSUo37QD5o4z24R_W6prLrGAyhKEg4FqacntPpioHnQl1I6ghjMG0q21irv9MPQgrSFIKglu3WoqDbdcSeK3QfljtjWop_oTxluGzd7grXIGGKjhssbGUsmoZsu7EMxVLiHUK3yeF2-L1Vj8fCh-q8aYNQhqeT_kcruW1LQlKNS2UK_Y8G9c1gQVSjPQuFCv0zbdr71lSxlzkfvtCcqfRoTBS1PGO3PA7QxobEBAaY_t8KYE5e0rMkpwhnRdfIqqVCqhNFaddZssl4MXLV9qrTrJiG9oSzVIO5BLSYsruuViT-Jq230LpqQCsKAFCCyorgE7--XBcRcynOHoTY-uhn-DWY7OcHAbetbM33Fi7_3BOoYbRzDXrBkQVtPyhct6mY7CsaK-3ldRPPT7WseY538xainecdtgAdTzqlTyi-d_YJpXgYFQU19CCqiUhsH2QO8PH56j0aGFUaKzA--4NGCDfCR05bIBzW3Ks7LTjmN_uiS_l6A5cnNQgux9FSKNE7oo10MQEZqx1AIerFOISpWdwT03vBAwG2rwSqFo6XRoNkarwRj4LqcoIA_iJ52g-0uaYKBUrlB7rwrBEauqGpq7TmniKca4oYUA9uUOTeIYV4Pcnu7msC05K1ESm05XtIQl-g1lq_vNckKv63zz9cnxOMQ-lv1kDqd7kkWA6zArM4MaMik7bZx5KE-Ed38VHu6p5lTay7gPN8BlUNFO2OmRpb3qpkry-JOyePTtCzPgNW0qLpcIPpzZlEvQYa-LEZ7zjNkYHZ7n4z0_OIlhPEYzMrzE-6fZpQotOaSLhdpdTDncdhrK3O0xggUBPR1UWUAPIk_i8mLso5sJkaYWFPQqjDSM8515Snox2cDL2dsiIeUqvvCHS_h4J4_u4Vl0AuZRTL__9OdCiGz90EbX0vE7fjHk65OX0viEamgLuOqEWJ57T8ygYKv59j2zetIvKuhnxLd11JQs-xg9nMK3Kr5CaXHFXQVdGhHQ5v_qzMiZ-F33tig6a5U8EvMY2R1KmIySqN9x9E4y_2MGRmhDUnz67hNhAlLcAqS8BcgGfUamr08NeNqsc-qQsGgUk8N_9mtZlsx_rAnh2McPU01IX6OzNOIHT9DbXx_Y5LQ53udWm-fF23_ig-TLphEAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var avatar = '_1sqif107';\nexport var check = '_1sqif100';\nexport var chip = _7a468({defaultClassName:'_1sqif101',variantClassNames:{variant:{assist:'_1sqif102',suggestion:'_1sqif103',input:'_1sqif104',filter:'_1sqif105'},elevated:{true:'_1sqif106'}},defaultVariants:{variant:'assist'},compoundVariants:[]});\nexport var icon = _7a468({defaultClassName:'_1sqif108',variantClassNames:{variant:{assist:'_1sqif109',suggestion:'_1sqif10a',input:'_1sqif10b',filter:'_1sqif10c'}},defaultVariants:{variant:'assist'},compoundVariants:[]});\nexport var remove = '_1sqif10d';","/**\n * chip.ts — wires the VE recipe into the shared factory.\n */\nimport { createChip } from '@m3-baseui/core';\nimport { chip, check, remove, avatar, icon } from './chip.css';\n\nexport const Chip = createChip(({ variant, elevated }) => ({\n root: chip({ variant, elevated }),\n remove,\n check,\n avatar,\n icon: icon({ variant }),\n}));\nexport type { ChipProps, ChipVariant } from '@m3-baseui/core';\n"]}
package/dist/index.css CHANGED
@@ -377,7 +377,7 @@
377
377
  border-color: transparent;
378
378
  }
379
379
 
380
- /* 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 */
380
+ /* vanilla-extract-css-ns:src/switch.css.ts.vanilla.css?source=#H4sIAAAAAAAAA61XUW-bMBB-z6-wKlVKpLojpO0iV9rLfsU07cHAAbcaG9kmbTrtv08Yk-AooZD1CQy-O999330H98kav-bbiPxZEFIrgxaVZESD4BZ38LwgJENTC75nBKVACTQX8NY-b6_UlBrlCyNR--QVM1sy8hjXbkMJWJSWkY1fJ-qNGnxHWTCSKJ2Bponyb9xK8wwbw8iO6yWlVUbN3lBT8hpo3gixOm5lJK7fiFECM6KLZBlYpEooTVVj2-OuOiuevhRaNTJjl_abRuc8BZoqaTlK0LTEogRjOw9po43SjNQKpQXdPrKay75gxwCdOxJHUWXCTCrV7qXADcqCGstlxnW2uuvTn2v4vPi7uPf4_cy45TQtIX2B7JdDc0LOtcaK6_1qUNnuzRSL0-AZGp6IPrqvE4UdSGsYkUrCiA2Tyi7DJFZTs7iMHPlCovt1PD09JXtvA9uLh76u6GdjnJ7PcavmGqQdHoDlKm0M3aHBRICL6HnOyOajjjCQqpY5Hm9vSFWeG7Cuowah1ieKwBOjRGOdIlhVM_IY3bb3AnLLyFPX4V4A1k-hAPTrg5L0EsIFFpKihcowkkLfWL8bYzHfO0BB2uGrGUrhSpgrXflqCm7hx5I-RrdTJSGQkMnEcbvP0z_UDC7E2T7PGs3dTQUZNlW8GlMDqOqSG3yHQA_WHTVf0ZYUUyU9VRsZkLXD7iHALn4IsevWR8eMJZAr3XHvANDNzfNFtnRRPF2G1PERH6IwYr8-gdobDWFLG902yPcWAcfomqdo934ancPfwX9HDiQYwuGtyfozBDjooq4CcTyh0FMVJFDuKySblWoHOjzmLO2iO66RS3viNtSnz3YfFvnKHHw9juNiNMb_JTQvFk_bb66z3IlC7mxPuLMNmjQa8TTF0SdidfwouJ4L3ZjcbGeM4rnBBtp9sUcC5TtITTiBLLdAndmUtpjs0ZmvxhCe7KrWYEw4LGJndBjO_aiaP5w_HJGz2oGcP17wFzLI4Rsxu8JtHf0KOVhsRtx-fvKjfxcfVWBzDqBBIlNT_weQ3u7B7Q0AAA */
381
381
  .b1i7f80 {
382
382
  position: relative;
383
383
  display: inline-flex;
@@ -424,7 +424,7 @@
424
424
  background: rgb(var(--md-sys-color-outline));
425
425
  color: rgb(var(--md-sys-color-on-surface));
426
426
  pointer-events: none;
427
- transition: all 200ms var(--md-sys-motion-easing-standard);
427
+ transition: all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);
428
428
  }
429
429
  .b1i7f81[data-with-icon][data-unchecked] {
430
430
  left: 4px;
@@ -516,7 +516,7 @@
516
516
  height: 16px;
517
517
  }
518
518
 
519
- /* vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71W3WrbMBS-z1OIQiGBqrPbZRTlco8xwpCt41itLJkjOWs29u7DipJarmO7GfQmRPI53_k_n-5_puU3MHqdkD8LQmpjpZNGM4KguJN72CwIEdLWih8YkVpJDbRQ8NrecyV3mkoHlWUkB-0A2-vnxjpZHGhutAPtup9aTWpLlPqFkaS9ycwrtfK31DtGMoMCkGbGo_-SwpWMpE-1P5Ygd6V7Owdh5EI2lpGH7q0_EmuUFAR32XLPcUlpJag9WJobZZAaTW2DBc-B7jlKrt1q5QF4_rJD02jBiEOubc0RtGs_eUU2DXgEyhu0rXht5Cl6jxfy-2bnqE_SdVJZEgFXppWlwK3UO2od14KjWN2dYv-44kc1Nou_i_tzi_wQ3HGal5C_gNjekf4XqQU4wEpq7mDrG6qbzguJq1FWHA8h_Z3I5mnMFn0fiZCWZwrENvS-LxSFPWhnGdFGw6gW08Yt45ysOndxNlbHdMwJr9NJ5AtJ7h-fxr2fKktP8LoqDTrVDygamLHMsQwKg-CNm5rn0h38PujqMJ63C8jL_EeRT3kJcFNdO99qPPDvDQOiwe38snv5OT19Frxkc6ohulLXdUPH10-O7WIZh0KfJXxt_QddZYXJG0v30spMhf5uXMuajDxOcZKF3LR7N2y2oEhNUVhwgeIiY90xOrPtzc0mYnKeWaMa55lcQeEYWSe3no5Mff4fyPZrEpPt6dwj26DUbZS8wXbsv7eBbHpTHZivMFiFHaG4gyVdJ7d3pP1d9dkxaJM0uY6pWGn2gMNrJkKzjjugXnq0krOhvFYf6thTszFqBGuhF1P6KQ-006MrOVb4_OgK52GOnLEpI8q-sPHTi3srvbirzlDpyAru5XDS2ZEl9PZk-BDoMFEMhsUYLxzg_Jk-lywe3YfByY27reQ10KJR6t3TNx7njs8P3rHRt_lUhKQHFrXDP_E_E4WRDAAA */
519
+ /* vanilla-extract-css-ns:src/checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71XXW_bIBR9z69AlSolUumcZpkq8rifMUUThuuY1QbrgrOm0_77ZEJc4ziOm0l9qQK-93A_DvfQx5_L_BsYvU7InxkhlbHKKaMZQSi4U3vYzAiRylYFPzCidKE00KyA12afF2qnqXJQWkYEaAfYbP-qrVPZgQqjHWjX_dR4Upuj0i-MJM1Oal6pVW9K7xhJDUpAmhqP_ltJlzOyfK78Mge1y937Ohgjl6q2jDx1d_2SWFMoSXCXzvcc55SWktqDpcIUBqnR1NaYcQF0z1Fx7RYLD8DFyw5NrSUjDrm2FUfQrvnkHdl1wCOQqNE25pVRp-w9Xqjv-zlHf7JcJ6UlEXBpGlsK3Cq9o9ZxLTnKxcMp9487ftRjM_s7e2wp8kNyx6nIQbyA3D6Q_helJTjAUmnuYOsJ1S3nhcJVqEqOh1D-TmbTPCabnmcileVpAXIbuO8bRWEP2llGtNEw6sW0cfO4JovOXlyNxbEcU9LrMIl8Icnj6nk8-mtt6Rne1qXBoPoJRRdmrHIshcwg-MNNxYVyBz8Puj6Mi2YAeZv_aPKpLgHuGmunnxpf-PODAdHgdnrbvf0UTreGl868Roiu1W1s6MT6ybldbONQ6pOMb-3_YKgsM6K2dK-sSovA79o1qsnI6pomWRCmmbthsgVHarLMggsSFx3WvUat2t7dbSIl56k1Re28kheQOUbWyb2XI1O1v4PYfk1isT2te2IbnLpEETU21_57k8imd6uD8mUGyzAjCu5gTtfJ_QNp_i766hi8yTK5TalYbvaAw2MmQrOOO6DeerSTk6G8Vx_qyKnJGBWCtdDLafkpD7TToys5drh9dIX1sEZOmJSRZA9wo9f3oY7LGrn_YXODbrUYowWUVc6tegNJuRBQAHIHvXpenJLLi5OxDXwZB97GxsYjL0Gqulz16E6dKpugs1qLyyDnmUkYzizWnx6BrnZqZAK_v5c-BDqskoNVZoxnDnD6QGv5Gs-tp8GxFV-1nFdAs7oozt798SzrxPzkAxv9x-RahqQHFr1-_gFErkOsjg0AAA */
520
520
  ._1h6eon50 {
521
521
  position: relative;
522
522
  display: inline-flex;
@@ -614,10 +614,13 @@
614
614
  pointer-events: none;
615
615
  color: rgb(var(--md-sys-color-on-primary));
616
616
  opacity: 0;
617
+ transition: opacity var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-emphasized-accelerate);
617
618
  }
618
619
  ._1h6eon51[data-checked],
619
620
  ._1h6eon51[data-indeterminate] {
620
621
  opacity: 1;
622
+ transition-duration: var(--md-sys-motion-duration-medium3);
623
+ transition-timing-function: var(--md-sys-motion-easing-emphasized-decelerate);
621
624
  }
622
625
  ._1h6eon50[data-error] ._1h6eon51 {
623
626
  color: rgb(var(--md-sys-color-on-error));
@@ -641,7 +644,7 @@
641
644
  opacity: 0;
642
645
  }
643
646
 
644
- /* vanilla-extract-css-ns:src/radio.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51WwW7bMAy95yuIAgUaoMqctgEK5bjPGIZBlmlbjSwZlJw1G_bvgxQltVOncXIJIomPFPmoRy9-Pe_K5u01g78zgNY65ZU1HAi18GqL6xlAoVyrxY6DMloZZKXG97AvtKoMUx4bx0Gi8Uhh-61zXpU7Jq3xaHz_KCCZq0mZDYcs7OT2nTn1R5mKQ26pQGK5jd5_q8LXHJ6yNi5rVFXtP9bJmEShOsdhK-iBsaZgbueYq0WLrOy0nn-Ycnhq38FZrQqgKn8YIKTVlpg1zHVUColsK0gJ4-d7B0JuKrKdKTh4Esa1gtD4cBSB_LLDvSPZkQvmrVWHkkR_qegpp4iF5Spr3DCvxgY7hsIpUzHnhSkEFfNHuBaxnv2bLQ7M_yiEF0zWKDdY_Ix90L_I2eRaUo2gXcpsqumnwIVyIteHyKkyDLdovONgrMH11Bv1yg3fIFs8v34ZkPMcS0sYA9tWSOV3sS17EC5keAbR5PYcD8Wd7m3YOZ8cIpGlK7iK9lOYOhqeCZkyeITR01uzHYvKSys7x7bKqVwnjjofBIjD86WX7FDa0OqpOxOQ2bJ06KMSDGP1O-GoW3d364EmitxZ3fnYjxpLz2GV3cc3bNvj_yRbLyey9TIuWwnUFxjZURCX7yGP9UljJrkoLTVJibTw-MBW2f0jhN_5qaQkNCyzm7SB13aLNP5QhpLrhUcWrb-icbKniJqPPcXJLlpC53CY0DKijgMt11Zueqxlfcqya8dMj8QpknlO6kYIT2TGW141GPa5XAU5dsxN02Q5Mk1ScZcnT-KwPua7PC90Q_4mVPq8jn3Mm6udXpgvT8PmOvlait8-hSKUezKl1V1jwkklWg4vUZL-A5tTC36PCQAA */
647
+ /* vanilla-extract-css-ns:src/radio.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VW0WrjMBB8z1eIQiGGqOekLRTl8T7jOA5ZWtvbyJJZybmmx_37YVVJ7TRJ3cC9GNva2fXujEa--3W_K5vnp5z9mTHWOo8BnRWMwMiAW1jPGNPoWyN3gqE1aIGXBl7699JgZTkGaLxgCmwA6l8_dz5guePK2QA2DJd6JPc1od0IlvdvCvfCPb6irQQrHGkgXriY_TfqUAu2ytv4WANWdXh_TsEkNXZesK2kOeeN5n7nua9lC7zsjMneQwVbtS_MO4OaUVXMRwjljCPuLPcdlVIB30pCaUP2lkCqTUWus1qwQNL6VhLY0C9FoPg84Vsi1ZHvw1uH-5HEfGnoqaeIZcvHvPHjvhrXx3GQHm3FfZBWS9LZgn0VsZ79nd3tmf-hZZBc1aA2oH9GHQw_5GxzLWEjaZc6mxr6obBGLwuzr5wmw2ELNnjBrLOwnvpFg3Gzbyy_u3-6WFCIAkpHEAu7VioMuyjLAURI1W-DGHJ9j_vhTs82Vs6HhEDk6AtcxfgpTB0Cz5RMHSzYydVruz1VVZROdZ5v0WNhEkdd6A1IsPvPdrIH5XqpJ3UmIHdl6SFEJxjXGirh4Fs3N-uRJ8rCO9OFqEcDZRDsMb-Ne9i1h_tkWw9HtvVw2rYSaGgwqqPeXL73fayPhJnsonTUJCcyMsCcP-a3C9Zfs2NLSWi2zK_yBlG7LdDpjTK23CAD8Bh9icbJmSIqO7UVJ6doCbyHcUPLiDocaIVxajNgbXnE2vKKw2ZA5RTjPGd4B6K5I6zQDo_RgQi8kgbmeXZGKUkFB8BJBeiOZLxpQGPXrLJLOoGmraXHV9BcgwIDJANki4PQ_lOBEYknTqwPI1mOR7I8b6JjbUzg77xHvp9lX076ydm1Ggv36E8s_ldpJFBvfCtnusb2K5VsBXuIdvcPwg_qMOsJAAA */
645
648
  ._3yfmj80 {
646
649
  position: relative;
647
650
  display: inline-flex;
@@ -711,20 +714,18 @@
711
714
  }
712
715
  ._3yfmj81 {
713
716
  display: block;
714
- width: 0;
715
- height: 0;
717
+ width: 10px;
718
+ height: 10px;
716
719
  border-radius: var(--md-sys-shape-full);
717
720
  background: rgb(var(--md-sys-color-primary));
718
721
  pointer-events: none;
722
+ transform-origin: center;
723
+ transform: scale(0);
719
724
  opacity: 0;
720
- transition:
721
- width 150ms var(--md-sys-motion-easing-standard),
722
- height 150ms var(--md-sys-motion-easing-standard),
723
- opacity 150ms var(--md-sys-motion-easing-standard);
725
+ transition: transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate), opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate);
724
726
  }
725
727
  ._3yfmj81[data-checked] {
726
- width: 10px;
727
- height: 10px;
728
+ transform: scale(1);
728
729
  opacity: 1;
729
730
  }
730
731
  ._3yfmj80[data-error] ._3yfmj81 {
@@ -739,7 +740,7 @@
739
740
  gap: 4px;
740
741
  }
741
742
 
742
- /* vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA71X247TMBB971dYSEhEwiXpXqi8Ei98BkLIiSfJsK4dbKe7Be2_IztuN862NEULj3VnjmfmnBlPlt8K-wPrIs_JrwUhAm0n-Y4RVBIV0FrC492CEC6xURQdbCwjFSgHxh9_763DekcrrRwoN_7Le1LbGlT3jOT-pAVsWsdIse4C5gMK18b_Ntw0qKiE2jFCo4HueIVuF030Fkwt9QMjLQoByp91Gv19FLagnGVEaQX-3BmuLDrUig3XkOIm31iy5eYdpRtB7c7SjfYGFLhF1VDruBLciOx9DOYilxjqBT53i6fFcl_8IhS_0_uYDUjucBtyeT1KGt4xEmtb6kdq8SeqhpFSGwGGlvpxTNPVarDsuBA-8uF6RorbPULwMlxgbw-4vQVDLUio3DMdgykjRfdIrJYoiGnKd0mVKi21obp3_pIsC168um-M7pVgA6EdN6BcEJdWjtZ8g3LH0mq7XQe24hKo5CVIKrlpgHr77OD4EDOc4TiYPrta_AmzHL1hcAuctfNvHNkP_uC8wq0XmCdrBoQzvLpH1WTTVniu6FDviyQe-b7UMdU5YyXU2kDQ-0Gib97cJfLnpdWyd0E7qCy4OAImkkPVgkE31UrVG6-Tzz7Ql2Nkzsg4dHP-l1m2flgluR6CSNCs4w5osJ5C1LrqLd2ixVLCbKjgNYXilZ8lszE6A9bCi5ySgAaQoVsZuTrX1xYq7Qu1Gzo7OlJd14HcMGnGl30R3HEq0PJSgvj6nozi2J_GkXmczXAtOzlmFLW9qXkFGflA8uXVOhvJ6zLfYpX9MfZ92Y_mcJyTPAFcxV6ZGVTIpOqN9eaxPAne1UV4dMsNcuXO416_Aq6AmvfSjZ8dM0zO9UQiN_8oi5uBvtgDX8Mt4-FyTuDh3eWowMS7zkZ4yjNVY_IAno73dONMDNM2mpHhOd3fzi5VpOSQLpX64WzKcWNpufAbYAILErY8TGUJW5DFJK5hGA_RzYSYphYn6EUY0zBOM3M74WJ0wTDOnhYTUS7TpT0u0vu9Otml8-QFLJKYPv7zlT9GtrruktVy_zvd-ovV0cUyfaFa3gGteymzU98EMyTYGdz8Ta8e9UsK-ongpklIyfO3ycdP_K3L71A5WqOvoE8jAVr_L2b2mpl-myXMpGzFgUyvx2xNd_1Z7P1hwX_9wb4ezYHnl3a5vls8_QbB8-QTBA8AAA */
743
+ /* vanilla-extract-css-ns:src/chip.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8VXXY_bKBR9z69AlSo10pC1Mx-bZaS-7M9YVStsrm06BLyAnUlX899XGJwYmjTOKN0-Gt97uB_nHmD1d27-4VWeZejfBUKMm1bQPUFcCi4BVwJenxcIUcFribmFrSGoBGlBu-WvnbG82uNSSQvSTn85T2wazeULQZlbaYDXjSUo37QD5o4z24R_W6prLrGAyhKEg4FqacntPpioHnQl1I6ghjMG0q21irv9MPQgrSFIKglu3WoqDbdcSeK3QfljtjWop_oTxluGzd7grXIGGKjhssbGUsmoZsu7EMxVLiHUK3yeF2-L1Vj8fCh-q8aYNQhqeT_kcruW1LQlKNS2UK_Y8G9c1gQVSjPQuFCv0zbdr71lSxlzkfvtCcqfRoTBS1PGO3PA7QxobEBAaY_t8KYE5e0rMkpwhnRdfIqqVCqhNFaddZssl4MXLV9qrTrJiG9oSzVIO5BLSYsruuViT-Jq230LpqQCsKAFCCyorgE7--XBcRcynOHoTY-uhn-DWY7OcHAbetbM33Fi7_3BOoYbRzDXrBkQVtPyhct6mY7CsaK-3ldRPPT7WseY538xainecdtgAdTzqlTyi-d_YJpXgYFQU19CCqiUhsH2QO8PH56j0aGFUaKzA--4NGCDfCR05bIBzW3Ks7LTjmN_uiS_l6A5cnNQgux9FSKNE7oo10MQEZqx1AIerFOISpWdwT03vBAwG2rwSqFo6XRoNkarwRj4LqcoIA_iJ52g-0uaYKBUrlB7rwrBEauqGpq7TmniKca4oYUA9uUOTeIYV4Pcnu7msC05K1ESm05XtIQl-g1lq_vNckKv63zz9cnxOMQ-lv1kDqd7kkWA6zArM4MaMik7bZx5KE-Ed38VHu6p5lTay7gPN8BlUNFO2OmRpb3qpkry-JOyePTtCzPgNW0qLpcIPpzZlEvQYa-LEZ7zjNkYHZ7n4z0_OIlhPEYzMrzE-6fZpQotOaSLhdpdTDncdhrK3O0xggUBPR1UWUAPIk_i8mLso5sJkaYWFPQqjDSM8515Snox2cDL2dsiIeUqvvCHS_h4J4_u4Vl0AuZRTL__9OdCiGz90EbX0vE7fjHk65OX0viEamgLuOqEWJ57T8ygYKv59j2zetIvKuhnxLd11JQs-xg9nMK3Kr5CaXHFXQVdGhHQ5v_qzMiZ-F33tig6a5U8EvMY2R1KmIySqN9x9E4y_2MGRmhDUnz67hNhAlLcAqS8BcgGfUamr08NeNqsc-qQsGgUk8N_9mtZlsx_rAnh2McPU01IX6OzNOIHT9DbXx_Y5LQ53udWm-fF23_ig-TLphEAAA */
743
744
  ._1sqif100 {
744
745
  display: inline-flex;
745
746
  align-items: center;
@@ -776,6 +777,9 @@
776
777
  letter-spacing: var(--md-sys-typescale-label-large-tracking);
777
778
  transition: background-color 150ms var(--md-sys-motion-easing-standard), border-color 150ms var(--md-sys-motion-easing-standard);
778
779
  }
780
+ ._1sqif101[data-with-leading-icon] {
781
+ padding-left: 8px;
782
+ }
779
783
  ._1sqif101::before {
780
784
  content: "";
781
785
  position: absolute;
@@ -880,6 +884,37 @@
880
884
  flex-shrink: 0;
881
885
  width: 18px;
882
886
  height: 18px;
887
+ }
888
+ button:disabled ._1sqif108,
889
+ [data-disabled] ._1sqif108 {
890
+ color: rgb(var(--md-sys-color-on-surface) / 0.38);
891
+ }
892
+ ._1sqif109 {
893
+ color: rgb(var(--md-sys-color-primary));
894
+ }
895
+ ._1sqif10a {
896
+ color: rgb(var(--md-sys-color-on-surface-variant));
897
+ }
898
+ ._1sqif10b {
899
+ color: rgb(var(--md-sys-color-on-surface-variant));
900
+ }
901
+ ._1sqif10c {
902
+ color: rgb(var(--md-sys-color-on-surface-variant));
903
+ }
904
+ ._1sqif108 > svg {
905
+ width: 18px;
906
+ height: 18px;
907
+ }
908
+ [data-pressed] ._1sqif108 {
909
+ display: none;
910
+ }
911
+ ._1sqif10d {
912
+ display: inline-flex;
913
+ align-items: center;
914
+ justify-content: center;
915
+ flex-shrink: 0;
916
+ width: 18px;
917
+ height: 18px;
883
918
  margin-left: 4px;
884
919
  margin-right: -4px;
885
920
  border: none;
@@ -888,7 +923,7 @@
888
923
  color: rgb(var(--md-sys-color-on-surface-variant));
889
924
  cursor: pointer;
890
925
  }
891
- ._1sqif108:hover {
926
+ ._1sqif10d:hover {
892
927
  opacity: 0.8;
893
928
  }
894
929
 
@@ -1348,7 +1383,7 @@
1348
1383
  height: 24px;
1349
1384
  }
1350
1385
 
1351
- /* vanilla-extract-css-ns:src/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA7VVf2vcMAz9_z6FKRTuYO7S-wHD_SijDMVRElHHDrJy19vodx_25drmtm7ZaP8JtnhPT0-yyM233fpA9aZQPxZK9SGSUPBGMToQ2uPdQqmKYu_gaFTt8DEFwFHjNQl20SiLXpBTeIjIOqJDK0b54DP5QJW0Rt0WxXW6Shhsq8GeVE6gp8XNWMXtO1RxIdgiNa0YtS36x9dS6z9IvZWiz7pl4ApZM1Q0RKP2wEutu0rHY9SxhR51PTi3ylCwDw2HwVdGcVMuJ1gbXGAdB67BorbBC5BH1i01LUZZrV6XW3ytQEBXFKF0WN2rqY8ZQsGftVbqsypubtcTgc1FP6CMwQ2CH96AnqkDPs60u_lfu5svE4Ht38e_Lk52z-7P9w-zr1QYxJHHXxdja0yJdWDMZae3gl6Murq6e3NoDmsxandeu_75PNrbXtjb_t7eSPpnJz1YkqNRRZZn8LEO3JnT0YHgUu-K608qfVfPmNHHyE4b2MVph7uQIBohkm90FPAVcDWdrWnDHnnSsud6puMSENQZfZGhDnaIek-RSoezM2XWNNP4kBmahnxzPztVZmA1byu277QVu5ynDl50DR25y9Lk2GO04FA7KNFpB9wk117yCDPxML6nGcQT9IUa6TvOIiZgpqVt0e18xVf4Ex9F0k8rDcI3s1IIg30g32R-7uqMbus9MIGX1YvZMaL90CGTNUqgHBxwCsS7xdNP3Lnt85oHAAA */
1386
+ /* vanilla-extract-css-ns:src/slider.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1WbWvbMBD-nl8hCoUEps5524r6RwYjjLN9tkVlyUhnJ9nofx-S7STOksYt7bd9Mba4u0fPvTznh1_rxVZmy4j9mTBWGSdJGi2YRQUkG3yaMJZKVynYC5Yp3PkDUDLXXBKWTrAENaH1x7VDyx0qTEgwbXRw3sqUCsHmUXTvP8nUScEhaVFao5fJQ3eL-Qfc4gywQJkXJNgqqnanUItXoK6FqAJubGyKlltIZe0Ea8BOOS9T7vaOuwIq5Fmt1CyYQvKcW1PrVDCbx9OBbWKUsdzVNoMEeWI0gdRoeSHzAh3NZqfXjX6mQMBT6SBWmG7YkMcIIKN7rBn7yqKH-WIAsDzLB8TOqJrw0xNQWVmC3Y-ku3wv3eXjAGB1u_yLqKXbs--_P40-Y6YmJTX-OxgrIWLMjMVwbd8rqEmwu7unq0VTmJFg637sqsN7R291Rm91mV7n9GYmFSSS9oJFAd6CdpmxpWhfFRBO-Tq6_8L8c3aw6Xh03n4CSzfMcGm8CUdwUufcEegUbDqsrShMg3aQssN9huUiIOTB-ixCZpLa8UY6GSscHSl4DSN1jWwhz6XON6NDBQ9Mx03F6oOmYh3iZEYTz6CU6vxqtK_QJaCQK4hRcQU296w1hRIGx23XTyMcW9Ojq5O_cZSjNwxuflp4MR7xxL71RyK_tHwhdD4qBFlInqXOg3_I6ohs8wasBE2zI9nuhOu6RCsTwQjiWoH1B-60KN86qZJ-w3FsUJM77tfLwy-1QwrDd4zz_RWF7zXhTBI-Q_CuJeW2RpxQaQfB_0Y0uHlD8_cadan5H9-R59gQmfL4qzAQ3RJsLjXvbR7bbF7i-WN6kMHbycYdWeCuhC7nFaRpaN5FtetB3irXN_t4YP1fIEYLxJhRZ2xbSMIAEnb_1kJ1vkRP-rRt_m43bYabZP40efkL11t_jtQLAAA */
1352
1387
  ._52wif30 {
1353
1388
  position: relative;
1354
1389
  display: flex;
@@ -1425,6 +1460,45 @@
1425
1460
  color: rgb(var(--md-sys-color-on-surface-variant));
1426
1461
  font-variant-numeric: tabular-nums;
1427
1462
  }
1463
+ ._52wif36 {
1464
+ pointer-events: none;
1465
+ position: absolute;
1466
+ inset: 0;
1467
+ }
1468
+ ._52wif37 {
1469
+ position: absolute;
1470
+ width: 4px;
1471
+ height: 4px;
1472
+ border-radius: var(--md-sys-shape-full);
1473
+ background: rgb(var(--md-sys-color-on-surface-variant));
1474
+ transform: translate(-50%, -50%);
1475
+ }
1476
+ ._52wif37[data-active] {
1477
+ background: rgb(var(--md-sys-color-on-primary) / 0.38);
1478
+ }
1479
+ ._52wif38 {
1480
+ pointer-events: none;
1481
+ position: absolute;
1482
+ bottom: 100%;
1483
+ left: 50%;
1484
+ margin-bottom: 8px;
1485
+ transform: translateX(-50%);
1486
+ border-radius: var(--md-sys-shape-extra-small);
1487
+ padding: 2px 8px;
1488
+ background: rgb(var(--md-sys-color-primary));
1489
+ color: rgb(var(--md-sys-color-on-primary));
1490
+ font-family: var(--md-sys-typescale-label-large-font);
1491
+ font-weight: var(--md-sys-typescale-label-large-weight);
1492
+ font-size: var(--md-sys-typescale-label-large-size);
1493
+ line-height: var(--md-sys-typescale-label-large-line-height);
1494
+ letter-spacing: var(--md-sys-typescale-label-large-tracking);
1495
+ font-variant-numeric: tabular-nums;
1496
+ white-space: nowrap;
1497
+ opacity: 0;
1498
+ }
1499
+ ._52wif38[data-visible] {
1500
+ opacity: 1;
1501
+ }
1428
1502
 
1429
1503
  /* vanilla-extract-css-ns:src/select.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1Y3XLzJhC9z1MwuYpnPlLbcdKUTHvTx-hkOiuxkmgQMID8k07fvQNI1o_txHb69aa9S8TuYdk9e1h8__siW8DqSc7JnzeEGO2EF1oxYlGCF2t8uSGEC2ck7BgRSgqFtJC4Dd9BilJR4bF2jOSoPNrw-Y_GeVHsaK6VR-UZcQZypBn6DaIKFiUYRp5NBMn0ljrxLlTJSKYtR0szHVcqFGXlGXl8Spa1UHQjuK8YWc7n6ZsBzoUqaYqMkcVThxqRLHDROEbWYO8orTl1O0ddBQYpbr0F6mqQctZ7MLIwW-K0FJzYMrsbOeZaakt148Nes-QF-VtpdaM4I96CcgYsKh-WojU7iaKoa2wBeQvkcetpTCgjEouE0FgXIIwWXW7bzRlRWsXaFFp5WkAt5G5yTL8z6HKQSDPNd1SCLZEG89neb9Nm-HO_ZNl7OvGO5_gFu-gViVOdvd_APLmj92hpYFJkyucI3kL-JlSZshtK0zK7pUYsA1k8zms3Rqt1sKMILhDLeVAcLJ-93Px1c7_vlt84eKBGm8ZQbVC9fiP9Iit03ji6Fk5kEmNjdex6-Ixdxooa7C6R4oDdq8Duwzi4cJBJ5K-DvejZ_CM_kPn9Yjm7iLTR6eE5hZn4SXGNyruOm4MwFzGuIBuMLCKN12gLqTeMVILzJAqxA_oFlFIYJ1xY2lTCYyx-ZP7GghnhLyP-XqY6fTr3MHQNVoDyswOuxL8Lbet_jihkEvV-C0as9uDxbvE851gexekLPUG5om4D9IeIMdDXhAEqr7RN32JqathOehjWIGQIadisHW0zqfO3vdD3pYXG66l4noi8q1C4S0AotLPLaDq79jLYhhUeoh2Zo8Q1xLJLXKNc9owJJaTailKozmf6fXZUwYd800Hf_O4Ctn37OkcfErecB-uT1U7iUNBaA1S8X46MacNlZP4yZnJU47v5_U-P461W50wZpRU8TglWcOqxNhJ8YIBsauUYWa7MliwKu6fRiTFkOGR0pF09nxgbllOO9rp05BZuXLiLUGLu-zoeFPYykv5_kX9-kQ-ZxFiGhbbYyl87at7evowIBpnTsvGxHkI59C1Xh9KTNzbMbL-GsrwcsPr45XaibedXNeCKVYF4oxPtgxirVbggaLSeQKQWrURZyZBr5K9fgmOQh748G8NYdA6n5zo2nXyfCWO61fHA5xMxaoVPav_zbWrnwDYhhSpvU7SdUISRvH9dXDdYnNPhEjKUR1v8w0Ydul3UqUPHK1t1CHGiV6c8-DzvX5tnHifXjPMif9uFM71Tofh-DD2YGM990fZLXX6Xq5Ya7W3BsYBG-n9nzJkMsNpMqf70n05Ipr3X9TQnj-QX4tZlzMz-Z4XxuJD-H-Xxcp8fx4-TK39D6Zc-zsHo_RhfoEJG7esGmsO-TB04elSkmIfu7WP2476e-H-tiZ9HAjyd1I6_Mb63MMcXwmWz19DxouFr6HiFpifHL2l6ghhq-t_cwiLcLxQAAA */
1430
1504
  ._1b1a46l0 {