@lightsparkdev/ui 1.0.9 → 1.0.10

package/dist/{chunk-GZW6KBUI.js → chunk-O42E7NAG.js}

@@ -17,7 +17,7 @@ import {
   darkGradient,
   hcNeutralFromBg,
   isColorKey
-} from "./chunk-RTRS42I3.js";
+} from "./chunk-MN4NUSPL.js";
 import {
   __spreadProps,
   __spreadValues
@@ -330,6 +330,8 @@ var lightsparkDocsDarkTheme = extend(darkTheme, {
 var bridgeBaseSettings = {
   secondary: colors.grayBlue43,
   mcNeutral: colors.grayBlue43,
+  success: colors.green35,
+  link: colors.blue39,
   typography: getTypography("Bridge" /* Bridge */, {
     main: "Manrope",
     code: "Monaco"

package/dist/{chunk-6H6ME7DK.cjs → chunk-OBLAEHPT.cjs}

@@ -2,28 +2,28 @@
 
 
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
 
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
+var _chunkGDLQ54TNcjs = require('./chunk-GDLQ54TN.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
-var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
 
 
-var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 
 
@@ -173,7 +173,7 @@ function Toasts({
     const fromCurrent = i === currentToastIndex ? 0 : currentToastIndex - i;
     const movingToCurrent = currentToast.isHiding && i === currentToastIndex - 1;
     const hidingFromCurrent = currentToast.isHiding ? fromCurrent - 1 : fromCurrent;
-    const textNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: toast.text ? _chunkLHXL6GOOcjs.toReactNodes.call(void 0, toast.text) : null });
+    const textNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: toast.text ? _chunkGDLQ54TNcjs.toReactNodes.call(void 0, toast.text) : null });
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _reactdom2.default.createPortal(
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledToast,
@@ -196,18 +196,18 @@ function Toasts({
           children: [
             textNode,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk7QXYBPSJcjs.UnstyledButton,
+              _chunk4EK5RAZScjs.UnstyledButton,
               {
-                css: _chunkZO52GP5Zcjs.extend.call(void 0, _chunkZO52GP5Zcjs.flexCenter, {
+                css: _chunk6IU4OQOCcjs.extend.call(void 0, _chunk6IU4OQOCcjs.flexCenter, {
                   position: "absolute",
                   right: "5px",
                   top: "-1px",
                   height: "50px",
                   width: "50px",
-                  outlineColor: `${_chunkO7USIZI6cjs.colors.white} !important`
+                  outlineColor: `${_chunkCFG65CGCcjs.colors.white} !important`
                 }),
                 onClick: () => hideToast(toast.id),
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Close", width: 9 })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "Close", width: 9 })
               }
             )
           ]
@@ -224,12 +224,12 @@ var minScale = 0.95;
 var StyledToast = _styled2.default.div`
   position: fixed;
   z-index: ${_chunkZU72XWNEcjs.z.toast};
-  line-height: ${_chunkZO52GP5Zcjs.pxToRems.call(void 0, 16)};
+  line-height: ${_chunk6IU4OQOCcjs.pxToRems.call(void 0, 16)};
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   font-weight: 500;
-  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? _chunkO7USIZI6cjs.colors.blue43 : _chunkJX6HEEEQcjs.themeOr.call(void 0, "#2A50B2", _chunkO7USIZI6cjs.colors.blue43)};
+  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? _chunkCFG65CGCcjs.colors.blue43 : _chunkWKRK5OVEcjs.themeOr.call(void 0, "#2A50B2", _chunkCFG65CGCcjs.colors.blue43)};
   color: rgba(255, 255, 255, 0);
   padding: 16px 24px;
   ${({ duration }) => !duration && "padding-right: 50px;"}
@@ -244,7 +244,7 @@ var StyledToast = _styled2.default.div`
   transform: translateX(-50%);
   text-overflow: ellipsis;
   overflow: hidden;
-  max-width: calc(100% - ${_chunk23NA5VW6cjs.standardContentInset.smPx * 2}px);
+  max-width: calc(100% - ${_chunkDIMJISMHcjs.standardContentInset.smPx * 2}px);
 
   max-height: ${beginHeightPx}px;
   width: 0px;

package/dist/{chunk-ZC7NYTXW.cjs → chunk-OCULQS4S.cjs}

@@ -3,10 +3,10 @@
 var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
 
 
-var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
+var _chunkGEMBOYJDcjs = require('./chunk-GEMBOYJD.cjs');
 
 
-var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
+var _chunkSEOJ475Zcjs = require('./chunk-SEOJ475Z.cjs');
 
 // src/components/typography/Body.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -24,7 +24,7 @@ var Body = ({
 }) => {
   let reactNodes = children || null;
   if (content) {
-    reactNodes = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, content);
+    reactNodes = _chunkSEOJ475Zcjs.toReactNodesBase.call(void 0, content);
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledBody,
@@ -41,7 +41,7 @@ var Body = ({
   );
 };
 var StyledBody = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkGEMBOYJDcjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
   ${_chunkOVJZVL57cjs.typographyStyles}
 `;
 

package/dist/{chunk-FDRR55YY.cjs → chunk-OLDUIEBR.cjs}

@@ -3,10 +3,10 @@
 var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
 
 
-var _chunkUN4FMYEQcjs = require('./chunk-UN4FMYEQ.cjs');
+var _chunkGEMBOYJDcjs = require('./chunk-GEMBOYJD.cjs');
 
 
-var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
+var _chunkSEOJ475Zcjs = require('./chunk-SEOJ475Z.cjs');
 
 // src/components/typography/Overline.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -23,7 +23,7 @@ var Overline = ({
 }) => {
   let reactNodes = children || null;
   if (content) {
-    reactNodes = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, content);
+    reactNodes = _chunkSEOJ475Zcjs.toReactNodesBase.call(void 0, content);
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledOverline,
@@ -39,7 +39,7 @@ var Overline = ({
   );
 };
 var StyledOverline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkUN4FMYEQcjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkGEMBOYJDcjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
   ${_chunkOVJZVL57cjs.typographyStyles}
 `;
 

package/dist/{chunk-EQZOMDAA.cjs → chunk-ONCHRB4P.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 // src/components/Collapsible.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -54,7 +54,7 @@ function Collapsible({
         {
           isOpen,
           useCustomIcon: openIcon !== void 0 && closeIcon !== void 0,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { width: iconWidth, name: iconName })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { width: iconWidth, name: iconName })
         }
       )
     ] }),
@@ -73,7 +73,7 @@ var StyledCollapsibleButton = _styled2.default.button`
   background: none;
   border: none;
   cursor: pointer;
-  ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
   padding: 0;
 `;
 var IconContainer = _styled2.default.div`
@@ -95,7 +95,7 @@ var CollapsingContainer = _styled2.default.div`
   ${(props) => props.isOpen ? `height: 100%; animation-name: fadeIn;` : `height: 0; animation-name: fadeOut;`}
   ${(props) => props.full ? `height: ${props.isOpen ? "100vh" : 0};` : ""}
 
-  ${_chunkZO52GP5Zcjs.overflowAutoWithoutScrollbars}
+  ${_chunk6IU4OQOCcjs.overflowAutoWithoutScrollbars}
 
   @keyframes fadeIn {
     from {

package/dist/{chunk-MFOXSQYS.js → chunk-OP2GXTL3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-R35JXTPE.js";
+} from "./chunk-2C73WWPT.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-35AX6MQ4.cjs → chunk-OVL3XQUI.cjs}

@@ -1,32 +1,32 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFR73DFNGcjs = require('./chunk-FR73DFNG.cjs');
+var _chunkRFO3GG6Rcjs = require('./chunk-RFO3GG6R.cjs');
 
 
 
 
-var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+var _chunkJPRA3J5Ccjs = require('./chunk-JPRA3J5C.cjs');
 
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
 
 
-var _chunk3XWROTDTcjs = require('./chunk-3XWROTDT.cjs');
+var _chunk7LOKZM7Vcjs = require('./chunk-7LOKZM7V.cjs');
 
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
-var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 // src/components/QRReaderButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -49,7 +49,7 @@ function QRReaderOverlay({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledQRReaderOverlay, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ScreenContext, { children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, OverlayHeader, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: onClickBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "LeftArrow", width: 25 }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: onClickBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "ArrowLeft", width: 25 }) }),
         captureModeTitle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: captureModeTitle }) : null
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -68,7 +68,7 @@ function QRReaderOverlay({
       ),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, OverlayFooter, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: "or" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3XWROTDTcjs.Button, { text: "Enter an address", onClick: onClickBack, mt: 12 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7LOKZM7Vcjs.Button, { text: "Enter an address", onClick: onClickBack, mt: 12 })
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -152,7 +152,7 @@ function QRReaderButton({
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkFR73DFNGcjs.QRReader,
+            _chunkRFO3GG6Rcjs.QRReader,
             {
               constraints: {
                 facingMode: "environment"
@@ -188,12 +188,12 @@ function QRReaderButton({
         onClick: () => setCapturing(true),
         hasError: Boolean(errorMsg),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "CameraCapture", width: 64 }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "CameraCapture", width: 64 }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "21px" }, children: "Scan QR Code" })
         ]
       }
     ),
-    errorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNVVAOGNLcjs.FieldError, { children: errorMsg }) : null
+    errorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJPRA3J5Ccjs.FieldError, { children: errorMsg }) : null
   ] });
 }
 var StyledQRReaderOverlay = _styled2.default.div`
@@ -219,13 +219,13 @@ var QRContainer = _styled2.default.div`
   }
 `;
 var QRReaderButtonContainer = _styled2.default.div``;
-var ScanQRButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
-  ${_chunkNVVAOGNLcjs.standardBorderColor}
-  ${_chunkNVVAOGNLcjs.aboveFieldError}
+var ScanQRButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
+  ${_chunkJPRA3J5Ccjs.standardBorderColor}
+  ${_chunkJPRA3J5Ccjs.aboveFieldError}
   margin-top: 16px;
   border-style: solid;
   border-width: 1px;
-  ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
   width: 100%;
   padding: 24px 16px 16px;
   display: flex;
@@ -243,14 +243,14 @@ var ScreenContext = _styled2.default.div`
   height: 100vh;
   left: 50%;
   transform: translateX(-50%);
