@cambly/syntax-core 10.9.0 → 10.10.0

package/dist/__chunks/JDLL6DAC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Modal/Modal.tsx","css-module:./Modal.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,OAAO,gBAAgB;;;ACDmE,IAAO,uBAAQ,EAAC,YAAW,qBAAoB,eAAc,yBAAwB,wBAAuB,iCAAgC;;;ADchO,cAiKQ,YAjKR;AAHN,SAAS,MAAM,EAAE,QAAQ,OAAO,GAAuB;AACrD,SACE,oBAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,MAAM,OACnE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,GACF;AAEJ;AAIA,IAAM,YAAY;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AACN;AAmCe,SAAR,MAAuB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,0BAA0B;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,eAAe;AACjB,GAoEiB;AACf,SACE,oBAAC,SAAM,QACL,8BAAC,cACC,8BAAC,aACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,qBAAO;AAAA,MAClB,MAAK;AAAA,MACL,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,iBAAiB,UAAU;AAAA,MAC1D,WAAW,CAAC,MAAM,EAAE,QAAQ,YAAY,UAAU;AAAA,MAElD;AAAA,QAAC;AAAA;AAAA,UACC,eAAa;AAAA,UACb,iBAAgB;AAAA,UAChB,UAAS;AAAA,UACT,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAU,UAAU,IAAI;AAAA,UACxB,OAAM;AAAA,UACN,2BAA2B,EAAE,SAAS,EAAE,UAAU,SAAS,EAAE;AAAA,UAE7D;AAAA,gCAAC,eAAI,UAAS,YACZ;AAAA,cAAC;AAAA;AAAA,gBACC,cAAY;AAAA,gBACZ,MAAK;AAAA,gBACL,WAAW,WAAW,qBAAO,aAAa;AAAA,kBACxC,CAAC,qBAAO,oBAAoB,GAAG,CAAC,CAAC;AAAA,gBACnC,CAAC;AAAA,gBACD,SAAS;AAAA,gBAET,8BAAC,SAAM,OAAO,QAAQ,SAAS,QAAQ;AAAA;AAAA,YACzC,GACF;AAAA,YACC,SAAS,oBAAC,eAAI,WAAW,KAAM,iBAAM;AAAA,YACtC,qBAAC,eAAI,SAAQ,QAAO,KAAK,GAAG,WAAU,UAAS,SAAS,GACtD;AAAA,kCAAC,mBAAQ,IAAG,MAAK,MAAM,KACpB,kBACH;AAAA,cACA,oBAAC,eAAI,cAAc,GAAI,UAAS;AAAA,cAC/B,UACC;AAAA,gBAAC;AAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,WAAU;AAAA,kBACV,KAAK;AAAA,kBACL,aAAY;AAAA,kBACZ,kBAAiB;AAAA,kBACjB,aAAY;AAAA,kBACZ,kBAAiB;AAAA,kBAEhB;AAAA;AAAA,cACH;AAAA,eAEJ;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF,GACF,GACF,GACF;AAEJ;AAEA,MAAM,cAAc","sourcesContent":["import { type ReactElement } from \"react\";\nimport classnames from \"classnames\";\n\nimport Heading from \"../Heading/Heading\";\nimport Box from \"../Box/Box\";\n\nimport FocusTrap from \"./FocusTrap\";\nimport StopScroll from \"./StopScroll\";\nimport Layer from \"./Layer\";\nimport styles from \"./Modal.module.css\";\n\nfunction XIcon({ color = \"#000\" }: { color?: string }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" fill={color}>\n      <path\n        fill=\"inherit\"\n        d=\"M11.25.758a.83.83 0 0 0-1.175 0L6 4.825 1.925.75A.83.83 0 1 0 .75 1.925L4.825 6 .75 10.075a.83.83 0 1 0 1.175 1.175L6 7.175l4.075 4.075a.83.83 0 1 0 1.175-1.175L7.175 6l4.075-4.075a.835.835 0 0 0 0-1.167Z\"\n      />\n    </svg>\n  );\n}\n\n// Note: Only sm + lg size currently. design thinks there should only be two sizes.\n// If there IS a md size at some point, we should use the \"size\" const.\nconst sizeWidth = {\n  sm: 400,\n  lg: 600,\n} as const;\n\n/**\n * [Modal](https://cambly-syntax.vercel.app/?path=/docs/components-modal--docs) is a dialog that appears on top of the main content and locks user interaction within the modal.\n *\n ```\n  const [showModal, setShowModal] = useState(false)\n\n  return (\n    <>\n      {showModal && <Modal\n        header=\"header text\"\n        onDismiss={() => setShowModal(false)}\n        footer={\n          <>\n            <Button\n              text=\"Cancel\"\n              color=\"secondary\"\n              onClick={() => {}}\n            />\n            <Button\n              text=\"Confirm\"\n              onClick={() => {}}\n            />\n          </>\n        }\n      >\n        <Typography>\n          Body text goes here!\n        </Typography>\n      </Modal> }\n    </>\n  )\n  ```\n */\nexport default function Modal({\n  header,\n  children,\n  image,\n  onDismiss,\n  footer,\n  accessibilityCloseLabel = \"close modal\",\n  size = \"sm\",\n  zIndex = 1,\n  \"data-testid\": dataTestId,\n}: {\n  /**\n   * The modal's main content. Should typically take in `Typography`'d text.\n   */\n  children: JSX.Element;\n  /**\n   * The header inside a modal as a string.\n   */\n  header: string;\n  /**\n   * What the X button (or clicking out of the modal area) does.\n   * Typically used for closing the Modal\n   */\n  onDismiss: () => void;\n  /**\n   * The optional image rendered above the Modal.\n   * Image size should be 400w x 200h.\n   * If images aren't that sized, should ask design to give another image.\n   */\n  image?: JSX.Element;\n  /**\n   * The footer for the bottom area of the Modal. Typically used for rendering buttons.\n   * * Use Syntax `Button` and pass it into footer.\n   * * If one button, just pass it in. If two, wrap in a React fragment (`<> </>`)\n   * * If two(2) buttons, put primary button _second_.\n   *\n      <>\n        <Button\n          text=\"Cancel\"\n          color=\"secondary\"\n          onClick={() => {}}\n        />\n        <Button\n          text=\"Confirm\"\n          onClick={() => {}}\n        />\n      </>\n   */\n  footer?: JSX.Element;\n  /**\n   * The accessibilty text on the close button.\n   * (Sets the aria-label of the button)\n   *\n   *\n   * @defaultValue close modal\n   */\n  accessibilityCloseLabel?: string;\n  /**\n   * The size of the card\n   *\n   * * `sm`: 400px\n   * * `lg`: 600px\n   *\n   *\n   * @defaultValue sm\n   */\n  size?: keyof typeof sizeWidth;\n  /**\n   * The z-index for the modal.\n   * Typically used if there are other things on the page with higher z-index and you need this overlayed on top.\n   *\n   * @defaultValue 0\n   */\n  zIndex?: number;\n  /**\n   * Test id for the modal\n   */\n  \"data-testid\"?: string;\n}): ReactElement {\n  return (\n    <Layer zIndex={zIndex}>\n      <StopScroll>\n        <FocusTrap>\n          <div\n            className={styles.backdrop}\n            role=\"presentation\"\n            onClick={(e) => e.target === e.currentTarget && onDismiss()}\n            onKeyDown={(e) => e.key === \"Escape\" && onDismiss()}\n          >\n            <Box\n              data-testid={dataTestId}\n              backgroundColor=\"white\"\n              rounding=\"xl\"\n              display=\"flex\"\n              direction=\"column\"\n              minWidth={240}\n              maxWidth={sizeWidth[size]}\n              width=\"100%\"\n              dangerouslySetInlineStyle={{ __style: { overflow: \"hidden\" } }}\n            >\n              <Box position=\"relative\">\n                <button\n                  aria-label={accessibilityCloseLabel}\n                  type=\"button\"\n                  className={classnames(styles.closeButton, {\n                    [styles.closeButtonWithImage]: !!image,\n                  })}\n                  onClick={onDismiss}\n                >\n                  <XIcon color={image ? \"#fff\" : \"#000\"} />\n                </button>\n              </Box>\n              {image && <Box maxHeight={200}>{image}</Box>}\n              <Box display=\"flex\" gap={3} direction=\"column\" padding={9}>\n                <Heading as=\"h1\" size={500}>\n                  {header}\n                </Heading>\n                <Box marginBottom={4}>{children}</Box>\n                {footer && (\n                  <Box\n                    display=\"flex\"\n                    direction=\"column\"\n                    gap={3}\n                    smDirection=\"row\"\n                    smJustifyContent=\"end\"\n                    lgDirection=\"row\"\n                    lgJustifyContent=\"end\"\n                  >\n                    {footer}\n                  </Box>\n                )}\n              </Box>\n            </Box>\n          </div>\n        </FocusTrap>\n      </StopScroll>\n    </Layer>\n  );\n}\n\nModal.displayName = \"Modal\";\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Modal/Modal.module.css\"; export default {\"backdrop\":\"_backdrop_30t3h_1\",\"closeButton\":\"_closeButton_30t3h_12\",\"closeButtonWithImage\":\"_closeButtonWithImage_30t3h_32\"}"]}

package/dist/__chunks/{5OB72SMM.js → JHJZ5COD.js}

@@ -1,7 +1,9 @@
+"use client"
+
 // css-module:../colors/colors.module.css#css-module
 var colors_module_default = { "inheritColor": "_inheritColor_178qd_2", "destructive700Color": "_destructive700Color_178qd_6", "gray700Color": "_gray700Color_178qd_10", "gray900Color": "_gray900Color_178qd_14", "primary700Color": "_primary700Color_178qd_18", "success700Color": "_success700Color_178qd_22", "whiteColor": "_whiteColor_178qd_26", "blackBackgroundColor": "_blackBackgroundColor_178qd_31", "destructive100BackgroundColor": "_destructive100BackgroundColor_178qd_35", "destructive200BackgroundColor": "_destructive200BackgroundColor_178qd_39", "destructive300BackgroundColor": "_destructive300BackgroundColor_178qd_43", "destructive700BackgroundColor": "_destructive700BackgroundColor_178qd_47", "destructive800BackgroundColor": "_destructive800BackgroundColor_178qd_51", "destructive900BackgroundColor": "_destructive900BackgroundColor_178qd_55", "gray10BackgroundColor": "_gray10BackgroundColor_178qd_59", "gray30BackgroundColor": "_gray30BackgroundColor_178qd_63", "gray60BackgroundColor": "_gray60BackgroundColor_178qd_67", "gray80BackgroundColor": "_gray80BackgroundColor_178qd_71", "gray100BackgroundColor": "_gray100BackgroundColor_178qd_75", "gray200BackgroundColor": "_gray200BackgroundColor_178qd_79", "gray300BackgroundColor": "_gray300BackgroundColor_178qd_83", "gray700BackgroundColor": "_gray700BackgroundColor_178qd_87", "gray800BackgroundColor": "_gray800BackgroundColor_178qd_91", "gray900BackgroundColor": "_gray900BackgroundColor_178qd_95", "orange100BackgroundColor": "_orange100BackgroundColor_178qd_99", "orange200BackgroundColor": "_orange200BackgroundColor_178qd_103", "orange300BackgroundColor": "_orange300BackgroundColor_178qd_107", "orange700BackgroundColor": "_orange700BackgroundColor_178qd_111", "orange800BackgroundColor": "_orange800BackgroundColor_178qd_115", "orange900BackgroundColor": "_orange900BackgroundColor_178qd_119", "primary100BackgroundColor": "_primary100BackgroundColor_178qd_123", "primary200BackgroundColor": "_primary200BackgroundColor_178qd_127", "primary300BackgroundColor": "_primary300BackgroundColor_178qd_131", "primary700BackgroundColor": "_primary700BackgroundColor_178qd_135", "primary800BackgroundColor": "_primary800BackgroundColor_178qd_139", "primary900BackgroundColor": "_primary900BackgroundColor_178qd_143", "success100BackgroundColor": "_success100BackgroundColor_178qd_147", "success200BackgroundColor": "_success200BackgroundColor_178qd_151", "success300BackgroundColor": "_success300BackgroundColor_178qd_155", "success700BackgroundColor": "_success700BackgroundColor_178qd_159", "success800BackgroundColor": "_success800BackgroundColor_178qd_163", "success900BackgroundColor": "_success900BackgroundColor_178qd_167", "purple100BackgroundColor": "_purple100BackgroundColor_178qd_171", "purple200BackgroundColor": "_purple200BackgroundColor_178qd_175", "purple300BackgroundColor": "_purple300BackgroundColor_178qd_179", "purple700BackgroundColor": "_purple700BackgroundColor_178qd_183", "purple800BackgroundColor": "_purple800BackgroundColor_178qd_187", "purple900BackgroundColor": "_purple900BackgroundColor_178qd_191", "whiteBackgroundColor": "_whiteBackgroundColor_178qd_195", "yellow100BackgroundColor": "_yellow100BackgroundColor_178qd_199", "yellow200BackgroundColor": "_yellow200BackgroundColor_178qd_203", "yellow300BackgroundColor": "_yellow300BackgroundColor_178qd_207", "yellow700BackgroundColor": "_yellow700BackgroundColor_178qd_211", "yellow800BackgroundColor": "_yellow800BackgroundColor_178qd_215", "yellow900BackgroundColor": "_yellow900BackgroundColor_178qd_219", "cambioBlackColor": "_cambioBlackColor_178qd_224", "cambioWhiteColor": "_cambioWhiteColor_178qd_228", "cambioGray100Color": "_cambioGray100Color_178qd_232", "cambioGray200Color": "_cambioGray200Color_178qd_236", "cambioGray300Color": "_cambioGray300Color_178qd_240", "cambioGray370Color": "_cambioGray370Color_178qd_244", "cambioGray700Color": "_cambioGray700Color_178qd_248", "cambioGray800Color": "_cambioGray800Color_178qd_252", "cambioGray870Color": "_cambioGray870Color_178qd_256", "cambioGray900Color": "_cambioGray900Color_178qd_260", "cambioDestructive100Color": "_cambioDestructive100Color_178qd_264", "cambioDestructive300Color": "_cambioDestructive300Color_178qd_268", "cambioDestructive370Color": "_cambioDestructive370Color_178qd_272", "cambioDestructive700Color": "_cambioDestructive700Color_178qd_276", "cambioDestructive770Color": "_cambioDestructive770Color_178qd_280", "cambioDestructive900Color": "_cambioDestructive900Color_178qd_284", "cambioSuccess100Color": "_cambioSuccess100Color_178qd_288", "cambioSuccess300Color": "_cambioSuccess300Color_178qd_292", "cambioSuccess370Color": "_cambioSuccess370Color_178qd_296", "cambioSuccess700Color": "_cambioSuccess700Color_178qd_300", "cambioSuccess770Color": "_cambioSuccess770Color_178qd_304", "cambioSuccess900Color": "_cambioSuccess900Color_178qd_308", "cambioRedColor": "_cambioRedColor_178qd_312", "cambioOrangeColor": "_cambioOrangeColor_178qd_316", "cambioTanColor": "_cambioTanColor_178qd_320", "cambioCreamColor": "_cambioCreamColor_178qd_324", "cambioPurpleColor": "_cambioPurpleColor_178qd_328", "cambioLilacColor": "_cambioLilacColor_178qd_332", "cambioThistleColor": "_cambioThistleColor_178qd_336", "cambioPinkColor": "_cambioPinkColor_178qd_340", "cambioNavyColor": "_cambioNavyColor_178qd_344", "cambioTealColor": "_cambioTealColor_178qd_348", "cambioSlateColor": "_cambioSlateColor_178qd_352", "cambioSkyColor": "_cambioSkyColor_178qd_356", "cambioYellow700Color": "_cambioYellow700Color_178qd_360", "cambioTransparentFullBackgroundColor": "_cambioTransparentFullBackgroundColor_178qd_364", "cambioBlackBackgroundColor": "_cambioBlackBackgroundColor_178qd_368", "cambioWhiteBackgroundColor": "_cambioWhiteBackgroundColor_178qd_372", "cambioGray100BackgroundColor": "_cambioGray100BackgroundColor_178qd_376", "cambioGray200BackgroundColor": "_cambioGray200BackgroundColor_178qd_380", "cambioGray300BackgroundColor": "_cambioGray300BackgroundColor_178qd_384", "cambioGray370BackgroundColor": "_cambioGray370BackgroundColor_178qd_388", "cambioGray700BackgroundColor": "_cambioGray700BackgroundColor_178qd_392", "cambioGray800BackgroundColor": "_cambioGray800BackgroundColor_178qd_396", "cambioGray870BackgroundColor": "_cambioGray870BackgroundColor_178qd_400", "cambioGray900BackgroundColor": "_cambioGray900BackgroundColor_178qd_404", "cambioDestructive100BackgroundColor": "_cambioDestructive100BackgroundColor_178qd_408", "cambioDestructive300BackgroundColor": "_cambioDestructive300BackgroundColor_178qd_412", "cambioDestructive370BackgroundColor": "_cambioDestructive370BackgroundColor_178qd_416", "cambioDestructive700BackgroundColor": "_cambioDestructive700BackgroundColor_178qd_420", "cambioDestructive770BackgroundColor": "_cambioDestructive770BackgroundColor_178qd_424", "cambioDestructive900BackgroundColor": "_cambioDestructive900BackgroundColor_178qd_428", "cambioSuccess100BackgroundColor": "_cambioSuccess100BackgroundColor_178qd_432", "cambioSuccess300BackgroundColor": "_cambioSuccess300BackgroundColor_178qd_436", "cambioSuccess370BackgroundColor": "_cambioSuccess370BackgroundColor_178qd_440", "cambioSuccess700BackgroundColor": "_cambioSuccess700BackgroundColor_178qd_444", "cambioSuccess770BackgroundColor": "_cambioSuccess770BackgroundColor_178qd_448", "cambioSuccess900BackgroundColor": "_cambioSuccess900BackgroundColor_178qd_452", "cambioRedBackgroundColor": "_cambioRedBackgroundColor_178qd_456", "cambioOrangeBackgroundColor": "_cambioOrangeBackgroundColor_178qd_460", "cambioTanBackgroundColor": "_cambioTanBackgroundColor_178qd_464", "cambioCreamBackgroundColor": "_cambioCreamBackgroundColor_178qd_468", "cambioPurpleBackgroundColor": "_cambioPurpleBackgroundColor_178qd_472", "cambioLilacBackgroundColor": "_cambioLilacBackgroundColor_178qd_476", "cambioThistleBackgroundColor": "_cambioThistleBackgroundColor_178qd_480", "cambioPinkBackgroundColor": "_cambioPinkBackgroundColor_178qd_484", "cambioNavyBackgroundColor": "_cambioNavyBackgroundColor_178qd_488", "cambioTealBackgroundColor": "_cambioTealBackgroundColor_178qd_492", "cambioSlateBackgroundColor": "_cambioSlateBackgroundColor_178qd_496", "cambioSkyBackgroundColor": "_cambioSkyBackgroundColor_178qd_500", "cambioYellow700BackgroundColor": "_cambioYellow700BackgroundColor_178qd_504" };
 
 export {
   colors_module_default
 };
