@nimbus-ds/styles 4.7.0-rc.1 → 4.7.0

package/dist/packages/{select → stack}/index.css

@@ -1,5 +1,5 @@
 /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/themes/base.css.ts.vanilla.css","source":"#H4sIAAAAAAAAE4WWTW/jNhCG7/0VAnrYLmAFIvXp9LZbLHJoF0X30EuBBSVRsmJ9hZI/skX/e4e0RUokJcdxgHielxy+M+bomXXd6Pz7k+O4btbVHRvcnlUNYe/ucGIFyej372X0dsVH79n5Oae0KOivG/RLVR5qeI+TDIEsJmlWxFZZ1Y6UkWysznIjDArPi9IseaR46c6UTTJfyAK69x/J/mR0GGg+CQMh9GkcWIUjvY6/d5eJDgWNs9C+Dae5BxMeCdyjaL/Ah1OWQRK6x7HwuKAF3qINjxPhcRFnsVVm8Xgv0sqSOH2kWHhMhGzvhw9lmsepEMZBYM9Q8zgTdOj7/io99zgXONojb4FfCGurttQ9pkBzh3O6RRseF1wGDsfEKrN4XIKCO+zZ01rz+AAy7vBjmeZxxbsAHF4Rah6/As0d3qDnHh8B5w5reE7akjLd4lpYnFPN4iVsONwIh2MSZzaVxeBWGAwp+Q8EC3874S+o8AOVZm8v7F3Tae6+CXcBRmvw3FwmzPV0c1t6Ghmp3ZRkx5J1p1bmMnCrxI9VoJVj5DTiry36t2ogaa3OewIVjWlC91sqo4pnXpQiRzm2yixlvIAijVOYEY8UizpeQUY84pPokUwr5DsIE5Lke7vbvDi6Fz94OWmEIn9VMis+4qPSD/zQj1fxefkRn5Ee4a8bX3Tt+IU0Vf3uZrQFTXtKpV0I5uNn8elX+HTnuKTva+oO78NIm53zqa7a4x8k+yb+/wIr7Zy/urQbu53z4YXWZzpWGXG+0hP9sHMIq0i9cwbSwvVKWVWoBL5VP6ibdjnkQPqx6lqZAExa7ykOGW1sdEoGlWvA0WSVPRhPCzBekQmP1QhHPCCJwVjFqxiWGMxT9GTZ/A76Ekw4iNfJQJJ7TqINNJQo2TpLJLHU5tHflNviMlqeaiJ7HsFkDKZbYoY1NK9OjaRgIIYWKu1q2dEIxqCcFNAyVDKWghd6hrpgUfNSd0inzaofNPtnCqP0MObwkz0Xo/6v8zYxQVX/I09gc1HVAfWyqUxUdUDz8FyqDVrdtuFA8u4CxWCqajC8vP7qYHgjeLMyJb94O+f++4Q+7kR8YvQ4Dj8u1u67fn6lov55W35f3ufbe9b9F8s3XU5qufjbPXf5R1d7yX19vLK/F0zr9yTjTymqK9izOJ4y706oXhg4YQKqruP86zqFVX1Oy7JPQCKB87zZZIaejF9445oLIJUijDTfjKsMYXL5thVUkjCoAjMuc8QwmQLLClhmiWEWmXHvn51saoy5kYtGhWttULXAvl4LEZfHxIFWCRGW30UcauPlFpcu4GhRJxFUycXaN+4WlwbhRKuiCMcyvNfugVtc+UcWNRbBvQymvMCmL8rbTOuAW1wZl2tX2x1QztFFg9yiyphCa49bXJ29XDTHLaqOdtBa41Y0lXy1aAwRXbTF60pbzJkjZ3zjhHjO1JyJjHX8OdPoA+neI3PGuE+bjg816GlK88XEwnCrwrN6M1i4ggxyTGG4HlFo54ZaPf9huOmCDU5duBiurUjtnDJKjn0Hj67udZDMIO5Ng2jkVMBwc0UxtjB1KRl+fXk44NB//wNw8mC/9REAAA=="}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
+  !*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/themes/base.css.ts.vanilla.css","source":"#H4sIAAAAAAAAA4WWTW/jNhCG7/0VAnrYLmAFIvXp9LZbLHJoF0X30EuBBSVRsmJ9hZI/skX/e4e0RUokJcdxgHielxy+M+bomXXd6Pz7k+O4btbVHRvcnlUNYe/ucGIFyej372X0dsVH79n5Oae0KOivG/RLVR5qeI+TDIEsJmlWxFZZ1Y6UkWysznIjDArPi9IseaR46c6UTTJfyAK69x/J/mR0GGg+CQMh9GkcWIUjvY6/d5eJDgWNs9C+Dae5BxMeCdyjaL/Ah1OWQRK6x7HwuKAF3qINjxPhcRFnsVVm8Xgv0sqSOH2kWHhMhGzvhw9lmsepEMZBYM9Q8zgTdOj7/io99zgXONojb4FfCGurttQ9pkBzh3O6RRseF1wGDsfEKrN4XIKCO+zZ01rz+AAy7vBjmeZxxbsAHF4Rah6/As0d3qDnHh8B5w5reE7akjLd4lpYnFPN4iVsONwIh2MSZzaVxeBWGAwp+Q8EC3874S+o8AOVZm8v7F3Tae6+CXcBRmvw3FwmzPV0c1t6Ghmp3ZRkx5J1p1bmMnCrxI9VoJVj5DTiry36t2ogaa3OewIVjWlC91sqo4pnXpQiRzm2yixlvIAijVOYEY8UizpeQUY84pPokUwr5DsIE5Lke7vbvDi6Fz94OWmEIn9VMis+4qPSD/zQj1fxefkRn5Ee4a8bX3Tt+IU0Vf3uZrQFTXtKpV0I5uNn8elX+HTnuKTva+oO78NIm53zqa7a4x8k+yb+/wIr7Zy/urQbu53z4YXWZzpWGXG+0hP9sHMIq0i9cwbSwvVKWVWoBL5VP6ibdjnkQPqx6lqZAExa7ykOGW1sdEoGlWvA0WSVPRhPCzBekQmP1QhHPCCJwVjFqxiWGMxT9GTZ/A76Ekw4iNfJQJJ7TqINNJQo2TpLJLHU5tHflNviMlqeaiJ7HsFkDKZbYoY1NK9OjaRgIIYWKu1q2dEIxqCcFNAyVDKWghd6hrpgUfNSd0inzaofNPtnCqP0MObwkz0Xo/6v8zYxQVX/I09gc1HVAfWyqUxUdUDz8FyqDVrdtuFA8u4CxWCqajC8vP7qYHgjeLMyJb94O+f++4Q+7kR8YvQ4Dj8u1u67fn6lov55W35f3ufbe9b9F8s3XU5qufjbPXf5R1d7yX19vLK/F0zr9yTjTymqK9izOJ4y706oXhg4YQKqruP86zqFVX1Oy7JPQCKB87zZZIaejF9445oLIJUijDTfjKsMYXL5thVUkjCoAjMuc8QwmQLLClhmiWEWmXHvn51saoy5kYtGhWttULXAvl4LEZfHxIFWCRGW30UcauPlFpcu4GhRJxFUycXaN+4WlwbhRKuiCMcyvNfugVtc+UcWNRbBvQymvMCmL8rbTOuAW1wZl2tX2x1QztFFg9yiyphCa49bXJ29XDTHLaqOdtBa41Y0lXy1aAwRXbTF60pbzJkjZ3zjhHjO1JyJjHX8OdPoA+neI3PGuE+bjg816GlK88XEwnCrwrN6M1i4ggxyTGG4HlFo54ZaPf9huOmCDU5duBiurUjtnDJKjn0Hj67udZDMIO5Ng2jkVMBwc0UxtjB1KRl+fXk44NB//wNw8mC/9REAAA=="}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
   \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
 :root {
   --colors-primary-surface__g6qx2k0: #deeffe;
@@ -106,51 +106,293 @@
   --breakpoint-md__g6qx2k2t: 672px;
   --breakpoint-lg__g6qx2k2u: 1024px;
 }