-  color: ${_chunkO7USIZI6cjs.colors.white};
+  color: ${_chunkCFG65CGCcjs.colors.white};
   text-align: center;
 `;
 var qrOverlayHeaderHeightPx = 80;
-var BackButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
+var BackButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
   height: ${qrOverlayHeaderHeightPx}px;
   width: ${qrOverlayHeaderHeightPx}px;
-  color: ${_chunkO7USIZI6cjs.colors.white};
+  color: ${_chunkCFG65CGCcjs.colors.white};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -261,7 +261,7 @@ var BackButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)
 var OverlayHeader = _styled2.default.div`
   position: absolute;
   top: 0;
-  font-size: ${_chunkZO52GP5Zcjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunk6IU4OQOCcjs.pxToRems.call(void 0, 16)};
   text-align: center;
   width: 100%;
   height: ${qrOverlayHeaderHeightPx}px;
@@ -274,11 +274,11 @@ var OverlayFooter = _styled2.default.div`
   position: absolute;
   height: 32%;
   max-height: 250px;
-  background: ${_chunkO7USIZI6cjs.colors.black};
+  background: ${_chunkCFG65CGCcjs.colors.black};
   bottom: 0;
   left: 0;
   width: 100%;
-  font-size: ${_chunkZO52GP5Zcjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunk6IU4OQOCcjs.pxToRems.call(void 0, 16)};
   text-align: center;
   display: flex;
   flex-direction: column;

package/dist/{chunk-O2MMD4LF.cjs → chunk-OVOZ4MWA.cjs}

@@ -1,40 +1,40 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCJ3GSEW5cjs = require('./chunk-CJ3GSEW5.cjs');
+var _chunkRRPNFKNWcjs = require('./chunk-RRPNFKNW.cjs');
 
 
-var _chunk22I3LZGWcjs = require('./chunk-22I3LZGW.cjs');
+var _chunkE5ARGCTHcjs = require('./chunk-E5ARGCTH.cjs');
 
 
-var _chunkUJKCQS5Ccjs = require('./chunk-UJKCQS5C.cjs');
+var _chunkZPJOE4AScjs = require('./chunk-ZPJOE4AS.cjs');
 
 
-var _chunkZC7NYTXWcjs = require('./chunk-ZC7NYTXW.cjs');
+var _chunkOCULQS4Scjs = require('./chunk-OCULQS4S.cjs');
 
 
 
-var _chunkSFTKSNEKcjs = require('./chunk-SFTKSNEK.cjs');
+var _chunkDISSWFSScjs = require('./chunk-DISSWFSS.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkYB3AGHD5cjs = require('./chunk-YB3AGHD5.cjs');
+var _chunkJUGL45TEcjs = require('./chunk-JUGL45TE.cjs');
 
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
 var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
 
 
-var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 // src/components/typography/Article.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -52,51 +52,51 @@ function Article({ defaultTypography, children }) {
 var StyledArticle = _styled2.default.article`
   ${({ theme, type, size }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, type, size)}
 
