@cambly/syntax-core 23.6.0 → 23.7.0

package/dist/DateRangePicker/DateRangePicker.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Icon/Icon.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/DateRangePicker/DateRangePicker.module.css/#css-module-data"],"sourcesContent":["/* Regular Colors */\n._inheritColor_1xef3_2 {\n  color: inherit;\n}\n\n._destructive700Color_1xef3_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_1xef3_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_1xef3_14 {\n  color: var(--color-base-gray-900);\n}\n\n._primary700Color_1xef3_18 {\n  color: var(--color-base-primary-700);\n}\n\n._success700Color_1xef3_22 {\n  color: var(--color-base-success-700);\n}\n\n._whiteColor_1xef3_26 {\n  color: var(--color-base-white);\n}\n\n._blackColor_1xef3_30 {\n  color: var(--color-base-black);\n}\n\n._destructive100Color_1xef3_34 {\n  color: var(--color-base-destructive-100);\n}\n\n._destructive200Color_1xef3_38 {\n  color: var(--color-base-destructive-200);\n}\n\n._destructive300Color_1xef3_42 {\n  color: var(--color-base-destructive-300);\n}\n\n._destructive800Color_1xef3_46 {\n  color: var(--color-base-destructive-800);\n}\n\n._destructive900Color_1xef3_50 {\n  color: var(--color-base-destructive-900);\n}\n\n._gray10Color_1xef3_54 {\n  color: var(--color-base-gray-10);\n}\n\n._gray30Color_1xef3_58 {\n  color: var(--color-base-gray-30);\n}\n\n._gray60Color_1xef3_62 {\n  color: var(--color-base-gray-60);\n}\n\n._gray80Color_1xef3_66 {\n  color: var(--color-base-gray-80);\n}\n\n._gray100Color_1xef3_70 {\n  color: var(--color-base-gray-100);\n}\n\n._gray200Color_1xef3_74 {\n  color: var(--color-base-gray-200);\n}\n\n._gray300Color_1xef3_78 {\n  color: var(--color-base-gray-300);\n}\n\n._gray800Color_1xef3_82 {\n  color: var(--color-base-gray-800);\n}\n\n._orange100Color_1xef3_86 {\n  color: var(--color-base-orange-100);\n}\n\n._orange200Color_1xef3_90 {\n  color: var(--color-base-orange-200);\n}\n\n._orange300Color_1xef3_94 {\n  color: var(--color-base-orange-300);\n}\n\n._orange700Color_1xef3_98 {\n  color: var(--color-base-orange-700);\n}\n\n._orange800Color_1xef3_102 {\n  color: var(--color-base-orange-800);\n}\n\n._orange900Color_1xef3_106 {\n  color: var(--color-base-orange-900);\n}\n\n._primary100Color_1xef3_110 {\n  color: var(--color-base-primary-100);\n}\n\n._primary200Color_1xef3_114 {\n  color: var(--color-base-primary-200);\n}\n\n._primary300Color_1xef3_118 {\n  color: var(--color-base-primary-300);\n}\n\n._primary800Color_1xef3_122 {\n  color: var(--color-base-primary-800);\n}\n\n._primary900Color_1xef3_126 {\n  color: var(--color-base-primary-900);\n}\n\n._success100Color_1xef3_130 {\n  color: var(--color-base-success-100);\n}\n\n._success200Color_1xef3_134 {\n  color: var(--color-base-success-200);\n}\n\n._success300Color_1xef3_138 {\n  color: var(--color-base-success-300);\n}\n\n._success800Color_1xef3_142 {\n  color: var(--color-base-success-800);\n}\n\n._success900Color_1xef3_146 {\n  color: var(--color-base-success-900);\n}\n\n._purple100Color_1xef3_150 {\n  color: var(--color-base-purple-100);\n}\n\n._purple200Color_1xef3_154 {\n  color: var(--color-base-purple-200);\n}\n\n._purple300Color_1xef3_158 {\n  color: var(--color-base-purple-300);\n}\n\n._purple700Color_1xef3_162 {\n  color: var(--color-base-purple-700);\n}\n\n._purple800Color_1xef3_166 {\n  color: var(--color-base-purple-800);\n}\n\n._purple900Color_1xef3_170 {\n  color: var(--color-base-purple-900);\n}\n\n._yellow100Color_1xef3_174 {\n  color: var(--color-base-yellow-100);\n}\n\n._yellow200Color_1xef3_178 {\n  color: var(--color-base-yellow-200);\n}\n\n._yellow300Color_1xef3_182 {\n  color: var(--color-base-yellow-300);\n}\n\n._yellow700Color_1xef3_186 {\n  color: var(--color-base-yellow-700);\n}\n\n._yellow800Color_1xef3_190 {\n  color: var(--color-base-yellow-800);\n}\n\n._yellow900Color_1xef3_194 {\n  color: var(--color-base-yellow-900);\n}\n\n/* Border Colors */\n._noBorder_1xef3_199 {\n  border: none;\n}\n\n._blackBorderColor_1xef3_203 {\n  box-shadow: 0 0 0 1px var(--color-cambio-black) inset;\n}\n\n._whiteBorderColor_1xef3_207 {\n  box-shadow: 0 0 0 1px var(--color-base-white) inset;\n}\n\n._success770BorderColor_1xef3_211 {\n  box-shadow: 0 0 0 1px var(--color-cambio-success-770) inset;\n}\n\n._destructive770BorderColor_1xef3_215 {\n  box-shadow: 0 0 0 1px var(--color-cambio-destructive-770) inset;\n}\n\n._gray370BorderColor_1xef3_219 {\n  box-shadow: 0 0 0 1px var(--color-cambio-gray-370) inset;\n}\n\n._success370BorderColor_1xef3_223 {\n  box-shadow: 0 0 0 1px var(--color-cambio-success-370) inset;\n}\n\n._destructive370BorderColor_1xef3_227 {\n  box-shadow: 0 0 0 1px var(--color-cambio-destructive-370) inset;\n}\n\n._cambioGray870BorderColor_1xef3_231 {\n  box-shadow: 0 0 0 1px var(--color-cambio-gray-870) inset;\n}\n\n/* Background Colors */\n\n._blackBackgroundColor_1xef3_237 {\n  background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_1xef3_241 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_1xef3_245 {\n  background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_1xef3_249 {\n  background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_1xef3_253 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_1xef3_257 {\n  background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_1xef3_261 {\n  background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_1xef3_265 {\n  background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_1xef3_269 {\n  background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_1xef3_273 {\n  background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_1xef3_277 {\n  background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_1xef3_281 {\n  background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_1xef3_285 {\n  background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_1xef3_289 {\n  background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_1xef3_293 {\n  background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_1xef3_297 {\n  background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_1xef3_301 {\n  background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_1xef3_305 {\n  background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_1xef3_309 {\n  background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_1xef3_313 {\n  background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_1xef3_317 {\n  background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_1xef3_321 {\n  background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_1xef3_325 {\n  background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_1xef3_329 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_1xef3_333 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_1xef3_337 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_1xef3_341 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_1xef3_345 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_1xef3_349 {\n  background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_1xef3_353 {\n  background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_1xef3_357 {\n  background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_1xef3_361 {\n  background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_1xef3_365 {\n  background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_1xef3_369 {\n  background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_1xef3_373 {\n  background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_1xef3_377 {\n  background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_1xef3_381 {\n  background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_1xef3_385 {\n  background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_1xef3_389 {\n  background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_1xef3_393 {\n  background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_1xef3_397 {\n  background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_1xef3_401 {\n  background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_1xef3_405 {\n  background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_1xef3_409 {\n  background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_1xef3_413 {\n  background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_1xef3_417 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_1xef3_421 {\n  background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_1xef3_425 {\n  background-color: var(--color-base-yellow-900);\n}\n\n/* Cambio colors */\n._cambioBlackColor_1xef3_430 {\n  color: var(--color-cambio-black);\n}\n\n._cambioWhiteColor_1xef3_434 {\n  color: var(--color-cambio-white-100);\n}\n\n._white40Color_1xef3_438 {\n  color: var(--color-cambio-white-40);\n}\n\n._white70Color_1xef3_442 {\n  color: var(--color-cambio-white-70);\n}\n\n._cambioGray100Color_1xef3_446 {\n  color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200Color_1xef3_450 {\n  color: var(--color-cambio-gray-200);\n}\n\n._gray270Color_1xef3_454 {\n  color: var(--color-cambio-gray-270);\n}\n\n._cambioGray300Color_1xef3_458 {\n  color: var(--color-cambio-gray-300);\n}\n\n._cambioGray370Color_1xef3_462 {\n  color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700Color_1xef3_466 {\n  color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800Color_1xef3_470 {\n  color: var(--color-cambio-gray-800);\n}\n\n._cambioGray870Color_1xef3_474 {\n  color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900Color_1xef3_478 {\n  color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100Color_1xef3_482 {\n  color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300Color_1xef3_486 {\n  color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370Color_1xef3_490 {\n  color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700Color_1xef3_494 {\n  color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770Color_1xef3_498 {\n  color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900Color_1xef3_502 {\n  color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100Color_1xef3_506 {\n  color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300Color_1xef3_510 {\n  color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370Color_1xef3_514 {\n  color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700Color_1xef3_518 {\n  color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770Color_1xef3_522 {\n  color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900Color_1xef3_526 {\n  color: var(--color-cambio-success-900);\n}\n\n._cambioRedColor_1xef3_530 {\n  color: var(--color-cambio-red);\n}\n\n._cambioOrangeColor_1xef3_534 {\n  color: var(--color-cambio-orange);\n}\n\n._cambioTanColor_1xef3_538 {\n  color: var(--color-cambio-tan);\n}\n\n._cambioCreamColor_1xef3_542 {\n  color: var(--color-cambio-cream);\n}\n\n._cambioPurpleColor_1xef3_546 {\n  color: var(--color-cambio-purple);\n}\n\n._cambioLilacColor_1xef3_550 {\n  color: var(--color-cambio-lilac);\n}\n\n._cambioThistleColor_1xef3_554 {\n  color: var(--color-cambio-thistle);\n}\n\n._cambioPinkColor_1xef3_558 {\n  color: var(--color-cambio-pink);\n}\n\n._cambioNavyColor_1xef3_562 {\n  color: var(--color-cambio-navy);\n}\n\n._cambioTealColor_1xef3_566 {\n  color: var(--color-cambio-teal);\n}\n\n._cambioSlateColor_1xef3_570 {\n  color: var(--color-cambio-slate);\n}\n\n._cambioSkyColor_1xef3_574 {\n  color: var(--color-cambio-sky);\n}\n\n._cambioYellow700Color_1xef3_578 {\n  color: var(--color-cambio-yellow-700);\n}\n\n._gray370Color_1xef3_582 {\n  color: var(--color-cambio-gray-370);\n}\n\n._gray870Color_1xef3_586 {\n  color: var(--color-cambio-gray-870);\n}\n\n._redColor_1xef3_590 {\n  color: var(--color-cambio-red);\n}\n\n._orangeColor_1xef3_594 {\n  color: var(--color-cambio-orange);\n}\n\n._tanColor_1xef3_598 {\n  color: var(--color-cambio-tan);\n}\n\n._creamColor_1xef3_602 {\n  color: var(--color-cambio-cream);\n}\n\n._purpleColor_1xef3_606 {\n  color: var(--color-cambio-purple);\n}\n\n._lilacColor_1xef3_610 {\n  color: var(--color-cambio-lilac);\n}\n\n._thistleColor_1xef3_614 {\n  color: var(--color-cambio-thistle);\n}\n\n._pinkColor_1xef3_618 {\n  color: var(--color-cambio-pink);\n}\n\n._navyColor_1xef3_622 {\n  color: var(--color-cambio-navy);\n}\n\n._tealColor_1xef3_626 {\n  color: var(--color-cambio-teal);\n}\n\n._slateColor_1xef3_630 {\n  color: var(--color-cambio-slate);\n}\n\n._skyColor_1xef3_634 {\n  color: var(--color-cambio-sky);\n}\n\n._cambioTransparentFullBackgroundColor_1xef3_638 {\n  background-color: var(--color-cambio-transparent-full);\n}\n\n._cambioBlackBackgroundColor_1xef3_642 {\n  background-color: var(--color-cambio-black);\n}\n\n._cambioWhiteBackgroundColor_1xef3_646 {\n  background-color: var(--color-cambio-white-100);\n}\n\n._white40BackgroundColor_1xef3_650 {\n  background-color: var(--color-cambio-white-40);\n}\n\n._white70BackgroundColor_1xef3_654 {\n  background-color: var(--color-cambio-white-70);\n}\n\n._cambioGray100BackgroundColor_1xef3_658 {\n  background-color: var(--color-cambio-gray-100);\n}\n\n._cambioGray200BackgroundColor_1xef3_662 {\n  background-color: var(--color-cambio-gray-200);\n}\n\n._cambioGray300BackgroundColor_1xef3_666 {\n  background-color: var(--color-cambio-gray-300);\n}\n\n._gray270BackgroundColor_1xef3_670 {\n  background-color: var(--color-cambio-gray-270);\n}\n\n._gray370BackgroundColor_1xef3_674 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray370BackgroundColor_1xef3_678 {\n  background-color: var(--color-cambio-gray-370);\n}\n\n._cambioGray700BackgroundColor_1xef3_682 {\n  background-color: var(--color-cambio-gray-700);\n}\n\n._cambioGray800BackgroundColor_1xef3_686 {\n  background-color: var(--color-cambio-gray-800);\n}\n\n._gray870BackgroundColor_1xef3_690 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray870BackgroundColor_1xef3_694 {\n  background-color: var(--color-cambio-gray-870);\n}\n\n._cambioGray900BackgroundColor_1xef3_698 {\n  background-color: var(--color-cambio-gray-900);\n}\n\n._cambioDestructive100BackgroundColor_1xef3_702 {\n  background-color: var(--color-cambio-destructive-100);\n}\n\n._cambioDestructive300BackgroundColor_1xef3_706 {\n  background-color: var(--color-cambio-destructive-300);\n}\n\n._cambioDestructive370BackgroundColor_1xef3_710 {\n  background-color: var(--color-cambio-destructive-370);\n}\n\n._cambioDestructive700BackgroundColor_1xef3_714 {\n  background-color: var(--color-cambio-destructive-700);\n}\n\n._cambioDestructive770BackgroundColor_1xef3_718 {\n  background-color: var(--color-cambio-destructive-770);\n}\n\n._cambioDestructive900BackgroundColor_1xef3_722 {\n  background-color: var(--color-cambio-destructive-900);\n}\n\n._cambioSuccess100BackgroundColor_1xef3_726 {\n  background-color: var(--color-cambio-success-100);\n}\n\n._cambioSuccess300BackgroundColor_1xef3_730 {\n  background-color: var(--color-cambio-success-300);\n}\n\n._cambioSuccess370BackgroundColor_1xef3_734 {\n  background-color: var(--color-cambio-success-370);\n}\n\n._cambioSuccess700BackgroundColor_1xef3_738 {\n  background-color: var(--color-cambio-success-700);\n}\n\n._cambioSuccess770BackgroundColor_1xef3_742 {\n  background-color: var(--color-cambio-success-770);\n}\n\n._cambioSuccess900BackgroundColor_1xef3_746 {\n  background-color: var(--color-cambio-success-900);\n}\n\n._redBackgroundColor_1xef3_750 {\n  background-color: var(--color-cambio-red);\n}\n\n._cambioRedBackgroundColor_1xef3_754 {\n  background-color: var(--color-cambio-red);\n}\n\n._orangeBackgroundColor_1xef3_758 {\n  background-color: var(--color-cambio-orange);\n}\n\n._cambioOrangeBackgroundColor_1xef3_762 {\n  background-color: var(--color-cambio-orange);\n}\n\n._tanBackgroundColor_1xef3_766 {\n  background-color: var(--color-cambio-tan);\n}\n\n._cambioTanBackgroundColor_1xef3_770 {\n  background-color: var(--color-cambio-tan);\n}\n\n._creamBackgroundColor_1xef3_774 {\n  background-color: var(--color-cambio-cream);\n}\n\n._cambioCreamBackgroundColor_1xef3_778 {\n  background-color: var(--color-cambio-cream);\n}\n\n._purpleBackgroundColor_1xef3_782 {\n  background-color: var(--color-cambio-purple);\n}\n\n._cambioPurpleBackgroundColor_1xef3_786 {\n  background-color: var(--color-cambio-purple);\n}\n\n._lilacBackgroundColor_1xef3_790 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._cambioLilacBackgroundColor_1xef3_794 {\n  background-color: var(--color-cambio-lilac);\n}\n\n._thistleBackgroundColor_1xef3_798 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._cambioThistleBackgroundColor_1xef3_802 {\n  background-color: var(--color-cambio-thistle);\n}\n\n._pinkBackgroundColor_1xef3_806 {\n  background-color: var(--color-cambio-pink);\n}\n\n._cambioPinkBackgroundColor_1xef3_810 {\n  background-color: var(--color-cambio-pink);\n}\n\n._navyBackgroundColor_1xef3_814 {\n  background-color: var(--color-cambio-navy);\n}\n\n._cambioNavyBackgroundColor_1xef3_818 {\n  background-color: var(--color-cambio-navy);\n}\n\n._tealBackgroundColor_1xef3_822 {\n  background-color: var(--color-cambio-teal);\n}\n\n._cambioTealBackgroundColor_1xef3_826 {\n  background-color: var(--color-cambio-teal);\n}\n\n._slateBackgroundColor_1xef3_830 {\n  background-color: var(--color-cambio-slate);\n}\n\n._cambioSlateBackgroundColor_1xef3_834 {\n  background-color: var(--color-cambio-slate);\n}\n\n._skyBackgroundColor_1xef3_838 {\n  background-color: var(--color-cambio-sky);\n}\n\n._cambioSkyBackgroundColor_1xef3_842 {\n  background-color: var(--color-cambio-sky);\n}\n\n._cambioYellow700BackgroundColor_1xef3_846 {\n  background-color: var(--color-cambio-yellow-700);\n}\n","._icon_12p4o_1 {\n  display: inline-block;\n  fill: currentcolor;\n  flex-shrink: 0;\n  user-select: none;\n}\n\n/* stylelint-disable-next-line selector-max-class, selector-max-specificity, selector-max-compound-selectors -- need to flip icon in rtl */\n[dir=\"rtl\"] ._icon_12p4o_1._iconRtlMirror_12p4o_9 {\n  transform: scaleX(-1);\n}\n\n._icon100_12p4o_13 {\n  width: 16px;\n  height: 16px;\n}\n\n._icon200_12p4o_18 {\n  width: 20px;\n  height: 20px;\n}\n\n._icon300_12p4o_23 {\n  width: 24px;\n  height: 24px;\n}\n\n._icon400_12p4o_28 {\n  width: 32px;\n  height: 32px;\n}\n\n._icon500_12p4o_33 {\n  width: 48px;\n  height: 48px;\n}\n\n._icon600_12p4o_38 {\n  width: 72px;\n  height: 72px;\n}\n\n._icon700_12p4o_43 {\n  width: 100px;\n  height: 100px;\n}\n\n._icon800_12p4o_48 {\n  width: 140px;\n  height: 140px;\n}\n\n._icon900_12p4o_53 {\n  width: 200px;\n  height: 200px;\n}\n\n._icon1000_12p4o_58 {\n  width: 280px;\n  height: 280px;\n}\n","/* Root container */\n._root_qcyt7_2 {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: fit-content;\n  font-family: var(--syntax-font-sans-serif);\n}\n\n/* Label */\n._label_qcyt7_11 {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--color-cambio-gray-700);\n  cursor: default;\n}\n\n/* Input group: wraps both DateInputs + calendar button */\n._group_qcyt7_19 {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  border: 1px solid var(--color-cambio-gray-370);\n  border-radius: 8px;\n  box-sizing: border-box;\n  background: #fff;\n  color: var(--color-cambio-gray-700);\n}\n\n._group_qcyt7_19[data-focus-within] {\n  outline: none;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n}\n\n._group_qcyt7_19[data-invalid] {\n  border-color: var(--color-cambio-destructive-700);\n}\n\n._group_qcyt7_19[data-disabled] {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n/* Size variants */\n._sm_qcyt7_45 {\n  height: 32px;\n  padding: 0 8px;\n  font-size: 14px;\n}\n\n._md_qcyt7_51 {\n  height: 48px;\n  padding: 0 12px;\n  font-size: 16px;\n}\n\n._lg_qcyt7_57 {\n  height: 64px;\n  padding: 0 16px;\n  font-size: 18px;\n}\n\n/* DateInput wrapper */\n._dateInput_qcyt7_64 {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  min-width: 0;\n}\n\n/* Individual date segment (year, month, day) */\n._segment_qcyt7_72 {\n  padding: 1px 2px;\n  border-radius: 4px;\n  outline: none;\n  caret-color: transparent;\n}\n\n/* Fixed min-width per segment to prevent layout shift when values change.\n * 1ch = width of the character \"0\" in the current font. */\n._segment_qcyt7_72[data-type=\"year\"] {\n  min-width: 4ch; /* e.g. \"2026\" */\n}\n\n._segment_qcyt7_72[data-type=\"month\"] {\n  min-width: 2ch; /* e.g. \"03\" */\n}\n\n._segment_qcyt7_72[data-type=\"day\"] {\n  min-width: 2ch; /* e.g. \"15\" */\n}\n\n._segment_qcyt7_72[data-type=\"literal\"] {\n  padding: 0 1px;\n  color: var(--color-cambio-gray-370);\n}\n\n._segment_qcyt7_72[data-placeholder] {\n  color: var(--color-cambio-gray-370);\n}\n\n._segment_qcyt7_72[data-focused] {\n  background-color: var(--color-base-primary-700);\n  color: #fff;\n  border-radius: 2px;\n}\n\n/* Separator between start and end date inputs */\n._separator_qcyt7_109 {\n  flex-shrink: 0;\n  color: var(--color-cambio-gray-370);\n  padding: 0 4px;\n  user-select: none;\n}\n\n/* Calendar open button */\n._calendarButton_qcyt7_117 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  color: var(--color-cambio-gray-700);\n  outline: none;\n}\n\n._calendarButton_qcyt7_117:hover {\n  background-color: var(--color-cambio-gray-10);\n}\n\n._calendarButton_qcyt7_117[data-focus-visible] {\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n}\n\n/* Helper and error text */\n._description_qcyt7_140 {\n  font-size: 14px;\n  color: var(--color-cambio-gray-700);\n}\n\n._errorMessage_qcyt7_145 {\n  font-size: 14px;\n  color: var(--color-cambio-destructive-700);\n}\n\n/* Popover container – fixed height to prevent repositioning when switching\n * between months with 5 and 6 rows.\n *\n * 320px ≈ navButton height  32px\n *        + calendar gap      16px\n *        + day-of-week header 20px  (12px font + 8px padding)\n *        + 6 rows × 36px    216px\n *        + popover padding   32px  (16px × 2)\n *                           ------\n *                            316px → rounded to 320px\n */\n._popover_qcyt7_161 {\n  background: #fff;\n  border-radius: 8px;\n  box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.25);\n  padding: 16px;\n  height: 320px;\n  overflow: hidden;\n  outline: none;\n  font-family: var(--syntax-font-sans-serif);\n}\n\n/* Calendar */\n._calendar_qcyt7_117 {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n/* Calendar header (nav row) */\n._calendarHeader_qcyt7_180 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n}\n\n._calendarHeading_qcyt7_187 {\n  flex: 1;\n  text-align: center;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--color-cambio-gray-700);\n}\n\n/* Prev / Next month buttons */\n._navButton_qcyt7_196 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: none;\n  border-radius: 50%;\n  background: none;\n  cursor: pointer;\n  color: var(--color-cambio-gray-700);\n  outline: none;\n  flex-shrink: 0;\n}\n\n/* React Aria uses JS-managed data-hovered instead of CSS :hover\n * to handle cross-platform differences (e.g. sticky :hover on touch devices). */\n._navButton_qcyt7_196[data-hovered] {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n._navButton_qcyt7_196[data-focus-visible] {\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n}\n\n._navButton_qcyt7_196[data-disabled] {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n\n/* Two-month grid container.\n * align-items: flex-start keeps both grids top-aligned so that\n * matching rows stay on the same horizontal line when the two\n * months have different row counts (e.g. 5 rows vs 6 rows). */\n._calendarGrids_qcyt7_230 {\n  display: flex;\n  align-items: flex-start;\n  gap: 24px;\n}\n\n/* Individual month grid table – fixed 6 rows to prevent height shift */\n._calendarGrid_qcyt7_230 {\n  border-collapse: collapse;\n}\n\n/* Day-of-week header cells */\n._dayHeader_qcyt7_242 {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--color-cambio-gray-700);\n  text-align: center;\n  padding: 0 0 8px;\n  width: 36px;\n}\n\n/*\n * Calendar day cells.\n * CalendarCell applies className to the <div role=\"button\"> element directly,\n * so all states can be targeted without nested selectors.\n */\n._cell_qcyt7_256 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  font-size: 14px;\n  color: var(--color-cambio-gray-700);\n  cursor: pointer;\n  outline: none;\n}\n\n._cell_qcyt7_256:where(\n    [data-hovered]:not([data-selected], [data-unavailable], [data-disabled])\n  ) {\n  background-color: rgba(0, 0, 0, 0.1);\n}\n\n._cell_qcyt7_256[data-outside-month] {\n  visibility: hidden;\n}\n\n/* Cells within the selected range */\n._cell_qcyt7_256[data-selected] {\n  background-color: var(--color-base-primary-100);\n  color: var(--color-base-primary-700);\n}\n\n/* Start and end of the selected range */\n._cell_qcyt7_256[data-selection-start],\n._cell_qcyt7_256[data-selection-end] {\n  background-color: var(--color-base-primary-700);\n  color: #fff;\n}\n\n._cell_qcyt7_256[data-focused] {\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n}\n\n._cell_qcyt7_256[data-unavailable] {\n  text-decoration: line-through;\n  color: var(--color-cambio-gray-370);\n  cursor: not-allowed;\n}\n\n._cell_qcyt7_256[data-disabled] {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n"],"mappings":";AACA;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;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;AAKF;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;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;;;AC90BF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;;;AC1DF;AACE;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAcF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAOF;AACE;AACA;AACA;AAAA;AAIF;AACE;AAAA;AAIF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAQF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AAGE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACA;AAAA;AAIF;AAAA;AAEE;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;","names":[]}

