@lightsparkdev/ui 1.1.16 → 1.1.18

package/dist/{chunk-SUNEGCHH.cjs → chunk-55564BFH.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUW2JL7WZcjs = require('./chunk-UW2JL7WZ.cjs');
+var _chunkGAZMUBEBcjs = require('./chunk-GAZMUBEB.cjs');
 
 
-var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
+var _chunkS4722UITcjs = require('./chunk-S4722UIT.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -240,12 +240,26 @@ function CodeInput({
     }, 0);
   }, [onBlur]);
   const inputsPerGroup = Math.ceil(codeLength / 2);
+  const onContainerMouseDown = _react.useCallback.call(void 0, 
+    (event) => {
+      var _a, _b;
+      const target = event.target;
+      const isClickingFilledInput = target.tagName === "INPUT" && ((_a = inputState[target.id]) == null ? void 0 : _a.value) !== "";
+      if (!isClickingFilledInput) {
+        event.preventDefault();
+        const firstEmptyIndex = codeFromInputState(inputState).length;
+        const targetIndex = firstEmptyIndex < codeLength ? firstEmptyIndex : codeLength - 1;
+        (_b = getRef(getInputId(targetIndex), inputRefs)) == null ? void 0 : _b.focus();
+      }
+    },
+    [codeLength, getInputId, inputState, inputRefs]
+  );
   const inputs = [];
   for (let i = 0; i < codeLength; i += 1) {
     const inputId = getInputId(i);
     inputs.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkUW2JL7WZcjs.SingleCodeInput,
+        _chunkGAZMUBEBcjs.SingleCodeInput,
         {
           value: inputState[inputId].value,
           id: inputId,
@@ -296,7 +310,7 @@ function CodeInput({
     );
   }
   if (variant === "unified") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedCodeInputContainer, { children: inputs });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedCodeInputContainer, { onMouseDown: onContainerMouseDown, children: inputs });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCodeInput, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CodeInputGroup, { children: inputs.slice(0, inputsPerGroup) }),
@@ -324,7 +338,7 @@ var CodeInputGroup = _styled2.default.div`
 var CodeInputGroupSeparator = _styled2.default.div`
   width: ${separatorWidth}px;
   height: 4px;
-  background-color: ${_chunkSG2KPTGOcjs.textInputBorderColor};
+  background-color: ${_chunkS4722UITcjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;

package/dist/{chunk-TOZKCVZQ.cjs → chunk-57NMH3OX.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
+var _chunkCH7LJMGNcjs = require('./chunk-CH7LJMGN.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
 
 // src/components/Collapsible.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -54,7 +54,7 @@ function Collapsible({
         {
           isOpen,
           useCustomIcon: openIcon !== void 0 && closeIcon !== void 0,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { width: iconWidth, name: iconName })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWUHIPLEUcjs.Icon, { width: iconWidth, name: iconName })
         }
       )
     ] }),
@@ -73,7 +73,7 @@ var StyledCollapsibleButton = _styled2.default.button`
   background: none;
   border: none;
   cursor: pointer;
-  ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, 8)}
   padding: 0;
 `;
 var IconContainer = _styled2.default.div`
@@ -95,7 +95,7 @@ var CollapsingContainer = _styled2.default.div`
   ${(props) => props.isOpen ? `height: 100%; animation-name: fadeIn;` : `height: 0; animation-name: fadeOut;`}
   ${(props) => props.full ? `height: ${props.isOpen ? "100vh" : 0};` : ""}
 
-  ${_chunkHBHJ3IFPcjs.overflowAutoWithoutScrollbars}
+  ${_chunkCH7LJMGNcjs.overflowAutoWithoutScrollbars}
 
   @keyframes fadeIn {
     from {

package/dist/{chunk-HXTTYB7W.js → chunk-5HGLPBZW.js}

@@ -2,11 +2,11 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-RURWLQBJ.js";
+} from "./chunk-6LWM35PR.js";
 import {
   isDark,
   themeOr
-} from "./chunk-GBEYKWHU.js";
+} from "./chunk-YAXYAKUK.js";
 
 // src/components/Table/TableEmptyState.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-45OAAZRS.js → chunk-5IB74GCV.js}

@@ -2,7 +2,7 @@ import {
   InputSubtext,
   Label,
   textInputStyle
-} from "./chunk-YCSXA2KQ.js";
+} from "./chunk-LJJL3R4H.js";
 
 // src/components/TextArea.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-YWJN4224.cjs → chunk-5IQ6G7A5.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZ4U2SJAWcjs = require('./chunk-Z4U2SJAW.cjs');