-  ${_chunkUJKCQS5Ccjs.displaySelector.call(void 0, "h1")} {
+  ${_chunkRRPNFKNWcjs.displaySelector.call(void 0, "h1")} {
     margin: 0;
   }
 
-  ${_chunkSFTKSNEKcjs.headlineSelector.call(void 0, "h1")} {
+  ${_chunkDISSWFSScjs.headlineSelector.call(void 0, "h1")} {
     margin: 0;
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunkSFTKSNEKcjs.headlineSelector.call(void 0, "h2")} {
+  ${_chunkDISSWFSScjs.headlineSelector.call(void 0, "h2")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkSFTKSNEKcjs.headlineSelector.call(void 0, "h3")} {
+  ${_chunkDISSWFSScjs.headlineSelector.call(void 0, "h3")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkSFTKSNEKcjs.headlineSelector.call(void 0, "h4")} {
+  ${_chunkDISSWFSScjs.headlineSelector.call(void 0, "h4")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkSFTKSNEKcjs.headlineSelector.call(void 0, "h5")} {
+  ${_chunkDISSWFSScjs.headlineSelector.call(void 0, "h5")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkSFTKSNEKcjs.headlineSelector.call(void 0, "h6")} {
+  ${_chunkDISSWFSScjs.headlineSelector.call(void 0, "h6")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkZC7NYTXWcjs.StyledBody)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkOCULQS4Scjs.StyledBody)} {
     margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkYB3AGHD5cjs.StyledContentTable)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkJUGL45TEcjs.StyledContentTable)} {
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]} 0;
   }
 
@@ -110,7 +110,7 @@ var StyledArticle = _styled2.default.article`
     font-weight: 700;
   }
 
-  *:not(${_chunkSFTKSNEKcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkCJ3GSEW5cjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunk22I3LZGWcjs.StyledCode)})
+  *:not(${_chunkDISSWFSScjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkE5ARGCTHcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkZPJOE4AScjs.StyledCode)})
     > a {
     ${({ theme }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
     font-size: inherit;
@@ -136,14 +136,14 @@ var StyledArticle = _styled2.default.article`
 
   code:not([class|="language"]) {
     ${({ theme }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
-    background: ${_chunkO7USIZI6cjs.colors.grayBlue94};
+    background: ${_chunkCFG65CGCcjs.colors.grayBlue94};
     padding: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]} ${_chunkZUAO4DW3cjs.Spacing.px["2xs"]};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]};
     border-radius: 4px;
   }
 
   pre[class|="language"] {
-    ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
     width: 100%;
     padding: ${_chunkZUAO4DW3cjs.Spacing.px.md} ${_chunkZUAO4DW3cjs.Spacing.px.lg};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px.md} 0;
