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

package/dist/date-picker.css

@@ -0,0 +1,370 @@
+/* vanilla-extract-css-ns:src/date-picker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1a6W7jNhD-n6cgAixgA2Eq2zkVtH_6GEVQUORIYpciBZJ27BZ994IUZUuMnMhHdrHbIEAiMzNDco5vDvn6z9kqo7BaJ-ifC4ReOLNlihbzh3r9dIFQRdY4rM2S5ItbqgljXBYpms0bGqqE0inSRTZZET3BuGLYbAz261hJbJY6JxSm06eLfy-u2w1nfkPGTS3IJkW5AC-NCF5IzC1UJkUUpAXtlv9aGsvzDaZKWpA2RaYmFHAG9gVAOoqC1CkKxy6BF6VN0U34HM6MBeR2d_B2VQdit9o54NwfsFaGW65kijQIYvkKnrrH5lJwCfjQ0-_-FbR7k0QnD58zpRlorAnjS5OinoJNSWrA-VKIqSNVK9C5UC8pKjljjVLG2gaviOZE2qmXRJfaOLZa8faYamndRVMklYTdwVKU-A-Efi20WkqWIquJNDXRIG1fnWmaQa40eLVuNXF5-dTTMsmMEkvr9-DSgB3Ygi61E_-7u4Q_XE0ot5tAGU6NYQXSmt2J_cHCLoHDOXVl-lqtlCPBQIzzDWOJZESzaXSX0mm7d6PtIfo2ssQC9tSxiFzRpcErbngmYLQozxWLItQ55mgZtQZj4NWdGDckE8CCgUZGNfoFJdeLh-l-1Q9uMnzYJIrA35BZFV1kmt_042QeR-3ifFHrESXab3HXx45G0g5TfvB4RShX0uKcVFzEvmM3NRhKBGBBMhBYEF04f5R2umV8CWoawdiQ7lgN_xtGMTpCz-ZtWI7fsUPf8IN1zuoyiU9oI0RYTehXLot-6Cx-ImhbnA5ti_NB26KDAN1L-udc6QrNbpPK9Hn-YMQSvOLw8uvlBog2l8-xGMeaIq3cvpPZQ8IgMumNp62ILrjEVu1KixDgVAlBagMpap8idtvA6LZa8vazsLbYo80OZzpcd12ku9lTyxwHEWPCOlNsc0xUd_gOCuoO30Ex3eE7MqQ7EoYj-v6b1n57LP2Ncsn3ySGfzrZzth89fRzgqr1rn5xp7s-Xae7PUkTfN7nHKkY2z15EptZOA8zFprcaSvzPrF7vC81a84rozXRQtAEB1AIL0ju2f1_aCEx4c--2dn_-wA4h3mpMn_DQHyUUmjNfv2vOsIWqFs5eVIllJY3D8hqInSyu0CzX03h04CYe2-biIXThLbziTYrI0qq3OoB2PROKfg1iO2d9_CaZJW5XPtuS_2Fb8vij55XeXU5OFo_nSxaP3xGLSR_sjh9l3N4NDkfv9g9HEaq4bOfB86QdUb5_7xYenA8SLkHjkhclGDtSE71KNWCZVbU_8lugBmurCTYVCdjWYfX3OoI3U9aqKvX52yjB2WGo2DFk5g3pDJeiWaTcpGuodvL-Bjz2YPQVyB6m38_q_aDqPUvTWhAKpRIM9EGV0R7HoJ8vHs754oH-RGmQnp4G6fnSID1Lz0SPmPKzsRl3OPOckHbeCAiPEoF21_T1CEHAingzC1iBmE-fuhNJrDQvuGx54vXpYDwMetftWO-6ikeph_skC8WQJdo2VBsBz6_6td7k1WPrJLl-vB2UBZK9IalDDxFU5nwNLI7gvzGXzGXZm1cBvc9rqOZV6Fs7Noq0PD8uhmFQX1coJhithHyfEpqK7rapHvwQOzxvNXIbG8Y_un55gm-TL1fI_Z520kXF5WRxl9TrK0SJoJNZkqxeEPYzyyZOug30lqRsSfr5ou2lX30LwP3FjGugzZWa5v2kavNjYr6pEg-P_MUHRf67PglVXRJXQ_Vj_xC-vvO95835GG9-3wf3QkbRfc-ynca0GaRd997f9jbNa52w8ce9T2k69AoYX1bHDCQC5xETicB5xEgicJ40kwgyhsvlcry5orVt53WKFcdbrwTCvBqOaHMi3oMsGPEeZMOI90grRlKG7ciHv771quHwSA6SxXPW9zwgtnbPM5qh6n87a94AvCYAAA */
+._1vbcevx0 {
+  width: 328px;
+  max-width: 100%;
+  padding: 12px;
+  color: rgb(var(--md-sys-color-on-surface));
+}
+._1vbcevx1 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  height: 48px;
+  padding-left: 12px;
+  padding-right: 4px;
+}
+._1vbcevx2 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border-radius: var(--md-sys-shape-full);
+  overflow: hidden;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  cursor: pointer;
+  outline: none;
+  border: 0;
+  background: transparent;
+}
+._1vbcevx2::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1vbcevx2:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1vbcevx2:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+._1vbcevx2:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1vbcevx2:disabled {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  pointer-events: none;
+}
+._1vbcevx2:disabled::before {
+  opacity: 0;
+}
+._1vbcevx2 > svg {
+  width: 24px;
+  height: 24px;
+}
+._1vbcevx3 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  height: 36px;
+  padding-inline: 12px;
+  border-radius: var(--md-sys-shape-full);
+  overflow: hidden;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  cursor: pointer;
+  outline: none;
+  border: 0;
+  background: transparent;
+  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);
+}
+._1vbcevx3::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1vbcevx3:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1vbcevx3:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+._1vbcevx3 > svg {
+  transition: transform 150ms;
+}
+._1vbcevx3[data-view=years] > svg {
+  transform: rotate(180deg);
+}
+._1vbcevx4 {
+  margin-top: 8px;
+  border-collapse: collapse;
+}
+._1vbcevx4 td {
+  padding: 0;
+  text-align: center;
+}
+._1vbcevx6 {
+  width: 48px;
+  height: 48px;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  font-family: var(--md-sys-typescale-body-large-font);
+  font-weight: var(--md-sys-typescale-body-large-weight);
+  font-size: var(--md-sys-typescale-body-large-size);
+  line-height: var(--md-sys-typescale-body-large-line-height);
+  letter-spacing: var(--md-sys-typescale-body-large-tracking);
+}
+._1vbcevx7 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 48px;
+  height: 48px;
+  border-radius: var(--md-sys-shape-full);
+  overflow: hidden;
+  color: rgb(var(--md-sys-color-on-surface));
+  cursor: pointer;
+  outline: none;
+  border: 0;
+  background: transparent;
+  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);
+}
+._1vbcevx7::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+  border-radius: var(--md-sys-shape-full);
+}
+._1vbcevx7:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1vbcevx7:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+._1vbcevx7:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1vbcevx7[data-today] {
+  box-shadow: inset 0 0 0 1px rgb(var(--md-sys-color-primary));
+}
+._1vbcevx7[data-selected] {
+  background: rgb(var(--md-sys-color-primary));
+  color: rgb(var(--md-sys-color-on-primary));
+}
+._1vbcevx7[data-disabled] {
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+  pointer-events: none;
+}
+._1vbcevx7[data-disabled]::before {
+  opacity: 0;
+}
+._1vbcevx8 {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 8px;
+  max-height: 280px;
+  overflow-y: auto;
+  padding-inline: 12px;
+  padding-block: 8px;
+}
+._1vbcevx9 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 36px;
+  border-radius: var(--md-sys-shape-full);
+  overflow: hidden;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  cursor: pointer;
+  outline: none;
+  border: 0;
+  background: transparent;
+  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);
+}
+._1vbcevx9::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1vbcevx9:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1vbcevx9:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+._1vbcevx9[data-selected] {
+  background: rgb(var(--md-sys-color-primary));
+  color: rgb(var(--md-sys-color-on-primary));
+}
+._1vbcevxa {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  height: 56px;
+  padding-left: 16px;
+  padding-right: 4px;
+  min-width: 200px;
+  background: rgb(var(--md-sys-color-surface-container-highest));
+  color: rgb(var(--md-sys-color-on-surface));
+  border-top-left-radius: var(--md-sys-shape-extra-small);
+  border-top-right-radius: var(--md-sys-shape-extra-small);
+  border-bottom: 1px solid rgb(var(--md-sys-color-on-surface-variant));
+}
+._1vbcevxb {
+  flex: 1;
+  min-width: 0;
+  height: 100%;
+  background: transparent;
+  border: 0;
+  outline: none;
+  color: rgb(var(--md-sys-color-on-surface));
+  font-family: var(--md-sys-typescale-body-large-font);
+  font-weight: var(--md-sys-typescale-body-large-weight);
+  font-size: var(--md-sys-typescale-body-large-size);
+  line-height: var(--md-sys-typescale-body-large-line-height);
+  letter-spacing: var(--md-sys-typescale-body-large-tracking);
+}
+._1vbcevxb::placeholder {
+  color: rgb(var(--md-sys-color-on-surface-variant));
+}
+._1vbcevxc {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border-radius: var(--md-sys-shape-full);
+  overflow: hidden;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  cursor: pointer;
+  outline: none;
+  border: 0;
+  background: transparent;
+}
+._1vbcevxc::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1vbcevxc:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1vbcevxc:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+._1vbcevxc:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1vbcevxc > svg {
+  width: 24px;
+  height: 24px;
+}
+._1vbcevxd {
+  background: rgb(var(--md-sys-color-surface-container-high));
+  color: rgb(var(--md-sys-color-on-surface));
+  border-radius: var(--md-sys-shape-large);
+  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);
+}
+._1vbcevxd[data-starting-style] {
+  opacity: 0;
+  transform: scale(0.95);
+}
+._1vbcevxd[data-ending-style] {
+  opacity: 0;
+}
+._1vbcevxe {
+  position: fixed;
+  inset: 0;
+  z-index: 40;
+  background: rgb(var(--md-sys-color-scrim) / 0.32);
+  transition: opacity 200ms var(--md-sys-motion-easing-standard);
+}
+._1vbcevxe[data-starting-style],
+._1vbcevxe[data-ending-style] {
+  opacity: 0;
+}
+._1vbcevxf {
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  z-index: 50;
+  transform: translate(-50%, -50%);
+  width: min(360px, calc(100vw - 48px));
+  max-height: calc(100vh - 48px);
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  background: rgb(var(--md-sys-color-surface-container-high));
+  color: rgb(var(--md-sys-color-on-surface));
+  border-radius: var(--md-sys-shape-extra-large);
+  box-shadow: var(--md-sys-elevation-level3);
+  transform-origin: var(--transform-origin);
+  outline: none;
+  transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);
+}
+._1vbcevxf[data-starting-style],
+._1vbcevxf[data-ending-style] {
+  opacity: 0;
+  transform: translate(-50%, -50%) scale(0.95);
+}
+._1vbcevxg {
+  padding-inline: 24px;
+  padding-top: 16px;
+  margin: 0;
+  color: rgb(var(--md-sys-color-on-surface-variant));
+  font-family: var(--md-sys-typescale-label-medium-font);
+  font-weight: var(--md-sys-typescale-label-medium-weight);
+  font-size: var(--md-sys-typescale-label-medium-size);
+  line-height: var(--md-sys-typescale-label-medium-line-height);
+  letter-spacing: var(--md-sys-typescale-label-medium-tracking);
+}
+._1vbcevxh {
+  padding-inline: 24px;
+  padding-top: 4px;
+  padding-bottom: 16px;
+  margin: 0;
+  color: rgb(var(--md-sys-color-on-surface));
+  font-family: var(--md-sys-typescale-headline-large-font);
+  font-weight: var(--md-sys-typescale-headline-large-weight);
+  font-size: var(--md-sys-typescale-headline-large-size);
+  line-height: var(--md-sys-typescale-headline-large-line-height);
+  letter-spacing: var(--md-sys-typescale-headline-large-tracking);
+}
+._1vbcevxi {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding-inline: 24px;
+  padding-bottom: 16px;
+  padding-top: 8px;
+}
+/*# sourceMappingURL=date-picker.css.map */

