@lightsparkdev/ui 1.1.15 → 1.1.16

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @lightsparkdev/ui
 
+## 1.1.16
+
+### Patch Changes
+
+- 9a7776b: UI updates and fixes for bank linking, kyc, 2fa, filters
+- Updated dependencies [9a7776b]
+  - @lightsparkdev/core@1.4.8
+
 ## 1.1.15
 
 ### Patch Changes

package/dist/{chunk-FBVAVMT5.js → chunk-2H35M7TC.js}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-DZSH5MVI.js";
+} from "./chunk-QO2HIBLQ.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-CWJB4DKG.cjs → chunk-2IKPH5L6.cjs}

@@ -9,7 +9,7 @@ var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkFB4N2YNLcjs = require('./chunk-FB4N2YNL.cjs');
+var _chunkG6GE2K3Lcjs = require('./chunk-G6GE2K3L.cjs');
 
 
 
@@ -28,7 +28,7 @@ function getPropDefaults(props) {
   return _chunkU6XO2EF4cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "h1" });
 }
 var StyledDisplay = _styled2.default.h1`
-  ${({ theme, size, colorProp }) => _chunkFB4N2YNLcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkG6GE2K3Lcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 function displaySelector(element) {

package/dist/{chunk-N4YROJKR.cjs → chunk-2MWR2GBK.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTZVIJUOCcjs = require('./chunk-TZVIJUOC.cjs');
+var _chunk7WEHEVYMcjs = require('./chunk-7WEHEVYM.cjs');
 
 
-var _chunk62KKTKQUcjs = require('./chunk-62KKTKQU.cjs');
+var _chunkYYE5BTTLcjs = require('./chunk-YYE5BTTL.cjs');
 
 
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/Icon/types.tsx
-var iconMap = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunk62KKTKQUcjs.icons_exports), _chunkTZVIJUOCcjs.central_exports);
+var iconMap = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkYYE5BTTLcjs.icons_exports), _chunk7WEHEVYMcjs.central_exports);
 
 
 

package/dist/{chunk-W4OAWAZZ.js → chunk-2MZKIPKB.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-W5L3SQ2I.js";
 import {
   StyledCode,
   getPropDefaults
-} from "./chunk-S7FZMXY3.js";
+} from "./chunk-PRUXYSGW.js";
 import {
   __spreadProps,
   __spreadValues

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

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

package/dist/{chunk-YO3UX5L2.cjs → chunk-2T4YILQM.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
 
 
 
-var _chunkGHOWHZWIcjs = require('./chunk-GHOWHZWI.cjs');
+var _chunkHTBJREOVcjs = require('./chunk-HTBJREOV.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Code.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Code(props) {
-  const propsWithDefaults = _chunkGHOWHZWIcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkHTBJREOVcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkXC4APVGIcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkJQAMMNYAcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGHOWHZWIcjs.StyledCode, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTBJREOVcjs.StyledCode, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-JOIT4F4U.js → chunk-3GQO2YZE.js}

@@ -1,9 +1,9 @@
 import {
   DocsHeadline
-} from "./chunk-E7NZUNQH.js";
+} from "./chunk-FNWUNPQM.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-SYTKAZOH.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";

package/dist/{chunk-BU7FRR74.js → chunk-3QF6DSMI.js}

@@ -1,9 +1,9 @@
 import {
   CopyToClipboardButton
-} from "./chunk-HSODZKJX.js";
+} from "./chunk-QHJ6MFJR.js";
 import {
   standardBorderRadius
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-RURWLQBJ.js";
 
 // src/components/SecretContainer.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-H6WE3EBU.cjs → chunk-3SKNG3QY.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkIWMOY2OAcjs = require('./chunk-IWMOY2OA.cjs');
+var _chunkC53RJGXIcjs = require('./chunk-C53RJGXI.cjs');
 
 
-var _chunkY777CD5Rcjs = require('./chunk-Y777CD5R.cjs');
+var _chunk4HESAYFNcjs = require('./chunk-4HESAYFN.cjs');
 
 
-var _chunkBCJWY2ZAcjs = require('./chunk-BCJWY2ZA.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkCR55KSPGcjs = require('./chunk-CR55KSPG.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
@@ -39,7 +39,7 @@ var EnumFilter = ({
   var _a;
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBCJWY2ZAcjs.Button,
+      _chunkCR55KSPGcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -59,8 +59,8 @@ var EnumFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIWMOY2OAcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkY777CD5Rcjs.Select_default,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC53RJGXIcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk4HESAYFNcjs.Select_default,
       {
         zIndex: _chunkZU72XWNEcjs.z.dropdown + 1,
         placeholder: "Select value",

package/dist/{chunk-JSXV524U.cjs → chunk-3TOGPITO.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunkNRWYUNWCcjs = require('./chunk-NRWYUNWC.cjs');
+var _chunkHKZGFDTAcjs = require('./chunk-HKZGFDTA.cjs');
 
 // src/components/documentation/DocsHeadline.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -54,7 +54,7 @@ var DocsHeadline = ({
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNRWYUNWCcjs.StyledHeadline,
+    _chunkHKZGFDTAcjs.StyledHeadline,
     {
       as: heading,
       id,

package/dist/{chunk-6MXF36FI.cjs → chunk-3XDR6H5Q.cjs}

@@ -3,7 +3,7 @@
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
 
 
 
@@ -56,7 +56,7 @@ var styles = ({ theme, maxWidth }) => _css.css`
   border-radius: 8px !important;
   padding: 16px !important;
   z-index: ${_chunkZU72XWNEcjs.z.tooltip};
