@lightsparkdev/ui 1.1.3 → 1.1.5

package/dist/{chunk-HRA7IU4J.cjs → chunk-AU62QPCH.cjs}

@@ -1,77 +1,74 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkGQGF4LNPcjs = require('./chunk-GQGF4LNP.cjs');
+var _chunkIZVQJRBCcjs = require('./chunk-IZVQJRBC.cjs');
 
 
-var _chunkWN65QM5Wcjs = require('./chunk-WN65QM5W.cjs');
+var _chunk2SOQJZKOcjs = require('./chunk-2SOQJZKO.cjs');
 
 
-var _chunk6GF56M42cjs = require('./chunk-6GF56M42.cjs');
+var _chunkLXE7D3BHcjs = require('./chunk-LXE7D3BH.cjs');
 
 
-var _chunkSH52BJQTcjs = require('./chunk-SH52BJQT.cjs');
+var _chunkODUEYPV2cjs = require('./chunk-ODUEYPV2.cjs');
 
 
-var _chunkP3TDMHFScjs = require('./chunk-P3TDMHFS.cjs');
+var _chunkJRHBECLVcjs = require('./chunk-JRHBECLV.cjs');
 
 
 
-var _chunkO3NYVYX5cjs = require('./chunk-O3NYVYX5.cjs');
+var _chunkYGRSNZFRcjs = require('./chunk-YGRSNZFR.cjs');
 
 
-var _chunk2YBZV2K6cjs = require('./chunk-2YBZV2K6.cjs');
+var _chunk4FWBLOAUcjs = require('./chunk-4FWBLOAU.cjs');
 
 
-var _chunkT4UBZ7NBcjs = require('./chunk-T4UBZ7NB.cjs');
+var _chunkSLTSSCKDcjs = require('./chunk-SLTSSCKD.cjs');
 
 
-var _chunkFCBVJB3Ycjs = require('./chunk-FCBVJB3Y.cjs');
+var _chunkPUWHPIPEcjs = require('./chunk-PUWHPIPE.cjs');
 
 
-var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
+var _chunkYFY5WU2Ucjs = require('./chunk-YFY5WU2U.cjs');
 
 
-var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
-
-
-var _chunkD2W2ROKQcjs = require('./chunk-D2W2ROKQ.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk734KB425cjs = require('./chunk-734KB425.cjs');
+var _chunkEQ6PZHMTcjs = require('./chunk-EQ6PZHMT.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkVT3J6XBJcjs = require('./chunk-VT3J6XBJ.cjs');
 
 
-var _chunkWX5R7NU7cjs = require('./chunk-WX5R7NU7.cjs');
+var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunkCZJ6JPXBcjs = require('./chunk-CZJ6JPXB.cjs');
+var _chunk7FEMUABVcjs = require('./chunk-7FEMUABV.cjs');
 
 
-var _chunk5VSTXVUIcjs = require('./chunk-5VSTXVUI.cjs');
+var _chunkSRAWECJ4cjs = require('./chunk-SRAWECJ4.cjs');
 
 
 
 
 
 
-var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
+var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
 
 
-var _chunkT3LKI5VGcjs = require('./chunk-T3LKI5VG.cjs');
+var _chunkGMHCVXAKcjs = require('./chunk-GMHCVXAK.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
+var _chunkYIAN5J2Dcjs = require('./chunk-YIAN5J2D.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkDRTADBFRcjs = require('./chunk-DRTADBFR.cjs');
+var _chunkGHXHO5FQcjs = require('./chunk-GHXHO5FQ.cjs');
 
 
 
@@ -193,6 +190,7 @@ function CardForm({
   forceMarginAfterSubtitle = true,
   afterTitleMargin = 40,
   graphicHeader,
+  statusHeaderProps,
   centeredContent = false,
   contentMarginTop,
   formButtonTopMargin,
@@ -236,12 +234,12 @@ function CardForm({
     },
     [onSubmit, disabled]
   );
-  const formattedDescription = description ? _chunkFCBVJB3Ycjs.toReactNodesWithTypographyMap.call(void 0, 
+  const formattedDescription = description ? _chunkEQ6PZHMTcjs.toReactNodesWithTypographyMap.call(void 0, 
     description,
     defaultDescriptionTypographyMap,
     false
   ) : null;
-  const belowFormContentNodes = belowFormContent ? _chunkK57M5KQ5cjs.toReactNodes.call(void 0, belowFormContent) : null;
+  const belowFormContentNodes = belowFormContent ? _chunkVT3J6XBJcjs.toReactNodes.call(void 0, belowFormContent) : null;
   const CardFormContentTarget = full ? CardFormContentFull : CardFormContent;
   const headerData = [
     aboveHeaderContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.Fragment, { children: aboveHeaderContent }, "card-form-above-header") : null,
@@ -253,7 +251,7 @@ function CardForm({
         contentMarginTop,
         titleMarginLeft,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkGQGF4LNPcjs.Headline,
+          _chunkIZVQJRBCcjs.Headline,
           {
             content: [
               title,
@@ -290,8 +288,21 @@ function CardForm({
     smDontAdjustWidth
   };
   const Container = full ? CardFormContentFull : CardFormContainer;
+  const statusHeader = _react3.useMemo.call(void 0, 
+    () => statusHeaderProps ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusHeader, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, statusHeaderProps)) : null,
+    [statusHeaderProps]
+  );
+  _react3.useEffect.call(void 0, () => {
+    var _a;
+    (_a = document.querySelector("meta[name='theme-color']")) == null ? void 0 : _a.setAttribute("content", statusHeader ? theme.linkLight : theme.bg);
+    return () => {
+      var _a2;
+      (_a2 = document.querySelector("meta[name='theme-color']")) == null ? void 0 : _a2.setAttribute("content", theme.bg);
+    };
+  }, [statusHeader, theme.linkLight, theme.bg]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { paddingBottom, children: [
-    hasChildForm ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDiv, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonProps), { children: content })) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2YBZV2K6cjs.Flex, { column: true, align: "center", height: full ? "100%" : "auto", children: [
+    hasChildForm ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDiv, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonProps), { children: content })) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCardFormContainer, { full, statusHeader: !!statusHeader, children: [
+      statusHeader,
       graphicHeader && graphicHeader,
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         StyledCardForm,
@@ -300,7 +311,8 @@ function CardForm({
           noValidate: true
         }, commonProps), {
           forceMarginAfterSubtitle,
-          graphicHeader: graphicHeader ? true : false,
+          graphicHeader: !!graphicHeader,
+          statusHeader: !!statusHeader,
           formButtonTopMargin,
           selectMarginTop,
           children: content
@@ -310,6 +322,38 @@ function CardForm({
     belowFormContentNodes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BelowCardFormContent, { gap: belowFormContentGap, children: belowFormContentNodes })
   ] });
 }
+var StatusHeader = ({ content, onClick }) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusHeaderContainer, { onClick, children: _chunkVT3J6XBJcjs.toReactNodes.call(void 0, content) });
+};
+var StatusHeaderContainer = _styled2.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  cursor: ${({ onClick }) => onClick ? "pointer" : "default"};
+  gap: 2px;
+  width: 100%;
+  min-height: 49px;
+  background-color: ${({ theme }) => theme.linkLight};
+  padding: ${_chunkZUAO4DW3cjs.Spacing.px.xs} ${_chunkZUAO4DW3cjs.Spacing.px.lg};
+
+  ${_chunkKW3JYLRIcjs.bp.minSm(`
+    margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+    width: fit-content;
+    border-radius: 32px;
+  `)}
+`;
+var StyledCardFormContainer = _styled2.default.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: ${({ full }) => full ? "100%" : "auto"};
+  background-color: ${({ statusHeader, theme }) => statusHeader ? theme.linkLight : theme.bg};
+  ${_chunkKW3JYLRIcjs.bp.minSm(`
+    background-color: #F9F9F9;
+  `)}
+`;
 var CenteredHeader = _styled2.default.div`
   display: flex;
   flex-direction: column;
@@ -352,7 +396,7 @@ var CardFormButtonRow = _styled2.default.div`
   justify === "center" ? "center" : "left"
 )};
   margin-top: 32px;
-  ${_chunkCZJ6JPXBcjs.ButtonSelector.call(void 0, "* + ")} {
+  ${_chunkSLTSSCKDcjs.ButtonSelector.call(void 0, "* + ")} {
     margin-left: 10px;
   }
 
@@ -363,9 +407,9 @@ var CardFormButtonRow = _styled2.default.div`
 var fieldLabelMarginPx = 12;
 var CardFormFieldLabel = _styled2.default.label`
   display: block;
-  margin-top: ${_chunkO3NYVYX5cjs.inputSpacingPx}px;
+  margin-top: ${_chunkYGRSNZFRcjs.inputSpacingPx}px;
   color: ${({ theme }) => theme.text};
-  font-size: ${_chunkWX5R7NU7cjs.pxToRems.call(void 0, 14)};
+  font-size: ${_chunkSRAWECJ4cjs.pxToRems.call(void 0, 14)};
   font-weight: 700;
   & + * {
     margin-top: ${fieldLabelMarginPx}px;
@@ -378,7 +422,7 @@ var CardFormNearButtonColumn = _styled2.default.div`
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 `;
 function CardFormDataFieldValue({ text }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDataFieldValue, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD2W2ROKQcjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDataFieldValue, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7FEMUABVcjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
 }
 var StyledCardFormDataFieldValue = _styled2.default.div`
   margin-top: 4px;
@@ -415,20 +459,18 @@ var formInset = ({
     width: ${wide ? 700 : 408}px;
   `)}
 
-  ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${graphicHeader ? "24px" : "0"};
-  `)}
-
-  ${graphicHeader || smDontAdjustWidth ? `width: 100%;` : _chunk545K27C4cjs.standardContentInset.smCSS}
+  ${graphicHeader || smDontAdjustWidth ? `width: 100%;` : _chunkZBJ5SGHGcjs.standardContentInset.smCSS}
 
   & ${CardFormFullWidth}, & ${CardFormFullTopContent} {
     ${smDontAdjustWidth ? "" : _chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunk545K27C4cjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunk545K27C4cjs.standardContentInset.smPx}px;
+      padding-right: ${_chunkZBJ5SGHGcjs.standardContentInset.smPx}px;
+      padding-left: ${_chunkZBJ5SGHGcjs.standardContentInset.smPx}px;
+      margin-left: -${_chunkZBJ5SGHGcjs.standardContentInset.smPx}px;
     `)}
 
     ${smDontAdjustWidth ? "" : _chunkKW3JYLRIcjs.bp.minSm(`
-      width: calc(100% + ${paddingX * 2}px);
+      padding-right: ${paddingX}px;
+      padding-left: ${paddingX}px;
       margin-left: -${paddingX}px;
     `)}
   }
@@ -455,8 +497,9 @@ var StyledCardFormStyle = ({
   smBorderWidth,
   forceMarginAfterSubtitle = true,
   graphicHeader,
+  statusHeader,
   formButtonTopMargin = 32,
-  selectMarginTop = _chunkO3NYVYX5cjs.inputSpacingPx,
+  selectMarginTop = _chunkYGRSNZFRcjs.inputSpacingPx,
   smDontAdjustWidth = false
 }) => {
   return _react.css`
@@ -475,19 +518,21 @@ var StyledCardFormStyle = ({
     smDontAdjustWidth
   })}
 
-    ${shadow === "soft" ? _chunk545K27C4cjs.standardCardShadow : shadow === "hard" ? _chunk545K27C4cjs.standardCardShadowHard : ""}
+    ${shadow === "soft" ? _chunkZBJ5SGHGcjs.standardCardShadow : shadow === "hard" ? _chunkZBJ5SGHGcjs.standardCardShadowHard : ""}
 
     position: relative;
     height: 100%;
     border-style: solid;
     border-width: ${borderWidth}px;
-    border-color: ${_chunkEGKT7YHPcjs.getColor.call(void 0, theme, borderColor)};
-    background-color: ${_chunkEGKT7YHPcjs.getColor.call(void 0, theme, backgroundColor)};
+    border-color: ${_chunkYIAN5J2Dcjs.getColor.call(void 0, theme, borderColor)};
+    background-color: ${_chunkYIAN5J2Dcjs.getColor.call(void 0, theme, backgroundColor)};
 
     ${_chunkKW3JYLRIcjs.bp.sm(`
       box-shadow: none;
-      background-color: ${_chunkEGKT7YHPcjs.getColor.call(void 0, theme, smBackgroundColor)};
+      background-color: ${_chunkYIAN5J2Dcjs.getColor.call(void 0, theme, smBackgroundColor)};
       border-width: ${smBorderWidth}px;
+      border-radius: ${statusHeader ? `${borderRadius}px ${borderRadius}px 0 0` : 0};
+      ${statusHeader ? `box-shadow: 0 -0.5px 0 0px ${_chunkYIAN5J2Dcjs.getColor.call(void 0, theme, borderColor)};` : ""}
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
@@ -502,40 +547,40 @@ var StyledCardFormStyle = ({
       margin-top: 40px !important;
     }` : ""}
 
-    ${CardFormButtonRow}, ${_chunk734KB425cjs.StyledButtonRowButton} {
-      ${_chunkCZJ6JPXBcjs.ButtonSelector.call(void 0, )} {
+    ${CardFormButtonRow}, ${_chunk4FWBLOAUcjs.StyledButtonRowButton} {
+      ${_chunkSLTSSCKDcjs.ButtonSelector.call(void 0, )} {
         margin-top: 0;
       }
     }
 
-    ${_chunkWN65QM5Wcjs.StyledSelect}, ${_chunkSH52BJQTcjs.ToggleContainer} {
+    ${_chunk2SOQJZKOcjs.StyledSelect}, ${_chunkODUEYPV2cjs.ToggleContainer} {
       margin-top: ${selectMarginTop}px;
     }
 
     ${CardFormFieldLabel} {
-      margin-top: ${_chunkO3NYVYX5cjs.inputSpacingPx}px;
+      margin-top: ${_chunkYGRSNZFRcjs.inputSpacingPx}px;
 
-      & + ${_chunkWN65QM5Wcjs.StyledSelect} {
+      & + ${_chunk2SOQJZKOcjs.StyledSelect} {
         margin-top: ${fieldLabelMarginPx}px;
       }
     }
 
-    ${_chunk6GF56M42cjs.TextInputHalfRow} > ${_chunkWN65QM5Wcjs.StyledSelect} {
+    ${_chunkLXE7D3BHcjs.TextInputHalfRow} > ${_chunk2SOQJZKOcjs.StyledSelect} {
       margin-top: 0;
     }
 
-    ${_chunk5VSTXVUIcjs.LoadingWrapper} {
+    ${_chunkPUWHPIPEcjs.LoadingWrapper} {
       margin: 32px 0;
       * + * {
         margin-top: 0;
       }
     }
 
-    ${_chunkCZJ6JPXBcjs.ButtonSelector.call(void 0, )} ${_chunk5VSTXVUIcjs.LoadingWrapper} {
+    ${_chunkSLTSSCKDcjs.ButtonSelector.call(void 0, )} ${_chunkPUWHPIPEcjs.LoadingWrapper} {
       margin: 0;
     }
 
-    ${_chunkP3TDMHFScjs.StyledFileInput} {
+    ${_chunkJRHBECLVcjs.StyledFileInput} {
       margin-top: 16px;
     }
 
@@ -544,8 +589,8 @@ var StyledCardFormStyle = ({
         margin-top: 24px;
       }
 
-      & > ${_chunkCZJ6JPXBcjs.ButtonSelector.call(void 0, )}, & > ${_chunk6VA4SAHQcjs.select.call(void 0, CardFormNearButtonColumn)} {
-        ${formButtonTopMargin !== void 0 ? `margin-top: ${formButtonTopMargin}px;` : _chunkO3NYVYX5cjs.formButtonTopMarginStyle}
+      & > ${_chunkSLTSSCKDcjs.ButtonSelector.call(void 0, )}, & > ${_chunk6VA4SAHQcjs.select.call(void 0, CardFormNearButtonColumn)} {
+        ${formButtonTopMargin !== void 0 ? `margin-top: ${formButtonTopMargin}px;` : _chunkYGRSNZFRcjs.formButtonTopMarginStyle}
       }
     }
   `;
@@ -573,9 +618,9 @@ function CardFormTextWithLink({
   to
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: { marginTop: "16px", fontWeight: "600" }, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: _chunk545K27C4cjs.mcBold, children: text }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: _chunkZBJ5SGHGcjs.mcBold, children: text }),
     " ",
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3LKI5VGcjs.Link, { to, children: toText })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGMHCVXAKcjs.Link, { to, children: toText })
   ] });
 }
 function CardFormCheckboxParagraph({
@@ -584,7 +629,7 @@ function CardFormCheckboxParagraph({
   checked
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCardFormCheckboxParagraph, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT4UBZ7NBcjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYFY5WU2Ucjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormCheckboxParagraphText, { onClick: () => onChange(!checked), children })
   ] });
 }
