@lightsparkdev/ui 1.0.14 → 1.0.16

package/dist/{chunk-FIUEWYXH.cjs → chunk-GKSQPAPJ.cjs}

@@ -1,33 +1,36 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXRNCL5CAcjs = require('./chunk-XRNCL5CA.cjs');
+var _chunk2DFPQHNPcjs = require('./chunk-2DFPQHNP.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
+
 
 
-var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
+var _chunk7QQBTG3Ocjs = require('./chunk-7QQBTG3O.cjs');
 
 
+var _chunkND4ZEWCYcjs = require('./chunk-ND4ZEWCY.cjs');
 
-var _chunkWIIDMFXRcjs = require('./chunk-WIIDMFXR.cjs');
+
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
+var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
 
 
-var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
+var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
 
 
-var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
+var _chunkEUDYMZXOcjs = require('./chunk-EUDYMZXO.cjs');
 
 
-var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
+var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/Toasts.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -43,7 +46,8 @@ function Toasts({
   stackDir = "above",
   maxVisible = 3,
   removeExpiredAndNotVisible = true,
-  dedupeConsecutive = true
+  dedupeConsecutive = true,
+  typography: typographyProp
 }) {
   const queuedToastIds = _react.useRef.call(void 0, /* @__PURE__ */ new Set());
   const prevToastQueue = _react.useRef.call(void 0, []);
@@ -52,13 +56,18 @@ function Toasts({
   const hidingTimeoutRefs = _react.useRef.call(void 0, {});
   const nodeRef = _react.useRef.call(void 0, null);
   const [nodeReady, setNodeReady] = _react.useState.call(void 0, false);
+  const defaultTypography = {
+    type: (typographyProp == null ? void 0 : typographyProp.type) || "Body",
+    size: (typographyProp == null ? void 0 : typographyProp.size) || "ExtraSmall",
+    color: (typographyProp == null ? void 0 : typographyProp.color) || "white"
+  };
   const hideToast = _react.useCallback.call(void 0, 
     (id) => {
       setToastQueue((currentToastQueue) => {
         const hideToastIndex = currentToastQueue.findIndex((t) => t.id === id);
         const newToastQueue = currentToastQueue.map((toast, i) => {
           if (i === hideToastIndex) {
-            return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, toast), {
+            return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, toast), {
               isActive: false,
               isHiding: true
             });
@@ -108,7 +117,7 @@ function Toasts({
         queuedToastIds.current.add(toast.id);
         return [
           ...acc,
-          _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, toast), {
+          _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, toast), {
             isActive: true,
             isHiding: false
           })
@@ -173,7 +182,10 @@ function Toasts({
     const fromCurrent = i === currentToastIndex ? 0 : currentToastIndex - i;
     const movingToCurrent = currentToast.isHiding && i === currentToastIndex - 1;
     const hidingFromCurrent = currentToast.isHiding ? fromCurrent - 1 : fromCurrent;
-    const textNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: toast.text ? _chunkKTXJ54RRcjs.toReactNodes.call(void 0, toast.text) : null });
+    const nodesWithTypography = toast.text ? _chunk2DFPQHNPcjs.setDefaultReactNodesTypography.call(void 0, toast.text, {
+      default: defaultTypography
+    }) : null;
+    const textNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: nodesWithTypography ? _chunkQXYZAROGcjs.toReactNodes.call(void 0, nodesWithTypography) : null });
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _reactdom2.default.createPortal(
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledToast,
@@ -196,18 +208,18 @@ function Toasts({
           children: [
             textNode,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkXRNCL5CAcjs.UnstyledButton,
+              _chunkND4ZEWCYcjs.UnstyledButton,
               {
-                css: _chunkWIIDMFXRcjs.extend.call(void 0, _chunkWIIDMFXRcjs.flexCenter, {
+                css: _chunk7QQBTG3Ocjs.extend.call(void 0, _chunk7QQBTG3Ocjs.flexCenter, {
                   position: "absolute",
                   right: "5px",
                   top: "-1px",
                   height: "50px",
                   width: "50px",
-                  outlineColor: `${_chunkJBCEOOZScjs.colors.white} !important`
+                  outlineColor: `${_chunkZBLXVPL4cjs.colors.white} !important`
                 }),
                 onClick: () => hideToast(toast.id),
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: "Close", width: 9 })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: "Close", width: 9 })
               }
             )
           ]
@@ -224,12 +236,12 @@ var minScale = 0.95;
 var StyledToast = _styled2.default.div`
   position: fixed;
   z-index: ${_chunkZU72XWNEcjs.z.toast};
-  line-height: ${_chunkWIIDMFXRcjs.pxToRems.call(void 0, 16)};
+  line-height: ${_chunk7QQBTG3Ocjs.pxToRems.call(void 0, 16)};
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   font-weight: 500;
-  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? _chunkJBCEOOZScjs.colors.blue43 : _chunkCUOCAP4Wcjs.themeOr.call(void 0, "#2A50B2", _chunkJBCEOOZScjs.colors.blue43)};
+  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? _chunkZBLXVPL4cjs.colors.blue43 : _chunkEUDYMZXOcjs.themeOr.call(void 0, "#2A50B2", _chunkZBLXVPL4cjs.colors.blue43)};
   color: rgba(255, 255, 255, 0);
   padding: 16px 24px;
   ${({ duration }) => !duration && "padding-right: 50px;"}
@@ -244,7 +256,7 @@ var StyledToast = _styled2.default.div`
   transform: translateX(-50%);
   text-overflow: ellipsis;
   overflow: hidden;
-  max-width: calc(100% - ${_chunkRUDXRW4Rcjs.standardContentInset.smPx * 2}px);
+  max-width: calc(100% - ${_chunk2KKFVDUDcjs.standardContentInset.smPx * 2}px);
 
   max-height: ${beginHeightPx}px;
   width: 0px;

package/dist/chunk-GNRTDXIC.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useNumberInput/utils/escapeRegExp.ts
+var escapeRegExp = (stringToGoIntoTheRegex) => {
+  return stringToGoIntoTheRegex.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&");
+};
+
+
+
+exports.escapeRegExp = escapeRegExp;

package/dist/chunk-GSVJ2OFJ.cjs

@@ -0,0 +1,86 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkK33DLKPBcjs = require('./chunk-K33DLKPB.cjs');
+
+
+var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
+
+
+var _chunkRLTFMTRWcjs = require('./chunk-RLTFMTRW.cjs');
+
+
+var _chunkEUDYMZXOcjs = require('./chunk-EUDYMZXO.cjs');
+
+// src/components/IconWithCircleBackground.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function IconWithCircleBackground({
+  iconName = "WarningSign",
+  iconWidth = 40,
+  to,
+  onClick,
+  darkBg = false,
+  shouldRotate = false,
+  noBg = false,
+  disabled = false
+}) {
+  const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkK33DLKPBcjs.Flex,
+    {
+      center: true,
+      onClick,
+      disabled,
+      as: onClick ? "button" : "div",
+      asButtonType: "button",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        StyledIconWithCircleBackground,
+        {
+          size: iconWidth,
+          darkBg,
+          shouldRotate,
+          noBg,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkAPCRRZMTcjs.Icon,
+            {
+              name: iconName,
+              width: iconWidth,
+              color: darkBg ? "white" : "grayBlue9"
+            }
+          )
+        }
+      )
+    }
+  );
+  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRLTFMTRWcjs.Link, { to, disabled, children: content }) }) : content;
+}
+var StyledIconWithCircleBackground = _styled2.default.div`
+  background: ${({ theme, darkBg, noBg }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : _chunkEUDYMZXOcjs.getColor.call(void 0, theme, "grayBlue94")};
+  border-radius: 50%;
+  padding: ${({ size }) => getPadding(size)}px;
+  display: flex;
+  justify-content: center;
+  ${({ size }) => `width: ${size + getPadding(size) * 2}px; height: ${size + getPadding(size) * 2}px;`}
+
+  @keyframes IconWithCircleBackgroundRotate {
+    0% {
+      transform: rotate(0);
+    }
+    35% {
+      transform: rotate(360deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+  ${({ shouldRotate }) => shouldRotate && `animation: IconWithCircleBackgroundRotate 10s ease infinite;`}
+`;
+function getPadding(size) {
+  if (size === 40) {
+    return 20;
+  }
+  return 16;
+}
+
+
+
+exports.IconWithCircleBackground = IconWithCircleBackground;

