@lightsparkdev/ui 1.0.13 → 1.0.15

package/dist/{chunk-CDA4RBHU.cjs → chunk-H7HEHP6B.cjs}

@@ -1,31 +1,31 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
+var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 
 
-var _chunkUBC75VRUcjs = require('./chunk-UBC75VRU.cjs');
+var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
+var _chunkOJXZ773Ccjs = require('./chunk-OJXZ773C.cjs');
 
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/typography/base/BodyStrong.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function BodyStrongString(props) {
-  const _a = getPropDefaults(props), { children } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["children"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledBodyStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledBodyStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), { children }));
 }
 function getPropDefaults(props) {
-  return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+  return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBodyStrong = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkQK32JW3Ncjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
-  ${_chunkUBC75VRUcjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkOJXZ773Ccjs.applyTypography.call(void 0, theme, "Body Strong", size, colorProp)}
+  ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 
 

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-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
+};

package/dist/{chunk-P2OCWRMQ.js → chunk-HJWXHKVC.js}

@@ -4,14 +4,14 @@ import {
 import {
   standardBorderRadius,
   subtext
-} from "./chunk-POGNK25N.js";
+} from "./chunk-QRFR2JVT.js";
 import {
   applyTypography
-} from "./chunk-TLFK5GBE.js";
+} from "./chunk-XNXBY2U3.js";
 import {
   getColor,
   themeOr
-} from "./chunk-N4C6SL6K.js";
+} from "./chunk-ZNDP2XLL.js";
 
 // src/styles/fields.tsx
 import { css } from "@emotion/react";

