@lightsparkdev/ui 1.1.15 → 1.1.17

package/dist/{chunk-IWMOY2OA.cjs → chunk-HWDJCLQ3.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkNSD4GFTYcjs = require('./chunk-NSD4GFTY.cjs');
+var _chunkBYDL5MCYcjs = require('./chunk-BYDL5MCY.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -13,7 +13,7 @@ var Filter = ({
   children
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContainer, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNSD4GFTYcjs.LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBYDL5MCYcjs.LabelModerate, { children: `Filter by ${label}` }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterBody, { children })
   ] });
 };

package/dist/{chunk-RWKQBH5F.cjs → chunk-HWG43LXI.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkD3DCZG67cjs = require('./chunk-D3DCZG67.cjs');
+var _chunkCWO637N3cjs = require('./chunk-CWO637N3.cjs');
 
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 // src/components/Checkbox.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -31,10 +31,10 @@ function Checkbox({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Medium",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkD3DCZG67cjs.setDefaultReactNodesTypography.call(void 0, label, {
+  const nodesWithTypography = _chunkCWO637N3cjs.setDefaultReactNodesTypography.call(void 0, label, {
     default: defaultTypography
   });
-  const content = _chunkXC4APVGIcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkS6OGIIJCcjs.toReactNodes.call(void 0, nodesWithTypography);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CheckboxContainer, { mt, mb, ml, mr, alignItems, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledCheckbox,

package/dist/{chunk-UCSGJ6TZ.cjs → chunk-I3JLNGMD.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkLA7TPJI3cjs = require('./chunk-LA7TPJI3.cjs');
+var _chunkWDTLFMRWcjs = require('./chunk-WDTLFMRW.cjs');
 
 // src/components/TextArea.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -25,7 +25,7 @@ function TextArea({
   resize = "none"
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLA7TPJI3cjs.Label, { children: label }),
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDTLFMRWcjs.Label, { children: label }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledTextArea,
       {
@@ -42,11 +42,11 @@ function TextArea({
         readOnly
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLA7TPJI3cjs.InputSubtext, { text: error || hint })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDTLFMRWcjs.InputSubtext, { text: error || hint })
   ] });
 }
 var StyledTextArea = _styled2.default.textarea`
-  ${_chunkLA7TPJI3cjs.textInputStyle}
+  ${_chunkWDTLFMRWcjs.textInputStyle}
   resize: ${({ resize }) => resize || "none"};
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "initial"};
 `;

package/dist/{chunk-WDMRNPBD.js → chunk-I3KWQ42J.js}

@@ -1,9 +1,9 @@
 import {
   getFontColor
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-V7XAF6D2.js";
 import {
   getTypographyString
-} from "./chunk-FXKLW6CU.js";
+} from "./chunk-GZXIEXUR.js";
 
 // src/styles/typography.tsx
 var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {

package/dist/{chunk-Z3OEZVTA.cjs → chunk-I4WEHESF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 // src/components/ContentTable.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -18,7 +18,7 @@ function ContentTable({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: row.title }),
       columns.map((column) => {
         const value = row[column.key];
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSTWBIG7cjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
       })
     ] }, index)) })
   ] });

package/dist/{chunk-7BFDEVGN.js → chunk-I5NN2WM2.js}

@@ -1,9 +1,12 @@
 import {
   SingleCodeInput
-} from "./chunk-W26V42SR.js";
+} from "./chunk-K4OYGFS3.js";
 import {
   textInputBorderColor
-} from "./chunk-QGXS3TWB.js";
+} from "./chunk-ULTSHCPV.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   __spreadProps,
   __spreadValues
@@ -34,7 +37,8 @@ function CodeInput({
   onSubmit,
   inputCSS,
   autoFocus = true,
-  onBlur
+  onBlur,
+  variant = "default"
 }) {
   const componentId = useRef(nanoid(5));
   const inputRefs = useRef({});
@@ -236,6 +240,20 @@ function CodeInput({
     }, 0);
   }, [onBlur]);
   const inputsPerGroup = Math.ceil(codeLength / 2);