package/dist/chunk-GUOIFRKD.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
+
+
+
+var _chunkDCY3TO7Tcjs = require('./chunk-DCY3TO7T.cjs');
+
+
+
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+
+// src/components/typography/Label.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Label(props) {
+  const propsWithDefaults = _chunkDCY3TO7Tcjs.getPropDefaults.call(void 0, props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = _chunkQXYZAROGcjs.toReactNodes.call(void 0, props.content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDCY3TO7Tcjs.StyledLabel, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.Label = Label;

package/dist/chunk-GWO7HTIX.cjs

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Sun.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Sun({
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M7.76775 4.23224C8.7441 5.20855 8.7441 6.79145 7.76775 7.76775C6.79145 8.7441 5.20855 8.7441 4.23224 7.76775C3.25592 6.79145 3.25592 5.20855 4.23224 4.23224C5.20855 3.25592 6.79145 3.25592 7.76775 4.23224Z",
+            stroke: "currentColor",
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M6 1.5V1M6 11V10.5M9.1799 2.82002L9.5349 2.46502M2.46508 9.535L2.82008 9.18M10.5 6H11M1 6H1.5M9.1799 9.18L9.5349 9.535M2.46508 2.46502L2.82008 2.82002",
+            stroke: "currentColor",
+            strokeLinecap,
+            strokeLinejoin
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Sun = Sun;

package/dist/chunk-GWTYSYM2.js

@@ -0,0 +1,6 @@
+// src/hooks/useNumberInput/utils/isNumber.ts
+var isNumber = (input) => RegExp(/\d/, "gi").test(input);
+
+export {
+  isNumber
+};

package/dist/{chunk-X6FYQTZ6.cjs → chunk-GX5KB4DN.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQ4RAJLKPcjs = require('./chunk-Q4RAJLKP.cjs');
+var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
 
 
-var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
+var _chunkELEYS3GZcjs = require('./chunk-ELEYS3GZ.cjs');
 
 
-var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
+var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunkQXYZAROGcjs.toReactNodes.call(void 0, content);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         "data-tooltip-id": id,
         style: { display: "inline-flex", alignItems: "center", verticalAlign },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ4RAJLKPcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkELEYS3GZcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-ZZ5MOBOT.js → chunk-H5YFMJOM.js}

@@ -1,33 +1,36 @@
 import {
-  UnstyledButton
-} from "./chunk-I5WDNJY3.js";
-import {
-  z
-} from "./chunk-55OQPFLF.js";
+  setDefaultReactNodesTypography
+} from "./chunk-JZ4RXNUO.js";
 import {
   toReactNodes
-} from "./chunk-3NZOR3KT.js";
+} from "./chunk-C3PR3QMX.js";
 import {
   extend,
   flexCenter,
   pxToRems
-} from "./chunk-A4MP3LYH.js";
+} from "./chunk-OFNX3IEO.js";
+import {
+  UnstyledButton
+} from "./chunk-WS4ZV4J2.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-RMZQSXO2.js";
+} from "./chunk-HOGSXW62.js";
 import {
   standardContentInset
-} from "./chunk-RNCUEVKR.js";
+} from "./chunk-WXQAFT6L.js";
 import {
   themeOr
-} from "./chunk-QNPCRFUV.js";
+} from "./chunk-WFSTDMMY.js";
 import {
   colors
-} from "./chunk-HO7LVJ3R.js";
+} from "./chunk-HU2UCL6I.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/Toasts.tsx
 import styled from "@emotion/styled";