package/dist/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,65 @@
+import { ReactElement } from 'react';
+import { DateRange, DateValue } from 'react-aria-components';
+
+type DateRangePickerProps = {
+    /** Field label */
+    label: string;
+    /** Controlled value */
+    value?: DateRange | null;
+    /** Uncontrolled default value */
+    defaultValue?: DateRange | null;
+    /** Called when the selected range changes */
+    onChange?: (value: DateRange | null) => void;
+    /**
+     * Size of the input field
+     * @defaultValue "md"
+     */
+    size?: "sm" | "md" | "lg";
+    /** Makes the date field required */
+    isRequired?: boolean;
+    /** Disables the picker */
+    isDisabled?: boolean;
+    /** Makes the picker read-only */
+    isReadOnly?: boolean;
+    /** Error message displayed below the field; also triggers invalid styling */
+    errorMessage?: string;
+    /** Helper text displayed below the field */
+    description?: string;
+    /** Earliest selectable date */
+    minValue?: DateValue;
+    /** Latest selectable date */
+    maxValue?: DateValue;
+    /** Callback to mark specific dates as unavailable */
+    isDateUnavailable?: (date: DateValue) => boolean;
+    /** HTML name attribute for the start date (form submission) */
+    startName?: string;
+    /** HTML name attribute for the end date (form submission) */
+    endName?: string;
+    /**
+     * Whether the range can include unavailable dates.
+     * When true, the selected range may span across unavailable dates.
+     * @defaultValue false
+     */
+    allowsNonContiguousRanges?: boolean;
+    /**
+     * BCP 47 locale string for date formatting and calendar localization.
+     * @defaultValue "en-US"
+     */
+    locale?: string;
+    /** Test ID applied to the input group element */
+    "data-testid"?: string;
+};
+/**
+ * [DateRangePicker](https://cambly-syntax.vercel.app/?path=/docs/components-daterangepicker--docs) allows users to select a date range via a text input with segment-based editing and a calendar popover.
+ *
+ * Example Usage:
+ * ```
+ * <DateRangePicker
+ *   label="Trip dates"
+ *   onChange={(range) => console.log(range)}
+ * />
+ * ```
+ */
+declare function DateRangePicker({ label, value, defaultValue, onChange, size, isRequired, isDisabled, isReadOnly, errorMessage, description, minValue, maxValue, isDateUnavailable, startName, endName, allowsNonContiguousRanges, locale, "data-testid": dataTestId, }: DateRangePickerProps): ReactElement;
+
+export { DateRangePickerProps, DateRangePicker as default };

