@lightsparkdev/ui 1.0.11 → 1.0.12

package/dist/{chunk-NTOIQXCS.cjs → chunk-J5TNC4VK.cjs}

@@ -1,68 +1,68 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkNPK4DLGQcjs = require('./chunk-NPK4DLGQ.cjs');
+var _chunkA4V6K3NLcjs = require('./chunk-A4V6K3NL.cjs');
 
 
-var _chunkHEPQ6OV4cjs = require('./chunk-HEPQ6OV4.cjs');
+var _chunk3KKC4JH2cjs = require('./chunk-3KKC4JH2.cjs');
 
 
-var _chunkB5N2PM7Ecjs = require('./chunk-B5N2PM7E.cjs');
+var _chunkW7JGP24Bcjs = require('./chunk-W7JGP24B.cjs');
 
 
-var _chunkRDNRIMXDcjs = require('./chunk-RDNRIMXD.cjs');
+var _chunkGLSWZ36Ycjs = require('./chunk-GLSWZ36Y.cjs');
 
 
-var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
+var _chunkJDWL6PDJcjs = require('./chunk-JDWL6PDJ.cjs');
 
 
-var _chunkDOP5TYRDcjs = require('./chunk-DOP5TYRD.cjs');
 
+var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
 
 
-var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
+var _chunk23OGEUAAcjs = require('./chunk-23OGEUAA.cjs');
 
 
-var _chunk54JF52UOcjs = require('./chunk-54JF52UO.cjs');
+var _chunkIBPPT3NUcjs = require('./chunk-IBPPT3NU.cjs');
 
 
-var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
+var _chunkSP3BMGMUcjs = require('./chunk-SP3BMGMU.cjs');
 
 
-var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
+var _chunkATCXH4ZAcjs = require('./chunk-ATCXH4ZA.cjs');
 
 
-var _chunkFDL4732Lcjs = require('./chunk-FDL4732L.cjs');
+var _chunkTETFIMNOcjs = require('./chunk-TETFIMNO.cjs');
 
 
-var _chunkUL73AXJPcjs = require('./chunk-UL73AXJP.cjs');
+var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
 
 
-var _chunkQ7C5LR6Icjs = require('./chunk-Q7C5LR6I.cjs');
+var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+var _chunk6PQGI7PYcjs = require('./chunk-6PQGI7PY.cjs');
 
 
-var _chunk4WKQPWLIcjs = require('./chunk-4WKQPWLI.cjs');
+var _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
 
 
 
 
 
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
 
 
-var _chunk4HIPKMRHcjs = require('./chunk-4HIPKMRH.cjs');
+var _chunkRBWRQTGBcjs = require('./chunk-RBWRQTGB.cjs');
 
 
-var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
+var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
 
 
 