@@ -604,7 +649,7 @@ var CardFormOption = ({
 ] });
 var StyledCardFormOption = _styled2.default.div`
   border: ${({ theme, selected }) => `${selected ? `2px solid ${theme.info}` : `1px solid ${theme.c1Neutral}`}`};
-  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, 8)}
   cursor: pointer;
   margin-top: 10px;
   padding: ${({ selected }) => selected ? "15px" : "16px"};
@@ -613,7 +658,7 @@ var CardFormOptionLabel = _styled2.default.div`
   font-weight: bold;
 `;
 var CardFormOptionDescription = _styled2.default.p`
-  color: ${_chunkDRTADBFRcjs.colors.gray40};
+  color: ${_chunkGHXHO5FQcjs.colors.gray40};
   margin: 6px 0 0;
 `;
 function resolveCardFormProp(prop, kind, defaultKey, theme) {

package/dist/{chunk-7NTF3YFV.js → chunk-B2FGLIYJ.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-5VKJXXI3.js";
+} from "./chunk-ZSZGVHHS.js";
 import {
   renderTypography
-} from "./chunk-NC6VCEIB.js";
+} from "./chunk-BJOMBUKR.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-NC6VCEIB.js → chunk-BJOMBUKR.js}

@@ -1,33 +1,33 @@
 import {
   LabelString
-} from "./chunk-V4TKL6RP.js";
+} from "./chunk-3FVSAFLH.js";
 import {
   LabelModerateString
-} from "./chunk-4IYA4DYI.js";
+} from "./chunk-FEO6HQ2U.js";
 import {
   LabelStrongString
-} from "./chunk-JGNVFGXJ.js";
+} from "./chunk-FHVHTPA7.js";
 import {
   OverlineString
-} from "./chunk-KKJGJQ6B.js";
+} from "./chunk-ARBU6P2N.js";
 import {
   TitleString
-} from "./chunk-NOYVLFG4.js";
+} from "./chunk-WSGCRJQT.js";
 import {
   CodeString
-} from "./chunk-I7644XFN.js";
+} from "./chunk-YN5274BG.js";
 import {
   DisplayString
-} from "./chunk-B5OPCMGB.js";
+} from "./chunk-JF4EKJHX.js";
 import {
   BodyString
-} from "./chunk-L3FZFJNV.js";
+} from "./chunk-HD7PNWIS.js";
 import {
   BodyStrongString
-} from "./chunk-CWAEMX6M.js";
+} from "./chunk-IHVWNXDR.js";
 import {
   HeadlineString
-} from "./chunk-46IQK5NT.js";
+} from "./chunk-EDBAABPQ.js";
 
 // src/components/typography/renderTypography.tsx
 import React from "react";

package/dist/{chunk-H37TWCVW.js → chunk-BQEN763M.js}

@@ -8,22 +8,22 @@ import {
 } from "./chunk-FZUV52PP.js";
 import {
   NextLink
-} from "./chunk-26WKRUQ7.js";
-import {
-  ClipboardTextField
-} from "./chunk-A6APLSNG.js";
+} from "./chunk-W5GUH5AN.js";
 import {
   CurrencyAmount
-} from "./chunk-7NTF3YFV.js";
+} from "./chunk-B2FGLIYJ.js";
+import {
+  ClipboardTextField
+} from "./chunk-YV4GTXNK.js";
 import {
   Icon
-} from "./chunk-5VKJXXI3.js";
+} from "./chunk-ZSZGVHHS.js";
 import {
   Link
-} from "./chunk-BMCY2VFD.js";
+} from "./chunk-V5KYCLRU.js";
 import {
   renderTypography
-} from "./chunk-NC6VCEIB.js";
+} from "./chunk-BJOMBUKR.js";
 import {
   stringToNodes
 } from "./chunk-2466FZJC.js";

package/dist/{chunk-CSY3HOKH.cjs → chunk-BVTKD4UQ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkLZCDVTDTcjs = require('./chunk-LZCDVTDT.cjs');
+var _chunkTZKDWE3Scjs = require('./chunk-TZKDWE3S.cjs');
 
 
 var _chunkXLOZT6ICcjs = require('./chunk-XLOZT6IC.cjs');
@@ -9,7 +9,7 @@ var _chunkXLOZT6ICcjs = require('./chunk-XLOZT6IC.cjs');
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/Icon/types.tsx
-var iconMap = _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkXLOZT6ICcjs.icons_exports), _chunkLZCDVTDTcjs.central_exports);
+var iconMap = _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkXLOZT6ICcjs.icons_exports), _chunkTZKDWE3Scjs.central_exports);
 
 
 

package/dist/{chunk-35YPXM7E.js → chunk-C7KE3YIQ.js}

@@ -1,21 +1,21 @@
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-KWNSXCDT.js";
+} from "./chunk-AIZ5GNQB.js";
 import {
   UnstyledButton
-} from "./chunk-P6GYMAUR.js";
+} from "./chunk-3ZO5BP6W.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   Icon
-} from "./chunk-5VKJXXI3.js";
+} from "./chunk-ZSZGVHHS.js";
 import {
   standardFocusOutline
-} from "./chunk-VAPNTHG5.js";
+} from "./chunk-ZD2DY4VO.js";
 
 // src/components/Drawer.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-OXLKB4N7.cjs → chunk-CCO72ORJ.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkWX5R7NU7cjs = require('./chunk-WX5R7NU7.cjs');
+var _chunkSRAWECJ4cjs = require('./chunk-SRAWECJ4.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
 
 
-var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
+var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.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, _chunkCKSZUZXJcjs.Icon, { width: iconWidth, name: iconName })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTRVU37HAcjs.Icon, { width: iconWidth, name: iconName })
         }
       )
     ] }),
@@ -73,7 +73,7 @@ var StyledCollapsibleButton = _styled2.default.button`
   background: none;
   border: none;
   cursor: pointer;