+var _chunkY7PBSDLPcjs = require('./chunk-Y7PBSDLP.cjs');
 
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
 
 
 var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
@@ -48,7 +48,7 @@ function Toggle({
 var width = 44;
 var circleDim = 20;
 var circleOffset = 2;
-var ToggleButton = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton)`
+var ToggleButton = _styled2.default.call(void 0, _chunkY7PBSDLPcjs.UnstyledButton)`
   color: ${_chunkWRQU4F3Ncjs.colors.white};
   font-weight: 500;
   border-radius: 44px;
@@ -57,11 +57,11 @@ var ToggleButton = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButto
   opacity: ${({ disabled }) => disabled ? 0.3 : 1};
   background-color: ${({ bg, theme, isOn }) => {
   if (bg) {
-    return _chunkEINUB4JIcjs.getColor.call(void 0, theme, bg);
+    return _chunkNNAUX3OGcjs.getColor.call(void 0, theme, bg);
   } else if (isOn) {
     return theme.success;
   }
-  return _chunkEINUB4JIcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
+  return _chunkNNAUX3OGcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
 }};
   position: relative;
   &:after {

package/dist/{chunk-OLSW5AC3.cjs → chunk-5JZWRHGQ.cjs}

@@ -6,7 +6,7 @@ var _chunkU6XO2EF4cjs = require('./chunk-U6XO2EF4.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkG6GE2K3Lcjs = require('./chunk-G6GE2K3L.cjs');
+var _chunkTUIKHIRHcjs = require('./chunk-TUIKHIRH.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkU6XO2EF4cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledLabelModerate = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkG6GE2K3Lcjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkTUIKHIRHcjs.applyTypography.call(void 0, theme, "Label Moderate", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-SMZPJBL2.js → chunk-63GEHMED.js}

@@ -1,6 +1,6 @@
 import {
   toReactNodes
-} from "./chunk-W5L3SQ2I.js";
+} from "./chunk-JGQA7X73.js";
 import {
   isClipboardTextFieldNode,
   isCurrencyAmountNode,

package/dist/{chunk-NWNST7EC.js → chunk-6BTTR7GJ.js}

@@ -1,6 +1,6 @@
 import {
   TextInput
-} from "./chunk-AZ3RYGYM.js";
+} from "./chunk-VMMTAIK4.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-RURWLQBJ.js → chunk-6LWM35PR.js}

@@ -1,6 +1,6 @@
 import {
   themeOr
-} from "./chunk-GBEYKWHU.js";
+} from "./chunk-YAXYAKUK.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-FMIKBVQN.cjs → chunk-6NCXAYPS.cjs}

@@ -3,10 +3,10 @@
 var _chunkFBWTYGYEcjs = require('./chunk-FBWTYGYE.cjs');
 
 
-var _chunkMIDHYNWFcjs = require('./chunk-MIDHYNWF.cjs');
+var _chunkOQSNN77Ucjs = require('./chunk-OQSNN77U.cjs');
 
 
-var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
+var _chunkS4722UITcjs = require('./chunk-S4722UIT.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -15,7 +15,7 @@ var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
 
 
 var _chunkCC4HS72Dcjs = require('./chunk-CC4HS72D.cjs');
@@ -158,8 +158,8 @@ var DateWidget = ({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
     dateRangeOperation === "is between" /* IsBetween */ && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Indicators, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "ArrowCornerDownRight", width: 16, color: "c6Neutral" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMIDHYNWFcjs.LabelModerate, { color: "c6Neutral", children: "and" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWUHIPLEUcjs.Icon, { name: "ArrowCornerDownRight", width: 16, color: "c6Neutral" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQSNN77Ucjs.LabelModerate, { color: "c6Neutral", children: "and" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CalendarContents, { active, children: calendarComponent })
   ] });
@@ -243,7 +243,7 @@ var CalendarContents = _styled2.default.div`
     height: 100%;
     flex-grow: 1;
     padding: 0 2px;
-    ${({ theme, active }) => _chunkSG2KPTGOcjs.textInputStyle.call(void 0, { theme, active })};
+    ${({ theme, active }) => _chunkS4722UITcjs.textInputStyle.call(void 0, { theme, active })};
     input:focus-visible {
       outline: none;
     }

package/dist/{chunk-7NSPVTCT.cjs → chunk-6XGIDHEM.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZZXS2NVFcjs = require('./chunk-ZZXS2NVF.cjs');
+var _chunkI2VF5EBNcjs = require('./chunk-I2VF5EBN.cjs');
 
 
-var _chunkYWJN4224cjs = require('./chunk-YWJN4224.cjs');
+var _chunk5IQ6G7A5cjs = require('./chunk-5IQ6G7A5.cjs');
 
 
 var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
@@ -12,30 +12,30 @@ var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.cjs');
 var _chunkEZUXCJOHcjs = require('./chunk-EZUXCJOH.cjs');
 
 
-var _chunkCR55KSPGcjs = require('./chunk-CR55KSPG.cjs');
+var _chunkGGPCU5XOcjs = require('./chunk-GGPCU5XO.cjs');
 
 
-var _chunkZ4U2SJAWcjs = require('./chunk-Z4U2SJAW.cjs');
+var _chunkY7PBSDLPcjs = require('./chunk-Y7PBSDLP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
+var _chunk24X6QUDRcjs = require('./chunk-24X6QUDR.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
 
 
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
 
 
-var _chunkTZ7XF6DBcjs = require('./chunk-TZ7XF6DB.cjs');
+var _chunkIN2QEMOTcjs = require('./chunk-IN2QEMOT.cjs');
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -263,7 +263,7 @@ function Dropdown({
   } else if ("getContent" in button) {
     buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnstyledDropdownButton, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonUnstyledButtonProps), { children: button.getContent({ isOpen, theme }) }));
   } else {
-    buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCR55KSPGcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), commonButtonProps));
+    buttonNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGGPCU5XOcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), commonButtonProps));
   }
   const containerCSS = getCSS && getCSS({ isOpen, theme });
   const dropdownItemsCSS = getDropdownItemsCSS && getDropdownItemsCSS({ isOpen, theme });
@@ -290,15 +290,23 @@ function Dropdown({
               css: dropdownItemsCSS,
               children: [
                 dropdownItems == null ? void 0 : dropdownItems.map((dropdownItem, i) => {
-                  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { onBlur: handleBlur, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    DropdownItem,
+                  var _a;
+                  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "li",
                     {
-                      dropdownItem,
-                      dropdownButtonHeight,
-                      onClick: handleClickDropdownItems,
-                      getDropdownCss: getCSS
-                    }
-                  ) }, dropdownItem.to);
+                      onBlur: handleBlur,
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        DropdownItem,
+                        {
+                          dropdownItem,
+                          dropdownButtonHeight,
+                          onClick: handleClickDropdownItems,
+                          getDropdownCss: getCSS
+                        }
+                      )
+                    },
+                    `${(_a = dropdownItem.to) != null ? _a : ""}${dropdownItem.hash ? `#${dropdownItem.hash}` : ""}-${i}`
+                  );
                 }),
                 dropdownContent,
                 footer && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownFooter, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, footerCSS && { css: footerCSS }), { children: footer }))
@@ -319,9 +327,9 @@ var DropdownFooter = _styled2.default.div`
   `}
 `;
 var DropdownItems = _styled2.default.ul`
-  ${_chunkBXREC2NYcjs.overlaySurface}
-  color: ${({ theme }) => _chunkEINUB4JIcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
-  ${({ borderRadius }) => _chunkBXREC2NYcjs.standardBorderRadius.call(void 0, borderRadius)}
+  ${_chunkNFHQ3LH4cjs.overlaySurface}
+  color: ${({ theme }) => _chunkNNAUX3OGcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
+  ${({ borderRadius }) => _chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, borderRadius)}
   ${({ hasItems }) => hasItems ? "padding: 12px 0;" : "padding: 0;"}
   visibility: ${({ isOpen }) => isOpen ? "visible" : "hidden"};
   position: fixed;
@@ -344,7 +352,7 @@ function DropdownItem({
   const iconSide = dropdownItem.iconSide || "left";
   const dropdownItemIcon = dropdownItem.getIcon && dropdownItem.getIcon({ dropdownItem, theme });
   const dropdownItemIconNode = dropdownItemIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkRC7657RRcjs.Icon,
+    _chunkWUHIPLEUcjs.Icon,
     {
       name: dropdownItemIcon.name,
       width: dropdownItemIcon.width || 12,
@@ -365,10 +373,10 @@ function DropdownItem({
   const iconAndLabel = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     iconSide === "left" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       dropdownItemIconNode,
-      _chunkJQAMMNYAcjs.toReactNodes.call(void 0, dropdownItem.label)
+      _chunk24X6QUDRcjs.toReactNodes.call(void 0, dropdownItem.label)
     ] }),
     iconSide === "right" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEZUXCJOHcjs.Flex, { justify: "space-between", align: "center", width: "100%", children: [
-      _chunkJQAMMNYAcjs.toReactNodes.call(void 0, dropdownItem.label),
+      _chunk24X6QUDRcjs.toReactNodes.call(void 0, dropdownItem.label),
       dropdownItemIconNode
     ] })
   ] });
@@ -390,7 +398,7 @@ function DropdownItem({
   if (dropdownItem.toggle) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DropdownItemDiv, { selected: false, css: cssProp2, withHoverColor: false, children: [
       iconAndLabel,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginLeft: "auto" }, children: "options" in dropdownItem.toggle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZZXS2NVFcjs.MultiToggle, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYWJN4224cjs.Toggle, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginLeft: "auto" }, children: "options" in dropdownItem.toggle ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI2VF5EBNcjs.MultiToggle, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5IQ6G7A5cjs.Toggle, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dropdownItem.toggle)) })
     ] });
   }
   if (dropdownItem.subDropdown) {
@@ -433,8 +441,8 @@ function DropdownItem({
     }
   );
 }
-var UnstyledDropdownButton = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton)`
-  ${_chunkBXREC2NYcjs.standardFocusOutline}
+var UnstyledDropdownButton = _styled2.default.call(void 0, _chunkY7PBSDLPcjs.UnstyledButton)`
+  ${_chunkNFHQ3LH4cjs.standardFocusOutline}
 `;
 var dropdownItemStyle = ({
   theme,
@@ -465,12 +473,12 @@ var cssProp = ({
   selected
 }) => _react.css`
   ${dropdownItemStyle({ theme, selected: Boolean(selected) })}
-  ${_chunkBXREC2NYcjs.standardFocusOutline.call(void 0, { theme })}
+  ${_chunkNFHQ3LH4cjs.standardFocusOutline.call(void 0, { theme })}
 `;
 function DropdownItemLink(props) {
   const theme = _react.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTZ7XF6DBcjs.Link,
+    _chunkIN2QEMOTcjs.Link,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), {
       css: cssProp({ theme, selected: Boolean(props.selected) })
     })
@@ -478,7 +486,7 @@ function DropdownItemLink(props) {
 }
 var DropdownItemDiv = _styled2.default.div`
   ${dropdownItemStyle}
-  ${_chunkBXREC2NYcjs.standardFocusOutline}
+  ${_chunkNFHQ3LH4cjs.standardFocusOutline}
 `;
 
 

package/dist/{chunk-5SO3KHDE.cjs → chunk-7HRYLRRJ.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
+var _chunkCH7LJMGNcjs = require('./chunk-CH7LJMGN.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.cjs');
 
 
 var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
@@ -79,7 +79,7 @@ function QRCode({
         animated,
         isUma,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkRC7657RRcjs.Icon,
+          _chunkWUHIPLEUcjs.Icon,
           {
             name: isUma ? "Uma" : "LogoMark",
             color: isUma ? "white" : void 0,
@@ -100,7 +100,7 @@ var qr = ({ isCentered, border, isUma }) => _react.css`
   ${border && `border: ${borderWidth}px solid #ffffff;`}
   ${border && `border-radius: 8px;`}
   ${border && "box-sizing: content-box;"}
-  ${isUma && _chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 16)}
+  ${isUma && _chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, 16)}
 `;
 var QRCodeContainer = _styled2.default.div`
   display: flex;
@@ -139,8 +139,8 @@ var EmptyQRCodeSizer = _styled2.default.div`
   max-width: 100%;
   position: relative;
   padding-top: 100%;
-  ${({ isUma, theme }) => isUma && `background-color: ${_chunkEINUB4JIcjs.getColor.call(void 0, theme, "grayBlue10")};
-    ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 16)}`}
+  ${({ isUma, theme }) => isUma && `background-color: ${_chunkNNAUX3OGcjs.getColor.call(void 0, theme, "grayBlue10")};
+    ${_chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, 16)}`}
 `;
 var EmptyQRCode = _styled2.default.div`
   ${qr}
@@ -244,7 +244,7 @@ var EmptyQRCode = _styled2.default.div`
   `}
 
   & > * {
-    ${_chunkHBHJ3IFPcjs.absoluteCenter}
+    ${_chunkCH7LJMGNcjs.absoluteCenter}
   }
 `;
 var QRCodeLabel = _styled2.default.p`

package/dist/{chunk-ODYXGS46.js → chunk-7HYNOYCS.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-WR7UPRF2.js";
+} from "./chunk-2AKHQHAZ.js";
 import {
   IconContainer
-} from "./chunk-SYTKAZOH.js";
+} from "./chunk-THGCS55L.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-RAUGN2GC.cjs → chunk-7JI4P6IX.cjs}

@@ -3,19 +3,19 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkCR55KSPGcjs = require('./chunk-CR55KSPG.cjs');
+var _chunkGGPCU5XOcjs = require('./chunk-GGPCU5XO.cjs');
 
 
-var _chunkZ4U2SJAWcjs = require('./chunk-Z4U2SJAW.cjs');
+var _chunkY7PBSDLPcjs = require('./chunk-Y7PBSDLP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+var _chunkWUHIPLEUcjs = require('./chunk-WUHIPLEU.cjs');
 
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
 
 
 var _chunk72M33FDNcjs = require('./chunk-72M33FDN.cjs');
@@ -116,7 +116,7 @@ var Drawer = (props) => {
             children: [
               props.grabber && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Grabber, { onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GrabberBar, {}) }),
               props.handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkCR55KSPGcjs.Button,
+                _chunkGGPCU5XOcjs.Button,
                 {
                   onClick: props.handleBack,
                   icon: { name: "ChevronLeft" },
@@ -125,7 +125,7 @@ var Drawer = (props) => {
                 }
               ) }),
               props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkRC7657RRcjs.Icon,
+                _chunkWUHIPLEUcjs.Icon,
                 {
                   name: "CentralCrossLarge",
                   square: true,
@@ -249,8 +249,8 @@ var CloseButtonContainer = _styled2.default.div`
     line-height: 14px;
   }
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton)`
-  ${_chunkBXREC2NYcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkY7PBSDLPcjs.UnstyledButton)`
+  ${_chunkNFHQ3LH4cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-2QVBK5SH.js → chunk-7PBAGREW.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-M4R57NN3.js";
 import {
   Icon
-} from "./chunk-SYTKAZOH.js";
+} from "./chunk-THGCS55L.js";
 import {
   Link
-} from "./chunk-N5K6L7VI.js";
+} from "./chunk-MOYKPHLM.js";
 import {
   getColor
-} from "./chunk-GBEYKWHU.js";
+} from "./chunk-YAXYAKUK.js";
 
 // src/components/IconWithCircleBackground.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-O527WXTK.cjs → chunk-7PLUN6X3.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