package/dist/date-picker.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["vanilla-extract-css-ns:src/date-picker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1a6W7jNhD-n6cgAixgA2Eq2zkVtH_6GEVQUORIYpciBZJ27BZ994IUZUuMnMhHdrHbIEAiMzNDco5vDvn6z9kqo7BaJ-ifC4ReOLNlihbzh3r9dIFQRdY4rM2S5ItbqgljXBYpms0bGqqE0inSRTZZET3BuGLYbAz261hJbJY6JxSm06eLfy-u2w1nfkPGTS3IJkW5AC-NCF5IzC1UJkUUpAXtlv9aGsvzDaZKWpA2RaYmFHAG9gVAOoqC1CkKxy6BF6VN0U34HM6MBeR2d_B2VQdit9o54NwfsFaGW65kijQIYvkKnrrH5lJwCfjQ0-_-FbR7k0QnD58zpRlorAnjS5OinoJNSWrA-VKIqSNVK9C5UC8pKjljjVLG2gaviOZE2qmXRJfaOLZa8faYamndRVMklYTdwVKU-A-Efi20WkqWIquJNDXRIG1fnWmaQa40eLVuNXF5-dTTMsmMEkvr9-DSgB3Ygi61E_-7u4Q_XE0ot5tAGU6NYQXSmt2J_cHCLoHDOXVl-lqtlCPBQIzzDWOJZESzaXSX0mm7d6PtIfo2ssQC9tSxiFzRpcErbngmYLQozxWLItQ55mgZtQZj4NWdGDckE8CCgUZGNfoFJdeLh-l-1Q9uMnzYJIrA35BZFV1kmt_042QeR-3ifFHrESXab3HXx45G0g5TfvB4RShX0uKcVFzEvmM3NRhKBGBBMhBYEF04f5R2umV8CWoawdiQ7lgN_xtGMTpCz-ZtWI7fsUPf8IN1zuoyiU9oI0RYTehXLot-6Cx-ImhbnA5ti_NB26KDAN1L-udc6QrNbpPK9Hn-YMQSvOLw8uvlBog2l8-xGMeaIq3cvpPZQ8IgMumNp62ILrjEVu1KixDgVAlBagMpap8idtvA6LZa8vazsLbYo80OZzpcd12ku9lTyxwHEWPCOlNsc0xUd_gOCuoO30Ex3eE7MqQ7EoYj-v6b1n57LP2Ncsn3ySGfzrZzth89fRzgqr1rn5xp7s-Xae7PUkTfN7nHKkY2z15EptZOA8zFprcaSvzPrF7vC81a84rozXRQtAEB1AIL0ju2f1_aCEx4c--2dn_-wA4h3mpMn_DQHyUUmjNfv2vOsIWqFs5eVIllJY3D8hqInSyu0CzX03h04CYe2-biIXThLbziTYrI0qq3OoB2PROKfg1iO2d9_CaZJW5XPtuS_2Fb8vij55XeXU5OFo_nSxaP3xGLSR_sjh9l3N4NDkfv9g9HEaq4bOfB86QdUb5_7xYenA8SLkHjkhclGDtSE71KNWCZVbU_8lugBmurCTYVCdjWYfX3OoI3U9aqKvX52yjB2WGo2DFk5g3pDJeiWaTcpGuodvL-Bjz2YPQVyB6m38_q_aDqPUvTWhAKpRIM9EGV0R7HoJ8vHs754oH-RGmQnp4G6fnSID1Lz0SPmPKzsRl3OPOckHbeCAiPEoF21_T1CEHAingzC1iBmE-fuhNJrDQvuGx54vXpYDwMetftWO-6ikeph_skC8WQJdo2VBsBz6_6td7k1WPrJLl-vB2UBZK9IalDDxFU5nwNLI7gvzGXzGXZm1cBvc9rqOZV6Fs7Noq0PD8uhmFQX1coJhithHyfEpqK7rapHvwQOzxvNXIbG8Y_un55gm-TL1fI_Z520kXF5WRxl9TrK0SJoJNZkqxeEPYzyyZOug30lqRsSfr5ou2lX30LwP3FjGugzZWa5v2kavNjYr6pEg-P_MUHRf67PglVXRJXQ_Vj_xC-vvO95835GG9-3wf3QkbRfc-ynca0GaRd997f9jbNa52w8ce9T2k69AoYX1bHDCQC5xETicB5xEgicJ40kwgyhsvlcry5orVt53WKFcdbrwTCvBqOaHMi3oMsGPEeZMOI90grRlKG7ciHv771quHwSA6SxXPW9zwgtnbPM5qh6n87a94AvCYAAA"],"sourcesContent":["._1vbcevx0 {\n  width: 328px;\n  max-width: 100%;\n  padding: 12px;\n  color: rgb(var(--md-sys-color-on-surface));\n}\n._1vbcevx1 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  height: 48px;\n  padding-left: 12px;\n  padding-right: 4px;\n}\n._1vbcevx2 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: var(--md-sys-shape-full);\n  overflow: hidden;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  cursor: pointer;\n  outline: none;\n  border: 0;\n  background: transparent;\n}\n._1vbcevx2::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._1vbcevx2:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1vbcevx2:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._1vbcevx2:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1vbcevx2:disabled {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  pointer-events: none;\n}\n._1vbcevx2:disabled::before {\n  opacity: 0;\n}\n._1vbcevx2 > svg {\n  width: 24px;\n  height: 24px;\n}\n._1vbcevx3 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  height: 36px;\n  padding-inline: 12px;\n  border-radius: var(--md-sys-shape-full);\n  overflow: hidden;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  cursor: pointer;\n  outline: none;\n  border: 0;\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}\n._1vbcevx3::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._1vbcevx3:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1vbcevx3:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._1vbcevx3 > svg {\n  transition: transform 150ms;\n}\n._1vbcevx3[data-view=\"years\"] > svg {\n  transform: rotate(180deg);\n}\n._1vbcevx4 {\n  margin-top: 8px;\n  border-collapse: collapse;\n}\n._1vbcevx4 td {\n  padding: 0;\n  text-align: center;\n}\n._1vbcevx6 {\n  width: 48px;\n  height: 48px;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  font-family: var(--md-sys-typescale-body-large-font);\n  font-weight: var(--md-sys-typescale-body-large-weight);\n  font-size: var(--md-sys-typescale-body-large-size);\n  line-height: var(--md-sys-typescale-body-large-line-height);\n  letter-spacing: var(--md-sys-typescale-body-large-tracking);\n}\n._1vbcevx7 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  border-radius: var(--md-sys-shape-full);\n  overflow: hidden;\n  color: rgb(var(--md-sys-color-on-surface));\n  cursor: pointer;\n  outline: none;\n  border: 0;\n  background: transparent;\n  font-family: var(--md-sys-typescale-body-large-font);\n  font-weight: var(--md-sys-typescale-body-large-weight);\n  font-size: var(--md-sys-typescale-body-large-size);\n  line-height: var(--md-sys-typescale-body-large-line-height);\n  letter-spacing: var(--md-sys-typescale-body-large-tracking);\n}\n._1vbcevx7::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  border-radius: var(--md-sys-shape-full);\n}\n._1vbcevx7:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1vbcevx7:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._1vbcevx7:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1vbcevx7[data-today] {\n  box-shadow: inset 0 0 0 1px rgb(var(--md-sys-color-primary));\n}\n._1vbcevx7[data-selected] {\n  background: rgb(var(--md-sys-color-primary));\n  color: rgb(var(--md-sys-color-on-primary));\n}\n._1vbcevx7[data-disabled] {\n  color: rgb(var(--md-sys-color-on-surface) / 0.38);\n  pointer-events: none;\n}\n._1vbcevx7[data-disabled]::before {\n  opacity: 0;\n}\n._1vbcevx8 {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 8px;\n  max-height: 280px;\n  overflow-y: auto;\n  padding-inline: 12px;\n  padding-block: 8px;\n}\n._1vbcevx9 {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 36px;\n  border-radius: var(--md-sys-shape-full);\n  overflow: hidden;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  cursor: pointer;\n  outline: none;\n  border: 0;\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}\n._1vbcevx9::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._1vbcevx9:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1vbcevx9:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._1vbcevx9[data-selected] {\n  background: rgb(var(--md-sys-color-primary));\n  color: rgb(var(--md-sys-color-on-primary));\n}\n._1vbcevxa {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  height: 56px;\n  padding-left: 16px;\n  padding-right: 4px;\n  min-width: 200px;\n  background: rgb(var(--md-sys-color-surface-container-highest));\n  color: rgb(var(--md-sys-color-on-surface));\n  border-top-left-radius: var(--md-sys-shape-extra-small);\n  border-top-right-radius: var(--md-sys-shape-extra-small);\n  border-bottom: 1px solid rgb(var(--md-sys-color-on-surface-variant));\n}\n._1vbcevxb {\n  flex: 1;\n  min-width: 0;\n  height: 100%;\n  background: transparent;\n  border: 0;\n  outline: none;\n  color: rgb(var(--md-sys-color-on-surface));\n  font-family: var(--md-sys-typescale-body-large-font);\n  font-weight: var(--md-sys-typescale-body-large-weight);\n  font-size: var(--md-sys-typescale-body-large-size);\n  line-height: var(--md-sys-typescale-body-large-line-height);\n  letter-spacing: var(--md-sys-typescale-body-large-tracking);\n}\n._1vbcevxb::placeholder {\n  color: rgb(var(--md-sys-color-on-surface-variant));\n}\n._1vbcevxc {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: var(--md-sys-shape-full);\n  overflow: hidden;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  cursor: pointer;\n  outline: none;\n  border: 0;\n  background: transparent;\n}\n._1vbcevxc::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._1vbcevxc:hover::before {\n  opacity: var(--md-sys-state-hover);\n}\n._1vbcevxc:focus-visible::before {\n  opacity: var(--md-sys-state-focus);\n}\n._1vbcevxc:active::before {\n  opacity: var(--md-sys-state-pressed);\n}\n._1vbcevxc > svg {\n  width: 24px;\n  height: 24px;\n}\n._1vbcevxd {\n  background: rgb(var(--md-sys-color-surface-container-high));\n  color: rgb(var(--md-sys-color-on-surface));\n  border-radius: var(--md-sys-shape-large);\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._1vbcevxd[data-starting-style] {\n  opacity: 0;\n  transform: scale(0.95);\n}\n._1vbcevxd[data-ending-style] {\n  opacity: 0;\n}\n._1vbcevxe {\n  position: fixed;\n  inset: 0;\n  z-index: 40;\n  background: rgb(var(--md-sys-color-scrim) / 0.32);\n  transition: opacity 200ms var(--md-sys-motion-easing-standard);\n}\n._1vbcevxe[data-starting-style], ._1vbcevxe[data-ending-style] {\n  opacity: 0;\n}\n._1vbcevxf {\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  z-index: 50;\n  transform: translate(-50%, -50%);\n  width: min(360px, calc(100vw - 48px));\n  max-height: calc(100vh - 48px);\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  background: rgb(var(--md-sys-color-surface-container-high));\n  color: rgb(var(--md-sys-color-on-surface));\n  border-radius: var(--md-sys-shape-extra-large);\n  box-shadow: var(--md-sys-elevation-level3);\n  transform-origin: var(--transform-origin);\n  outline: none;\n  transition: opacity 200ms var(--md-sys-motion-easing-emphasized), transform 200ms var(--md-sys-motion-easing-emphasized);\n}\n._1vbcevxf[data-starting-style], ._1vbcevxf[data-ending-style] {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.95);\n}\n._1vbcevxg {\n  padding-inline: 24px;\n  padding-top: 16px;\n  margin: 0;\n  color: rgb(var(--md-sys-color-on-surface-variant));\n  font-family: var(--md-sys-typescale-label-medium-font);\n  font-weight: var(--md-sys-typescale-label-medium-weight);\n  font-size: var(--md-sys-typescale-label-medium-size);\n  line-height: var(--md-sys-typescale-label-medium-line-height);\n  letter-spacing: var(--md-sys-typescale-label-medium-tracking);\n}\n._1vbcevxh {\n  padding-inline: 24px;\n  padding-top: 4px;\n  padding-bottom: 16px;\n  margin: 0;\n  color: rgb(var(--md-sys-color-on-surface));\n  font-family: var(--md-sys-typescale-headline-large-font);\n  font-weight: var(--md-sys-typescale-headline-large-weight);\n  font-size: var(--md-sys-typescale-headline-large-size);\n  line-height: var(--md-sys-typescale-headline-large-line-height);\n  letter-spacing: var(--md-sys-typescale-headline-large-tracking);\n}\n._1vbcevxi {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding-inline: 24px;\n  padding-bottom: 16px;\n  padding-top: 8px;\n}"],"mappings":";AAAA,CAAC;AACC,SAAO;AACP,aAAW;AACX,WAAS;AACT,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,UAAQ;AACR,gBAAc;AACd,iBAAe;AACjB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,YAAU;AACV,SAAO,IAAI,IAAI;AACf,UAAQ;AACR,WAAS;AACT,UAAQ;AACR,cAAY;AACd;AACA,CAfC,SAeS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAxBC,SAwBS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CA3BC,SA2BS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CA9BC,SA8BS,OAAO;AACf,WAAS,IAAI;AACf;AACA,CAjCC,SAiCS;AACR,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC5C,kBAAgB;AAClB;AACA,CArCC,SAqCS,SAAS;AACjB,WAAS;AACX;AACA,CAxCC,UAwCU,EAAE;AACX,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,OAAK;AACL,UAAQ;AACR,kBAAgB;AAChB,iBAAe,IAAI;AACnB,YAAU;AACV,SAAO,IAAI,IAAI;AACf,UAAQ;AACR,WAAS;AACT,UAAQ;AACR,cAAY;AACZ,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CApBC,SAoBS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CA7BC,SA6BS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CAhCC,SAgCS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CAnCC,UAmCU,EAAE;AACX,cAAY,UAAU;AACxB;AACA,CAtCC,SAsCS,CAAC,iBAAmB,EAAE;AAC9B,aAAW,OAAO;AACpB;AACA,CAAC;AACC,cAAY;AACZ,mBAAiB;AACnB;AACA,CAJC,UAIU;AACT,WAAS;AACT,cAAY;AACd;AACA,CAAC;AACC,SAAO;AACP,UAAQ;AACR,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,YAAU;AACV,SAAO,IAAI,IAAI;AACf,UAAQ;AACR,WAAS;AACT,UAAQ;AACR,cAAY;AACZ,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CApBC,SAoBS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAC9B,iBAAe,IAAI;AACrB;AACA,CA9BC,SA8BS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CAjCC,SAiCS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CApCC,SAoCS,OAAO;AACf,WAAS,IAAI;AACf;AACA,CAvCC,SAuCS,CAAC;AACT,cAAY,MAAM,EAAE,EAAE,EAAE,IAAI,IAAI,IAAI;AACtC;AACA,CA1CC,SA0CS,CAAC;AACT,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CA9CC,SA8CS,CAAC;AACT,SAAO,IAAI,IAAI,2BAA2B,EAAE;AAC5C,kBAAgB;AAClB;AACA,CAlDC,SAkDS,CAAC,cAAc;AACvB,WAAS;AACX;AACA,CAAC;AACC,WAAS;AACT,yBAAuB,OAAO,CAAC,EAAE;AACjC,OAAK;AACL,cAAY;AACZ,cAAY;AACZ,kBAAgB;AAChB,iBAAe;AACjB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,UAAQ;AACR,iBAAe,IAAI;AACnB,YAAU;AACV,SAAO,IAAI,IAAI;AACf,UAAQ;AACR,WAAS;AACT,UAAQ;AACR,cAAY;AACZ,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAnBC,SAmBS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CA5BC,SA4BS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CA/BC,SA+BS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CAlCC,SAkCS,CAAC;AACT,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,UAAQ;AACR,gBAAc;AACd,iBAAe;AACf,aAAW;AACX,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,0BAAwB,IAAI;AAC5B,2BAAyB,IAAI;AAC7B,iBAAe,IAAI,MAAM,IAAI,IAAI;AACnC;AACA,CAAC;AACC,QAAM;AACN,aAAW;AACX,UAAQ;AACR,cAAY;AACZ,UAAQ;AACR,WAAS;AACT,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAdC,SAcS;AACR,SAAO,IAAI,IAAI;AACjB;AACA,CAAC;AACC,YAAU;AACV,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,iBAAe,IAAI;AACnB,YAAU;AACV,SAAO,IAAI,IAAI;AACf,UAAQ;AACR,WAAS;AACT,UAAQ;AACR,cAAY;AACd;AACA,CAfC,SAeS;AACR,WAAS;AACT,YAAU;AACV,SAAO;AACP,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAxBC,SAwBS,MAAM;AACd,WAAS,IAAI;AACf;AACA,CA3BC,SA2BS,cAAc;AACtB,WAAS,IAAI;AACf;AACA,CA9BC,SA8BS,OAAO;AACf,WAAS,IAAI;AACf;AACA,CAjCC,UAiCU,EAAE;AACX,SAAO;AACP,UAAQ;AACV;AACA,CAAC;AACC,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,oBAAkB,IAAI;AACtB,WAAS;AACT,cAAY,QAAQ,MAAM,IAAI,gCAAgC,EAAE,UAAU,MAAM,IAAI;AACtF;AACA,CATC,SASS,CAAC;AACT,WAAS;AACT,aAAW,MAAM;AACnB;AACA,CAbC,SAaS,CAAC;AACT,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS;AACT,cAAY,IAAI,IAAI,sBAAsB,EAAE;AAC5C,cAAY,QAAQ,MAAM,IAAI;AAChC;AACA,CAPC,SAOS,CAAC;AAAsB,CAPhC,SAO0C,CAAC;AAC1C,WAAS;AACX;AACA,CAAC;AACC,YAAU;AACV,QAAM;AACN,OAAK;AACL,WAAS;AACT,aAAW,UAAU,IAAI,EAAE;AAC3B,SAAO,IAAI,KAAK,EAAE,KAAK,MAAM,EAAE;AAC/B,cAAY,KAAK,MAAM,EAAE;AACzB,YAAU;AACV,WAAS;AACT,kBAAgB;AAChB,cAAY,IAAI,IAAI;AACpB,SAAO,IAAI,IAAI;AACf,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,oBAAkB,IAAI;AACtB,WAAS;AACT,cAAY,QAAQ,MAAM,IAAI,kCAAkC,EAAE,UAAU,MAAM,IAAI;AACxF;AACA,CAnBC,SAmBS,CAAC;AAAsB,CAnBhC,SAmB0C,CAAC;AAC1C,WAAS;AACT,aAAW,UAAU,IAAI,EAAE,MAAM,MAAM;AACzC;AACA,CAAC;AACC,kBAAgB;AAChB,eAAa;AACb,UAAQ;AACR,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,kBAAgB;AAChB,eAAa;AACb,kBAAgB;AAChB,UAAQ;AACR,SAAO,IAAI,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,kBAAgB,IAAI;AACtB;AACA,CAAC;AACC,WAAS;AACT,mBAAiB;AACjB,OAAK;AACL,kBAAgB;AAChB,kBAAgB;AAChB,eAAa;AACf;","names":[]}

