@cambly/syntax-core 10.2.2 → 10.4.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,20 @@
+import {
+  AriaTooltip,
+  Tooltip_default
+} from "../__chunks/ILJV2LMS.js";
+import "../__chunks/J7CMFWIU.js";
+import "../__chunks/RKIOGDSG.js";
+import "../__chunks/TPMQI44L.js";
+import "../__chunks/4G4SS7O3.js";
+import "../__chunks/ERXGNP37.js";
+import "../__chunks/5AR53MHD.js";
+import "../__chunks/ARBLKS7D.js";
+import "../__chunks/IRL2C3B2.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 _UNZBENAEcjs = require('../__chunks/UNZBENAE.cjs');
 require('../__chunks/NGUJFGAC.cjs');
 require('../__chunks/VUANIQYP.cjs');
 require('../__chunks/I64JGYX7.cjs');
 
 
-exports.default = _ARYAYAXHcjs.Typography_default;
+exports.default = _UNZBENAEcjs.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.
@@ -78,6 +79,6 @@ declare const Typography: ({ align, as, children, color, "data-testid": dataTest
      * @defaultValue "regular"
      */
     weight?: "bold" | "regular" | "interactive" | "semiBold" | "heavy" | undefined;
-}) => ReactElement;
+} & 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/4G4SS7O3.js";
 import "../__chunks/ERXGNP37.js";
 import "../__chunks/5AR53MHD.js";
 import "../__chunks/LULBCTQR.js";

package/dist/__chunks/{FOTKCGZZ.js → 22NHJVQS.js}

@@ -1,9 +1,9 @@
 import {
   Box_default
-} from "./PYNS67IV.js";
+} from "./TJHCYMPV.js";
 import {
   Typography_default
-} from "./F3ZST4RL.js";
+} from "./4G4SS7O3.js";
 
 // css-module:./Badge.module.css#css-module
 var Badge_module_default = { "icon": "_icon_1g9xb_1" };
@@ -50,4 +50,4 @@ var Badge_default = Badge;
 export {
   Badge_default
 };
-//# sourceMappingURL=FOTKCGZZ.js.map
+//# sourceMappingURL=22NHJVQS.js.map

package/dist/__chunks/{EXYF6BLV.cjs → 37N4BSEF.cjs}

@@ -3,7 +3,7 @@
 var _LTM57QMYcjs = require('./LTM57QMY.cjs');
 
 
-var _ARYAYAXHcjs = require('./ARYAYAXH.cjs');
+var _UNZBENAEcjs = require('./UNZBENAE.cjs');
 
 
 var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
@@ -91,7 +91,7 @@ var RadioButton = ({
           }
         ),
         label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _ARYAYAXHcjs.Typography_default,