@@ -154,7 +154,7 @@ var StyledArticle = _styled2.default.article`
   code[class|="language"] {
     ${({ theme }) => _chunkDCQM7IVKcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
 
-    ${_chunkZO52GP5Zcjs.overflowAutoWithoutScrollbars}
+    ${_chunk6IU4OQOCcjs.overflowAutoWithoutScrollbars}
   }
 
   blockquote {

package/dist/{chunk-BBVC66S4.js → chunk-OYWYTUJD.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-X5SBSJ3Z.js";
 import {
   applyTypography
-} from "./chunk-U4Y4CF4A.js";
+} from "./chunk-R4JQUMCP.js";
 import {
   toReactNodesBase
-} from "./chunk-HQO3PIAY.js";
+} from "./chunk-DILTUDQN.js";
 
 // src/components/typography/BodyStrong.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-GJZCJSPK.cjs → chunk-PFLKL4U5.cjs}

@@ -3,27 +3,27 @@
 var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
 
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
 
 
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
 
 
-var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkYDTPEU32cjs = require('./chunk-YDTPEU32.cjs');
+var _chunkQE67LKK5cjs = require('./chunk-QE67LKK5.cjs');
 
 
 
@@ -266,9 +266,9 @@ var DropdownFooter = _styled2.default.div`
   margin-top: 16px;
 `;
 var DropdownItems = _styled2.default.ul`