@@ -73,44 +73,6 @@ var _react = require('@emotion/react');
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _react3 = require('react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-var descriptionTypography = {
-  primary: {
-    text: {
-      type: "Body Strong",
-      size: "Small",
-      color: "mcNeutral"
-    },
-    link: {
-      type: "Body Strong",
-      size: "Small",
-      color: "text"
-    }
-  },
-  secondary: {
-    text: {
-      type: "Body Strong",
-      size: "Small",
-      color: "mcNeutral"
-    },
-    link: {
-      type: "Body Strong",
-      size: "Small",
-      color: "text"
-    }
-  },
-  tertiary: {
-    text: {
-      type: "Body",
-      size: "Large",
-      color: "mcNeutral"
-    },
-    link: {
-      type: "Body",
-      size: "Large",
-      color: "text"
-    }
-  }
-};
 function resolveProps(args, theme) {
   const paddingY = resolveCardFormProp(void 0, args.kind, "paddingY", theme);
   const paddingX = resolveCardFormProp(void 0, args.kind, "paddingX", theme);
@@ -157,6 +119,12 @@ function resolveProps(args, theme) {
     "smBorderWidth",
     theme
   );
+  const defaultDescriptionTypographyMap = resolveCardFormProp(
+    void 0,
+    args.kind,
+    "defaultDescriptionTypographyMap",
+    theme
+  );
   const props = {
     paddingY,
     paddingX,
@@ -167,7 +135,8 @@ function resolveProps(args, theme) {
     textAlign,
     backgroundColor,
     smBackgroundColor,
-    smBorderWidth
+    smBorderWidth,
+    defaultDescriptionTypographyMap
   };
   return props;
 }
@@ -186,7 +155,8 @@ function CardForm({
   kind = "primary",
   shadow: shadowProp,
   textAlign: textAlignProp,
-  belowFormContent
+  belowFormContent,
+  belowFormContentGap = 0
 }) {
   const theme = _react.useTheme.call(void 0, );
   const {
@@ -199,7 +169,8 @@ function CardForm({
     textAlign,
     backgroundColor,
     smBackgroundColor,
-    smBorderWidth
+    smBorderWidth,
+    defaultDescriptionTypographyMap
   } = resolveProps(
     { kind, textAlign: textAlignProp, shadow: shadowProp },
     theme
@@ -216,16 +187,19 @@ function CardForm({
     },
     [onSubmit, disabled]
   );
-  const formattedDescription = description ? _chunkQ7C5LR6Icjs.toReactNodesWithTypographyMap.call(void 0, description, descriptionTypography[kind]) : null;
-  const belowFormContentNodes = belowFormContent ? _chunk36SDWEWYcjs.toReactNodes.call(void 0, belowFormContent) : null;
+  const formattedDescription = description ? _chunkTETFIMNOcjs.toReactNodesWithTypographyMap.call(void 0, 
+    description,
+    defaultDescriptionTypographyMap
+  ) : null;
+  const belowFormContentNodes = belowFormContent ? _chunkCBPXRCT4cjs.toReactNodes.call(void 0, belowFormContent) : null;
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardFormContent, { children: [
     topContent,
     title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeadline, { hasTopContent: Boolean(topContent), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHEPQ6OV4cjs.Headline,
+      _chunkA4V6K3NLcjs.Headline,
       {
         content: [
           title,
-          ...titleRightIcon ? [_chunk4WKQPWLIcjs.icon.call(void 0, { name: titleRightIcon.name, ml: 4 })] : []
+          ...titleRightIcon ? [_chunkCH2PLO6Fcjs.icon.call(void 0, { name: titleRightIcon.name, ml: 4 })] : []
         ],
         display: "inline-flex"
       }
@@ -248,7 +222,7 @@ function CardForm({
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardFormContainer, { children: [
     hasChildForm ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDiv, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonProps), { children: content })) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardForm, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { onSubmit: onSubmitForm, noValidate: true }, commonProps), { children: content })),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BelowCardFormContent, { children: belowFormContentNodes })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BelowCardFormContent, { gap: belowFormContentGap, children: belowFormContentNodes })
   ] });
 }
 var CardFormContainer = _styled2.default.div`
@@ -267,6 +241,10 @@ var CardFormContent = _styled2.default.div`
 var BelowCardFormContent = _styled2.default.div`
   text-align: center;
   margin-top: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${({ gap }) => gap}px;
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
     margin-bottom: 32px;
@@ -280,7 +258,7 @@ var CardFormButtonRow = _styled2.default.div`
   justify === "center" ? "center" : "left"
 )};
   margin-top: 32px;
-  ${_chunkAPQWRIH6cjs.ButtonSelector.call(void 0, "* + ")} {
+  ${_chunkIBPPT3NUcjs.ButtonSelector.call(void 0, "* + ")} {
     margin-left: 10px;
   }
 
@@ -291,16 +269,16 @@ var CardFormButtonRow = _styled2.default.div`
 var fieldLabelMarginPx = 12;
 var CardFormFieldLabel = _styled2.default.label`
   display: block;
-  margin-top: ${_chunkBCPM2M3Ycjs.inputSpacingPx}px;
+  margin-top: ${_chunkLQ7N5FRYcjs.inputSpacingPx}px;
   color: ${({ theme }) => theme.text};
-  font-size: ${_chunkQ3F7S3R3cjs.pxToRems.call(void 0, 14)};
+  font-size: ${_chunkAIJ4JHXBcjs.pxToRems.call(void 0, 14)};
   font-weight: 700;
   & + * {
     margin-top: ${fieldLabelMarginPx}px;
   }
 `;
 function CardFormDataFieldValue({ text }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDataFieldValue, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRDNRIMXDcjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDataFieldValue, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6PQGI7PYcjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
 }
 var StyledCardFormDataFieldValue = _styled2.default.div`
   margin-top: 4px;
@@ -334,12 +312,12 @@ var formInset = ({ wide, paddingX, paddingY }) => _react.css`
     padding: 0;
   `)}
 
