@lightsparkdev/ui 1.1.16 → 1.1.17

package/dist/{chunk-JNNTF74E.cjs → chunk-CRKEMBYO.cjs}

@@ -5,25 +5,25 @@ var _chunkRFO3GG6Rcjs = require('./chunk-RFO3GG6R.cjs');
 
 
 
-var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
+var _chunkWDTLFMRWcjs = require('./chunk-WDTLFMRW.cjs');
 
 
-var _chunkCR55KSPGcjs = require('./chunk-CR55KSPG.cjs');
+var _chunkGJ4EVX5Ncjs = require('./chunk-GJ4EVX5N.cjs');
 
 
-var _chunkZ4U2SJAWcjs = require('./chunk-Z4U2SJAW.cjs');
+var _chunkOIVMDDPCcjs = require('./chunk-OIVMDDPC.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
+var _chunk2MT546OVcjs = require('./chunk-2MT546OV.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 
 var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
@@ -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, _chunkRC7657RRcjs.Icon, { name: "ArrowLeft", width: 25 }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: onClickBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.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, _chunkCR55KSPGcjs.Button, { text: "Enter an address", onClick: onClickBack, mt: 12 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJ4EVX5Ncjs.Button, { text: "Enter an address", onClick: onClickBack, mt: 12 })
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
@@ -188,12 +188,12 @@ function QRReaderButton({
         onClick: () => setCapturing(true),
         hasError: Boolean(errorMsg),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "CameraCapture", width: 64 }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.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, _chunkSG2KPTGOcjs.FieldError, { children: errorMsg }) : null
+    errorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDTLFMRWcjs.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, _chunkZ4U2SJAWcjs.UnstyledButton)`
-  ${_chunkSG2KPTGOcjs.standardBorderColor}
-  ${_chunkSG2KPTGOcjs.aboveFieldError}
+var ScanQRButton = _styled2.default.call(void 0, _chunkOIVMDDPCcjs.UnstyledButton)`
+  ${_chunkWDTLFMRWcjs.standardBorderColor}
+  ${_chunkWDTLFMRWcjs.aboveFieldError}
   margin-top: 16px;
   border-style: solid;
   border-width: 1px;
-  ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 8)}
   width: 100%;
   padding: 24px 16px 16px;
   display: flex;
@@ -247,7 +247,7 @@ var ScreenContext = _styled2.default.div`
   text-align: center;
 `;
 var qrOverlayHeaderHeightPx = 80;
-var BackButton = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton)`
+var BackButton = _styled2.default.call(void 0, _chunkOIVMDDPCcjs.UnstyledButton)`
   height: ${qrOverlayHeaderHeightPx}px;
   width: ${qrOverlayHeaderHeightPx}px;
   color: ${_chunkWRQU4F3Ncjs.colors.white};
@@ -261,7 +261,7 @@ var BackButton = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton)
 var OverlayHeader = _styled2.default.div`
   position: absolute;
   top: 0;
-  font-size: ${_chunkHBHJ3IFPcjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunk2MT546OVcjs.pxToRems.call(void 0, 16)};
   text-align: center;
   width: 100%;
   height: ${qrOverlayHeaderHeightPx}px;
@@ -278,7 +278,7 @@ var OverlayFooter = _styled2.default.div`
   bottom: 0;
   left: 0;
   width: 100%;
-  font-size: ${_chunkHBHJ3IFPcjs.pxToRems.call(void 0, 16)};
+  font-size: ${_chunk2MT546OVcjs.pxToRems.call(void 0, 16)};
   text-align: center;
   display: flex;
   flex-direction: column;

