@lightsparkdev/ui 1.0.14 → 1.0.16

package/dist/{chunk-H3AKZTZT.js → chunk-4X6XJ2LR.js}

@@ -1,25 +1,25 @@
-import {
-  useClipboard
-} from "./chunk-NFQP7P3D.js";
 import {
   lineClamp
-} from "./chunk-A4MP3LYH.js";
+} from "./chunk-OFNX3IEO.js";
 import {
   Icon
-} from "./chunk-RMZQSXO2.js";
+} from "./chunk-HOGSXW62.js";
 import {
   applyTypography
-} from "./chunk-XBZNPA3L.js";
+} from "./chunk-JQLRGNLP.js";
 import {
   elide
-} from "./chunk-EDN2QDCB.js";
+} from "./chunk-HAC5YAGQ.js";
 import {
   getLineHeightNumberForTypographyType
-} from "./chunk-EWNQ3Z3L.js";
+} from "./chunk-FGZFMWJU.js";
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/ClipboardTextField.tsx
 import { useTheme } from "@emotion/react";

package/dist/chunk-5AK3WHFN.cjs

@@ -0,0 +1,61 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Messages.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Messages({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "25",
+      height: "26",
+      viewBox: "0 0 25 26",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "g", { clipPath: "url(#clip0_450_127605)", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "rect",
+            {
+              y: "0.5",
+              width: "25",
+              height: "25",
+              rx: "6",
+              fill: "url(#paint0_linear_450_127605)"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "path",
+            {
+              d: "M12 19.3403C16.8325 19.3403 20.75 16.0541 20.75 12.0002C20.75 7.94643 16.8325 4.66016 12 4.66016C7.16751 4.66016 3.25 7.94643 3.25 12.0002C3.25 14.5483 4.79777 16.7932 7.14767 18.1092C7.36308 18.2299 7.47351 18.485 7.37294 18.7105C7.13218 19.2502 6.77538 19.7628 6.41797 20.1965C7.1441 20.1965 8.08445 19.962 9.11587 19.1551C9.24522 19.0539 9.41368 19.0158 9.57331 19.0544C10.3438 19.2406 11.158 19.3403 12 19.3403Z",
+              fill: "white"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "defs", { children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "linearGradient",
+            {
+              id: "paint0_linear_450_127605",
+              x1: "12.501",
+              y1: "25.5019",
+              x2: "12.501",
+              y2: "0.5",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { stopColor: "#0ABC28" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "stop", { offset: "1", stopColor: "#5DF877" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "clipPath", { id: "clip0_450_127605", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { y: "0.5", width: "25", height: "25", rx: "6", fill: "white" }) })
+        ] })
+      ]
+    }
+  );
+}
+
+
+
+exports.Messages = Messages;

package/dist/{chunk-VT467EST.cjs → chunk-5BULL4NB.cjs}