-  ${_chunkOQEP7VDDcjs.standardContentInset.smCSS}
+  ${_chunkSWQDRB3Acjs.standardContentInset.smCSS}
 
   & ${CardFormFullWidth}, & ${CardFormFullTopContent} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkOQEP7VDDcjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkOQEP7VDDcjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkSWQDRB3Acjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkSWQDRB3Acjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
@@ -370,18 +348,18 @@ var StyledCardFormStyle = ({
 }) => {
   return _react.css`
     ${formInset({ wide, paddingX, paddingY })}
-    ${shadow === "soft" ? _chunkOQEP7VDDcjs.standardCardShadow : shadow === "hard" ? _chunkOQEP7VDDcjs.standardCardShadowHard : ""}
+    ${shadow === "soft" ? _chunkSWQDRB3Acjs.standardCardShadow : shadow === "hard" ? _chunkSWQDRB3Acjs.standardCardShadowHard : ""}
 
     position: relative;
     height: 100%;
     border-style: solid;
     border-width: ${borderWidth}px;
-    border-color: ${_chunk7EIZIKLRcjs.getColor.call(void 0, theme, borderColor)};
-    background-color: ${_chunk7EIZIKLRcjs.getColor.call(void 0, theme, backgroundColor)};
+    border-color: ${_chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, borderColor)};
+    background-color: ${_chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, backgroundColor)};
 
     ${_chunkKW3JYLRIcjs.bp.sm(`
       box-shadow: none;
-      background-color: ${_chunk7EIZIKLRcjs.getColor.call(void 0, theme, smBackgroundColor)};
+      background-color: ${_chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, smBackgroundColor)};
       border-width: ${smBorderWidth}px;
     `)}
 
@@ -397,40 +375,40 @@ var StyledCardFormStyle = ({
       margin-top: 40px !important;
     }
 
-    ${CardFormButtonRow}, ${_chunk54JF52UOcjs.StyledButtonRow} {
-      ${_chunkAPQWRIH6cjs.ButtonSelector.call(void 0, )} {
+    ${CardFormButtonRow}, ${_chunk23OGEUAAcjs.StyledButtonRow} {
+      ${_chunkIBPPT3NUcjs.ButtonSelector.call(void 0, )} {
         margin-top: 0;
       }
     }
 
-    ${_chunkNPK4DLGQcjs.StyledSelect}, ${_chunkDOP5TYRDcjs.ToggleContainer} {
-      margin-top: ${_chunkBCPM2M3Ycjs.inputSpacingPx}px;
+    ${_chunk3KKC4JH2cjs.StyledSelect}, ${_chunkJDWL6PDJcjs.ToggleContainer} {
+      margin-top: ${_chunkLQ7N5FRYcjs.inputSpacingPx}px;
     }
 
     ${CardFormFieldLabel} {
-      margin-top: ${_chunkBCPM2M3Ycjs.inputSpacingPx}px;
+      margin-top: ${_chunkLQ7N5FRYcjs.inputSpacingPx}px;
 
-      & + ${_chunkNPK4DLGQcjs.StyledSelect} {
+      & + ${_chunk3KKC4JH2cjs.StyledSelect} {
         margin-top: ${fieldLabelMarginPx}px;
       }
     }
 
-    ${_chunkO64MW4Z4cjs.TextInputHalfRow} > ${_chunkNPK4DLGQcjs.StyledSelect} {
+    ${_chunkGLSWZ36Ycjs.TextInputHalfRow} > ${_chunk3KKC4JH2cjs.StyledSelect} {
       margin-top: 0;
     }
 
-    ${_chunkFDL4732Lcjs.LoadingWrapper} {
+    ${_chunkSP3BMGMUcjs.LoadingWrapper} {
       margin: 32px 0;
       * + * {
         margin-top: 0;
       }
     }
 
-    ${_chunkAPQWRIH6cjs.ButtonSelector.call(void 0, )} ${_chunkFDL4732Lcjs.LoadingWrapper} {
+    ${_chunkIBPPT3NUcjs.ButtonSelector.call(void 0, )} ${_chunkSP3BMGMUcjs.LoadingWrapper} {
       margin: 0;
     }
 
-    ${_chunkB5N2PM7Ecjs.StyledFileInput} {
+    ${_chunkW7JGP24Bcjs.StyledFileInput} {
       margin-top: 16px;
     }
 
@@ -439,8 +417,8 @@ var StyledCardFormStyle = ({
         margin-top: 24px;
       }
 
-      & > ${_chunkAPQWRIH6cjs.ButtonSelector.call(void 0, )} {
-        ${_chunkBCPM2M3Ycjs.formButtonTopMarginStyle}
+      & > ${_chunkIBPPT3NUcjs.ButtonSelector.call(void 0, )} {
+        ${_chunkLQ7N5FRYcjs.formButtonTopMarginStyle}
       }
     }
   `;