package/dist/date-picker.d.ts

@@ -0,0 +1,9 @@
+import { createDatePicker } from '@m3-baseui/core';
+
+/**
+ * date-picker.ts — wires the VE styles into the shared parts factory.
+ */
+
+declare const DatePicker: ReturnType<typeof createDatePicker>;
+
+export { DatePicker };

package/dist/date-picker.js

@@ -0,0 +1,53 @@
+"use client";
+import './date-picker.css';
+import { createDatePicker } from '@m3-baseui/core';
+
+// src/date-picker.ts
+
+// src/date-picker.css.ts
+var calendar = "_1vbcevx0";
+var day = "_1vbcevx7";
+var field = "_1vbcevxa";
+var fieldIcon = "_1vbcevxc";
+var grid = "_1vbcevx4";
+var header = "_1vbcevx1";
+var input = "_1vbcevxb";
+var modalActions = "_1vbcevxi";
+var modalBackdrop = "_1vbcevxe";
+var modalHeader = "_1vbcevxg";
+var modalHeadline = "_1vbcevxh";
+var modalPopup = "_1vbcevxf";
+var monthLabel = "_1vbcevx3";
+var navButton = "_1vbcevx2";
+var popup = "_1vbcevxd";
+var weekday = "_1vbcevx6";
+var weekdays = "_1vbcevx5";
+var yearButton = "_1vbcevx9";
+var yearGrid = "_1vbcevx8";
+
+// src/date-picker.ts
+var DatePicker = createDatePicker({
+  calendar,
+  header,
+  navButton,
+  monthLabel,
+  grid,
+  weekdays,
+  weekday,
+  day,
+  yearGrid,
+  yearButton,
+  field,
+  input,
+  fieldIcon,
+  popup,
+  modalBackdrop,
+  modalPopup,
+  modalHeader,
+  modalHeadline,
+  modalActions
+});
+
+export { DatePicker };
+//# sourceMappingURL=date-picker.js.map
+//# sourceMappingURL=date-picker.js.map