package/dist/{chunk-VXCQN5B7.cjs → chunk-CWO637N3.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 
 
@@ -90,7 +90,7 @@ function toReactNodesWithTypographyMap(nodesArg, nodesTypographyMap, replaceExis
     nodesTypographyMap,
     replaceExistingTypography
   );
-  const nodes = _chunkJQAMMNYAcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const nodes = _chunkS6OGIIJCcjs.toReactNodes.call(void 0, nodesWithTypography);
   return nodes;
 }
 function setDefaultReactNodesTypography(nodesArg, setDefaultReactNodesTypographyArg) {

package/dist/{chunk-6KHRO446.js → chunk-DAIRX6CF.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-GQD4IOTB.js";
+} from "./chunk-I3KWQ42J.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-NZG2NRN2.cjs → chunk-DBKXHGJD.cjs}

@@ -3,50 +3,50 @@
 var _chunkDCH43ZYZcjs = require('./chunk-DCH43ZYZ.cjs');
 
 
-var _chunkO527WXTKcjs = require('./chunk-O527WXTK.cjs');
+var _chunk77BSODBDcjs = require('./chunk-77BSODBD.cjs');
 
 
-var _chunkMZC7VVD3cjs = require('./chunk-MZC7VVD3.cjs');
+var _chunkEUPMY6J3cjs = require('./chunk-EUPMY6J3.cjs');
 
 
-var _chunkRAUGN2GCcjs = require('./chunk-RAUGN2GC.cjs');
+var _chunkR3FJMSPRcjs = require('./chunk-R3FJMSPR.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
 
-var _chunkCR55KSPGcjs = require('./chunk-CR55KSPG.cjs');
+var _chunkGJ4EVX5Ncjs = require('./chunk-GJ4EVX5N.cjs');
 
 
-var _chunkZ4U2SJAWcjs = require('./chunk-Z4U2SJAW.cjs');
+var _chunkOIVMDDPCcjs = require('./chunk-OIVMDDPC.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkVXCQN5B7cjs = require('./chunk-VXCQN5B7.cjs');
+var _chunkCWO637N3cjs = require('./chunk-CWO637N3.cjs');
 
 
-var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 
-var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
+var _chunk2MT546OVcjs = require('./chunk-2MT546OV.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
 
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 
 
@@ -224,10 +224,10 @@ function Modal({
   const buttonContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "above").map((_a, i) => {
       var _b = _a, { placement, text } = _b, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _b, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCR55KSPGcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJ4EVX5Ncjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     displayCancelAbove && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCR55KSPGcjs.Button,
+      _chunkGJ4EVX5Ncjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -235,7 +235,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCR55KSPGcjs.Button,
+      _chunkGJ4EVX5Ncjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -251,7 +251,7 @@ function Modal({
       }
     ),
     displayCancelBelow && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCR55KSPGcjs.Button,
+      _chunkGJ4EVX5Ncjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -260,7 +260,7 @@ function Modal({
     ),
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "below").map((_c, i) => {
       var _d = _c, { placement, text } = _d, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _d, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCR55KSPGcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGJ4EVX5Ncjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     })
   ] });
   let titleContent = null;
@@ -270,10 +270,10 @@ function Modal({
       heading: "h4",
       size: "Small"
     };
-    const titleNodesWithTypography = _chunkVXCQN5B7cjs.setDefaultReactNodesTypography.call(void 0, title, {
+    const titleNodesWithTypography = _chunkCWO637N3cjs.setDefaultReactNodesTypography.call(void 0, title, {
       default: defaultTypography
     });
-    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkJQAMMNYAcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
+    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkS6OGIIJCcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
@@ -281,23 +281,23 @@ function Modal({
       type: "Body",
       size: "ExtraSmall"
     };
-    const descriptionNodesWithTypography = _chunkVXCQN5B7cjs.setDefaultReactNodesTypography.call(void 0, 
+    const descriptionNodesWithTypography = _chunkCWO637N3cjs.setDefaultReactNodesTypography.call(void 0, 
       description,
       { default: defaultTypography }
     );
-    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkJQAMMNYAcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
+    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkS6OGIIJCcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
   }
   let topContentNode = null;
   if (topContent) {
     if (_chunkDCH43ZYZcjs.isReactNode.call(void 0, topContent)) {
       topContentNode = topContent;
     } else {
-      topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMZC7VVD3cjs.IconWithCircleBackground, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, topContent)) });
+      topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEUPMY6J3cjs.IconWithCircleBackground, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, topContent)) });
     }
   }
   const modalContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     progressBar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: "20px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkO527WXTKcjs.ProgressBar,