@@ -464,9 +442,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: _chunkOQEP7VDDcjs.mcBold, children: text }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: _chunkSWQDRB3Acjs.mcBold, children: text }),
     " ",
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4HIPKMRHcjs.Link, { to, children: toText })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRBWRQTGBcjs.Link, { to, children: toText })
   ] });
 }
 function CardFormCheckboxParagraph({
@@ -475,7 +453,7 @@ function CardFormCheckboxParagraph({
   checked
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCardFormCheckboxParagraph, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUL73AXJPcjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkATCXH4ZAcjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormCheckboxParagraphText, { onClick: () => onChange(!checked), children })
   ] });
 }
@@ -495,7 +473,7 @@ var CardFormOption = ({
 ] });
 var StyledCardFormOption = _styled2.default.div`
   border: ${({ theme, selected }) => `${selected ? `2px solid ${theme.info}` : `1px solid ${theme.c1Neutral}`}`};
-  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 8)}
   cursor: pointer;
   margin-top: 10px;
   padding: ${({ selected }) => selected ? "15px" : "16px"};
@@ -504,7 +482,7 @@ var CardFormOptionLabel = _styled2.default.div`
   font-weight: bold;
 `;
 var CardFormOptionDescription = _styled2.default.p`
-  color: ${_chunkCFG65CGCcjs.colors.gray40};
+  color: ${_chunkJBCEOOZScjs.colors.gray40};
   margin: 6px 0 0;
 `;
 function resolveCardFormProp(prop, kind, defaultKey, theme) {

package/dist/{chunk-5EFICY5Y.js → chunk-JAGLJ4EU.js}

@@ -1,6 +1,10 @@
 // src/icons/PiggyBank.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function PiggyBank() {
+function PiggyBank({
+  strokeWidth = "1.5",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -14,7 +18,9 @@ function PiggyBank() {
           {
             d: "M4.2852 2.80323L4.28378 2.81174C4.16768 3.50397 4.04904 4.21137 3.96368 4.82785C3.3302 5.5199 2.84097 6.34727 2.54459 7.26219H1.75H1.09375V7.91844V10.8244V11.4626L1.7317 11.4804L2.59376 11.5045C2.97833 12.6034 3.64313 13.5696 4.50179 14.318L3.94048 15.3554L3.63587 15.9184L4.19114 16.237L5.64215 17.0693L6.19546 17.3867L6.52843 16.8426L7.20243 15.7413C7.73371 15.8781 8.29024 15.9508 8.86295 15.9508H10.733C11.2494 15.9508 11.7526 15.8917 12.2361 15.7798L12.7333 16.6734L13.0537 17.2493L13.6282 16.9265L15.0524 16.1264L15.6282 15.8028L15.301 15.2291L14.8823 14.495C16.1356 13.4907 17.0179 12.0401 17.2872 10.3828H18.3359C19.2032 10.3828 19.9063 9.67973 19.9063 8.81242C19.9063 7.9451 19.2032 7.242 18.3359 7.242H17.0447C16.1753 4.58759 13.6788 2.66994 10.733 2.66994H8.86295C8.17571 2.66994 7.51184 2.77455 6.88698 2.96907C6.72823 2.86308 6.56121 2.75214 6.39011 2.63848L6.38912 2.63782C6.057 2.4172 5.70863 2.18579 5.36863 1.95616L4.52263 1.3848L4.3541 2.39166L4.28524 2.80302L4.2852 2.80323Z",
             stroke: "currentColor",
-            strokeWidth: "1.3125"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ jsx(
@@ -22,8 +28,8 @@ function PiggyBank() {
           {
             d: "M8.87903 5.07309H11.1462",
             stroke: "currentColor",
-            strokeWidth: "1.3125",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         ),
         /* @__PURE__ */ jsx(

package/dist/{chunk-CFG65CGC.cjs → chunk-JBCEOOZS.cjs}

@@ -41,6 +41,8 @@ var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.
   // less than 50% saturated blue
   grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue12: "#2D2E34",
+  grayBlue14: "#3A3B41",
   grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
@@ -50,6 +52,8 @@ var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.
   grayBlue69: "#A6A9BA",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",
+  grayBlue92: "#E1EBF5",
+  grayBlue93: "#E6EEF6",
   grayBlue94: "#EBEEF2",
   grayBlue96: "#F2F5F7",
   // purple
@@ -57,13 +61,19 @@ var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.
   purple55: "#8B38DE",
   // red
   red42a10: "#D800271A",
+  red42a20: "#D800272D",
+  red42a30: "#D800273F",
   // yellow
   primary,
   warning: primary,
   // orange
   danger: "#FD2C0F",
   // neutral
-  secondary: neutral.black
+  secondary: neutral.black,
+  // transparent
+  transparent: "transparent",
+  transparenta02: "#00000005",
+  transparenta08: "#00000014"
 });
 var colors = baseColors;
 function isColorKey(key) {

package/dist/{chunk-DOP5TYRD.cjs → chunk-JDWL6PDJ.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
+var _chunkGMVP3EYXcjs = require('./chunk-GMVP3EYX.cjs');
 
 
-var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
 
 
-var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
+var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
 
 // src/components/Toggle.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -47,8 +47,8 @@ function Toggle({
 var width = 44;
 var circleDim = 20;
 var circleOffset = 2;
-var ToggleButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
-  color: ${_chunkCFG65CGCcjs.colors.white};
+var ToggleButton = _styled2.default.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton)`
+  color: ${_chunkJBCEOOZScjs.colors.white};
   font-weight: 500;
   border-radius: 44px;
   width: ${width}px;