-  ${_chunkQ3N3HXJAcjs.overlaySurface.call(void 0, { theme, important: true })};
+  ${_chunkBXREC2NYcjs.overlaySurface.call(void 0, { theme, important: true })};
 
   max-width: ${maxWidth}px;
   word-break: break-word;

package/dist/{chunk-2ORUAFC7.js → chunk-45OAAZRS.js}

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

package/dist/{chunk-XT5NXF55.js → chunk-4BTMZ2KB.js}

@@ -181,7 +181,15 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   // transparent
   transparent: "transparent",
   transparenta02: "#00000005",
-  transparenta08: "#00000014"
+  transparenta08: "#00000014",
+  // hardcore radioactive green
+  radioactiveGreen: "#39FF14",
+  radioactiveGreenDark: "#2ECC0F",
+  radioactiveGreenDarker: "#23990B",
+  radioactiveGreenLight: "#5FFF45",
+  radioactiveGreen10: "#39FF1419",
+  radioactiveGreen20: "#39FF1433",
+  radioactiveGreen30: "#39FF144D"
 });
 var colors = baseColors;
 function isColorKey(key) {

package/dist/{chunk-23RQUWY3.cjs → chunk-4DNY5YPZ.cjs}

@@ -4,7 +4,7 @@
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/styles/themeDefaults/buttons.tsx
-var buttonBorderRadiuses = [4, 8, 32, 999, "100%"];
+var buttonBorderRadiuses = [0, 4, 8, 32, 999, "100%"];
 var allowedButtonTypographyTypes = [
   "Body",
   "Body Strong",

package/dist/{chunk-LF6A2A7S.cjs → chunk-4GCZZDED.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
 
 
 
-var _chunkUJCDENYWcjs = require('./chunk-UJCDENYW.cjs');
+var _chunkBAVHZT4Pcjs = require('./chunk-BAVHZT4P.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/BodyStrong.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function BodyStrong(props) {
-  const propsWithDefaults = _chunkUJCDENYWcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkBAVHZT4Pcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkXC4APVGIcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkJQAMMNYAcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUJCDENYWcjs.StyledBodyStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBAVHZT4Pcjs.StyledBodyStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-2B2TNTY2.js → chunk-4GQ4JOEB.js}

@@ -6,22 +6,22 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-W5L3SQ2I.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-SYTKAZOH.js";
 import {
   Link
-} from "./chunk-K6N6FCBJ.js";
+} from "./chunk-N5K6L7VI.js";
 import {
   getColor
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-GBEYKWHU.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-XT5NXF55.js";
+} from "./chunk-4BTMZ2KB.js";
 import {
   useResizeObserver
 } from "./chunk-ZSWFGISK.js";

package/dist/{chunk-Y777CD5R.cjs → chunk-4HESAYFN.cjs}

@@ -7,17 +7,17 @@
 
 
 
-var _chunkLA7TPJI3cjs = require('./chunk-LA7TPJI3.cjs');
+var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
 
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
 
 
 
@@ -59,14 +59,14 @@ function Select(_a) {
   const styles = {
     container: (styles2, state) => {
       return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
-        width: _chunkLA7TPJI3cjs.fieldWidth,
-        maxWidth: _chunkLA7TPJI3cjs.maxFieldWidth,
+        width: _chunkSG2KPTGOcjs.fieldWidth,
+        maxWidth: _chunkSG2KPTGOcjs.maxFieldWidth,
         zIndex: _chunkZU72XWNEcjs.z.select
       });
     },
     control: (styles2, state) => {
       const controlStyles = getControlStyles ? getControlStyles(styles2, state) : {
-        padding: state.menuIsOpen || state.isFocused ? `${_chunkLA7TPJI3cjs.textInputPaddingPx - 1}px` : _chunkLA7TPJI3cjs.textInputPadding,
+        padding: state.menuIsOpen || state.isFocused ? `${_chunkSG2KPTGOcjs.textInputPaddingPx - 1}px` : _chunkSG2KPTGOcjs.textInputPadding,
         background: theme.bg,
         minHeight: 0,
         fontSize: 14,
@@ -76,9 +76,9 @@ function Select(_a) {
         transition: "none",
         boxShadow: "none",
         "&:hover": {
-          borderColor: state.menuIsOpen ? _chunkLA7TPJI3cjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkLA7TPJI3cjs.textInputBorderColor.call(void 0, { theme })
+          borderColor: state.menuIsOpen ? _chunkSG2KPTGOcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkSG2KPTGOcjs.textInputBorderColor.call(void 0, { theme })
         },
-        borderColor: state.menuIsOpen || state.isFocused ? _chunkLA7TPJI3cjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkLA7TPJI3cjs.textInputBorderColor.call(void 0, { theme })
+        borderColor: state.menuIsOpen || state.isFocused ? _chunkSG2KPTGOcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkSG2KPTGOcjs.textInputBorderColor.call(void 0, { theme })
       }), controlStyles);
     },
     indicatorsContainer: (styles2) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
@@ -101,13 +101,13 @@ function Select(_a) {
     },
     option: (styles2, props) => {
       const optionStyles = getOptionStyles ? getOptionStyles(styles2, props) : {
-        color: props.isFocused ? _chunkRONHCMPDcjs.getColor.call(void 0, theme, _chunkLA7TPJI3cjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkLA7TPJI3cjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkRONHCMPDcjs.getColor.call(void 0, theme, _chunkLA7TPJI3cjs.defaultTextInputTypography.color),
+        color: props.isFocused ? _chunkEINUB4JIcjs.getColor.call(void 0, theme, _chunkSG2KPTGOcjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkSG2KPTGOcjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkEINUB4JIcjs.getColor.call(void 0, theme, _chunkSG2KPTGOcjs.defaultTextInputTypography.color),
         fontWeight: 600,
         cursor: "pointer",
-        backgroundColor: props.isFocused ? _chunkRONHCMPDcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
+        backgroundColor: props.isFocused ? _chunkEINUB4JIcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
         WebkitTapHighlightColor: theme.c1Neutral,
         "&:active": {
-          backgroundColor: _chunkRONHCMPDcjs.themeOr.call(void 0, 
+          backgroundColor: _chunkEINUB4JIcjs.themeOr.call(void 0, 
             theme.c05Neutral,
             theme.c5Neutral
           )({ theme })
@@ -156,7 +156,7 @@ function Select(_a) {
         menuPortalTarget: document.body,
         ref: selectRef,
         components: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
-          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "Chevron", width: 16 })
+          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "Chevron", width: 16 })
         }, rest.components),
         theme: (selectTheme) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, selectTheme), {
           borderRadius: 8,

package/dist/{chunk-JATKGHBS.cjs → chunk-4UKZ5EX7.cjs}

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

package/dist/{chunk-UN4NZEGW.js → chunk-536S72RM.js}

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

package/dist/chunk-54ETCIMF.js

@@ -0,0 +1,25 @@
+// src/hooks/useKeyboardOffset.tsx
+import { useEffect, useState } from "react";
+function useKeyboardOffset() {
+  const [keyboardOffset, setKeyboardOffset] = useState(0);
+  useEffect(() => {
+    const viewport = window.visualViewport;
+    if (!viewport) return;
+    const handleResize = () => {
+      const offset = window.innerHeight - viewport.height;
+      setKeyboardOffset(Math.max(0, offset));
+    };
+    handleResize();
+    viewport.addEventListener("resize", handleResize);
+    viewport.addEventListener("scroll", handleResize);
+    return () => {
+      viewport.removeEventListener("resize", handleResize);
+      viewport.removeEventListener("scroll", handleResize);
+    };
+  }, []);
+  return keyboardOffset;
+}
+
+export {
+  useKeyboardOffset
+};

package/dist/{chunk-FSGGTMTB.js → chunk-5RL3TVZC.js}

@@ -1,32 +1,32 @@
 import {
   UnstyledButton
-} from "./chunk-R4GLUZNO.js";
+} from "./chunk-MMQON4EE.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   setDefaultReactNodesTypography
-} from "./chunk-BED5GWRW.js";
+} from "./chunk-SMZPJBL2.js";
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-W5L3SQ2I.js";
 import {
   extend,
   flexCenter,
   pxToRems
-} from "./chunk-HOPTXOE6.js";
+} from "./chunk-DG2PTSLJ.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-SYTKAZOH.js";
 import {
   standardContentInset
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-RURWLQBJ.js";
 import {
   themeOr
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-GBEYKWHU.js";
 import {
   colors
-} from "./chunk-XT5NXF55.js";
+} from "./chunk-4BTMZ2KB.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-PTC3NGRD.cjs → chunk-5SJQPPJD.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkD3DCZG67cjs = require('./chunk-D3DCZG67.cjs');
+var _chunkVXCQN5B7cjs = require('./chunk-VXCQN5B7.cjs');
 
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
 
 
 
@@ -26,13 +26,13 @@ function TextIconAligner({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkD3DCZG67cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunkVXCQN5B7cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography,
     link: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, defaultTypography), { color: "link" })
   });