-//# sourceMappingURL=5OB72SMM.js.map
+//# sourceMappingURL=JHJZ5COD.js.map

package/dist/__chunks/{5OB72SMM.js.map → JHJZ5COD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["css-module:../colors/colors.module.css#css-module"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_178qd_2\",\"destructive700Color\":\"_destructive700Color_178qd_6\",\"gray700Color\":\"_gray700Color_178qd_10\",\"gray900Color\":\"_gray900Color_178qd_14\",\"primary700Color\":\"_primary700Color_178qd_18\",\"success700Color\":\"_success700Color_178qd_22\",\"whiteColor\":\"_whiteColor_178qd_26\",\"blackBackgroundColor\":\"_blackBackgroundColor_178qd_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_178qd_35\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_178qd_39\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_178qd_43\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_178qd_47\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_178qd_51\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_178qd_55\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_178qd_59\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_178qd_63\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_178qd_67\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_178qd_71\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_178qd_75\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_178qd_79\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_178qd_83\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_178qd_87\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_178qd_91\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_178qd_95\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_178qd_99\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_178qd_103\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_178qd_107\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_178qd_111\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_178qd_115\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_178qd_119\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_178qd_123\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_178qd_127\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_178qd_131\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_178qd_135\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_178qd_139\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_178qd_143\",\"success100BackgroundColor\":\"_success100BackgroundColor_178qd_147\",\"success200BackgroundColor\":\"_success200BackgroundColor_178qd_151\",\"success300BackgroundColor\":\"_success300BackgroundColor_178qd_155\",\"success700BackgroundColor\":\"_success700BackgroundColor_178qd_159\",\"success800BackgroundColor\":\"_success800BackgroundColor_178qd_163\",\"success900BackgroundColor\":\"_success900BackgroundColor_178qd_167\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_178qd_171\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_178qd_175\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_178qd_179\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_178qd_183\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_178qd_187\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_178qd_191\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_178qd_195\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_178qd_199\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_178qd_203\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_178qd_207\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_178qd_211\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_178qd_215\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_178qd_219\",\"cambioBlackColor\":\"_cambioBlackColor_178qd_224\",\"cambioWhiteColor\":\"_cambioWhiteColor_178qd_228\",\"cambioGray100Color\":\"_cambioGray100Color_178qd_232\",\"cambioGray200Color\":\"_cambioGray200Color_178qd_236\",\"cambioGray300Color\":\"_cambioGray300Color_178qd_240\",\"cambioGray370Color\":\"_cambioGray370Color_178qd_244\",\"cambioGray700Color\":\"_cambioGray700Color_178qd_248\",\"cambioGray800Color\":\"_cambioGray800Color_178qd_252\",\"cambioGray870Color\":\"_cambioGray870Color_178qd_256\",\"cambioGray900Color\":\"_cambioGray900Color_178qd_260\",\"cambioDestructive100Color\":\"_cambioDestructive100Color_178qd_264\",\"cambioDestructive300Color\":\"_cambioDestructive300Color_178qd_268\",\"cambioDestructive370Color\":\"_cambioDestructive370Color_178qd_272\",\"cambioDestructive700Color\":\"_cambioDestructive700Color_178qd_276\",\"cambioDestructive770Color\":\"_cambioDestructive770Color_178qd_280\",\"cambioDestructive900Color\":\"_cambioDestructive900Color_178qd_284\",\"cambioSuccess100Color\":\"_cambioSuccess100Color_178qd_288\",\"cambioSuccess300Color\":\"_cambioSuccess300Color_178qd_292\",\"cambioSuccess370Color\":\"_cambioSuccess370Color_178qd_296\",\"cambioSuccess700Color\":\"_cambioSuccess700Color_178qd_300\",\"cambioSuccess770Color\":\"_cambioSuccess770Color_178qd_304\",\"cambioSuccess900Color\":\"_cambioSuccess900Color_178qd_308\",\"cambioRedColor\":\"_cambioRedColor_178qd_312\",\"cambioOrangeColor\":\"_cambioOrangeColor_178qd_316\",\"cambioTanColor\":\"_cambioTanColor_178qd_320\",\"cambioCreamColor\":\"_cambioCreamColor_178qd_324\",\"cambioPurpleColor\":\"_cambioPurpleColor_178qd_328\",\"cambioLilacColor\":\"_cambioLilacColor_178qd_332\",\"cambioThistleColor\":\"_cambioThistleColor_178qd_336\",\"cambioPinkColor\":\"_cambioPinkColor_178qd_340\",\"cambioNavyColor\":\"_cambioNavyColor_178qd_344\",\"cambioTealColor\":\"_cambioTealColor_178qd_348\",\"cambioSlateColor\":\"_cambioSlateColor_178qd_352\",\"cambioSkyColor\":\"_cambioSkyColor_178qd_356\",\"cambioYellow700Color\":\"_cambioYellow700Color_178qd_360\",\"cambioTransparentFullBackgroundColor\":\"_cambioTransparentFullBackgroundColor_178qd_364\",\"cambioBlackBackgroundColor\":\"_cambioBlackBackgroundColor_178qd_368\",\"cambioWhiteBackgroundColor\":\"_cambioWhiteBackgroundColor_178qd_372\",\"cambioGray100BackgroundColor\":\"_cambioGray100BackgroundColor_178qd_376\",\"cambioGray200BackgroundColor\":\"_cambioGray200BackgroundColor_178qd_380\",\"cambioGray300BackgroundColor\":\"_cambioGray300BackgroundColor_178qd_384\",\"cambioGray370BackgroundColor\":\"_cambioGray370BackgroundColor_178qd_388\",\"cambioGray700BackgroundColor\":\"_cambioGray700BackgroundColor_178qd_392\",\"cambioGray800BackgroundColor\":\"_cambioGray800BackgroundColor_178qd_396\",\"cambioGray870BackgroundColor\":\"_cambioGray870BackgroundColor_178qd_400\",\"cambioGray900BackgroundColor\":\"_cambioGray900BackgroundColor_178qd_404\",\"cambioDestructive100BackgroundColor\":\"_cambioDestructive100BackgroundColor_178qd_408\",\"cambioDestructive300BackgroundColor\":\"_cambioDestructive300BackgroundColor_178qd_412\",\"cambioDestructive370BackgroundColor\":\"_cambioDestructive370BackgroundColor_178qd_416\",\"cambioDestructive700BackgroundColor\":\"_cambioDestructive700BackgroundColor_178qd_420\",\"cambioDestructive770BackgroundColor\":\"_cambioDestructive770BackgroundColor_178qd_424\",\"cambioDestructive900BackgroundColor\":\"_cambioDestructive900BackgroundColor_178qd_428\",\"cambioSuccess100BackgroundColor\":\"_cambioSuccess100BackgroundColor_178qd_432\",\"cambioSuccess300BackgroundColor\":\"_cambioSuccess300BackgroundColor_178qd_436\",\"cambioSuccess370BackgroundColor\":\"_cambioSuccess370BackgroundColor_178qd_440\",\"cambioSuccess700BackgroundColor\":\"_cambioSuccess700BackgroundColor_178qd_444\",\"cambioSuccess770BackgroundColor\":\"_cambioSuccess770BackgroundColor_178qd_448\",\"cambioSuccess900BackgroundColor\":\"_cambioSuccess900BackgroundColor_178qd_452\",\"cambioRedBackgroundColor\":\"_cambioRedBackgroundColor_178qd_456\",\"cambioOrangeBackgroundColor\":\"_cambioOrangeBackgroundColor_178qd_460\",\"cambioTanBackgroundColor\":\"_cambioTanBackgroundColor_178qd_464\",\"cambioCreamBackgroundColor\":\"_cambioCreamBackgroundColor_178qd_468\",\"cambioPurpleBackgroundColor\":\"_cambioPurpleBackgroundColor_178qd_472\",\"cambioLilacBackgroundColor\":\"_cambioLilacBackgroundColor_178qd_476\",\"cambioThistleBackgroundColor\":\"_cambioThistleBackgroundColor_178qd_480\",\"cambioPinkBackgroundColor\":\"_cambioPinkBackgroundColor_178qd_484\",\"cambioNavyBackgroundColor\":\"_cambioNavyBackgroundColor_178qd_488\",\"cambioTealBackgroundColor\":\"_cambioTealBackgroundColor_178qd_492\",\"cambioSlateBackgroundColor\":\"_cambioSlateBackgroundColor_178qd_496\",\"cambioSkyBackgroundColor\":\"_cambioSkyBackgroundColor_178qd_500\",\"cambioYellow700BackgroundColor\":\"_cambioYellow700BackgroundColor_178qd_504\"}"],"mappings":";AAA4F,IAAO,wBAAQ,EAAC,gBAAe,yBAAwB,uBAAsB,gCAA+B,gBAAe,0BAAyB,gBAAe,0BAAyB,mBAAkB,6BAA4B,mBAAkB,6BAA4B,cAAa,wBAAuB,wBAAuB,kCAAiC,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,mCAAkC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,4BAA2B,sCAAqC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,wBAAuB,mCAAkC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,oBAAmB,+BAA8B,oBAAmB,+BAA8B,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,kBAAiB,6BAA4B,qBAAoB,gCAA+B,kBAAiB,6BAA4B,oBAAmB,+BAA8B,qBAAoB,gCAA+B,oBAAmB,+BAA8B,sBAAqB,iCAAgC,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,oBAAmB,+BAA8B,kBAAiB,6BAA4B,wBAAuB,mCAAkC,wCAAuC,mDAAkD,8BAA6B,yCAAwC,8BAA6B,yCAAwC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,4BAA2B,uCAAsC,+BAA8B,0CAAyC,4BAA2B,uCAAsC,8BAA6B,yCAAwC,+BAA8B,0CAAyC,8BAA6B,yCAAwC,gCAA+B,2CAA0C,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,8BAA6B,yCAAwC,4BAA2B,uCAAsC,kCAAiC,4CAA2C;","names":[]}
+{"version":3,"sources":["css-module:../colors/colors.module.css#css-module"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/colors/colors.module.css\"; export default {\"inheritColor\":\"_inheritColor_178qd_2\",\"destructive700Color\":\"_destructive700Color_178qd_6\",\"gray700Color\":\"_gray700Color_178qd_10\",\"gray900Color\":\"_gray900Color_178qd_14\",\"primary700Color\":\"_primary700Color_178qd_18\",\"success700Color\":\"_success700Color_178qd_22\",\"whiteColor\":\"_whiteColor_178qd_26\",\"blackBackgroundColor\":\"_blackBackgroundColor_178qd_31\",\"destructive100BackgroundColor\":\"_destructive100BackgroundColor_178qd_35\",\"destructive200BackgroundColor\":\"_destructive200BackgroundColor_178qd_39\",\"destructive300BackgroundColor\":\"_destructive300BackgroundColor_178qd_43\",\"destructive700BackgroundColor\":\"_destructive700BackgroundColor_178qd_47\",\"destructive800BackgroundColor\":\"_destructive800BackgroundColor_178qd_51\",\"destructive900BackgroundColor\":\"_destructive900BackgroundColor_178qd_55\",\"gray10BackgroundColor\":\"_gray10BackgroundColor_178qd_59\",\"gray30BackgroundColor\":\"_gray30BackgroundColor_178qd_63\",\"gray60BackgroundColor\":\"_gray60BackgroundColor_178qd_67\",\"gray80BackgroundColor\":\"_gray80BackgroundColor_178qd_71\",\"gray100BackgroundColor\":\"_gray100BackgroundColor_178qd_75\",\"gray200BackgroundColor\":\"_gray200BackgroundColor_178qd_79\",\"gray300BackgroundColor\":\"_gray300BackgroundColor_178qd_83\",\"gray700BackgroundColor\":\"_gray700BackgroundColor_178qd_87\",\"gray800BackgroundColor\":\"_gray800BackgroundColor_178qd_91\",\"gray900BackgroundColor\":\"_gray900BackgroundColor_178qd_95\",\"orange100BackgroundColor\":\"_orange100BackgroundColor_178qd_99\",\"orange200BackgroundColor\":\"_orange200BackgroundColor_178qd_103\",\"orange300BackgroundColor\":\"_orange300BackgroundColor_178qd_107\",\"orange700BackgroundColor\":\"_orange700BackgroundColor_178qd_111\",\"orange800BackgroundColor\":\"_orange800BackgroundColor_178qd_115\",\"orange900BackgroundColor\":\"_orange900BackgroundColor_178qd_119\",\"primary100BackgroundColor\":\"_primary100BackgroundColor_178qd_123\",\"primary200BackgroundColor\":\"_primary200BackgroundColor_178qd_127\",\"primary300BackgroundColor\":\"_primary300BackgroundColor_178qd_131\",\"primary700BackgroundColor\":\"_primary700BackgroundColor_178qd_135\",\"primary800BackgroundColor\":\"_primary800BackgroundColor_178qd_139\",\"primary900BackgroundColor\":\"_primary900BackgroundColor_178qd_143\",\"success100BackgroundColor\":\"_success100BackgroundColor_178qd_147\",\"success200BackgroundColor\":\"_success200BackgroundColor_178qd_151\",\"success300BackgroundColor\":\"_success300BackgroundColor_178qd_155\",\"success700BackgroundColor\":\"_success700BackgroundColor_178qd_159\",\"success800BackgroundColor\":\"_success800BackgroundColor_178qd_163\",\"success900BackgroundColor\":\"_success900BackgroundColor_178qd_167\",\"purple100BackgroundColor\":\"_purple100BackgroundColor_178qd_171\",\"purple200BackgroundColor\":\"_purple200BackgroundColor_178qd_175\",\"purple300BackgroundColor\":\"_purple300BackgroundColor_178qd_179\",\"purple700BackgroundColor\":\"_purple700BackgroundColor_178qd_183\",\"purple800BackgroundColor\":\"_purple800BackgroundColor_178qd_187\",\"purple900BackgroundColor\":\"_purple900BackgroundColor_178qd_191\",\"whiteBackgroundColor\":\"_whiteBackgroundColor_178qd_195\",\"yellow100BackgroundColor\":\"_yellow100BackgroundColor_178qd_199\",\"yellow200BackgroundColor\":\"_yellow200BackgroundColor_178qd_203\",\"yellow300BackgroundColor\":\"_yellow300BackgroundColor_178qd_207\",\"yellow700BackgroundColor\":\"_yellow700BackgroundColor_178qd_211\",\"yellow800BackgroundColor\":\"_yellow800BackgroundColor_178qd_215\",\"yellow900BackgroundColor\":\"_yellow900BackgroundColor_178qd_219\",\"cambioBlackColor\":\"_cambioBlackColor_178qd_224\",\"cambioWhiteColor\":\"_cambioWhiteColor_178qd_228\",\"cambioGray100Color\":\"_cambioGray100Color_178qd_232\",\"cambioGray200Color\":\"_cambioGray200Color_178qd_236\",\"cambioGray300Color\":\"_cambioGray300Color_178qd_240\",\"cambioGray370Color\":\"_cambioGray370Color_178qd_244\",\"cambioGray700Color\":\"_cambioGray700Color_178qd_248\",\"cambioGray800Color\":\"_cambioGray800Color_178qd_252\",\"cambioGray870Color\":\"_cambioGray870Color_178qd_256\",\"cambioGray900Color\":\"_cambioGray900Color_178qd_260\",\"cambioDestructive100Color\":\"_cambioDestructive100Color_178qd_264\",\"cambioDestructive300Color\":\"_cambioDestructive300Color_178qd_268\",\"cambioDestructive370Color\":\"_cambioDestructive370Color_178qd_272\",\"cambioDestructive700Color\":\"_cambioDestructive700Color_178qd_276\",\"cambioDestructive770Color\":\"_cambioDestructive770Color_178qd_280\",\"cambioDestructive900Color\":\"_cambioDestructive900Color_178qd_284\",\"cambioSuccess100Color\":\"_cambioSuccess100Color_178qd_288\",\"cambioSuccess300Color\":\"_cambioSuccess300Color_178qd_292\",\"cambioSuccess370Color\":\"_cambioSuccess370Color_178qd_296\",\"cambioSuccess700Color\":\"_cambioSuccess700Color_178qd_300\",\"cambioSuccess770Color\":\"_cambioSuccess770Color_178qd_304\",\"cambioSuccess900Color\":\"_cambioSuccess900Color_178qd_308\",\"cambioRedColor\":\"_cambioRedColor_178qd_312\",\"cambioOrangeColor\":\"_cambioOrangeColor_178qd_316\",\"cambioTanColor\":\"_cambioTanColor_178qd_320\",\"cambioCreamColor\":\"_cambioCreamColor_178qd_324\",\"cambioPurpleColor\":\"_cambioPurpleColor_178qd_328\",\"cambioLilacColor\":\"_cambioLilacColor_178qd_332\",\"cambioThistleColor\":\"_cambioThistleColor_178qd_336\",\"cambioPinkColor\":\"_cambioPinkColor_178qd_340\",\"cambioNavyColor\":\"_cambioNavyColor_178qd_344\",\"cambioTealColor\":\"_cambioTealColor_178qd_348\",\"cambioSlateColor\":\"_cambioSlateColor_178qd_352\",\"cambioSkyColor\":\"_cambioSkyColor_178qd_356\",\"cambioYellow700Color\":\"_cambioYellow700Color_178qd_360\",\"cambioTransparentFullBackgroundColor\":\"_cambioTransparentFullBackgroundColor_178qd_364\",\"cambioBlackBackgroundColor\":\"_cambioBlackBackgroundColor_178qd_368\",\"cambioWhiteBackgroundColor\":\"_cambioWhiteBackgroundColor_178qd_372\",\"cambioGray100BackgroundColor\":\"_cambioGray100BackgroundColor_178qd_376\",\"cambioGray200BackgroundColor\":\"_cambioGray200BackgroundColor_178qd_380\",\"cambioGray300BackgroundColor\":\"_cambioGray300BackgroundColor_178qd_384\",\"cambioGray370BackgroundColor\":\"_cambioGray370BackgroundColor_178qd_388\",\"cambioGray700BackgroundColor\":\"_cambioGray700BackgroundColor_178qd_392\",\"cambioGray800BackgroundColor\":\"_cambioGray800BackgroundColor_178qd_396\",\"cambioGray870BackgroundColor\":\"_cambioGray870BackgroundColor_178qd_400\",\"cambioGray900BackgroundColor\":\"_cambioGray900BackgroundColor_178qd_404\",\"cambioDestructive100BackgroundColor\":\"_cambioDestructive100BackgroundColor_178qd_408\",\"cambioDestructive300BackgroundColor\":\"_cambioDestructive300BackgroundColor_178qd_412\",\"cambioDestructive370BackgroundColor\":\"_cambioDestructive370BackgroundColor_178qd_416\",\"cambioDestructive700BackgroundColor\":\"_cambioDestructive700BackgroundColor_178qd_420\",\"cambioDestructive770BackgroundColor\":\"_cambioDestructive770BackgroundColor_178qd_424\",\"cambioDestructive900BackgroundColor\":\"_cambioDestructive900BackgroundColor_178qd_428\",\"cambioSuccess100BackgroundColor\":\"_cambioSuccess100BackgroundColor_178qd_432\",\"cambioSuccess300BackgroundColor\":\"_cambioSuccess300BackgroundColor_178qd_436\",\"cambioSuccess370BackgroundColor\":\"_cambioSuccess370BackgroundColor_178qd_440\",\"cambioSuccess700BackgroundColor\":\"_cambioSuccess700BackgroundColor_178qd_444\",\"cambioSuccess770BackgroundColor\":\"_cambioSuccess770BackgroundColor_178qd_448\",\"cambioSuccess900BackgroundColor\":\"_cambioSuccess900BackgroundColor_178qd_452\",\"cambioRedBackgroundColor\":\"_cambioRedBackgroundColor_178qd_456\",\"cambioOrangeBackgroundColor\":\"_cambioOrangeBackgroundColor_178qd_460\",\"cambioTanBackgroundColor\":\"_cambioTanBackgroundColor_178qd_464\",\"cambioCreamBackgroundColor\":\"_cambioCreamBackgroundColor_178qd_468\",\"cambioPurpleBackgroundColor\":\"_cambioPurpleBackgroundColor_178qd_472\",\"cambioLilacBackgroundColor\":\"_cambioLilacBackgroundColor_178qd_476\",\"cambioThistleBackgroundColor\":\"_cambioThistleBackgroundColor_178qd_480\",\"cambioPinkBackgroundColor\":\"_cambioPinkBackgroundColor_178qd_484\",\"cambioNavyBackgroundColor\":\"_cambioNavyBackgroundColor_178qd_488\",\"cambioTealBackgroundColor\":\"_cambioTealBackgroundColor_178qd_492\",\"cambioSlateBackgroundColor\":\"_cambioSlateBackgroundColor_178qd_496\",\"cambioSkyBackgroundColor\":\"_cambioSkyBackgroundColor_178qd_500\",\"cambioYellow700BackgroundColor\":\"_cambioYellow700BackgroundColor_178qd_504\"}"],"mappings":";;;AAA4F,IAAO,wBAAQ,EAAC,gBAAe,yBAAwB,uBAAsB,gCAA+B,gBAAe,0BAAyB,gBAAe,0BAAyB,mBAAkB,6BAA4B,mBAAkB,6BAA4B,cAAa,wBAAuB,wBAAuB,kCAAiC,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,iCAAgC,2CAA0C,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,mCAAkC,yBAAwB,mCAAkC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,0BAAyB,oCAAmC,4BAA2B,sCAAqC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,wBAAuB,mCAAkC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,4BAA2B,uCAAsC,oBAAmB,+BAA8B,oBAAmB,+BAA8B,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,sBAAqB,iCAAgC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,yBAAwB,oCAAmC,kBAAiB,6BAA4B,qBAAoB,gCAA+B,kBAAiB,6BAA4B,oBAAmB,+BAA8B,qBAAoB,gCAA+B,oBAAmB,+BAA8B,sBAAqB,iCAAgC,mBAAkB,8BAA6B,mBAAkB,8BAA6B,mBAAkB,8BAA6B,oBAAmB,+BAA8B,kBAAiB,6BAA4B,wBAAuB,mCAAkC,wCAAuC,mDAAkD,8BAA6B,yCAAwC,8BAA6B,yCAAwC,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,gCAA+B,2CAA0C,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,uCAAsC,kDAAiD,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,mCAAkC,8CAA6C,4BAA2B,uCAAsC,+BAA8B,0CAAyC,4BAA2B,uCAAsC,8BAA6B,yCAAwC,+BAA8B,0CAAyC,8BAA6B,yCAAwC,gCAA+B,2CAA0C,6BAA4B,wCAAuC,6BAA4B,wCAAuC,6BAA4B,wCAAuC,8BAA6B,yCAAwC,4BAA2B,uCAAsC,kCAAiC,4CAA2C;","names":[]}

