@cambly/syntax-core 10.3.0 → 10.5.0

package/dist/Tooltip/Tooltip.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/react-aria-utils/Triggerable.module.css/#css-module-data","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","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/padding.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css/#css-module-data","css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Tooltip/Tooltip.module.css/#css-module-data"],"sourcesContent":["._trigger_1efnf_1:focus-visible {\n  border-radius: 4px;\n  outline: none;\n  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;\n}\n","._typography_1vnry_1 {\n  font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    Helvetica, Arial, sans-serif;\n  margin: 0;\n}\n\n/* Sizes */\n._size100_1vnry_8 {\n  font-size: 12px;\n}\n\n._size200_1vnry_12 {\n  font-size: 14px;\n}\n\n._size300_1vnry_16 {\n  font-size: 16px;\n}\n\n._size500_1vnry_20 {\n  font-size: 20px;\n}\n\n._size600_1vnry_24 {\n  font-size: 28px;\n}\n\n._size700_1vnry_28 {\n  font-size: 40px;\n}\n\n._size800_1vnry_32 {\n  font-size: 64px;\n}\n\n/* Align */\n._center_1vnry_37 {\n  text-align: center;\n}\n\n._forceLeft_1vnry_41 {\n  text-align: left;\n}\n\n._forceRight_1vnry_45 {\n  text-align: right;\n}\n\n._start_1vnry_49 {\n  text-align: start;\n}\n\n._end_1vnry_53 {\n  text-align: end;\n}\n\n/* Boldness */\n._bold_1vnry_58 {\n  font-weight: 700;\n}\n\n._regular_1vnry_62 {\n  font-weight: 400;\n}\n\n._interactive_1vnry_66 {\n  font-weight: 500;\n}\n\n._semiBold_1vnry_70 {\n  font-weight: 600;\n}\n\n._heavy_1vnry_74 {\n  font-weight: 860;\n}\n\n._underline_1vnry_78 {\n  text-decoration: underline;\n}\n\n._inline_1vnry_82 {\n  display: inline;\n}\n\n._uppercase_1vnry_86 {\n  text-transform: uppercase;\n}\n\n._lineClamp_1vnry_90 {\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_11l4y_2 {\n  color: inherit;\n}\n\n._destructive700Color_11l4y_6 {\n  color: var(--color-base-destructive-700);\n}\n\n._gray700Color_11l4y_10 {\n  color: var(--color-base-gray-700);\n}\n\n._gray900Color_11l4y_14 {\n  color: var(--color-base-gray-900);\n}\n\n._primary700Color_11l4y_18 {\n  color: var(--color-base-primary-700);\n}\n\n._success700Color_11l4y_22 {\n  color: var(--color-base-success-700);\n}\n\n._whiteColor_11l4y_26 {\n  color: var(--color-base-white);\n}\n\n/* Background Colors */\n._blackBackgroundColor_11l4y_31 {\n  background-color: var(--color-base-black);\n}\n\n._destructive100BackgroundColor_11l4y_35 {\n  background-color: var(--color-base-destructive-100);\n}\n\n._destructive200BackgroundColor_11l4y_39 {\n  background-color: var(--color-base-destructive-200);\n}\n\n._destructive300BackgroundColor_11l4y_43 {\n  background-color: var(--color-base-destructive-300);\n}\n\n._destructive700BackgroundColor_11l4y_47 {\n  background-color: var(--color-base-destructive-700);\n}\n\n._destructive800BackgroundColor_11l4y_51 {\n  background-color: var(--color-base-destructive-800);\n}\n\n._destructive900BackgroundColor_11l4y_55 {\n  background-color: var(--color-base-destructive-900);\n}\n\n._gray10BackgroundColor_11l4y_59 {\n  background-color: var(--color-base-gray-10);\n}\n\n._gray30BackgroundColor_11l4y_63 {\n  background-color: var(--color-base-gray-30);\n}\n\n._gray60BackgroundColor_11l4y_67 {\n  background-color: var(--color-base-gray-60);\n}\n\n._gray80BackgroundColor_11l4y_71 {\n  background-color: var(--color-base-gray-80);\n}\n\n._gray100BackgroundColor_11l4y_75 {\n  background-color: var(--color-base-gray-100);\n}\n\n._gray200BackgroundColor_11l4y_79 {\n  background-color: var(--color-base-gray-200);\n}\n\n._gray300BackgroundColor_11l4y_83 {\n  background-color: var(--color-base-gray-300);\n}\n\n._gray700BackgroundColor_11l4y_87 {\n  background-color: var(--color-base-gray-700);\n}\n\n._gray800BackgroundColor_11l4y_91 {\n  background-color: var(--color-base-gray-800);\n}\n\n._gray900BackgroundColor_11l4y_95 {\n  background-color: var(--color-base-gray-900);\n}\n\n._orange100BackgroundColor_11l4y_99 {\n  background-color: var(--color-base-orange-100);\n}\n\n._orange200BackgroundColor_11l4y_103 {\n  background-color: var(--color-base-orange-200);\n}\n\n._orange300BackgroundColor_11l4y_107 {\n  background-color: var(--color-base-orange-300);\n}\n\n._orange700BackgroundColor_11l4y_111 {\n  background-color: var(--color-base-orange-700);\n}\n\n._orange800BackgroundColor_11l4y_115 {\n  background-color: var(--color-base-orange-800);\n}\n\n._orange900BackgroundColor_11l4y_119 {\n  background-color: var(--color-base-orange-900);\n}\n\n._primary100BackgroundColor_11l4y_123 {\n  background-color: var(--color-base-primary-100);\n}\n\n._primary200BackgroundColor_11l4y_127 {\n  background-color: var(--color-base-primary-200);\n}\n\n._primary300BackgroundColor_11l4y_131 {\n  background-color: var(--color-base-primary-300);\n}\n\n._primary700BackgroundColor_11l4y_135 {\n  background-color: var(--color-base-primary-700);\n}\n\n._primary800BackgroundColor_11l4y_139 {\n  background-color: var(--color-base-primary-800);\n}\n\n._primary900BackgroundColor_11l4y_143 {\n  background-color: var(--color-base-primary-900);\n}\n\n._success100BackgroundColor_11l4y_147 {\n  background-color: var(--color-base-success-100);\n}\n\n._success200BackgroundColor_11l4y_151 {\n  background-color: var(--color-base-success-200);\n}\n\n._success300BackgroundColor_11l4y_155 {\n  background-color: var(--color-base-success-300);\n}\n\n._success700BackgroundColor_11l4y_159 {\n  background-color: var(--color-base-success-700);\n}\n\n._success800BackgroundColor_11l4y_163 {\n  background-color: var(--color-base-success-800);\n}\n\n._success900BackgroundColor_11l4y_167 {\n  background-color: var(--color-base-success-900);\n}\n\n._purple100BackgroundColor_11l4y_171 {\n  background-color: var(--color-base-purple-100);\n}\n\n._purple200BackgroundColor_11l4y_175 {\n  background-color: var(--color-base-purple-200);\n}\n\n._purple300BackgroundColor_11l4y_179 {\n  background-color: var(--color-base-purple-300);\n}\n\n._purple700BackgroundColor_11l4y_183 {\n  background-color: var(--color-base-purple-700);\n}\n\n._purple800BackgroundColor_11l4y_187 {\n  background-color: var(--color-base-purple-800);\n}\n\n._purple900BackgroundColor_11l4y_191 {\n  background-color: var(--color-base-purple-900);\n}\n\n._whiteBackgroundColor_11l4y_195 {\n  background-color: var(--color-base-white);\n}\n\n._yellow100BackgroundColor_11l4y_199 {\n  background-color: var(--color-base-yellow-100);\n}\n\n._yellow200BackgroundColor_11l4y_203 {\n  background-color: var(--color-base-yellow-200);\n}\n\n._yellow300BackgroundColor_11l4y_207 {\n  background-color: var(--color-base-yellow-300);\n}\n\n._yellow700BackgroundColor_11l4y_211 {\n  background-color: var(--color-base-yellow-700);\n}\n\n._yellow800BackgroundColor_11l4y_215 {\n  background-color: var(--color-base-yellow-800);\n}\n\n._yellow900BackgroundColor_11l4y_219 {\n  background-color: var(--color-base-yellow-900);\n}\n","._box_bg9pe_1 {\n  box-sizing: border-box;\n}\n\n._flexnone_bg9pe_5 {\n  flex: 0 0 auto;\n}\n\n._flexgrow_bg9pe_9 {\n  flex: 1 1 auto;\n}\n\n._flexWrap_bg9pe_13 {\n  flex-wrap: wrap;\n}\n\n/* Align items */\n._alignItemscenter_bg9pe_18 {\n  align-items: center;\n}\n\n._alignItemsstart_bg9pe_22 {\n  align-items: flex-start;\n}\n\n._alignItemsend_bg9pe_26 {\n  align-items: flex-end;\n}\n\n._alignItemsstretch_bg9pe_30 {\n  align-items: stretch;\n}\n\n._alignItemsbaseline_bg9pe_34 {\n  align-items: baseline;\n}\n\n/* Align items (small and up) */\n@media (min-width: 480px) {\n  ._alignItemscenterSmall_bg9pe_40 {\n    align-items: center;\n  }\n\n  ._alignItemsstartSmall_bg9pe_44 {\n    align-items: flex-start;\n  }\n\n  ._alignItemsendSmall_bg9pe_48 {\n    align-items: flex-end;\n  }\n\n  ._alignItemsstretchSmall_bg9pe_52 {\n    align-items: stretch;\n  }\n\n  ._alignItemsbaselineSmall_bg9pe_56 {\n    align-items: baseline;\n  }\n}\n\n/* Align items (large and up) */\n@media (min-width: 960px) {\n  ._alignItemscenterLarge_bg9pe_63 {\n    align-items: center;\n  }\n\n  ._alignItemsstartLarge_bg9pe_67 {\n    align-items: flex-start;\n  }\n\n  ._alignItemsendLarge_bg9pe_71 {\n    align-items: flex-end;\n  }\n\n  ._alignItemsstretchLarge_bg9pe_75 {\n    align-items: stretch;\n  }\n\n  ._alignItemsbaselineLarge_bg9pe_79 {\n    align-items: baseline;\n  }\n}\n\n/* Align self */\n._alignSelfcenter_bg9pe_85 {\n  align-self: center;\n}\n\n._alignSelfstart_bg9pe_89 {\n  align-self: flex-start;\n}\n\n._alignSelfend_bg9pe_93 {\n  align-self: flex-end;\n}\n\n._alignSelfstretch_bg9pe_97 {\n  align-self: stretch;\n}\n\n._alignSelfbaseline_bg9pe_101 {\n  align-self: baseline;\n}\n\n._alignSelfauto_bg9pe_105 {\n  align-self: auto;\n}\n\n/* Display (base) */\n._block_bg9pe_110 {\n  display: block;\n}\n\n._flex_bg9pe_5 {\n  display: flex;\n}\n\n._inlineBlock_bg9pe_118 {\n  display: inline-block;\n}\n\n._none_bg9pe_122 {\n  display: none;\n}\n\n._visuallyHidden_bg9pe_126 {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  margin-bottom: -1px;\n  border: 0;\n  padding-left: 0;\n  padding-right: 0;\n  clip: rect(0 0 0 0);\n  overflow: hidden;\n}\n\n/* Display (small and up) */\n@media (min-width: 480px) {\n  ._blockSmall_bg9pe_140 {\n    display: block;\n  }\n\n  ._flexSmall_bg9pe_144 {\n    display: flex;\n  }\n\n  ._inlineBlockSmall_bg9pe_148 {\n    display: inline-block;\n  }\n\n  ._noneSmall_bg9pe_152 {\n    display: none;\n  }\n\n  ._visuallyHiddenSmall_bg9pe_156 {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin-bottom: -1px;\n    border: 0;\n    padding-left: 0;\n    padding-right: 0;\n    clip: rect(0 0 0 0);\n    overflow: hidden;\n  }\n}\n\n/* Display (large and up) */\n@media (min-width: 960px) {\n  ._blockLarge_bg9pe_171 {\n    display: block;\n  }\n\n  ._flexLarge_bg9pe_175 {\n    display: flex;\n  }\n\n  ._inlineBlockLarge_bg9pe_179 {\n    display: inline-block;\n  }\n\n  ._noneLarge_bg9pe_183 {\n    display: none;\n  }\n\n  ._visuallyHiddenLarge_bg9pe_187 {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    margin-bottom: -1px;\n    border: 0;\n    padding-left: 0;\n    padding-right: 0;\n    clip: rect(0 0 0 0);\n    overflow: hidden;\n  }\n}\n\n/* Direction */\n._column_bg9pe_201 {\n  flex-direction: column;\n}\n\n._row_bg9pe_205 {\n  flex-direction: row;\n}\n\n/* Direction (small and up) */\n@media (min-width: 480px) {\n  ._columnSmall_bg9pe_211 {\n    flex-direction: column;\n  }\n\n  ._rowSmall_bg9pe_215 {\n    flex-direction: row;\n  }\n}\n\n/* Direction (large and up) */\n@media (min-width: 960px) {\n  ._columnLarge_bg9pe_222 {\n    flex-direction: column;\n  }\n\n  ._rowLarge_bg9pe_226 {\n    flex-direction: row;\n  }\n}\n\n/* Gap */\n._gap0_bg9pe_232 {\n  gap: 0;\n}\n\n._gap1_bg9pe_236 {\n  gap: 4px;\n}\n\n._gap2_bg9pe_240 {\n  gap: 8px;\n}\n\n._gap3_bg9pe_244 {\n  gap: 12px;\n}\n\n._gap4_bg9pe_248 {\n  gap: 16px;\n}\n\n._gap5_bg9pe_252 {\n  gap: 20px;\n}\n\n._gap6_bg9pe_256 {\n  gap: 24px;\n}\n\n._gap7_bg9pe_260 {\n  gap: 28px;\n}\n\n._gap8_bg9pe_264 {\n  gap: 32px;\n}\n\n._gap9_bg9pe_268 {\n  gap: 36px;\n}\n\n._gap10_bg9pe_272 {\n  gap: 40px;\n}\n\n._gap11_bg9pe_276 {\n  gap: 44px;\n}\n\n._gap12_bg9pe_280 {\n  gap: 48px;\n}\n\n/* Justify content */\n._justifyContentcenter_bg9pe_285 {\n  justify-content: center;\n}\n\n._justifyContentstart_bg9pe_289 {\n  justify-content: flex-start;\n}\n\n._justifyContentend_bg9pe_293 {\n  justify-content: flex-end;\n}\n\n._justifyContentbetween_bg9pe_297 {\n  justify-content: space-between;\n}\n\n._justifyContentaround_bg9pe_301 {\n  justify-content: space-around;\n}\n\n._justifyContentevenly_bg9pe_305 {\n  justify-content: space-evenly;\n}\n\n/* Justify content (small and up) */\n@media (min-width: 480px) {\n  ._justifyContentcenterSmall_bg9pe_311 {\n    justify-content: center;\n  }\n\n  ._justifyContentstartSmall_bg9pe_315 {\n    justify-content: flex-start;\n  }\n\n  ._justifyContentendSmall_bg9pe_319 {\n    justify-content: flex-end;\n  }\n\n  ._justifyContentbetweenSmall_bg9pe_323 {\n    justify-content: space-between;\n  }\n\n  ._justifyContentaroundSmall_bg9pe_327 {\n    justify-content: space-around;\n  }\n\n  ._justifyContentevenlySmall_bg9pe_331 {\n    justify-content: space-evenly;\n  }\n}\n\n/* Justify content (large and up) */\n@media (min-width: 960px) {\n  ._justifyContentcenterLarge_bg9pe_338 {\n    justify-content: center;\n  }\n\n  ._justifyContentstartLarge_bg9pe_342 {\n    justify-content: flex-start;\n  }\n\n  ._justifyContentendLarge_bg9pe_346 {\n    justify-content: flex-end;\n  }\n\n  ._justifyContentbetweenLarge_bg9pe_350 {\n    justify-content: space-between;\n  }\n\n  ._justifyContentaroundLarge_bg9pe_354 {\n    justify-content: space-around;\n  }\n\n  ._justifyContentevenlyLarge_bg9pe_358 {\n    justify-content: space-evenly;\n  }\n}\n\n/* Overflow */\n._overflowvisible_bg9pe_364 {\n  overflow: visible;\n}\n\n._overflowhidden_bg9pe_368 {\n  overflow: hidden;\n}\n\n._overflowscroll_bg9pe_372 {\n  overflow: scroll;\n}\n\n._overflowauto_bg9pe_376 {\n  overflow: auto;\n}\n\n._overflowinherit_bg9pe_380 {\n  overflow: inherit;\n}\n\n._overflowinitial_bg9pe_384 {\n  overflow: initial;\n}\n\n._overflowXvisible_bg9pe_388 {\n  overflow-x: visible;\n}\n\n._overflowXhidden_bg9pe_392 {\n  overflow-x: hidden;\n}\n\n._overflowXscroll_bg9pe_396 {\n  overflow-x: scroll;\n}\n\n._overflowXauto_bg9pe_400 {\n  overflow-x: auto;\n}\n\n._overflowXinherit_bg9pe_404 {\n  overflow-x: inherit;\n}\n\n._overflowXinitial_bg9pe_408 {\n  overflow-x: initial;\n}\n\n._overflowYvisible_bg9pe_412 {\n  overflow-y: visible;\n}\n\n._overflowYhidden_bg9pe_416 {\n  overflow-y: hidden;\n}\n\n._overflowYscroll_bg9pe_420 {\n  overflow-y: scroll;\n}\n\n._overflowYauto_bg9pe_424 {\n  overflow-y: auto;\n}\n\n._overflowYinherit_bg9pe_428 {\n  overflow-y: inherit;\n}\n\n._overflowYinitial_bg9pe_432 {\n  overflow-y: initial;\n}\n\n/* Position */\n._absolute_bg9pe_437 {\n  position: absolute;\n}\n\n._fixed_bg9pe_441 {\n  position: fixed;\n}\n\n._relative_bg9pe_445 {\n  position: relative;\n}\n\n._sticky_bg9pe_449 {\n  position: sticky;\n}\n","/* Padding */\n._paddingX0_1aqye_2 {\n  padding-left: 0;\n  padding-right: 0;\n}\n\n._paddingX1_1aqye_7 {\n  padding-left: 4px;\n  padding-right: 4px;\n}\n\n._paddingX2_1aqye_12 {\n  padding-left: 8px;\n  padding-right: 8px;\n}\n\n._paddingX3_1aqye_17 {\n  padding-left: 12px;\n  padding-right: 12px;\n}\n\n._paddingX4_1aqye_22 {\n  padding-left: 16px;\n  padding-right: 16px;\n}\n\n._paddingX5_1aqye_27 {\n  padding-left: 20px;\n  padding-right: 20px;\n}\n\n._paddingX6_1aqye_32 {\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n._paddingX7_1aqye_37 {\n  padding-left: 28px;\n  padding-right: 28px;\n}\n\n._paddingX8_1aqye_42 {\n  padding-left: 32px;\n  padding-right: 32px;\n}\n\n._paddingX9_1aqye_47 {\n  padding-left: 36px;\n  padding-right: 36px;\n}\n\n._paddingX10_1aqye_52 {\n  padding-left: 40px;\n  padding-right: 40px;\n}\n\n._paddingX11_1aqye_57 {\n  padding-left: 44px;\n  padding-right: 44px;\n}\n\n._paddingX12_1aqye_62 {\n  padding-left: 48px;\n  padding-right: 48px;\n}\n\n._paddingY0_1aqye_67 {\n  padding-bottom: 0;\n  padding-top: 0;\n}\n\n._paddingY1_1aqye_72 {\n  padding-bottom: 4px;\n  padding-top: 4px;\n}\n\n._paddingY2_1aqye_77 {\n  padding-bottom: 8px;\n  padding-top: 8px;\n}\n\n._paddingY3_1aqye_82 {\n  padding-bottom: 12px;\n  padding-top: 12px;\n}\n\n._paddingY4_1aqye_87 {\n  padding-bottom: 16px;\n  padding-top: 16px;\n}\n\n._paddingY5_1aqye_92 {\n  padding-bottom: 20px;\n  padding-top: 20px;\n}\n\n._paddingY6_1aqye_97 {\n  padding-bottom: 24px;\n  padding-top: 24px;\n}\n\n._paddingY7_1aqye_102 {\n  padding-bottom: 28px;\n  padding-top: 28px;\n}\n\n._paddingY8_1aqye_107 {\n  padding-bottom: 32px;\n  padding-top: 32px;\n}\n\n._paddingY9_1aqye_112 {\n  padding-bottom: 36px;\n  padding-top: 36px;\n}\n\n._paddingY10_1aqye_117 {\n  padding-bottom: 40px;\n  padding-top: 40px;\n}\n\n._paddingY11_1aqye_122 {\n  padding-bottom: 44px;\n  padding-top: 44px;\n}\n\n._paddingY12_1aqye_127 {\n  padding-bottom: 48px;\n  padding-top: 48px;\n}\n\n/* Padding (small and up) */\n@media (min-width: 480px) {\n  ._paddingX0Small_1aqye_134 {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  ._paddingX1Small_1aqye_139 {\n    padding-left: 4px;\n    padding-right: 4px;\n  }\n\n  ._paddingX2Small_1aqye_144 {\n    padding-left: 8px;\n    padding-right: 8px;\n  }\n\n  ._paddingX3Small_1aqye_149 {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n\n  ._paddingX4Small_1aqye_154 {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  ._paddingX5Small_1aqye_159 {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n\n  ._paddingX6Small_1aqye_164 {\n    padding-left: 24px;\n    padding-right: 24px;\n  }\n\n  ._paddingX7Small_1aqye_169 {\n    padding-left: 28px;\n    padding-right: 28px;\n  }\n\n  ._paddingX8Small_1aqye_174 {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n\n  ._paddingX9Small_1aqye_179 {\n    padding-left: 36px;\n    padding-right: 36px;\n  }\n\n  ._paddingX10Small_1aqye_184 {\n    padding-left: 40px;\n    padding-right: 40px;\n  }\n\n  ._paddingX11Small_1aqye_189 {\n    padding-left: 44px;\n    padding-right: 44px;\n  }\n\n  ._paddingX12Small_1aqye_194 {\n    padding-left: 48px;\n    padding-right: 48px;\n  }\n\n  ._paddingY0Small_1aqye_199 {\n    padding-bottom: 0;\n    padding-top: 0;\n  }\n\n  ._paddingY1Small_1aqye_204 {\n    padding-bottom: 4px;\n    padding-top: 4px;\n  }\n\n  ._paddingY2Small_1aqye_209 {\n    padding-bottom: 8px;\n    padding-top: 8px;\n  }\n\n  ._paddingY3Small_1aqye_214 {\n    padding-bottom: 12px;\n    padding-top: 12px;\n  }\n\n  ._paddingY4Small_1aqye_219 {\n    padding-bottom: 16px;\n    padding-top: 16px;\n  }\n\n  ._paddingY5Small_1aqye_224 {\n    padding-bottom: 20px;\n    padding-top: 20px;\n  }\n\n  ._paddingY6Small_1aqye_229 {\n    padding-bottom: 24px;\n    padding-top: 24px;\n  }\n\n  ._paddingY7Small_1aqye_234 {\n    padding-bottom: 28px;\n    padding-top: 28px;\n  }\n\n  ._paddingY8Small_1aqye_239 {\n    padding-bottom: 32px;\n    padding-top: 32px;\n  }\n\n  ._paddingY9Small_1aqye_244 {\n    padding-bottom: 36px;\n    padding-top: 36px;\n  }\n\n  ._paddingY10Small_1aqye_249 {\n    padding-bottom: 40px;\n    padding-top: 40px;\n  }\n\n  ._paddingY11Small_1aqye_254 {\n    padding-bottom: 44px;\n    padding-top: 44px;\n  }\n\n  ._paddingY12Small_1aqye_259 {\n    padding-bottom: 48px;\n    padding-top: 48px;\n  }\n}\n\n/* Padding (large and up) */\n@media (min-width: 960px) {\n  ._paddingX0Large_1aqye_267 {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  ._paddingX1Large_1aqye_272 {\n    padding-left: 4px;\n    padding-right: 4px;\n  }\n\n  ._paddingX2Large_1aqye_277 {\n    padding-left: 8px;\n    padding-right: 8px;\n  }\n\n  ._paddingX3Large_1aqye_282 {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n\n  ._paddingX4Large_1aqye_287 {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  ._paddingX5Large_1aqye_292 {\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n\n  ._paddingX6Large_1aqye_297 {\n    padding-left: 24px;\n    padding-right: 24px;\n  }\n\n  ._paddingX7Large_1aqye_302 {\n    padding-left: 28px;\n    padding-right: 28px;\n  }\n\n  ._paddingX8Large_1aqye_307 {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n\n  ._paddingX9Large_1aqye_312 {\n    padding-left: 36px;\n    padding-right: 36px;\n  }\n\n  ._paddingX10Large_1aqye_317 {\n    padding-left: 40px;\n    padding-right: 40px;\n  }\n\n  ._paddingX11Large_1aqye_322 {\n    padding-left: 44px;\n    padding-right: 44px;\n  }\n\n  ._paddingX12Large_1aqye_327 {\n    padding-left: 48px;\n    padding-right: 48px;\n  }\n\n  ._paddingY0Large_1aqye_332 {\n    padding-bottom: 0;\n    padding-top: 0;\n  }\n\n  ._paddingY1Large_1aqye_337 {\n    padding-bottom: 4px;\n    padding-top: 4px;\n  }\n\n  ._paddingY2Large_1aqye_342 {\n    padding-bottom: 8px;\n    padding-top: 8px;\n  }\n\n  ._paddingY3Large_1aqye_347 {\n    padding-bottom: 12px;\n    padding-top: 12px;\n  }\n\n  ._paddingY4Large_1aqye_352 {\n    padding-bottom: 16px;\n    padding-top: 16px;\n  }\n\n  ._paddingY5Large_1aqye_357 {\n    padding-bottom: 20px;\n    padding-top: 20px;\n  }\n\n  ._paddingY6Large_1aqye_362 {\n    padding-bottom: 24px;\n    padding-top: 24px;\n  }\n\n  ._paddingY7Large_1aqye_367 {\n    padding-bottom: 28px;\n    padding-top: 28px;\n  }\n\n  ._paddingY8Large_1aqye_372 {\n    padding-bottom: 32px;\n    padding-top: 32px;\n  }\n\n  ._paddingY9Large_1aqye_377 {\n    padding-bottom: 36px;\n    padding-top: 36px;\n  }\n\n  ._paddingY10Large_1aqye_382 {\n    padding-bottom: 40px;\n    padding-top: 40px;\n  }\n\n  ._paddingY11Large_1aqye_387 {\n    padding-bottom: 44px;\n    padding-top: 44px;\n  }\n\n  ._paddingY12Large_1aqye_392 {\n    padding-bottom: 48px;\n    padding-top: 48px;\n  }\n}\n","/* Border Radius */\n._roundingsm_1bo6p_2 {\n  border-radius: 8px;\n}\n\n._roundingmd_1bo6p_6 {\n  border-radius: 12px;\n}\n\n._roundinglg_1bo6p_10 {\n  border-radius: 16px;\n}\n\n._roundingxl_1bo6p_14 {\n  border-radius: 24px;\n}\n\n._roundingfull_1bo6p_18 {\n  border-radius: 999px;\n}\n","._tooltip_11pyp_1 {\n  max-width: 240px;\n}\n\n._arrowPlacementtop_11pyp_5 {\n  transform: rotate(180deg) translate(-100%, -100%);\n  transform-origin: top left;\n}\n\n._arrowPlacementbottom_11pyp_10 {\n  transform: rotate(0deg) translate(0, 0);\n}\n"],"mappings":";AAAA;AACE;AACA;AACA;AAAA;;;ACHF;AACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;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;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;AACA;AACA;AACA;AACA;AAAA;;;AC7FF;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;;;AC3NF;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;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;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;AAGF;AACE;AAAA;AAIF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;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;AAIF;AACE;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAAA;AAKJ;AACE;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;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;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;;;AChcF;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;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;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAIF;AACE;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;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;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAAA;AAKJ;AACE;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;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;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAAA;;;ACxYJ;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AAAA;;;AClBF;AACE;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AAAA;","names":[]}

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,71 @@
+import React__default, { ReactElement, ReactNode } from 'react';
+import { TooltipProps as TooltipProps$1 } from 'react-aria-components';
+import { Placement } from '../react-aria-utils/placement.js';
+import '@react-aria/overlays';
+
+/**
+ * AriaTooltip: This component extends Tooltip from react-aria-components
+ * It applies syntax styles and adds aadditional props:
+ *  - onContentChangeVisibility
+ */
+declare const AriaTooltip: React__default.ForwardRefExoticComponent<TooltipProps$1 & {
+    /** Optional handler for change of visibility for overlaid content, for analytics timing */
+    onChangeContentVisibility?: ((visible: boolean) => void) | undefined;
+} & React__default.RefAttributes<HTMLDivElement>>;
+type TooltipProps = {
+    /**
+     * Test id for the floating tooltip
+     */
+    "data-testid"?: string;
+    /**
+     * How long a user hovers before tooltip shows (in ms)
+     * @defaultValue 0
+     */
+    delay?: number;
+    /** Optional boolean to disable tooltip trigger behavior */
+    disabled?: boolean;
+    /** Optional aria-label for the tooltip (content element) */
+    accessibilityLabel?: string;
+    /** Required trigger element */
+    children: ReactElement;
+    /** Content to be shown inside the tooltip. */
+    content: ReactNode;
+    /** If set to true the tooltip will render initially open */
+    initialOpen?: boolean;
+    /** Optional handler for change of visibility for popover content, for analytics timing */
+    onChangeContentVisibility?: (visible: boolean) => void;
+    /** Optional handler for change of visibility for popover content, for control */
+    onOpenChange?: (open: boolean) => void;
+    /** Optional boolean to control open state of tooltip externally */
+    open?: boolean;
+    /**
+     * Location of the tooltip content relative to anchor element
+     * @defaultValue "top-end"
+     */
+    placement?: Placement;
+};
+/**
+ * [Tooltip](https://cambly-syntax.vercel.app/?path=/docs/components-tooltip--docs) displays contextual information on hover or focus.
+ *
+ * Tooltip content is hidden by default and shown on hover or focus.
+ * The content is hidden again when the user mouses out of the trigger element or blurs the trigger element or presses Escape
+ *
+ * Example Usage:
+ ```
+  <Tooltip
+    delay={200}
+    placement="bottom-start"
+    initialOpen
+    content={(
+      <Box padding={2}>
+        ... some content goes here
+      </Box>
+    )}
+  >
+      <Button text="Trigger me" />
+  </Tooltip>
+ ```
+ */
+declare const Tooltip: React__default.ForwardRefExoticComponent<TooltipProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { AriaTooltip, Tooltip as default };