+  const onContainerMouseDown = useCallback(
+    (event) => {
+      var _a, _b;
+      const target = event.target;
+      const isClickingFilledInput = target.tagName === "INPUT" && ((_a = inputState[target.id]) == null ? void 0 : _a.value) !== "";
+      if (!isClickingFilledInput) {
+        event.preventDefault();
+        const firstEmptyIndex = codeFromInputState(inputState).length;
+        const targetIndex = firstEmptyIndex < codeLength ? firstEmptyIndex : codeLength - 1;
+        (_b = getRef(getInputId(targetIndex), inputRefs)) == null ? void 0 : _b.focus();
+      }
+    },
+    [codeLength, getInputId, inputState, inputRefs]
+  );
   const inputs = [];
   for (let i = 0; i < codeLength; i += 1) {
     const inputId = getInputId(i);
@@ -283,13 +301,17 @@ function CodeInput({
           ariaLabel: `Code input ${i + 1} of ${codeLength}`,
           cssProp: inputCSS,
           onBlur: onBlurCb,
-          width: `${(100 / inputsPerGroup).toFixed(2)}%`,
-          max: 9
+          width: variant === "unified" ? "12px" : `${(100 / inputsPerGroup).toFixed(2)}%`,
+          max: 9,
+          variant
         },
         inputId
       )
     );
   }
