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

package/dist/split-button.css

@@ -0,0 +1,329 @@
+/* vanilla-extract-css-ns:src/split-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1ay27jNhTd5yuIWcVAmMqKM0kVYDbzGUVQUOKVxAlFCiTl2C367wWphyVZtmnHHbuDbDIJdV_kfRzicO7_nC8enwr9EKC_bxCiTJecrCPEBGcCcMph9XKDEOEsE5gZKHSEEhAGlF3OSBmhsFy93Pxzc99amjtLpdTMMCkipIATw5bwcrz9H5U2LF3jRAoDwvQ_5cCy3ERoEZTOglyCSrl8j1DOKAVh12KpKKgICSmcd1kZ63WzkFRKSxWhUrLWbqVBYQ0cErORS6UwOCUF4-sILYm6xbigWK81NusSdEI4YE5i4JgTlQG28rNO8b0J1UOxFt2oavYXeClaQafmjjX399iTr_XBGHsCJUmYyLxMGEWSNyYyp28UEXXmcalkCcqsIxST5C1TshIUJ5JLdYeaf-oM1YsjbVopUhfQIIRCDr5inUtlFmPXhhVMZDitRLLbBhBthbQhghJFZ11FP9clVRJKrUBdqxEKF_V6E7Q2RJnmpyKUVXrkRuekBJxWnM96aiDo8Uq1glXdo6QLsu3KU6ffv1EUQyoVuD7uWu_Ll5dBW5NYS14Z1x9MaDARCpzvLteR7S8Fwnxv0yttVdmCCGpbruswLEEYvem2TR6jVgPNg6DQnlkc7CW3g2Gwoy6I4XEYYgA76bGJVCaVxkumWczB25TTGpsiiZ2E3jZKBVrDeE9_UGJI--31g8aGu6uNtGPyoVwhLTmjSGXx7cCk61isIZH21NezWW--Ypmmrh62kCGiTJOYA71D4-20X14b9JgqjUlT7f73mJw-omBgMPxErU_U-l-j1mIatebhKag1iSXHa3nh1hRC-qn0-_cXQq3w46gVng-1wrOgVnhO1Ap_JmqFU6gVnoRa4T7UGpv0Qa2F-9gv3h17LhUruh27pZ2ibgZ20n1nXfS-Xu2kq1RKEpih31BwPw_9_A-UHp5HYUwd_aWCefT13hWduxYQJkB5JmOHZj-I60jM4zUl5uuWdzegS2JH-2Hzg35pb2TzQ5OlGSWj9HwdpueEfaHBleO4g-wHMpWgy4Xz5N07tZVN_WMu3326Z5TFlb09UHvbHsgCh2V9LeOwBD4fRXnB5hoGvQUnTxdvuAMBPp-tCftGP9xOfWNnaomeSfIzMZlcx-gnF6_EXjDxNWByfB2Jia8pMcn1YHJyLZicXBcme1frRTGZXi8m04s33IEA4b_AZDgnJsP5MTk95XVzD49rNbHOFRNvDS3Up3_c76lUhRcJeAI_1HApsqxKLEsQr2i00y6CCClpeZTb-XNAIRufyjekl5nTeGfU5BGaN29fLRdb_93TqaULJnCr0RKMBVm1a-FzMCQjYy6Tt-5h7ZTx4gvMTRX0J-IeHhFWRpEBbek3j8INdWtPGUvFMtYRtuP1Ps10gDB89CUM73pV5q81TGVdRo6jraXWHF57jFQjAIJuPm-xUYNiczT7bXD_--PQVe7zuuLznw3aYuseUna81bZyUw8svu8n2w8vR1Xf5_OL5_NLv05-IRY__ziLn9cNmLMs5_awjyHOp8ydhcnPz3ZjPciXj13tpsT_BRrqVlPIJAAA */
+._1457ms30 {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+}
+._1457ms31 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 40px;
+  overflow: hidden;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  user-select: none;
+  font-family: var(--md-sys-typescale-label-large-font);
+  font-weight: var(--md-sys-typescale-label-large-weight);
+  font-size: var(--md-sys-typescale-label-large-size);
+  line-height: var(--md-sys-typescale-label-large-line-height);
+  letter-spacing: var(--md-sys-typescale-label-large-tracking);
+  transition-property:
+    background-color,
+    color,
+    border-color;
+  transition-duration: var(--md-sys-motion-duration-short4);
+  transition-timing-function: var(--md-sys-motion-easing-standard);
+  gap: 8px;
+  padding-inline: 24px;
+  border-start-start-radius: var(--md-sys-shape-full);
+  border-end-start-radius: var(--md-sys-shape-full);
+  border-start-end-radius: var(--md-sys-shape-small);
+  border-end-end-radius: var(--md-sys-shape-small);
+}
+._1457ms31::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1457ms31:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1457ms31:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+._1457ms31:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1457ms31[data-pressed]::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1457ms31:focus-visible {
+  outline: 3px solid rgb(var(--md-sys-color-secondary));
+  outline-offset: 2px;
+}
+._1457ms31:disabled,
+._1457ms31[data-disabled] {
+  pointer-events: none;
+}
+._1457ms31:disabled::before,
+._1457ms31[data-disabled]::before {
+  opacity: 0;
+}
+._1457ms32 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 40px;
+  overflow: hidden;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  user-select: none;
+  font-family: var(--md-sys-typescale-label-large-font);
+  font-weight: var(--md-sys-typescale-label-large-weight);
+  font-size: var(--md-sys-typescale-label-large-size);
+  line-height: var(--md-sys-typescale-label-large-line-height);
+  letter-spacing: var(--md-sys-typescale-label-large-tracking);
+  transition-property:
+    background-color,
+    color,
+    border-color;
+  transition-duration: var(--md-sys-motion-duration-short4);
+  transition-timing-function: var(--md-sys-motion-easing-standard);
+  gap: 4px;
+  padding-inline: 12px;
+  border-start-start-radius: var(--md-sys-shape-small);
+  border-end-start-radius: var(--md-sys-shape-small);
+  border-start-end-radius: var(--md-sys-shape-full);
+  border-end-end-radius: var(--md-sys-shape-full);
+}
+._1457ms32::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1457ms32:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1457ms32:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+._1457ms32:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1457ms32[data-pressed]::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1457ms32:focus-visible {
+  outline: 3px solid rgb(var(--md-sys-color-secondary));
+  outline-offset: 2px;
+}
+._1457ms32:disabled,
+._1457ms32[data-disabled] {
+  pointer-events: none;
+}
+._1457ms32:disabled::before,
+._1457ms32[data-disabled]::before {
+  opacity: 0;
+}
+._1457ms34 {
+  background: rgb(var(--md-sys-color-primary));
+  color: rgb(var(--md-sys-color-on-primary));
+}
+._1457ms34:disabled {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1457ms34[data-disabled] {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1457ms35 {
+  background: rgb(var(--md-sys-color-secondary-container));
+  color: rgb(var(--md-sys-color-on-secondary-container));
+}
+._1457ms35:disabled {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1457ms35[data-disabled] {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1457ms36 {
+  background: transparent;
+  color: rgb(var(--md-sys-color-primary));
+  border: 1px solid rgb(var(--md-sys-color-outline));
+}
+._1457ms36:disabled {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
+}
+._1457ms36[data-disabled] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
+}
+._1457ms37 {
+  background: rgb(var(--md-sys-color-surface-container-low));
+  color: rgb(var(--md-sys-color-primary));
+  box-shadow: var(--md-sys-elevation-level1);
+}
+._1457ms37:disabled {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  box-shadow: none;
+}
+._1457ms37[data-disabled] {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  box-shadow: none;
+}
+._1457ms38 {
+  background: transparent;
+  color: rgb(var(--md-sys-color-primary));
+}
+._1457ms38:disabled {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1457ms38[data-disabled] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1457ms3a {
+  background: rgb(var(--md-sys-color-primary));
+  color: rgb(var(--md-sys-color-on-primary));
+}
+._1457ms3a:disabled {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1457ms3a[data-disabled] {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1457ms3b {
+  background: rgb(var(--md-sys-color-secondary-container));
+  color: rgb(var(--md-sys-color-on-secondary-container));
+}
+._1457ms3b:disabled {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1457ms3b[data-disabled] {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1457ms3c {
+  background: transparent;
+  color: rgb(var(--md-sys-color-primary));
+  border: 1px solid rgb(var(--md-sys-color-outline));
+}
+._1457ms3c:disabled {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
+}
+._1457ms3c[data-disabled] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  border-color: rgb(var(--md-sys-color-on-surface) / 0.12);
+}
+._1457ms3d {
+  background: rgb(var(--md-sys-color-surface-container-low));
+  color: rgb(var(--md-sys-color-primary));
+  box-shadow: var(--md-sys-elevation-level1);
+}
+._1457ms3d:disabled {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  box-shadow: none;
+}
+._1457ms3d[data-disabled] {
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  box-shadow: none;
+}
+._1457ms3e {
+  background: transparent;
+  color: rgb(var(--md-sys-color-primary));
+}
+._1457ms3e:disabled {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1457ms3e[data-disabled] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1457ms3f {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);
+}
+._1457ms32[data-popup-open] ._1457ms3f {
+  transform: rotate(180deg);
+}
+._1457ms3f > svg {
+  width: 18px;
+  height: 18px;
+}
+._1457ms3g {
+  min-width: 112px;
+  max-width: 280px;
+  padding-block: 8px;
+  background: rgb(var(--md-sys-color-surface-container));
+  color: rgb(var(--md-sys-color-on-surface));
+  border-radius: var(--md-sys-shape-extra-small);
+  box-shadow: var(--md-sys-elevation-level2);
+  transform-origin: var(--transform-origin);
+  outline: none;
+  transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
+}
+._1457ms3g[data-starting-style],
+._1457ms3g[data-ending-style] {
+  opacity: 0;
+  transform: scale(0.95);
+}
+._1457ms3h {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  height: 48px;
+  padding-inline: 12px;
+  overflow: hidden;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  color: rgb(var(--md-sys-color-on-surface));
+  font-family: var(--md-sys-typescale-label-large-font);
+  font-weight: var(--md-sys-typescale-label-large-weight);
+  font-size: var(--md-sys-typescale-label-large-size);
+  line-height: var(--md-sys-typescale-label-large-line-height);
+  letter-spacing: var(--md-sys-typescale-label-large-tracking);
+}
+._1457ms3h::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1457ms3h:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1457ms3h[data-highlighted]::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1457ms3h:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1457ms3h[data-disabled] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  pointer-events: none;
+}
+._1457ms3h[data-disabled]::before {
+  opacity: 0;
+}
+/*# sourceMappingURL=split-button.css.map */

package/dist/split-button.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/split-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1ay27jNhTd5yuIWcVAmMqKM0kVYDbzGUVQUOKVxAlFCiTl2C367wWphyVZtmnHHbuDbDIJdV_kfRzicO7_nC8enwr9EKC_bxCiTJecrCPEBGcCcMph9XKDEOEsE5gZKHSEEhAGlF3OSBmhsFy93Pxzc99amjtLpdTMMCkipIATw5bwcrz9H5U2LF3jRAoDwvQ_5cCy3ERoEZTOglyCSrl8j1DOKAVh12KpKKgICSmcd1kZ63WzkFRKSxWhUrLWbqVBYQ0cErORS6UwOCUF4-sILYm6xbigWK81NusSdEI4YE5i4JgTlQG28rNO8b0J1UOxFt2oavYXeClaQafmjjX399iTr_XBGHsCJUmYyLxMGEWSNyYyp28UEXXmcalkCcqsIxST5C1TshIUJ5JLdYeaf-oM1YsjbVopUhfQIIRCDr5inUtlFmPXhhVMZDitRLLbBhBthbQhghJFZ11FP9clVRJKrUBdqxEKF_V6E7Q2RJnmpyKUVXrkRuekBJxWnM96aiDo8Uq1glXdo6QLsu3KU6ffv1EUQyoVuD7uWu_Ll5dBW5NYS14Z1x9MaDARCpzvLteR7S8Fwnxv0yttVdmCCGpbruswLEEYvem2TR6jVgPNg6DQnlkc7CW3g2Gwoy6I4XEYYgA76bGJVCaVxkumWczB25TTGpsiiZ2E3jZKBVrDeE9_UGJI--31g8aGu6uNtGPyoVwhLTmjSGXx7cCk61isIZH21NezWW--Ypmmrh62kCGiTJOYA71D4-20X14b9JgqjUlT7f73mJw-omBgMPxErU_U-l-j1mIatebhKag1iSXHa3nh1hRC-qn0-_cXQq3w46gVng-1wrOgVnhO1Ap_JmqFU6gVnoRa4T7UGpv0Qa2F-9gv3h17LhUruh27pZ2ibgZ20n1nXfS-Xu2kq1RKEpih31BwPw_9_A-UHp5HYUwd_aWCefT13hWduxYQJkB5JmOHZj-I60jM4zUl5uuWdzegS2JH-2Hzg35pb2TzQ5OlGSWj9HwdpueEfaHBleO4g-wHMpWgy4Xz5N07tZVN_WMu3326Z5TFlb09UHvbHsgCh2V9LeOwBD4fRXnB5hoGvQUnTxdvuAMBPp-tCftGP9xOfWNnaomeSfIzMZlcx-gnF6_EXjDxNWByfB2Jia8pMcn1YHJyLZicXBcme1frRTGZXi8m04s33IEA4b_AZDgnJsP5MTk95XVzD49rNbHOFRNvDS3Up3_c76lUhRcJeAI_1HApsqxKLEsQr2i00y6CCClpeZTb-XNAIRufyjekl5nTeGfU5BGaN29fLRdb_93TqaULJnCr0RKMBVm1a-FzMCQjYy6Tt-5h7ZTx4gvMTRX0J-IeHhFWRpEBbek3j8INdWtPGUvFMtYRtuP1Ps10gDB89CUM73pV5q81TGVdRo6jraXWHF57jFQjAIJuPm-xUYNiczT7bXD_--PQVe7zuuLznw3aYuseUna81bZyUw8svu8n2w8vR1Xf5_OL5_NLv05-IRY__ziLn9cNmLMs5_awjyHOp8ydhcnPz3ZjPciXj13tpsT_BRrqVlPIJAAA"],"sourcesContent":["._1457ms30 {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n}\n._1457ms31 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  overflow: hidden;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  user-select: none;\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-property: background-color, color, border-color;\n  transition-duration: var(--md-sys-motion-duration-short4);\n  transition-timing-function: var(--md-sys-motion-easing-standard);\n  gap: 8px;\n  padding-inline: 24px;\n  border-start-start-radius: var(--md-sys-shape-full);\n  border-end-start-radius: var(--md-sys-shape-full);\n  border-start-end-radius: var(--md-sys-shape-small);\n  border-end-end-radius: var(--md-sys-shape-small);\n}\n._1457ms31::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._1457ms31:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1457ms31:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._1457ms31:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1457ms31[data-pressed]::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1457ms31:focus-visible {\n  outline: 3px solid rgb(var(--md-sys-color-secondary));\n  outline-offset: 2px;\n}\n._1457ms31:disabled, ._1457ms31[data-disabled] {\n  pointer-events: none;\n}\n._1457ms31:disabled::before, ._1457ms31[data-disabled]::before {\n  opacity: 0;\n}\n._1457ms32 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  overflow: hidden;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  user-select: none;\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-property: background-color, color, border-color;\n  transition-duration: var(--md-sys-motion-duration-short4);\n  transition-timing-function: var(--md-sys-motion-easing-standard);\n  gap: 4px;\n  padding-inline: 12px;\n  border-start-start-radius: var(--md-sys-shape-small);\n  border-end-start-radius: var(--md-sys-shape-small);\n  border-start-end-radius: var(--md-sys-shape-full);\n  border-end-end-radius: var(--md-sys-shape-full);\n}\n._1457ms32::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._1457ms32:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1457ms32:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._1457ms32:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1457ms32[data-pressed]::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1457ms32:focus-visible {\n  outline: 3px solid rgb(var(--md-sys-color-secondary));\n  outline-offset: 2px;\n}\n._1457ms32:disabled, ._1457ms32[data-disabled] {\n  pointer-events: none;\n}\n._1457ms32:disabled::before, ._1457ms32[data-disabled]::before {\n  opacity: 0;\n}\n._1457ms34 {\n  background: rgb(var(--md-sys-color-primary));\n  color: rgb(var(--md-sys-color-on-primary));\n}\n._1457ms34:disabled {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms34[data-disabled] {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms35 {\n  background: rgb(var(--md-sys-color-secondary-container));\n  color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1457ms35:disabled {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms35[data-disabled] {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms36 {\n  background: transparent;\n  color: rgb(var(--md-sys-color-primary));\n  border: 1px solid rgb(var(--md-sys-color-outline));\n}\n._1457ms36:disabled {\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._1457ms36[data-disabled] {\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._1457ms37 {\n  background: rgb(var(--md-sys-color-surface-container-low));\n  color: rgb(var(--md-sys-color-primary));\n  box-shadow: var(--md-sys-elevation-level1);\n}\n._1457ms37:disabled {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  box-shadow: none;\n}\n._1457ms37[data-disabled] {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  box-shadow: none;\n}\n._1457ms38 {\n  background: transparent;\n  color: rgb(var(--md-sys-color-primary));\n}\n._1457ms38:disabled {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms38[data-disabled] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms3a {\n  background: rgb(var(--md-sys-color-primary));\n  color: rgb(var(--md-sys-color-on-primary));\n}\n._1457ms3a:disabled {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms3a[data-disabled] {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms3b {\n  background: rgb(var(--md-sys-color-secondary-container));\n  color: rgb(var(--md-sys-color-on-secondary-container));\n}\n._1457ms3b:disabled {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms3b[data-disabled] {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms3c {\n  background: transparent;\n  color: rgb(var(--md-sys-color-primary));\n  border: 1px solid rgb(var(--md-sys-color-outline));\n}\n._1457ms3c:disabled {\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._1457ms3c[data-disabled] {\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._1457ms3d {\n  background: rgb(var(--md-sys-color-surface-container-low));\n  color: rgb(var(--md-sys-color-primary));\n  box-shadow: var(--md-sys-elevation-level1);\n}\n._1457ms3d:disabled {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  box-shadow: none;\n}\n._1457ms3d[data-disabled] {\n  background: rgb(var(--md-sys-color-on-surface) / 0.12);\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  box-shadow: none;\n}\n._1457ms3e {\n  background: transparent;\n  color: rgb(var(--md-sys-color-primary));\n}\n._1457ms3e:disabled {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms3e[data-disabled] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n}\n._1457ms3f {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  transition: transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);\n}\n._1457ms32[data-popup-open] ._1457ms3f {\n  transform: rotate(180deg);\n}\n._1457ms3f > svg {\n  width: 18px;\n  height: 18px;\n}\n._1457ms3g {\n  min-width: 112px;\n  max-width: 280px;\n  padding-block: 8px;\n  background: rgb(var(--md-sys-color-surface-container));\n  color: rgb(var(--md-sys-color-on-surface));\n  border-radius: var(--md-sys-shape-extra-small);\n  box-shadow: var(--md-sys-elevation-level2);\n  transform-origin: var(--transform-origin);\n  outline: none;\n  transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);\n}\n._1457ms3g[data-starting-style], ._1457ms3g[data-ending-style] {\n  opacity: 0;\n  transform: scale(0.95);\n}\n._1457ms3h {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  height: 48px;\n  padding-inline: 12px;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n  color: rgb(var(--md-sys-color-on-surface));\n  font-family: var(--md-sys-typescale-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}\n._1457ms3h::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._1457ms3h:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1457ms3h[data-highlighted]::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1457ms3h:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1457ms3h[data-disabled] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  pointer-events: none;\n}\n._1457ms3h[data-disabled]::before {\n  opacity: 0;\n}"],"mappings":"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","names":[]}

package/dist/split-button.d.ts

@@ -0,0 +1,16 @@
+import * as _m3_baseui_core from '@m3-baseui/core';
+import * as react from 'react';
+import * as _base_ui_react from '@base-ui/react';
+
+declare const SplitButton: {
+    Root: <Payload>(props: _base_ui_react.MenuRoot.Props<Payload>) => react.JSX.Element;
+    Group: react.ForwardRefExoticComponent<_m3_baseui_core.SplitButtonGroupOwnProps & react.HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+    Leading: react.ForwardRefExoticComponent<_m3_baseui_core.SplitButtonLeadingOwnProps & react.ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
+    Trailing: react.ForwardRefExoticComponent<_m3_baseui_core.SplitButtonTrailingOwnProps & Omit<Omit<_base_ui_react.MenuTriggerProps<unknown> & react.RefAttributes<HTMLElement>, "ref">, "color"> & react.RefAttributes<HTMLButtonElement>>;
+    Portal: react.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuPortalProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Positioner: react.ForwardRefExoticComponent<Omit<_base_ui_react.ContextMenuPositionerProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Popup: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuPopupProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<unknown>>;
+    Item: react.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.ContextMenuItemProps, "ref"> & react.RefAttributes<HTMLElement>, "ref"> & react.RefAttributes<unknown>>;
+};
+
+export { SplitButton };

package/dist/split-button.js

@@ -0,0 +1,26 @@
+"use client";
+import './split-button.css';
+import { createSplitButton } from '@m3-baseui/core';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+// src/split-button.ts
+var chevron = "_1457ms3f";
+var group = "_1457ms30";
+var item = "_1457ms3h";
+var leading = createRuntimeFn({ defaultClassName: "_1457ms33 _1457ms31", variantClassNames: { variant: { filled: "_1457ms34", tonal: "_1457ms35", outlined: "_1457ms36", elevated: "_1457ms37", text: "_1457ms38" } }, defaultVariants: {}, compoundVariants: [] });
+var popup = "_1457ms3g";
+var trailing = createRuntimeFn({ defaultClassName: "_1457ms39 _1457ms32", variantClassNames: { variant: { filled: "_1457ms3a", tonal: "_1457ms3b", outlined: "_1457ms3c", elevated: "_1457ms3d", text: "_1457ms3e" } }, defaultVariants: {}, compoundVariants: [] });
+
+// src/split-button.ts
+var SplitButton = createSplitButton({
+  group,
+  leading: (variant) => leading({ variant }),
+  trailing: (variant) => trailing({ variant }),
+  chevron,
+  popup,
+  item
+});
+
+export { SplitButton };
+//# sourceMappingURL=split-button.js.map
+//# sourceMappingURL=split-button.js.map

package/dist/split-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/split-button.css.ts","../src/split-button.ts"],"names":["_7a468"],"mappings":";;;;;;AAEO,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,OAAA,GAAUA,eAAA,CAAO,EAAC,gBAAA,EAAiB,qBAAA,EAAsB,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,WAAA,EAAY,KAAA,EAAM,WAAA,EAAY,QAAA,EAAS,WAAA,EAAY,QAAA,EAAS,WAAA,EAAY,IAAA,EAAK,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;AAElO,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,QAAA,GAAWA,eAAA,CAAO,EAAC,gBAAA,EAAiB,qBAAA,EAAsB,iBAAA,EAAkB,EAAC,OAAA,EAAQ,EAAC,MAAA,EAAO,WAAA,EAAY,KAAA,EAAM,WAAA,EAAY,QAAA,EAAS,WAAA,EAAY,QAAA,EAAS,WAAA,EAAY,IAAA,EAAK,WAAA,EAAW,EAAC,EAAE,eAAA,EAAgB,EAAC,EAAE,gBAAA,EAAiB,EAAC,EAAE,CAAA;;;ACFnO,IAAM,cAAc,iBAAA,CAAkB;AAAA,EAC3C,KAAA;AAAA,EACA,SAAS,CAAC,OAAA,KAAY,OAAA,CAAQ,EAAE,SAAS,CAAA;AAAA,EACzC,UAAU,CAAC,OAAA,KAAY,QAAA,CAAS,EAAE,SAAS,CAAA;AAAA,EAC3C,OAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAC","file":"split-button.js","sourcesContent":["import 'src/split-button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1ay27jNhTd5yuIWcVAmMqKM0kVYDbzGUVQUOKVxAlFCiTl2C367wWphyVZtmnHHbuDbDIJdV_kfRzicO7_nC8enwr9EKC_bxCiTJecrCPEBGcCcMph9XKDEOEsE5gZKHSEEhAGlF3OSBmhsFy93Pxzc99amjtLpdTMMCkipIATw5bwcrz9H5U2LF3jRAoDwvQ_5cCy3ERoEZTOglyCSrl8j1DOKAVh12KpKKgICSmcd1kZ63WzkFRKSxWhUrLWbqVBYQ0cErORS6UwOCUF4-sILYm6xbigWK81NusSdEI4YE5i4JgTlQG28rNO8b0J1UOxFt2oavYXeClaQafmjjX399iTr_XBGHsCJUmYyLxMGEWSNyYyp28UEXXmcalkCcqsIxST5C1TshIUJ5JLdYeaf-oM1YsjbVopUhfQIIRCDr5inUtlFmPXhhVMZDitRLLbBhBthbQhghJFZ11FP9clVRJKrUBdqxEKF_V6E7Q2RJnmpyKUVXrkRuekBJxWnM96aiDo8Uq1glXdo6QLsu3KU6ffv1EUQyoVuD7uWu_Ll5dBW5NYS14Z1x9MaDARCpzvLteR7S8Fwnxv0yttVdmCCGpbruswLEEYvem2TR6jVgPNg6DQnlkc7CW3g2Gwoy6I4XEYYgA76bGJVCaVxkumWczB25TTGpsiiZ2E3jZKBVrDeE9_UGJI--31g8aGu6uNtGPyoVwhLTmjSGXx7cCk61isIZH21NezWW--Ypmmrh62kCGiTJOYA71D4-20X14b9JgqjUlT7f73mJw-omBgMPxErU_U-l-j1mIatebhKag1iSXHa3nh1hRC-qn0-_cXQq3w46gVng-1wrOgVnhO1Ap_JmqFU6gVnoRa4T7UGpv0Qa2F-9gv3h17LhUruh27pZ2ibgZ20n1nXfS-Xu2kq1RKEpih31BwPw_9_A-UHp5HYUwd_aWCefT13hWduxYQJkB5JmOHZj-I60jM4zUl5uuWdzegS2JH-2Hzg35pb2TzQ5OlGSWj9HwdpueEfaHBleO4g-wHMpWgy4Xz5N07tZVN_WMu3326Z5TFlb09UHvbHsgCh2V9LeOwBD4fRXnB5hoGvQUnTxdvuAMBPp-tCftGP9xOfWNnaomeSfIzMZlcx-gnF6_EXjDxNWByfB2Jia8pMcn1YHJyLZicXBcme1frRTGZXi8m04s33IEA4b_AZDgnJsP5MTk95XVzD49rNbHOFRNvDS3Up3_c76lUhRcJeAI_1HApsqxKLEsQr2i00y6CCClpeZTb-XNAIRufyjekl5nTeGfU5BGaN29fLRdb_93TqaULJnCr0RKMBVm1a-FzMCQjYy6Tt-5h7ZTx4gvMTRX0J-IeHhFWRpEBbek3j8INdWtPGUvFMtYRtuP1Ps10gDB89CUM73pV5q81TGVdRo6jraXWHF57jFQjAIJuPm-xUYNiczT7bXD_--PQVe7zuuLznw3aYuseUna81bZyUw8svu8n2w8vR1Xf5_OL5_NLv05-IRY__ziLn9cNmLMs5_awjyHOp8ydhcnPz3ZjPciXj13tpsT_BRrqVlPIJAAA';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chevron = '_1457ms3f';\nexport var group = '_1457ms30';\nexport var item = '_1457ms3h';\nexport var leading = _7a468({defaultClassName:'_1457ms33 _1457ms31',variantClassNames:{variant:{filled:'_1457ms34',tonal:'_1457ms35',outlined:'_1457ms36',elevated:'_1457ms37',text:'_1457ms38'}},defaultVariants:{},compoundVariants:[]});\nexport var leadingBase = '_1457ms31';\nexport var popup = '_1457ms3g';\nexport var trailing = _7a468({defaultClassName:'_1457ms39 _1457ms32',variantClassNames:{variant:{filled:'_1457ms3a',tonal:'_1457ms3b',outlined:'_1457ms3c',elevated:'_1457ms3d',text:'_1457ms3e'}},defaultVariants:{},compoundVariants:[]});\nexport var trailingBase = '_1457ms32';","/**\n * split-button.ts — wires the VE styles into the shared SplitButton factory.\n */\nimport { createSplitButton } from '@m3-baseui/core';\nimport { group, leading, trailing, chevron, popup, item } from './split-button.css';\n\nexport const SplitButton = createSplitButton({\n  group,\n  leading: (variant) => leading({ variant }),\n  trailing: (variant) => trailing({ variant }),\n  chevron,\n  popup,\n  item,\n});\n"]}

package/dist/switch.css

@@ -1,4 +1,4 @@
-/* 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 */
+/* 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 */
 .b1i7f80 {
   position: relative;
   display: inline-flex;
@@ -45,7 +45,7 @@
   background: rgb(var(--md-sys-color-outline));
   color: rgb(var(--md-sys-color-on-surface));
   pointer-events: none;
-  transition: all 200ms var(--md-sys-motion-easing-standard);
+  transition: all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);
 }
 .b1i7f81[data-with-icon][data-unchecked] {
   left: 4px;

package/dist/switch.css.map

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

package/dist/switch.js.map

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

package/dist/time-picker.css

@@ -0,0 +1,182 @@
+/* vanilla-extract-css-ns:src/time-picker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1YUW_jKBB-76_gpVKjKysnbbZZ9qecTidsxg5XDBaM06Sn_e8ng91gb9KapNJppX1pi803nhm--Wbol7-Xe7tqnnhG_r0hREjXKH5gRGolNdBSwf77DSHdbyqkhQKl0YwURrW17t5wJStNJULtGClAI9juccUbRjaNBzdcCKmrt3VhlLGM2Cq_23F7R2ktqDs46p9To6lrbckLWCy-3_y4-TJ4uBx7OLj2oQORidXJICsrhfdT8QJ-tvQiBW4Z-fY1eL8FWW2RkU0W1rmxAiy1XMjWMTKKyG15A9TVXKlFt9fswJbKvDCylUKADvg9dfLVJ6i3lZtgmRfPlTWtFmeT1WeKFkYjlxos3cpqCw4Xi9RME1IajbTktVSHSRx4aMAVXAHtc0cVtxXQDnGEvvSZmQUNm49gJ19hJrTb6oH-9LYpX40QwQIggqWu4YU_gFlG0PLiWeoqpLi1rstxY-RAGNNi9x1GtNFwpAgjy2ZPnFFSELRcu4Zb0Nht8EsZSut46uGYyDLLandPosWY038Kjpw6UFAgiL88xWdQp7Gy5vZwpM5MypzERf48eAd-bS4tP4kbSeXXyyQNqsTI40S8Hi9U6OsFasrecwEF3odogiw7UCUjDi1gse0e19xWUjOSjRqDX9VS97H3B5iNwl8HXinY9-dzLhNnGsI_rUNZBt6CxvjVNPPLVZD2zqOBEg998-q7wbrvBnN4jhIV0BqEbOs0mo-QSSwfIZMEc4S8UC9HNi4qCbrjVnI99LEEkc2mrXOktTGhLhROB4XR4hLpPIMckfwPMmF8X75omrQSjKx-9YYaM7QYC4qj3EHE59V6Mt68PQgVS3NliuefR7qzlTs9kA9FqGx7Dbp27IkCf5oEznNnVIvw1nNLY-ueIYoj3NF1dntPup-LUxIzb1J83IxTOawTcjBHVnIjLuqdES5JUiJckqBEuAvlJLJwRX-dIyKt69zxinCFsjxdN5KlDWITym_eobyCEhlZZ7ee_15QVrcxUx82t7EmBNq-FQo1VvrmnRtEU0fET42t15TgD132mhLOhcIONLoh_VFo35JC6__uY5mU5GYS2jsa8LnKNUrDhxHzGVdeP_g55BbPXntzb-YT77Hn76wIe6TeP5bGj9832f_7Jjvj2jpn8Ke1eaW8aYBbrgtgnhKlBCXGnGSlKVoXjThecN7_0GnJyxmjL5A_S6RSa5-EbmBpEY2-J6e2mRbH27wbw9vY-SEX0b0l-nIxrk8_I0X65nXoMe2fXuPBd_Yc4Gvzgjkg4NLngIBLnwMC7po5IFiImPvjPwaPofTEFAAA */
+._1xr2p7a0 {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  padding: 8px;
+  color: rgb(var(--md-sys-color-on-surface));
+}
+._1xr2p7a1 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+._1xr2p7a2 {
+  display: inline-grid;
+  place-items: center;
+  width: 96px;
+  height: 80px;
+  border-radius: var(--md-sys-shape-small);
+  overflow: hidden;
+  box-sizing: border-box;
+  background: rgb(var(--md-sys-color-surface-container-highest));
+  color: rgb(var(--md-sys-color-on-surface));
+  font-family: var(--md-sys-typescale-display-large-font);
+  font-weight: var(--md-sys-typescale-display-large-weight);
+  font-size: var(--md-sys-typescale-display-large-size);
+  line-height: var(--md-sys-typescale-display-large-line-height);
+  letter-spacing: var(--md-sys-typescale-display-large-tracking);
+  cursor: pointer;
+  outline: none;
+  border: 1px solid transparent;
+  transition: background-color 100ms, color 100ms;
+}
+._1xr2p7a2[data-selected] {
+  background: rgb(var(--md-sys-color-primary-container));
+  color: rgb(var(--md-sys-color-on-primary-container));
+}
+._1xr2p7a3 {
+  font-family: var(--md-sys-typescale-display-large-font);
+  font-weight: var(--md-sys-typescale-display-large-weight);
+  font-size: var(--md-sys-typescale-display-large-size);
+  line-height: 1;
+  letter-spacing: var(--md-sys-typescale-display-large-tracking);
+  color: rgb(var(--md-sys-color-on-surface));
+  padding-inline: 4px;
+}
+._1xr2p7a4 {
+  display: inline-flex;
+  flex-direction: column;
+  border-radius: var(--md-sys-shape-small);
+  overflow: hidden;
+  border: 1px solid rgb(var(--md-sys-color-outline));
+  align-self: stretch;
+  margin: 0;
+  padding: 0;
+  min-inline-size: 0;
+}
+._1xr2p7a5 {
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding-inline: 12px;
+  min-height: 38px;
+  width: 56px;
+  font-family: var(--md-sys-typescale-title-medium-font);
+  font-weight: var(--md-sys-typescale-title-medium-weight);
+  font-size: var(--md-sys-typescale-title-medium-size);
+  line-height: var(--md-sys-typescale-title-medium-line-height);
+  letter-spacing: var(--md-sys-typescale-title-medium-tracking);
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  cursor: pointer;
+  outline: none;
+  border: 0;
+  background: transparent;
+}
+._1xr2p7a5[data-selected] {
+  background: rgb(var(--md-sys-color-secondary-container));
+  color: rgb(var(--md-sys-color-on-secondary-container));
+}
+._1xr2p7a5 + ._1xr2p7a5 {
+  border-top: 1px solid rgb(var(--md-sys-color-outline));
+}
+._1xr2p7a6 {
+  position: relative;
+  width: 256px;
+  height: 256px;
+  margin-block: 8px;
+  padding: 0;
+  min-inline-size: 0;
+  border: 0;
+  border-radius: var(--md-sys-shape-full);
+  background: rgb(var(--md-sys-color-surface-container-highest));
+}
+._1xr2p7a7 {
+  position: absolute;
+  transform: translate(-50%, -50%);
+  display: inline-grid;
+  place-items: center;
+  width: 48px;
+  height: 48px;
+  border-radius: var(--md-sys-shape-full);
+  font-family: var(--md-sys-typescale-body-large-font);
+  font-weight: var(--md-sys-typescale-body-large-weight);
+  font-size: var(--md-sys-typescale-body-large-size);
+  line-height: var(--md-sys-typescale-body-large-line-height);
+  letter-spacing: var(--md-sys-typescale-body-large-tracking);
+  color: rgb(var(--md-sys-color-on-surface));
+  cursor: pointer;
+  outline: none;
+  user-select: none;
+  border: 0;
+  background: transparent;
+}
+._1xr2p7a7[data-selected] {
+  background: rgb(var(--md-sys-color-primary));
+  color: rgb(var(--md-sys-color-on-primary));
+}
+._1xr2p7a8 {
+  position: absolute;
+  left: 50%;
+  top: 12%;
+  height: 38%;
+  width: 2px;
+  transform-origin: bottom center;
+  background: rgb(var(--md-sys-color-primary));
+  margin-left: -1px;
+  pointer-events: none;
+}
+._1xr2p7a9 {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 8px;
+  height: 8px;
+  transform: translate(-50%, -50%);
+  border-radius: var(--md-sys-shape-full);
+  background: rgb(var(--md-sys-color-primary));
+  pointer-events: none;
+}
+._1xr2p7aa {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+}
+._1xr2p7ab {
+  width: 96px;
+  height: 80px;
+  border-radius: var(--md-sys-shape-small);
+  box-sizing: border-box;
+  text-align: center;
+  background: rgb(var(--md-sys-color-surface-container-highest));
+  color: rgb(var(--md-sys-color-on-surface));
+  font-family: var(--md-sys-typescale-display-large-font);
+  font-weight: var(--md-sys-typescale-display-large-weight);
+  font-size: var(--md-sys-typescale-display-large-size);
+  line-height: var(--md-sys-typescale-display-large-line-height);
+  letter-spacing: var(--md-sys-typescale-display-large-tracking);
+  outline: none;
+  border: 1px solid rgb(var(--md-sys-color-outline));
+  -moz-appearance: textfield;
+}
+._1xr2p7ab:focus {
+  border: 2px solid rgb(var(--md-sys-color-primary));
+}
+._1xr2p7ab::-webkit-inner-spin-button,
+._1xr2p7ab::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+._1xr2p7ac {
+  display: block;
+  margin-top: 4px;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  font-family: var(--md-sys-typescale-body-small-font);
+  font-weight: var(--md-sys-typescale-body-small-weight);
+  font-size: var(--md-sys-typescale-body-small-size);
+  line-height: var(--md-sys-typescale-body-small-line-height);
+  letter-spacing: var(--md-sys-typescale-body-small-tracking);
+}
+/*# sourceMappingURL=time-picker.css.map */