@@ -60,7 +60,7 @@ var ToggleButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButto
   } else if (isOn) {
     return theme.success;
   }
-  return _chunk7EIZIKLRcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
+  return _chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
 }};
   position: relative;
   &:after {
@@ -72,7 +72,7 @@ var ToggleButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButto
     box-shadow:
       0 3px 8px 0 rgba(0, 0, 0, 0.15),
       0 3px 1px 0 rgba(0, 0, 0, 0.06);
-    background-color: ${_chunkCFG65CGCcjs.colors.white};
+    background-color: ${_chunkJBCEOOZScjs.colors.white};
     width: ${circleDim}px;
     height: ${circleDim}px;
     top: ${circleOffset}px;

package/dist/{chunk-FPOQM3WG.cjs → chunk-JJ5FC4G4.cjs}

@@ -13,7 +13,7 @@ function TapSingle() {
         "path",
         {
           d: "M11.3704 14H10.3704C10.3704 14.5523 10.8181 15 11.3704 15V14ZM7.22223 16.0556L6.77821 16.9516C7.08819 17.1052 7.45547 17.0876 7.74947 16.9052C8.04347 16.723 8.22227 16.4015 8.22227 16.0556H7.22223ZM3.07408 18.1111L2.14676 17.7368C2.02255 18.0446 2.05911 18.3939 2.24433 18.6692L3.07408 18.1111ZM16.4919 8.68545C16.5841 9.22998 17.1003 9.59669 17.6448 9.50451C18.1893 9.41233 18.556 8.89617 18.4639 8.35163L16.4919 8.68545ZM0.128733 11.4262C0.22092 11.9707 0.73708 12.3375 1.28161 12.2452C1.82615 12.1531 2.19287 11.637 2.10068 11.0924L0.128733 11.4262ZM12.3704 14V9.88891H10.3704V14H12.3704ZM6.22223 9.88891V16.0556H8.22227V9.88891H6.22223ZM7.66627 15.1596L7.58893 15.1212L6.70095 16.9134L6.77821 16.9516L7.66627 15.1596ZM2.41327 17.0766L2.14676 17.7368L4.0014 18.4854L4.26791 17.8251L2.41327 17.0766ZM2.24433 18.6692L6.13327 24.4506L7.7928 23.3343L3.90381 17.553L2.24433 18.6692ZM11.5649 27.3334H12.7531V25.3334H11.5649V27.3334ZM20.6667 19.4815V18.1111H18.6667V19.4815H20.6667ZM15.5185 13H11.3704V15H15.5185V13ZM20.6667 18.1111C20.6667 15.2799 18.3533 13 15.5185 13V15C17.2657 15 18.6667 16.4014 18.6667 18.1111H20.6667ZM7.58893 15.1212C5.62571 14.1484 3.23445 15.0419 2.41327 17.0766L4.26791 17.8251C4.64845 16.8822 5.77005 16.452 6.70095 16.9134L7.58893 15.1212ZM12.7531 27.3334C17.1152 27.3334 20.6667 23.8264 20.6667 19.4815H18.6667C18.6667 22.705 16.0276 25.3334 12.7531 25.3334V27.3334ZM9.29627 6.83335C7.60707 6.83335 6.22223 8.19294 6.22223 9.88891H8.22227C8.22227 9.31438 8.69467 8.83335 9.29627 8.83335V6.83335ZM6.13327 24.4506C7.34627 26.2538 9.38533 27.3334 11.5649 27.3334V25.3334C10.0461 25.3334 8.63133 24.581 7.7928 23.3343L6.13327 24.4506ZM12.3704 9.88891C12.3704 8.19294 10.9856 6.83335 9.29627 6.83335V8.83335C9.898 8.83335 10.3704 9.31438 10.3704 9.88891H12.3704ZM2 9.88891C2 5.90862 5.25819 2.66669 9.29627 2.66669V0.666687C4.17057 0.666687 0 4.78718 0 9.88891H2ZM9.29627 2.66669C12.9176 2.66669 15.9148 5.27615 16.4919 8.68545L18.4639 8.35163C17.7244 3.98349 13.8967 0.666687 9.29627 0.666687V2.66669ZM2.10068 11.0924C2.03453 10.7016 2 10.2996 2 9.88891H0C0 10.412 0.044 10.9256 0.128733 11.4262L2.10068 11.0924Z",
-          fill: "black"
+          fill: "currentColor"
         }
       )
     }

