@cambly/syntax-core 10.30.0 → 10.31.0

package/dist/Typography/Typography.css

@@ -1,5 +1,5 @@
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data */
-._typography_emvev_1 {
+._typography_t1t27_1 {
   line-height: initial;
   margin: 0;
 }
@@ -15,160 +15,124 @@
   font-weight: 700;
   src: local("GT-Super-Text-Bold"), url(https://static.cambly.com/fonts/gt-super-text-bold-final.woff2);
 }
-._sansSerif_emvev_22 {
+._sansSerif_t1t27_22 {
   font-family: var(--syntax-font-sans-serif);
   margin: 0;
 }
-._serif_emvev_27 {
+._serif_t1t27_27 {
   font-family: var( --syntax-font-sans-serif );
 }
-:lang(en) ._serif_emvev_27,
-:lang(az) ._serif_emvev_27,
-:lang(fr) ._serif_emvev_27,
-:lang(de) ._serif_emvev_27,
-:lang(es) ._serif_emvev_27,
-:lang(it) ._serif_emvev_27,
-:lang(pl) ._serif_emvev_27,
-:lang(pt) ._serif_emvev_27,
-:lang(tr) ._serif_emvev_27 {
+:lang(en) ._serif_t1t27_27,
+:lang(az) ._serif_t1t27_27,
+:lang(fr) ._serif_t1t27_27,
+:lang(de) ._serif_t1t27_27,
+:lang(es) ._serif_t1t27_27,
+:lang(it) ._serif_t1t27_27,
+:lang(pl) ._serif_t1t27_27,
+:lang(pt) ._serif_t1t27_27,
+:lang(tr) ._serif_t1t27_27 {
   font-family: "GT Super", var(--syntax-font-sans-serif);
   -webkit-font-smoothing: antialiased;
 }
-._size100_emvev_71 {
-  font-size: 12px;
-}
-._size200_emvev_75 {
+._size100_t1t27_71 {
   font-size: 14px;
 }
-._size300_emvev_79 {
+._size200_t1t27_75 {
   font-size: 16px;
 }
-._size500_emvev_83 {
-  font-size: 20px;
-}
-._size600_emvev_87 {
-  font-size: 28px;
-}
-._size700_emvev_91 {
-  font-size: 40px;
-}
-._size800_emvev_95 {
-  font-size: 64px;
-}
-._size100Cambio_emvev_100 {
-  font-size: 14px;
-}
-._size200Cambio_emvev_104 {
-  font-size: 16px;
-}
-._size300Cambio_emvev_108 {
+._size300_t1t27_79 {
   font-size: 18px;
 }
-._size400Cambio_emvev_112 {
+._size400_t1t27_83 {
   font-size: 20px;
 }
-._size500Cambio_emvev_116 {
+._size500_t1t27_87 {
   font-size: 23px;
 }
-._size600Cambio_emvev_120 {
+._size600_t1t27_91 {
   font-size: 26px;
 }
-._size700Cambio_emvev_124 {
+._size700_t1t27_95 {
   font-size: 33px;
 }
-._size800Cambio_emvev_128 {
+._size800_t1t27_99 {
   font-size: 41px;
 }
-._size900Cambio_emvev_132 {
+._size900_t1t27_103 {
   font-size: 46px;
 }
 @media (min-width: 480px) {
-  ._size100Cambio_emvev_100 {
+  ._size100_t1t27_71 {
     font-size: 14px;
   }
-  ._size200Cambio_emvev_104 {
+  ._size200_t1t27_75 {
     font-size: 16px;
   }
-  ._size300Cambio_emvev_108 {
+  ._size300_t1t27_79 {
     font-size: 20px;
   }
-  ._size400Cambio_emvev_112 {
+  ._size400_t1t27_83 {
     font-size: 25px;
   }
-  ._size500Cambio_emvev_116 {
+  ._size500_t1t27_87 {
     font-size: 31px;
   }
-  ._size600Cambio_emvev_120 {
+  ._size600_t1t27_91 {
     font-size: 39px;
   }
-  ._size700Cambio_emvev_124 {
+  ._size700_t1t27_95 {
     font-size: 49px;
   }
-  ._size800Cambio_emvev_128 {
+  ._size800_t1t27_99 {
     font-size: 61px;
   }
-  ._size900Cambio_emvev_132 {
+  ._size900_t1t27_103 {
     font-size: 76px;
   }
-  ._size1000Cambio_emvev_173 {
+  ._size1000_t1t27_144 {
     font-size: 95px;
   }
-  ._size1100Cambio_emvev_177 {
+  ._size1100_t1t27_148 {
     font-size: 119px;
   }
 }
-._center_emvev_183 {
+._center_t1t27_154 {
   text-align: center;
 }
-._forceLeft_emvev_187 {
+._forceLeft_t1t27_158 {
   text-align: left;
 }
-._forceRight_emvev_191 {
+._forceRight_t1t27_162 {
   text-align: right;
 }
-._start_emvev_195 {
+._start_t1t27_166 {
   text-align: start;
 }
-._end_emvev_199 {
+._end_t1t27_170 {
   text-align: end;
 }
-._bold_emvev_204 {
-  font-weight: 700;
-}
-._regular_emvev_208 {
-  font-weight: 400;
-}
-._interactive_emvev_212 {
-  font-weight: 500;
-}
-._semiBold_emvev_216 {
-  font-weight: 600;
-}
-._heavy_emvev_220 {
-  font-weight: 860;
-}
-._regularCambio_emvev_224 {
+._regular_t1t27_176 {
   font-weight: 400;
 }
-._mediumCambio_emvev_228 {
+._medium_t1t27_180 {
   font-weight: 510;
 }
-._semiBoldCambio_emvev_232 {
+._semiBold_t1t27_184 {
   font-weight: 590;
 }
-._boldCambio_emvev_236 {
+._bold_t1t27_188 {
   font-weight: 700;
 }
-._underline_emvev_240 {
+._underline_t1t27_192 {
   text-decoration: underline;
 }
-._inline_emvev_244 {
+._inline_t1t27_196 {
   display: inline;
 }
-._uppercase_emvev_248 {
+._uppercase_t1t27_200 {
   text-transform: uppercase;
 }
-._lineClamp_emvev_252 {
+._lineClamp_t1t27_204 {
   -webkit-box-orient: vertical;
   display: -webkit-box;
   max-width: 100%;

package/dist/Typography/Typography.css.map

@@ -1 +1 @@
-{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data"],"sourcesContent":["._typography_emvev_1 {\n  line-height: initial;\n  margin: 0;\n}\n\n@font-face {\n  font-family: \"GT Super\";\n  font-style: normal;\n  font-weight: 510;\n  src: local(\"GT-Super-Text-Medium\"),\n    url(\"https://static.cambly.com/fonts/gt-super-text-medium-final.woff2\");\n}\n\n@font-face {\n  font-family: \"GT Super\";\n  font-style: normal;\n  font-weight: 700;\n  src: local(\"GT-Super-Text-Bold\"),\n    url(\"https://static.cambly.com/fonts/gt-super-text-bold-final.woff2\");\n}\n\n._sansSerif_emvev_22 {\n  font-family: var(--syntax-font-sans-serif);\n  margin: 0;\n}\n\n._serif_emvev_27 {\n  font-family: var(\n    --syntax-font-sans-serif\n  ); /* Intentional, the default is still to use sans-serif, we only use serif for certain languages */\n}\n\n/* GT Super only supports certain languages: https://www.grillitype.com/typeface/gt-super */\n\n/* List of languages we use on Cambly and their support for GT Super\n\n* English: ✅\n* Arabic: ❌\n* Azerbaijani: ✅\n* German: ✅\n* Spanish: ✅\n* French: ✅\n* Italian: ✅\n* Japanese: ❌\n* Korean: ❌\n* Polish: ✅\n* Portuguese: ✅\n* Russian: ❌\n* Thai: ❌\n* Turkish: ✅\n* Vietnamese: ❌\n* Simplified Chinese: ❌\n* Traditional Chinese: ❌\n*/\n\n/* stylelint-disable-next-line selector-max-compound-selectors -- only render serif font for certain languages */\n:lang(en) ._serif_emvev_27,\n:lang(az) ._serif_emvev_27,\n:lang(fr) ._serif_emvev_27,\n:lang(de) ._serif_emvev_27,\n:lang(es) ._serif_emvev_27,\n:lang(it) ._serif_emvev_27,\n:lang(pl) ._serif_emvev_27,\n:lang(pt) ._serif_emvev_27,\n:lang(tr) ._serif_emvev_27 {\n  font-family: \"GT Super\", var(--syntax-font-sans-serif);\n  -webkit-font-smoothing: antialiased;\n}\n\n/* Sizes */\n._size100_emvev_71 {\n  font-size: 12px;\n}\n\n._size200_emvev_75 {\n  font-size: 14px;\n}\n\n._size300_emvev_79 {\n  font-size: 16px;\n}\n\n._size500_emvev_83 {\n  font-size: 20px;\n}\n\n._size600_emvev_87 {\n  font-size: 28px;\n}\n\n._size700_emvev_91 {\n  font-size: 40px;\n}\n\n._size800_emvev_95 {\n  font-size: 64px;\n}\n\n/* Sizes - Cambio sizes are responsive */\n._size100Cambio_emvev_100 {\n  font-size: 14px;\n}\n\n._size200Cambio_emvev_104 {\n  font-size: 16px;\n}\n\n._size300Cambio_emvev_108 {\n  font-size: 18px;\n}\n\n._size400Cambio_emvev_112 {\n  font-size: 20px;\n}\n\n._size500Cambio_emvev_116 {\n  font-size: 23px;\n}\n\n._size600Cambio_emvev_120 {\n  font-size: 26px;\n}\n\n._size700Cambio_emvev_124 {\n  font-size: 33px;\n}\n\n._size800Cambio_emvev_128 {\n  font-size: 41px;\n}\n\n._size900Cambio_emvev_132 {\n  font-size: 46px;\n}\n\n@media (min-width: 480px) {\n  ._size100Cambio_emvev_100 {\n    font-size: 14px;\n  }\n\n  ._size200Cambio_emvev_104 {\n    font-size: 16px;\n  }\n\n  ._size300Cambio_emvev_108 {\n    font-size: 20px;\n  }\n\n  ._size400Cambio_emvev_112 {\n    font-size: 25px;\n  }\n\n  ._size500Cambio_emvev_116 {\n    font-size: 31px;\n  }\n\n  ._size600Cambio_emvev_120 {\n    font-size: 39px;\n  }\n\n  ._size700Cambio_emvev_124 {\n    font-size: 49px;\n  }\n\n  ._size800Cambio_emvev_128 {\n    font-size: 61px;\n  }\n\n  ._size900Cambio_emvev_132 {\n    font-size: 76px;\n  }\n\n  ._size1000Cambio_emvev_173 {\n    font-size: 95px;\n  }\n\n  ._size1100Cambio_emvev_177 {\n    font-size: 119px;\n  }\n}\n\n/* Align */\n._center_emvev_183 {\n  text-align: center;\n}\n\n._forceLeft_emvev_187 {\n  text-align: left;\n}\n\n._forceRight_emvev_191 {\n  text-align: right;\n}\n\n._start_emvev_195 {\n  text-align: start;\n}\n\n._end_emvev_199 {\n  text-align: end;\n}\n\n/* Boldness */\n._bold_emvev_204 {\n  font-weight: 700;\n}\n\n._regular_emvev_208 {\n  font-weight: 400;\n}\n\n._interactive_emvev_212 {\n  font-weight: 500;\n}\n\n._semiBold_emvev_216 {\n  font-weight: 600;\n}\n\n._heavy_emvev_220 {\n  font-weight: 860;\n}\n\n._regularCambio_emvev_224 {\n  font-weight: 400;\n}\n\n._mediumCambio_emvev_228 {\n  font-weight: 510;\n}\n\n._semiBoldCambio_emvev_232 {\n  font-weight: 590;\n}\n\n._boldCambio_emvev_236 {\n  font-weight: 700;\n}\n\n._underline_emvev_240 {\n  text-decoration: underline;\n}\n\n._inline_emvev_244 {\n  display: inline;\n}\n\n._uppercase_emvev_248 {\n  text-transform: uppercase;\n}\n\n._lineClamp_emvev_252 {\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  max-width: 100%;\n  overflow: hidden;\n  word-break: break-word;\n}\n","/* Regular Colors */\n._inheritColor_rzcwj_2 {\n  color: inherit;\n}\n\n._destructive700Color_rzcwj_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_rzcwj_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_rzcwj_14 {\n  color: var(--color-base-gray-900);\n}\n\n._primary700Color_rzcwj_18 {\n  color: var(--color-base-primary-700);\n}\n\n._success700Color_rzcwj_22 {\n  color: var(--color-base-success-700);\n}\n\n._whiteColor_rzcwj_26 {\n  color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_rzcwj_31 {\n  background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_rzcwj_35 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_rzcwj_39 {\n  background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_rzcwj_43 {\n  background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_rzcwj_47 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_rzcwj_51 {\n  background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_rzcwj_55 {\n  background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_rzcwj_59 {\n  background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_rzcwj_63 {\n  background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_rzcwj_67 {\n  background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_rzcwj_71 {\n  background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_rzcwj_75 {\n  background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_rzcwj_79 {\n  background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_rzcwj_83 {\n  background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_rzcwj_87 {\n  background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_rzcwj_91 {\n  background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_rzcwj_95 {\n  background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_rzcwj_99 {\n  background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_rzcwj_103 {\n  background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_rzcwj_107 {\n  background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_rzcwj_111 {\n  background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_rzcwj_115 {\n  background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_rzcwj_119 {\n  background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_rzcwj_123 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_rzcwj_127 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_rzcwj_131 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_rzcwj_135 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_rzcwj_139 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_rzcwj_143 {\n  background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_rzcwj_147 {\n  background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_rzcwj_151 {\n  background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_rzcwj_155 {\n  background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_rzcwj_159 {\n  background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_rzcwj_163 {\n  background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_rzcwj_167 {\n  background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_rzcwj_171 {\n  background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_rzcwj_175 {\n  background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_rzcwj_179 {\n  background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_rzcwj_183 {\n  background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_rzcwj_187 {\n  background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_rzcwj_191 {\n  background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_rzcwj_195 {\n  background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_rzcwj_199 {\n  background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_rzcwj_203 {\n  background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_rzcwj_207 {\n  background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_rzcwj_211 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_rzcwj_215 {\n  background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_rzcwj_219 {\n  background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_rzcwj_224 {\n  color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_rzcwj_228 {\n  color: var(--color-cambio-white);\n}\n\n._cambioGray100Color_rzcwj_232 {\n  color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_rzcwj_236 {\n  color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300Color_rzcwj_240 {\n  color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_rzcwj_244 {\n  color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_rzcwj_248 {\n  color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_rzcwj_252 {\n  color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_rzcwj_256 {\n  color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_rzcwj_260 {\n  color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_rzcwj_264 {\n  color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_rzcwj_268 {\n  color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_rzcwj_272 {\n  color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_rzcwj_276 {\n  color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_rzcwj_280 {\n  color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_rzcwj_284 {\n  color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_rzcwj_288 {\n  color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_rzcwj_292 {\n  color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_rzcwj_296 {\n  color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_rzcwj_300 {\n  color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_rzcwj_304 {\n  color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_rzcwj_308 {\n  color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_rzcwj_312 {\n  color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_rzcwj_316 {\n  color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_rzcwj_320 {\n  color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_rzcwj_324 {\n  color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_rzcwj_328 {\n  color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_rzcwj_332 {\n  color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_rzcwj_336 {\n  color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_rzcwj_340 {\n  color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_rzcwj_344 {\n  color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_rzcwj_348 {\n  color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_rzcwj_352 {\n  color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_rzcwj_356 {\n  color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_rzcwj_360 {\n  color: var(--color-cambio-yellow-700);\n}\n\n._cambioTransparentFullBackgroundColor_rzcwj_364 {\n  background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_rzcwj_368 {\n  background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_rzcwj_372 {\n  background-color: var(--color-cambio-white);\n}\n\n._cambioGray100BackgroundColor_rzcwj_376 {\n  background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_rzcwj_380 {\n  background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_rzcwj_384 {\n  background-color: var(--color-cambio-gray-300);\n}\n\n._gray370BackgroundColor_rzcwj_388 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray370BackgroundColor_rzcwj_392 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_rzcwj_396 {\n  background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_rzcwj_400 {\n  background-color: var(--color-cambio-gray-800);\n}\n\n._gray870BackgroundColor_rzcwj_404 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray870BackgroundColor_rzcwj_408 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_rzcwj_412 {\n  background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_rzcwj_416 {\n  background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_rzcwj_420 {\n  background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_rzcwj_424 {\n  background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_rzcwj_428 {\n  background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_rzcwj_432 {\n  background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_rzcwj_436 {\n  background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_rzcwj_440 {\n  background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_rzcwj_444 {\n  background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_rzcwj_448 {\n  background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_rzcwj_452 {\n  background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_rzcwj_456 {\n  background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_rzcwj_460 {\n  background-color: var(--color-cambio-success-900);\n}\n\n._redBackgroundColor_rzcwj_464 {\n  background-color: var(--color-cambio-red);\n}\n\n._cambioRedBackgroundColor_rzcwj_468 {\n  background-color: var(--color-cambio-red);\n}\n\n._orangeBackgroundColor_rzcwj_472 {\n  background-color: var(--color-cambio-orange);\n}\n\n._cambioOrangeBackgroundColor_rzcwj_476 {\n  background-color: var(--color-cambio-orange);\n}\n\n._tanBackgroundColor_rzcwj_480 {\n  background-color: var(--color-cambio-tan);\n}\n\n._cambioTanBackgroundColor_rzcwj_484 {\n  background-color: var(--color-cambio-tan);\n}\n\n._creamBackgroundColor_rzcwj_488 {\n  background-color: var(--color-cambio-cream);\n}\n\n._cambioCreamBackgroundColor_rzcwj_492 {\n  background-color: var(--color-cambio-cream);\n}\n\n._purpleBackgroundColor_rzcwj_496 {\n  background-color: var(--color-cambio-purple);\n}\n\n._cambioPurpleBackgroundColor_rzcwj_500 {\n  background-color: var(--color-cambio-purple);\n}\n\n._lilacBackgroundColor_rzcwj_504 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._cambioLilacBackgroundColor_rzcwj_508 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._thistleBackgroundColor_rzcwj_512 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._cambioThistleBackgroundColor_rzcwj_516 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._pinkBackgroundColor_rzcwj_520 {\n  background-color: var(--color-cambio-pink);\n}\n\n._cambioPinkBackgroundColor_rzcwj_524 {\n  background-color: var(--color-cambio-pink);\n}\n\n._navyBackgroundColor_rzcwj_528 {\n  background-color: var(--color-cambio-navy);\n}\n\n._cambioNavyBackgroundColor_rzcwj_532 {\n  background-color: var(--color-cambio-navy);\n}\n\n._tealBackgroundColor_rzcwj_536 {\n  background-color: var(--color-cambio-teal);\n}\n\n._cambioTealBackgroundColor_rzcwj_540 {\n  background-color: var(--color-cambio-teal);\n}\n\n._slateBackgroundColor_rzcwj_544 {\n  background-color: var(--color-cambio-slate);\n}\n\n._cambioSlateBackgroundColor_rzcwj_548 {\n  background-color: var(--color-cambio-slate);\n}\n\n._skyBackgroundColor_rzcwj_552 {\n  background-color: var(--color-cambio-sky);\n}\n\n._cambioSkyBackgroundColor_rzcwj_556 {\n  background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_rzcwj_560 {\n  background-color: var(--color-cambio-yellow-700);\n}\n"],"mappings":";AAAA;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AA6BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASE;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;;;AC/PF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;","names":[]}
+{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data"],"sourcesContent":["._typography_t1t27_1 {\n  line-height: initial;\n  margin: 0;\n}\n\n@font-face {\n  font-family: \"GT Super\";\n  font-style: normal;\n  font-weight: 510;\n  src: local(\"GT-Super-Text-Medium\"),\n    url(\"https://static.cambly.com/fonts/gt-super-text-medium-final.woff2\");\n}\n\n@font-face {\n  font-family: \"GT Super\";\n  font-style: normal;\n  font-weight: 700;\n  src: local(\"GT-Super-Text-Bold\"),\n    url(\"https://static.cambly.com/fonts/gt-super-text-bold-final.woff2\");\n}\n\n._sansSerif_t1t27_22 {\n  font-family: var(--syntax-font-sans-serif);\n  margin: 0;\n}\n\n._serif_t1t27_27 {\n  font-family: var(\n    --syntax-font-sans-serif\n  ); /* Intentional, the default is still to use sans-serif, we only use serif for certain languages */\n}\n\n/* GT Super only supports certain languages: https://www.grillitype.com/typeface/gt-super */\n\n/* List of languages we use on Cambly and their support for GT Super\n\n* English: ✅\n* Arabic: ❌\n* Azerbaijani: ✅\n* German: ✅\n* Spanish: ✅\n* French: ✅\n* Italian: ✅\n* Japanese: ❌\n* Korean: ❌\n* Polish: ✅\n* Portuguese: ✅\n* Russian: ❌\n* Thai: ❌\n* Turkish: ✅\n* Vietnamese: ❌\n* Simplified Chinese: ❌\n* Traditional Chinese: ❌\n*/\n\n/* stylelint-disable-next-line selector-max-compound-selectors -- only render serif font for certain languages */\n:lang(en) ._serif_t1t27_27,\n:lang(az) ._serif_t1t27_27,\n:lang(fr) ._serif_t1t27_27,\n:lang(de) ._serif_t1t27_27,\n:lang(es) ._serif_t1t27_27,\n:lang(it) ._serif_t1t27_27,\n:lang(pl) ._serif_t1t27_27,\n:lang(pt) ._serif_t1t27_27,\n:lang(tr) ._serif_t1t27_27 {\n  font-family: \"GT Super\", var(--syntax-font-sans-serif);\n  -webkit-font-smoothing: antialiased;\n}\n\n/* Sizes are responsive */\n._size100_t1t27_71 {\n  font-size: 14px;\n}\n\n._size200_t1t27_75 {\n  font-size: 16px;\n}\n\n._size300_t1t27_79 {\n  font-size: 18px;\n}\n\n._size400_t1t27_83 {\n  font-size: 20px;\n}\n\n._size500_t1t27_87 {\n  font-size: 23px;\n}\n\n._size600_t1t27_91 {\n  font-size: 26px;\n}\n\n._size700_t1t27_95 {\n  font-size: 33px;\n}\n\n._size800_t1t27_99 {\n  font-size: 41px;\n}\n\n._size900_t1t27_103 {\n  font-size: 46px;\n}\n\n@media (min-width: 480px) {\n  ._size100_t1t27_71 {\n    font-size: 14px;\n  }\n\n  ._size200_t1t27_75 {\n    font-size: 16px;\n  }\n\n  ._size300_t1t27_79 {\n    font-size: 20px;\n  }\n\n  ._size400_t1t27_83 {\n    font-size: 25px;\n  }\n\n  ._size500_t1t27_87 {\n    font-size: 31px;\n  }\n\n  ._size600_t1t27_91 {\n    font-size: 39px;\n  }\n\n  ._size700_t1t27_95 {\n    font-size: 49px;\n  }\n\n  ._size800_t1t27_99 {\n    font-size: 61px;\n  }\n\n  ._size900_t1t27_103 {\n    font-size: 76px;\n  }\n\n  ._size1000_t1t27_144 {\n    font-size: 95px;\n  }\n\n  ._size1100_t1t27_148 {\n    font-size: 119px;\n  }\n}\n\n/* Align */\n._center_t1t27_154 {\n  text-align: center;\n}\n\n._forceLeft_t1t27_158 {\n  text-align: left;\n}\n\n._forceRight_t1t27_162 {\n  text-align: right;\n}\n\n._start_t1t27_166 {\n  text-align: start;\n}\n\n._end_t1t27_170 {\n  text-align: end;\n}\n\n/* Boldness */\n\n._regular_t1t27_176 {\n  font-weight: 400;\n}\n\n._medium_t1t27_180 {\n  font-weight: 510;\n}\n\n._semiBold_t1t27_184 {\n  font-weight: 590;\n}\n\n._bold_t1t27_188 {\n  font-weight: 700;\n}\n\n._underline_t1t27_192 {\n  text-decoration: underline;\n}\n\n._inline_t1t27_196 {\n  display: inline;\n}\n\n._uppercase_t1t27_200 {\n  text-transform: uppercase;\n}\n\n._lineClamp_t1t27_204 {\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n  max-width: 100%;\n  overflow: hidden;\n  word-break: break-word;\n}\n","/* Regular Colors */\n._inheritColor_rzcwj_2 {\n  color: inherit;\n}\n\n._destructive700Color_rzcwj_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_rzcwj_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_rzcwj_14 {\n  color: var(--color-base-gray-900);\n}\n\n._primary700Color_rzcwj_18 {\n  color: var(--color-base-primary-700);\n}\n\n._success700Color_rzcwj_22 {\n  color: var(--color-base-success-700);\n}\n\n._whiteColor_rzcwj_26 {\n  color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_rzcwj_31 {\n  background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_rzcwj_35 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_rzcwj_39 {\n  background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_rzcwj_43 {\n  background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_rzcwj_47 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_rzcwj_51 {\n  background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_rzcwj_55 {\n  background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_rzcwj_59 {\n  background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_rzcwj_63 {\n  background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_rzcwj_67 {\n  background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_rzcwj_71 {\n  background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_rzcwj_75 {\n  background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_rzcwj_79 {\n  background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_rzcwj_83 {\n  background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_rzcwj_87 {\n  background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_rzcwj_91 {\n  background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_rzcwj_95 {\n  background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_rzcwj_99 {\n  background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_rzcwj_103 {\n  background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_rzcwj_107 {\n  background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_rzcwj_111 {\n  background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_rzcwj_115 {\n  background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_rzcwj_119 {\n  background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_rzcwj_123 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_rzcwj_127 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_rzcwj_131 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_rzcwj_135 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_rzcwj_139 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_rzcwj_143 {\n  background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_rzcwj_147 {\n  background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_rzcwj_151 {\n  background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_rzcwj_155 {\n  background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_rzcwj_159 {\n  background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_rzcwj_163 {\n  background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_rzcwj_167 {\n  background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_rzcwj_171 {\n  background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_rzcwj_175 {\n  background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_rzcwj_179 {\n  background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_rzcwj_183 {\n  background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_rzcwj_187 {\n  background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_rzcwj_191 {\n  background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_rzcwj_195 {\n  background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_rzcwj_199 {\n  background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_rzcwj_203 {\n  background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_rzcwj_207 {\n  background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_rzcwj_211 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_rzcwj_215 {\n  background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_rzcwj_219 {\n  background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_rzcwj_224 {\n  color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_rzcwj_228 {\n  color: var(--color-cambio-white);\n}\n\n._cambioGray100Color_rzcwj_232 {\n  color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_rzcwj_236 {\n  color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300Color_rzcwj_240 {\n  color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_rzcwj_244 {\n  color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_rzcwj_248 {\n  color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_rzcwj_252 {\n  color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_rzcwj_256 {\n  color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_rzcwj_260 {\n  color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_rzcwj_264 {\n  color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_rzcwj_268 {\n  color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_rzcwj_272 {\n  color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_rzcwj_276 {\n  color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_rzcwj_280 {\n  color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_rzcwj_284 {\n  color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_rzcwj_288 {\n  color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_rzcwj_292 {\n  color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_rzcwj_296 {\n  color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_rzcwj_300 {\n  color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_rzcwj_304 {\n  color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_rzcwj_308 {\n  color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_rzcwj_312 {\n  color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_rzcwj_316 {\n  color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_rzcwj_320 {\n  color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_rzcwj_324 {\n  color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_rzcwj_328 {\n  color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_rzcwj_332 {\n  color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_rzcwj_336 {\n  color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_rzcwj_340 {\n  color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_rzcwj_344 {\n  color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_rzcwj_348 {\n  color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_rzcwj_352 {\n  color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_rzcwj_356 {\n  color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_rzcwj_360 {\n  color: var(--color-cambio-yellow-700);\n}\n\n._cambioTransparentFullBackgroundColor_rzcwj_364 {\n  background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_rzcwj_368 {\n  background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_rzcwj_372 {\n  background-color: var(--color-cambio-white);\n}\n\n._cambioGray100BackgroundColor_rzcwj_376 {\n  background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_rzcwj_380 {\n  background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_rzcwj_384 {\n  background-color: var(--color-cambio-gray-300);\n}\n\n._gray370BackgroundColor_rzcwj_388 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray370BackgroundColor_rzcwj_392 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_rzcwj_396 {\n  background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_rzcwj_400 {\n  background-color: var(--color-cambio-gray-800);\n}\n\n._gray870BackgroundColor_rzcwj_404 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray870BackgroundColor_rzcwj_408 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_rzcwj_412 {\n  background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_rzcwj_416 {\n  background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_rzcwj_420 {\n  background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_rzcwj_424 {\n  background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_rzcwj_428 {\n  background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_rzcwj_432 {\n  background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_rzcwj_436 {\n  background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_rzcwj_440 {\n  background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_rzcwj_444 {\n  background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_rzcwj_448 {\n  background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_rzcwj_452 {\n  background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_rzcwj_456 {\n  background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_rzcwj_460 {\n  background-color: var(--color-cambio-success-900);\n}\n\n._redBackgroundColor_rzcwj_464 {\n  background-color: var(--color-cambio-red);\n}\n\n._cambioRedBackgroundColor_rzcwj_468 {\n  background-color: var(--color-cambio-red);\n}\n\n._orangeBackgroundColor_rzcwj_472 {\n  background-color: var(--color-cambio-orange);\n}\n\n._cambioOrangeBackgroundColor_rzcwj_476 {\n  background-color: var(--color-cambio-orange);\n}\n\n._tanBackgroundColor_rzcwj_480 {\n  background-color: var(--color-cambio-tan);\n}\n\n._cambioTanBackgroundColor_rzcwj_484 {\n  background-color: var(--color-cambio-tan);\n}\n\n._creamBackgroundColor_rzcwj_488 {\n  background-color: var(--color-cambio-cream);\n}\n\n._cambioCreamBackgroundColor_rzcwj_492 {\n  background-color: var(--color-cambio-cream);\n}\n\n._purpleBackgroundColor_rzcwj_496 {\n  background-color: var(--color-cambio-purple);\n}\n\n._cambioPurpleBackgroundColor_rzcwj_500 {\n  background-color: var(--color-cambio-purple);\n}\n\n._lilacBackgroundColor_rzcwj_504 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._cambioLilacBackgroundColor_rzcwj_508 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._thistleBackgroundColor_rzcwj_512 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._cambioThistleBackgroundColor_rzcwj_516 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._pinkBackgroundColor_rzcwj_520 {\n  background-color: var(--color-cambio-pink);\n}\n\n._cambioPinkBackgroundColor_rzcwj_524 {\n  background-color: var(--color-cambio-pink);\n}\n\n._navyBackgroundColor_rzcwj_528 {\n  background-color: var(--color-cambio-navy);\n}\n\n._cambioNavyBackgroundColor_rzcwj_532 {\n  background-color: var(--color-cambio-navy);\n}\n\n._tealBackgroundColor_rzcwj_536 {\n  background-color: var(--color-cambio-teal);\n}\n\n._cambioTealBackgroundColor_rzcwj_540 {\n  background-color: var(--color-cambio-teal);\n}\n\n._slateBackgroundColor_rzcwj_544 {\n  background-color: var(--color-cambio-slate);\n}\n\n._cambioSlateBackgroundColor_rzcwj_548 {\n  background-color: var(--color-cambio-slate);\n}\n\n._skyBackgroundColor_rzcwj_552 {\n  background-color: var(--color-cambio-sky);\n}\n\n._cambioSkyBackgroundColor_rzcwj_556 {\n  background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_rzcwj_560 {\n  background-color: var(--color-cambio-yellow-700);\n}\n"],"mappings":";AAAA;AACE;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AA6BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASE;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;;;AC/MF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;","names":[]}

package/dist/Typography/Typography.d.ts

@@ -26,8 +26,6 @@ declare const Typography: React.ForwardRefExoticComponent<{
     /**
      * The color of the text.
      *
-     * Cambio only: `success-darkBackground` / `destructive-darkBackground`
-     *
      * @defaultValue "gray900"
      */
     color?: "gray700" | "gray900" | "white" | "inherit" | "primary" | "destructive-primary" | "destructive-darkBackground" | "success" | "success-darkBackground" | undefined;
@@ -60,16 +58,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
     /**
      * Size of the text.
      *
-     * Classic:
-     * * `100`: 12px
-     * * `200`: 14px
-     * * `300`: 16px
-     * * `500`: 20px
-     * * `600`: 28px
-     * * `700`: 40px
-     * * `800`: 64px
-     *
-     * Cambio Mobile:
+     * Mobile (viewport width <= 480px)::
      * * `100`: 14px
      * * `200`: 16px
      * * `300`: 18px
@@ -82,7 +71,7 @@ declare const Typography: React.ForwardRefExoticComponent<{
      * * `1000`: 41px
      * * `1100`: 46px
      *
-     * Cambio Desktop (viewport width > 480px):
+     * Desktop (viewport width > 480px):
      * * `100`: 13px
      * * `200`: 16px
      * * `300`: 20px
@@ -117,19 +106,12 @@ declare const Typography: React.ForwardRefExoticComponent<{
     /**
      * Indicates the boldness of the text.
      *
-     * Classic:
-     * * `regular`: 400
-     * * `interactive`: 500 (Classic only)
-     * * `semiBold`: 600
-     * * `bold`: 700
-     * * `heavy`: 860 (Classic only)
-     *
-     * Cambio:
      * * `regular`: 400
      * * `medium`: 510
      * * `semiBold`: 590
      * * `bold`: 710
      *
+     * `interactive` and `heavy` are deprecated
      *
      * @defaultValue "regular"
      */

package/dist/Typography/Typography.js

@@ -1,10 +1,9 @@
 "use client"
 import {
   Typography_default
-} from "../__chunks/UVROGDYB.js";
+} from "../__chunks/3GNWH6C7.js";
 import "../__chunks/B7PDT66P.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/4GTNQPPD.js";
 import "../__chunks/UWGNJENA.js";
 export {
   Typography_default as default

package/dist/__chunks/{I6CGA2ER.js → 23XGESKG.js}

@@ -7,16 +7,13 @@ import {
 } from "./AVREYFSM.js";
 import {
   rounding_module_default
-} from "./SHHN3SRR.js";
+} from "./EB7WKQ35.js";
 import {
   Typography_default
-} from "./UVROGDYB.js";
+} from "./3GNWH6C7.js";
 import {
   colors_module_default
 } from "./B7PDT66P.js";
-import {
-  useTheme
-} from "./4GTNQPPD.js";
 import {
   syntaxToReactAriaPlacement
 } from "./SVZOETLJ.js";
@@ -80,14 +77,13 @@ function TooltipArrow(props) {
 }
 var AriaTooltip = forwardRef(function AriaTooltip2(_a, ref) {
   var _b = _a, { children: childrenProp, onChangeContentVisibility } = _b, otherProps = __objRest(_b, ["children", "onChangeContentVisibility"]);
-  const { themeName } = useTheme();
   const className = classNames([
     Box_module_default.box,
     colors_module_default.gray900Color,
-    themeName === "classic" ? colors_module_default.gray900BackgroundColor : colors_module_default.cambioBlackBackgroundColor,
+    colors_module_default.cambioBlackBackgroundColor,
     padding_module_default.paddingX2,
     padding_module_default.paddingY2,
-    themeName === "classic" ? rounding_module_default.roundingsm : rounding_module_default.roundingsmCambio,
+    rounding_module_default.roundingsm,
     Tooltip_module_default.tooltip
   ]);
   return /* @__PURE__ */ jsx(
@@ -166,4 +162,4 @@ export {
   AriaTooltip,
   Tooltip_default
 };
-//# sourceMappingURL=I6CGA2ER.js.map
+//# sourceMappingURL=23XGESKG.js.map

package/dist/__chunks/23XGESKG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Tooltip/Tooltip.tsx","css-module:./Tooltip.module.css#css-module"],"sourcesContent":["import React, { forwardRef, type ReactNode, type ReactElement } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport {\n  composeRenderProps,\n  OverlayArrow as ReactAriaOverlayArrow,\n  type OverlayArrowProps as ReactAriaOverlayArrowProps,\n  Tooltip as ReactAriaTooltip,\n  TooltipTrigger as ReactAriaTooltipTrigger,\n  type TooltipProps as ReactAriaTooltipProps,\n} from \"react-aria-components\";\n\nimport Triggerable from \"../react-aria-utils/Triggerable\";\nimport Typography from \"../Typography/Typography\";\nimport OverlayVisibility from \"../react-aria-utils/OverlayVisibility\";\nimport classNames from \"classnames\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport paddingStyles from \"../Box/padding.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport styles from \"./Tooltip.module.css\";\nimport {\n  type Placement,\n  syntaxToReactAriaPlacement,\n} from \"../react-aria-utils/placement\";\n\nfunction TooltipArrow(props: ReactAriaOverlayArrowProps): ReactElement {\n  return (\n    <ReactAriaOverlayArrow {...props}>\n      {({ placement }) => {\n        if (placement === \"center\") return null;\n        if (placement === \"left\") return null;\n        if (placement === \"right\") return null;\n        return (\n          <div\n            className={classNames([\n              boxStyles.block,\n              styles[`arrowPlacement${placement}`],\n            ])}\n          >\n            <svg\n              className={classNames([boxStyles.block])}\n              width={40}\n              height={5}\n              viewBox=\"0 0 40 5\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path d=\"M17 0L22 5H12L17 0Z\" fill=\"currentColor\" />\n            </svg>\n          </div>\n        );\n      }}\n    </ReactAriaOverlayArrow>\n  );\n}\n\n/**\n * AriaTooltip: This component extends Tooltip from react-aria-components\n * It applies syntax styles and adds aadditional props:\n *  - onContentChangeVisibility\n */\nexport const AriaTooltip = forwardRef<\n  HTMLDivElement,\n  ReactAriaTooltipProps & {\n    /** Optional handler for change of visibility for overlaid content, for analytics timing */\n    onChangeContentVisibility?: (visible: boolean) => void;\n  }\n>(function AriaTooltip(\n  { children: childrenProp, onChangeContentVisibility, ...otherProps },\n  ref,\n): ReactElement {\n  const className = classNames([\n    boxStyles.box,\n    colorStyles.gray900Color,\n    colorStyles.cambioBlackBackgroundColor,\n    paddingStyles.paddingX2,\n    paddingStyles.paddingY2,\n    roundingStyles.roundingsm,\n    styles.tooltip,\n  ]);\n  return (\n    <ReactAriaTooltip\n      ref={ref}\n      {...mergeProps(\n        {\n          className,\n          offset: 8,\n          crossOffset: 0,\n        },\n        otherProps,\n      )}\n    >\n      {composeRenderProps(\n        childrenProp,\n        (children, { isEntering, isExiting }) => (\n          <>\n            <TooltipArrow />\n            <Typography size={100} color=\"white\">\n              {children}\n            </Typography>\n            <OverlayVisibility\n              isEntering={isEntering}\n              isExiting={isExiting}\n              onChange={onChangeContentVisibility}\n            />\n          </>\n        ),\n      )}\n    </ReactAriaTooltip>\n  );\n});\n\ntype TooltipProps = {\n  /**\n   * Test id for the floating tooltip\n   */\n  \"data-testid\"?: string;\n  /**\n   * How long a user hovers before tooltip shows (in ms)\n   * @defaultValue 0\n   */\n  delay?: number;\n  /** Optional boolean to disable tooltip trigger behavior */\n  disabled?: boolean;\n  /** Optional aria-label for the tooltip (content element) */\n  accessibilityLabel?: string;\n  /** Required trigger element */\n  children: ReactElement;\n  /** Content to be shown inside the tooltip. */\n  content: ReactNode;\n  /** If set to true the tooltip will render initially open */\n  initialOpen?: boolean;\n  /** Optional handler for change of visibility for popover content, for analytics timing */\n  onChangeContentVisibility?: (visible: boolean) => void;\n  /** Optional handler for change of visibility for popover content, for control */\n  onOpenChange?: (open: boolean) => void;\n  /** Optional boolean to control open state of tooltip externally */\n  open?: boolean;\n  /**\n   * Location of the tooltip content relative to anchor element\n   * @defaultValue \"top-end\"\n   */\n  placement?: Placement;\n};\n/**\n * [Tooltip](https://cambly-syntax.vercel.app/?path=/docs/components-tooltip--docs) displays contextual information on hover or focus.\n *\n * Tooltip content is hidden by default and shown on hover or focus.\n * The content is hidden again when the user mouses out of the trigger element or blurs the trigger element or presses Escape\n *\n * Example Usage:\n ```\n  <Tooltip\n    delay={200}\n    placement=\"bottom-start\"\n    initialOpen\n    content={(\n      <Box padding={2}>\n        ... some content goes here\n      </Box>\n    )}\n  >\n      <Button text=\"Trigger me\" />\n  </Tooltip>\n ```\n */\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip(\n  props,\n  ref,\n): ReactElement {\n  const {\n    accessibilityLabel,\n    \"data-testid\": dataTestId,\n    delay = 0,\n    disabled = false,\n    children,\n    content,\n    initialOpen,\n    onChangeContentVisibility,\n    onOpenChange,\n    open,\n    placement = \"top\",\n  } = props;\n\n  return (\n    <ReactAriaTooltipTrigger\n      defaultOpen={initialOpen}\n      delay={delay}\n      closeDelay={500}\n      isDisabled={disabled}\n      isOpen={open}\n      onOpenChange={onOpenChange}\n    >\n      {/* transfer focus handlers to child element if it is focusable */}\n      <Triggerable>{children}</Triggerable>\n      <AriaTooltip\n        ref={ref}\n        placement={syntaxToReactAriaPlacement(placement)}\n        aria-label={accessibilityLabel}\n        data-testid={dataTestId}\n        onChangeContentVisibility={onChangeContentVisibility}\n      >\n        {content}\n      </AriaTooltip>\n    </ReactAriaTooltipTrigger>\n  );\n});\n\nexport default Tooltip;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Tooltip/Tooltip.module.css\"; export default {\"tooltip\":\"_tooltip_11pyp_1\",\"arrowPlacementtop\":\"_arrowPlacementtop_11pyp_5\",\"arrowPlacementbottom\":\"_arrowPlacementbottom_11pyp_10\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAgB,kBAAqD;AACrE,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA,gBAAgB;AAAA,EAEhB,WAAW;AAAA,EACX,kBAAkB;AAAA,OAEb;AAKP,OAAO,gBAAgB;;;ACduE,IAAO,yBAAQ,EAAC,WAAU,oBAAmB,qBAAoB,8BAA6B,wBAAuB,iCAAgC;;;AD8CrO,SAgDJ,UAhDI,KAgDJ,YAhDI;AArBd,SAAS,aAAa,OAAiD;AACrE,SACE,oBAAC,wDAA0B,QAA1B,EACE,WAAC,EAAE,UAAU,MAAM;AAClB,QAAI,cAAc;AAAU,aAAO;AACnC,QAAI,cAAc;AAAQ,aAAO;AACjC,QAAI,cAAc;AAAS,aAAO;AAClC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW;AAAA,UACpB,mBAAU;AAAA,UACV,uBAAO,iBAAiB,WAAW;AAAA,QACrC,CAAC;AAAA,QAED;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,WAAW,CAAC,mBAAU,KAAK,CAAC;AAAA,YACvC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,SAAQ;AAAA,YACR,OAAM;AAAA,YAEN,8BAAC,UAAK,GAAE,uBAAsB,MAAK,gBAAe;AAAA;AAAA,QACpD;AAAA;AAAA,IACF;AAAA,EAEJ,IACF;AAEJ;AAOO,IAAM,cAAc,WAMzB,SAASA,aACT,IACA,KACc;AAFd,eAAE,YAAU,cAAc,0BAnE5B,IAmEE,IAAwD,uBAAxD,IAAwD,CAAtD,YAAwB;AAG1B,QAAM,YAAY,WAAW;AAAA,IAC3B,mBAAU;AAAA,IACV,sBAAY;AAAA,IACZ,sBAAY;AAAA,IACZ,uBAAc;AAAA,IACd,uBAAc;AAAA,IACd,wBAAe;AAAA,IACf,uBAAO;AAAA,EACT,CAAC;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,OACI;AAAA,MACF;AAAA,QACE;AAAA,QACA,QAAQ;AAAA,QACR,aAAa;AAAA,MACf;AAAA,MACA;AAAA,IACF,IATD;AAAA,MAWE;AAAA,QACC;AAAA,QACA,CAAC,UAAU,EAAE,YAAY,UAAU,MACjC,iCACE;AAAA,8BAAC,gBAAa;AAAA,UACd,oBAAC,sBAAW,MAAM,KAAK,OAAM,SAC1B,UACH;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA,UAAU;AAAA;AAAA,UACZ;AAAA,WACF;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ,CAAC;AAwDD,IAAM,UAAU,WAAyC,SAASC,SAChE,OACA,KACc;AACd,QAAM;AAAA,IACJ;AAAA,IACA,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAa;AAAA,MACb;AAAA,MACA,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR;AAAA,MAGA;AAAA,4BAAC,uBAAa,UAAS;AAAA,QACvB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,2BAA2B,SAAS;AAAA,YAC/C,cAAY;AAAA,YACZ,eAAa;AAAA,YACb;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,kBAAQ;","names":["AriaTooltip","Tooltip"]}

package/dist/__chunks/{W5MIJIZA.cjs → 2IHACTOY.cjs}

@@ -10,14 +10,11 @@ var _PLUVW6AMcjs = require('./PLUVW6AM.cjs');
 var _IL22HCBFcjs = require('./IL22HCBF.cjs');
 
 
-var _S5QHTHSTcjs = require('./S5QHTHST.cjs');
+var _45TMKSJQcjs = require('./45TMKSJQ.cjs');
 
 
 var _QAS3KERZcjs = require('./QAS3KERZ.cjs');
 
-
-var _JXOKXBDZcjs = require('./JXOKXBDZ.cjs');
-
 // src/Dialog/Dialog.tsx
 
 
@@ -34,11 +31,6 @@ var Dialog_module_default = { "dialog": "_dialog_1bme6_1" };
 var _reactariacomponents = require('react-aria-components');
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
 var _jsxruntime = require('react/jsx-runtime');
-var sizeToRounding = {
-  sm: "lg",
-  md: "lg",
-  lg: "xl"
-};
 var sizeToPadding = {
   sm: 4,
   md: 5,
@@ -53,7 +45,6 @@ var Dialog = _react.forwardRef.call(void 0, function Dialog2(props, ref) {
     size = "md"
   } = props;
   const { padding } = _react.useContext.call(void 0, DialogContext);
-  const { themeName } = _JXOKXBDZcjs.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _reactariacomponents.Dialog,
     {
@@ -70,7 +61,7 @@ var Dialog = _react.forwardRef.call(void 0, function Dialog2(props, ref) {
         _QAS3KERZcjs.colors_module_default.whiteBackgroundColor,
         _PLUVW6AMcjs.padding_module_default[`paddingX${padding != null ? padding : sizeToPadding[size]}`],
         _PLUVW6AMcjs.padding_module_default[`paddingY${padding != null ? padding : sizeToPadding[size]}`],
-        _S5QHTHSTcjs.rounding_module_default[themeName === "classic" ? `rounding${sizeToRounding[size]}` : "roundingmdCambio"],
+        _45TMKSJQcjs.rounding_module_default.roundingmd,
         elevation_module_default.elevation400BoxShadow,
         _MF7LLV7Vcjs.layout_module_default.fullMaxHeight,
         _MF7LLV7Vcjs.layout_module_default.visibilityVisible,
@@ -86,4 +77,4 @@ var Dialog_default = Dialog;
 
 
 exports.DialogContext = DialogContext; exports.Dialog_default = Dialog_default;
-//# sourceMappingURL=W5MIJIZA.cjs.map
+//# sourceMappingURL=2IHACTOY.cjs.map

package/dist/__chunks/2IHACTOY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Dialog/Dialog.tsx","css-module:../elevation/elevation.module.css#css-module","css-module:./Dialog.module.css#css-module"],"names":["Dialog"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,OAAO;AAAA,EAEL;AAAA,EAEA;AAAA,OAEK;;;ACN2F,IAAO,2BAAQ,EAAC,yBAAwB,iCAAgC;;;ACA9E,IAAO,wBAAQ,EAAC,UAAS,kBAAiB;;;AFctI,SAAS,UAAU,uBAAuB;AAC1C,OAAO,gBAAgB;AAqDnB;AAtCJ,IAAM,gBAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAMO,IAAM,gBAAgB,MAAM,cAAiC,CAAC,CAAC;AActE,IAAM,SAAS,WAAwC,SAASA,QAC9D,OACA,KACc;AACd,QAAM;AAAA,IACJ,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO;AAAA,EACT,IAAI;AAEJ,QAAM,EAAE,QAAQ,IAAI,WAAW,aAAa;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa;AAAA,MAGb,cAAY;AAAA,MACZ,WAAW,WAAW;AAAA,QACpB,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,mBAAU;AAAA,QACV,sBAAY;AAAA,QACZ,uBAAc,WAAW,4BAAW,cAAc,IAAI,GAAG;AAAA,QACzD,uBAAc,WAAW,4BAAW,cAAc,IAAI,GAAG;AAAA,QACzD,wBAAe;AAAA,QACf,yBAAgB;AAAA,QAChB,sBAAa;AAAA,QACb,sBAAa;AAAA,QACb,sBAAO;AAAA,MACT,CAAC;AAAA,MAEA;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,iBAAQ","sourcesContent":["import React, {\n  type ReactNode,\n  forwardRef,\n  type ReactElement,\n  useContext,\n  type ComponentProps,\n} from \"react\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport elevationStyles from \"../elevation/elevation.module.css\";\nimport layoutStyles from \"../layout.module.css\";\nimport paddingStyles from \"../Box/padding.module.css\";\nimport roundingStyles from \"../rounding.module.css\";\nimport boxStyles from \"../Box/Box.module.css\";\nimport styles from \"./Dialog.module.css\";\nimport { Dialog as ReactAriaDialog } from \"react-aria-components\";\nimport classNames from \"classnames\";\nimport type Box from \"../Box/Box\";\n\ntype DialogSize = \"sm\" | \"md\" | \"lg\";\nexport type DialogProps = {\n  /** Test id for the floating dialog */\n  \"data-testid\"?: string;\n  /** aria-label for the dialog */\n  accessibilityLabel?: string;\n  /** Content to be shown inside the dialog. */\n  children?: ReactNode;\n  /** Optional size of the dialog box */\n  size?: DialogSize;\n};\n\nconst sizeToPadding: Record<DialogSize, 4 | 5 | 6> = {\n  sm: 4,\n  md: 5,\n  lg: 6,\n};\n\ntype DialogContextType = {\n  /** padding of dialog content. overrides \\\"size\\\" prop's padding\" */\n  padding?: ComponentProps<typeof Box>[\"padding\"];\n};\nexport const DialogContext = React.createContext<DialogContextType>({});\n\n/**\n * Dialog is a display component for showing content in Popovers, Modals, etc...\n *\n * Example Usage:\n ```\n  <Dialog accessibilityLabel=\"Select some options\">\n    <Box padding={2} maxWidth={400}>\n      ... some content goes here\n    </Box>\n  </Dialog>\n ```\n */\nconst Dialog = forwardRef<HTMLDivElement, DialogProps>(function Dialog(\n  props,\n  ref,\n): ReactElement {\n  const {\n    \"data-testid\": dataTestId,\n    accessibilityLabel,\n    children,\n    size = \"md\",\n  } = props;\n\n  const { padding } = useContext(DialogContext);\n\n  return (\n    <ReactAriaDialog\n      ref={ref}\n      data-testid={dataTestId}\n      // first thing screen reader reads\n      // e.g. \"<this was the label prop>, dialog, 4 items...\"\n      aria-label={accessibilityLabel}\n      className={classNames([\n        boxStyles.box,\n        boxStyles.flex,\n        boxStyles.column,\n        boxStyles.gap4,\n        boxStyles.relative,\n        boxStyles.overflowauto,\n        colorStyles.whiteBackgroundColor,\n        paddingStyles[`paddingX${padding ?? sizeToPadding[size]}`],\n        paddingStyles[`paddingY${padding ?? sizeToPadding[size]}`],\n        roundingStyles.roundingmd,\n        elevationStyles.elevation400BoxShadow,\n        layoutStyles.fullMaxHeight,\n        layoutStyles.visibilityVisible,\n        styles.dialog,\n      ])}\n    >\n      {children}\n    </ReactAriaDialog>\n  );\n});\n\nexport default Dialog;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/elevation/elevation.module.css\"; export default {\"elevation400BoxShadow\":\"_elevation400BoxShadow_vw6sp_1\"}","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Dialog/Dialog.module.css\"; export default {\"dialog\":\"_dialog_1bme6_1\"}"]}

package/dist/__chunks/{TDR3JRXZ.js → 2K6CP2YU.js}

@@ -5,19 +5,16 @@ import {
 import {
   ColorBaseDestructive700,
   ColorBaseGray800
-} from "./ICDRMDXD.js";
+} from "./57KSLOGS.js";
 import {
   Focus_module_default
 } from "./KKADUD65.js";
 import {
   Box_default
-} from "./HCHFPFNX.js";
+} from "./ZPY7QEBH.js";
 import {
   Typography_default
-} from "./UVROGDYB.js";
-import {
-  useTheme
-} from "./4GTNQPPD.js";
+} from "./3GNWH6C7.js";
 import {
   useIsHydrated
 } from "./JB65NEXK.js";
@@ -33,15 +30,10 @@ import {
 import classNames from "classnames";
 
 // css-module:./SelectList.module.css#css-module
-var SelectList_module_default = { "selectContainer": "_selectContainer_dwmnw_1", "opacityOverlay": "_opacityOverlay_dwmnw_7", "selectWrapper": "_selectWrapper_dwmnw_11", "selectBox": "_selectBox_dwmnw_16", "selectBoxClassic": "_selectBoxClassic_dwmnw_32", "selectBoxCambio": "_selectBoxCambio_dwmnw_37", "selectMouseFocusStyling": "_selectMouseFocusStyling_dwmnw_46", "unselected": "_unselected_dwmnw_51", "selected": "_selected_dwmnw_55", "arrowIcon": "_arrowIcon_dwmnw_59", "sm": "_sm_dwmnw_73", "md": "_md_dwmnw_79", "lg": "_lg_dwmnw_85", "selectError": "_selectError_dwmnw_91", "selectErrorCambio": "_selectErrorCambio_dwmnw_97" };
+var SelectList_module_default = { "selectContainer": "_selectContainer_1f379_1", "opacityOverlay": "_opacityOverlay_1f379_7", "selectWrapper": "_selectWrapper_1f379_11", "selectBox": "_selectBox_1f379_16", "selectBoxCambio": "_selectBoxCambio_1f379_32", "selectMouseFocusStyling": "_selectMouseFocusStyling_1f379_41", "unselected": "_unselected_1f379_46", "selected": "_selected_1f379_50", "arrowIcon": "_arrowIcon_1f379_54", "selectErrorCambio": "_selectErrorCambio_1f379_68" };
 
 // src/SelectList/SelectList.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-var iconSize = {
-  sm: 20,
-  md: 24,
-  lg: 24
-};
 function SelectList({
   children,
   "data-testid": dataTestId,
@@ -59,7 +51,6 @@ function SelectList({
   const reactId = useId();
   const isHydrated = useIsHydrated();
   const disabled = !isHydrated || disabledProp;
-  const { themeName } = useTheme();
   const selectId = id != null ? id : reactId;
   const { isFocusVisible } = useFocusVisible();
   const [isFocused, setIsFocused] = useState(false);
@@ -76,22 +67,18 @@ function SelectList({
             "select",
             {
               id: selectId,
+              "data-size": size,
               "data-testid": dataTestId,
               disabled,
-              className: classNames(
-                SelectList_module_default.selectBox,
-                themeName === "classic" ? SelectList_module_default.selectBoxClassic : SelectList_module_default.selectBoxCambio,
-                themeName === "classic" && SelectList_module_default[size],
-                {
-                  [SelectList_module_default.unselected]: !selectedValue && !errorText,
-                  [SelectList_module_default.selected]: selectedValue && !errorText,
-                  [themeName === "classic" ? SelectList_module_default.selectError : SelectList_module_default.selectErrorCambio]: errorText,
-                  [Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible,
-                  // for focus keyboard
-                  [SelectList_module_default.selectMouseFocusStyling]: isFocused && !isFocusVisible
-                  // for focus mouse
-                }
-              ),
+              className: classNames(SelectList_module_default.selectBox, SelectList_module_default.selectBoxCambio, {
+                [SelectList_module_default.unselected]: !selectedValue && !errorText,
+                [SelectList_module_default.selected]: selectedValue && !errorText,
+                [SelectList_module_default.selectErrorCambio]: errorText,
+                [Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible,
+                // for focus keyboard
+                [SelectList_module_default.selectMouseFocusStyling]: isFocused && !isFocusVisible
+                // for focus mouse
+              }),
               onChange,
               onClick,
               value: placeholderText && !selectedValue ? placeholderText : selectedValue,
@@ -109,7 +96,7 @@ function SelectList({
               focusable: "false",
               "aria-hidden": "true",
               viewBox: "0 0 24 24",
-              width: themeName === "classic" ? iconSize[size] : 24,
+              width: 24,
               children: /* @__PURE__ */ jsx(
                 "path",
                 {
@@ -137,4 +124,4 @@ SelectList.Option = SelectOption_default;
 export {
   SelectList
 };
-//# sourceMappingURL=TDR3JRXZ.js.map
+//# sourceMappingURL=2K6CP2YU.js.map

package/dist/__chunks/2K6CP2YU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/SelectList/SelectList.tsx","css-module:./SelectList.module.css#css-module"],"sourcesContent":["import React, {\n  type ReactElement,\n  type ReactNode,\n  useId,\n  useState,\n} from \"react\";\nimport Box from \"../Box/Box\";\nimport classNames from \"classnames\";\nimport {\n  ColorBaseDestructive700,\n  ColorBaseGray800,\n} from \"@cambly/syntax-design-tokens\";\nimport Typography from \"../Typography/Typography\";\nimport styles from \"./SelectList.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport SelectOption from \"./SelectOption\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport useIsHydrated from \"../useIsHydrated\";\n\n/**\n * [SelectList](https://cambly-syntax.vercel.app/?path=/docs/components-selectlist--docs) is a dropdown menu that allows users to select one option from a list.\n */\nexport default function SelectList({\n  children,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  errorText,\n  helperText,\n  id,\n  label,\n  onChange,\n  onClick,\n  placeholderText,\n  selectedValue = \"\",\n  size = \"md\",\n}: {\n  /**\n   * One or more SelectList.Option components.\n   */\n  children: ReactNode;\n  /**\n   * Test id for the select element\n   */\n  \"data-testid\"?: string;\n  /**\n   * true if the select dropdown is disabled\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * Callback to be called when select is clicked\n   */\n  onClick?: React.MouseEventHandler<HTMLSelectElement>;\n  /**\n   * Text shown below select box if there is an input error.\n   */\n  errorText?: string;\n  /**\n   * Text shown below select box\n   */\n  helperText?: string;\n  /**\n   * Id of the select element\n   */\n  id?: string;\n  /**\n   * Text shown above select box\n   */\n  label: string;\n  /**\n   * The callback to be called when an option is selected\n   */\n  onChange: React.ChangeEventHandler<HTMLSelectElement>;\n  /**\n   * Text showing in select box if no option has been chosen.\n   * We should always have a placeholder unless there is a default option selected\n   */\n  placeholderText?: string;\n  /**\n   * Value of the currently selected option\n   */\n  selectedValue?: string;\n  /**\n   * Size of the select box\n   * * `sm`: 32px\n   * * `md`: 40px\n   * * `lg`: 48px\n   *\n   * @defaultValue \"md\"\n   * @deprecated we only support `md` size\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n}): ReactElement {\n  const reactId = useId();\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const selectId = id ?? reactId;\n  const { isFocusVisible } = useFocusVisible();\n  const [isFocused, setIsFocused] = useState(false);\n\n  return (\n    <div\n      className={classNames(styles.selectContainer, {\n        [styles.opacityOverlay]: disabled,\n      })}\n    >\n      {label && (\n        <label htmlFor={selectId}>\n          <Box paddingX={1}>\n            <Typography size={100} color=\"gray700\">\n              {label}\n            </Typography>\n          </Box>\n        </label>\n      )}\n      <div className={styles.selectWrapper}>\n        <select\n          id={selectId}\n          data-size={size}\n          data-testid={dataTestId}\n          disabled={disabled}\n          className={classNames(styles.selectBox, styles.selectBoxCambio, {\n            [styles.unselected]: !selectedValue && !errorText,\n            [styles.selected]: selectedValue && !errorText,\n            [styles.selectErrorCambio]: errorText,\n            [focusStyles.accessibilityOutlineFocus]:\n              isFocused && isFocusVisible, // for focus keyboard\n            [styles.selectMouseFocusStyling]: isFocused && !isFocusVisible, // for focus mouse\n          })}\n          onChange={onChange}\n          onClick={onClick}\n          value={\n            placeholderText && !selectedValue ? placeholderText : selectedValue\n          }\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n        >\n          {placeholderText && (\n            <option disabled value={placeholderText}>\n              {placeholderText}\n            </option>\n          )}\n          {children}\n        </select>\n        <div className={styles.arrowIcon}>\n          <svg\n            focusable=\"false\"\n            aria-hidden=\"true\"\n            viewBox=\"0 0 24 24\"\n            width={24}\n          >\n            <path\n              fill={errorText ? ColorBaseDestructive700 : ColorBaseGray800}\n              d=\"M15.88 9.29 12 13.17 8.12 9.29a.9959.9959 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z\"\n            />\n          </svg>\n        </div>\n      </div>\n      {(helperText || errorText) && (\n        <Box paddingX={1}>\n          <Typography\n            size={100}\n            color={errorText ? \"destructive-primary\" : \"gray700\"}\n          >\n            {errorText ? errorText : helperText}\n          </Typography>\n        </Box>\n      )}\n    </div>\n  );\n}\n\nSelectList.Option = SelectOption;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/SelectList/SelectList.module.css\"; export default {\"selectContainer\":\"_selectContainer_1f379_1\",\"opacityOverlay\":\"_opacityOverlay_1f379_7\",\"selectWrapper\":\"_selectWrapper_1f379_11\",\"selectBox\":\"_selectBox_1f379_16\",\"selectBoxCambio\":\"_selectBoxCambio_1f379_32\",\"selectMouseFocusStyling\":\"_selectMouseFocusStyling_1f379_41\",\"unselected\":\"_unselected_1f379_46\",\"selected\":\"_selected_1f379_50\",\"arrowIcon\":\"_arrowIcon_1f379_54\",\"selectErrorCambio\":\"_selectErrorCambio_1f379_68\"}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AAEP,OAAO,gBAAgB;;;ACP6E,IAAO,4BAAQ,EAAC,mBAAkB,4BAA2B,kBAAiB,2BAA0B,iBAAgB,2BAA0B,aAAY,uBAAsB,mBAAkB,6BAA4B,2BAA0B,qCAAoC,cAAa,wBAAuB,YAAW,sBAAqB,aAAY,uBAAsB,qBAAoB,8BAA6B;;;AD6G/gB,cAOJ,YAPI;AAvFG,SAAR,WAA4B;AAAA,EACjC;AAAA,EACA,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,OAAO;AACT,GAyDiB;AACf,QAAM,UAAU,MAAM;AACtB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,WAAW,kBAAM;AACvB,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAC3C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,0BAAO,iBAAiB;AAAA,QAC5C,CAAC,0BAAO,cAAc,GAAG;AAAA,MAC3B,CAAC;AAAA,MAEA;AAAA,iBACC,oBAAC,WAAM,SAAS,UACd,8BAAC,eAAI,UAAU,GACb,8BAAC,sBAAW,MAAM,KAAK,OAAM,WAC1B,iBACH,GACF,GACF;AAAA,QAEF,qBAAC,SAAI,WAAW,0BAAO,eACrB;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,aAAW;AAAA,cACX,eAAa;AAAA,cACb;AAAA,cACA,WAAW,WAAW,0BAAO,WAAW,0BAAO,iBAAiB;AAAA,gBAC9D,CAAC,0BAAO,UAAU,GAAG,CAAC,iBAAiB,CAAC;AAAA,gBACxC,CAAC,0BAAO,QAAQ,GAAG,iBAAiB,CAAC;AAAA,gBACrC,CAAC,0BAAO,iBAAiB,GAAG;AAAA,gBAC5B,CAAC,qBAAY,yBAAyB,GACpC,aAAa;AAAA;AAAA,gBACf,CAAC,0BAAO,uBAAuB,GAAG,aAAa,CAAC;AAAA;AAAA,cAClD,CAAC;AAAA,cACD;AAAA,cACA;AAAA,cACA,OACE,mBAAmB,CAAC,gBAAgB,kBAAkB;AAAA,cAExD,SAAS,MAAM,aAAa,IAAI;AAAA,cAChC,QAAQ,MAAM,aAAa,KAAK;AAAA,cAE/B;AAAA,mCACC,oBAAC,YAAO,UAAQ,MAAC,OAAO,iBACrB,2BACH;AAAA,gBAED;AAAA;AAAA;AAAA,UACH;AAAA,UACA,oBAAC,SAAI,WAAW,0BAAO,WACrB;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,SAAQ;AAAA,cACR,OAAO;AAAA,cAEP;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,YAAY,0BAA0B;AAAA,kBAC5C,GAAE;AAAA;AAAA,cACJ;AAAA;AAAA,UACF,GACF;AAAA,WACF;AAAA,SACE,cAAc,cACd,oBAAC,eAAI,UAAU,GACb;AAAA,UAAC;AAAA;AAAA,YACC,MAAM;AAAA,YACN,OAAO,YAAY,wBAAwB;AAAA,YAE1C,sBAAY,YAAY;AAAA;AAAA,QAC3B,GACF;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,WAAW,SAAS;","names":[]}

package/dist/__chunks/{GJBW4BG7.js → 2ZPIW4UQ.js}

@@ -1,7 +1,7 @@
 "use client"
 import {
   Box_default
-} from "./HCHFPFNX.js";
+} from "./ZPY7QEBH.js";
 
 // src/Modal/Layer.tsx
 import { createPortal } from "react-dom";
@@ -29,4 +29,4 @@ function Layer({
 export {
   Layer
 };
-//# sourceMappingURL=GJBW4BG7.js.map
+//# sourceMappingURL=2ZPIW4UQ.js.map