-  const content = _chunkXC4APVGIcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkJQAMMNYAcjs.toReactNodes.call(void 0, nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMLMYJBDVcjs.Icon,
+    _chunkRC7657RRcjs.Icon,
     {
       name: leftIcon.name,
       width: leftIcon.width ? leftIcon.width : 12,
@@ -41,7 +41,7 @@ function TextIconAligner({
     }
   ) : null;
   const rightIconNode = rightIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMLMYJBDVcjs.Icon,
+    _chunkRC7657RRcjs.Icon,
     {
       name: rightIcon.name,
       width: rightIcon.width ? rightIcon.width : 12,

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

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCF6NXTX7cjs = require('./chunk-CF6NXTX7.cjs');
+var _chunkHBHJ3IFPcjs = require('./chunk-HBHJ3IFP.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
 
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
 
 
-var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
+var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
 
 
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
@@ -51,8 +51,8 @@ function QRCode({
     marginSize: isUma ? 4 : 0
   };
   if (isUma) {
-    qrCodeProps.bgColor = _chunkJFPLNGMQcjs.colors.grayBlue10;
-    qrCodeProps.fgColor = _chunkJFPLNGMQcjs.colors.white;
+    qrCodeProps.bgColor = _chunkWRQU4F3Ncjs.colors.grayBlue10;
+    qrCodeProps.fgColor = _chunkWRQU4F3Ncjs.colors.white;
   }
   if (showLogo) {
     qrCodeProps.imageSettings = {
@@ -79,7 +79,7 @@ function QRCode({
         animated,
         isUma,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkMLMYJBDVcjs.Icon,
+          _chunkRC7657RRcjs.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 && _chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 16)}
+  ${isUma && _chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 16)}
 `;
 var QRCodeContainer = _styled2.default.div`
   display: flex;
@@ -124,7 +124,7 @@ var QRCodeImage = _styled2.default.div`
 var shadowOffsetA = 2;
 var tailRadiusA = 1.1;
 var tailRadiusB = 0.5;
-var shadowColor = _chunkJFPLNGMQcjs.colors.white;
+var shadowColor = _chunkWRQU4F3Ncjs.colors.white;
 var initialBoxShadow = `
   box-shadow: -${shadowOffsetA}px 0px ${tailRadiusA}px 1.5px ${shadowColor},
   0 0 4px ${tailRadiusB}px ${shadowColor};
@@ -139,8 +139,8 @@ var EmptyQRCodeSizer = _styled2.default.div`
   max-width: 100%;
   position: relative;
   padding-top: 100%;
-  ${({ isUma, theme }) => isUma && `background-color: ${_chunkRONHCMPDcjs.getColor.call(void 0, theme, "grayBlue10")};
-    ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 16)}`}
+  ${({ isUma, theme }) => isUma && `background-color: ${_chunkEINUB4JIcjs.getColor.call(void 0, theme, "grayBlue10")};
+    ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 16)}`}
 `;
 var EmptyQRCode = _styled2.default.div`
   ${qr}
@@ -244,7 +244,7 @@ var EmptyQRCode = _styled2.default.div`
   `}
 
   & > * {
-    ${_chunkCF6NXTX7cjs.absoluteCenter}
+    ${_chunkHBHJ3IFPcjs.absoluteCenter}
   }
 `;
 var QRCodeLabel = _styled2.default.p`

package/dist/{chunk-6GAXNET6.js → chunk-5XRT5DYH.js}

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