@@ -43,7 +46,8 @@ function Toasts({
   stackDir = "above",
   maxVisible = 3,
   removeExpiredAndNotVisible = true,
-  dedupeConsecutive = true
+  dedupeConsecutive = true,
+  typography: typographyProp
 }) {
   const queuedToastIds = useRef(/* @__PURE__ */ new Set());
   const prevToastQueue = useRef([]);
@@ -52,6 +56,11 @@ function Toasts({
   const hidingTimeoutRefs = useRef({});
   const nodeRef = useRef(null);
   const [nodeReady, setNodeReady] = useState(false);
+  const defaultTypography = {
+    type: (typographyProp == null ? void 0 : typographyProp.type) || "Body",
+    size: (typographyProp == null ? void 0 : typographyProp.size) || "ExtraSmall",
+    color: (typographyProp == null ? void 0 : typographyProp.color) || "white"
+  };
   const hideToast = useCallback(
     (id) => {
       setToastQueue((currentToastQueue) => {
@@ -173,7 +182,10 @@ function Toasts({
     const fromCurrent = i === currentToastIndex ? 0 : currentToastIndex - i;
     const movingToCurrent = currentToast.isHiding && i === currentToastIndex - 1;
     const hidingFromCurrent = currentToast.isHiding ? fromCurrent - 1 : fromCurrent;
-    const textNode = /* @__PURE__ */ jsx("span", { children: toast.text ? toReactNodes(toast.text) : null });
+    const nodesWithTypography = toast.text ? setDefaultReactNodesTypography(toast.text, {
+      default: defaultTypography
+    }) : null;
+    const textNode = /* @__PURE__ */ jsx("span", { children: nodesWithTypography ? toReactNodes(nodesWithTypography) : null });
     return /* @__PURE__ */ jsx(Fragment, { children: ReactDOM.createPortal(
       /* @__PURE__ */ jsxs(
         StyledToast,

package/dist/{chunk-HDFK3GS2.cjs → chunk-H7F6GCBN.cjs}

@@ -1,13 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var _chunkW57PUAMVcjs = require('./chunk-W57PUAMV.cjs');
+
+
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkRSAWZM47cjs = require('./chunk-RSAWZM47.cjs');
+var _chunk2U6C2FAGcjs = require('./chunk-2U6C2FAG.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
 // src/components/DataManagerTable/Popover.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
@@ -19,6 +25,8 @@ var Popover = ({
   onClear,
   children
 }) => {
+  const breakPoint = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
+  const isSm = breakPoint.isSm();
   const handleApply = () => {
     onApply();
   };
@@ -30,16 +38,20 @@ var Popover = ({
       onApply();
     }
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Container, { show, side, onKeyDownCapture: handleKeyPress, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Content, { children: [
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Content, { onKeyDownCapture: handleKeyPress, isSm, children: [
     children,
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Footer, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSAWZM47cjs.Button, { text: "Clear", onClick: handleClear }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2U6C2FAGcjs.Button, { text: "Clear", onClick: handleClear }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FooterRight, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSAWZM47cjs.Button, { text: "Cancel", onClick: () => setShow(false) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSAWZM47cjs.Button, { text: "Apply", kind: "primary", onClick: handleApply })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2U6C2FAGcjs.Button, { text: "Cancel", onClick: () => setShow(false) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2U6C2FAGcjs.Button, { text: "Apply", kind: "primary", onClick: handleApply })
       ] })
     ] })
-  ] }) });
+  ] });
+  if (isSm) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW57PUAMVcjs.Modal, { visible: show, onClose: () => setShow(false), smKind: "fullscreen", children: content });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Container, { show, side, children: content });
 };
 var Container = _styled2.default.div`
   position: absolute;
@@ -59,7 +71,7 @@ var Content = _styled2.default.div`
   display: flex;
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.xl};
-  padding: ${_chunkZUAO4DW3cjs.Spacing.px.lg};
+  padding: ${({ isSm }) => isSm ? "0px" : _chunkZUAO4DW3cjs.Spacing.px.lg};
 `;
 var Footer = _styled2.default.div`
   display: flex;

package/dist/{chunk-EDN2QDCB.js → chunk-HAC5YAGQ.js}

@@ -23,6 +23,16 @@ function isString(str) {
 function removeCommas(value) {
   return value.replace(/,/g, "");
 }
+function removeNonDigit(value) {
+  const numericValue = value.replace(/[^\d]/g, "");
+  return numericValue.replace(/^0+/, "") || "0";
+}
+function addCommasToVariableDecimal(value, decimals) {
+  const val = removeNonDigit(value.toString());
+  return decimals === 0 ? addCommasToDigits(val) : addCommasToDigits(
+    val.padStart(decimals + 1, "0").slice(0, -decimals) + "." + val.padStart(decimals + 1, "0").slice(-decimals)
+  );
+}
 function addCommasToDigits(value) {
   if (typeof value === "number") {
     value = value.toString();
@@ -71,6 +81,8 @@ export {
   removeChars,
   isString,
   removeCommas,
+  removeNonDigit,
+  addCommasToVariableDecimal,
   addCommasToDigits,
   removeLeadingZeros,
   elide

package/dist/{chunk-EFEPUABF.js → chunk-HH64IK4G.js}

@@ -1,33 +1,33 @@
 import {
   LabelString
-} from "./chunk-3AS7NXWQ.js";
+} from "./chunk-WAKOFEQQ.js";
 import {
   LabelModerateString
-} from "./chunk-2Y4B6XYK.js";
+} from "./chunk-42KSWK6C.js";
 import {
   LabelStrongString
-} from "./chunk-7XBITPVC.js";
+} from "./chunk-Q6P3RM67.js";
 import {
   OverlineString
-} from "./chunk-L3UM7PQ4.js";
-import {
-  BodyStrongString
-} from "./chunk-TBGADBO7.js";
-import {
-  DisplayString
-} from "./chunk-RUM5LV7O.js";
+} from "./chunk-2LLSIMYX.js";
 import {
   TitleString
-} from "./chunk-IVEDTGKR.js";
+} from "./chunk-Q2L5NELX.js";
 import {
   CodeString
-} from "./chunk-BFKS4XGF.js";
+} from "./chunk-JFXIPKS5.js";
+import {
+  DisplayString
+} from "./chunk-L3JCGD3R.js";
 import {
   BodyString
-} from "./chunk-RKWGY5RW.js";
+} from "./chunk-5UKUILS6.js";
+import {
+  BodyStrongString
+} from "./chunk-YQCP77WB.js";
 import {
   HeadlineString
-} from "./chunk-2YWWFRRD.js";
+} from "./chunk-GCI4XPLR.js";
 
 // src/components/typography/renderTypography.tsx
 import React from "react";