package/dist/__chunks/{DSCWFIR3.cjs → JQGCEUQE.cjs}

@@ -1,15 +1,16 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client"
 
-var _LTM57QMYcjs = require('./LTM57QMY.cjs');
 
+var _XLUVINJWcjs = require('./XLUVINJW.cjs');
 
-var _TIW4V757cjs = require('./TIW4V757.cjs');
 
+var _X6HZ6DM2cjs = require('./X6HZ6DM2.cjs');
 
-var _FZRIE7EXcjs = require('./FZRIE7EX.cjs');
 
+var _K4AUV2VKcjs = require('./K4AUV2VK.cjs');
 
-var _GVEA7SLQcjs = require('./GVEA7SLQ.cjs');
+
+var _NOELZTQXcjs = require('./NOELZTQX.cjs');
 
 // src/Checkbox/Checkbox.tsx
 var _react = require('react');
@@ -37,20 +38,20 @@ var Checkbox = ({
   error = false,
   onChange
 }) => {
-  const isHydrated = _FZRIE7EXcjs.useIsHydrated.call(void 0, );
+  const isHydrated = _K4AUV2VKcjs.useIsHydrated.call(void 0, );
   const disabled = !isHydrated || disabledProp;
   const [isFocused, setIsFocused] = _react.useState.call(void 0, false);
-  const { isFocusVisible } = _GVEA7SLQcjs.useFocusVisible.call(void 0, );
+  const { isFocusVisible } = _NOELZTQXcjs.useFocusVisible.call(void 0, );
   const checkboxStyling = _classnames2.default.call(void 0, Checkbox_module_default.checkbox, Checkbox_module_default[size]);
   const uncheckedStyling = _classnames2.default.call(void 0, checkboxStyling, Checkbox_module_default.uncheckedBox, {
     [Checkbox_module_default.uncheckedBorder]: !error,
     [Checkbox_module_default.uncheckedErrorBorder]: error,
-    [_LTM57QMYcjs.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible
+    [_XLUVINJWcjs.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible
   });
   const checkedStyling = _classnames2.default.call(void 0, checkboxStyling, Checkbox_module_default.checkedBox, {
     [Checkbox_module_default.checkedNonError]: !error,
     [Checkbox_module_default.checkedError]: error,
-    [_LTM57QMYcjs.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible
+    [_XLUVINJWcjs.Focus_module_default.accessibilityOutlineFocus]: isFocused && isFocusVisible
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "label",
@@ -92,7 +93,7 @@ var Checkbox = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _TIW4V757cjs.Typography_default,
+          _X6HZ6DM2cjs.Typography_default,
           {
             size: typographySize[size],
             color: error ? "destructive-primary" : "gray900",
@@ -108,4 +109,4 @@ var Checkbox_default = Checkbox;
 
 
 exports.Checkbox_default = Checkbox_default;
-//# sourceMappingURL=DSCWFIR3.cjs.map
+//# sourceMappingURL=JQGCEUQE.cjs.map

package/dist/__chunks/JQGCEUQE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Checkbox/Checkbox.tsx","css-module:./Checkbox.module.css#css-module"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,SAAmC,gBAAgB;AACnD,OAAO,gBAAgB;;;ACDyE,IAAO,0BAAQ,EAAC,iBAAgB,0BAAyB,gBAAe,yBAAwB,YAAW,sBAAqB,YAAW,sBAAqB,kBAAiB,4BAA2B,iBAAgB,2BAA0B,gBAAe,0BAAyB,mBAAkB,6BAA4B,wBAAuB,kCAAiC,cAAa,wBAAuB,mBAAkB,6BAA4B,gBAAe,0BAAyB,MAAK,gBAAe,MAAK,eAAc;;;ADwFjoB,SAYQ,KAZR;AAhFJ,IAAM,iBAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,YAAY;AAAA,EAChB,IAAI;AAAA,EACJ,IAAI;AACN;AAKA,IAAM,WAAW,CAAC;AAAA,EAChB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,UAAU,eAAe;AAAA,EACzB,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR;AACF,MAwCoB;AAClB,QAAM,aAAa,cAAc;AACjC,QAAM,WAAW,CAAC,cAAc;AAChC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,EAAE,eAAe,IAAI,gBAAgB;AAE3C,QAAM,kBAAkB,WAAW,wBAAO,UAAU,wBAAO,IAAI,CAAC;AAChE,QAAM,mBAAmB,WAAW,iBAAiB,wBAAO,cAAc;AAAA,IACxE,CAAC,wBAAO,eAAe,GAAG,CAAC;AAAA,IAC3B,CAAC,wBAAO,oBAAoB,GAAG;AAAA,IAC/B,CAAC,qBAAY,yBAAyB,GAAG,aAAa;AAAA,EACxD,CAAC;AACD,QAAM,iBAAiB,WAAW,iBAAiB,wBAAO,YAAY;AAAA,IACpE,CAAC,wBAAO,eAAe,GAAG,CAAC;AAAA,IAC3B,CAAC,wBAAO,YAAY,GAAG;AAAA,IACvB,CAAC,qBAAY,yBAAyB,GAAG,aAAa;AAAA,EACxD,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,wBAAO;AAAA,QACP,wBAAO,SAAS,WAAW,aAAa,WAAW;AAAA,QACnD;AAAA,UACE,CAAC,wBAAO,QAAQ,GAAG;AAAA,QACrB;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,SAAI,WAAW,UAAU,iBAAiB,kBACxC,qBACC,oBAAC,SAAI,eAAY,QAAO,SAAQ,aAAY,OAAO,UAAU,IAAI,GAC/D;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,GAAE;AAAA;AAAA,QACH,GACH,GAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,eAAa;AAAA,YACb,MAAK;AAAA,YACL,WAAW;AAAA,cACT,wBAAO;AAAA,cACP,wBAAO,IAAI;AAAA,cACX,wBAAO,SAAS,WAAW,aAAa,WAAW;AAAA,YACrD;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,MAAM;AACb,2BAAa,IAAI;AAAA,YACnB;AAAA,YACA,QAAQ,MAAM;AACZ,2BAAa,KAAK;AAAA,YACpB;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,eAAe,IAAI;AAAA,YACzB,OAAO,QAAQ,wBAAwB;AAAA,YAEtC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ","sourcesContent":["import React, { type ReactElement, useState } from \"react\";\nimport classNames from \"classnames\";\nimport useFocusVisible from \"../useFocusVisible\";\nimport styles from \"./Checkbox.module.css\";\nimport focusStyles from \"../Focus.module.css\";\nimport Typography from \"../Typography/Typography\";\nimport useIsHydrated from \"../useIsHydrated\";\n\nconst typographySize = {\n  sm: 100,\n  md: 200,\n} as const;\n\nconst iconWidth = {\n  sm: 12,\n  md: 20,\n};\n\n/**\n * [Checkbox](https://cambly-syntax.vercel.app/?path=/docs/components-checkbox--docs) is a clickable element that will show if an option has been selected or not.\n */\nconst Checkbox = ({\n  checked = false,\n  \"data-testid\": dataTestId,\n  disabled: disabledProp = false,\n  size = \"md\",\n  label,\n  error = false,\n  onChange,\n}: {\n  /**\n   * Whether or not the box has been clicked\n   *\n   * @defaultValue false\n   */\n  checked: boolean;\n  /**\n   * Test id for the checkbox\n   */\n  \"data-testid\"?: string;\n  /**\n   * The callback to be called when the checkbox value changes\n   */\n  onChange: React.ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Whether or not the box is disabled\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean;\n  /**\n   * The size of the checkbox and icon\n   *\n   * * `sm`: 16px\n   * * `md`: 24px\n   *\n   * @defaultValue \"md\"\n   */\n  size?: \"sm\" | \"md\";\n  /**\n   * The text accompanying the checkbox\n   */\n  label: string;\n  /**\n   * Whether or not there is an error with the input\n   *\n   * @defaultValue false\n   */\n  error?: boolean;\n}): ReactElement => {\n  const isHydrated = useIsHydrated();\n  const disabled = !isHydrated || disabledProp;\n  const [isFocused, setIsFocused] = useState(false);\n  const { isFocusVisible } = useFocusVisible();\n\n  const checkboxStyling = classNames(styles.checkbox, styles[size]);\n  const uncheckedStyling = classNames(checkboxStyling, styles.uncheckedBox, {\n    [styles.uncheckedBorder]: !error,\n    [styles.uncheckedErrorBorder]: error,\n    [focusStyles.accessibilityOutlineFocus]: isFocused && isFocusVisible,\n  });\n  const checkedStyling = classNames(checkboxStyling, styles.checkedBox, {\n    [styles.checkedNonError]: !error,\n    [styles.checkedError]: error,\n    [focusStyles.accessibilityOutlineFocus]: isFocused && isFocusVisible,\n  });\n\n  return (\n    <label\n      className={classNames(\n        styles.mainContainer,\n        styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n        {\n          [styles.disabled]: disabled,\n        },\n      )}\n    >\n      <div className={checked ? checkedStyling : uncheckedStyling}>\n        {checked && (\n          <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" width={iconWidth[size]}>\n            <path\n              fill=\"#fff\"\n              d=\"m9 16.2-3.5-3.5a.9839.9839 0 0 0-1.4 0c-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4a.9839.9839 0 0 0-1.4 0L9 16.2z\"\n            ></path>\n          </svg>\n        )}\n      </div>\n      <input\n        data-testid={dataTestId}\n        type=\"checkbox\"\n        className={classNames(\n          styles.inputOverlay,\n          styles[size],\n          styles[`cursor${disabled ? \"Disabled\" : \"Enabled\"}`],\n        )}\n        checked={checked}\n        onChange={onChange}\n        disabled={disabled}\n        onFocus={() => {\n          setIsFocused(true);\n        }}\n        onBlur={() => {\n          setIsFocused(false);\n        }}\n      />\n      <Typography\n        size={typographySize[size]}\n        color={error ? \"destructive-primary\" : \"gray900\"}\n      >\n        {label}\n      </Typography>\n    </label>\n  );\n};\n\nexport default Checkbox;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Checkbox/Checkbox.module.css\"; export default {\"mainContainer\":\"_mainContainer_an7al_1\",\"inputOverlay\":\"_inputOverlay_an7al_9\",\"checkbox\":\"_checkbox_an7al_17\",\"disabled\":\"_disabled_an7al_25\",\"cursorDisabled\":\"_cursorDisabled_an7al_29\",\"cursorEnabled\":\"_cursorEnabled_an7al_33\",\"uncheckedBox\":\"_uncheckedBox_an7al_37\",\"uncheckedBorder\":\"_uncheckedBorder_an7al_41\",\"uncheckedErrorBorder\":\"_uncheckedErrorBorder_an7al_45\",\"checkedBox\":\"_checkedBox_an7al_49\",\"checkedNonError\":\"_checkedNonError_an7al_53\",\"checkedError\":\"_checkedError_an7al_57\",\"sm\":\"_sm_an7al_61\",\"md\":\"_md_an7al_67\"}"]}

package/dist/__chunks/{YHKD5YRY.js → JVOQF4CG.js}

@@ -1,6 +1,7 @@
+"use client"
 import {
   colors_module_default
-} from "./5I67FE26.js";
+} from "./FMQVMNVR.js";
 
 // src/colors/foregroundColor.ts
 function classicForegroundColor(color) {
@@ -40,4 +41,4 @@ export {
   classicForegroundColor,
   cambioForegroundColor
 };
-//# sourceMappingURL=YHKD5YRY.js.map
+//# sourceMappingURL=JVOQF4CG.js.map

package/dist/__chunks/{YHKD5YRY.js.map → JVOQF4CG.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/colors/foregroundColor.ts"],"sourcesContent":["import { type CambioColor, type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function classicForegroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n    case \"tertiary\":\n      return styles.primary700Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.destructive700Color;\n    case \"branded\":\n      return styles.gray900Color;\n    case \"inverse\":\n      return styles.whiteColor;\n    default:\n      return styles.whiteColor;\n  }\n}\n\nexport function cambioForegroundColor(\n  color: (typeof CambioColor)[number],\n): string {\n  switch (color) {\n    case \"primary\":\n    case \"success-primary\":\n    case \"destructive-primary\":\n      return styles.cambioWhiteColor;\n    case \"success-secondary\":\n    case \"success-tertiary\":\n      return styles.cambioSuccess900Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.cambioDestructive900Color;\n    default:\n      return styles.cambioBlackColor;\n  }\n}\n"],"mappings":";;;;;AAGO,SAAS,uBAAuB,OAAuC;AAC5E,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;AAEO,SAAS,sBACd,OACQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;","names":[]}
+{"version":3,"sources":["../../src/colors/foregroundColor.ts"],"sourcesContent":["import { type CambioColor, type Color } from \"../constants\";\nimport styles from \"./colors.module.css\";\n\nexport function classicForegroundColor(color: (typeof Color)[number]): string {\n  switch (color) {\n    case \"secondary\":\n    case \"tertiary\":\n      return styles.primary700Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.destructive700Color;\n    case \"branded\":\n      return styles.gray900Color;\n    case \"inverse\":\n      return styles.whiteColor;\n    default:\n      return styles.whiteColor;\n  }\n}\n\nexport function cambioForegroundColor(\n  color: (typeof CambioColor)[number],\n): string {\n  switch (color) {\n    case \"primary\":\n    case \"success-primary\":\n    case \"destructive-primary\":\n      return styles.cambioWhiteColor;\n    case \"success-secondary\":\n    case \"success-tertiary\":\n      return styles.cambioSuccess900Color;\n    case \"destructive-secondary\":\n    case \"destructive-tertiary\":\n      return styles.cambioDestructive900Color;\n    default:\n      return styles.cambioBlackColor;\n  }\n}\n"],"mappings":";;;;;;AAGO,SAAS,uBAAuB,OAAuC;AAC5E,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;AAEO,SAAS,sBACd,OACQ;AACR,UAAQ,OAAO;AAAA,IACb,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AACH,aAAO,sBAAO;AAAA,IAChB;AACE,aAAO,sBAAO;AAAA,EAClB;AACF;","names":[]}

package/dist/__chunks/{FZRIE7EX.cjs → K4AUV2VK.cjs}

@@ -1,4 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/useIsHydrated.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+
+// src/useIsHydrated.tsx
 var _react = require('react');
 function useIsHydrated() {
   const [isHydrated, setIsHydrated] = _react.useState.call(void 0, false);
@@ -11,4 +13,4 @@ function useIsHydrated() {
 
 
 exports.useIsHydrated = useIsHydrated;
-//# sourceMappingURL=FZRIE7EX.cjs.map
+//# sourceMappingURL=K4AUV2VK.cjs.map

package/dist/__chunks/K4AUV2VK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/useIsHydrated.tsx"],"names":[],"mappings":";;;AAAA,SAAS,WAAW,gBAAgB;AAErB,SAAR,gBAA0C;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,YAAU,MAAM;AACd,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AACL,SAAO;AACT","sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport default function useIsHydrated(): boolean {\n  const [isHydrated, setIsHydrated] = useState(false);\n  useEffect(() => {\n    setIsHydrated(true);\n  }, []);\n  return isHydrated;\n}\n"]}

package/dist/__chunks/{IOYNCG2J.js → KCVBUNSJ.js}

@@ -1,22 +1,23 @@
+"use client"
 import {
   SelectOption_default
-} from "./HOUO3WV6.js";
+} from "./Y47XTR6M.js";
 import {
   ColorBaseDestructive700,
   ColorBaseGray800
-} from "./IOQT7L7F.js";
+} from "./T5ET7RIA.js";
 import {
   Focus_module_default
-} from "./2O6FDRTF.js";
+} from "./KKADUD65.js";
 import {
   Typography_default
-} from "./32FNU7ZY.js";
+} from "./L7PPCZM5.js";
 import {
   useIsHydrated
-} from "./YJ7YDIGB.js";
+} from "./JB65NEXK.js";
 import {
   useFocusVisible
-} from "./OGJDUOWP.js";
+} from "./BWPNF6RD.js";
 
 // src/SelectList/SelectList.tsx
 import {
@@ -124,4 +125,4 @@ SelectList.Option = SelectOption_default;
 export {
   SelectList
 };
-//# sourceMappingURL=IOYNCG2J.js.map
+//# sourceMappingURL=KCVBUNSJ.js.map

package/dist/__chunks/{IOYNCG2J.js.map → KCVBUNSJ.js.map}

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

package/dist/__chunks/{2O6FDRTF.js → KKADUD65.js}

@@ -1,7 +1,9 @@
+"use client"
+
 // css-module:../Focus.module.css#css-module
 var Focus_module_default = { "accessibilityOutlineFocus": "_accessibilityOutlineFocus_1h8bq_1" };
 
 export {
   Focus_module_default
 };
-//# sourceMappingURL=2O6FDRTF.js.map
+//# sourceMappingURL=KKADUD65.js.map

package/dist/__chunks/{2O6FDRTF.js.map → KKADUD65.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["css-module:../Focus.module.css#css-module"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Focus.module.css\"; export default {\"accessibilityOutlineFocus\":\"_accessibilityOutlineFocus_1h8bq_1\"}"],"mappings":";AAAoF,IAAO,uBAAQ,EAAC,6BAA4B,qCAAoC;","names":[]}
+{"version":3,"sources":["css-module:../Focus.module.css#css-module"],"sourcesContent":["import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Focus.module.css\"; export default {\"accessibilityOutlineFocus\":\"_accessibilityOutlineFocus_1h8bq_1\"}"],"mappings":";;;AAAoF,IAAO,uBAAQ,EAAC,6BAA4B,qCAAoC;","names":[]}

package/dist/__chunks/{42YPEAFS.js → KODEDJGB.js}

@@ -1,3 +1,5 @@
+"use client"
+
 // src/Modal/FocusTrap.tsx
 import { useEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -67,4 +69,4 @@ function FocusTrap({
 export {
   FocusTrap
 };
-//# sourceMappingURL=42YPEAFS.js.map
+//# sourceMappingURL=KODEDJGB.js.map

package/dist/__chunks/{42YPEAFS.js.map → KODEDJGB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Modal/FocusTrap.tsx"],"sourcesContent":["import React, { useEffect, useRef, type ReactElement } from \"react\";\n\nfunction queryFocusableAll(el: HTMLDivElement): NodeListOf<HTMLElement> {\n  // Focusable, interactive elements that could possibly be in children\n  const selector = [\n    \"a[href]\",\n    \"area[href]\",\n    \"input:not([disabled])\",\n    \"select:not([disabled])\",\n    \"textarea:not([disabled])\",\n    \"button:not([disabled])\",\n    \"iframe\",\n    \"object\",\n    \"embed\",\n    '[tabindex=\"-1\"]',\n    '[tabindex=\"0\"]',\n    \"[contenteditable]\",\n    \"audio[controls]\",\n    \"video[controls]\",\n    \"summary\",\n  ].join(\",\");\n  return el.querySelectorAll(selector);\n}\n\nconst focusElement = (el: HTMLElement) => {\n  if (typeof el.focus === \"function\") {\n    el.focus();\n  }\n};\n\n/**\n * FocusTrap is used by components like Modal to ensure that only elements within children components can be focused.\n */\nexport default function FocusTrap({\n  children,\n}: {\n  children?: ReactElement | null;\n}): ReactElement {\n  const elRef = useRef<HTMLDivElement | null>(null);\n  const previouslyFocusedElRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const { current: element } = elRef;\n\n    // Focus the first child element among all the focusable, interactive elements within `children`\n    const focusFirstChild = () => {\n      const withinIframe = window !== window.parent;\n      if (element && !withinIframe) {\n        focusElement(queryFocusableAll(element)[0]);\n      }\n    };\n\n    const handleFocus: (event: FocusEvent) => void = (event: FocusEvent) => {\n      if (\n        !element ||\n        (event.target instanceof Node && element.contains(event.target))\n      ) {\n        return;\n      }\n\n      // This prevents stack overflow when multiple FocusTraps are rendered\n      if (\n        event.target instanceof Element &&\n        event.target.closest('[data-testid=\"syntax-focus-trap\"]') !== null\n      ) {\n        return;\n      }\n\n      event.stopPropagation();\n      event.preventDefault();\n      focusFirstChild();\n    };\n\n    // If an element has focus currently, keep a reference to that element\n    previouslyFocusedElRef.current = document.activeElement as HTMLElement;\n    focusFirstChild();\n    document.addEventListener(\"focus\", handleFocus, true);\n\n    return function cleanup() {\n      const { current: previouslyFocusedEl } = previouslyFocusedElRef;\n      document.removeEventListener(\"focus\", handleFocus, true);\n      // If we previously stored a reference to a focused element, return focus to that element\n      if (previouslyFocusedEl) {\n        focusElement(previouslyFocusedEl);\n      }\n    };\n  }, [elRef, previouslyFocusedElRef]);\n\n  return (\n    <div data-testid=\"syntax-focus-trap\" ref={elRef}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";AAAA,SAAgB,WAAW,cAAiC;AAyFxD;AAvFJ,SAAS,kBAAkB,IAA6C;AAEtE,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,EAAE,KAAK,GAAG;AACV,SAAO,GAAG,iBAAiB,QAAQ;AACrC;AAEA,IAAM,eAAe,CAAC,OAAoB;AACxC,MAAI,OAAO,GAAG,UAAU,YAAY;AAClC,OAAG,MAAM;AAAA,EACX;AACF;AAKe,SAAR,UAA2B;AAAA,EAChC;AACF,GAEiB;AACf,QAAM,QAAQ,OAA8B,IAAI;AAChD,QAAM,yBAAyB,OAA2B,IAAI;AAE9D,YAAU,MAAM;AACd,UAAM,EAAE,SAAS,QAAQ,IAAI;AAG7B,UAAM,kBAAkB,MAAM;AAC5B,YAAM,eAAe,WAAW,OAAO;AACvC,UAAI,WAAW,CAAC,cAAc;AAC5B,qBAAa,kBAAkB,OAAO,EAAE,CAAC,CAAC;AAAA,MAC5C;AAAA,IACF;AAEA,UAAM,cAA2C,CAAC,UAAsB;AACtE,UACE,CAAC,WACA,MAAM,kBAAkB,QAAQ,QAAQ,SAAS,MAAM,MAAM,GAC9D;AACA;AAAA,MACF;AAGA,UACE,MAAM,kBAAkB,WACxB,MAAM,OAAO,QAAQ,mCAAmC,MAAM,MAC9D;AACA;AAAA,MACF;AAEA,YAAM,gBAAgB;AACtB,YAAM,eAAe;AACrB,sBAAgB;AAAA,IAClB;AAGA,2BAAuB,UAAU,SAAS;AAC1C,oBAAgB;AAChB,aAAS,iBAAiB,SAAS,aAAa,IAAI;AAEpD,WAAO,SAAS,UAAU;AACxB,YAAM,EAAE,SAAS,oBAAoB,IAAI;AACzC,eAAS,oBAAoB,SAAS,aAAa,IAAI;AAEvD,UAAI,qBAAqB;AACvB,qBAAa,mBAAmB;AAAA,MAClC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,sBAAsB,CAAC;AAElC,SACE,oBAAC,SAAI,eAAY,qBAAoB,KAAK,OACvC,UACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/Modal/FocusTrap.tsx"],"sourcesContent":["import React, { useEffect, useRef, type ReactElement } from \"react\";\n\nfunction queryFocusableAll(el: HTMLDivElement): NodeListOf<HTMLElement> {\n  // Focusable, interactive elements that could possibly be in children\n  const selector = [\n    \"a[href]\",\n    \"area[href]\",\n    \"input:not([disabled])\",\n    \"select:not([disabled])\",\n    \"textarea:not([disabled])\",\n    \"button:not([disabled])\",\n    \"iframe\",\n    \"object\",\n    \"embed\",\n    '[tabindex=\"-1\"]',\n    '[tabindex=\"0\"]',\n    \"[contenteditable]\",\n    \"audio[controls]\",\n    \"video[controls]\",\n    \"summary\",\n  ].join(\",\");\n  return el.querySelectorAll(selector);\n}\n\nconst focusElement = (el: HTMLElement) => {\n  if (typeof el.focus === \"function\") {\n    el.focus();\n  }\n};\n\n/**\n * FocusTrap is used by components like Modal to ensure that only elements within children components can be focused.\n */\nexport default function FocusTrap({\n  children,\n}: {\n  children?: ReactElement | null;\n}): ReactElement {\n  const elRef = useRef<HTMLDivElement | null>(null);\n  const previouslyFocusedElRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const { current: element } = elRef;\n\n    // Focus the first child element among all the focusable, interactive elements within `children`\n    const focusFirstChild = () => {\n      const withinIframe = window !== window.parent;\n      if (element && !withinIframe) {\n        focusElement(queryFocusableAll(element)[0]);\n      }\n    };\n\n    const handleFocus: (event: FocusEvent) => void = (event: FocusEvent) => {\n      if (\n        !element ||\n        (event.target instanceof Node && element.contains(event.target))\n      ) {\n        return;\n      }\n\n      // This prevents stack overflow when multiple FocusTraps are rendered\n      if (\n        event.target instanceof Element &&\n        event.target.closest('[data-testid=\"syntax-focus-trap\"]') !== null\n      ) {\n        return;\n      }\n\n      event.stopPropagation();\n      event.preventDefault();\n      focusFirstChild();\n    };\n\n    // If an element has focus currently, keep a reference to that element\n    previouslyFocusedElRef.current = document.activeElement as HTMLElement;\n    focusFirstChild();\n    document.addEventListener(\"focus\", handleFocus, true);\n\n    return function cleanup() {\n      const { current: previouslyFocusedEl } = previouslyFocusedElRef;\n      document.removeEventListener(\"focus\", handleFocus, true);\n      // If we previously stored a reference to a focused element, return focus to that element\n      if (previouslyFocusedEl) {\n        focusElement(previouslyFocusedEl);\n      }\n    };\n  }, [elRef, previouslyFocusedElRef]);\n\n  return (\n    <div data-testid=\"syntax-focus-trap\" ref={elRef}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAAA,SAAgB,WAAW,cAAiC;AAyFxD;AAvFJ,SAAS,kBAAkB,IAA6C;AAEtE,QAAM,WAAW;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,EAAE,KAAK,GAAG;AACV,SAAO,GAAG,iBAAiB,QAAQ;AACrC;AAEA,IAAM,eAAe,CAAC,OAAoB;AACxC,MAAI,OAAO,GAAG,UAAU,YAAY;AAClC,OAAG,MAAM;AAAA,EACX;AACF;AAKe,SAAR,UAA2B;AAAA,EAChC;AACF,GAEiB;AACf,QAAM,QAAQ,OAA8B,IAAI;AAChD,QAAM,yBAAyB,OAA2B,IAAI;AAE9D,YAAU,MAAM;AACd,UAAM,EAAE,SAAS,QAAQ,IAAI;AAG7B,UAAM,kBAAkB,MAAM;AAC5B,YAAM,eAAe,WAAW,OAAO;AACvC,UAAI,WAAW,CAAC,cAAc;AAC5B,qBAAa,kBAAkB,OAAO,EAAE,CAAC,CAAC;AAAA,MAC5C;AAAA,IACF;AAEA,UAAM,cAA2C,CAAC,UAAsB;AACtE,UACE,CAAC,WACA,MAAM,kBAAkB,QAAQ,QAAQ,SAAS,MAAM,MAAM,GAC9D;AACA;AAAA,MACF;AAGA,UACE,MAAM,kBAAkB,WACxB,MAAM,OAAO,QAAQ,mCAAmC,MAAM,MAC9D;AACA;AAAA,MACF;AAEA,YAAM,gBAAgB;AACtB,YAAM,eAAe;AACrB,sBAAgB;AAAA,IAClB;AAGA,2BAAuB,UAAU,SAAS;AAC1C,oBAAgB;AAChB,aAAS,iBAAiB,SAAS,aAAa,IAAI;AAEpD,WAAO,SAAS,UAAU;AACxB,YAAM,EAAE,SAAS,oBAAoB,IAAI;AACzC,eAAS,oBAAoB,SAAS,aAAa,IAAI;AAEvD,UAAI,qBAAqB;AACvB,qBAAa,mBAAmB;AAAA,MAClC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,OAAO,sBAAsB,CAAC;AAElC,SACE,oBAAC,SAAI,eAAY,qBAAoB,KAAK,OACvC,UACH;AAEJ;","names":[]}

package/dist/__chunks/{SCOOHJY4.js → KUXGXAAN.js}

@@ -1,12 +1,13 @@
+"use client"
 import {
   useAvatarGroup
-} from "./ZUFGJYFB.js";
+} from "./DUQSTRXU.js";
 import {
   Box_default
-} from "./I5W7ECUO.js";
+} from "./MAPDSZR4.js";
 import {
   __spreadValues
-} from "./LULBCTQR.js";
+} from "./UWGNJENA.js";
 
 // src/Avatar/Avatar.tsx
 import classNames from "classnames";
@@ -116,4 +117,4 @@ var Avatar_default = Avatar;
 export {
   Avatar_default
 };
-//# sourceMappingURL=SCOOHJY4.js.map
+//# sourceMappingURL=KUXGXAAN.js.map

package/dist/__chunks/{SCOOHJY4.js.map → KUXGXAAN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module"],"sourcesContent":["import { type ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\nimport Box from \"../Box/Box\";\nimport { useAvatarGroup } from \"../AvatarGroup/AvatarGroup\";\n\nconst sizeToIconStyles = {\n  sm: { bottom: 6, marginInlineEnd: 2, height: 4, width: 4 },\n  md: { bottom: 6, marginInlineEnd: 2, height: 8, width: 8 },\n  lg: { bottom: 6, marginInlineEnd: 6, height: 12, width: 12 },\n  xl: { bottom: 12, marginInlineEnd: 12, height: 16, width: 16 },\n} as const;\n\nconst sizeToMargin = {\n  sm: -16,\n  md: -28,\n  lg: -48,\n  xl: -88,\n} as const;\n\nfunction AvatarInternal({\n  accessibilityLabel,\n  icon,\n  size = \"md\",\n  src,\n}: {\n  accessibilityLabel: string;\n  icon?: React.ReactElement;\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  src: string;\n}): ReactElement {\n  return (\n    <div className={classNames(styles.avatar, styles[size])}>\n      <img\n        alt={accessibilityLabel}\n        src={src}\n        className={classNames(styles.avatarImage, styles[size])}\n      />\n      {icon && (\n        <Box display=\"flex\" position=\"relative\" justifyContent=\"end\">\n          <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            position=\"absolute\"\n            backgroundColor=\"white\"\n            dangerouslySetInlineStyle={{\n              __style: {\n                border: \"1px solid white\",\n                ...sizeToIconStyles[size],\n              },\n            }}\n            rounding=\"full\"\n          >\n            {icon}\n          </Box>\n        </Box>\n      )}\n    </div>\n  );\n}\n\n/**\n * [Avatar](https://cambly-syntax.vercel.app/?path=/docs/components-avatar--docs) is a circular image that represents a user.\n */\nconst Avatar = ({\n  accessibilityLabel,\n  icon,\n  size = \"md\",\n  src,\n}: {\n  /**\n   * Alt text to use for the image.\n   * This should describe the image to people using screen readers.\n   */\n  accessibilityLabel: string;\n  /**\n   * optional icon that appears on the bottom corner of the avatar\n   */\n  icon?: React.ReactElement;\n  /**\n   * Size of the avatar.\n   *\n   * * `sm`: 24px\n   * * `md`: 40px\n   * * `lg`: 72px\n   * * `xl`: 128px\n   *\n   * @defaultValue `md`\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\n}): JSX.Element => {\n  const avatarGroupContext = useAvatarGroup();\n\n  if (avatarGroupContext !== null) {\n    return (\n      <Box\n        position=\"relative\"\n        dangerouslySetInlineStyle={{\n          __style: {\n            marginInlineEnd: sizeToMargin[avatarGroupContext.size],\n          },\n        }}\n      >\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          backgroundColor=\"white\"\n          rounding=\"full\"\n        >\n          <AvatarInternal\n            accessibilityLabel={accessibilityLabel}\n            icon={icon}\n            size={avatarGroupContext.size}\n            src={src}\n          />\n        </Box>\n      </Box>\n    );\n  }\n\n  return (\n    <AvatarInternal\n      accessibilityLabel={accessibilityLabel}\n      icon={icon}\n      size={size}\n      src={src}\n    />\n  );\n};\n\nexport default Avatar;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css\"; export default {\"avatar\":\"_avatar_vflu6_1\",\"avatarImage\":\"_avatarImage_vflu6_5\",\"sm\":\"_sm_vflu6_14\",\"md\":\"_md_vflu6_19\",\"lg\":\"_lg_vflu6_24\",\"xl\":\"_xl_vflu6_29\"}"],"mappings":";;;;;;;;;;;AACA,OAAO,gBAAgB;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,eAAc,wBAAuB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,MAAK,eAAc;;;ADgCvP,SACE,KADF;AA1BJ,IAAM,mBAAmB;AAAA,EACvB,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,GAAG,OAAO,EAAE;AAAA,EACzD,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,GAAG,OAAO,EAAE;AAAA,EACzD,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,IAAI,OAAO,GAAG;AAAA,EAC3D,IAAI,EAAE,QAAQ,IAAI,iBAAiB,IAAI,QAAQ,IAAI,OAAO,GAAG;AAC/D;AAEA,IAAM,eAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAKiB;AACf,SACE,qBAAC,SAAI,WAAW,WAAW,sBAAO,QAAQ,sBAAO,IAAI,CAAC,GACpD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,WAAW,WAAW,sBAAO,aAAa,sBAAO,IAAI,CAAC;AAAA;AAAA,IACxD;AAAA,IACC,QACC,oBAAC,eAAI,SAAQ,QAAO,UAAS,YAAW,gBAAe,OACrD;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,YAAW;AAAA,QACX,gBAAe;AAAA,QACf,UAAS;AAAA,QACT,iBAAgB;AAAA,QAChB,2BAA2B;AAAA,UACzB,SAAS;AAAA,YACP,QAAQ;AAAA,aACL,iBAAiB,IAAI;AAAA,QAE5B;AAAA,QACA,UAAS;AAAA,QAER;AAAA;AAAA,IACH,GACF;AAAA,KAEJ;AAEJ;AAKA,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,MAyBmB;AACjB,QAAM,qBAAqB,eAAe;AAE1C,MAAI,uBAAuB,MAAM;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,2BAA2B;AAAA,UACzB,SAAS;AAAA,YACP,iBAAiB,aAAa,mBAAmB,IAAI;AAAA,UACvD;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,YAAW;AAAA,YACX,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,UAAS;AAAA,YAET;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,MAAM,mBAAmB;AAAA,gBACzB;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;","names":[]}
+{"version":3,"sources":["../../src/Avatar/Avatar.tsx","css-module:./Avatar.module.css#css-module"],"sourcesContent":["import { type ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport styles from \"./Avatar.module.css\";\nimport Box from \"../Box/Box\";\nimport { useAvatarGroup } from \"../AvatarGroup/AvatarGroup\";\n\nconst sizeToIconStyles = {\n  sm: { bottom: 6, marginInlineEnd: 2, height: 4, width: 4 },\n  md: { bottom: 6, marginInlineEnd: 2, height: 8, width: 8 },\n  lg: { bottom: 6, marginInlineEnd: 6, height: 12, width: 12 },\n  xl: { bottom: 12, marginInlineEnd: 12, height: 16, width: 16 },\n} as const;\n\nconst sizeToMargin = {\n  sm: -16,\n  md: -28,\n  lg: -48,\n  xl: -88,\n} as const;\n\nfunction AvatarInternal({\n  accessibilityLabel,\n  icon,\n  size = \"md\",\n  src,\n}: {\n  accessibilityLabel: string;\n  icon?: React.ReactElement;\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  src: string;\n}): ReactElement {\n  return (\n    <div className={classNames(styles.avatar, styles[size])}>\n      <img\n        alt={accessibilityLabel}\n        src={src}\n        className={classNames(styles.avatarImage, styles[size])}\n      />\n      {icon && (\n        <Box display=\"flex\" position=\"relative\" justifyContent=\"end\">\n          <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n            position=\"absolute\"\n            backgroundColor=\"white\"\n            dangerouslySetInlineStyle={{\n              __style: {\n                border: \"1px solid white\",\n                ...sizeToIconStyles[size],\n              },\n            }}\n            rounding=\"full\"\n          >\n            {icon}\n          </Box>\n        </Box>\n      )}\n    </div>\n  );\n}\n\n/**\n * [Avatar](https://cambly-syntax.vercel.app/?path=/docs/components-avatar--docs) is a circular image that represents a user.\n */\nconst Avatar = ({\n  accessibilityLabel,\n  icon,\n  size = \"md\",\n  src,\n}: {\n  /**\n   * Alt text to use for the image.\n   * This should describe the image to people using screen readers.\n   */\n  accessibilityLabel: string;\n  /**\n   * optional icon that appears on the bottom corner of the avatar\n   */\n  icon?: React.ReactElement;\n  /**\n   * Size of the avatar.\n   *\n   * * `sm`: 24px\n   * * `md`: 40px\n   * * `lg`: 72px\n   * * `xl`: 128px\n   *\n   * @defaultValue `md`\n   */\n  size?: \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /**\n   * URL of the image to display as the avatar.\n   */\n  src: string;\n}): JSX.Element => {\n  const avatarGroupContext = useAvatarGroup();\n\n  if (avatarGroupContext !== null) {\n    return (\n      <Box\n        position=\"relative\"\n        dangerouslySetInlineStyle={{\n          __style: {\n            marginInlineEnd: sizeToMargin[avatarGroupContext.size],\n          },\n        }}\n      >\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          backgroundColor=\"white\"\n          rounding=\"full\"\n        >\n          <AvatarInternal\n            accessibilityLabel={accessibilityLabel}\n            icon={icon}\n            size={avatarGroupContext.size}\n            src={src}\n          />\n        </Box>\n      </Box>\n    );\n  }\n\n  return (\n    <AvatarInternal\n      accessibilityLabel={accessibilityLabel}\n      icon={icon}\n      size={size}\n      src={src}\n    />\n  );\n};\n\nexport default Avatar;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/Avatar/Avatar.module.css\"; export default {\"avatar\":\"_avatar_vflu6_1\",\"avatarImage\":\"_avatarImage_vflu6_5\",\"sm\":\"_sm_vflu6_14\",\"md\":\"_md_vflu6_19\",\"lg\":\"_lg_vflu6_24\",\"xl\":\"_xl_vflu6_29\"}"],"mappings":";;;;;;;;;;;;AACA,OAAO,gBAAgB;;;ACDqE,IAAO,wBAAQ,EAAC,UAAS,mBAAkB,eAAc,wBAAuB,MAAK,gBAAe,MAAK,gBAAe,MAAK,gBAAe,MAAK,eAAc;;;ADgCvP,SACE,KADF;AA1BJ,IAAM,mBAAmB;AAAA,EACvB,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,GAAG,OAAO,EAAE;AAAA,EACzD,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,GAAG,OAAO,EAAE;AAAA,EACzD,IAAI,EAAE,QAAQ,GAAG,iBAAiB,GAAG,QAAQ,IAAI,OAAO,GAAG;AAAA,EAC3D,IAAI,EAAE,QAAQ,IAAI,iBAAiB,IAAI,QAAQ,IAAI,OAAO,GAAG;AAC/D;AAEA,IAAM,eAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,GAKiB;AACf,SACE,qBAAC,SAAI,WAAW,WAAW,sBAAO,QAAQ,sBAAO,IAAI,CAAC,GACpD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA,WAAW,WAAW,sBAAO,aAAa,sBAAO,IAAI,CAAC;AAAA;AAAA,IACxD;AAAA,IACC,QACC,oBAAC,eAAI,SAAQ,QAAO,UAAS,YAAW,gBAAe,OACrD;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,YAAW;AAAA,QACX,gBAAe;AAAA,QACf,UAAS;AAAA,QACT,iBAAgB;AAAA,QAChB,2BAA2B;AAAA,UACzB,SAAS;AAAA,YACP,QAAQ;AAAA,aACL,iBAAiB,IAAI;AAAA,QAE5B;AAAA,QACA,UAAS;AAAA,QAER;AAAA;AAAA,IACH,GACF;AAAA,KAEJ;AAEJ;AAKA,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AACF,MAyBmB;AACjB,QAAM,qBAAqB,eAAe;AAE1C,MAAI,uBAAuB,MAAM;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,2BAA2B;AAAA,UACzB,SAAS;AAAA,YACP,iBAAiB,aAAa,mBAAmB,IAAI;AAAA,UACvD;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,YAAW;AAAA,YACX,gBAAe;AAAA,YACf,iBAAgB;AAAA,YAChB,UAAS;AAAA,YAET;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,MAAM,mBAAmB;AAAA,gBACzB;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;","names":[]}

package/dist/__chunks/{32FNU7ZY.js → L7PPCZM5.js}

@@ -1,9 +1,10 @@
+"use client"
 import {
   colors_module_default
-} from "./5OB72SMM.js";
+} from "./JHJZ5COD.js";
 import {
   useTheme
-} from "./RXNTJFP4.js";
+} from "./RN3PLPAG.js";
 
 // src/Typography/Typography.tsx
 import classNames from "classnames";
@@ -125,4 +126,4 @@ var Typography_default = Typography;
 export {
   Typography_default
 };
-//# sourceMappingURL=32FNU7ZY.js.map
+//# sourceMappingURL=L7PPCZM5.js.map

package/dist/__chunks/{32FNU7ZY.js.map → L7PPCZM5.js.map}

@@ -1 +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 styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction classicTextColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"inherit\",\n): 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    case \"destructive-darkBackground\":\n      return colorStyles.destructive700Color;\n    case \"success\":\n      return colorStyles.success700Color;\n    default:\n      return colorStyles.gray900Color;\n  }\n}\n\nfunction cambioTextColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.cambioGray800Color;\n    case \"white\":\n      return colorStyles.cambioWhiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"destructive-primary\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-darkBackground\":\n      return colorStyles.cambioDestructive100Color;\n    case \"success\":\n      return colorStyles.cambioSuccess900Color;\n    case \"success-darkBackground\":\n      return colorStyles.cambioSuccess100Color;\n    // primary / gray900\n    default:\n      return colorStyles.cambioBlackColor;\n  }\n}\n\nfunction classicWeight(\n  weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"interactive\" | \"semiBold\" | \"bold\" | \"heavy\" {\n  switch (weight) {\n    case \"medium\":\n      return \"regular\";\n    default:\n      return weight;\n  }\n}\n\nfunction cambioWeight(\n  weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"medium\" | \"semiBold\" {\n  switch (weight) {\n    case \"interactive\":\n      return \"medium\";\n    case \"bold\":\n    case \"heavy\":\n      return \"regular\";\n    default:\n      return weight;\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     * Cambio only: `success-darkBackground` / `destructive-darkBackground`\n     *\n     * @defaultValue \"gray900\"\n     */\n    color?:\n      | \"gray900\"\n      | \"gray700\"\n      | \"primary\"\n      | \"destructive-primary\"\n      | \"destructive-darkBackground\"\n      | \"success\"\n      | \"success-darkBackground\"\n      | \"white\"\n      | \"inherit\";\n    /**\n     * Test id for the text\n     */\n    \"data-testid\"?: string;\n    /**\n     * Style of the font\n     *\n     * Classic only supports `sans-serif`\n     *\n     * @defaultValue \"sans-serif\"\n     */\n    fontStyle?: \"serif\" | \"sans-serif\";\n    /**\n     * The id for the element\n     */\n    id?: 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     * Classic:\n     * * `100`: 12px\n     * * `200`: 14px\n     * * `300`: 16px\n     * * `500`: 20px\n     * * `600`: 28px\n     * * `700`: 40px\n     * * `800`: 64px\n     *\n     * Cambio Mobile:\n     * * `100`: 14px\n     * * `200`: 16px\n     * * `300`: 18px\n     * * `400`: 20px\n     * * `500`: 23px\n     * * `600`: 26px\n     * * `700`: 29px\n     * * `800`: 33px\n     * * `900`: 37px\n     * * `1000`: 41px\n     * * `1100`: 46px\n     *\n     * Cambio Desktop (viewport width > 480px):\n     * * `100`: 13px\n     * * `200`: 16px\n     * * `300`: 20px\n     * * `400`: 25px\n     * * `500`: 31px\n     * * `600`: 39px\n     * * `700`: 49px\n     * * `800`: 61px\n     * * `900`: 76px\n     * * `1000`: 95px\n     * * `1100`: 119px\n     *\n     * @defaultValue 200\n     */\n    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\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     * Classic:\n     * * `regular`: 400\n     * * `interactive`: 500 (Classic only)\n     * * `semiBold`: 600\n     * * `bold`: 700 (Classic only)\n     * * `heavy`: 860 (Classic only)\n     *\n     * Cambio:\n     * * `regular`: 400\n     * * `medium`: 510\n     * * `semiBold`: 590\n     *\n     * @defaultValue \"regular\"\n     */\n    weight?:\n      | \"regular\"\n      | \"interactive\"\n      | \"medium\"\n      | \"semiBold\"\n      | \"bold\"\n      | \"heavy\";\n  }\n>(function Typography(\n  {\n    align = \"start\",\n    as = \"div\",\n    children,\n    color = \"gray900\",\n    \"data-testid\": dataTestId,\n    fontStyle = \"sans-serif\",\n    id,\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  const { themeName } = useTheme();\n\n  const weightStyles =\n    themeName === \"classic\"\n      ? styles[classicWeight(weight)]\n      : styles[`${cambioWeight(weight)}Cambio`];\n\n  return (\n    <Tag\n      id={id}\n      className={classNames(\n        styles.typography,\n        styles[align],\n        weightStyles,\n        themeName === \"cambio\" && fontStyle === \"serif\"\n          ? styles.serif\n          : styles.sansSerif,\n        themeName === \"cambio\"\n          ? cambioTextColor(color)\n          : classicTextColor(color),\n        inline && styles.inline,\n        themeName === \"classic\"\n          ? styles[\n              `size${\n                // TypeScript doesn't narrow the type of size with `.includes` so we have to do it manually\n                // https://github.com/microsoft/TypeScript/issues/36275#issuecomment-643376433\n                // One we ship Cambio, we can remove these checks\n                size === 100 ||\n                size === 200 ||\n                size === 300 ||\n                size === 500 ||\n                size === 600 ||\n                size === 700 ||\n                size === 800\n                  ? size\n                  : 200\n              }`\n            ]\n          : styles[`size${size}Cambio`],\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_15wcy_1\",\"sansSerif\":\"_sansSerif_15wcy_19\",\"serif\":\"_serif_15wcy_25\",\"size100\":\"_size100_15wcy_31\",\"size200\":\"_size200_15wcy_35\",\"size300\":\"_size300_15wcy_39\",\"size500\":\"_size500_15wcy_43\",\"size600\":\"_size600_15wcy_47\",\"size700\":\"_size700_15wcy_51\",\"size800\":\"_size800_15wcy_55\",\"size100Cambio\":\"_size100Cambio_15wcy_60\",\"size200Cambio\":\"_size200Cambio_15wcy_64\",\"size300Cambio\":\"_size300Cambio_15wcy_68\",\"size400Cambio\":\"_size400Cambio_15wcy_72\",\"size500Cambio\":\"_size500Cambio_15wcy_76\",\"size600Cambio\":\"_size600Cambio_15wcy_80\",\"size700Cambio\":\"_size700Cambio_15wcy_84\",\"size800Cambio\":\"_size800Cambio_15wcy_88\",\"size900Cambio\":\"_size900Cambio_15wcy_92\",\"size1000Cambio\":\"_size1000Cambio_15wcy_133\",\"size1100Cambio\":\"_size1100Cambio_15wcy_137\",\"center\":\"_center_15wcy_143\",\"forceLeft\":\"_forceLeft_15wcy_147\",\"forceRight\":\"_forceRight_15wcy_151\",\"start\":\"_start_15wcy_155\",\"end\":\"_end_15wcy_159\",\"bold\":\"_bold_15wcy_164\",\"regular\":\"_regular_15wcy_168\",\"interactive\":\"_interactive_15wcy_172\",\"semiBold\":\"_semiBold_15wcy_176\",\"heavy\":\"_heavy_15wcy_180\",\"regularCambio\":\"_regularCambio_15wcy_184\",\"mediumCambio\":\"_mediumCambio_15wcy_188\",\"semiBoldCambio\":\"_semiBoldCambio_15wcy_192\",\"underline\":\"_underline_15wcy_196\",\"inline\":\"_inline_15wcy_200\",\"uppercase\":\"_uppercase_15wcy_204\",\"lineClamp\":\"_lineClamp_15wcy_208\"}"],"mappings":";;;;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,kBAAqD;;;ACDsC,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,aAAY,uBAAsB,SAAQ,mBAAkB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,UAAS,qBAAoB,aAAY,wBAAuB,cAAa,yBAAwB,SAAQ,oBAAmB,OAAM,kBAAiB,QAAO,mBAAkB,WAAU,sBAAqB,eAAc,0BAAyB,YAAW,uBAAsB,SAAQ,oBAAmB,iBAAgB,4BAA2B,gBAAe,2BAA0B,kBAAiB,6BAA4B,aAAY,wBAAuB,UAAS,qBAAoB,aAAY,wBAAuB,aAAY,uBAAsB;;;ADiR76C;AA3QJ,SAAS,iBACP,OAUQ;AACR,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;AAAA,IACL,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;AAEA,SAAS,gBACP,OAUQ;AACR,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,KAAK;AACH,aAAO,sBAAY;AAAA,IAErB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;AAEA,SAAS,cACP,QAC2D;AAC3D,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEA,SAAS,aACP,QACmC;AACnC,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKA,IAAM,aAAa,WAkJjB,SAASA,YACT;AAAA,EACE,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,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,QAAM,EAAE,UAAU,IAAI,SAAS;AAE/B,QAAM,eACJ,cAAc,YACV,0BAAO,cAAc,MAAM,CAAC,IAC5B,0BAAO,GAAG,aAAa,MAAM,SAAS;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,0BAAO;AAAA,QACP,0BAAO,KAAK;AAAA,QACZ;AAAA,QACA,cAAc,YAAY,cAAc,UACpC,0BAAO,QACP,0BAAO;AAAA,QACX,cAAc,WACV,gBAAgB,KAAK,IACrB,iBAAiB,KAAK;AAAA,QAC1B,UAAU,0BAAO;AAAA,QACjB,cAAc,YACV,0BACE;AAAA;AAAA;AAAA,QAIE,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,MACL,OACA,KAER,IACA,0BAAO,OAAO,YAAY;AAAA,QAC9B,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"]}
+{"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 styles from \"./Typography.module.css\";\nimport colorStyles from \"../colors/colors.module.css\";\nimport { useTheme } from \"../ThemeProvider/ThemeProvider\";\n\nfunction classicTextColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"inherit\",\n): 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    case \"destructive-darkBackground\":\n      return colorStyles.destructive700Color;\n    case \"success\":\n      return colorStyles.success700Color;\n    default:\n      return colorStyles.gray900Color;\n  }\n}\n\nfunction cambioTextColor(\n  color:\n    | \"gray900\"\n    | \"gray700\"\n    | \"primary\"\n    | \"destructive-primary\"\n    | \"destructive-darkBackground\"\n    | \"success\"\n    | \"success-darkBackground\"\n    | \"white\"\n    | \"inherit\",\n): string {\n  switch (color) {\n    case \"gray700\":\n      return colorStyles.cambioGray800Color;\n    case \"white\":\n      return colorStyles.cambioWhiteColor;\n    case \"inherit\":\n      return colorStyles.inheritColor;\n    case \"destructive-primary\":\n      return colorStyles.cambioDestructive900Color;\n    case \"destructive-darkBackground\":\n      return colorStyles.cambioDestructive100Color;\n    case \"success\":\n      return colorStyles.cambioSuccess900Color;\n    case \"success-darkBackground\":\n      return colorStyles.cambioSuccess100Color;\n    // primary / gray900\n    default:\n      return colorStyles.cambioBlackColor;\n  }\n}\n\nfunction classicWeight(\n  weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"interactive\" | \"semiBold\" | \"bold\" | \"heavy\" {\n  switch (weight) {\n    case \"medium\":\n      return \"regular\";\n    default:\n      return weight;\n  }\n}\n\nfunction cambioWeight(\n  weight: \"regular\" | \"interactive\" | \"medium\" | \"semiBold\" | \"bold\" | \"heavy\",\n): \"regular\" | \"medium\" | \"semiBold\" {\n  switch (weight) {\n    case \"interactive\":\n      return \"medium\";\n    case \"bold\":\n    case \"heavy\":\n      return \"regular\";\n    default:\n      return weight;\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     * Cambio only: `success-darkBackground` / `destructive-darkBackground`\n     *\n     * @defaultValue \"gray900\"\n     */\n    color?:\n      | \"gray900\"\n      | \"gray700\"\n      | \"primary\"\n      | \"destructive-primary\"\n      | \"destructive-darkBackground\"\n      | \"success\"\n      | \"success-darkBackground\"\n      | \"white\"\n      | \"inherit\";\n    /**\n     * Test id for the text\n     */\n    \"data-testid\"?: string;\n    /**\n     * Style of the font\n     *\n     * Classic only supports `sans-serif`\n     *\n     * @defaultValue \"sans-serif\"\n     */\n    fontStyle?: \"serif\" | \"sans-serif\";\n    /**\n     * The id for the element\n     */\n    id?: 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     * Classic:\n     * * `100`: 12px\n     * * `200`: 14px\n     * * `300`: 16px\n     * * `500`: 20px\n     * * `600`: 28px\n     * * `700`: 40px\n     * * `800`: 64px\n     *\n     * Cambio Mobile:\n     * * `100`: 14px\n     * * `200`: 16px\n     * * `300`: 18px\n     * * `400`: 20px\n     * * `500`: 23px\n     * * `600`: 26px\n     * * `700`: 29px\n     * * `800`: 33px\n     * * `900`: 37px\n     * * `1000`: 41px\n     * * `1100`: 46px\n     *\n     * Cambio Desktop (viewport width > 480px):\n     * * `100`: 13px\n     * * `200`: 16px\n     * * `300`: 20px\n     * * `400`: 25px\n     * * `500`: 31px\n     * * `600`: 39px\n     * * `700`: 49px\n     * * `800`: 61px\n     * * `900`: 76px\n     * * `1000`: 95px\n     * * `1100`: 119px\n     *\n     * @defaultValue 200\n     */\n    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;\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     * Classic:\n     * * `regular`: 400\n     * * `interactive`: 500 (Classic only)\n     * * `semiBold`: 600\n     * * `bold`: 700 (Classic only)\n     * * `heavy`: 860 (Classic only)\n     *\n     * Cambio:\n     * * `regular`: 400\n     * * `medium`: 510\n     * * `semiBold`: 590\n     *\n     * @defaultValue \"regular\"\n     */\n    weight?:\n      | \"regular\"\n      | \"interactive\"\n      | \"medium\"\n      | \"semiBold\"\n      | \"bold\"\n      | \"heavy\";\n  }\n>(function Typography(\n  {\n    align = \"start\",\n    as = \"div\",\n    children,\n    color = \"gray900\",\n    \"data-testid\": dataTestId,\n    fontStyle = \"sans-serif\",\n    id,\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  const { themeName } = useTheme();\n\n  const weightStyles =\n    themeName === \"classic\"\n      ? styles[classicWeight(weight)]\n      : styles[`${cambioWeight(weight)}Cambio`];\n\n  return (\n    <Tag\n      id={id}\n      className={classNames(\n        styles.typography,\n        styles[align],\n        weightStyles,\n        themeName === \"cambio\" && fontStyle === \"serif\"\n          ? styles.serif\n          : styles.sansSerif,\n        themeName === \"cambio\"\n          ? cambioTextColor(color)\n          : classicTextColor(color),\n        inline && styles.inline,\n        themeName === \"classic\"\n          ? styles[\n              `size${\n                // TypeScript doesn't narrow the type of size with `.includes` so we have to do it manually\n                // https://github.com/microsoft/TypeScript/issues/36275#issuecomment-643376433\n                // One we ship Cambio, we can remove these checks\n                size === 100 ||\n                size === 200 ||\n                size === 300 ||\n                size === 500 ||\n                size === 600 ||\n                size === 700 ||\n                size === 800\n                  ? size\n                  : 200\n              }`\n            ]\n          : styles[`size${size}Cambio`],\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_15wcy_1\",\"sansSerif\":\"_sansSerif_15wcy_19\",\"serif\":\"_serif_15wcy_25\",\"size100\":\"_size100_15wcy_31\",\"size200\":\"_size200_15wcy_35\",\"size300\":\"_size300_15wcy_39\",\"size500\":\"_size500_15wcy_43\",\"size600\":\"_size600_15wcy_47\",\"size700\":\"_size700_15wcy_51\",\"size800\":\"_size800_15wcy_55\",\"size100Cambio\":\"_size100Cambio_15wcy_60\",\"size200Cambio\":\"_size200Cambio_15wcy_64\",\"size300Cambio\":\"_size300Cambio_15wcy_68\",\"size400Cambio\":\"_size400Cambio_15wcy_72\",\"size500Cambio\":\"_size500Cambio_15wcy_76\",\"size600Cambio\":\"_size600Cambio_15wcy_80\",\"size700Cambio\":\"_size700Cambio_15wcy_84\",\"size800Cambio\":\"_size800Cambio_15wcy_88\",\"size900Cambio\":\"_size900Cambio_15wcy_92\",\"size1000Cambio\":\"_size1000Cambio_15wcy_133\",\"size1100Cambio\":\"_size1100Cambio_15wcy_137\",\"center\":\"_center_15wcy_143\",\"forceLeft\":\"_forceLeft_15wcy_147\",\"forceRight\":\"_forceRight_15wcy_151\",\"start\":\"_start_15wcy_155\",\"end\":\"_end_15wcy_159\",\"bold\":\"_bold_15wcy_164\",\"regular\":\"_regular_15wcy_168\",\"interactive\":\"_interactive_15wcy_172\",\"semiBold\":\"_semiBold_15wcy_176\",\"heavy\":\"_heavy_15wcy_180\",\"regularCambio\":\"_regularCambio_15wcy_184\",\"mediumCambio\":\"_mediumCambio_15wcy_188\",\"semiBoldCambio\":\"_semiBoldCambio_15wcy_192\",\"underline\":\"_underline_15wcy_196\",\"inline\":\"_inline_15wcy_200\",\"uppercase\":\"_uppercase_15wcy_204\",\"lineClamp\":\"_lineClamp_15wcy_208\"}"],"mappings":";;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,kBAAqD;;;ACDsC,IAAO,4BAAQ,EAAC,cAAa,uBAAsB,aAAY,uBAAsB,SAAQ,mBAAkB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,WAAU,qBAAoB,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,iBAAgB,2BAA0B,kBAAiB,6BAA4B,kBAAiB,6BAA4B,UAAS,qBAAoB,aAAY,wBAAuB,cAAa,yBAAwB,SAAQ,oBAAmB,OAAM,kBAAiB,QAAO,mBAAkB,WAAU,sBAAqB,eAAc,0BAAyB,YAAW,uBAAsB,SAAQ,oBAAmB,iBAAgB,4BAA2B,gBAAe,2BAA0B,kBAAiB,6BAA4B,aAAY,wBAAuB,UAAS,qBAAoB,aAAY,wBAAuB,aAAY,uBAAsB;;;ADiR76C;AA3QJ,SAAS,iBACP,OAUQ;AACR,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;AAAA,IACL,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB,KAAK;AACH,aAAO,sBAAY;AAAA,IACrB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;AAEA,SAAS,gBACP,OAUQ;AACR,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,KAAK;AACH,aAAO,sBAAY;AAAA,IAErB;AACE,aAAO,sBAAY;AAAA,EACvB;AACF;AAEA,SAAS,cACP,QAC2D;AAC3D,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEA,SAAS,aACP,QACmC;AACnC,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAKA,IAAM,aAAa,WAkJjB,SAASA,YACT;AAAA,EACE,QAAQ;AAAA,EACR,KAAK;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,EACZ;AAAA,EACA,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,QAAM,EAAE,UAAU,IAAI,SAAS;AAE/B,QAAM,eACJ,cAAc,YACV,0BAAO,cAAc,MAAM,CAAC,IAC5B,0BAAO,GAAG,aAAa,MAAM,SAAS;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,0BAAO;AAAA,QACP,0BAAO,KAAK;AAAA,QACZ;AAAA,QACA,cAAc,YAAY,cAAc,UACpC,0BAAO,QACP,0BAAO;AAAA,QACX,cAAc,WACV,gBAAgB,KAAK,IACrB,iBAAiB,KAAK;AAAA,QAC1B,UAAU,0BAAO;AAAA,QACjB,cAAc,YACV,0BACE;AAAA;AAAA;AAAA,QAIE,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,OACT,SAAS,MACL,OACA,KAER,IACA,0BAAO,OAAO,YAAY;AAAA,QAC9B,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/{4EXO6IHD.cjs → LLFHCGRA.cjs}