package/dist/chunk-HOSATPMS.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 _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
+
+
+var _chunkA3ACFWRZcjs = require('./chunk-A3ACFWRZ.cjs');
+
+
+var _chunkBW6SKFVJcjs = require('./chunk-BW6SKFVJ.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, 
+            _chunkNPXZDRT5cjs.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, _chunkA3ACFWRZcjs.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" : _chunkBW6SKFVJcjs.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-HO7LVJ3R.js → chunk-HU2UCL6I.js}

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/styles/colors.tsx
 var neutral = {
@@ -30,6 +30,7 @@ var primary = "#FFF14E";
 var baseColors = __spreadProps(__spreadValues({}, neutral), {
   // green
   success: "#17C27C",
+  green: "#46ac4a",
   green33: "#179257",
   green35: "#19981E",
   // blue
@@ -41,6 +42,7 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   // less than 50% saturated blue
   grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue10: "#14161D",
   grayBlue12: "#2D2E34",
   grayBlue14: "#3A3B41",
   grayBlue18: "#21283a",
@@ -50,16 +52,19 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue69: "#A6A9BA",
+  grayBlue78: "#C0C6CE",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",
   grayBlue92: "#E1EBF5",
   grayBlue93: "#E6EEF6",
   grayBlue94: "#EBEEF2",
+  grayBlue95: "#F2F3F5",
   grayBlue96: "#F2F5F7",
   // purple
   purple43: "#820AD1",
   purple55: "#8B38DE",
   // red
+  red50: "#E31A1A",
   red42a10: "#D800271A",
   red42a20: "#D800272D",
   red42a30: "#D800273F",

package/dist/chunk-I67F23VZ.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Contrast.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Contrast({
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M10.5 6C10.5 8.4853 8.4853 10.5 6 10.5C3.51472 10.5 1.5 8.4853 1.5 6C1.5 3.51472 3.51472 1.5 6 1.5C8.4853 1.5 10.5 3.51472 10.5 6Z",
+            stroke: "currentColor",
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M6 1.75V10.25",
+            stroke: "currentColor",
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M7.5 2V10",
+            stroke: "currentColor",
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M9 2.75V9.25",
+            stroke: "currentColor",
+            strokeLinecap,
+            strokeLinejoin
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.Contrast = Contrast;

package/dist/{chunk-ZG375EQX.cjs → chunk-I6ZPCEVH.cjs}

@@ -1,33 +1,36 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJBO3HA6Gcjs = require('./chunk-JBO3HA6G.cjs');
+var _chunkV2HGIJA7cjs = require('./chunk-V2HGIJA7.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
+
 
 
-var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
 
+var _chunkZS6OPCVJcjs = require('./chunk-ZS6OPCVJ.cjs');
 
 
+var _chunkWBKVP5QRcjs = require('./chunk-WBKVP5QR.cjs');
 
-var _chunkE36KSEQZcjs = require('./chunk-E36KSEQZ.cjs');
+
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
+var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
 
 
-var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
+var _chunk4GO7VWXEcjs = require('./chunk-4GO7VWXE.cjs');
 
 
-var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
+var _chunkBW6SKFVJcjs = require('./chunk-BW6SKFVJ.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 ? _chunkSCLUBPNMcjs.toReactNodes.call(void 0, toast.text) : null });
+    const nodesWithTypography = toast.text ? _chunkV2HGIJA7cjs.setDefaultReactNodesTypography.call(void 0, toast.text, {
+      default: defaultTypography
+    }) : null;
+    const textNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: nodesWithTypography ? _chunkT3KB7JMUcjs.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, 
-              _chunkJBO3HA6Gcjs.UnstyledButton,
+              _chunkWBKVP5QRcjs.UnstyledButton,
               {
-                css: _chunkE36KSEQZcjs.extend.call(void 0, _chunkE36KSEQZcjs.flexCenter, {
+                css: _chunkZS6OPCVJcjs.extend.call(void 0, _chunkZS6OPCVJcjs.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, _chunkORWZTMF2cjs.Icon, { name: "Close", width: 9 })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPXZDRT5cjs.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: ${_chunkE36KSEQZcjs.pxToRems.call(void 0, 16)};
+  line-height: ${_chunkZS6OPCVJcjs.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 : _chunk6DWDBCUJcjs.themeOr.call(void 0, "#2A50B2", _chunkJBCEOOZScjs.colors.blue43)};
+  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? _chunkZBLXVPL4cjs.colors.blue43 : _chunkBW6SKFVJcjs.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% - ${_chunkD262WAOVcjs.standardContentInset.smPx * 2}px);
+  max-width: calc(100% - ${_chunk4GO7VWXEcjs.standardContentInset.smPx * 2}px);
 
   max-height: ${beginHeightPx}px;
   width: 0px;

package/dist/{chunk-2KOU5SKP.js → chunk-ICMDZA3U.js}

@@ -1,28 +1,28 @@
-import {
-  Pill
-} from "./chunk-JA2CQPTC.js";
 import {
   TextInput
-} from "./chunk-SUFXV4SF.js";
+} from "./chunk-PGMSWFOT.js";
+import {
+  Pill
+} from "./chunk-QI5LZWCE.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-P2OCWRMQ.js";
+} from "./chunk-HJWXHKVC.js";
 import {
   UnstyledButton
-} from "./chunk-ZP6BJB4X.js";
-import {
-  useClipboard
-} from "./chunk-NFQP7P3D.js";
+} from "./chunk-QYJ7HXKC.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-NXAP7SVM.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   __async
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/ReadClipboardButton.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-K3G4NMAH.js → chunk-ILQ25KFY.js}

@@ -1,33 +1,36 @@
 import {
   smHeaderLogoMarginLeft
 } from "./chunk-VQVEZVAG.js";
+import {
+  IconToggle
+} from "./chunk-V7EV2TRB.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 {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-POGNK25N.js";
+} from "./chunk-QRFR2JVT.js";
 import {
   Link
-} from "./chunk-7VQUG3NG.js";
+} from "./chunk-FD6VC3VV.js";
 import {
   themeOr
-} from "./chunk-N4C6SL6K.js";
+} from "./chunk-ZNDP2XLL.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/Dropdown.tsx
 import { css, useTheme } from "@emotion/react";
@@ -314,6 +317,13 @@ function DropdownItem({ dropdownItem, onClick }) {
       }
     );
   }
+  if (dropdownItem.toggle) {
+    return /* @__PURE__ */ jsxs(DropdownItemDiv, { selected: false, css: cssProp2, withHoverColor: false, children: [
+      dropdownItemIconNode,
+      dropdownItem.label,
+      /* @__PURE__ */ jsx("div", { css: { marginLeft: "auto" }, children: /* @__PURE__ */ jsx(IconToggle, __spreadValues({}, dropdownItem.toggle)) })
+    ] });
+  }
   return /* @__PURE__ */ jsxs(
     DropdownItemDiv,
     {
@@ -330,7 +340,11 @@ function DropdownItem({ dropdownItem, onClick }) {
 var DropdownButton = styled(UnstyledButton)`
   ${standardFocusOutline}
 `;
-var dropdownItemStyle = ({ selected, theme }) => `
+var dropdownItemStyle = ({
+  theme,
+  selected,
+  withHoverColor = true
+}) => `
   background-color: ${selected ? theme.primary : "transparent"};
   box-sizing: border-box;
   cursor: pointer;
@@ -344,9 +358,11 @@ var dropdownItemStyle = ({ selected, theme }) => `
   padding: 8px 16px;
   ${bp.sm(`padding-left: ${smHeaderLogoMarginLeft};`)}
 
-  &:hover {
-    color: ${theme.hcNeutral} !important;
-  }
+  ${withHoverColor ? `
+      &:hover {
+        color: ${theme.hcNeutral} !important;
+      }
+      ` : ""}
 `;
 var cssProp = ({
   theme,

package/dist/chunk-INQDLTDH.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ArrowLeftCircleCutout.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ArrowLeftCircleCutout() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 31 30",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M0.500978 14.9998C0.500978 23.284 7.21678 29.9998 15.501 29.9998C23.7853 29.9998 30.501 23.284 30.501 14.9998C30.501 6.71556 23.7853 -0.000242233 15.501 -0.000242233C7.21678 -0.000242233 0.500978 6.71556 0.500978 14.9998ZM9.50098 19.8748C9.50098 20.4961 10.0047 20.9998 10.626 20.9998H18.876C19.4973 20.9998 20.001 20.4961 20.001 19.8748C20.001 19.2534 19.4973 18.7498 18.876 18.7498H13.342L21.1715 10.9202C21.6108 10.4809 21.6108 9.76866 21.1715 9.32931C20.7321 8.88996 20.0198 8.88996 19.5805 9.32931L11.751 17.1587V11.6248C11.751 11.0035 11.2473 10.4998 10.626 10.4998C10.0047 10.4998 9.50098 11.0035 9.50098 11.6248V19.8748Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ArrowLeftCircleCutout = ArrowLeftCircleCutout;

package/dist/chunk-IO33D4VH.cjs

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useNumberInput/utils/isNumber.ts
+var isNumber = (input) => RegExp(/\d/, "gi").test(input);
+
+
+
+exports.isNumber = isNumber;

package/dist/{chunk-WDZTASE5.cjs → chunk-IQNQAXSO.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
+var _chunk4GO7VWXEcjs = require('./chunk-4GO7VWXE.cjs');
 
 
-var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
+var _chunkBW6SKFVJcjs = require('./chunk-BW6SKFVJ.cjs');
 
 // src/components/ProgressBar.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,8 +41,8 @@ function ProgressBar({
 }
 ProgressBar.defaultProps = defaultProps;
 var ProgressBarContainer = _styled2.default.div`
-  ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, 16)}
-  background-color: ${({ theme }) => _chunk6DWDBCUJcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
+  ${_chunk4GO7VWXEcjs.standardBorderRadius.call(void 0, 16)}
+  background-color: ${({ theme }) => _chunkBW6SKFVJcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
   box-sizing: border-box;
   display: flex;
   height: ${({ isSm }) => isSm ? "6px" : "16px"};
@@ -51,7 +51,7 @@ var ProgressBarContainer = _styled2.default.div`
   position: relative;
 `;
 var BarBg = _styled2.default.div`
-  ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunk4GO7VWXEcjs.standardBorderRadius.call(void 0, 16)}
   width: ${({ percentage }) => 100 / percentage * 100}%;
   height: 100%;
 
@@ -65,7 +65,7 @@ var BarBg = _styled2.default.div`
   )`};
 `;
 var Bar = _styled2.default.div`
-  ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunk4GO7VWXEcjs.standardBorderRadius.call(void 0, 16)}
   overflow: hidden;
   box-sizing: border-box;
   display: inline-block;