@lightsparkdev/ui 1.0.13 → 1.0.15

package/dist/{chunk-6NTP7LPY.cjs → chunk-UNNUNQYB.cjs}

@@ -6,25 +6,25 @@ var _chunk4VVPSX5Ocjs = require('./chunk-4VVPSX5O.cjs');
 var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
 
 
-var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
+var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
 
 
-var _chunkVUS3VIMScjs = require('./chunk-VUS3VIMS.cjs');
+var _chunkA3ACFWRZcjs = require('./chunk-A3ACFWRZ.cjs');
 
 
-var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
+var _chunkBW6SKFVJcjs = require('./chunk-BW6SKFVJ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
+var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
 
 // src/components/Banner/Banner.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -62,11 +62,11 @@ function Banner({
   }, [onHeightChange, rect == null ? void 0 : rect.height]);
   let contentNode = null;
   if (content) {
-    const contentNodes = _chunkSCLUBPNMcjs.toReactNodes.call(void 0, content);
+    const contentNodes = _chunkT3KB7JMUcjs.toReactNodes.call(void 0, content);
     if (to) {
-      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVUS3VIMScjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
+      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA3ACFWRZcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
         contentNodes,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPXZDRT5cjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
       ] }) });
     } else {
       contentNode = contentNodes;
@@ -134,14 +134,14 @@ var StyledBanner = _styled2.default.div`
 
   width: 100%;
   z-index: ${_chunkZU72XWNEcjs.z.notificationBanner};
-  color: ${_chunkJBCEOOZScjs.colors.white};
+  color: ${_chunkZBLXVPL4cjs.colors.white};
   font-weight: 500;
-  background-color: ${({ colorProp, theme }) => colorProp ? _chunk6DWDBCUJcjs.getColor.call(void 0, theme, colorProp) : "none"};
+  background-color: ${({ colorProp, theme }) => colorProp ? _chunkBW6SKFVJcjs.getColor.call(void 0, theme, colorProp) : "none"};
   display: flex;
   justify-content: ${({ hasSideContent }) => hasSideContent ? "space-between" : "center"};
   align-items: center;
   padding: ${({ hPadding }) => `0 ${hPadding}px`};
-  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunk6DWDBCUJcjs.getColor.call(void 0, theme, borderColor)};` : ""}
+  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkBW6SKFVJcjs.getColor.call(void 0, theme, borderColor)};` : ""}
 
   ${({ borderProgress }) => {
   if (typeof borderProgress === "number") {

package/dist/{chunk-TJWGKORO.js → chunk-UTJTDXJA.js}

@@ -1,16 +1,16 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-GLYTFTP5.js";
+} from "./chunk-EH4NPXK6.js";
 import {
   toReactNodes
-} from "./chunk-TS7Y6L2D.js";
+} from "./chunk-QZMY2H3H.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-NXAP7SVM.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/TextIconAligner.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";

package/dist/chunk-UUGVUQV5.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ArrowCircleCutout.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ArrowCircleCutout() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 30 30",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M29.9988 15.0002C29.9988 6.71588 23.283 0.000152588 14.9988 0.000152588C6.71457 0.000152588 -0.00115967 6.71588 -0.00115967 15.0002C-0.00115967 23.2844 6.71457 30.0002 14.9988 30.0002C23.283 30.0002 29.9988 23.2844 29.9988 15.0002ZM20.9988 10.1252C20.9988 9.50384 20.4951 9.00015 19.8738 9.00015H11.6238C11.0025 9.00015 10.4988 9.50384 10.4988 10.1252C10.4988 10.7465 11.0025 11.2502 11.6238 11.2502H17.1578L9.32835 19.0797C8.88901 19.5191 8.88901 20.2313 9.32835 20.6706C9.76768 21.11 10.48 21.11 10.9193 20.6706L18.7488 12.8412V18.3752C18.7488 18.9965 19.2525 19.5002 19.8738 19.5002C20.4951 19.5002 20.9988 18.9965 20.9988 18.3752V10.1252Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ArrowCircleCutout = ArrowCircleCutout;

package/dist/{chunk-HKW4GTLB.js → chunk-UYI7T6EJ.js}

@@ -1,14 +1,14 @@
 import {
   toReactNodes
-} from "./chunk-TS7Y6L2D.js";
+} from "./chunk-QZMY2H3H.js";
 import {
   StyledOverline,
   getPropDefaults
-} from "./chunk-3XDBPCS7.js";
+} from "./chunk-OBNUXEA2.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/typography/Overline.tsx
 import { jsx } from "@emotion/react/jsx-runtime";

package/dist/{chunk-ZWH3ABG3.cjs → chunk-V2HGIJA7.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
+var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
 
 
 
@@ -11,11 +11,11 @@ var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
 var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
+var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/utils/toReactNodes/setReactNodesTypography.tsx
 var _core = require('@lightsparkdev/core');
@@ -36,29 +36,29 @@ function setReactNodesTypography(nodesArg, typography, replaceExistingTypography
       return node;
     } else if (_chunkCH2PLO6Fcjs.isLinkNode.call(void 0, node) && typographyMap.link) {
       return {
-        link: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.link), {
+        link: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.link), {
           typography: replaceExistingTypography ? typographyMap.link : node.link.typography || typographyMap.link
         })
       };
     } else if (_chunkCH2PLO6Fcjs.isNextLinkNode.call(void 0, node) && typographyMap.nextLink) {
       return {
-        nextLink: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.nextLink), {
+        nextLink: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.nextLink), {
           typography: replaceExistingTypography ? typographyMap.nextLink : node.nextLink.typography || typographyMap.nextLink
         })
       };
     } else if (_chunkCH2PLO6Fcjs.isCurrencyAmountNode.call(void 0, node) && typographyMap.currencyAmount) {
       return {
-        currencyAmount: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.currencyAmount), {
+        currencyAmount: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.currencyAmount), {
           typography: typographyMap.currencyAmount
         })
       };
     } else if (_chunkCH2PLO6Fcjs.isClipboardTextFieldNode.call(void 0, node) && typographyMap.clipboardTextField) {
       return {
-        clipboardTextField: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.clipboardTextField), {
+        clipboardTextField: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.clipboardTextField), {
           typography: typographyMap.clipboardTextField
         })
       };
-    } else if ((_chunkCH2PLO6Fcjs.isTextNode.call(void 0, node) || _chunk7PRNB5U5cjs.isString.call(void 0, node)) && typographyMap.text) {
+    } else if ((_chunkCH2PLO6Fcjs.isTextNode.call(void 0, node) || _chunkJA7KZV3Qcjs.isString.call(void 0, node)) && typographyMap.text) {
       return setTextNodeTypography(
         node,
         typographyMap.text,
@@ -70,14 +70,14 @@ function setReactNodesTypography(nodesArg, typography, replaceExistingTypography
   return nodesWithTypography;
 }
 function setTextNodeTypography(node, typography, replaceExistingTypography = true) {
-  if (_chunk7PRNB5U5cjs.isString.call(void 0, node)) {
+  if (_chunkJA7KZV3Qcjs.isString.call(void 0, node)) {
     return {
       text: node,
       typography
     };
   }
   const useExistingTypography = !replaceExistingTypography && "typography" in node ? node.typography : void 0;
-  return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node), {
+  return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node), {
     typography: useExistingTypography || typography
   });
 }
@@ -89,7 +89,7 @@ function toReactNodesWithTypographyMap(nodesArg, nodesTypographyMap) {
     nodesArg,
     nodesTypographyMap
   );
-  const nodes = _chunkSCLUBPNMcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const nodes = _chunkT3KB7JMUcjs.toReactNodes.call(void 0, nodesWithTypography);
   return nodes;
 }
 function setDefaultReactNodesTypography(nodesArg, setDefaultReactNodesTypographyArg) {

package/dist/{chunk-MTAHDNQT.js → chunk-V53MSMR6.js}

@@ -3,22 +3,22 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-4U3AAKMA.js";
+} from "./chunk-G375DUHZ.js";
 import {
   UnstyledButton
-} from "./chunk-ZP6BJB4X.js";
+} from "./chunk-QYJ7HXKC.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-NXAP7SVM.js";
 import {
   standardFocusOutline
-} from "./chunk-POGNK25N.js";
+} from "./chunk-QRFR2JVT.js";
 import {
   colors
-} from "./chunk-HO7LVJ3R.js";
+} from "./chunk-HU2UCL6I.js";
 
 // src/components/Drawer.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-UUSPIVRL.js → chunk-V5FNPKIV.js}

@@ -3,37 +3,37 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-AM2SAFZ6.js";
+} from "./chunk-5SCC3YZH.js";
 import {
   Dropdown
-} from "./chunk-K3G4NMAH.js";
+} from "./chunk-ILQ25KFY.js";
 import {
   standardBorderColor
-} from "./chunk-P2OCWRMQ.js";
+} from "./chunk-HJWXHKVC.js";
+import {
+  Heading,
+  headingWithDefaults
+} from "./chunk-VKUNZF4N.js";
 import {
   Badge,
   badgeSmVPadding
-} from "./chunk-ZXZLMOH2.js";
+} from "./chunk-QT73NPXK.js";
 import {
-  Heading,
-  headingWithDefaults
-} from "./chunk-SUZ5DRGR.js";
+  toReactNodes
+} from "./chunk-QZMY2H3H.js";
 import {
   Loading
-} from "./chunk-75PYS7WZ.js";
+} from "./chunk-ASXQN3NJ.js";
 import {
   UnstyledButton
-} from "./chunk-ZP6BJB4X.js";
-import {
-  toReactNodes
-} from "./chunk-TS7Y6L2D.js";
+} from "./chunk-QYJ7HXKC.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-NXAP7SVM.js";
 import {
   standardBorderRadius,
   standardLineHeightEms
-} from "./chunk-POGNK25N.js";
+} from "./chunk-QRFR2JVT.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -42,10 +42,10 @@ import {
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-HO7LVJ3R.js";
+} from "./chunk-HU2UCL6I.js";
 import {
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/PageSection/PageSection.tsx
 import { useTheme } from "@emotion/react";
@@ -146,6 +146,8 @@ function PageSectionBoxAction({
 var PageSectionBoxActionRow = ({
   title,
   titleBadge,
+  titleBadgeKind = "default",
+  titleRightContent,
   description,
   separator,
   children,
@@ -158,10 +160,13 @@ var PageSectionBoxActionRow = ({
       separator: Boolean(separator),
       smFlexColumn: Boolean(smFlexColumn),
       children: [
-        title ? /* @__PURE__ */ jsxs("div", { children: [
+        title ? /* @__PURE__ */ jsxs("div", { css: { flex: 1 }, children: [
           /* @__PURE__ */ jsxs(PageSectionBoxTitle, { children: [
-            title,
-            titleBadge ? /* @__PURE__ */ jsx(Badge, { content: titleBadge, ml: 4 }) : null
+            /* @__PURE__ */ jsxs("div", { children: [
+              title,
+              titleBadge ? /* @__PURE__ */ jsx(Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
+            ] }),
+            titleRightContent
           ] }),
           description ? /* @__PURE__ */ jsx(PageSectionBoxDescription, { children: description }) : null
         ] }) : null,
@@ -281,6 +286,8 @@ var StyledPageSectionBox = styled.div`
 var PageSectionBoxTitle = styled.div`
   display: flex;
   align-items: center;
+  width: 100%;
+  justify-content: space-between;
   font-size: ${({ lg }) => lg ? 14 : 12}px;
   font-weight: 600;
   line-height: ${({ lg }) => standardLineHeightEms * (lg ? 14 : 12) + badgeSmVPadding * 2}px;

package/dist/chunk-V6U2YSQU.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkGNRTDXICcjs = require('./chunk-GNRTDXIC.cjs');
+
+// src/hooks/useNumberInput/utils/getSuffix.ts
+var getSuffix = (value, { groupSeparator = ",", decimalSeparator = "." }) => {
+  const suffixReg = new RegExp(
+    `\\d([^${_chunkGNRTDXICcjs.escapeRegExp.call(void 0, groupSeparator)}${_chunkGNRTDXICcjs.escapeRegExp.call(void 0, 
+      decimalSeparator
+    )}0-9]+)`
+  );
+  const suffixMatch = value.match(suffixReg);
+  return suffixMatch ? suffixMatch[1] : void 0;
+};
+
+
+
+exports.getSuffix = getSuffix;

package/dist/chunk-V7EV2TRB.js

@@ -0,0 +1,66 @@
+import {
+  Icon
+} from "./chunk-NXAP7SVM.js";
+import {
+  getColor
+} from "./chunk-ZNDP2XLL.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-W7FAWX6T.js";
+
+// src/components/IconToggle.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { createElement } from "@emotion/react";
+function IconToggle({
+  options,
+  selectedOption,
+  onChange,
+  selectedBgColor = "c1Neutral",
+  selectedColor = "hcNeutral",
+  bgColor = "c4Neutral",
+  color = "mcNeutral"
+}) {
+  return /* @__PURE__ */ jsx(StyledIconToggle, { bgColor, children: options.map((_a) => {
+    var _b = _a, { key } = _b, iconProps = __objRest(_b, ["key"]);
+    return /* @__PURE__ */ jsx(
+      StyledIconToggleOption,
+      {
+        onClick: () => onChange(key),
+        selected: key === selectedOption,
+        selectedBgColor,
+        selectedColor,
+        colorProp: color,
+        children: /* @__PURE__ */ createElement(
+          Icon,
+          __spreadProps(__spreadValues({}, iconProps), {
+            key,
+            width: 11,
+            color: key === selectedOption ? selectedColor : color
+          })
+        )
+      },
+      key
+    );
+  }) });
+}
+var StyledIconToggle = styled.div`
+  border-radius: 999px;
+  background: ${({ theme, bgColor }) => getColor(theme, bgColor)};
+  padding: 2px;
+  gap: 2px;
+  display: flex;
+`;
+var StyledIconToggleOption = styled.div`
+  display: flex;
+  cursor: pointer;
+  border-radius: 999px;
+  padding: 4px;
+  background: ${({ theme, selected, selectedBgColor }) => selected ? getColor(theme, selectedBgColor) : "transparent"};
+`;
+
+export {
+  IconToggle
+};

package/dist/{chunk-FIHAPO6T.js → chunk-VDKJAYLM.js}

@@ -1,17 +1,17 @@
 import {
   getPropDefaultsBase
-} from "./chunk-76FQY6HX.js";
+} from "./chunk-LEMT5P3Z.js";
 import {
   typographyStyles
-} from "./chunk-F3HU3LG5.js";
+} from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-TLFK5GBE.js";
+} from "./chunk-XNXBY2U3.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/typography/base/Body.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-A5P67XRH.cjs → chunk-VFRZNCMZ.cjs}

@@ -1,27 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkAC2NXSOPcjs = require('./chunk-AC2NXSOP.cjs');
+var _chunkYGK5ZZBFcjs = require('./chunk-YGK5ZZBF.cjs');
 
 
-var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
+var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/documentation/AnchorLinkHeader.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var AnchorLinkHeader = (props) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAC2NXSOPcjs.DocsHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYGK5ZZBFcjs.DocsHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { children: [
     props.children,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconWrapper, { name: "AnchorLink", color: props.color, width: 0 })
   ] })) });
 };
-var IconWrapper = _styled2.default.call(void 0, _chunkORWZTMF2cjs.Icon)`
+var IconWrapper = _styled2.default.call(void 0, _chunkNPXZDRT5cjs.Icon)`
   width: 20px;
   opacity: 0;
   margin: 0 0 4px -20px;

package/dist/chunk-VGCIBO3Q.js

@@ -0,0 +1,142 @@
+import {
+  getSuffix
+} from "./chunk-KP23WTR4.js";
+import {
+  escapeRegExp
+} from "./chunk-NANOYEVH.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-W7FAWX6T.js";
+
+// src/hooks/useNumberInput/utils/formatValue.ts
+var formatValue = (options) => {
+  const {
+    value: _value,
+    decimalSeparator,
+    intlConfig,
+    decimalScale,
+    prefix = "",
+    suffix = ""
+  } = options;
+  if (_value === "" || _value === void 0) {
+    return "";
+  }
+  if (_value === "-") {
+    return "-";
+  }
+  const isNegative = new RegExp(
+    `^\\d?-${prefix ? `${escapeRegExp(prefix)}?` : ""}\\d`
+  ).test(_value);
+  let value = decimalSeparator !== "." ? replaceDecimalSeparator(_value, decimalSeparator, isNegative) : _value;
+  if (decimalSeparator && decimalSeparator !== "-" && value.startsWith(decimalSeparator)) {
+    value = "0" + value;
+  }
+  const defaultNumberFormatOptions = {
+    minimumFractionDigits: decimalScale || 0,
+    maximumFractionDigits: 20
+  };
+  const numberFormatter = intlConfig ? new Intl.NumberFormat(
+    intlConfig.locale,
+    intlConfig.currency ? __spreadProps(__spreadValues({}, defaultNumberFormatOptions), {
+      style: "currency",
+      currency: intlConfig.currency
+    }) : defaultNumberFormatOptions
+  ) : new Intl.NumberFormat(void 0, defaultNumberFormatOptions);
+  const parts = numberFormatter.formatToParts(Number(value));
+  let formatted = replaceParts(parts, options);
+  const intlSuffix = getSuffix(formatted, __spreadValues({}, options));
+  const includeDecimalSeparator = _value.slice(-1) === decimalSeparator ? decimalSeparator : "";
+  const [, decimals] = value.match(RegExp("\\d+\\.(\\d+)")) || [];
+  if (decimalScale === void 0 && decimals && decimalSeparator) {
+    if (formatted.includes(decimalSeparator)) {
+      formatted = formatted.replace(
+        RegExp(`(\\d+)(${escapeRegExp(decimalSeparator)})(\\d+)`, "g"),
+        `$1$2${decimals}`
+      );
+    } else {
+      if (intlSuffix && !suffix) {
+        formatted = formatted.replace(
+          intlSuffix,
+          `${decimalSeparator}${decimals}${intlSuffix}`
+        );
+      } else {
+        formatted = `${formatted}${decimalSeparator}${decimals}`;
+      }
+    }
+  }
+  if (suffix && includeDecimalSeparator) {
+    return `${formatted}${includeDecimalSeparator}${suffix}`;
+  }
+  if (intlSuffix && includeDecimalSeparator) {
+    return formatted.replace(
+      intlSuffix,
+      `${includeDecimalSeparator}${intlSuffix}`
+    );
+  }
+  if (intlSuffix && suffix) {
+    return formatted.replace(intlSuffix, `${includeDecimalSeparator}${suffix}`);
+  }
+  return [formatted, includeDecimalSeparator, suffix].join("");
+};
+var replaceDecimalSeparator = (value, decimalSeparator, isNegative) => {
+  let newValue = value;
+  if (decimalSeparator && decimalSeparator !== ".") {
+    newValue = newValue.replace(
+      RegExp(escapeRegExp(decimalSeparator), "g"),
+      "."
+    );
+    if (isNegative && decimalSeparator === "-") {
+      newValue = `-${newValue.slice(1)}`;
+    }
+  }
+  return newValue;
+};
+var replaceParts = (parts, {
+  prefix,
+  groupSeparator,
+  decimalSeparator,
+  decimalScale,
+  disableGroupSeparators = false
+}) => {
+  return parts.reduce(
+    (prev, { type, value }, i) => {
+      if (i === 0 && prefix) {
+        if (type === "minusSign") {
+          return [value, prefix];
+        }
+        if (type === "currency") {
+          return [...prev, prefix];
+        }
+        return [prefix, value];
+      }
+      if (type === "currency") {
+        return prefix ? prev : [...prev, value];
+      }
+      if (type === "group") {
+        return !disableGroupSeparators ? [...prev, groupSeparator !== void 0 ? groupSeparator : value] : prev;
+      }
+      if (type === "decimal") {
+        if (decimalScale !== void 0 && decimalScale === 0) {
+          return prev;
+        }
+        return [
+          ...prev,
+          decimalSeparator !== void 0 ? decimalSeparator : value
+        ];
+      }
+      if (type === "fraction") {
+        return [
+          ...prev,
+          decimalScale !== void 0 ? value.slice(0, decimalScale) : value
+        ];
+      }
+      return [...prev, value];
+    },
+    [""]
+  ).join("");
+};
+
+export {
+  formatValue
+};

package/dist/chunk-VIWGXUAH.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/UmaPaymentLoadingSpinner.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function UmaPaymentLoadingSpinner({
+  strokeWidth = "3",
+  strokeLinecap = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "88",
+      height: "88",
+      viewBox: "0 0 88 88",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "ellipse",
+          {
+            cx: "43.9983",
+            cy: "43.9994",
+            rx: "38.4983",
+            ry: "38.4994",
+            stroke: "#EBEEF2",
+            strokeWidth
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M82.5072 43.9994C82.5072 37.9238 81.0693 31.9344 78.3111 26.521C75.5529 21.1076 71.5528 16.4239 66.6376 12.8527C61.7225 9.28158 56.032 6.92443 50.0314 5.974C44.0308 5.02356 37.8904 5.50683 32.1123 7.3843",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.UmaPaymentLoadingSpinner = UmaPaymentLoadingSpinner;