package/dist/Tooltip/Tooltip.js

@@ -0,0 +1,22 @@
+import {
+  AriaTooltip,
+  Tooltip_default
+} from "../__chunks/PJIXYQPE.js";
+import "../__chunks/652STTPK.js";
+import "../__chunks/KMIZI5PW.js";
+import "../__chunks/5AR53MHD.js";
+import "../__chunks/TPMQI44L.js";
+import "../__chunks/5AR53MHD.js";
+import "../__chunks/B2TFERTM.js";
+import "../__chunks/ERXGNP37.js";
+import "../__chunks/5AR53MHD.js";
+import "../__chunks/ARBLKS7D.js";
+import "../__chunks/JQ6POHCA.js";
+import "../__chunks/5ZDZZL2P.js";
+import "../__chunks/XKDASN7N.js";
+import "../__chunks/LULBCTQR.js";
+export {
+  AriaTooltip,
+  Tooltip_default as default
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip/Tooltip.js.map

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

package/dist/Typography/Typography.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _ARYAYAXHcjs = require('../__chunks/ARYAYAXH.cjs');
+var _ZX5KONS2cjs = require('../__chunks/ZX5KONS2.cjs');
 require('../__chunks/NGUJFGAC.cjs');
 require('../__chunks/VUANIQYP.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
-exports.default = _ARYAYAXHcjs.Typography_default;
+exports.default = _ZX5KONS2cjs.Typography_default;
 //# sourceMappingURL=Typography.cjs.map

package/dist/Typography/Typography.d.ts

@@ -1,9 +1,10 @@
-import { ReactNode, ReactElement } from 'react';
+import * as React from 'react';
+import { ReactNode } from 'react';
 
 /**
  * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.
  */
-declare const Typography: ({ align, as, children, color, "data-testid": dataTestId, inline, lineClamp, size, tooltip, transform, underline, weight, }: {
+declare const Typography: React.ForwardRefExoticComponent<{
     /**
      * Aligns the text to the left, right, or center of the container.
      * * `start` and `end` will align the text to the left or right of the container depending on the locale.
@@ -11,13 +12,13 @@ declare const Typography: ({ align, as, children, color, "data-testid": dataTest
      *
      * @defaultValue "start"
      */
-    align?: "start" | "end" | "forceLeft" | "center" | "forceRight" | undefined;
+    align?: "center" | "end" | "start" | "forceLeft" | "forceRight" | undefined;
     /**
      * DOM element to render as.
      *
      * @defaultValue "div"
      */
-    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | undefined;
+    as?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
     /**
      * The text to be rendered
      */
@@ -27,11 +28,15 @@ declare const Typography: ({ align, as, children, color, "data-testid": dataTest
      *
      * @defaultValue "gray900"
      */
-    color?: "gray200" | "gray900" | "primary" | "secondary" | "tertiary" | "destructive-primary" | "destructive-secondary" | "destructive-tertiary" | "branded" | "success" | "inverse" | "gray700" | "gray800" | "white" | "inherit" | undefined;
+    color?: "gray200" | "gray700" | "gray800" | "gray900" | "white" | "inherit" | "primary" | "secondary" | "tertiary" | "branded" | "inverse" | "destructive-primary" | "destructive-secondary" | "destructive-tertiary" | "success" | undefined;
     /**
      * Test id for the text
      */
     "data-testid"?: string | undefined;
+    /**
+     * The id for the element
+     */
+    id?: string | undefined;
     /**
      * Whether the text should flow inline with other elements.
      *
@@ -55,7 +60,7 @@ declare const Typography: ({ align, as, children, color, "data-testid": dataTest
      *
      * @defaultValue 200
      */
-    size?: 500 | 600 | 700 | 800 | 100 | 200 | 300 | undefined;
+    size?: 100 | 200 | 300 | 500 | 600 | 700 | 800 | undefined;
     /**
      * The tooltip to be displayed when the user hovers the text
      */
@@ -77,7 +82,7 @@ declare const Typography: ({ align, as, children, color, "data-testid": dataTest
      *
      * @defaultValue "regular"
      */
-    weight?: "regular" | "interactive" | "semiBold" | "bold" | "heavy" | undefined;
-}) => ReactElement;
+    weight?: "bold" | "regular" | "interactive" | "semiBold" | "heavy" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 
 export { Typography as default };

package/dist/Typography/Typography.js

@@ -1,6 +1,6 @@
 import {
   Typography_default
-} from "../__chunks/F3ZST4RL.js";
+} from "../__chunks/B2TFERTM.js";
 import "../__chunks/ERXGNP37.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/LULBCTQR.js";

package/dist/__chunks/{GPS2XNQI.js → 2R4YCOYE.js}

@@ -7,15 +7,6 @@ import {
 import {
   iconSize_default
 } from "./4PWSK5GI.js";
-import {
-  Box_default
-} from "./PYNS67IV.js";
-import {
-  Typography_default
-} from "./F3ZST4RL.js";
-import {
-  useIsHydrated
-} from "./YJ7YDIGB.js";
 import {
   foregroundTypographyColor
 } from "./HQVZUEWO.js";
@@ -25,6 +16,15 @@ import {
 import {
   backgroundColor
 } from "./G4DDTGDI.js";
+import {
+  Box_default
+} from "./TJHCYMPV.js";
+import {
+  Typography_default
+} from "./B2TFERTM.js";
+import {
+  useIsHydrated
+} from "./YJ7YDIGB.js";
 
 // src/Button/Button.tsx
 import { forwardRef } from "react";
@@ -117,4 +117,4 @@ var Button_default = Button;
 export {
   Button_default
 };
-//# sourceMappingURL=GPS2XNQI.js.map
+//# sourceMappingURL=2R4YCOYE.js.map

package/dist/__chunks/2RCQTGOZ.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _LMCK5YO5cjs = require('./LMCK5YO5.cjs');
+
+
+var _GYI2PBXYcjs = require('./GYI2PBXY.cjs');
+
+
+
+
+var _I64JGYX7cjs = require('./I64JGYX7.cjs');
+
+// src/RichSelect/RichSelectRadioButton.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var NOOP = () => void 0;
+var RichSelectRadioButton_default = _react.forwardRef.call(void 0, 
+  function RichSelectRadioButton(props, ref) {
+    const _a = props, { size, name } = _a, otherProps = _I64JGYX7cjs.__objRest.call(void 0, _a, ["size", "name"]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GYI2PBXYcjs.RichSelectItem_default, _I64JGYX7cjs.__spreadProps.call(void 0, _I64JGYX7cjs.__spreadValues.call(void 0, {}, otherProps), { ref, children: ({ isSelected, isFocusVisible, isDisabled }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _LMCK5YO5cjs.RadioButton_default,
+      {
+        checked: isSelected,
+        disabled: isDisabled,
+        name,
+        label: otherProps.label,
+        value: otherProps.value,
+        dangerouslyForceFocusStyles: isFocusVisible,
+        size,
+        onChange: NOOP
+      }
+    ) }));
+  }
+);
+
+
+
+exports.RichSelectRadioButton_default = RichSelectRadioButton_default;
+//# sourceMappingURL=2RCQTGOZ.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/RichSelect/RichSelectRadioButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,kBAAqC;AAiB3C;AAbV,IAAM,OAAO,MAAM;AAOnB,IAAO,gCAAQ;AAAA,EACb,SAAS,sBAAsB,OAAO,KAAmB;AACvD,UAAsC,YAA9B,QAAM,KAblB,IAa0C,IAAf,uBAAe,IAAf,CAAf,QAAM;AACd,WACE,oBAAC,yDAAmB,aAAnB,EAA+B,KAC7B,WAAC,EAAE,YAAY,gBAAgB,WAAW,MACzC;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,UAAU;AAAA,QACV;AAAA,QACA,OAAO,WAAW;AAAA,QAClB,OAAO,WAAW;AAAA,QAClB,6BAA6B;AAAA,QAC7B;AAAA,QACA,UAAU;AAAA;AAAA,IACZ,IAEJ;AAAA,EAEJ;AACF","sourcesContent":["import React, { forwardRef, type ReactElement } from \"react\";\nimport RichSelectItem, { type RichSelectItemProps } from \"./RichSelectItem\";\nimport RadioButton from \"../RadioButton/RadioButton\";\n\nconst NOOP = () => undefined;\n\ntype RichSelectRadioButtonProps = RichSelectItemProps & {\n  name: string;\n  size?: \"sm\" | \"md\";\n};\n\nexport default forwardRef<HTMLDivElement, RichSelectRadioButtonProps>(\n  function RichSelectRadioButton(props, ref): ReactElement {\n    const { size, name, ...otherProps } = props;\n    return (\n      <RichSelectItem {...otherProps} ref={ref}>\n        {({ isSelected, isFocusVisible, isDisabled }) => (\n          <RadioButton\n            checked={isSelected}\n            disabled={isDisabled}\n            name={name}\n            label={otherProps.label}\n            value={otherProps.value}\n            dangerouslyForceFocusStyles={isFocusVisible}\n            size={size}\n            onChange={NOOP}\n          />\n        )}\n      </RichSelectItem>\n    );\n  },\n);\n"]}

package/dist/__chunks/3BBDCRDO.js

@@ -0,0 +1,9 @@
+// ../syntax-design-tokens/dist/js/index.js
+var ColorBaseDestructive700 = "#d32a4b";
+var ColorBaseGray800 = "#353535";
+
+export {
+  ColorBaseDestructive700,
+  ColorBaseGray800
+};
+//# sourceMappingURL=3BBDCRDO.js.map

package/dist/__chunks/3BBDCRDO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../syntax-design-tokens/dist/js/index.js"],"sourcesContent":["/**\n * Do not edit directly\n * Generated on Sat, 03 Feb 2024 00:56:09 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 Elevation400 = \"0px 16px 32px 0px #00000040\";\n"],"mappings":";AASO,IAAM,0BAA0B;AAWhC,IAAM,mBAAmB;","names":[]}

package/dist/__chunks/{ERJ5XXDH.js → 3UQRZ3IQ.js}

@@ -4,9 +4,6 @@ import {
 import {
   iconSize_default
 } from "./4PWSK5GI.js";
-import {
-  Typography_default
-} from "./F3ZST4RL.js";
 import {
   foregroundTypographyColor
 } from "./HQVZUEWO.js";
@@ -16,6 +13,9 @@ import {
 import {
   backgroundColor
 } from "./G4DDTGDI.js";
+import {
+  Typography_default
+} from "./B2TFERTM.js";
 
 // src/LinkButton/LinkButton.tsx
 import { forwardRef } from "react";
@@ -93,4 +93,4 @@ var LinkButton_default = LinkButton;
 export {
   LinkButton_default
 };
-//# sourceMappingURL=ERJ5XXDH.js.map
+//# sourceMappingURL=3UQRZ3IQ.js.map

package/dist/__chunks/4EXO6IHD.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/react-aria-utils/placement.ts
+var SYNTAX_TO_REACT_ARIA_PLACEMENT = {
+  top: "top start",
+  end: "top end",
+  bottom: "bottom end",
+  start: "bottom start"
+};
+function syntaxToReactAriaPlacement(placement) {
+  if (!placement)
+    return void 0;
+  return SYNTAX_TO_REACT_ARIA_PLACEMENT[placement];
+}
+
+
+
+exports.syntaxToReactAriaPlacement = syntaxToReactAriaPlacement;
+//# sourceMappingURL=4EXO6IHD.cjs.map

package/dist/__chunks/4EXO6IHD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react-aria-utils/placement.ts"],"names":[],"mappings":";AAIA,IAAM,iCAAwE;AAAA,EAC5E,KAAK;AAAA,EACL,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,OAAO;AACT;AAEO,SAAS,2BACd,WACgC;AAChC,MAAI,CAAC;AAAW,WAAO;AACvB,SAAO,+BAA+B,SAAS;AACjD","sourcesContent":["import { type Placement as ReactAriaPlacement } from \"@react-aria/overlays\";\n\nexport type Placement = \"top\" | \"end\" | \"bottom\" | \"start\";\n\nconst SYNTAX_TO_REACT_ARIA_PLACEMENT: Record<Placement, ReactAriaPlacement> = {\n  top: \"top start\",\n  end: \"top end\",\n  bottom: \"bottom end\",\n  start: \"bottom start\",\n} as const;\n\nexport function syntaxToReactAriaPlacement(\n  placement?: Placement,\n): ReactAriaPlacement | undefined {\n  if (!placement) return undefined;\n  return SYNTAX_TO_REACT_ARIA_PLACEMENT[placement];\n}\n"]}

package/dist/__chunks/4PLE46VU.cjs

@@ -0,0 +1,63 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/react-aria-utils/useDomRefSyntheticEventBridge.ts
+var _react = require('react');
+var createSyntheticEvent = (event) => {
+  let isDefaultPrevented = false;
+  let isPropagationStopped = false;
+  const preventDefault = () => {
+    isDefaultPrevented = true;
+    event.preventDefault();
+  };
+  const stopPropagation = () => {
+    isPropagationStopped = true;
+    event.stopPropagation();
+  };
+  return {
+    nativeEvent: event,
+    currentTarget: event.currentTarget,
+    target: event.target,
+    bubbles: event.bubbles,
+    cancelable: event.cancelable,
+    defaultPrevented: event.defaultPrevented,
+    eventPhase: event.eventPhase,
+    isTrusted: event.isTrusted,
+    preventDefault,
+    isDefaultPrevented: () => isDefaultPrevented,
+    stopPropagation,
+    isPropagationStopped: () => isPropagationStopped,
+    persist: () => void 0,
+    timeStamp: event.timeStamp,
+    type: event.type
+  };
+};
+var useDomRefSyntheticEventBridge = (props, ref, { enabled = true } = {}) => {
+  _react.useEffect.call(void 0, () => {
+    if (!enabled)
+      return () => void 0;
+    if (!ref.current)
+      return () => void 0;
+    const element = ref.current;
+    const cleanups = Object.entries(props).map(
+      ([key, value]) => {
+        if (!key.startsWith("on"))
+          return;
+        if (typeof value !== "function")
+          return;
+        const endsWithCapture = key.endsWith("Capture");
+        const eventname = key.slice(2, endsWithCapture ? -7 : void 0).toLowerCase();
+        const handler = (evt) => {
+          const fn = value;
+          fn(createSyntheticEvent(evt));
+        };
+        const args = [eventname, handler, endsWithCapture];
+        element.addEventListener(...args);
+        return () => element.removeEventListener(...args);
+      }
+    );
+    return () => cleanups.forEach((cleanup) => cleanup == null ? void 0 : cleanup());
+  }, [enabled, props, ref]);
+};
+
+
+
+exports.useDomRefSyntheticEventBridge = useDomRefSyntheticEventBridge;
+//# sourceMappingURL=4PLE46VU.cjs.map

package/dist/__chunks/4PLE46VU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react-aria-utils/useDomRefSyntheticEventBridge.ts"],"names":[],"mappings":";AAAA,SAA8B,iBAAiB;AAE/C,IAAM,uBAAuB,CAC3B,UACyB;AACzB,MAAI,qBAAqB;AACzB,MAAI,uBAAuB;AAC3B,QAAM,iBAAiB,MAAM;AAC3B,yBAAqB;AACrB,UAAM,eAAe;AAAA,EACvB;AACA,QAAM,kBAAkB,MAAM;AAC5B,2BAAuB;AACvB,UAAM,gBAAgB;AAAA,EACxB;AACA,SAAO;AAAA,IACL,aAAa;AAAA,IACb,eAAe,MAAM;AAAA,IACrB,QAAQ,MAAM;AAAA,IACd,SAAS,MAAM;AAAA,IACf,YAAY,MAAM;AAAA,IAClB,kBAAkB,MAAM;AAAA,IACxB,YAAY,MAAM;AAAA,IAClB,WAAW,MAAM;AAAA,IACjB;AAAA,IACA,oBAAoB,MAAM;AAAA,IAC1B;AAAA,IACA,sBAAsB,MAAM;AAAA,IAC5B,SAAS,MAAM;AAAA,IACf,WAAW,MAAM;AAAA,IACjB,MAAM,MAAM;AAAA,EACd;AACF;AAEO,IAAM,gCAAgC,CAC3C,OACA,KACA,EAAE,UAAU,KAAK,IAA2B,CAAC,MACpC;AACT,YAAU,MAAM;AACd,QAAI,CAAC;AAAS,aAAO,MAAM;AAC3B,QAAI,CAAC,IAAI;AAAS,aAAO,MAAM;AAC/B,UAAM,UAAU,IAAI;AAEpB,UAAM,WAAW,OAAO,QAAQ,KAAK,EAAE;AAAA,MACrC,CAAC,CAAC,KAAK,KAAK,MAAM;AAChB,YAAI,CAAC,IAAI,WAAW,IAAI;AAAG;AAC3B,YAAI,OAAO,UAAU;AAAY;AACjC,cAAM,kBAAkB,IAAI,SAAS,SAAS;AAC9C,cAAM,YAAY,IACf,MAAM,GAAG,kBAAkB,KAAK,MAAS,EACzC,YAAY;AAEf,cAAM,UAAU,CAAC,QAAe;AAC9B,gBAAM,KAAK;AACX,aAAG,qBAAqB,GAAG,CAAC;AAAA,QAC9B;AAEA,cAAM,OAIF,CAAC,WAAW,SAAS,eAAe;AACxC,gBAAQ,iBAAiB,GAAG,IAAI;AAChC,eAAO,MAAM,QAAQ,oBAAoB,GAAG,IAAI;AAAA,MAClD;AAAA,IACF;AAEA,WAAO,MAAM,SAAS,QAAQ,CAAC,YAAY,oCAAW;AAAA,EACxD,GAAG,CAAC,SAAS,OAAO,GAAG,CAAC;AAC1B","sourcesContent":["import { type SyntheticEvent, useEffect } from \"react\";\n\nconst createSyntheticEvent = <T extends Element, E extends Event>(\n  event: E,\n): SyntheticEvent<T, E> => {\n  let isDefaultPrevented = false;\n  let isPropagationStopped = false;\n  const preventDefault = () => {\n    isDefaultPrevented = true;\n    event.preventDefault();\n  };\n  const stopPropagation = () => {\n    isPropagationStopped = true;\n    event.stopPropagation();\n  };\n  return {\n    nativeEvent: event,\n    currentTarget: event.currentTarget as EventTarget & T,\n    target: event.target as EventTarget & T,\n    bubbles: event.bubbles,\n    cancelable: event.cancelable,\n    defaultPrevented: event.defaultPrevented,\n    eventPhase: event.eventPhase,\n    isTrusted: event.isTrusted,\n    preventDefault,\n    isDefaultPrevented: () => isDefaultPrevented,\n    stopPropagation,\n    isPropagationStopped: () => isPropagationStopped,\n    persist: () => undefined,\n    timeStamp: event.timeStamp,\n    type: event.type,\n  };\n};\n\nexport const useDomRefSyntheticEventBridge = <T extends Element>(\n  props: Record<string, unknown>,\n  ref: React.RefObject<T>,\n  { enabled = true }: { enabled?: boolean } = {},\n): void => {\n  useEffect(() => {\n    if (!enabled) return () => undefined;\n    if (!ref.current) return () => undefined;\n    const element = ref.current;\n\n    const cleanups = Object.entries(props).map<(() => void) | undefined>(\n      ([key, value]) => {\n        if (!key.startsWith(\"on\")) return;\n        if (typeof value !== \"function\") return;\n        const endsWithCapture = key.endsWith(\"Capture\");\n        const eventname = key\n          .slice(2, endsWithCapture ? -7 : undefined)\n          .toLowerCase();\n\n        const handler = (evt: Event) => {\n          const fn = value as (event: SyntheticEvent) => void;\n          fn(createSyntheticEvent(evt));\n        };\n\n        const args: [\n          eventname: string,\n          handler: EventListenerOrEventListenerObject,\n          useCapture?: boolean,\n        ] = [eventname, handler, endsWithCapture];\n        element.addEventListener(...args);\n        return () => element.removeEventListener(...args);\n      },\n    );\n\n    return () => cleanups.forEach((cleanup) => cleanup?.());\n  }, [enabled, props, ref]);\n};\n"]}