package/dist/{chunk-KODQP6CN.js → chunk-JOUCRBCH.js}

@@ -1,6 +1,10 @@
 // src/icons/DollarManropeSmall.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function DollarManropeSmall() {
+function DollarManropeSmall({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,9 +17,9 @@ function DollarManropeSmall() {
         {
           d: "M10.0005 3.3291V1.84668M10.0005 16.6709V18.1533M13.5318 5.55273C12.8269 4.66654 11.5095 4.07031 10.0005 4.07031H9.54754C7.5462 4.07031 5.92383 5.25023 5.92383 6.70572V6.81886C5.92383 7.85997 6.7326 8.81163 8.01298 9.27722L11.9881 10.7227C13.2685 11.1883 14.0771 12.14 14.0771 13.1811C14.0771 14.699 12.3852 15.9296 10.2978 15.9296H10.0005C8.4915 15.9296 7.17414 15.3334 6.46921 14.4472",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/chunk-JUVYJIXR.cjs

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/WarningSign.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function WarningSign({
+  strokeWidth = "2",
+  strokeLinecap = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { id: "triangle-exclamation", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          id: "Vector",
+          d: "M11.9971 10.0156V12.0121M12 15H12.01M11.1354 3.49213L2.88661 17.4956C2.4946 18.1611 2.9751 19 3.74825 19H20.2459C21.019 19 21.4995 18.1611 21.1075 17.4956L12.8587 3.49213C12.4722 2.83596 11.5219 2.83596 11.1354 3.49213ZM12.25 15C12.25 15.1381 12.1381 15.25 12 15.25C11.8619 15.25 11.75 15.1381 11.75 15C11.75 14.8619 11.8619 14.75 12 14.75C12.1381 14.75 12.25 14.8619 12.25 15Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap
+        }
+      ) })
+    }
+  );
+}
+
+
+
+exports.WarningSign = WarningSign;