-  ${_chunk23NA5VW6cjs.overlaySurface}
-  color: ${({ theme }) => _chunkJX6HEEEQcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
-  ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkDIMJISMHcjs.overlaySurface}
+  color: ${({ theme }) => _chunkWKRK5OVEcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
+  ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
   padding: 12px 0;
   visibility: ${({ isOpen }) => isOpen ? "visible" : "hidden"};
   position: fixed;
@@ -284,7 +284,7 @@ function DropdownItem({ dropdownItem, onClick }) {
   const theme = _react.useTheme.call(void 0, );
   const dropdownItemIcon = dropdownItem.getIcon && dropdownItem.getIcon({ dropdownItem, theme });
   const dropdownItemIconNode = dropdownItemIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkI6Y7IHF5cjs.Icon,
+    _chunkJMIYMECJcjs.Icon,
     {
       name: dropdownItemIcon.name,
       width: dropdownItemIcon.width || 12,
@@ -327,8 +327,8 @@ function DropdownItem({ dropdownItem, onClick }) {
     }
   );
 }
-var DropdownButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
-  ${_chunk23NA5VW6cjs.standardFocusOutline}
+var DropdownButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
+  ${_chunkDIMJISMHcjs.standardFocusOutline}
 `;
 var dropdownItemStyle = ({ selected, theme }) => `
   background-color: ${selected ? theme.primary : "transparent"};
@@ -353,12 +353,12 @@ var cssProp = ({
   selected
 }) => _react.css`
   ${dropdownItemStyle({ theme, selected: Boolean(selected) })}
-  ${_chunk23NA5VW6cjs.standardFocusOutline.call(void 0, { theme })}
+  ${_chunkDIMJISMHcjs.standardFocusOutline.call(void 0, { theme })}
 `;
 function DropdownItemLink(props) {
   const theme = _react.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYDTPEU32cjs.Link,
+    _chunkQE67LKK5cjs.Link,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), {
       css: cssProp({ theme, selected: Boolean(props.selected) })
     })
@@ -366,7 +366,7 @@ function DropdownItemLink(props) {
 }
 var DropdownItemDiv = _styled2.default.div`
   ${dropdownItemStyle}
-  ${_chunk23NA5VW6cjs.standardFocusOutline}
+  ${_chunkDIMJISMHcjs.standardFocusOutline}
 `;
 
 

package/dist/{chunk-BCXQD6ZP.js → chunk-PPWQMT6L.js}

@@ -1,6 +1,6 @@
-// src/icons/TwoArrowsUp.tsx
+// src/icons/ArrowsUp.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function TwoArrowsUp() {
+function ArrowsUp() {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -23,5 +23,5 @@ function TwoArrowsUp() {
 }
 
 export {
-  TwoArrowsUp
+  ArrowsUp
 };