@vesture/react 0.1.1 → 0.2.1

package/dist/index.css

@@ -1184,7 +1184,7 @@ input:disabled + .Switch_track__1yxysfy2 {
   box-shadow: var(--shadow-focus__2kya2wv);
 }
 
-/* vanilla-extract-css-ns:src/components/DataGrid/DataGrid.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VYS4_bNhC-76_QpUgWKBe2s9lNVfTSB5oADQrsXgoUhUGLY2lqmhRIypZT9L8XJEWJsvyQN06LAntY0p_m8c1wZsi7H6mhPytkc61-FXw3nz_WuKkfJ8lfN0lSSo0GpUgTutCSVwa-vUmSLTJTpMm0rO2qAMwL0y5LyhiKPE0mdrWmKkeRJqT5VW5ALbncpkmBjIGwexnHMk0UZOb15Ouk-bt1igo0QHRJM0gTIbeKlnZ7IRUD5TT8fXPXOpBJYSgKUMGH6Z4PCjg1uIG-IbQyspNKGuc2VL0mJN6bz2erHZ1tt7cRWpsdhz202wvoXYzOJJcqoN2i-SagWYxWlGGlA9yvyJoFrHTYpRSGLOka-S4g3dZCsl1ATicdVOMn6AHtxvO6hb5x0AOGGqhNQFlQzHwBlIF6ktvA_GyPeW0wW-2sZCPLJjUY6pLTXZosObjc-ERQMKjTZOZIoNkqV7ISrG-HrtSSZi2_05ixhTRGri8MYfPRZZFsPhoV0CFTPwDngao3J5J0QBHlmAuCBtY6TTIQBpTdzmkZjHCHhdQ6GJD70HOoiS4UilXDfnNMiYtH_Kluc6G4jYHe43FYDkvTR3Zpiz2k8rXjFNRl6RZiYLT1ERhWXfq-O5W-HysDrfB7h6y0DTNwyIytMAJ8jGt7LFwVa-NdX5iUw6h_XxkjRYj7vYv71SIcamLrQ2SpUVTokioQJmIHRQEKTaC4t9Ev4lmltP2ilOjtOetbupRZpckGNS44OE8dqQVltuQ2jrgVcdDgzOZsAexyTuyxrKUyH7LOirdO7_Gq91urdTq7KG1ipQqsqPdUMFspvOKHE72zq39N6k-8w_5wTaL2-uA7ZiA_k5x4ZV5MlRWEZl6BD_pZs9LCdj0fjSOJ7Jl_NkqKPLgMey771uJlPh6tXj1rus7w7gQ3vmwMyBmckf9NtY_9HkH-mSoSS_udUUObwgXsu1dGVfDqj-tKB4YGRX4N4VnU8L65qPAd71xXbTKH5lJ79kn3A3COpUZ9cjA93Dh6VBSQrRayjmcAehElf1ba4HJH7LwLtnCfYqs5Hff3ZT3WQliXZvdsqGkrx-Ja9rV9pdfKeIjF6sVluEQhgMWcZkdH0HbOnI5o6U8Udad2dv6An7fpyx3_f1H3fnH4Yqq9uPeDuZldJ76n1f4CS_MTy9uDMBxlZmWdTJL7sk6I_VflCxrdYu-mbw_KfbIVKRa8HAgml0r2w4COOcqvdW5fcMFoCs_jbHzhwUyK_iBZ9B1AwVEAebkfjVGzh_7TRVgPhujRc-iYgXvEdWQwaV90a3fktM8xZ7kdPQ72XycufBs4pPhzbge9TsXQfBBlZYJodMLC-9Rk8tXgiWTv1tMwG-2OcO8FTeO_el4qFa6pal-CHi68Xp14J9ivAKfeCY5hhyPcsReFAyPcPlRWxh6AQ7ehYZ58Xgr-A70Pk241FQAA */
+/* vanilla-extract-css-ns:src/components/DataGrid/DataGrid.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1ZS4_bNhC-76_QpUgWqBa291kFvfSZAA0C7B5aoCgMWhxLjGmSIClbTtD_XpAUJcryS14lwLYF9rDiDocz3wy_Gc5e_YQ0-lUSPFXyA6Ob6fS-JKvyfhR9vogiwRXRhLMkQjPFaaHhzUUUrQnWeRKNRWm-ciBZrutPgTAmLEuikflaIpkRlkRx9Ve-AjmnfJ1EOcEYmFlLKRFJJCHVr0ffRtXPpT0oJxpiJVAKScT4WiJhlmdcYpD2hL8vrmoHUs40Igyk92G85YMEijRZQdsQVGjeaI0r51ZIvo7jcG06nSw2aLJeXwbSSm8obEnbNS-9CaVTTrn00vaj2uOlcSgtESaF8uLuK15iL8ut7JwzHc_RktCNl7RLM443XnI8akQV-QQtQbPwtKxFr63oDkM1lNpLGaEQ-RwQBvnI1x75yRbySpN0sTGaNRdVamCiBEWbJJpTsLnxKSYMQ5lEEwsCSheZ5AXDbTtUIecorfEdh4jNuNZ82TOE1aZ-kaw2nRTQLlI_AqUequsDSdqBCFGSsZhoWKokSoFpkGY5Q8IbYS9LXCpvQOZCT6GMVS4JW1ToV9c0tvEIt6o6F_LLUNB5fJoshbluSzZpS1qS0nHHIVGbpWsIBYOl94BJ0aTvw6H0fV9oqJXfWMlCmTADhVQbhmHgYlyaa2FZrI532TMpu1H_odCaMx_3Gxv3wSLsObH2IbBUS8SUQBKYDtAhLAdJtIe4tdAm8bSQyuwQnDh7jvqWzHlaqHhFFJlRsJ5aUHOEDeVWjtiv2Ip6Z1ZHCbDJObaFsuJSv0sbK27tuftZ74_61PGkV9qEh0owqt4ihg1TuIPvDtTOhv-q1B85h93lGgXl9c5VTA9-ymnsDnNqijSPUeoOcEE_alaSm6rnorEnkR3yT1pylnmXYctlV1qczvu97NWypqkMDwewcbTRAadzR14M24d-nwD-ERYJtf2JkUYVcQH-_pWWBbz6a1jtgIkmLBtCeRoUvO96Ed_-yjVokdnVl5q7Hzd_AEqJUEQdbEx3F44WFDmkixkvwx4A9YLkY6E0mW9i0--CIe5DaFW34-ZGlKdaCEuhN08a6Zo5ZkPZV9eVVimjPhaLs2lYEMYAh5ime1vQus8cn1DSHxFRzbGT4xf8uE1f7vp_xbO3yeGLHe3Uve30zXiY-B4-9jeY659xVl-EbiszEWU0im5EGcXmV5nNUPCKvRrf7tT7aBgpVDzvKI77anbNgAoxyoa6t2c8MCriuZ-cTjwk5azdSOZtBwijhEF8vh-VUZO79ujCf3ea6JP70FMa7hOeI51Ou9er3YJTj2OOYntyO9ieTvScDew6-Dmvg1D3nFDdmjuQ_-cOuztRh1TIDR8HasM6A4Rtajg0QNgnO2hvN_hz3oH5jolCezQXFk0_GB2NvunM5rae28MN4s5oYV7KsHObY79yzu0bb-3IuW1RXmjDxrue5ruyZzBGzCTBv0skRDMFpyc90SlHxrcPK5AU1c_75YHXOmEK9j7R-5fmmoWve7MwFyglepNEo6uH2zdnYydQRhgyjv7CuW4AZM_roix1AsMva-paXUvNRU-SMDv6EYXZ0bugmfdH6w7xMxk4WP13ka2QZIlk_U-gu_8m23bz5Hlc-w-meixmMB0AAA */
 .DataGrid_srOnly__7xivx70 {
   position: absolute;
   width: 1px;
@@ -1366,7 +1366,73 @@ input:disabled + .Switch_track__1yxysfy2 {
 .DataGrid_iconButton__7xivx7h:focus-visible {
   box-shadow: var(--shadow-focus__2kya2wv);
 }
-.DataGrid_editInput__7xivx7i {
+.DataGrid_filterRow__7xivx7i {
+  position: sticky;
+  top: 0;
+  display: flex;
+  z-index: 2;
+  background: var(--color-surface__2kya2w1);
+  border-bottom-width: var(--border-width__2kya2ww);
+  border-bottom-style: var(--border-style__2kya2wy);
+  border-bottom-color: var(--color-border__2kya2wd);
+}
+.DataGrid_filterCell__7xivx7j {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  padding-top: var(--space-xs__2kya2wg);
+  padding-bottom: var(--space-xs__2kya2wg);
+  padding-left: var(--space-md__2kya2wi);
+  padding-right: var(--space-md__2kya2wi);
+  box-sizing: border-box;
+  background: var(--color-surface__2kya2w1);
+}
+.DataGrid_filterInput__7xivx7k {
+  width: 100%;
+  font-family: inherit;
+  font-size: var(--font-sizeSm__2kya2w13);
+  color: var(--color-text__2kya2w3);
+  background: var(--color-surfaceRaised__2kya2w2);
+  border-width: var(--border-width__2kya2ww);
+  border-style: var(--border-style__2kya2wy);
+  border-color: var(--color-border__2kya2wd);
+  border-radius: var(--radius-sm__2kya2wn);
+  padding-top: var(--space-xs__2kya2wg);
+  padding-bottom: var(--space-xs__2kya2wg);
+  padding-left: var(--space-sm__2kya2wh);
+  padding-right: var(--space-sm__2kya2wh);
+  outline: none;
+}
+.DataGrid_filterInput__7xivx7k:focus-visible {
+  box-shadow: var(--shadow-focus__2kya2wv);
+}
+.DataGrid_gridWrapper__7xivx7l {
+  position: relative;
+}
+.DataGrid_loadingOverlay__7xivx7m {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 3;
+  background: var(--color-surface__2kya2w1);
+  opacity: 0.85;
+  box-shadow: var(--shadow-focus__2kya2wv);
+}
+.DataGrid_paginationFooter__7xivx7n {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding-top: var(--space-sm__2kya2wh);
+  padding-bottom: var(--space-sm__2kya2wh);
+  padding-left: var(--space-md__2kya2wi);
+  padding-right: var(--space-md__2kya2wi);
+  border-top-width: var(--border-width__2kya2ww);
+  border-top-style: var(--border-style__2kya2wy);
+  border-top-color: var(--color-border__2kya2wd);
+}
+.DataGrid_editInput__7xivx7o {
   width: 100%;
   font-family: inherit;
   font-size: inherit;
@@ -1382,7 +1448,330 @@ input:disabled + .Switch_track__1yxysfy2 {
   padding-right: var(--space-sm__2kya2wh);
   outline: none;
 }
-.DataGrid_editInput__7xivx7i:focus-visible {
+.DataGrid_editInput__7xivx7o:focus-visible {
+  box-shadow: var(--shadow-focus__2kya2wv);
+}
+
+/* vanilla-extract-css-ns:src/components/Calendar/Calendar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81XTU_cMBC98ytyAySM2OWjNKiXIvVULtBDpapazcaTxODYqT82m1b971Wc2tmEwGZbRHuKMnmeeZ43nnGOr4GjoKAWSkqzWMxsfXZa1CfRj70ookyXHOo4YoIzgSTluL7ai6LmSShTmBgmRRwlkttCNF8yKONoBeqAEF1CgkQXi8X8oYZ5lR82gBIoZSLrgwrqQcyBUikMSaFgvPZAZ1pKWnvk7KSDavYde8DGcBciz04dNJFcKg9zL8Tg2nhUC1pC8pApaQXtI7VVKSR4C0xjYDtvl0hFUZGKUZP7RZs2j6420drUHAdoZ_PoehM9Qr394tF0E62AMqs9vH3byLE8vNr7uXcchM8RnKff0s_60nvNgbNMEGaw0HGUoDCoGvO91YalNUmkMChMHLWKLtFUiFNKYpNJIYXJP8ISeWAzd2ycqBWyLDc9nVvTDVJmO7UvtxTGTcjE7GxAQMDqvTVGihD_9NmDMDUp3adelbT5WHPP58Exz3v7HMe8Xs0ZBUKXoFCYbSXWCSsenaWBm0lnMbFKN6hSMp--yapGkRPK53LWWKQ1jTGOhBTYGBwp1vQwUipZojJ1vMG6JXYULeWa6ByorAaLqFXQdsCWTCF75g-gw45myeFgsWEFExlJrUhGfCBoJrKwGrcXapzLFapYSHMQU6ZhyZEeuurd0tNCkAkxUplYTVZMsyXH1nlITqhY90Yc1PteTfDtSTu3XnshDQHOZYXUSVhCwhqVTo7P-x4zxWhwdjbew3aYW-tAPRtQrxAfbmUVYp2Px9rRI4X6GnnX9y7-rgs_23DmXTfhT3YcHorvfks__Rw2Npt30N269RP94Maabtq2x7oxE3eMUqmKOLJliSoBjf2cDvP55mXyOQgxqOHLfy3aI9C2OXFnlOzazPo1p0VqeSD77UXmRe_ayESOipld74iPR86fT40uMUfR_ztKRsr4xUfJWIyXGiVjvv9ulIx4_ELBAJHWaEbx3b5RFve_tt4ndq5JAYykUPfc7_IDMCkEE0SByPqb2EHWXa6Akwhp5JgYpJMIlYoVoMJP4MWWn6RR-NO4Txst5W3D_xfoMyz9Hg8AAA */
+.Calendar_root__1uy43my0 {
+  display: inline-flex;
+  flex-direction: column;
+  gap: var(--space-sm__2kya2wh);
+  padding: var(--space-md__2kya2wi);
+  font-family: var(--font-body__2kya2w10);
+  font-size: var(--font-sizeSm__2kya2w13);
+  color: var(--color-text__2kya2w3);
+  background: var(--color-surfaceRaised__2kya2w2);
+  border-width: var(--border-width__2kya2ww);
+  border-style: var(--border-style__2kya2wy);
+  border-color: var(--color-border__2kya2wd);
+  border-radius: var(--radius-md__2kya2wo);
+}
+.Calendar_header__1uy43my1 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-sm__2kya2wh);
+}
+.Calendar_monthLabel__1uy43my2 {
+  font-weight: var(--font-weightMedium__2kya2w18);
+  font-size: var(--font-sizeMd__2kya2w14);
+}
+.Calendar_navButton__1uy43my3 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--space-xl__2kya2wk);
+  height: var(--space-xl__2kya2wk);
+  border-width: var(--border-width__2kya2ww);
+  border-style: var(--border-style__2kya2wy);
+  border-color: transparent;
+  border-radius: var(--radius-sm__2kya2wn);
+  background: transparent;
+  color: var(--color-text__2kya2w3);
+  cursor: pointer;
+  font-size: var(--font-sizeMd__2kya2w14);
+  line-height: 1;
+  outline: none;
+  transition-property: background-color, box-shadow;
+  transition-duration: var(--motion-durationFast__2kya2w1c);
+  transition-timing-function: var(--motion-easing__2kya2w1e);
+}
+.Calendar_navButton__1uy43my3:hover:not(:disabled) {
+  background: var(--color-surface__2kya2w1);
+}
+.Calendar_navButton__1uy43my3:focus-visible {
   box-shadow: var(--shadow-focus__2kya2wv);
 }
+.Calendar_navButton__1uy43my3:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.Calendar_grid__1uy43my4 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-xs__2kya2wg);
+}
+.Calendar_weekRow__1uy43my5 {
+  display: flex;
+  gap: var(--space-xs__2kya2wg);
+}
+.Calendar_weekdayCell__1uy43my6 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--space-2xl__2kya2wl);
+  height: var(--space-lg__2kya2wj);
+  font-size: var(--font-sizeXs__2kya2w12);
+  font-weight: var(--font-weightMedium__2kya2w18);
+  color: var(--color-textMuted__2kya2w4);
+  text-transform: uppercase;
+}
+.Calendar_dayCell__1uy43my7 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.Calendar_dayButton__1uy43my8 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--space-2xl__2kya2wl);
+  height: var(--space-2xl__2kya2wl);
+  border-width: var(--border-widthStrong__2kya2wx);
+  border-style: var(--border-style__2kya2wy);
+  border-color: transparent;
+  border-radius: var(--radius-full__2kya2wq);
+  background: transparent;
+  color: var(--color-text__2kya2w3);
+  font-family: inherit;
+  font-size: var(--font-sizeSm__2kya2w13);
+  cursor: pointer;
+  outline: none;
+  transition-property:
+    background-color,
+    border-color,
+    color,
+    box-shadow;
+  transition-duration: var(--motion-durationFast__2kya2w1c);
+  transition-timing-function: var(--motion-easing__2kya2w1e);
+}
+.Calendar_dayButton__1uy43my8:hover:not(:disabled) {
+  background: var(--color-surface__2kya2w1);
+}
+.Calendar_dayButton__1uy43my8:focus-visible {
+  box-shadow: var(--shadow-focus__2kya2wv);
+}
+.Calendar_dayButton__1uy43my8:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.Calendar_dayButton__1uy43my8[data-outside=true] {
+  color: var(--color-textMuted__2kya2w4);
+}
+.Calendar_dayButton__1uy43my8[data-today=true] {
+  border-color: var(--color-border__2kya2wd);
+}
+.Calendar_dayButton__1uy43my8[data-in-range=true] {
+  background: var(--color-surface__2kya2w1);
+  border-radius: var(--radius-sm__2kya2wn);
+}
+.Calendar_dayButton__1uy43my8[data-selected=true] {
+  background: var(--color-primary__2kya2w6);
+  border-color: var(--color-primary__2kya2w6);
+  color: var(--color-primaryText__2kya2w9);
+}
+
+/* vanilla-extract-css-ns:src/components/DatePicker/DatePicker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA82W3W_TMBDA3_tX5AVtlfCU7gOkTLwghOBhCMETQqi6xJfW1PFZ9qUfQ_vfUZwlbbqsDQOhvcWXn-_Ld2efvQPGzypboJuuHFiLbjqVr8vNBOLo1yiKLHnFikwSOdTAaonXoyiSylsNmyRSRiuDIte4ruQrJXmeRJM4fnE9uhud7WiXwPjR2JIb_ZOgv9WUasoWD3REUU6GRQ6F0pskWoI7FSKIUpKb6fR8sYHz1SQet6hXt9gBK8GNbNHLgAav56hmc-7AlfxDEH8iV4But6VhW0aaXLMhLATjmhvqIkApZIuZo9LILulLl0OGrcoaJifRCQdSlb7h65UoWq9pl71PUI3uyhp6tUt73mjco4OsoTe7dE-A9Z-GloG2IKUyM8FkG9hbyFD4ogHnHTAlZiqGsRpz7pLbRKgO6XbPr0bX7ZEtAkolV2eaRIZMKF12YOqSFtaRRcdV8e1E_zJKaS38HCSt9jbI0kHdDLXJgjri9-DbUphk473NrIrK57w0WY8OBK_MrN2N4-P9kyRWQ4Zz0hJdaKZHyvOmZGwzeDlE85yW6BJDfJpI5SHVKMfBwrEy-cqOtmEMiiKnrPRiqbxKNR4xYp0qwLV9_-q-dJvjakshrETQ3LDLIb40wdbZLJ2vHDDEArSmFcpQURYyVRVNfHZ1XOV3cAqEMkvQSr45YVfiyY8jUUows23HZQMc77XyR5l9aPPpiVUZmbclM5nGwfO9uwRST7rkuiGrGXJVD_u-hm4NzbYdlZMrkvpTA-O3U3EVvxgfuplAq5kRirHwSZShYXSV-GfpWeUbkZFhNLz7qzNm-4dL9wLpZ_7f0A7psODQ8LGbZTt6zYMra0_N0Jmy7RdLqsnhwOnbWm8m8HMexD3VfWBeHn4LfAHlt2k8H_rGOO5QX-v_s2b-6zFpyVYJaxRePDVVh0pct2don9nj6dGT2Lpc9r9dboUyEtdJNJnE8fXo7jdIcTnhvgsAAA */
+.DatePicker_wrapper__d7uy1a0 {
+  position: relative;
+  display: inline-flex;
+  width: 100%;
+}
+.DatePicker_dateInput__d7uy1a1 {
+  display: block;
+  width: 100%;
+  font-family: var(--font-body__2kya2w10);
+  font-size: var(--font-sizeMd__2kya2w14);
+  line-height: var(--font-lineHeightNormal__2kya2w1b);
+  color: var(--color-text__2kya2w3);
+  background: var(--color-surface__2kya2w1);
+  border-radius: var(--radius-md__2kya2wo);
+  border-width: var(--border-width__2kya2ww);
+  border-style: var(--border-style__2kya2wy);
+  border-color: var(--color-border__2kya2wd);
+  padding-top: var(--space-sm__2kya2wh);
+  padding-bottom: var(--space-sm__2kya2wh);
+  padding-left: var(--space-md__2kya2wi);
+  padding-right: var(--space-xl__2kya2wk);
+  outline: none;
+  transition-property: border-color, box-shadow;
+  transition-duration: var(--motion-durationFast__2kya2w1c);
+  transition-timing-function: var(--motion-easing__2kya2w1e);
+}
+.DatePicker_dateInput__d7uy1a1::placeholder {
+  color: var(--color-textMuted__2kya2w4);
+}
+.DatePicker_dateInput__d7uy1a1:hover:not(:disabled) {
+  border-color: var(--color-borderStrong__2kya2we);
+}
+.DatePicker_dateInput__d7uy1a1:focus-visible {
+  border-color: var(--color-primary__2kya2w6);
+  box-shadow: var(--shadow-focus__2kya2wv);
+}
+.DatePicker_dateInput__d7uy1a1:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.DatePicker_dateInput__d7uy1a1[aria-invalid=true] {
+  border-color: var(--color-danger__2kya2wc);
+}
+.DatePicker_dateInput__d7uy1a1[aria-invalid=true]:focus-visible {
+  border-color: var(--color-danger__2kya2wc);
+  box-shadow: var(--shadow-focus__2kya2wv);
+}
+.DatePicker_iconButton__d7uy1a2 {
+  position: absolute;
+  top: 50%;
+  right: var(--space-xs__2kya2wg);
+  transform: translateY(-50%);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--space-xl__2kya2wk);
+  height: var(--space-xl__2kya2wk);
+  border-width: var(--border-width__2kya2ww);
+  border-style: var(--border-style__2kya2wy);
+  border-color: transparent;
+  border-radius: var(--radius-sm__2kya2wn);
+  background: transparent;
+  color: var(--color-textMuted__2kya2w4);
+  cursor: pointer;
+  outline: none;
+  transition-property:
+    background-color,
+    color,
+    box-shadow;
+  transition-duration: var(--motion-durationFast__2kya2w1c);
+  transition-timing-function: var(--motion-easing__2kya2w1e);
+}
+.DatePicker_iconButton__d7uy1a2:hover:not(:disabled) {
+  background: var(--color-surfaceRaised__2kya2w2);
+  color: var(--color-text__2kya2w3);
+}
+.DatePicker_iconButton__d7uy1a2:focus-visible {
+  box-shadow: var(--shadow-focus__2kya2wv);
+}
+.DatePicker_iconButton__d7uy1a2:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.DatePicker_popover__d7uy1a3 {
+  background: var(--color-surfaceRaised__2kya2w2);
+  border-radius: var(--radius-lg__2kya2wp);
+  border-width: var(--border-width__2kya2ww);
+  border-style: var(--border-style__2kya2wy);
+  border-color: var(--color-border__2kya2wd);
+  box-shadow: var(--shadow-lg__2kya2wu);
+  outline: none;
+  z-index: 1100;
+}
+
+/* vanilla-extract-css-ns:src/components/DateRangePicker/DateRangePicker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81WTW_bMAy951f4MrQBpiJO0x1c7DIMw3boMLTHYQgYi4m1yJIg0fno0P8-WI6UOHUTbwOGHk0_kU_kk56uPgLhPagFfhP5Eu10bcEYtNNpmtL4xk5Gya9BkhjtBAmtssSiBBIrvB0kCRfOSNhmiVBSKGRziZs6DlIsFBOEpcuSHBWhrcNrwanIknQ0elN_LsBkyQrsJWPOQI5s46bT8XIL4_ViWANmkC8XVleKB1yupbbMVXYOOQZw2oC15WiZBS4qF_DNFyt5wOpD7I5PAz2MBfT6EO1oK_EI7WMBvT1Ee6Zt2s2fgOYebYBzoRZM4pzazdhzFi2kFYuCTvdNV1SPI0uUVn5OZEE182PGaoOWtlmL6NtkpjfMFcD1-mgBryw0k29KlroV_gSO4iDy4dFiEmXNeV6pvCMHghNqEVfj8HbwNLg6K8is0Cu0Xpbnmv1AVu8r9C4w13nl2FpQIdSZOsaKEuw2lHi300BoZhyU_2I-ccCuetL5zoGAceFgJpG_vyBb4cUPzyuvrKsZKU0MpNRr5F4ABnJRz3h0ddNZgwPhF2UqilVSn68-wFmS1jlKocIBGe11vdfU4eH0EzdgUVH9a64VsTmUQm7D_n1opnlsVDoaRqgTj9gC1oG7qP904qH-hinwUP4eXMc_-_BXbUuQcdnML-uYGeEmava6dbhIH11JrgzAogWcaSJdnsYeHcN-Y8gyIyHHQku-0_gLG7irCGOLJt1S6sofdPSyfjoSOTRggfReleOoF-YKK9RyJ5O-bE-N_iE2Mr3u3pjItfpQEWkVCV17Qn_oSD8rR2K-ZblWhIoOfz3fWssudjdvVNvS76ktz27M_zOfo2N5yiH32lXPrPcoTf8JB3UZLUJXe1pTrB7s6dW7VJciG6PKlKbLeOyGjZ-cftncg3D7Zo773mN9aTX2thJOzCTu_O0fDKuzxvlrpodNGW3qDsa0k79t3inpyzhb88oehy9OZU-56n7wPTKhuLfydDS6HTz9BvtQj6bmCwAA */
+.DateRangePicker_wrapper__11t25r40 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
+  gap: var(--space-xs__2kya2wg);
+  background: var(--color-surface__2kya2w1);
+  border-radius: var(--radius-md__2kya2wo);
+  border-width: var(--border-width__2kya2ww);
+  border-style: var(--border-style__2kya2wy);
+  border-color: var(--color-border__2kya2wd);
+  padding-left: var(--space-md__2kya2wi);
+  padding-right: var(--space-xs__2kya2wg);
+  outline: none;
+  transition-property: border-color, box-shadow;
+  transition-duration: var(--motion-durationFast__2kya2w1c);
+  transition-timing-function: var(--motion-easing__2kya2w1e);
+}
+.DateRangePicker_wrapper__11t25r40:hover {
+  border-color: var(--color-borderStrong__2kya2we);
+}
+.DateRangePicker_wrapper__11t25r40:focus-within {
+  border-color: var(--color-primary__2kya2w6);
+  box-shadow: var(--shadow-focus__2kya2wv);
+}
+.DateRangePicker_wrapper__11t25r40[data-disabled=true] {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.DateRangePicker_dateInput__11t25r41 {
+  flex: 1;
+  min-width: 0;
+  border: none;
+  background: transparent;
+  font-family: var(--font-body__2kya2w10);
+  font-size: var(--font-sizeMd__2kya2w14);
+  line-height: var(--font-lineHeightNormal__2kya2w1b);
+  color: var(--color-text__2kya2w3);
+  padding-top: var(--space-sm__2kya2wh);
+  padding-bottom: var(--space-sm__2kya2wh);
+  outline: none;
+}
+.DateRangePicker_dateInput__11t25r41::placeholder {
+  color: var(--color-textMuted__2kya2w4);
+}
+.DateRangePicker_dateInput__11t25r41:disabled {
+  cursor: not-allowed;
+}
+.DateRangePicker_separator__11t25r42 {
+  flex-shrink: 0;
+  color: var(--color-textMuted__2kya2w4);
+  font-size: var(--font-sizeSm__2kya2w13);
+}
+.DateRangePicker_iconButton__11t25r43 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: var(--space-xl__2kya2wk);
+  height: var(--space-xl__2kya2wk);
+  border-width: var(--border-width__2kya2ww);
+  border-style: var(--border-style__2kya2wy);
+  border-color: transparent;
+  border-radius: var(--radius-sm__2kya2wn);
+  background: transparent;
+  color: var(--color-textMuted__2kya2w4);
+  cursor: pointer;
+  outline: none;
+  transition-property:
+    background-color,
+    color,
+    box-shadow;
+  transition-duration: var(--motion-durationFast__2kya2w1c);
+  transition-timing-function: var(--motion-easing__2kya2w1e);
+}
+.DateRangePicker_iconButton__11t25r43:hover:not(:disabled) {
+  background: var(--color-surfaceRaised__2kya2w2);
+  color: var(--color-text__2kya2w3);
+}
+.DateRangePicker_iconButton__11t25r43:focus-visible {
+  box-shadow: var(--shadow-focus__2kya2wv);
+}
+.DateRangePicker_iconButton__11t25r43:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.DateRangePicker_popover__11t25r44 {
+  background: var(--color-surfaceRaised__2kya2w2);
+  border-radius: var(--radius-lg__2kya2wp);
+  border-width: var(--border-width__2kya2ww);
+  border-style: var(--border-style__2kya2wy);
+  border-color: var(--color-border__2kya2wd);
+  box-shadow: var(--shadow-lg__2kya2wu);
+  outline: none;
+  z-index: 1100;
+}
 /*# sourceMappingURL=index.css.map */