@@ -1,4 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/react-aria-utils/placement.ts
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client"
+
+// src/react-aria-utils/placement.ts
 var SYNTAX_TO_REACT_ARIA_PLACEMENT = {
   top: "top start",
   end: "top end",
@@ -14,4 +16,4 @@ function syntaxToReactAriaPlacement(placement) {
 
 
 exports.syntaxToReactAriaPlacement = syntaxToReactAriaPlacement;
-//# sourceMappingURL=4EXO6IHD.cjs.map
+//# sourceMappingURL=LLFHCGRA.cjs.map

package/dist/__chunks/LLFHCGRA.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/{JQ6POHCA.js → M26PGOYA.js}

@@ -1,11 +1,12 @@
+"use client"
 import {
   useDomRefSyntheticEventBridge
-} from "./5ZDZZL2P.js";
+} from "./7N4ZDVVD.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./LULBCTQR.js";
+} from "./UWGNJENA.js";
 
 // src/react-aria-utils/Triggerable.tsx
 import React, {
@@ -79,4 +80,4 @@ var Triggerable_default = Triggerable;
 export {
   Triggerable_default
 };
-//# sourceMappingURL=JQ6POHCA.js.map
+//# sourceMappingURL=M26PGOYA.js.map

package/dist/__chunks/{JQ6POHCA.js.map → M26PGOYA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react-aria-utils/Triggerable.tsx","css-module:./Triggerable.module.css#css-module"],"sourcesContent":["import React, {\n  forwardRef,\n  useImperativeHandle,\n  type ReactElement,\n  type Ref,\n  type RefAttributes,\n  useContext,\n  useRef,\n} from \"react\";\nimport { mergeProps, useButton, useFocusable, useHover } from \"react-aria\";\nimport { OverlayTriggerStateContext } from \"react-aria-components\";\nimport { useObjectRef, mergeRefs } from \"@react-aria/utils\";\nimport { useHasTabbableChild } from \"@react-aria/focus\";\nimport { useDomRefSyntheticEventBridge } from \"./useDomRefSyntheticEventBridge\";\nimport styles from \"./Triggerable.module.css\";\n\nexport type OverlayHandlerRef = {\n  open?: () => void;\n  close?: () => void;\n};\n\ntype ReactElementWithRef<T = unknown> = ReactElement & RefAttributes<T>;\nfunction cloneWithRef<T>(children: ReactElementWithRef<T>, parentRef: Ref<T>) {\n  // No need for the isValidElement check since children is already typed as a ReactElement\n  return React.cloneElement(children, {\n    ref: children.ref ? mergeRefs<T>(parentRef, children.ref) : parentRef,\n  });\n}\n\nconst Triggerable = forwardRef<\n  OverlayHandlerRef,\n  {\n    children?: ReactElement | (ReactElement & { ref?: Ref<Element> });\n    disabled?: boolean;\n  }\n>(function Triggerable(props, forwardedRef) {\n  const { children, disabled: isDisabled } = props;\n  const wrapperDomRef = useRef<HTMLElement>(null);\n  const childRef = useObjectRef<HTMLElement>(null);\n  const hasTabbableChild = useHasTabbableChild(wrapperDomRef);\n  const focusableRef = hasTabbableChild ? childRef : wrapperDomRef;\n  const { focusableProps } = useFocusable({ isDisabled }, focusableRef);\n  const { buttonProps } = useButton(\n    { elementType: \"span\", isDisabled },\n    focusableRef,\n  );\n  const { hoverProps } = useHover({ isDisabled });\n  // focus handlers are attached to tabbable child if present\n  const { onFocus, onBlur, onKeyDown, onKeyUp, ...otherFocusableProps } =\n    focusableProps;\n  const focusableHandlerProps = { onFocus, onBlur, onKeyDown, onKeyUp };\n  // attach focus handlers to tabbable child if present\n  const child = children ? cloneWithRef(children, childRef) : children;\n  useDomRefSyntheticEventBridge(focusableHandlerProps, childRef, {\n    enabled: hasTabbableChild,\n  });\n\n  const overlayTriggerState = useContext(OverlayTriggerStateContext);\n  // Expose open and close methods from any overlay context to parent component\n  useImperativeHandle(forwardedRef, () => ({\n    open: () => overlayTriggerState.open(),\n    close: () => overlayTriggerState.close(),\n  }));\n\n  return (\n    <span\n      ref={wrapperDomRef}\n      {...mergeProps(\n        buttonProps,\n        hasTabbableChild ? {} : focusableHandlerProps,\n        otherFocusableProps,\n        hoverProps,\n        {\n          className: styles.trigger,\n          style: {\n            display: \"inline-block\",\n            verticalAlign: \"text-top\",\n          },\n        },\n      )}\n      tabIndex={hasTabbableChild ? undefined : 0}\n    >\n      {child}\n    </span>\n  );\n});\n\nexport default Triggerable;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/react-aria-utils/Triggerable.module.css\"; export default {\"trigger\":\"_trigger_1efnf_1\"}"],"mappings":";;;;;;;;;;AAAA,OAAO;AAAA,EACL;AAAA,EACA;AAAA,EAIA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY,WAAW,cAAc,gBAAgB;AAC9D,SAAS,kCAAkC;AAC3C,SAAS,cAAc,iBAAiB;AACxC,SAAS,2BAA2B;;;ACZuE,IAAO,6BAAQ,EAAC,WAAU,mBAAkB;;;ADiEnJ;AA3CJ,SAAS,aAAgB,UAAkC,WAAmB;AAE5E,SAAO,MAAM,aAAa,UAAU;AAAA,IAClC,KAAK,SAAS,MAAM,UAAa,WAAW,SAAS,GAAG,IAAI;AAAA,EAC9D,CAAC;AACH;AAEA,IAAM,cAAc,WAMlB,SAASA,aAAY,OAAO,cAAc;AAC1C,QAAM,EAAE,UAAU,UAAU,WAAW,IAAI;AAC3C,QAAM,gBAAgB,OAAoB,IAAI;AAC9C,QAAM,WAAW,aAA0B,IAAI;AAC/C,QAAM,mBAAmB,oBAAoB,aAAa;AAC1D,QAAM,eAAe,mBAAmB,WAAW;AACnD,QAAM,EAAE,eAAe,IAAI,aAAa,EAAE,WAAW,GAAG,YAAY;AACpE,QAAM,EAAE,YAAY,IAAI;AAAA,IACtB,EAAE,aAAa,QAAQ,WAAW;AAAA,IAClC;AAAA,EACF;AACA,QAAM,EAAE,WAAW,IAAI,SAAS,EAAE,WAAW,CAAC;AAE9C,QACE,qBADM,WAAS,QAAQ,WAAW,QAhDtC,IAiDI,IAD8C,gCAC9C,IAD8C,CAAxC,WAAS,UAAQ,aAAW;AAEpC,QAAM,wBAAwB,EAAE,SAAS,QAAQ,WAAW,QAAQ;AAEpE,QAAM,QAAQ,WAAW,aAAa,UAAU,QAAQ,IAAI;AAC5D,gCAA8B,uBAAuB,UAAU;AAAA,IAC7D,SAAS;AAAA,EACX,CAAC;AAED,QAAM,sBAAsB,WAAW,0BAA0B;AAEjE,sBAAoB,cAAc,OAAO;AAAA,IACvC,MAAM,MAAM,oBAAoB,KAAK;AAAA,IACrC,OAAO,MAAM,oBAAoB,MAAM;AAAA,EACzC,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,OACD;AAAA,MACF;AAAA,MACA,mBAAmB,CAAC,IAAI;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,QACE,WAAW,2BAAO;AAAA,QAClB,OAAO;AAAA,UACL,SAAS;AAAA,UACT,eAAe;AAAA,QACjB;AAAA,MACF;AAAA,IACF,IAdD;AAAA,MAeC,UAAU,mBAAmB,SAAY;AAAA,MAExC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,sBAAQ;","names":["Triggerable"]}
+{"version":3,"sources":["../../src/react-aria-utils/Triggerable.tsx","css-module:./Triggerable.module.css#css-module"],"sourcesContent":["import React, {\n  forwardRef,\n  useImperativeHandle,\n  type ReactElement,\n  type Ref,\n  type RefAttributes,\n  useContext,\n  useRef,\n} from \"react\";\nimport { mergeProps, useButton, useFocusable, useHover } from \"react-aria\";\nimport { OverlayTriggerStateContext } from \"react-aria-components\";\nimport { useObjectRef, mergeRefs } from \"@react-aria/utils\";\nimport { useHasTabbableChild } from \"@react-aria/focus\";\nimport { useDomRefSyntheticEventBridge } from \"./useDomRefSyntheticEventBridge\";\nimport styles from \"./Triggerable.module.css\";\n\nexport type OverlayHandlerRef = {\n  open?: () => void;\n  close?: () => void;\n};\n\ntype ReactElementWithRef<T = unknown> = ReactElement & RefAttributes<T>;\nfunction cloneWithRef<T>(children: ReactElementWithRef<T>, parentRef: Ref<T>) {\n  // No need for the isValidElement check since children is already typed as a ReactElement\n  return React.cloneElement(children, {\n    ref: children.ref ? mergeRefs<T>(parentRef, children.ref) : parentRef,\n  });\n}\n\nconst Triggerable = forwardRef<\n  OverlayHandlerRef,\n  {\n    children?: ReactElement | (ReactElement & { ref?: Ref<Element> });\n    disabled?: boolean;\n  }\n>(function Triggerable(props, forwardedRef) {\n  const { children, disabled: isDisabled } = props;\n  const wrapperDomRef = useRef<HTMLElement>(null);\n  const childRef = useObjectRef<HTMLElement>(null);\n  const hasTabbableChild = useHasTabbableChild(wrapperDomRef);\n  const focusableRef = hasTabbableChild ? childRef : wrapperDomRef;\n  const { focusableProps } = useFocusable({ isDisabled }, focusableRef);\n  const { buttonProps } = useButton(\n    { elementType: \"span\", isDisabled },\n    focusableRef,\n  );\n  const { hoverProps } = useHover({ isDisabled });\n  // focus handlers are attached to tabbable child if present\n  const { onFocus, onBlur, onKeyDown, onKeyUp, ...otherFocusableProps } =\n    focusableProps;\n  const focusableHandlerProps = { onFocus, onBlur, onKeyDown, onKeyUp };\n  // attach focus handlers to tabbable child if present\n  const child = children ? cloneWithRef(children, childRef) : children;\n  useDomRefSyntheticEventBridge(focusableHandlerProps, childRef, {\n    enabled: hasTabbableChild,\n  });\n\n  const overlayTriggerState = useContext(OverlayTriggerStateContext);\n  // Expose open and close methods from any overlay context to parent component\n  useImperativeHandle(forwardedRef, () => ({\n    open: () => overlayTriggerState.open(),\n    close: () => overlayTriggerState.close(),\n  }));\n\n  return (\n    <span\n      ref={wrapperDomRef}\n      {...mergeProps(\n        buttonProps,\n        hasTabbableChild ? {} : focusableHandlerProps,\n        otherFocusableProps,\n        hoverProps,\n        {\n          className: styles.trigger,\n          style: {\n            display: \"inline-block\",\n            verticalAlign: \"text-top\",\n          },\n        },\n      )}\n      tabIndex={hasTabbableChild ? undefined : 0}\n    >\n      {child}\n    </span>\n  );\n});\n\nexport default Triggerable;\n","import \"/home/runner/work/syntax/syntax/packages/syntax-core/src/react-aria-utils/Triggerable.module.css\"; export default {\"trigger\":\"_trigger_1efnf_1\"}"],"mappings":";;;;;;;;;;;AAAA,OAAO;AAAA,EACL;AAAA,EACA;AAAA,EAIA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAY,WAAW,cAAc,gBAAgB;AAC9D,SAAS,kCAAkC;AAC3C,SAAS,cAAc,iBAAiB;AACxC,SAAS,2BAA2B;;;ACZuE,IAAO,6BAAQ,EAAC,WAAU,mBAAkB;;;ADiEnJ;AA3CJ,SAAS,aAAgB,UAAkC,WAAmB;AAE5E,SAAO,MAAM,aAAa,UAAU;AAAA,IAClC,KAAK,SAAS,MAAM,UAAa,WAAW,SAAS,GAAG,IAAI;AAAA,EAC9D,CAAC;AACH;AAEA,IAAM,cAAc,WAMlB,SAASA,aAAY,OAAO,cAAc;AAC1C,QAAM,EAAE,UAAU,UAAU,WAAW,IAAI;AAC3C,QAAM,gBAAgB,OAAoB,IAAI;AAC9C,QAAM,WAAW,aAA0B,IAAI;AAC/C,QAAM,mBAAmB,oBAAoB,aAAa;AAC1D,QAAM,eAAe,mBAAmB,WAAW;AACnD,QAAM,EAAE,eAAe,IAAI,aAAa,EAAE,WAAW,GAAG,YAAY;AACpE,QAAM,EAAE,YAAY,IAAI;AAAA,IACtB,EAAE,aAAa,QAAQ,WAAW;AAAA,IAClC;AAAA,EACF;AACA,QAAM,EAAE,WAAW,IAAI,SAAS,EAAE,WAAW,CAAC;AAE9C,QACE,qBADM,WAAS,QAAQ,WAAW,QAhDtC,IAiDI,IAD8C,gCAC9C,IAD8C,CAAxC,WAAS,UAAQ,aAAW;AAEpC,QAAM,wBAAwB,EAAE,SAAS,QAAQ,WAAW,QAAQ;AAEpE,QAAM,QAAQ,WAAW,aAAa,UAAU,QAAQ,IAAI;AAC5D,gCAA8B,uBAAuB,UAAU;AAAA,IAC7D,SAAS;AAAA,EACX,CAAC;AAED,QAAM,sBAAsB,WAAW,0BAA0B;AAEjE,sBAAoB,cAAc,OAAO;AAAA,IACvC,MAAM,MAAM,oBAAoB,KAAK;AAAA,IACrC,OAAO,MAAM,oBAAoB,MAAM;AAAA,EACzC,EAAE;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,OACD;AAAA,MACF;AAAA,MACA,mBAAmB,CAAC,IAAI;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,QACE,WAAW,2BAAO;AAAA,QAClB,OAAO;AAAA,UACL,SAAS;AAAA,UACT,eAAe;AAAA,QACjB;AAAA,MACF;AAAA,IACF,IAdD;AAAA,MAeC,UAAU,mBAAmB,SAAY;AAAA,MAExC;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,sBAAQ;","names":["Triggerable"]}