package/dist/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,12 @@
+"use client"
+import {
+  DateRangePicker
+} from "../__chunks/NYSDSR25.js";
+import "../__chunks/UMGPMP2M.js";
+import "../__chunks/QIMMO3OB.js";
+import "../__chunks/4U4UW4AK.js";
+import "../__chunks/UWGNJENA.js";
+export {
+  DateRangePicker as default
+};
+//# sourceMappingURL=DateRangePicker.js.map

package/dist/DateRangePicker/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/RichSelect/RichSelectList.js

@@ -1,7 +1,7 @@
 "use client"
 import {
   RichSelectList_default
-} from "../__chunks/6LBLSEIS.js";
+} from "../__chunks/RMXSBLXK.js";
 import "../__chunks/6DD253JL.js";
 import "../__chunks/36DG472B.js";
 import "../__chunks/RKBRB5TE.js";
@@ -12,7 +12,7 @@ import "../__chunks/576PJXFR.js";
 import "../__chunks/ECZD66R2.js";
 import "../__chunks/2VNVKKMK.js";
 import "../__chunks/4U4UW4AK.js";
-import "../__chunks/OK37RZ2J.js";
+import "../__chunks/FLKZW433.js";
 import "../__chunks/XFZULXN6.js";
 import "../__chunks/DDUJFFG7.js";
 import "../__chunks/3YAHDPYE.js";