package/dist/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/date-picker.css.ts","../src/date-picker.ts"],"names":[],"mappings":";;;;;;;AACO,IAAI,QAAA,GAAW,WAAA;AACf,IAAI,GAAA,GAAM,WAAA;AACV,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,IAAA,GAAO,WAAA;AACX,IAAI,MAAA,GAAS,WAAA;AACb,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,YAAA,GAAe,WAAA;AACnB,IAAI,aAAA,GAAgB,WAAA;AACpB,IAAI,WAAA,GAAc,WAAA;AAClB,IAAI,aAAA,GAAgB,WAAA;AACpB,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,SAAA,GAAY,WAAA;AAChB,IAAI,KAAA,GAAQ,WAAA;AACZ,IAAI,OAAA,GAAU,WAAA;AACd,IAAI,QAAA,GAAW,WAAA;AACf,IAAI,UAAA,GAAa,WAAA;AACjB,IAAI,QAAA,GAAW,WAAA;;;ACOf,IAAM,aAAkD,gBAAA,CAAiB;AAAA,EAC9E,QAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA;AACF,CAAC","file":"date-picker.js","sourcesContent":["import 'src/date-picker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1a6W7jNhD-n6cgAixgA2Eq2zkVtH_6GEVQUORIYpciBZJ27BZ994IUZUuMnMhHdrHbIEAiMzNDco5vDvn6z9kqo7BaJ-ifC4ReOLNlihbzh3r9dIFQRdY4rM2S5ItbqgljXBYpms0bGqqE0inSRTZZET3BuGLYbAz261hJbJY6JxSm06eLfy-u2w1nfkPGTS3IJkW5AC-NCF5IzC1UJkUUpAXtlv9aGsvzDaZKWpA2RaYmFHAG9gVAOoqC1CkKxy6BF6VN0U34HM6MBeR2d_B2VQdit9o54NwfsFaGW65kijQIYvkKnrrH5lJwCfjQ0-_-FbR7k0QnD58zpRlorAnjS5OinoJNSWrA-VKIqSNVK9C5UC8pKjljjVLG2gaviOZE2qmXRJfaOLZa8faYamndRVMklYTdwVKU-A-Efi20WkqWIquJNDXRIG1fnWmaQa40eLVuNXF5-dTTMsmMEkvr9-DSgB3Ygi61E_-7u4Q_XE0ot5tAGU6NYQXSmt2J_cHCLoHDOXVl-lqtlCPBQIzzDWOJZESzaXSX0mm7d6PtIfo2ssQC9tSxiFzRpcErbngmYLQozxWLItQ55mgZtQZj4NWdGDckE8CCgUZGNfoFJdeLh-l-1Q9uMnzYJIrA35BZFV1kmt_042QeR-3ifFHrESXab3HXx45G0g5TfvB4RShX0uKcVFzEvmM3NRhKBGBBMhBYEF04f5R2umV8CWoawdiQ7lgN_xtGMTpCz-ZtWI7fsUPf8IN1zuoyiU9oI0RYTehXLot-6Cx-ImhbnA5ti_NB26KDAN1L-udc6QrNbpPK9Hn-YMQSvOLw8uvlBog2l8-xGMeaIq3cvpPZQ8IgMumNp62ILrjEVu1KixDgVAlBagMpap8idtvA6LZa8vazsLbYo80OZzpcd12ku9lTyxwHEWPCOlNsc0xUd_gOCuoO30Ex3eE7MqQ7EoYj-v6b1n57LP2Ncsn3ySGfzrZzth89fRzgqr1rn5xp7s-Xae7PUkTfN7nHKkY2z15EptZOA8zFprcaSvzPrF7vC81a84rozXRQtAEB1AIL0ju2f1_aCEx4c--2dn_-wA4h3mpMn_DQHyUUmjNfv2vOsIWqFs5eVIllJY3D8hqInSyu0CzX03h04CYe2-biIXThLbziTYrI0qq3OoB2PROKfg1iO2d9_CaZJW5XPtuS_2Fb8vij55XeXU5OFo_nSxaP3xGLSR_sjh9l3N4NDkfv9g9HEaq4bOfB86QdUb5_7xYenA8SLkHjkhclGDtSE71KNWCZVbU_8lugBmurCTYVCdjWYfX3OoI3U9aqKvX52yjB2WGo2DFk5g3pDJeiWaTcpGuodvL-Bjz2YPQVyB6m38_q_aDqPUvTWhAKpRIM9EGV0R7HoJ8vHs754oH-RGmQnp4G6fnSID1Lz0SPmPKzsRl3OPOckHbeCAiPEoF21_T1CEHAingzC1iBmE-fuhNJrDQvuGx54vXpYDwMetftWO-6ikeph_skC8WQJdo2VBsBz6_6td7k1WPrJLl-vB2UBZK9IalDDxFU5nwNLI7gvzGXzGXZm1cBvc9rqOZV6Fs7Noq0PD8uhmFQX1coJhithHyfEpqK7rapHvwQOzxvNXIbG8Y_un55gm-TL1fI_Z520kXF5WRxl9TrK0SJoJNZkqxeEPYzyyZOug30lqRsSfr5ou2lX30LwP3FjGugzZWa5v2kavNjYr6pEg-P_MUHRf67PglVXRJXQ_Vj_xC-vvO95835GG9-3wf3QkbRfc-ynca0GaRd997f9jbNa52w8ce9T2k69AoYX1bHDCQC5xETicB5xEgicJ40kwgyhsvlcry5orVt53WKFcdbrwTCvBqOaHMi3oMsGPEeZMOI90grRlKG7ciHv771quHwSA6SxXPW9zwgtnbPM5qh6n87a94AvCYAAA';\nexport var calendar = '_1vbcevx0';\nexport var day = '_1vbcevx7';\nexport var field = '_1vbcevxa';\nexport var fieldIcon = '_1vbcevxc';\nexport var grid = '_1vbcevx4';\nexport var header = '_1vbcevx1';\nexport var input = '_1vbcevxb';\nexport var modalActions = '_1vbcevxi';\nexport var modalBackdrop = '_1vbcevxe';\nexport var modalHeader = '_1vbcevxg';\nexport var modalHeadline = '_1vbcevxh';\nexport var modalPopup = '_1vbcevxf';\nexport var monthLabel = '_1vbcevx3';\nexport var navButton = '_1vbcevx2';\nexport var popup = '_1vbcevxd';\nexport var weekday = '_1vbcevx6';\nexport var weekdays = '_1vbcevx5';\nexport var yearButton = '_1vbcevx9';\nexport var yearGrid = '_1vbcevx8';","/**\n * date-picker.ts — wires the VE styles into the shared parts factory.\n */\nimport { createDatePicker } from '@m3-baseui/core';\nimport {\n  calendar,\n  header,\n  navButton,\n  monthLabel,\n  grid,\n  weekdays,\n  weekday,\n  day,\n  yearGrid,\n  yearButton,\n  field,\n  input,\n  fieldIcon,\n  popup,\n  modalBackdrop,\n  modalPopup,\n  modalHeader,\n  modalHeadline,\n  modalActions,\n} from './date-picker.css';\n\nexport const DatePicker: ReturnType<typeof createDatePicker> = createDatePicker({\n  calendar,\n  header,\n  navButton,\n  monthLabel,\n  grid,\n  weekdays,\n  weekday,\n  day,\n  yearGrid,\n  yearButton,\n  field,\n  input,\n  fieldIcon,\n  popup,\n  modalBackdrop,\n  modalPopup,\n  modalHeader,\n  modalHeadline,\n  modalActions,\n});\n"]}