+      _chunk77BSODBDcjs.ProgressBar,
       {
         progressPercentage: progressBar.progressPercentage,
         isSm: progressBar.isSm
@@ -312,7 +312,7 @@ function Modal({
   let content;
   if (smKind === "drawer" && isSm) {
     content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkRAUGN2GCcjs.Drawer,
+      _chunkR3FJMSPRcjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: drawerCloseButton,
@@ -346,12 +346,12 @@ function Modal({
           },
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunkBXREC2NYcjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunkGSQGDJAVcjs.standardContentInset.smPx : 0),
           children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalContent, { width, ghost, smKind, children: [
             !firstFocusRef && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
             !ghost && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalNavigation, { children: [
-              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, topLeftIcon)) : null,
-              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "Close", width: 9 }) })
+              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, topLeftIcon)) : null,
+              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: "Close", width: 9 }) })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContentInner, { ghost, children: modalContent }),
             bottomContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "auto" }, children: bottomContent })
@@ -365,7 +365,7 @@ function Modal({
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkOIVMDDPCcjs.UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
@@ -378,7 +378,7 @@ var ModalOverlay = _styled2.default.div`
   z-index: ${_chunkZU72XWNEcjs.z.modalOverlay};
   width: 100vw;
   height: 100dvh;
-  background: ${({ overlayBackground, theme }) => overlayBackground ? _chunkEINUB4JIcjs.getColor.call(void 0, theme, overlayBackground) : "rgba(0, 0, 0, 0.5)"};
+  background: ${({ overlayBackground, theme }) => overlayBackground ? _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, overlayBackground) : "rgba(0, 0, 0, 0.5)"};
 `;
 var ModalContainer = _styled2.default.div`
   pointer-events: none;
@@ -413,7 +413,7 @@ var ModalButtonRow = _styled2.default.div`
   `)}
   gap: 10px;
 
-  ${_chunkCR55KSPGcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkGJ4EVX5Ncjs.ButtonSelector.call(void 0, )} {
     width: 50%;
     ${_chunkKW3JYLRIcjs.bp.sm(`
       width: 100%;
@@ -425,7 +425,7 @@ var ModalButtonColumn = _styled2.default.div`
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 
-  ${_chunkCR55KSPGcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkGJ4EVX5Ncjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -441,10 +441,10 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkBXREC2NYcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkGSQGDJAVcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunkHBHJ3IFPcjs.overflowAutoWithoutScrollbars}
-  ${_chunkBXREC2NYcjs.standardContentInset.smCSS.styles}
+  ${_chunk2MT546OVcjs.overflowAutoWithoutScrollbars}
+  ${_chunkGSQGDJAVcjs.standardContentInset.smCSS.styles}
   max-width: 100%;
   max-height: 100%;
   position: absolute;
@@ -452,7 +452,7 @@ var ModalContent = _styled2.default.div`
   flex-direction: column;
 
   ${({ ghost, smKind, width }) => `
-    ${ghost ? "" : _chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 16)}
+    ${ghost ? "" : _chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 16)}
     width: ${width}px;
   `}
 
@@ -469,14 +469,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton)`
-  ${_chunkBXREC2NYcjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkOIVMDDPCcjs.UnstyledButton)`
+  ${_chunkGSQGDJAVcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton)`
-  ${_chunkBXREC2NYcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkOIVMDDPCcjs.UnstyledButton)`
+  ${_chunkGSQGDJAVcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-XI34WNMX.js → chunk-DGR27Y2A.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-W5L3SQ2I.js";
+} from "./chunk-2C4XFGJH.js";
 import {
   StyledOverline,
   getPropDefaults
-} from "./chunk-QCYWDTZ4.js";
+} from "./chunk-QGZXH6TR.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-KSYTS7QV.cjs → chunk-DGYYYJWB.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFY3HTOPMcjs = require('./chunk-FY3HTOPM.cjs');
+var _chunkSVUKJUSHcjs = require('./chunk-SVUKJUSH.cjs');
 
 
-var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
+var _chunk2MT546OVcjs = require('./chunk-2MT546OV.cjs');
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 
 var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