package/dist/chunk-HHOQWXGY.js

@@ -0,0 +1,40 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-W7FAWX6T.js";
+
+// src/hooks/useNumberInput/utils/getLocaleConfig.ts
+var defaultConfig = {
+  currencySymbol: "",
+  groupSeparator: "",
+  decimalSeparator: "",
+  prefix: "",
+  suffix: ""
+};
+var getLocaleConfig = (intlConfig) => {
+  const { locale, currency } = intlConfig || {};
+  const numberFormatter = locale ? new Intl.NumberFormat(
+    locale,
+    currency ? { currency, style: "currency" } : void 0
+  ) : new Intl.NumberFormat();
+  return numberFormatter.formatToParts(1000.1).reduce((prev, curr, i) => {
+    if (curr.type === "currency") {
+      if (i === 0) {
+        return __spreadProps(__spreadValues({}, prev), { currencySymbol: curr.value, prefix: curr.value });
+      } else {
+        return __spreadProps(__spreadValues({}, prev), { currencySymbol: curr.value, suffix: curr.value });
+      }
+    }
+    if (curr.type === "group") {
+      return __spreadProps(__spreadValues({}, prev), { groupSeparator: curr.value });
+    }
+    if (curr.type === "decimal") {
+      return __spreadProps(__spreadValues({}, prev), { decimalSeparator: curr.value });
+    }
+    return prev;
+  }, defaultConfig);
+};
+
+export {
+  getLocaleConfig
+};