package/dist/SelectList/SelectList.js

@@ -1,9 +1,9 @@
 "use client"
 import {
   SelectList
-} from "../__chunks/XRGLVHKA.js";
+} from "../__chunks/G3RWGOSX.js";
 import "../__chunks/SPQ7DQHG.js";
-import "../__chunks/OK37RZ2J.js";
+import "../__chunks/FLKZW433.js";
 import "../__chunks/KKADUD65.js";
 import "../__chunks/X552U42S.js";
 import "../__chunks/4U4UW4AK.js";

package/dist/__chunks/{OK37RZ2J.js → FLKZW433.js}

@@ -10,4 +10,4 @@ export {
   ColorBaseGray700,
   ColorCambioWhite100
 };
-//# sourceMappingURL=OK37RZ2J.js.map
+//# sourceMappingURL=FLKZW433.js.map

package/dist/__chunks/{OK37RZ2J.js.map → FLKZW433.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Fri, 27 Mar 2026 23:49:45 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const SyntaxFontSansSerifBrand = \"'Garnett', -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Mon, 30 Mar 2026 23:59:20 GMT\n */\n\nexport const ColorBaseBlack = \"#000000\";\nexport const ColorBaseDestructive100 = \"#fef3f5\";\nexport const ColorBaseDestructive200 = \"#fad6de\";\nexport const ColorBaseDestructive300 = \"#f2a2b2\";\nexport const ColorBaseDestructive700 = \"#d32a4b\";\nexport const ColorBaseDestructive800 = \"#81162c\";\nexport const ColorBaseDestructive900 = \"#55101d\";\nexport const ColorBaseGray10 = \"#cbcbcb\"; // Used as the default color for dividers and inner strokes\nexport const ColorBaseGray30 = \"#000000\"; // For IconButton background when on top of an image\nexport const ColorBaseGray60 = \"#000000\"; // Used for icon background in classroom video grid\nexport const ColorBaseGray80 = \"#000000\"; // Used as the background for modals\nexport const ColorBaseGray100 = \"#f7f7f7\";\nexport const ColorBaseGray200 = \"#f0f0f0\"; // Used for light mode backgrounds when showing card content on top\nexport const ColorBaseGray300 = \"#d0d0d0\"; // Used for component outlines, eg: select and textfield\nexport const ColorBaseGray700 = \"#767676\"; // For secondary text in light mode\nexport const ColorBaseGray800 = \"#353535\";\nexport const ColorBaseGray900 = \"#191919\"; // Default text color, Classroom background\nexport const ColorBaseOrange100 = \"#fdf2f0\";\nexport const ColorBaseOrange200 = \"#f6cdc4\";\nexport const ColorBaseOrange300 = \"#ec9987\";\nexport const ColorBaseOrange700 = \"#c34124\";\nexport const ColorBaseOrange800 = \"#732818\";\nexport const ColorBaseOrange900 = \"#4d1a10\";\nexport const ColorBasePrimary100 = \"#eff6fa\";\nexport const ColorBasePrimary200 = \"#c1dbe7\";\nexport const ColorBasePrimary300 = \"#84b7d0\";\nexport const ColorBasePrimary700 = \"#236482\";\nexport const ColorBasePrimary800 = \"#274858\";\nexport const ColorBasePrimary900 = \"#1b303b\";\nexport const ColorBaseSuccess100 = \"#eff7f1\";\nexport const ColorBaseSuccess200 = \"#bddcc6\";\nexport const ColorBaseSuccess300 = \"#81ba92\";\nexport const ColorBaseSuccess700 = \"#397b4d\";\nexport const ColorBaseSuccess800 = \"#2d4936\";\nexport const ColorBaseSuccess900 = \"#1e3124\";\nexport const ColorBasePurple100 = \"#f9f5fa\";\nexport const ColorBasePurple200 = \"#e8dceb\";\nexport const ColorBasePurple300 = \"#cdb4d3\";\nexport const ColorBasePurple700 = \"#8b5f95\";\nexport const ColorBasePurple800 = \"#523b58\";\nexport const ColorBasePurple900 = \"#37273b\";\nexport const ColorBaseYellow100 = \"#fdf5d9\";\nexport const ColorBaseYellow200 = \"#fbe8a3\";\nexport const ColorBaseYellow300 = \"#f8d663\";\nexport const ColorBaseYellow700 = \"#ffc929\";\nexport const ColorBaseYellow800 = \"#765f1c\";\nexport const ColorBaseYellow900 = \"#3b3009\";\nexport const ColorBaseWhite = \"#ffffff\";\nexport const ColorCambioBlack = \"#050500\";\nexport const ColorCambioWhite40 = \"#ffffff\";\nexport const ColorCambioWhite70 = \"#ffffff\";\nexport const ColorCambioWhite100 = \"#ffffff\";\nexport const ColorCambioGray100 = \"#faf4eb\";\nexport const ColorCambioGray200 = \"#e4dbd3\";\nexport const ColorCambioGray270 = \"#e4dbd3\";\nexport const ColorCambioGray300 = \"#beb4ab\";\nexport const ColorCambioGray370 = \"#beb4ab\";\nexport const ColorCambioGray700 = \"#5e5952\";\nexport const ColorCambioGray800 = \"#363432\";\nexport const ColorCambioGray870 = \"#5e5952\";\nexport const ColorCambioGray900 = \"#262625\";\nexport const ColorCambioDestructive100 = \"#ffdeda\";\nexport const ColorCambioDestructive300 = \"#ff8071\";\nexport const ColorCambioDestructive370 = \"#ff8071\";\nexport const ColorCambioDestructive700 = \"#c93f32\";\nexport const ColorCambioDestructive770 = \"#c93f32\";\nexport const ColorCambioDestructive900 = \"#6d0002\";\nexport const ColorCambioSuccess100 = \"#daf2c8\";\nexport const ColorCambioSuccess300 = \"#84ce64\";\nexport const ColorCambioSuccess370 = \"#84ce64\";\nexport const ColorCambioSuccess700 = \"#3c7f20\";\nexport const ColorCambioSuccess770 = \"#3c7f20\";\nexport const ColorCambioSuccess900 = \"#103e00\";\nexport const ColorCambioRed = \"#f56e56\";\nexport const ColorCambioOrange = \"#ff8f57\";\nexport const ColorCambioTan = \"#ffb47d\";\nexport const ColorCambioCream = \"#fffad1\";\nexport const ColorCambioPurple = \"#6840a8\";\nexport const ColorCambioLilac = \"#b59ef0\";\nexport const ColorCambioThistle = \"#d69ca4\";\nexport const ColorCambioPink = \"#ffccea\";\nexport const ColorCambioNavy = \"#191142\";\nexport const ColorCambioTeal = \"#44a6cf\";\nexport const ColorCambioSlate = \"#7c9fc6\";\nexport const ColorCambioSky = \"#b1e8fc\";\nexport const ColorCambioYellow700 = \"#ffe733\";\nexport const ColorCambioTransparentFull = \"#000000\";\nexport const Elevation400 = \"0px 16px 32px 0px #00000040\";\nexport const SyntaxFontSansSerif = \"-apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const SyntaxFontSansSerifBrand = \"'Garnett', -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif\";\nexport const ShadowInteractive = \"0px 3px 16px 0px rgba(144, 134, 130, 0.05), 0px 2px 30px 0px rgba(144, 134, 130, 0.02)\";\n"],"mappings":";;;AASO,IAAM,0BAA0B;AAUhC,IAAM,mBAAmB;AAqCzB,IAAM,sBAAsB;","names":[]}