-/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/packages/select/select.style.css.ts.vanilla.css","source":"#H4sIAAAAAAAAE51UTWvcMBC9768QgUL2oGVt2lJcciul9x5CSMMiW2NbRNao+tiPlP73SvLam6TGMbnJw7w3T2+evLEgoXK/NtadJOx2Wd5uAc2W/FkRotEKJ1AVxIBkTuzh6+rvajMNyV5BWGlRehcghDjUBfm0/RDPRjStK8iemWtKrWaVUA3Nd7vm8+9j/pjZdQIYpmyNpiv6Y5gOd9c0UKxnJORJQo3K0Zp1Qp6GMbH0PVVoBSoy+hLGkXkamWBWPMFz0M/wTUvkJ1oye0F8TAgpFNAWnt8nlm5TZQLV9FeDo6NMiiZ4JKF2sVai4WAKkukjCa4JfqarUKKxVIEPmiUVyoFhVVzEQHpYX/DUMC68Hb0N2u3F2bwXrRnn0fESncNuWW+Uuazz5XJT65exlb1oTZmY4zwI7trgybbPTcmqx8agV7y3pZj26NI20PWJmsPElfwIysdNZQnCtAYWslKFSChUMAZzSLiUZ74OYyWkGYCH6Fk3XkWvCYQMzIW2KLRkFbQoww5Tgt/S+k1YVkoYb/g0+ygKfm5P3AtttN7UQdTrSX6Rl1P6AsobG2EKY/4lHoDPyq6x8rbX3Md7aqw2omPmNPU08vlfBeq4s0V+/5eNN2nv90x6uLm6ergf3H94/2r/Ac4SNkylBQAA"}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
-  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
-.select\.style__12h0eor0 {
-  position: relative;
+/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!./node_modules/@vanilla-extract/webpack-plugin/virtualFileLoader/dist/vanilla-extract-webpack-plugin-virtualFileLoader.cjs.js?{"fileName":"src/packages/stack/stack.sprinkle.css.ts.vanilla.css","source":"#H4sIAAAAAAAAA7WWzW6bQBhF930KlsmCyOCfJO4mVSpV3VaVuqkUYRjbY8OAB/yXKu9eMBDdwcMAZthkYd/v3MH5xj4vAfGoY8QuJ4QZDvOMu4Ay80i9ZD03RtHp3vj3xTAe4sRxt38f4ohTtvXJ2yVgnuK3N+swm+2i2fiSM4xi8uDwO9O8So3uv6apDxlxTehqnWD4uUDm75TM69ysHrr0yQmjywKZvV4Cqxm3Hrfi1PtNgsh3EvKNEyfGOb9gZyEzKVKmk8XKKuU8bdf7Gvr7gAmTXNrs5kFZt4QRtmv/FR6FsZO0mqcpWW91eq8odSJMWuV+pa9/kisRxXJlh/hRiT/j0RErySpWzKNx+mxnc+GH7lYYcouCIjE3LpFGUHUfrWWVkyUaMZT5lJFrGq3SINgIvXxWSPOrtCzR9mxXtLDmbEpodvDvlBM3oSHLVk9AcrjxplfG5kaa60Dk5EB4TATyvp5c5ls25DdVgJ9q4Hm0G1dyeHuk5Lc6/x+eXhIWHrl4V+wxorN350aeaqZdsWbXrA4k2YM/y4mNT7zZxwldnl9DlhCW5NcqzXDhl8gur3yRTv8Dl3h+ZfN8pwbChAtiL5X8NN2W7qZ/CBfYtI6dZ9uS48hxibkgyTE1CqHArysQRrr1ODzcVz6jUF2TT3RrSXeD+Wehhatb8onaFsenK/Yz/b2M06XgJHEFS7LLr5ZLzKRZLgXnwTbMmu08ybAtNrNKrmzleFTLVW0kUK+3cTyWMRs2EYgLJyaXnw5kzmTMMplTP768KI149mg3OHHgfRZO6p0YUlajE0PYUTkx5B4bnBiiqzonhozXxYlhLrjFiWF+082JYTK+1YmBEXVwYhg7d3dimD6onRgXZyJ3Yowolqv0XIw7DU6MWcWKiU6MQ14PJ0bOqrcTI23T24mRFvR2YqRFepwYkbFWJ0byQbcTI/w8gBMD37b0OjGiJz2dGFmPWpwYiY52J0a6N4ATI3+l2YmRvRnCibEgGM6JsSYazImxJdbtxAg/6HNixJ41OjFwx5YmJ0bmRJMTI/OxvxNbI3vSIMX+6rNxWi/FkLIbpRjCC5UUQ+6pQYohuq6TYsiQLlIMc+wWKYb5bTcphsnkVikGxq6DFMPYe3cphumjWoohaU3lUowRxXKVoovxRYMUY1axYqIU4xDpIcXIWfeWYqRte0sx0lhvKUbaTo8UIzLRKsVIPuqWYoS/DyDF+D1s65ViRE97SjGynrRIMRIX2qUY6WQAKUb+WrMUI3s7hBRjARtOirFmN5gUY0uiW4oRftQnxYh91yjFwB3bmqQYmVNNUozMpxZS/B8E4JOIOiEAAA=="}!./node_modules/@vanilla-extract/webpack-plugin/extracted.js ***!
+  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+@media screen and (min-width: 0px) {
+  .stack\.sprinkle_width-xs__1v66qp63 {
+    width: var(--width-xs__1v66qp60);
+  }
+  .stack\.sprinkle_height-xs__1v66qp69 {
+    height: var(--height-xs__1v66qp66);
+  }
+  .stack\.sprinkle_flex-xs__1v66qp6f {
+    flex: var(--flex-xs__1v66qp6c);
+  }
+  .stack\.sprinkle_gridTemplateAreas-xs__1v66qp6l {
+    grid-template-areas: var(--gridTemplateAreas-xs__1v66qp6i);
+  }
+  .stack\.sprinkle_gridTemplateColumns-xs__1v66qp6r {
+    grid-template-columns: var(--gridTemplateColumns-xs__1v66qp6o);
+  }
+  .stack\.sprinkle_gridTemplateRows-xs__1v66qp6x {
+    grid-template-rows: var(--gridTemplateRows-xs__1v66qp6u);
+  }
+  .stack\.sprinkle_gap-xs__1v66qp613 {
+    gap: var(--gap-xs__1v66qp610);
+  }
+  .stack\.sprinkle_gridGap-xs__1v66qp619 {
+    grid-gap: var(--gridGap-xs__1v66qp616);
+  }
+  .stack\.sprinkle_display-block-xs__1v66qp61c {
+    display: block;
+  }
+  .stack\.sprinkle_display-flex-xs__1v66qp61f {
+    display: flex;
+  }
+  .stack\.sprinkle_display-inline-flex-xs__1v66qp61i {
+    display: inline-flex;
+  }
+  .stack\.sprinkle_display-grid-xs__1v66qp61l {
+    display: grid;
+  }
+  .stack\.sprinkle_display-inline-grid-xs__1v66qp61o {
+    display: inline-grid;
+  }
+  .stack\.sprinkle_flexDirection-row-xs__1v66qp61r {
+    flex-direction: row;
+  }
+  .stack\.sprinkle_flexDirection-row-reverse-xs__1v66qp61u {
+    flex-direction: row-reverse;
+  }
+  .stack\.sprinkle_flexDirection-column-xs__1v66qp61x {
+    flex-direction: column;
+  }
+  .stack\.sprinkle_flexDirection-column-reverse-xs__1v66qp620 {
+    flex-direction: column-reverse;
+  }
+  .stack\.sprinkle_flexWrap-nowrap-xs__1v66qp623 {
+    flex-wrap: nowrap;
+  }
+  .stack\.sprinkle_flexWrap-wrap-xs__1v66qp626 {
+    flex-wrap: wrap;
+  }
+  .stack\.sprinkle_flexWrap-wrap-reverse-xs__1v66qp629 {
+    flex-wrap: wrap-reverse;
+  }
+  .stack\.sprinkle_justifyContent-flex-start-xs__1v66qp62c {
+    justify-content: flex-start;
+  }
+  .stack\.sprinkle_justifyContent-flex-end-xs__1v66qp62f {
+    justify-content: flex-end;
+  }
+  .stack\.sprinkle_justifyContent-center-xs__1v66qp62i {
+    justify-content: center;
+  }
+  .stack\.sprinkle_justifyContent-space-between-xs__1v66qp62l {
+    justify-content: space-between;
+  }
+  .stack\.sprinkle_justifyContent-space-around-xs__1v66qp62o {
+    justify-content: space-around;
+  }
+  .stack\.sprinkle_justifyContent-space-evenly-xs__1v66qp62r {
+    justify-content: space-evenly;
+  }
+  .stack\.sprinkle_alignItems-stretch-xs__1v66qp62u {
+    align-items: stretch;
+  }
+  .stack\.sprinkle_alignItems-flex-start-xs__1v66qp62x {
+    align-items: flex-start;
+  }
+  .stack\.sprinkle_alignItems-flex-end-xs__1v66qp630 {
+    align-items: flex-end;
+  }
+  .stack\.sprinkle_alignItems-center-xs__1v66qp633 {
+    align-items: center;
+  }
+  .stack\.sprinkle_alignItems-baseline-xs__1v66qp636 {
+    align-items: baseline;
+  }
 }
-.select\.style__12h0eor1 {
-  position: absolute;
-  top: 50%;
-  right: var(--spacing-2__g6qx2k1s);
-  transform: translateY(-50%);
+@media screen and (min-width: 672px) {
+  .stack\.sprinkle_width-md__1v66qp64 {
+    width: var(--width-md__1v66qp61);
+  }
+  .stack\.sprinkle_height-md__1v66qp6a {
+    height: var(--height-md__1v66qp67);
+  }
+  .stack\.sprinkle_flex-md__1v66qp6g {
+    flex: var(--flex-md__1v66qp6d);
+  }
+  .stack\.sprinkle_gridTemplateAreas-md__1v66qp6m {
+    grid-template-areas: var(--gridTemplateAreas-md__1v66qp6j);
+  }
+  .stack\.sprinkle_gridTemplateColumns-md__1v66qp6s {
+    grid-template-columns: var(--gridTemplateColumns-md__1v66qp6p);
+  }
+  .stack\.sprinkle_gridTemplateRows-md__1v66qp6y {
+    grid-template-rows: var(--gridTemplateRows-md__1v66qp6v);
+  }
+  .stack\.sprinkle_gap-md__1v66qp614 {
+    gap: var(--gap-md__1v66qp611);
+  }
+  .stack\.sprinkle_gridGap-md__1v66qp61a {
+    grid-gap: var(--gridGap-md__1v66qp617);
+  }
+  .stack\.sprinkle_display-block-md__1v66qp61d {
+    display: block;
+  }
+  .stack\.sprinkle_display-flex-md__1v66qp61g {
+    display: flex;
+  }
+  .stack\.sprinkle_display-inline-flex-md__1v66qp61j {
+    display: inline-flex;
+  }
+  .stack\.sprinkle_display-grid-md__1v66qp61m {
+    display: grid;
+  }
+  .stack\.sprinkle_display-inline-grid-md__1v66qp61p {
+    display: inline-grid;
+  }
+  .stack\.sprinkle_flexDirection-row-md__1v66qp61s {
+    flex-direction: row;
+  }
+  .stack\.sprinkle_flexDirection-row-reverse-md__1v66qp61v {
+    flex-direction: row-reverse;
+  }
+  .stack\.sprinkle_flexDirection-column-md__1v66qp61y {
+    flex-direction: column;
+  }
+  .stack\.sprinkle_flexDirection-column-reverse-md__1v66qp621 {
+    flex-direction: column-reverse;
+  }
+  .stack\.sprinkle_flexWrap-nowrap-md__1v66qp624 {
+    flex-wrap: nowrap;
+  }
+  .stack\.sprinkle_flexWrap-wrap-md__1v66qp627 {
+    flex-wrap: wrap;
+  }
+  .stack\.sprinkle_flexWrap-wrap-reverse-md__1v66qp62a {
+    flex-wrap: wrap-reverse;
+  }
+  .stack\.sprinkle_justifyContent-flex-start-md__1v66qp62d {
+    justify-content: flex-start;
+  }
+  .stack\.sprinkle_justifyContent-flex-end-md__1v66qp62g {
+    justify-content: flex-end;
+  }
+  .stack\.sprinkle_justifyContent-center-md__1v66qp62j {
+    justify-content: center;
+  }
+  .stack\.sprinkle_justifyContent-space-between-md__1v66qp62m {
+    justify-content: space-between;
+  }
+  .stack\.sprinkle_justifyContent-space-around-md__1v66qp62p {
+    justify-content: space-around;
+  }
+  .stack\.sprinkle_justifyContent-space-evenly-md__1v66qp62s {
+    justify-content: space-evenly;
+  }
+  .stack\.sprinkle_alignItems-stretch-md__1v66qp62v {
+    align-items: stretch;
+  }
+  .stack\.sprinkle_alignItems-flex-start-md__1v66qp62y {
+    align-items: flex-start;
+  }
+  .stack\.sprinkle_alignItems-flex-end-md__1v66qp631 {
+    align-items: flex-end;
+  }
+  .stack\.sprinkle_alignItems-center-md__1v66qp634 {
+    align-items: center;
+  }
+  .stack\.sprinkle_alignItems-baseline-md__1v66qp637 {
+    align-items: baseline;
+  }
 }
-.select\.style__12h0eor2 {
-  font-family: var(--fontFamily-centranube__g6qx2k12);
-  font-size: var(--fontSize-body-base__g6qx2k14);
-  line-height: var(--lineWeight-body-base__g6qx2k1g);
-  text-align: left;
-  border: 1px solid var(--colors-neutral-interactive__g6qx2kw);
-  border-radius: var(--sizes-2__g6qx2k24);
-  padding-bottom: var(--sizes-2__g6qx2k24);
-  padding-left: var(--sizes-2__g6qx2k24);
-  padding-right: var(--sizes-8__g6qx2k2a);
-  padding-top: var(--sizes-2__g6qx2k24);
-  width: 100%;
-  background-color: var(--colors-neutral-background__g6qx2ks);
-  color: var(--colors-neutral-textHigh__g6qx2k11);
-  appearance: none;
-  transition: all var(--motion-speed-fast__g6qx2k2p) ease;
-}
-.select\.style__12h0eor2::placeholder {
-  color: var(--colors-neutral-textDisabled__g6qx2kz);
-}
-.select\.style__12h0eor2:disabled {
-  background-color: var(--colors-neutral-surfaceDisabled__g6qx2ku);
-  color: var(--colors-neutral-textDisabled__g6qx2kz);
-  cursor: not-allowed;
-}
-.select\.style__12h0eor2:focus {
-  border-color: var(--colors-primary-interactive__g6qx2k2);
-}
-.select\.style__12h0eor2 option {
-  color: var(--colors-neutral-textHigh__g6qx2k11);
-}
-.select\.style__12h0eor2 option[value=""][disabled] {
-  color: var(--colors-neutral-textDisabled__g6qx2kz);
+@media screen and (min-width: 1024px) {
+  .stack\.sprinkle_width-lg__1v66qp65 {
+    width: var(--width-lg__1v66qp62);
+  }
+  .stack\.sprinkle_height-lg__1v66qp6b {
+    height: var(--height-lg__1v66qp68);
+  }
+  .stack\.sprinkle_flex-lg__1v66qp6h {
+    flex: var(--flex-lg__1v66qp6e);
+  }
+  .stack\.sprinkle_gridTemplateAreas-lg__1v66qp6n {
+    grid-template-areas: var(--gridTemplateAreas-lg__1v66qp6k);
+  }
+  .stack\.sprinkle_gridTemplateColumns-lg__1v66qp6t {
+    grid-template-columns: var(--gridTemplateColumns-lg__1v66qp6q);
+  }
+  .stack\.sprinkle_gridTemplateRows-lg__1v66qp6z {
+    grid-template-rows: var(--gridTemplateRows-lg__1v66qp6w);
+  }
+  .stack\.sprinkle_gap-lg__1v66qp615 {
+    gap: var(--gap-lg__1v66qp612);
+  }
+  .stack\.sprinkle_gridGap-lg__1v66qp61b {
+    grid-gap: var(--gridGap-lg__1v66qp618);
+  }
+  .stack\.sprinkle_display-block-lg__1v66qp61e {
+    display: block;
+  }
+  .stack\.sprinkle_display-flex-lg__1v66qp61h {
+    display: flex;
+  }
+  .stack\.sprinkle_display-inline-flex-lg__1v66qp61k {
+    display: inline-flex;
+  }
+  .stack\.sprinkle_display-grid-lg__1v66qp61n {
+    display: grid;
+  }
+  .stack\.sprinkle_display-inline-grid-lg__1v66qp61q {
+    display: inline-grid;
+  }
+  .stack\.sprinkle_flexDirection-row-lg__1v66qp61t {
+    flex-direction: row;
+  }
+  .stack\.sprinkle_flexDirection-row-reverse-lg__1v66qp61w {
+    flex-direction: row-reverse;
+  }
+  .stack\.sprinkle_flexDirection-column-lg__1v66qp61z {
+    flex-direction: column;
+  }
+  .stack\.sprinkle_flexDirection-column-reverse-lg__1v66qp622 {
+    flex-direction: column-reverse;
+  }
+  .stack\.sprinkle_flexWrap-nowrap-lg__1v66qp625 {
+    flex-wrap: nowrap;
+  }
+  .stack\.sprinkle_flexWrap-wrap-lg__1v66qp628 {
+    flex-wrap: wrap;
+  }
+  .stack\.sprinkle_flexWrap-wrap-reverse-lg__1v66qp62b {
+    flex-wrap: wrap-reverse;
+  }
+  .stack\.sprinkle_justifyContent-flex-start-lg__1v66qp62e {
+    justify-content: flex-start;
+  }
+  .stack\.sprinkle_justifyContent-flex-end-lg__1v66qp62h {
+    justify-content: flex-end;
+  }
+  .stack\.sprinkle_justifyContent-center-lg__1v66qp62k {
+    justify-content: center;
+  }
+  .stack\.sprinkle_justifyContent-space-between-lg__1v66qp62n {
+    justify-content: space-between;
+  }
+  .stack\.sprinkle_justifyContent-space-around-lg__1v66qp62q {
+    justify-content: space-around;
+  }
+  .stack\.sprinkle_justifyContent-space-evenly-lg__1v66qp62t {
+    justify-content: space-evenly;
+  }
+  .stack\.sprinkle_alignItems-stretch-lg__1v66qp62w {
+    align-items: stretch;
+  }
+  .stack\.sprinkle_alignItems-flex-start-lg__1v66qp62z {
+    align-items: flex-start;
+  }
+  .stack\.sprinkle_alignItems-flex-end-lg__1v66qp632 {
+    align-items: flex-end;
+  }
+  .stack\.sprinkle_alignItems-center-lg__1v66qp635 {
+    align-items: center;
+  }
+  .stack\.sprinkle_alignItems-baseline-lg__1v66qp638 {
+    align-items: baseline;
+  }
 }
 
 /*# sourceMappingURL=index.css.map*/

package/dist/packages/stack/index.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"./packages/stack/index.css","mappings":";;;AAAA;EACE,0CAA0C;EAC1C,mDAAmD;EACnD,8CAA8C;EAC9C,mDAAmD;EACnD,qDAAqD;EACrD,0CAA0C;EAC1C,2CAA2C;EAC3C,0CAA0C;EAC1C,mDAAmD;EACnD,8CAA8C;EAC9C,mDAAmD;EACnD,qDAAqD;EACrD,0CAA0C;EAC1C,2CAA2C;EAC3C,0CAA0C;EAC1C,mDAAmD;EACnD,8CAA8C;EAC9C,mDAAmD;EACnD,qDAAqD;EACrD,0CAA0C;EAC1C,2CAA2C;EAC3C,yCAAyC;EACzC,kDAAkD;EAClD,6CAA6C;EAC7C,kDAAkD;EAClD,oDAAoD;EACpD,yCAAyC;EACzC,0CAA0C;EAC1C,6CAA6C;EAC7C,0CAA0C;EAC1C,kDAAkD;EAClD,mDAAmD;EACnD,8CAA8C;EAC9C,mDAAmD;EACnD,qDAAqD;EACrD,+CAA+C;EAC/C,2CAA2C;EAC3C,4CAA4C;EAC5C,6HAA6H;EAC7H,0CAA0C;EAC1C,wCAAwC;EACxC,yCAAyC;EACzC,mCAAmC;EACnC,qCAAqC;EACrC,sCAAsC;EACtC,uCAAuC;EACvC,mCAAmC;EACnC,uCAAuC;EACvC,mCAAmC;EACnC,kCAAkC;EAClC,gCAAgC;EAChC,6CAA6C;EAC7C,0CAA0C;EAC1C,8CAA8C;EAC9C,wCAAwC;EACxC,qCAAqC;EACrC,wCAAwC;EACxC,uCAAuC;EACvC,wCAAwC;EACxC,yCAAyC;EACzC,wFAAwF;EACxF,2FAA2F;EAC3F,4FAA4F;EAC5F,8BAA8B;EAC9B,6BAA6B;EAC7B,2BAA2B;EAC3B,6BAA6B;EAC7B,2BAA2B;EAC3B,8BAA8B;EAC9B,4BAA4B;EAC5B,8BAA8B;EAC9B,4BAA4B;EAC5B,8BAA8B;EAC9B,4BAA4B;EAC5B,kCAAkC;EAClC,4BAA4B;EAC5B,2BAA2B;EAC3B,4BAA4B;EAC5B,yBAAyB;EACzB,4BAA4B;EAC5B,2BAA2B;EAC3B,4BAA4B;EAC5B,yBAAyB;EACzB,4BAA4B;EAC5B,4BAA4B;EAC5B,6BAA6B;EAC7B,0BAA0B;EAC1B,4BAA4B;EAC5B,0BAA0B;EAC1B,4BAA4B;EAC5B,0BAA0B;EAC1B,gCAAgC;EAChC,gCAAgC;EAChC,gCAAgC;EAChC,gCAAgC;EAChC,gCAAgC;EAChC,oCAAoC;EACpC,oCAAoC;EACpC,oCAAoC;EACpC,sCAAsC;EACtC,8BAA8B;EAC9B,gCAAgC;EAChC,iCAAiC;AACnC,C;;;;AAxGA;EACE;IACE,gCAAgC;EAClC;EACA;IACE,kCAAkC;EACpC;EACA;IACE,8BAA8B;EAChC;EACA;IACE,0DAA0D;EAC5D;EACA;IACE,8DAA8D;EAChE;EACA;IACE,wDAAwD;EAC1D;EACA;IACE,6BAA6B;EAC/B;EACA;IACE,sCAAsC;EACxC;EACA;IACE,cAAc;EAChB;EACA;IACE,aAAa;EACf;EACA;IACE,oBAAoB;EACtB;EACA;IACE,aAAa;EACf;EACA;IACE,oBAAoB;EACtB;EACA;IACE,mBAAmB;EACrB;EACA;IACE,2BAA2B;EAC7B;EACA;IACE,sBAAsB;EACxB;EACA;IACE,8BAA8B;EAChC;EACA;IACE,iBAAiB;EACnB;EACA;IACE,eAAe;EACjB;EACA;IACE,uBAAuB;EACzB;EACA;IACE,2BAA2B;EAC7B;EACA;IACE,yBAAyB;EAC3B;EACA;IACE,uBAAuB;EACzB;EACA;IACE,8BAA8B;EAChC;EACA;IACE,6BAA6B;EAC/B;EACA;IACE,6BAA6B;EAC/B;EACA;IACE,oBAAoB;EACtB;EACA;IACE,uBAAuB;EACzB;EACA;IACE,qBAAqB;EACvB;EACA;IACE,mBAAmB;EACrB;EACA;IACE,qBAAqB;EACvB;AACF;AACA;EACE;IACE,gCAAgC;EAClC;EACA;IACE,kCAAkC;EACpC;EACA;IACE,8BAA8B;EAChC;EACA;IACE,0DAA0D;EAC5D;EACA;IACE,8DAA8D;EAChE;EACA;IACE,wDAAwD;EAC1D;EACA;IACE,6BAA6B;EAC/B;EACA;IACE,sCAAsC;EACxC;EACA;IACE,cAAc;EAChB;EACA;IACE,aAAa;EACf;EACA;IACE,oBAAoB;EACtB;EACA;IACE,aAAa;EACf;EACA;IACE,oBAAoB;EACtB;EACA;IACE,mBAAmB;EACrB;EACA;IACE,2BAA2B;EAC7B;EACA;IACE,sBAAsB;EACxB;EACA;IACE,8BAA8B;EAChC;EACA;IACE,iBAAiB;EACnB;EACA;IACE,eAAe;EACjB;EACA;IACE,uBAAuB;EACzB;EACA;IACE,2BAA2B;EAC7B;EACA;IACE,yBAAyB;EAC3B;EACA;IACE,uBAAuB;EACzB;EACA;IACE,8BAA8B;EAChC;EACA;IACE,6BAA6B;EAC/B;EACA;IACE,6BAA6B;EAC/B;EACA;IACE,oBAAoB;EACtB;EACA;IACE,uBAAuB;EACzB;EACA;IACE,qBAAqB;EACvB;EACA;IACE,mBAAmB;EACrB;EACA;IACE,qBAAqB;EACvB;AACF;AACA;EACE;IACE,gCAAgC;EAClC;EACA;IACE,kCAAkC;EACpC;EACA;IACE,8BAA8B;EAChC;EACA;IACE,0DAA0D;EAC5D;EACA;IACE,8DAA8D;EAChE;EACA;IACE,wDAAwD;EAC1D;EACA;IACE,6BAA6B;EAC/B;EACA;IACE,sCAAsC;EACxC;EACA;IACE,cAAc;EAChB;EACA;IACE,aAAa;EACf;EACA;IACE,oBAAoB;EACtB;EACA;IACE,aAAa;EACf;EACA;IACE,oBAAoB;EACtB;EACA;IACE,mBAAmB;EACrB;EACA;IACE,2BAA2B;EAC7B;EACA;IACE,sBAAsB;EACxB;EACA;IACE,8BAA8B;EAChC;EACA;IACE,iBAAiB;EACnB;EACA;IACE,eAAe;EACjB;EACA;IACE,uBAAuB;EACzB;EACA;IACE,2BAA2B;EAC7B;EACA;IACE,yBAAyB;EAC3B;EACA;IACE,uBAAuB;EACzB;EACA;IACE,8BAA8B;EAChC;EACA;IACE,6BAA6B;EAC/B;EACA;IACE,6BAA6B;EAC/B;EACA;IACE,oBAAoB;EACtB;EACA;IACE,uBAAuB;EACzB;EACA;IACE,qBAAqB;EACvB;EACA;IACE,mBAAmB;EACrB;EACA;IACE,qBAAqB;EACvB;AACF,C","sources":["webpack://@nimbus-ds/styles/./node_modules/@vanilla-extract/webpack-plugin/extracted.js"],"sourcesContent":[":root {\n  --colors-primary-surface__g6qx2k0: #deeffe;\n  --colors-primary-surfaceHighlight__g6qx2k1: #7abcf7;\n  --colors-primary-interactive__g6qx2k2: #006bc8;\n  --colors-primary-interactiveHover__g6qx2k3: #004e93;\n  --colors-primary-interactivePressed__g6qx2k4: #003e74;\n  --colors-primary-textLow__g6qx2k5: #002c53;\n  --colors-primary-textHigh__g6qx2k6: #000e19;\n  --colors-success-surface__g6qx2k7: #defef2;\n  --colors-success-surfaceHighlight__g6qx2k8: #7af7c7;\n  --colors-success-interactive__g6qx2k9: #00c87b;\n  --colors-success-interactiveHover__g6qx2ka: #00935b;\n  --colors-success-interactivePressed__g6qx2kb: #007447;\n  --colors-success-textLow__g6qx2kc: #005333;\n  --colors-success-textHigh__g6qx2kd: #001910;\n  --colors-warning-surface__g6qx2ke: #fef2de;\n  --colors-warning-surfaceHighlight__g6qx2kf: #f7c77a;\n  --colors-warning-interactive__g6qx2kg: #c87b00;\n  --colors-warning-interactiveHover__g6qx2kh: #935b00;\n  --colors-warning-interactivePressed__g6qx2ki: #744700;\n  --colors-warning-textLow__g6qx2kj: #533300;\n  --colors-warning-textHigh__g6qx2kk: #191000;\n  --colors-danger-surface__g6qx2kl: #fedede;\n  --colors-danger-surfaceHighlight__g6qx2km: #f77a7c;\n  --colors-danger-interactive__g6qx2kn: #c80003;\n  --colors-danger-interactiveHover__g6qx2ko: #930002;\n  --colors-danger-interactivePressed__g6qx2kp: #740002;\n  --colors-danger-textLow__g6qx2kq: #530001;\n  --colors-danger-textHigh__g6qx2kr: #190000;\n  --colors-neutral-background__g6qx2ks: #ffffff;\n  --colors-neutral-surface__g6qx2kt: #f1f1f1;\n  --colors-neutral-surfaceDisabled__g6qx2ku: #e7e8e9;\n  --colors-neutral-surfaceHighlight__g6qx2kv: #cfd1d2;\n  --colors-neutral-interactive__g6qx2kw: #b7babc;\n  --colors-neutral-interactiveHover__g6qx2kx: #a0a3a6;\n  --colors-neutral-interactivePressed__g6qx2ky: #8a8d90;\n  --colors-neutral-textDisabled__g6qx2kz: #5e6163;\n  --colors-neutral-textLow__g6qx2k10: #343537;\n  --colors-neutral-textHigh__g6qx2k11: #0a0a0a;\n  --fontFamily-centranube__g6qx2k12: CentraNube, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;\n  --fontSize-body-caption__g6qx2k13: 0.75rem;\n  --fontSize-body-base__g6qx2k14: 0.875rem;\n  --fontSize-body-highlight__g6qx2k15: 1rem;\n  --fontSize-title-h1__g6qx2k16: 2rem;\n  --fontSize-title-h2__g6qx2k17: 1.5rem;\n  --fontSize-title-h3__g6qx2k18: 1.25rem;\n  --fontSize-title-h4__g6qx2k19: 1.125rem;\n  --fontSize-title-h5__g6qx2k1a: 1rem;\n  --fontSize-title-h6__g6qx2k1b: 0.875rem;\n  --fontWeight-regular__g6qx2k1c: 400;\n  --fontWeight-medium__g6qx2k1d: 500;\n  --fontWeight-bold__g6qx2k1e: 700;\n  --lineWeight-body-caption__g6qx2k1f: 0.875rem;\n  --lineWeight-body-base__g6qx2k1g: 1.125rem;\n  --lineWeight-body-highlight__g6qx2k1h: 1.25rem;\n  --lineWeight-title-h1__g6qx2k1i: 2.75rem;\n  --lineWeight-title-h2__g6qx2k1j: 2rem;\n  --lineWeight-title-h3__g6qx2k1k: 1.75rem;\n  --lineWeight-title-h4__g6qx2k1l: 1.5rem;\n  --lineWeight-title-h5__g6qx2k1m: 1.25rem;\n  --lineWeight-title-h6__g6qx2k1n: 1.125rem;\n  --shadow-card__g6qx2k1o: 0px 2px 1px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.25);\n  --shadow-popover__g6qx2k1p: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 3px 10px rgba(0, 0, 0, 0.1);\n  --shadow-modal__g6qx2k1q: 0px 20px 20px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.04);\n  --spacing-1__g6qx2k1r: 0.25rem;\n  --spacing-2__g6qx2k1s: 0.5rem;\n  --spacing-4__g6qx2k1t: 1rem;\n  --spacing-6__g6qx2k1u: 1.5rem;\n  --spacing-8__g6qx2k1v: 2rem;\n  --spacing-10__g6qx2k1w: 2.5rem;\n  --spacing-12__g6qx2k1x: 3rem;\n  --spacing-14__g6qx2k1y: 3.5rem;\n  --spacing-16__g6qx2k1z: 4rem;\n  --spacing-18__g6qx2k20: 4.5rem;\n  --spacing-20__g6qx2k21: 5rem;\n  --spacing-0\\,5__g6qx2k22: 0.125rem;\n  --sizes-1__g6qx2k23: 0.25rem;\n  --sizes-2__g6qx2k24: 0.5rem;\n  --sizes-3__g6qx2k25: 0.75rem;\n  --sizes-4__g6qx2k26: 1rem;\n  --sizes-5__g6qx2k27: 1.25rem;\n  --sizes-6__g6qx2k28: 1.5rem;\n  --sizes-7__g6qx2k29: 1.75rem;\n  --sizes-8__g6qx2k2a: 2rem;\n  --sizes-9__g6qx2k2b: 2.25rem;\n  --sizes-10__g6qx2k2c: 2.5rem;\n  --sizes-11__g6qx2k2d: 2.75rem;\n  --sizes-12__g6qx2k2e: 3rem;\n  --sizes-14__g6qx2k2f: 3.5rem;\n  --sizes-16__g6qx2k2g: 4rem;\n  --sizes-18__g6qx2k2h: 4.5rem;\n  --sizes-20__g6qx2k2i: 5rem;\n  --sizes-0\\,5__g6qx2k2j: 0.125rem;\n  --sizes-1\\,5__g6qx2k2k: 0.375rem;\n  --sizes-2\\,5__g6qx2k2l: 0.625rem;\n  --sizes-3\\,5__g6qx2k2m: 0.875rem;\n  --sizes-4\\,5__g6qx2k2n: 1.125rem;\n  --motion-speed-base__g6qx2k2o: 300ms;\n  --motion-speed-fast__g6qx2k2p: 150ms;\n  --motion-speed-slow__g6qx2k2q: 450ms;\n  --motion-speed-slower__g6qx2k2r: 600ms;\n  --breakpoint-xs__g6qx2k2s: 0px;\n  --breakpoint-md__g6qx2k2t: 672px;\n  --breakpoint-lg__g6qx2k2u: 1024px;\n}"],"names":[],"sourceRoot":""}

package/dist/packages/stack/index.d.ts

@@ -0,0 +1,242 @@
+export declare const stack: {
+    sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRainbowSprinkles").SprinklesFn<[{
+        config: {
+            display: {
+                values: {
+                    [x: string]: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                };
+                staticScale: string[];
+                name: "display";
+            };
+            flexDirection: {
+                values: {
+                    column: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "column-reverse": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    row: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "row-reverse": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                };
+                staticScale: ("column" | "column-reverse" | "row" | "row-reverse")[];
+                name: "flexDirection";
+            };
+            flexWrap: {
+                values: {
+                    nowrap: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    wrap: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                    "wrap-reverse": {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                };
+                staticScale: ("nowrap" | "wrap" | "wrap-reverse")[];
+                name: "flexWrap";
+            };
+            justifyContent: {
+                values: {
+                    [x: string]: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                };
+                staticScale: string[];
+                name: "justifyContent";
+            };
+            alignItems: {
+                values: {
+                    [x: string]: {
+                        default: string;
+                        conditions: Record<"xs" | "md" | "lg", string>;
+                    };
+                };
+                staticScale: string[];
+                name: "alignItems";
+            };
+        };
+    } & {
+        config: {
+            width: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "width";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+            };
+            height: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "height";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+            };
+            flex: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "flex";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+            };
+            gridTemplateAreas: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "gridTemplateAreas";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+            };
+            gridTemplateColumns: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "gridTemplateColumns";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+            };
+            gridTemplateRows: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+                dynamicScale: true;
+                name: "gridTemplateRows";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+            };
+            gap: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+                dynamicScale: {
+                    none: string;
+                    "0,5": import("@vanilla-extract/private").CSSVarFunction;
+                    "1": import("@vanilla-extract/private").CSSVarFunction;
+                    "2": import("@vanilla-extract/private").CSSVarFunction;
+                    "4": import("@vanilla-extract/private").CSSVarFunction;
+                    "6": import("@vanilla-extract/private").CSSVarFunction;
+                    "8": import("@vanilla-extract/private").CSSVarFunction;
+                    "10": import("@vanilla-extract/private").CSSVarFunction;
+                    "12": import("@vanilla-extract/private").CSSVarFunction;
+                    "14": import("@vanilla-extract/private").CSSVarFunction;
+                    "16": import("@vanilla-extract/private").CSSVarFunction;
+                    "18": import("@vanilla-extract/private").CSSVarFunction;
+                    "20": import("@vanilla-extract/private").CSSVarFunction;
+                };
+                name: "gap";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+            };
+            gridGap: {
+                dynamic: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+                dynamicScale: {
+                    none: string;
+                    "0,5": import("@vanilla-extract/private").CSSVarFunction;
+                    "1": import("@vanilla-extract/private").CSSVarFunction;
+                    "2": import("@vanilla-extract/private").CSSVarFunction;
+                    "4": import("@vanilla-extract/private").CSSVarFunction;
+                    "6": import("@vanilla-extract/private").CSSVarFunction;
+                    "8": import("@vanilla-extract/private").CSSVarFunction;
+                    "10": import("@vanilla-extract/private").CSSVarFunction;
+                    "12": import("@vanilla-extract/private").CSSVarFunction;
+                    "14": import("@vanilla-extract/private").CSSVarFunction;
+                    "16": import("@vanilla-extract/private").CSSVarFunction;
+                    "18": import("@vanilla-extract/private").CSSVarFunction;
+                    "20": import("@vanilla-extract/private").CSSVarFunction;
+                };
+                name: "gridGap";
+                vars: {
+                    default: string;
+                    conditions: Record<"xs" | "md" | "lg", string>;
+                };
+            };
+        };
+    } & {
+        config: {};
+    }]>;
+    properties: {
+        display: string[];
+        flexDirection: ("column" | "column-reverse" | "row" | "row-reverse")[];
+        flexWrap: ("nowrap" | "wrap" | "wrap-reverse")[];
+        justifyContent: string[];
+        alignItems: string[];
+        gap: {
+            none: string;
+            "0,5": import("@vanilla-extract/private").CSSVarFunction;
+            "1": import("@vanilla-extract/private").CSSVarFunction;
+            "2": import("@vanilla-extract/private").CSSVarFunction;
+            "4": import("@vanilla-extract/private").CSSVarFunction;
+            "6": import("@vanilla-extract/private").CSSVarFunction;
+            "8": import("@vanilla-extract/private").CSSVarFunction;
+            "10": import("@vanilla-extract/private").CSSVarFunction;
+            "12": import("@vanilla-extract/private").CSSVarFunction;
+            "14": import("@vanilla-extract/private").CSSVarFunction;
+            "16": import("@vanilla-extract/private").CSSVarFunction;
+            "18": import("@vanilla-extract/private").CSSVarFunction;
+            "20": import("@vanilla-extract/private").CSSVarFunction;
+        };
+        gridGap: {
+            none: string;
+            "0,5": import("@vanilla-extract/private").CSSVarFunction;
+            "1": import("@vanilla-extract/private").CSSVarFunction;
+            "2": import("@vanilla-extract/private").CSSVarFunction;
+            "4": import("@vanilla-extract/private").CSSVarFunction;
+            "6": import("@vanilla-extract/private").CSSVarFunction;
+            "8": import("@vanilla-extract/private").CSSVarFunction;
+            "10": import("@vanilla-extract/private").CSSVarFunction;
+            "12": import("@vanilla-extract/private").CSSVarFunction;
+            "14": import("@vanilla-extract/private").CSSVarFunction;
+            "16": import("@vanilla-extract/private").CSSVarFunction;
+            "18": import("@vanilla-extract/private").CSSVarFunction;
+            "20": import("@vanilla-extract/private").CSSVarFunction;
+        };
+    };
+};