+  if (variant === "unified") {
+    return /* @__PURE__ */ jsx(UnifiedCodeInputContainer, { onMouseDown: onContainerMouseDown, children: inputs });
+  }
   return /* @__PURE__ */ jsxs(StyledCodeInput, { children: [
     /* @__PURE__ */ jsx(CodeInputGroup, { children: inputs.slice(0, inputsPerGroup) }),
     /* @__PURE__ */ jsx(CodeInputGroupSeparator, {}),
@@ -320,6 +342,22 @@ var CodeInputGroupSeparator = styled.div`
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;
+var UnifiedCodeInputContainer = styled.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: ${Spacing.px.xs};
+  padding: 12px 24px;
+  border: 0.5px solid ${({ theme }) => theme.border};
+  border-radius: 16px;
+  background-color: ${({ theme }) => theme.bg};
+  width: 100%;
+
+  &:focus-within {
+    border: 2px solid ${({ theme }) => theme.text};
+  }
+`;
 
 export {
   CodeInput,

package/dist/{chunk-C6KM72YM.cjs → chunk-IAW7D5RF.cjs}

@@ -1,40 +1,40 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkFJVMFYT4cjs = require('./chunk-FJVMFYT4.cjs');
+var _chunkBFU2ZFVBcjs = require('./chunk-BFU2ZFVB.cjs');
 
 
-var _chunkGKGQJZEPcjs = require('./chunk-GKGQJZEP.cjs');
+var _chunkYKQHWI5Zcjs = require('./chunk-YKQHWI5Z.cjs');
 
 
-var _chunk5XEX5L2Gcjs = require('./chunk-5XEX5L2G.cjs');
+var _chunkQOIHLOYAcjs = require('./chunk-QOIHLOYA.cjs');
 
 
-var _chunkH6WE3EBUcjs = require('./chunk-H6WE3EBU.cjs');
+var _chunkCBYQ32BMcjs = require('./chunk-CBYQ32BM.cjs');
 
 
-var _chunkBJOQU4YRcjs = require('./chunk-BJOQU4YR.cjs');
+var _chunkZURWWUC4cjs = require('./chunk-ZURWWUC4.cjs');
 
 
-var _chunkIL2IP5BNcjs = require('./chunk-IL2IP5BN.cjs');
+var _chunkBE7T24POcjs = require('./chunk-BE7T24PO.cjs');
 
 // src/components/DataManagerTable/utils.ts
 function isEnumFilterAndState(filterAndState) {
-  return filterAndState.filter.type === "enum" /* ENUM */ && _chunkH6WE3EBUcjs.isEnumFilterState.call(void 0, filterAndState.state);
+  return filterAndState.filter.type === "enum" /* ENUM */ && _chunkBE7T24POcjs.isEnumFilterState.call(void 0, filterAndState.state);
 }
 function isBooleanFilterAndState(filterAndState) {
-  return filterAndState.filter.type === "boolean" /* BOOLEAN */ && _chunkIL2IP5BNcjs.isBooleanFilterState.call(void 0, filterAndState.state);
+  return filterAndState.filter.type === "boolean" /* BOOLEAN */ && _chunkQOIHLOYAcjs.isBooleanFilterState.call(void 0, filterAndState.state);
 }
 function isCurrencyFilterAndState(filterAndState) {
-  return filterAndState.filter.type === "currency" /* CURRENCY */ && _chunkGKGQJZEPcjs.isCurrencyFilterState.call(void 0, filterAndState.state);
+  return filterAndState.filter.type === "currency" /* CURRENCY */ && _chunkCBYQ32BMcjs.isCurrencyFilterState.call(void 0, filterAndState.state);
 }
 function isDateFilterAndState(filterAndState) {
-  return filterAndState.filter.type === "date" /* DATE */ && _chunk5XEX5L2Gcjs.isDateFilterState.call(void 0, filterAndState.state);
+  return filterAndState.filter.type === "date" /* DATE */ && _chunkZURWWUC4cjs.isDateFilterState.call(void 0, filterAndState.state);
 }
 function isIdFilterAndState(filterAndState) {
-  return filterAndState.filter.type === "id" /* ID */ && _chunkBJOQU4YRcjs.isIdFilterState.call(void 0, filterAndState.state);
+  return filterAndState.filter.type === "id" /* ID */ && _chunkBFU2ZFVBcjs.isIdFilterState.call(void 0, filterAndState.state);
 }
 function isStringFilterAndState(filterAndState) {
-  return filterAndState.filter.type === "string" /* STRING */ && _chunkFJVMFYT4cjs.isStringFilterState.call(void 0, filterAndState.state);
+  return filterAndState.filter.type === "string" /* STRING */ && _chunkYKQHWI5Zcjs.isStringFilterState.call(void 0, filterAndState.state);
 }
 
 

package/dist/{chunk-H6AC6EBQ.cjs → chunk-IDLECGMB.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPV6A4T42cjs = require('./chunk-PV6A4T42.cjs');
+var _chunkFL3CJSCWcjs = require('./chunk-FL3CJSCW.cjs');
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 // src/components/LightsparkProvider.tsx
 var _react = require('@emotion/react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LightsparkProvider({ children }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkRONHCMPDcjs.themes.light, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPV6A4T42cjs.GlobalStyles, {}),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkWZIDVP2Ucjs.themes.light, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFL3CJSCWcjs.GlobalStyles, {}),
     children
   ] });
 }

package/dist/{chunk-GQ4WWZHD.js → chunk-IJC3SKJL.js}

@@ -1,74 +1,74 @@
 import {
   Headline
-} from "./chunk-GWDLIYW3.js";
+} from "./chunk-YQI7NHM4.js";
 import {
   StyledSelect
-} from "./chunk-KLY4AIMZ.js";
+} from "./chunk-O4LA325I.js";
 import {
   TextInputHalfRow
-} from "./chunk-P5CSVKOE.js";
+} from "./chunk-3PDB5N46.js";
 import {
   ToggleContainer
-} from "./chunk-UP5M2JK4.js";
+} from "./chunk-QYXFVA4O.js";
 import {
   StyledFileInput
-} from "./chunk-4W2JET7W.js";
+} from "./chunk-4JNGVCPK.js";
 import {
   formButtonTopMarginStyle,
   inputSpacingPx
-} from "./chunk-QGXS3TWB.js";
+} from "./chunk-ULTSHCPV.js";
 import {
   StyledButtonRowButton
-} from "./chunk-DZCZ5DIU.js";
+} from "./chunk-6ZZPMIC2.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   ButtonSelector
-} from "./chunk-CHQSMSJF.js";
+} from "./chunk-NE7756PY.js";
 import {
   LoadingWrapper
-} from "./chunk-LVQYVZQR.js";
+} from "./chunk-RTJLPD5V.js";
 import {
   Checkbox
-} from "./chunk-AJ3FNAZC.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
+} from "./chunk-AUPQWM74.js";
 import {
   toReactNodesWithTypographyMap
-} from "./chunk-BED5GWRW.js";
+} from "./chunk-C7M4DUT3.js";
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-2C4XFGJH.js";
 import {
   icon
 } from "./chunk-FZUV52PP.js";
 import {
   ClipboardTextField
-} from "./chunk-DESHZ7J3.js";
+} from "./chunk-NJGZTOFB.js";
 import {
   pxToRems
-} from "./chunk-HOPTXOE6.js";
+} from "./chunk-OOOWTNUV.js";
 import {
   mcBold,
   standardBorderRadius,
   standardCardShadow,
   standardCardShadowHard,
   standardContentInset
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-B73N7I6O.js";
 import {
   Link
-} from "./chunk-K6N6FCBJ.js";
+} from "./chunk-TQLHHWTU.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getColor
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-V7XAF6D2.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-XT5NXF55.js";
+} from "./chunk-4BTMZ2KB.js";
 import {
   __spreadProps,
   __spreadValues
@@ -375,6 +375,7 @@ var CardFormContentFull = styled.div`
   flex-direction: column;
   align-self: center;
   height: 100%;
+  width: 100%;
   padding-bottom: ${({ paddingBottom }) => paddingBottom != null ? paddingBottom : 0}px;
 `;
 var BelowCardFormContent = styled.div`

package/dist/{chunk-N56ZMULG.cjs → chunk-IRIGKSVT.cjs}

@@ -3,7 +3,7 @@
 var _chunk4XPAKKBScjs = require('./chunk-4XPAKKBS.cjs');
 
 
-var _chunkSALFV7FPcjs = require('./chunk-SALFV7FP.cjs');
+var _chunk4BQLWFUTcjs = require('./chunk-4BQLWFUT.cjs');
 
 
 
@@ -86,7 +86,7 @@ function PhoneInput({
   const isValidPhone = formatter.isValid();
   const error = !isValidPhone && wasBlurred ? "Please enter a valid phone number." : void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkSALFV7FPcjs.TextInput,
+    _chunk4BQLWFUTcjs.TextInput,
     {
       select: {
         options,

package/dist/{chunk-LF6A2A7S.cjs → chunk-IVV63WMB.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 
 
-var _chunkUJCDENYWcjs = require('./chunk-UJCDENYW.cjs');
+var _chunkA2NWCBIYcjs = require('./chunk-A2NWCBIY.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/BodyStrong.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function BodyStrong(props) {
-  const propsWithDefaults = _chunkUJCDENYWcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkA2NWCBIYcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkXC4APVGIcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkS6OGIIJCcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUJCDENYWcjs.StyledBodyStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA2NWCBIYcjs.StyledBodyStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-CSIVECCR.js → chunk-IYAGIK3O.js}

@@ -3,22 +3,22 @@ import {
 } from "./chunk-MS4Y7HXG.js";
 import {
   LabelModerate
-} from "./chunk-CTBKIGQC.js";
+} from "./chunk-QMD63NFZ.js";
 import {
   textInputStyle
-} from "./chunk-QGXS3TWB.js";
-import {
-  z
-} from "./chunk-55OQPFLF.js";
+} from "./chunk-ULTSHCPV.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   getTypographyString
-} from "./chunk-FXKLW6CU.js";
+} from "./chunk-GZXIEXUR.js";
 
 // src/components/DataManagerTable/DateWidget.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-WQGO4BLL.cjs → chunk-J6FE6HJH.cjs}

@@ -26,7 +26,7 @@ var defaultMsgs = {
   url: "Please enter a valid URL."
 };
 var regexp = {
-  phone: /^[2-9]{1}[0-9]{9}$/,
+  phone: /^[0-9]{7,15}$/,
   postalCode: /(^\d{5}$)|(^\d{5}-\d{4}$)/,
   email: /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/,
   state: /^(A[LKSZRAEP]|C[AOT]|D[EC]|F[LM]|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEHINOPST]|N[CDEHJMVY]|O[HKR]|P[ARW]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY])$/,

package/dist/{chunk-34PGXTHI.js → chunk-JAFJO7SR.js}

@@ -1,9 +1,9 @@
 import {
   SatoshiInputLabel
-} from "./chunk-E2PKRTXA.js";
+} from "./chunk-U5KMEDB6.js";
 import {
   NumberInput_default
-} from "./chunk-7BHTBBQC.js";
+} from "./chunk-YMYTHVW4.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-S7FZMXY3.js → chunk-JJCOC4HY.js}

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

package/dist/{chunk-YUURHUIR.cjs → chunk-JSTLSJH4.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 
 
-var _chunkNQ5SUPAQcjs = require('./chunk-NQ5SUPAQ.cjs');
+var _chunkZALNXS4Vcjs = require('./chunk-ZALNXS4V.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Label.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Label(props) {
-  const propsWithDefaults = _chunkNQ5SUPAQcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkZALNXS4Vcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkXC4APVGIcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkS6OGIIJCcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNQ5SUPAQcjs.StyledLabel, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZALNXS4Vcjs.StyledLabel, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-ZTIXE4AD.cjs → chunk-K4HQR37R.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkD3DCZG67cjs = require('./chunk-D3DCZG67.cjs');
+var _chunkCWO637N3cjs = require('./chunk-CWO637N3.cjs');
 
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 
-var _chunkCECD7VALcjs = require('./chunk-CECD7VAL.cjs');
+var _chunkCC4HS72Dcjs = require('./chunk-CC4HS72D.cjs');
 
 // src/components/PendingValue.tsx
 var _react = require('@emotion/react');
@@ -46,11 +46,11 @@ function PendingValue({
     currencyAmount: defaultTypography,
     clipboardTextField: defaultTypography
   };
-  const nodesWithTypography = _chunkD3DCZG67cjs.setDefaultReactNodesTypography.call(void 0, 
+  const nodesWithTypography = _chunkCWO637N3cjs.setDefaultReactNodesTypography.call(void 0, 
     contentProp,
     defaultTypographyMap
   );
-  const content = _chunkXC4APVGIcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkS6OGIIJCcjs.toReactNodes.call(void 0, nodesWithTypography);
   const contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledPendingValueContent,
     {
@@ -83,11 +83,11 @@ function PendingValue({
     ),
     fullSizePending ? contentNode : null
   ] });
-  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunkRONHCMPDcjs.themes[forceTheme], children: nodes }) : nodes;
+  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunkWZIDVP2Ucjs.themes[forceTheme], children: nodes }) : nodes;
 }
 var StyledPendingValueBgOuter = _styled2.default.div`
   position: relative;
-  height: ${({ typographyType, typographySize, theme }) => _chunkCECD7VALcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
+  height: ${({ typographyType, typographySize, theme }) => _chunkCC4HS72Dcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
 
   ${({ widthProp, hasContent }) => widthProp && !hasContent ? `width: ${widthProp}px;` : "width: 100%;"}
   overflow: hidden;
@@ -113,7 +113,7 @@ var StyledPendingValueContent = _styled2.default.div`
   z-index: 1;
   overflow: hidden;
 
-  height: ${({ typographyType, typographySize, theme }) => _chunkCECD7VALcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
+  height: ${({ typographyType, typographySize, theme }) => _chunkCC4HS72Dcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
 `;
 var vSpacing = 2;
 var StyledPendingValueBg = _styled2.default.div`
@@ -139,9 +139,9 @@ var StyledPendingValueBg = _styled2.default.div`
 
   background: linear-gradient(
     90deg,
-    ${_chunkRONHCMPDcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 0%,
-    ${_chunkRONHCMPDcjs.themeOrWithKey.call(void 0, "c1Neutral", "c3Neutral")} 50%,
-    ${_chunkRONHCMPDcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 100%
+    ${_chunkWZIDVP2Ucjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 0%,
+    ${_chunkWZIDVP2Ucjs.themeOrWithKey.call(void 0, "c1Neutral", "c3Neutral")} 50%,
+    ${_chunkWZIDVP2Ucjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 100%
   );
 
   background-size: 200% 100%;