@@ -55,7 +55,7 @@ var backgroundColor = "#2d2d2d";
 var InlineCode = _styled2.default.span`
   font-family: "Roboto Mono", monospace;
   background-color: #2d2d2d;
-  border: 1px solid ${_chunkEINUB4JIcjs.themeOr.call(void 0, _chunkWRQU4F3Ncjs.colors.gray90, _chunkWRQU4F3Ncjs.colors.gray20)};
+  border: 1px solid ${_chunkWZIDVP2Ucjs.themeOr.call(void 0, _chunkWRQU4F3Ncjs.colors.gray90, _chunkWRQU4F3Ncjs.colors.gray20)};
   border-radius: 3px;
   line-height: 24px;
   padding: 0 4px;
@@ -152,7 +152,7 @@ var CodeBlock = ({
               styles: codeSelectStyles
             }
           ) }) : null,
-          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFY3HTOPMcjs.CopyToClipboardButton, { value: children }) : null
+          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSVUKJUSHcjs.CopyToClipboardButton, { value: children }) : null
         ]
       }
     )
@@ -176,11 +176,11 @@ var CodeBlockHeader = _styled2.default.div`
   padding: 16px 20px;
 `;
 var CodeBlockContainer = _styled2.default.pre`
-  ${_chunkHBHJ3IFPcjs.overflowAutoWithoutScrollbars}
+  ${_chunk2MT546OVcjs.overflowAutoWithoutScrollbars}
   &[class*="language-"] {
     padding: 20px;
     font-weight: 500;
-    ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 8)}
     ${(props) => props.hasHeader ? `border-top-left-radius: 0;
             border-top-right-radius: 0;
             margin-top: 0;` : ""}

package/dist/{chunk-6EVX7VWI.cjs → chunk-DKSYVSJY.cjs}

@@ -6,7 +6,7 @@ var _chunkU6XO2EF4cjs = require('./chunk-U6XO2EF4.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkG6GE2K3Lcjs = require('./chunk-G6GE2K3L.cjs');
+var _chunkEFUO4VCAcjs = require('./chunk-EFUO4VCA.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkU6XO2EF4cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBtn = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkG6GE2K3Lcjs.applyTypography.call(void 0, theme, "Btn", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkEFUO4VCAcjs.applyTypography.call(void 0, theme, "Btn", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-P6UMWA4C.cjs → chunk-DLJDS3PP.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
+var _chunk2MT546OVcjs = require('./chunk-2MT546OV.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -68,46 +68,46 @@ var baseHeading = ({ mt, mb, mtSm, mbSm, theme }) => _react.css`
     margin-bottom: ${mbSm}px;
   `)}
 `;
-var firstChildStyles = _chunkHBHJ3IFPcjs.firstChild.call(void 0, `margin-top: 0;`);
+var firstChildStyles = _chunk2MT546OVcjs.firstChild.call(void 0, `margin-top: 0;`);
 var headings = {
   h1: _styled2.default.h1`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkHBHJ3IFPcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
+    font-size: ${_chunk2MT546OVcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
     font-weight: ${({ light }) => light ? 400 : 800}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkHBHJ3IFPcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
+      font-size: ${_chunk2MT546OVcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
     `)}
   `,
   h2: _styled2.default.h2`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkHBHJ3IFPcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
+    font-size: ${_chunk2MT546OVcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
     font-weight: ${({ light }) => light ? 400 : 700}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkHBHJ3IFPcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
+      font-size: ${_chunk2MT546OVcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
     `)}
   `,
   h3: _styled2.default.h3`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkHBHJ3IFPcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
+    font-size: ${_chunk2MT546OVcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
     font-weight: ${({ light }) => light ? 400 : 700}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkHBHJ3IFPcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
+      font-size: ${_chunk2MT546OVcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
     `)}
   `,
   h4: _styled2.default.h4`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkHBHJ3IFPcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
+    font-size: ${_chunk2MT546OVcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
     font-weight: ${({ light }) => light ? 400 : 600}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkHBHJ3IFPcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
+      font-size: ${_chunk2MT546OVcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
     `)}
   `
 };

package/dist/{chunk-WI6AYHRN.cjs → chunk-DRDB2LSV.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkBDD56SL6cjs = require('./chunk-BDD56SL6.cjs');
+var _chunkNJAEPGD6cjs = require('./chunk-NJAEPGD6.cjs');
 
 
 
-var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
+var _chunkWDTLFMRWcjs = require('./chunk-WDTLFMRW.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 // src/components/FileInput.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -59,7 +59,7 @@ function FileInput({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledFileInputContainer, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledFileInput, { hasValidFileSet: Boolean(fileName && fileContent), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: name, children: fileName && fileContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBDD56SL6cjs.Pill,
+        _chunkNJAEPGD6cjs.Pill,
         {
           text: fileName,
           cursor: "pointer",
@@ -67,7 +67,7 @@ function FileInput({
           onDeleteFromKeyboard: handleRemoveFile
         }
       ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
         "Upload ",
         filePurpose || "",
         " file"
@@ -82,7 +82,7 @@ function FileInput({
         }
       )
     ] }),
-    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSG2KPTGOcjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
+    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDTLFMRWcjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
   ] });
 }
 var StyledFileInputContainer = _styled2.default.div``;