-  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkZBJ5SGHGcjs.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};` : ""}
 
-  ${_chunkWX5R7NU7cjs.overflowAutoWithoutScrollbars}
+  ${_chunkSRAWECJ4cjs.overflowAutoWithoutScrollbars}
 
   @keyframes fadeIn {
     from {

package/dist/{chunk-WUF4FEGO.cjs → chunk-CLCU75BP.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
+var _chunkYIAN5J2Dcjs = require('./chunk-YIAN5J2D.cjs');
 
 
 var _chunkWKRK7DGRcjs = require('./chunk-WKRK7DGR.cjs');
@@ -11,7 +11,7 @@ var applyTypography = (theme, typographyType, size, color = "inherit", applyToAl
   return `
     ${selector} {
       ${_chunkWKRK7DGRcjs.getTypographyString.call(void 0, theme, typographyType, size)};
-      color: ${_chunkEGKT7YHPcjs.getFontColor.call(void 0, theme, color)};
+      color: ${_chunkYIAN5J2Dcjs.getFontColor.call(void 0, theme, color)};
     }
   `;
 };

package/dist/{chunk-GDYAJEMK.js → chunk-CPFYNVAQ.js}

@@ -5,28 +5,28 @@ import {
   FieldError,
   aboveFieldError,
   standardBorderColor
-} from "./chunk-AO3ZBQ6T.js";
-import {
-  pxToRems
-} from "./chunk-MGHQ74CH.js";
+} from "./chunk-6VB5CUJJ.js";
 import {
   Button
-} from "./chunk-KWNSXCDT.js";
+} from "./chunk-AIZ5GNQB.js";
 import {
   UnstyledButton
-} from "./chunk-P6GYMAUR.js";
+} from "./chunk-3ZO5BP6W.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  pxToRems
+} from "./chunk-Q3MTVY74.js";
 import {
   Icon
-} from "./chunk-5VKJXXI3.js";
+} from "./chunk-ZSZGVHHS.js";
 import {
   standardBorderRadius
-} from "./chunk-VAPNTHG5.js";
+} from "./chunk-ZD2DY4VO.js";
 import {
   colors
-} from "./chunk-EA22C7OJ.js";
+} from "./chunk-DDUDWE23.js";
 
 // src/components/QRReaderButton.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-EHPMDKJY.js → chunk-CPH4WSLH.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-H37TWCVW.js";
+} from "./chunk-BQEN763M.js";
 import {
   StyledBodyStrong,
   getPropDefaults
-} from "./chunk-CWAEMX6M.js";
+} from "./chunk-IHVWNXDR.js";
 import {
   __spreadProps,
   __spreadValues