@@ -4,10 +4,10 @@ var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.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 _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -19,21 +19,34 @@ require('react-tooltip/dist/react-tooltip.css');
 require('./static/fonts.css');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var getFontImport = (theme) => {
-  switch (theme.typography.fontFamilies.main) {
-    case "Inter":
-      return `@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');`;
-    case "Manrope":
-    case "Montserrat":
-      return `@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");`;
-    default:
-      return "";
+  let importStr = "";
+  const fontStrs = [];
+  const interStr = "Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";
+  const manropeStr = "Manrope:wght@200..800";
+  const montserratStr = "Montserrat:ital,wght@0,100..900;1,100..900";
+  const robotoMonoStr = "Roboto+Mono:ital,wght@0,100..700;1,100..700";
+  if (theme.typography.fontFamilies.main === "Inter") {
+    fontStrs.push(interStr);
+  } else if (theme.typography.fontFamilies.main === "Manrope") {
+    fontStrs.push(manropeStr);
+  } else if (theme.typography.fontFamilies.main === "Montserrat") {
+    fontStrs.push(montserratStr);
   }
+  if (theme.typography.fontFamilies.code === "Roboto Mono") {
+    fontStrs.push(robotoMonoStr);
+  }
+  if (fontStrs.length) {
+    importStr = `@import url('https://fonts.googleapis.com/css2?family=${fontStrs.join(
+      "&family="
+    )}&display=swap');`;
+  }
+  return importStr;
 };
 var globalComponentStyles = ({ theme }) => _react.css`
   ${getFontImport(theme)};
 
   html {
-    font-size: ${_chunkRUDXRW4Rcjs.rootFontSizeRems}rem;
+    font-size: ${_chunk2KKFVDUDcjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -63,7 +76,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunkRUDXRW4Rcjs.standardLineHeightEms}em;
+    line-height: ${_chunk2KKFVDUDcjs.standardLineHeightEms}em;
   }
 
   code {
@@ -110,7 +123,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkCUOCAP4Wcjs.useThemeBg.call(void 0, );
+  const bg = _chunkEUDYMZXOcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;

package/dist/chunk-5DZXDNIM.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
+
+
+
+var _chunk7PPCT47Icjs = require('./chunk-7PPCT47I.cjs');
+
+
+
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+
+// src/components/typography/Code.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Code(props) {
+  const propsWithDefaults = _chunk7PPCT47Icjs.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, _chunk7PPCT47Icjs.StyledCode, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.Code = Code;

package/dist/chunk-5QPEYF6O.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
+
+
+
+var _chunk3IDFXUKWcjs = require('./chunk-3IDFXUKW.cjs');
+
+
+
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+
+// src/components/typography/LabelStrong.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LabelStrong(props) {
+  const propsWithDefaults = _chunk3IDFXUKWcjs.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, _chunk3IDFXUKWcjs.StyledLabelStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.LabelStrong = LabelStrong;

package/dist/{chunk-77U6YEA5.js → chunk-5REKCOX4.js}

@@ -1,14 +1,14 @@
 import {
   toReactNodes
-} from "./chunk-3NZOR3KT.js";
+} from "./chunk-C3PR3QMX.js";
 import {
   StyledBodyStrong,
   getPropDefaults
-} from "./chunk-TBGADBO7.js";
+} from "./chunk-YQCP77WB.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/typography/BodyStrong.tsx
 import { jsx } from "@emotion/react/jsx-runtime";

package/dist/chunk-5SDYMWK3.js

@@ -0,0 +1,66 @@
+import {
+  Icon
+} from "./chunk-HOGSXW62.js";
+import {
+  getColor
+} from "./chunk-WFSTDMMY.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-RKWGY5RW.js → chunk-5UKUILS6.js}

@@ -1,17 +1,17 @@
 import {
   getPropDefaultsBase
-} from "./chunk-76FQY6HX.js";
+} from "./chunk-LEMT5P3Z.js";
 import {
   typographyStyles
-} from "./chunk-BU6N4DJ3.js";
+} from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-XBZNPA3L.js";
+} from "./chunk-JQLRGNLP.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-RSQWIVP4.cjs → chunk-5VNXSEYJ.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/static/images/Logo.svg
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-var SvgLogo = (props) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { viewBox: "0 0 169 34", width: "100%", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
+var SvgLogo = (props) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { viewBox: "0 0 169 34", width: "100%", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M44.898 21.7971H39.3337V11.6397H37.8989V23.2049H46.3245V18.0239H44.898V21.7971Z", fill: "currentColor" }),
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M50.796 13.0393H53.8242V21.7971H50.796V23.2049H58.2456V21.7971H55.2591V13.0393H58.2456V11.6397H50.796V13.0393Z", fill: "currentColor" }),
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M70.3 21.7972H67.2217C65.6868 21.7972 65.1445 21.5516 64.9527 21.4125C64.6607 21.1915 64.5189 20.7577 64.5189 20.1275V14.7582C64.5189 14.1116 64.6523 13.645 64.9193 13.4158C65.0778 13.2767 65.545 13.0393 66.838 13.0393H70.8339V11.6315H66.838C65.3948 11.6315 64.4605 11.8689 63.9099 12.3682C63.3676 12.8675 63.0923 13.6696 63.0923 14.75V20.1193C63.0923 20.6267 63.1507 21.0687 63.2675 21.437C63.401 21.8708 63.6513 22.231 64.0183 22.5093C64.352 22.763 64.8025 22.9512 65.3531 23.0576C65.8453 23.1559 66.4793 23.205 67.2301 23.205H71.7349V18.1385H70.3V21.7972Z", fill: "currentColor" }),

package/dist/chunk-63FTHNXH.js

@@ -0,0 +1,27 @@
+// src/icons/ZapLite.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ZapLite() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M19.7977 8.74998H13.7499C13.4738 8.74998 13.2499 8.52612 13.2499 8.24998V2.35568C13.2499 1.86503 12.6168 1.6679 12.3383 2.07181L3.79055 14.4661C3.5618 14.7978 3.79923 15.25 4.20215 15.25H10.2499C10.526 15.25 10.7499 15.4739 10.7499 15.75V21.6443C10.7499 22.135 11.3829 22.3321 11.6615 21.9282L20.2093 9.53385C20.4381 9.20216 20.2006 8.74998 19.7977 8.74998Z",
+          stroke: "#16171A",
+          strokeWidth: "1.5",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ZapLite
+};

package/dist/chunk-63N6TQR2.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CloudUpload.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function CloudUpload() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 48 49", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "path",
+    {
+      d: "M24 38.5V24.5M24 24.5L29 29.5M24 24.5L19 29.5M16 38.5H14C8.47716 38.5 4 34.0228 4 28.5C4 23.4346 7.76632 19.2487 12.6514 18.5902C14.273 13.8824 18.7415 10.5 24 10.5C30.6274 10.5 36 15.8726 36 22.5C40.4182 22.5 44 26.0818 44 30.5C44 34.9182 40.4182 38.5 36 38.5H32",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+
+
+
+exports.CloudUpload = CloudUpload;

package/dist/{chunk-7LHJROJJ.js → chunk-642QHJRK.js}

@@ -1,6 +1,6 @@
 import {
   textInputStyle
-} from "./chunk-GEE2G7BL.js";
+} from "./chunk-LYQQBGMY.js";
 
 // src/components/CodeInput/SingleCodeInput.tsx
 import { css, useTheme } from "@emotion/react";

package/dist/{chunk-RCA7Z3AT.js → chunk-6BARFBNQ.js}

@@ -1,16 +1,16 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-6GJZZ2PX.js";
+} from "./chunk-JZ4RXNUO.js";
 import {
   toReactNodes
-} from "./chunk-3NZOR3KT.js";
+} from "./chunk-C3PR3QMX.js";
 import {
   themeOrWithKey,
   themes
-} from "./chunk-QNPCRFUV.js";
+} from "./chunk-WFSTDMMY.js";
 import {
   getLineHeightForTypographyType
-} from "./chunk-EWNQ3Z3L.js";
+} from "./chunk-FGZFMWJU.js";
 
 // src/components/PendingValue.tsx
 import { css, keyframes, ThemeProvider } from "@emotion/react";

package/dist/chunk-6HENA5PI.js

@@ -0,0 +1,28 @@
+// src/icons/ShieldCheckLite.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ShieldCheckLite() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M9.25 11.4999L11 13.2499L14.75 9.49986M20.25 11.9122V6.22062C20.25 5.79019 19.9746 5.40805 19.5662 5.27194L12.3162 2.85527C12.111 2.78685 11.889 2.78685 11.6838 2.85527L4.43377 5.27194C4.02543 5.40805 3.75 5.79019 3.75 6.22062V11.9122C3.75 16.8847 8 19.2499 12 21.4078C16 19.2499 20.25 16.8847 20.25 11.9122Z",
+          stroke: "#16171A",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ShieldCheckLite
+};

package/dist/{chunk-RRXS447G.js → chunk-6HXRUUSC.js}

@@ -1,14 +1,14 @@
 import {
   toReactNodes
-} from "./chunk-3NZOR3KT.js";
+} from "./chunk-C3PR3QMX.js";
 import {
   StyledLabel,
   getPropDefaults
-} from "./chunk-3AS7NXWQ.js";
+} from "./chunk-WAKOFEQQ.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/typography/Label.tsx
 import { jsx } from "@emotion/react/jsx-runtime";

package/dist/{chunk-DGFWQF4M.cjs → chunk-6JBRQSAC.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk22OKXUZAcjs = require('./chunk-22OKXUZA.cjs');
+var _chunk27L4UDZXcjs = require('./chunk-27L4UDZX.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunk2N6KBD5Acjs = require('./chunk-2N6KBD5A.cjs');
 
 
-var _chunkOEJWIKG7cjs = require('./chunk-OEJWIKG7.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkRSAWZM47cjs = require('./chunk-RSAWZM47.cjs');
+var _chunk2U6C2FAGcjs = require('./chunk-2U6C2FAG.cjs');
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/DataManagerTable/StringFilter.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -32,14 +32,14 @@ var StringFilter = ({
 }) => {
   var _a;
   const handleChange = (value) => {
-    updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+    updateFilterState(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state), {
       value,
       isApplied: !!value
     }));
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkRSAWZM47cjs.Button,
+      _chunk2U6C2FAGcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -48,7 +48,7 @@ var StringFilter = ({
         iconSide: "right",
         onClick: () => {
           var _a2;
-          updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+          updateFilterState(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state), {
             appliedValues: (_a2 = state.appliedValues) == null ? void 0 : _a2.filter(
               (appliedValue) => appliedValue !== value
             )
@@ -59,8 +59,8 @@ var StringFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22OKXUZAcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOEJWIKG7cjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk27L4UDZXcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk2N6KBD5Acjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/chunk-6JJFCYKD.js

@@ -0,0 +1,87 @@
+import {
+  useNumberInput
+} from "./chunk-T6Q43UMB.js";
+import {
+  TextInput
+} from "./chunk-IE3QUJRS.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-W7FAWX6T.js";
+
+// src/components/NumberInput.tsx
+import { useCallback, useRef } from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+function NumberInput(_a) {
+  var _b = _a, {
+    maxValue,
+    onRightButtonClick,
+    onChange: onChangeProp
+  } = _b, rest = __objRest(_b, [
+    "maxValue",
+    "onRightButtonClick",
+    "onChange"
+  ]);
+  const ref = useRef(null);
+  const {
+    getRenderValue,
+    handleOnChange,
+    handleOnBlur,
+    handleOnFocus,
+    handleOnKeyDown,
+    handleOnKeyUp
+  } = useNumberInput(__spreadProps(__spreadValues({}, rest), {
+    onChange: onChangeProp,
+    ref
+  }));
+  const onChange = useCallback(
+    (value, event) => {
+      handleOnChange(event);
+    },
+    [handleOnChange]
+  );
+  const handleRightButtonClick = useCallback(
+    (event) => {
+      event.preventDefault();
+      if (maxValue && onChangeProp) {
+        onChangeProp(maxValue.toString());
+      }
+      if (onRightButtonClick) {
+        onRightButtonClick(event);
+      }
+    },
+    [maxValue, onRightButtonClick, onChangeProp]
+  );
+  const onKeyDown = useCallback(
+    (keyValue, event) => {
+      handleOnKeyDown(event);
+    },
+    [handleOnKeyDown]
+  );
+  return /* @__PURE__ */ jsx(
+    TextInput,
+    __spreadProps(__spreadValues({
+      placeholder: "Enter a number"
+    }, rest), {
+      onKeyDown,
+      onKeyUp: handleOnKeyUp,
+      onChange,
+      onBlur: handleOnBlur,
+      onFocus: handleOnFocus,
+      value: getRenderValue(),
+      inputRef: ref,
+      type: "text",
+      inputMode: "decimal",
+      pattern: "[0-9,.]*",
+      rightButtonText: maxValue ? "Max" : void 0,
+      onRightButtonClick: handleRightButtonClick
+    })
+  );
+}
+var NumberInput_default = NumberInput;
+
+export {
+  NumberInput,
+  NumberInput_default
+};