+var _chunkNFHQ3LH4cjs = require('./chunk-NFHQ3LH4.cjs');
 
 
-var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
+var _chunkNNAUX3OGcjs = require('./chunk-NNAUX3OG.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`
-  ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 16)}
-  background-color: ${({ theme }) => _chunkEINUB4JIcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
+  ${_chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, 16)}
+  background-color: ${({ theme }) => _chunkNNAUX3OGcjs.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`
-  ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkNFHQ3LH4cjs.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`
-  ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkNFHQ3LH4cjs.standardBorderRadius.call(void 0, 16)}
   overflow: hidden;
   box-sizing: border-box;
   display: inline-block;

package/dist/{chunk-JBBL2TM6.js → chunk-7QIU6RZM.js}

@@ -1,12 +1,12 @@
 import {
   Filter
-} from "./chunk-A2QAQ3JD.js";
+} from "./chunk-M2JUIDYJ.js";
 import {
   NumberInput_default
-} from "./chunk-BJXTOJZZ.js";
+} from "./chunk-J4APIUYK.js";
 import {
   ButtonRow
-} from "./chunk-QPCDK7NY.js";
+} from "./chunk-TWXZHMQ2.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-EZNRFABO.cjs → chunk-7R36UJLU.cjs}

@@ -34,7 +34,7 @@ function useClipboard(clipboardArgs) {
             onWrite();
           }
         }
-      } catch (error) {
+      } catch (e) {
         if (onWriteError) {
           onWriteError();
         }
@@ -47,7 +47,7 @@ function useClipboard(clipboardArgs) {
     try {
       const text = yield navigator.clipboard.readText();
       return text;
-    } catch (error) {
+    } catch (e) {
       if (onReadError) {
         onReadError();
       }

package/dist/{chunk-6KHRO446.js → chunk-7YTOLQNG.js}

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