+          _UNZBENAEcjs.Typography_default,
           {
             size: size === "md" ? 200 : 100,
             color: error ? "destructive-primary" : "gray800",
@@ -107,4 +107,4 @@ var RadioButton_default = RadioButton;
 
 
 exports.RadioButton_default = RadioButton_default;
-//# sourceMappingURL=EXYF6BLV.cjs.map
+//# sourceMappingURL=37N4BSEF.cjs.map

package/dist/__chunks/{NHSTGALH.cjs → 4DPEJJ42.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _3F5U7W73cjs = require('./3F5U7W73.cjs');
+var _SJFWRAOPcjs = require('./SJFWRAOP.cjs');
 
 
-var _SJFWRAOPcjs = require('./SJFWRAOP.cjs');
+var _PYX4374Tcjs = require('./PYX4374T.cjs');
 
 
-var _CEWOAFV2cjs = require('./CEWOAFV2.cjs');
+var _PBWG2BB5cjs = require('./PBWG2BB5.cjs');
 
 
-var _CY6YL5T4cjs = require('./CY6YL5T4.cjs');
+var _YBP5BNDHcjs = require('./YBP5BNDH.cjs');
 
 
-var _PBWG2BB5cjs = require('./PBWG2BB5.cjs');
+var _5SMR5MWYcjs = require('./5SMR5MWY.cjs');
 
 // src/Modal/Modal.tsx
 var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);
@@ -46,7 +46,7 @@ function Modal({
   zIndex = 1,
   "data-testid": dataTestId
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _3F5U7W73cjs.Layer, { zIndex, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _PBWG2BB5cjs.StopScroll, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SJFWRAOPcjs.FocusTrap, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _YBP5BNDHcjs.Layer, { zIndex, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _PBWG2BB5cjs.StopScroll, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _SJFWRAOPcjs.FocusTrap, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
       className: Modal_module_default.backdrop,
@@ -54,7 +54,7 @@ function Modal({
       onClick: (e) => e.target === e.currentTarget && onDismiss(),
       onKeyDown: (e) => e.key === "Escape" && onDismiss(),
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _CY6YL5T4cjs.Box_default,
+        _5SMR5MWYcjs.Box_default,
         {
           "data-testid": dataTestId,
           backgroundColor: "white",
@@ -66,7 +66,7 @@ function Modal({
           width: "100%",
           dangerouslySetInlineStyle: { __style: { overflow: "hidden" } },
           children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CY6YL5T4cjs.Box_default, { position: "relative", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5SMR5MWYcjs.Box_default, { position: "relative", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "button",
               {
                 "aria-label": accessibilityCloseLabel,
@@ -78,12 +78,12 @@ function Modal({
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, XIcon, { color: image ? "#fff" : "#000" })
               }
             ) }),
-            image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CY6YL5T4cjs.Box_default, { maxHeight: 200, children: image }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _CY6YL5T4cjs.Box_default, { display: "flex", gap: 3, direction: "column", padding: 9, children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CEWOAFV2cjs.Heading_default, { as: "h1", size: 500, children: header }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CY6YL5T4cjs.Box_default, { marginBottom: 4, children }),
+            image && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5SMR5MWYcjs.Box_default, { maxHeight: 200, children: image }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _5SMR5MWYcjs.Box_default, { display: "flex", gap: 3, direction: "column", padding: 9, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _PYX4374Tcjs.Heading_default, { as: "h1", size: 500, children: header }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _5SMR5MWYcjs.Box_default, { marginBottom: 4, children }),
               footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _CY6YL5T4cjs.Box_default,
+                _5SMR5MWYcjs.Box_default,
                 {
                   display: "flex",
                   direction: "column",
@@ -107,4 +107,4 @@ Modal.displayName = "Modal";
 
 
 exports.Modal = Modal;
-//# sourceMappingURL=NHSTGALH.cjs.map
+//# sourceMappingURL=4DPEJJ42.cjs.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/{F3ZST4RL.js → 4G4SS7O3.js}

@@ -4,6 +4,7 @@ import {
 
 // src/Typography/Typography.tsx
 import classNames from "classnames";
+import { forwardRef } from "react";
 
 // css-module:./Typography.module.css#css-module
 var Typography_module_default = { "typography": "_typography_1vnry_1", "size100": "_size100_1vnry_8", "size200": "_size200_1vnry_12", "size300": "_size300_1vnry_16", "size500": "_size500_1vnry_20", "size600": "_size600_1vnry_24", "size700": "_size700_1vnry_28", "size800": "_size800_1vnry_32", "center": "_center_1vnry_37", "forceLeft": "_forceLeft_1vnry_41", "forceRight": "_forceRight_1vnry_45", "start": "_start_1vnry_49", "end": "_end_1vnry_53", "bold": "_bold_1vnry_58", "regular": "_regular_1vnry_62", "interactive": "_interactive_1vnry_66", "semiBold": "_semiBold_1vnry_70", "heavy": "_heavy_1vnry_74", "underline": "_underline_1vnry_78", "inline": "_inline_1vnry_82", "uppercase": "_uppercase_1vnry_86", "lineClamp": "_lineClamp_1vnry_90" };
@@ -28,7 +29,7 @@ function textColor(color) {
       return colors_module_default.gray900Color;
   }
 }
-var Typography = ({
+var Typography = forwardRef(function Typography2({
   align = "start",
   as = "div",
   children,
@@ -41,7 +42,7 @@ var Typography = ({
   transform = "none",
   underline = false,
   weight = "regular"
-}) => {
+}, ref) {
   const Tag = as;
   return /* @__PURE__ */ jsx(
     Tag,
@@ -62,13 +63,14 @@ var Typography = ({
         WebkitLineClamp: lineClamp
       },
       title: tooltip,
+      ref,
       children
     }
   );
-};
+});
 var Typography_default = Typography;
 
 export {
   Typography_default
 };
-//# sourceMappingURL=F3ZST4RL.js.map
+//# sourceMappingURL=4G4SS7O3.js.map

package/dist/__chunks/4G4SS7O3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Typography/Typography.tsx","css-module:./Typography.module.css#css-module"],"sourcesContent":["import classNames from \"classnames\";\nimport { forwardRef, type ReactElement, type ReactNode } from \"react\";\nimport { type Color } from \"../constants\";\nimport styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\n\nfunction textColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.gray700Color;\n    case \"white\":\n      return colorStyles.whiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"primary\":\n      return colorStyles.primary700Color;\n    case \"destructive-primary\":\n      return colorStyles.destructive700Color;\n    case \"success\":\n      return colorStyles.success700Color;\n    default:\n      return colorStyles.gray900Color;\n  }\n}\n\n/**\n * [Typography](https://cambly-syntax.vercel.app/?path=/docs/components-typography--docs) is a component that renders text.\n */\nconst Typography = forwardRef<\n  HTMLDivElement,\n  {\n    /**\n     * Aligns the text to the left, right, or center of the container.\n     * * `start` and `end` will align the text to the left or right of the container depending on the locale.\n     * * `forceLeft` and `forceRight` will align the text to the left or right of the container regardless of the locale (should be used sparingly).\n     *\n     * @defaultValue \"start\"\n     */\n    align?: \"start\" | \"end\" | \"forceLeft\" | \"center\" | \"forceRight\";\n    /**\n     * DOM element to render as.\n     *\n     * @defaultValue \"div\"\n     */\n    as?: \"div\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n    /**\n     * The text to be rendered\n     */\n    children?: ReactNode;\n    /**\n     * The color of the text.\n     *\n     * @defaultValue \"gray900\"\n     */\n    color?: (typeof Color)[number];\n    /**\n     * Test id for the text\n     */\n    \"data-testid\"?: string;\n    /**\n     * Whether the text should flow inline with other elements.\n     *\n     * @defaultValue false\n     */\n    inline?: boolean;\n    /**\n     * The number of lines we should truncate the text at\n     */\n    lineClamp?: number | undefined;\n    /**\n     * Size of the text.\n     *\n     * * `100`: 12px\n     * * `200`: 14px\n     * * `300`: 16px\n     * * `500`: 20px\n     * * `600`: 28px\n     * * `700`: 40px\n     * * `800`: 64px\n     *\n     * @defaultValue 200\n     */\n    size?: 100 | 200 | 300 | 500 | 600 | 700 | 800;\n    /**\n     * The tooltip to be displayed when the user hovers the text\n     */\n    tooltip?: string;\n    /**\n     * Whether the text should be transformed to uppercase.\n     *\n     * @defaultValue \"none\"\n     */\n    transform?: \"none\" | \"uppercase\";\n    /**\n     * Whether the text has an underline.\n     *\n     * @defaultValue false\n     */\n    underline?: boolean;\n    /**\n     * Indicates the boldness of the text.\n     *\n     * @defaultValue \"regular\"\n     */\n    weight?: \"regular\" | \"interactive\" | \"semiBold\" | \"bold\" | \"heavy\";\n  }\n>(function Typography(\n  {\n    align = \"start\",\n    as = \"div\",\n    children,\n    color = \"gray900\",\n    \"data-testid\": dataTestId,\n    inline = false,\n    lineClamp = undefined,\n    size = 200,\n    tooltip,\n    transform = \"none\",\n    underline = false,\n    weight = \"regular\",\n  },\n  ref,\n): ReactElement {\n  const Tag = as;\n\n  return (\n    <Tag\n      className={classNames(\n        styles.typography,\n        styles[align],\n        styles[weight],\n        textColor(color),\n        inline && styles.inline,\n        styles[`size${size}`],\n        transform === \"uppercase\" && styles.uppercase,\n        underline && styles.underline,\n        lineClamp != null && styles.lineClamp,\n      )}\n      data-testid={dataTestId}\n      style={{\n        WebkitLineClamp: lineClamp,\n      }}\n      title={tooltip}\n      ref={ref}\n    >\n      {children}\n    </Tag>\n  );\n});\n\nexport default Typography;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css\"; export default {\"typography\":\"_typography_1vnry_1\",\"size100\":\"_size100_1vnry_8\",\"size200\":\"_size200_1vnry_12\",\"size300\":\"_size300_1vnry_16\",\"size500\":\"_size500_1vnry_20\",\"size600\":\"_size600_1vnry_24\",\"size700\":\"_size700_1vnry_28\",\"size800\":\"_size800_1vnry_32\",\"center\":\"_center_1vnry_37\",\"forceLeft\":\"_forceLeft_1vnry_41\",\"forceRight\":\"_forceRight_1vnry_45\",\"start\":\"_start_1vnry_49\",\"end\":\"_end_1vnry_53\",\"bold\":\"_bold_1vnry_58\",\"regular\":\"_regular_1vnry_62\",\"interactive\":\"_interactive_1vnry_66\",\"semiBold\":\"_semiBold_1vnry_70\",\"heavy\":\"_heavy_1vnry_74\",\"underline\":\"_underline_1vnry_78\",\"inline\":\"_inline_1vnry_82\",\"uppercase\":\"_uppercase_1vnry_86\",\"lineClamp\":\"_lineClamp_1vnry_90\"}"],"mappings":";;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,kBAAqD;;;ACDsC,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,WAAU,oBAAmB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,UAAS,oBAAmB,aAAY,uBAAsB,cAAa,wBAAuB,SAAQ,mBAAkB,OAAM,iBAAgB,QAAO,kBAAiB,WAAU,qBAAoB,eAAc,yBAAwB,YAAW,sBAAqB,SAAQ,mBAAkB,aAAY,uBAAsB,UAAS,oBAAmB,aAAY,uBAAsB,aAAY,sBAAqB;;;AD8H7wB;AAxHJ,SAAS,UAAU,OAAuC;AACxD,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;AAKA,IAAM,aAAa,WA8EjB,SAASA,YACT;AAAA,EACE,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX,GACA,KACc;AACd,QAAM,MAAM;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,0BAAO;AAAA,QACP,0BAAO,KAAK;AAAA,QACZ,0BAAO,MAAM;AAAA,QACb,UAAU,KAAK;AAAA,QACf,UAAU,0BAAO;AAAA,QACjB,0BAAO,OAAO,MAAM;AAAA,QACpB,cAAc,eAAe,0BAAO;AAAA,QACpC,aAAa,0BAAO;AAAA,QACpB,aAAa,QAAQ,0BAAO;AAAA,MAC9B;AAAA,MACA,eAAa;AAAA,MACb,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,qBAAQ;","names":["Typography"]}

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"]}

package/dist/__chunks/{CY6YL5T4.cjs → 5SMR5MWY.cjs}

@@ -226,4 +226,4 @@ var Box_default = Box;
 
 
 exports.Box_default = Box_default;
-//# sourceMappingURL=CY6YL5T4.cjs.map
+//# sourceMappingURL=5SMR5MWY.cjs.map

package/dist/__chunks/5ZDZZL2P.js

@@ -0,0 +1,63 @@
+// src/react-aria-utils/useDomRefSyntheticEventBridge.ts
+import { useEffect } from "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 } = {}) => {
+  useEffect(() => {
+    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]);
+};
+
+export {
+  useDomRefSyntheticEventBridge
+};
+//# sourceMappingURL=5ZDZZL2P.js.map

package/dist/__chunks/5ZDZZL2P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/react-aria-utils/useDomRefSyntheticEventBridge.ts"],"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"],"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;","names":[]}

package/dist/__chunks/6YHDE4TN.cjs

@@ -0,0 +1,70 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _4PLE46VUcjs = require('./4PLE46VU.cjs');
+
+
+
+
+var _I64JGYX7cjs = require('./I64JGYX7.cjs');
+
+// src/react-aria-utils/Triggerable.tsx
+
+
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactaria = require('react-aria');
+var _utils = require('@react-aria/utils');
+var _focus = require('@react-aria/focus');
+
+// css-module:./Triggerable.module.css#css-module
+var Triggerable_module_default = { "trigger": "_trigger_1efnf_1" };
+
+// src/react-aria-utils/Triggerable.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function cloneWithRef(children, parentRef) {
+  return _react2.default.cloneElement(children, {
+    ref: children.ref ? _utils.mergeRefs.call(void 0, parentRef, children.ref) : parentRef
+  });
+}
+var Triggerable = _react.forwardRef.call(void 0, function Triggerable2(props, forwardedRef) {
+  const { children } = props;
+  const wrapperDomRef = _utils.useObjectRef.call(void 0, forwardedRef);
+  const childRef = _utils.useObjectRef.call(void 0, null);
+  const hasTabbableChild = _focus.useHasTabbableChild.call(void 0, wrapperDomRef);
+  const focusableRef = hasTabbableChild ? childRef : wrapperDomRef;
+  const { focusableProps } = _reactaria.useFocusable.call(void 0, {}, focusableRef);
+  const { buttonProps } = _reactaria.useButton.call(void 0, { elementType: "span" }, focusableRef);
+  const { hoverProps } = _reactaria.useHover.call(void 0, {});
+  const _a = focusableProps, { onFocus, onBlur, onKeyDown, onKeyUp } = _a, otherFocusableProps = _I64JGYX7cjs.__objRest.call(void 0, _a, ["onFocus", "onBlur", "onKeyDown", "onKeyUp"]);
+  const focusableHandlerProps = { onFocus, onBlur, onKeyDown, onKeyUp };
+  const child = children ? cloneWithRef(children, childRef) : children;
+  _4PLE46VUcjs.useDomRefSyntheticEventBridge.call(void 0, focusableHandlerProps, childRef, {
+    enabled: hasTabbableChild
+  });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    _I64JGYX7cjs.__spreadProps.call(void 0, _I64JGYX7cjs.__spreadValues.call(void 0, {
+      ref: wrapperDomRef
+    }, _reactaria.mergeProps.call(void 0, 
+      buttonProps,
+      hasTabbableChild ? {} : focusableHandlerProps,
+      otherFocusableProps,
+      hoverProps,
+      {
+        className: Triggerable_module_default.trigger,
+        style: {
+          display: "inline-block",
+          verticalAlign: "text-top"
+        }
+      }
+    )), {
+      tabIndex: hasTabbableChild ? void 0 : 0,
+      children: child
+    })
+  );
+});
+var Triggerable_default = Triggerable;
+
+
+
+exports.Triggerable_default = Triggerable_default;
+//# sourceMappingURL=6YHDE4TN.cjs.map