package/dist/fab-menu.css

@@ -0,0 +1,201 @@
+/* vanilla-extract-css-ns:src/fab.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VUXW-cMBB8v19h5Skn1SncXarEeezPqKJqwQu4MTayF5Jrlf9e2XDhQ5eGSx8NM-OZ2YWbn2lKdwCQsD8bxp6VpEqwQ9K8PGwYq1CVFY3nzDqJjjuQqvWCdeCuOa8l90fPfQUN8hqlauvtw-Z1czNK-66cyu8Oc_n-PGGkU_Tttzn6dP7YjAZX4nahfKmX3RR9v_Byv9oLvpCDc452S0f7xR39ecLYR_SyjloZPijcDeNqQEplSq6MVgYFSwdoCY1g6e7SGhkrrCFeQK30cYGkY4M-Bx3QGeqewwN-JD4PjlcQe-hI9eo3riIGYKSFxLxaf-ME3_ORCB33DeTKlKskyEH-pEy5XUzr0o07RHRjvSJljWAONZDqMJCk8o2Go2D9THmhMYqBVqXhirD2guVoCF14_Kv1pIojz60hNDR9ldmX0FYMN-xAZqOW7dAV2j4LVikp0YxbIpixJvrIW-etE6yx6iTY-tAXasxpxNmW-t07PYjXViCD_KxT1NhBCMw1dqj3cQrkwJxqGJksvU1qP6fXNnIRfNh4T2AkODkfxUGIDAvrMBb81snV1cOsb8i81S1Fu8p4JMGSaB3yp9LZ1kgR8js09N1qG8PbsCd0HJBDKxw7NOTH8NM4A4OlySezVGFOMcnaTg9nJWalvOWY_wcICHlELyUKm7eed8qrTONqqchaSkEetny1RuPQe1zW8kMCwend43-KCak8ZBrlF7a84fTmcfhYzw98Opm3Z5M1cmV2PXOTh4Xi1nDfugJy3LKvLLlJd_FriC9Xk_Z376U5tfKPVOeLS2aC9_3yfRxnsBX_QqAMOl6pstquyNQ4VYM7budJYO3FA328eM2d1pznTQxkq5NjbsPHe7mFd5gTE_laE4SO1Gc8nCe-_gUZdxR8NAoAAA */
+._11t8aaa0 {
+  width: 40px;
+  height: 40px;
+  border-radius: var(--md-sys-shape-medium);
+}
+._11t8aaa0 svg {
+  width: 24px;
+  height: 24px;
+}
+._11t8aaa1 {
+  width: 56px;
+  height: 56px;
+  border-radius: var(--md-sys-shape-large);
+}
+._11t8aaa1 svg {
+  width: 24px;
+  height: 24px;
+}
+._11t8aaa2 {
+  width: 96px;
+  height: 96px;
+  border-radius: var(--md-sys-shape-extra-large);
+}
+._11t8aaa2 svg {
+  width: 36px;
+  height: 36px;
+}
+._11t8aaa3 {
+  height: 56px;
+  min-width: 80px;
+  padding-inline: 16px;
+  gap: 12px;
+  border-radius: var(--md-sys-shape-large);
+  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);
+}
+._11t8aaa3 svg {
+  width: 24px;
+  height: 24px;
+}
+._11t8aaa4 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  overflow: hidden;
+  border: none;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  box-shadow: var(--md-sys-elevation-level3);
+  transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
+}
+._11t8aaa4::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._11t8aaa4:hover {
+  box-shadow: var(--md-sys-elevation-level4);
+}
+._11t8aaa4:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._11t8aaa4:focus-visible::before {
+  opacity: var(--md-sys-state-focus);
+}
+._11t8aaa4:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._11t8aaa4[data-pressed]::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._11t8aaa4:disabled,
+._11t8aaa4[data-disabled] {
+  pointer-events: none;
+  box-shadow: none;
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._11t8aaa4:disabled::before,
+._11t8aaa4[data-disabled]::before {
+  opacity: 0;
+}
+._11t8aaa9 {
+  background: rgb(var(--md-sys-color-surface-container-high));
+  color: rgb(var(--md-sys-color-primary));
+}
+._11t8aaaa {
+  background: rgb(var(--md-sys-color-primary-container));
+  color: rgb(var(--md-sys-color-on-primary-container));
+}
+._11t8aaab {
+  background: rgb(var(--md-sys-color-secondary-container));
+  color: rgb(var(--md-sys-color-on-secondary-container));
+}
+._11t8aaac {
+  background: rgb(var(--md-sys-color-tertiary-container));
+  color: rgb(var(--md-sys-color-on-tertiary-container));
+}
+
+/* vanilla-extract-css-ns:src/fab-menu.css.ts.vanilla.css?source=#H4sIAAAAAAAAA6VVwW7bMAy95yuEnBpgypK2KToV22WfMQQDLdE2UVkyJNmtO_TfB8luErvZ5nSnwCIfSb33xKx_btuuuC9fNuzXgjFFvtbQCZZrfH5YsPTLFTmUgawRTFrdVCZGQFNhOAWsfJ_O0agYKKAW7L5O8AzkY-FsY5RgwYHxNTg0IYZsEzQZFMxYg_EgxXPrKm4dFWQEa8FdcT49Xx2SqZ_J1iApdGy721R-AFWK-87zysYUjuDJFNwHMAqcWn06NrsA9bB4XawPfP1QECAGXeizOo37T2yagEYdw4njYVzBNqNbC-YlaLzarL_sxq22CVbbt_s61BCoTaQdBCMT2eRvuo3UkWgCuoM22-tenBKpKINgu7v-uwaVZu1LCbYdzm2LLtf2SbCSlMKkfmafuacXMoVgmXUKHc9sypaN89YJVlt669p4dNyjRhmOcr_TfyjjQFHjxVgRX0KNPG-0Xh26l6DiTKM81NhCEk9ji_rmnVeOyIuEZyy3JvAcKtLdpGfoakzScQ0Zaq7BFchj_hH4NFA9A9inHqGeXnAWMCYmWDJCOb_jSX6PxxCiYNGnUd8ZJYID-UimmBhXiAxz6zAZWFoT0ATBlsuHkZ8h81Y3IZmAjMcwPI3T5SEbFxfHd6ttstT4EQ1e49iiCX6yUqZbYvOh974VZXwH6SZz7Xd7tsSIlMM9xnYPEJCn7EmJfqmUVJQ66oVq_1_lBMi4SWbXqB16j1Nq-qEUecg0qv2wrs5Lcsrd4exEaFdkV6PGMkrOreG-cTlIXLHPbLPeXierpuBs0M393wc_T8NmsoyHxa9t-LrMIeMVmoZrhLg7l_vx3-hoK19S5RvzbZFqPZEKpWDXt-Ol3X-flLzprflvKgdKeHyPQAZdstNqBp-1owpctxqzeDu38QA_Np7T05rzuJMBdrNvjtLGp335CH9AngxxN3eIgC7QR2Y4D3z9DcphDVLCCQAA */
+._1vyg8hz0 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 8px;
+  background: transparent;
+  outline: none;
+  transform-origin: var(--transform-origin);
+  transition: opacity 150ms var(--md-sys-motion-easing-standard), transform 150ms var(--md-sys-motion-easing-standard);
+}
+._1vyg8hz0[data-starting-style],
+._1vyg8hz0[data-ending-style] {
+  opacity: 0;
+  transform: scale(0.95);
+}
+._1vyg8hz1 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: 12px;
+  height: 56px;
+  padding-inline: 16px;
+  overflow: hidden;
+  box-sizing: border-box;
+  cursor: pointer;
+  user-select: none;
+  outline: none;
+  border-radius: var(--md-sys-shape-full);
+  box-shadow: var(--md-sys-elevation-level3);
+  transition: box-shadow 150ms var(--md-sys-motion-easing-standard);
+  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);
+}
+._1vyg8hz1::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: currentColor;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 100ms var(--md-sys-motion-easing-standard);
+}
+._1vyg8hz1:hover {
+  box-shadow: var(--md-sys-elevation-level4);
+}
+._1vyg8hz1:hover::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1vyg8hz1[data-highlighted]::before {
+  opacity: var(--md-sys-state-hover);
+}
+._1vyg8hz1:active::before {
+  opacity: var(--md-sys-state-pressed);
+}
+._1vyg8hz1[data-disabled] {
+  pointer-events: none;
+  box-shadow: none;
+  background: rgb(var(--md-sys-color-on-surface) / 0.12);
+  color: rgb(var(--md-sys-color-on-surface) / 0.38);
+}
+._1vyg8hz1[data-disabled]::before {
+  opacity: 0;
+}
+._1vyg8hz1 [data-slot=fab-menu-leading] {
+  display: inline-flex;
+}
+._1vyg8hz1 [data-slot=fab-menu-leading] > svg {
+  width: 24px;
+  height: 24px;
+}
+._1vyg8hz3 {
+  background: rgb(var(--md-sys-color-surface-container-high));
+  color: rgb(var(--md-sys-color-primary));
+}
+._1vyg8hz4 {
+  background: rgb(var(--md-sys-color-primary-container));
+  color: rgb(var(--md-sys-color-on-primary-container));
+}
+._1vyg8hz5 {
+  background: rgb(var(--md-sys-color-secondary-container));
+  color: rgb(var(--md-sys-color-on-secondary-container));
+}
+._1vyg8hz6 {
+  background: rgb(var(--md-sys-color-tertiary-container));
+  color: rgb(var(--md-sys-color-on-tertiary-container));
+}
+/*# sourceMappingURL=fab-menu.css.map */