@@ -94,7 +94,7 @@ var StyledFileInput = _styled2.default.div`
   label {
     display: block;
     cursor: pointer;
-    ${({ theme, hasValidFileSet }) => _chunkSG2KPTGOcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
+    ${({ theme, hasValidFileSet }) => _chunkWDTLFMRWcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
   }
 `;
 

package/dist/{chunk-RC7657RR.cjs → chunk-DSTWBIG7.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk2MWR2GBKcjs = require('./chunk-2MWR2GBK.cjs');
+var _chunk5OIBCVEDcjs = require('./chunk-5OIBCVED.cjs');
 
 
 
 var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 // src/components/Icon/Icon.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -34,14 +34,14 @@ function Icon({
   verticalAlign = "middle",
   iconProps
 }) {
-  const IconComponent = _chunk2MWR2GBKcjs.iconMap[name];
-  const w = parseFloat((width / _chunkBXREC2NYcjs.rootFontSizePx).toFixed(2));
+  const IconComponent = _chunk5OIBCVEDcjs.iconMap[name];
+  const w = parseFloat((width / _chunkGSQGDJAVcjs.rootFontSizePx).toFixed(2));
   const h = square ? w : "auto";
-  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkBXREC2NYcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
-  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkBXREC2NYcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
-  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkBXREC2NYcjs.rootFontSizePx).toFixed(2))}em` : mtProp;
-  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkBXREC2NYcjs.rootFontSizePx).toFixed(2))}em` : mbProp;
-  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkBXREC2NYcjs.rootFontSizePx).toFixed(2));
+  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkGSQGDJAVcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
+  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkGSQGDJAVcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
+  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkGSQGDJAVcjs.rootFontSizePx).toFixed(2))}em` : mtProp;
+  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkGSQGDJAVcjs.rootFontSizePx).toFixed(2))}em` : mbProp;
+  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkGSQGDJAVcjs.rootFontSizePx).toFixed(2));
   const icon = _react2.default.createElement(IconComponent, iconProps, null);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     IconContainer,
@@ -90,10 +90,10 @@ var IconContainer = _styled2.default.span`
 }}
 
   ${({ theme, fontColor }) => {
-  const color = _chunkEINUB4JIcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
+  const color = _chunkWZIDVP2Ucjs.getFontColor.call(void 0, theme, fontColor, "inherit");
   return `
     svg, path {
-      color: ${_chunkEINUB4JIcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
+      color: ${_chunkWZIDVP2Ucjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
 
       /* 
         Provide a way for an SVG to invert relative to a specified color for