package/dist/{chunk-DJF6JDR5.cjs → chunk-JVEEX5WK.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQ7C5LR6Icjs = require('./chunk-Q7C5LR6I.cjs');
+var _chunkTETFIMNOcjs = require('./chunk-TETFIMNO.cjs');
 
 
-var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
 
 
 
-var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
 
 
-var _chunk6PYUHYIPcjs = require('./chunk-6PYUHYIP.cjs');
+var _chunkSZKZWADNcjs = require('./chunk-SZKZWADN.cjs');
 
 // src/components/PendingValue.tsx
 var _react = require('@emotion/react');
@@ -42,13 +42,15 @@ function PendingValue({
   const defaultTypographyMap = {
     link: defaultTypography,
     text: defaultTypography,
-    nextLink: defaultTypography
+    nextLink: defaultTypography,
+    currencyAmount: defaultTypography,
+    clipboardTextField: defaultTypography
   };
-  const nodesWithTypography = _chunkQ7C5LR6Icjs.setDefaultReactNodesTypography.call(void 0, 
+  const nodesWithTypography = _chunkTETFIMNOcjs.setDefaultReactNodesTypography.call(void 0, 
     contentProp,
     defaultTypographyMap
   );
-  const content = _chunk36SDWEWYcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkCBPXRCT4cjs.toReactNodes.call(void 0, nodesWithTypography);
   const contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledPendingValueContent,
     {
@@ -81,11 +83,11 @@ function PendingValue({
     ),
     fullSizePending ? contentNode : null
   ] });
-  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunk7EIZIKLRcjs.themes[forceTheme], children: nodes }) : nodes;
+  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunkC6XJ7ZJFcjs.themes[forceTheme], children: nodes }) : nodes;
 }
 var StyledPendingValueBgOuter = _styled2.default.div`
   position: relative;
-  height: ${({ typographyType, typographySize, theme }) => _chunk6PYUHYIPcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
+  height: ${({ typographyType, typographySize, theme }) => _chunkSZKZWADNcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
 
   ${({ widthProp, hasContent }) => widthProp && !hasContent ? `width: ${widthProp}px;` : "width: 100%;"}
   overflow: hidden;
@@ -111,7 +113,7 @@ var StyledPendingValueContent = _styled2.default.div`
   z-index: 1;
   overflow: hidden;
 
-  height: ${({ typographyType, typographySize, theme }) => _chunk6PYUHYIPcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
+  height: ${({ typographyType, typographySize, theme }) => _chunkSZKZWADNcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
 `;
 var vSpacing = 2;
 var StyledPendingValueBg = _styled2.default.div`
@@ -137,9 +139,9 @@ var StyledPendingValueBg = _styled2.default.div`
 
   background: linear-gradient(
     90deg,
-    ${_chunk7EIZIKLRcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 0%,
-    ${_chunk7EIZIKLRcjs.themeOrWithKey.call(void 0, "c1Neutral", "c3Neutral")} 50%,
-    ${_chunk7EIZIKLRcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 100%
+    ${_chunkC6XJ7ZJFcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 0%,
+    ${_chunkC6XJ7ZJFcjs.themeOrWithKey.call(void 0, "c1Neutral", "c3Neutral")} 50%,
+    ${_chunkC6XJ7ZJFcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 100%
   );
 
   background-size: 200% 100%;

package/dist/{chunk-CO6KDSEG.js → chunk-K3ACAFJ2.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-2I22MYIY.js";
+} from "./chunk-SOGADTSR.js";
 import {
   StyledCode,
   getPropDefaults
-} from "./chunk-UPMUOBZO.js";
+} from "./chunk-T7MOHHJE.js";
 import {
   __spreadProps,
   __spreadValues