package/dist/__chunks/{XRGLVHKA.js → G3RWGOSX.js}

@@ -6,7 +6,7 @@ import {
   ColorBaseDestructive700,
   ColorBaseGray700,
   ColorCambioWhite100
-} from "./OK37RZ2J.js";
+} from "./FLKZW433.js";
 import {
   Focus_module_default
 } from "./KKADUD65.js";
@@ -142,4 +142,4 @@ SelectList.Option = SelectOption_default;
 export {
   SelectList
 };
-//# sourceMappingURL=XRGLVHKA.js.map
+//# sourceMappingURL=G3RWGOSX.js.map

package/dist/__chunks/NYSDSR25.js

@@ -0,0 +1,172 @@
+"use client"
+import {
+  Icon_default
+} from "./UMGPMP2M.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./UWGNJENA.js";
+
+// src/DateRangePicker/DateRangePicker.tsx
+import { I18nProvider } from "react-aria";
+import classNames from "classnames";
+import {
+  DateRangePicker as ReactAriaDateRangePicker,
+  Label,
+  Group,
+  DateInput,
+  DateSegment,
+  Button,
+  FieldError,
+  Text,
+  Popover,
+  RangeCalendar,
+  CalendarGrid,
+  CalendarGridHeader,
+  CalendarGridBody,
+  CalendarCell,
+  Heading
+} from "react-aria-components";
+
+// ../syntax-icons/src/icons/Calendar.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Calendar = forwardRef(({ color, size }, ref) => {
+  const path = "M2.5 2v20h19V2zm2.111 17.895V5.158H19.39v14.737H4.61Zm4.222-6.316h-2.11v-2.105h2.11zm4.223 0h-2.112v-2.105h2.111zm4.222 0h-2.111v-2.105h2.11zm-4.222 4.21h-2.112v-2.105h2.112zm-4.223 0h-2.11v-2.105h2.11zm4.223-8.42h-2.112V7.262h2.112v2.105Zm4.222 0h-2.111V7.262h2.11v2.105Z";
+  return /* @__PURE__ */ jsx(Icon_default, { ref, path, color, size });
+});
+Calendar.displayName = "Calendar";
+var Calendar_default = Calendar;
+
+// ../syntax-icons/src/icons/ChevronLeft.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ChevronLeft = forwardRef2(({ color, size }, ref) => {
+  const path = "m14.525 3 1.35 1.35L8.225 12l7.65 7.65-1.35 1.35-9-9z";
+  return /* @__PURE__ */ jsx2(Icon_default, { ref, path, color, size, rtlMirror: true });
+});
+ChevronLeft.displayName = "ChevronLeft";
+var ChevronLeft_default = ChevronLeft;
+
+// ../syntax-icons/src/icons/ChevronRight.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ChevronRight = forwardRef3(({ color, size }, ref) => {
+  const path = "m9.475 21-1.35-1.35 7.65-7.65-7.65-7.65L9.475 3l9 9z";
+  return /* @__PURE__ */ jsx3(Icon_default, { ref, path, color, size, rtlMirror: true });
+});
+ChevronRight.displayName = "ChevronRight";
+var ChevronRight_default = ChevronRight;
+
+// css-module:./DateRangePicker.module.css#css-module
+var DateRangePicker_module_default = { "root": "_root_qcyt7_2", "label": "_label_qcyt7_11", "group": "_group_qcyt7_19", "sm": "_sm_qcyt7_45", "md": "_md_qcyt7_51", "lg": "_lg_qcyt7_57", "dateInput": "_dateInput_qcyt7_64", "segment": "_segment_qcyt7_72", "separator": "_separator_qcyt7_109", "calendarButton": "_calendarButton_qcyt7_117", "description": "_description_qcyt7_140", "errorMessage": "_errorMessage_qcyt7_145", "popover": "_popover_qcyt7_161", "calendar": "_calendar_qcyt7_117", "calendarHeader": "_calendarHeader_qcyt7_180", "calendarHeading": "_calendarHeading_qcyt7_187", "navButton": "_navButton_qcyt7_196", "calendarGrids": "_calendarGrids_qcyt7_230", "calendarGrid": "_calendarGrid_qcyt7_230", "dayHeader": "_dayHeader_qcyt7_242", "cell": "_cell_qcyt7_256" };
+
+// src/DateRangePicker/DateRangePicker.tsx
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+var NEXT_MONTH = { months: 1 };
+function padSegment(segment) {
+  if ((segment.type === "month" || segment.type === "day") && !segment.isPlaceholder && segment.text.length === 1) {
+    return __spreadProps(__spreadValues({}, segment), { text: segment.text.padStart(2, "0") });
+  }
+  return segment;
+}
+function DateRangePicker({
+  label,
+  value,
+  defaultValue,
+  onChange,
+  size = "md",
+  isRequired,
+  isDisabled,
+  isReadOnly,
+  errorMessage,
+  description,
+  minValue,
+  maxValue,
+  isDateUnavailable,
+  startName,
+  endName,
+  allowsNonContiguousRanges,
+  locale = "en-US",
+  "data-testid": dataTestId
+}) {
+  return /* @__PURE__ */ jsx4(I18nProvider, { locale, children: /* @__PURE__ */ jsxs(
+    ReactAriaDateRangePicker,
+    {
+      value,
+      defaultValue,
+      onChange,
+      isRequired,
+      isDisabled,
+      isReadOnly,
+      isInvalid: !!errorMessage,
+      minValue,
+      maxValue,
+      isDateUnavailable,
+      startName,
+      endName,
+      shouldCloseOnSelect: true,
+      className: DateRangePicker_module_default.root,
+      children: [
+        /* @__PURE__ */ jsx4(Label, { className: DateRangePicker_module_default.label, children: label }),
+        /* @__PURE__ */ jsxs(
+          Group,
+          {
+            "data-testid": dataTestId,
+            className: classNames(DateRangePicker_module_default.group, DateRangePicker_module_default[size]),
+            children: [
+              /* @__PURE__ */ jsx4(DateInput, { slot: "start", className: DateRangePicker_module_default.dateInput, children: (segment) => /* @__PURE__ */ jsx4(
+                DateSegment,
+                {
+                  segment: padSegment(segment),
+                  className: DateRangePicker_module_default.segment
+                }
+              ) }),
+              /* @__PURE__ */ jsx4("span", { className: DateRangePicker_module_default.separator, "aria-hidden": "true", children: "\u2013" }),
+              /* @__PURE__ */ jsx4(DateInput, { slot: "end", className: DateRangePicker_module_default.dateInput, children: (segment) => /* @__PURE__ */ jsx4(
+                DateSegment,
+                {
+                  segment: padSegment(segment),
+                  className: DateRangePicker_module_default.segment
+                }
+              ) }),
+              /* @__PURE__ */ jsx4(Button, { className: DateRangePicker_module_default.calendarButton, children: /* @__PURE__ */ jsx4(Calendar_default, { size: 200, color: "gray700" }) })
+            ]
+          }
+        ),
+        description && /* @__PURE__ */ jsx4(Text, { slot: "description", className: DateRangePicker_module_default.description, children: description }),
+        errorMessage && /* @__PURE__ */ jsx4(FieldError, { className: DateRangePicker_module_default.errorMessage, children: errorMessage }),
+        /* @__PURE__ */ jsx4(Popover, { className: DateRangePicker_module_default.popover, children: /* @__PURE__ */ jsxs(
+          RangeCalendar,
+          {
+            visibleDuration: { months: 2 },
+            allowsNonContiguousRanges,
+            className: DateRangePicker_module_default.calendar,
+            children: [
+              /* @__PURE__ */ jsxs("header", { className: DateRangePicker_module_default.calendarHeader, children: [
+                /* @__PURE__ */ jsx4(Button, { slot: "previous", className: DateRangePicker_module_default.navButton, children: /* @__PURE__ */ jsx4(ChevronLeft_default, { size: 100, color: "gray700" }) }),
+                /* @__PURE__ */ jsx4(Heading, { className: DateRangePicker_module_default.calendarHeading }),
+                /* @__PURE__ */ jsx4(Button, { slot: "next", className: DateRangePicker_module_default.navButton, children: /* @__PURE__ */ jsx4(ChevronRight_default, { size: 100, color: "gray700" }) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: DateRangePicker_module_default.calendarGrids, children: [
+                /* @__PURE__ */ jsxs(CalendarGrid, { className: DateRangePicker_module_default.calendarGrid, children: [
+                  /* @__PURE__ */ jsx4(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx4("th", { className: DateRangePicker_module_default.dayHeader, scope: "col", children: day }) }),
+                  /* @__PURE__ */ jsx4(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx4(CalendarCell, { date, className: DateRangePicker_module_default.cell }) })
+                ] }),
+                /* @__PURE__ */ jsxs(CalendarGrid, { offset: NEXT_MONTH, className: DateRangePicker_module_default.calendarGrid, children: [
+                  /* @__PURE__ */ jsx4(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx4("th", { className: DateRangePicker_module_default.dayHeader, scope: "col", children: day }) }),
+                  /* @__PURE__ */ jsx4(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx4(CalendarCell, { date, className: DateRangePicker_module_default.cell }) })
+                ] })
+              ] })
+            ]
+          }
+        ) })
+      ]
+    }
+  ) });
+}
+
+export {
+  DateRangePicker
+};
+//# sourceMappingURL=NYSDSR25.js.map

package/dist/__chunks/NYSDSR25.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/DateRangePicker/DateRangePicker.tsx","../../../syntax-icons/src/icons/Calendar.tsx","../../../syntax-icons/src/icons/ChevronLeft.tsx","../../../syntax-icons/src/icons/ChevronRight.tsx","css-module:./DateRangePicker.module.css#css-module"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport { I18nProvider } from \"react-aria\";\nimport classNames from \"classnames\";\nimport {\n  DateRangePicker as ReactAriaDateRangePicker,\n  Label,\n  Group,\n  DateInput,\n  DateSegment,\n  Button,\n  FieldError,\n  Text,\n  Popover,\n  RangeCalendar,\n  CalendarGrid,\n  CalendarGridHeader,\n  CalendarGridBody,\n  CalendarCell,\n  Heading,\n  type DateValue,\n  type DateRange,\n} from \"react-aria-components\";\nimport type { DateSegment as DateSegmentData } from \"react-stately\";\nimport Calendar from \"../../../syntax-icons/src/icons/Calendar\";\nimport ChevronLeft from \"../../../syntax-icons/src/icons/ChevronLeft\";\nimport ChevronRight from \"../../../syntax-icons/src/icons/ChevronRight\";\nimport styles from \"./DateRangePicker.module.css\";\n\nexport type DateRangePickerProps = {\n  /** Field label */\n  label: string;\n  /** Controlled value */\n  value?: DateRange | null;\n  /** Uncontrolled default value */\n  defaultValue?: DateRange | null;\n  /** Called when the selected range changes */\n  onChange?: (value: DateRange | null) => void;\n  /**\n   * Size of the input field\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** Makes the date field required */\n  isRequired?: boolean;\n  /** Disables the picker */\n  isDisabled?: boolean;\n  /** Makes the picker read-only */\n  isReadOnly?: boolean;\n  /** Error message displayed below the field; also triggers invalid styling */\n  errorMessage?: string;\n  /** Helper text displayed below the field */\n  description?: string;\n  /** Earliest selectable date */\n  minValue?: DateValue;\n  /** Latest selectable date */\n  maxValue?: DateValue;\n  /** Callback to mark specific dates as unavailable */\n  isDateUnavailable?: (date: DateValue) => boolean;\n  /** HTML name attribute for the start date (form submission) */\n  startName?: string;\n  /** HTML name attribute for the end date (form submission) */\n  endName?: string;\n  /**\n   * Whether the range can include unavailable dates.\n   * When true, the selected range may span across unavailable dates.\n   * @defaultValue false\n   */\n  allowsNonContiguousRanges?: boolean;\n  /**\n   * BCP 47 locale string for date formatting and calendar localization.\n   * @defaultValue \"en-US\"\n   */\n  locale?: string;\n  /** Test ID applied to the input group element */\n  \"data-testid\"?: string;\n};\n\nconst NEXT_MONTH = { months: 1 };\n\n// 2026/1/1 -> 2026/01/01\n// to avoid layout shift, we pad the segment with a leading zero if it is a single digit\nfunction padSegment(segment: DateSegmentData): DateSegmentData {\n  if (\n    (segment.type === \"month\" || segment.type === \"day\") &&\n    !segment.isPlaceholder &&\n    segment.text.length === 1\n  ) {\n    return { ...segment, text: segment.text.padStart(2, \"0\") };\n  }\n  return segment;\n}\n\n/**\n * [DateRangePicker](https://cambly-syntax.vercel.app/?path=/docs/components-daterangepicker--docs) allows users to select a date range via a text input with segment-based editing and a calendar popover.\n *\n * Example Usage:\n * ```\n * <DateRangePicker\n *   label=\"Trip dates\"\n *   onChange={(range) => console.log(range)}\n * />\n * ```\n */\nexport default function DateRangePicker({\n  label,\n  value,\n  defaultValue,\n  onChange,\n  size = \"md\",\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  errorMessage,\n  description,\n  minValue,\n  maxValue,\n  isDateUnavailable,\n  startName,\n  endName,\n  allowsNonContiguousRanges,\n  locale = \"en-US\",\n  \"data-testid\": dataTestId,\n}: DateRangePickerProps): ReactElement {\n  return (\n    <I18nProvider locale={locale}>\n      <ReactAriaDateRangePicker\n        value={value}\n        defaultValue={defaultValue}\n        onChange={onChange}\n        isRequired={isRequired}\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        isInvalid={!!errorMessage}\n        minValue={minValue}\n        maxValue={maxValue}\n        isDateUnavailable={isDateUnavailable}\n        startName={startName}\n        endName={endName}\n        shouldCloseOnSelect\n        className={styles.root}\n      >\n        <Label className={styles.label}>{label}</Label>\n        <Group\n          data-testid={dataTestId}\n          className={classNames(styles.group, styles[size])}\n        >\n          <DateInput slot=\"start\" className={styles.dateInput}>\n            {(segment: DateSegmentData) => (\n              <DateSegment\n                segment={padSegment(segment)}\n                className={styles.segment}\n              />\n            )}\n          </DateInput>\n          <span className={styles.separator} aria-hidden=\"true\">\n            –\n          </span>\n          <DateInput slot=\"end\" className={styles.dateInput}>\n            {(segment: DateSegmentData) => (\n              <DateSegment\n                segment={padSegment(segment)}\n                className={styles.segment}\n              />\n            )}\n          </DateInput>\n          <Button className={styles.calendarButton}>\n            <Calendar size={200} color=\"gray700\" />\n          </Button>\n        </Group>\n        {description && (\n          <Text slot=\"description\" className={styles.description}>\n            {description}\n          </Text>\n        )}\n        {errorMessage && (\n          <FieldError className={styles.errorMessage}>\n            {errorMessage}\n          </FieldError>\n        )}\n        <Popover className={styles.popover}>\n          <RangeCalendar\n            visibleDuration={{ months: 2 }}\n            allowsNonContiguousRanges={allowsNonContiguousRanges}\n            className={styles.calendar}\n          >\n            <header className={styles.calendarHeader}>\n              <Button slot=\"previous\" className={styles.navButton}>\n                <ChevronLeft size={100} color=\"gray700\" />\n              </Button>\n              <Heading className={styles.calendarHeading} />\n              <Button slot=\"next\" className={styles.navButton}>\n                <ChevronRight size={100} color=\"gray700\" />\n              </Button>\n            </header>\n            <div className={styles.calendarGrids}>\n              <CalendarGrid className={styles.calendarGrid}>\n                <CalendarGridHeader>\n                  {(day) => (\n                    <th className={styles.dayHeader} scope=\"col\">\n                      {day}\n                    </th>\n                  )}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => (\n                    <CalendarCell date={date} className={styles.cell} />\n                  )}\n                </CalendarGridBody>\n              </CalendarGrid>\n              <CalendarGrid offset={NEXT_MONTH} className={styles.calendarGrid}>\n                <CalendarGridHeader>\n                  {(day) => (\n                    <th className={styles.dayHeader} scope=\"col\">\n                      {day}\n                    </th>\n                  )}\n                </CalendarGridHeader>\n                <CalendarGridBody>\n                  {(date) => (\n                    <CalendarCell date={date} className={styles.cell} />\n                  )}\n                </CalendarGridBody>\n              </CalendarGrid>\n            </div>\n          </RangeCalendar>\n        </Popover>\n      </ReactAriaDateRangePicker>\n    </I18nProvider>\n  );\n}\n","import { type ComponentProps, forwardRef } from \"react\";\nimport Icon from \"../../../syntax-core/src/Icon/Icon\";\nconst Calendar = forwardRef<\n  SVGSVGElement,\n  Omit<ComponentProps<typeof Icon>, \"path\">\n>(({ color, size }, ref) => {\n  const path =\n    \"M2.5 2v20h19V2zm2.111 17.895V5.158H19.39v14.737H4.61Zm4.222-6.316h-2.11v-2.105h2.11zm4.223 0h-2.112v-2.105h2.111zm4.222 0h-2.111v-2.105h2.11zm-4.222 4.21h-2.112v-2.105h2.112zm-4.223 0h-2.11v-2.105h2.11zm4.223-8.42h-2.112V7.262h2.112v2.105Zm4.222 0h-2.111V7.262h2.11v2.105Z\";\n  return <Icon ref={ref} path={path} color={color} size={size} />;\n});\nCalendar.displayName = \"Calendar\";\nexport default Calendar;\n","import { type ComponentProps, forwardRef } from \"react\";\nimport Icon from \"../../../syntax-core/src/Icon/Icon\";\nconst ChevronLeft = forwardRef<\n  SVGSVGElement,\n  Omit<ComponentProps<typeof Icon>, \"path\">\n>(({ color, size }, ref) => {\n  const path = \"m14.525 3 1.35 1.35L8.225 12l7.65 7.65-1.35 1.35-9-9z\";\n  return <Icon ref={ref} path={path} color={color} size={size} rtlMirror />;\n});\nChevronLeft.displayName = \"ChevronLeft\";\nexport default ChevronLeft;\n","import { type ComponentProps, forwardRef } from \"react\";\nimport Icon from \"../../../syntax-core/src/Icon/Icon\";\nconst ChevronRight = forwardRef<\n  SVGSVGElement,\n  Omit<ComponentProps<typeof Icon>, \"path\">\n>(({ color, size }, ref) => {\n  const path = \"m9.475 21-1.35-1.35 7.65-7.65-7.65-7.65L9.475 3l9 9z\";\n  return <Icon ref={ref} path={path} color={color} size={size} rtlMirror />;\n});\nChevronRight.displayName = \"ChevronRight\";\nexport default ChevronRight;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/DateRangePicker/DateRangePicker.module.css\"; export default {\"root\":\"_root_qcyt7_2\",\"label\":\"_label_qcyt7_11\",\"group\":\"_group_qcyt7_19\",\"sm\":\"_sm_qcyt7_45\",\"md\":\"_md_qcyt7_51\",\"lg\":\"_lg_qcyt7_57\",\"dateInput\":\"_dateInput_qcyt7_64\",\"segment\":\"_segment_qcyt7_72\",\"separator\":\"_separator_qcyt7_109\",\"calendarButton\":\"_calendarButton_qcyt7_117\",\"description\":\"_description_qcyt7_140\",\"errorMessage\":\"_errorMessage_qcyt7_145\",\"popover\":\"_popover_qcyt7_161\",\"calendar\":\"_calendar_qcyt7_117\",\"calendarHeader\":\"_calendarHeader_qcyt7_180\",\"calendarHeading\":\"_calendarHeading_qcyt7_187\",\"navButton\":\"_navButton_qcyt7_196\",\"calendarGrids\":\"_calendarGrids_qcyt7_230\",\"calendarGrid\":\"_calendarGrid_qcyt7_230\",\"dayHeader\":\"_dayHeader_qcyt7_242\",\"cell\":\"_cell_qcyt7_256\"}"],"mappings":"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","names":["forwardRef","jsx","forwardRef","forwardRef","jsx","forwardRef","jsx"]}

package/dist/__chunks/{6LBLSEIS.js → RMXSBLXK.js}

@@ -14,7 +14,7 @@ import {
   ColorBaseDestructive700,
   ColorBaseGray700,
   ColorCambioWhite100
-} from "./OK37RZ2J.js";
+} from "./FLKZW433.js";
 import {
   RichSelectSection_default
 } from "./XFZULXN6.js";
@@ -293,4 +293,4 @@ var RichSelectList_default = Object.assign(RichSelectList, {
 export {
   RichSelectList_default
 };
-//# sourceMappingURL=6LBLSEIS.js.map
+//# sourceMappingURL=RMXSBLXK.js.map