@lightsparkdev/ui 1.1.15 → 1.1.16

package/dist/{chunk-KLY4AIMZ.js → chunk-PRLYHNN2.js}

@@ -7,17 +7,17 @@ import {
   textInputPadding,
   textInputPaddingPx,
   textInputPlaceholderColor
-} from "./chunk-QGXS3TWB.js";
+} from "./chunk-YCSXA2KQ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-SYTKAZOH.js";
 import {
   getColor,
   themeOr
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-GBEYKWHU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-S7FZMXY3.js → chunk-PRUXYSGW.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-LG6ILY3O.js → chunk-PTS427V7.js}

@@ -1,7 +1,7 @@
 import {
   firstChild,
   pxToRems
-} from "./chunk-HOPTXOE6.js";
+} from "./chunk-DG2PTSLJ.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-4T3DUXQR.cjs → chunk-PUZGIVFS.cjs}

@@ -1,33 +1,33 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkH7XQXBUNcjs = require('./chunk-H7XQXBUN.cjs');
+var _chunkWNYAK3DDcjs = require('./chunk-WNYAK3DD.cjs');
 
 
-var _chunkOPM7ZYLAcjs = require('./chunk-OPM7ZYLA.cjs');
+var _chunk7NSPVTCTcjs = require('./chunk-7NSPVTCT.cjs');
 
 
-var _chunkPE2GMFRWcjs = require('./chunk-PE2GMFRW.cjs');
+var _chunkVIVS4Q34cjs = require('./chunk-VIVS4Q34.cjs');
 
 
-var _chunkGRO75UJEcjs = require('./chunk-GRO75UJE.cjs');
+var _chunkRQYZJFW2cjs = require('./chunk-RQYZJFW2.cjs');
 
 
 
-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 _chunkRUPCXJV4cjs = require('./chunk-RUPCXJV4.cjs');
+var _chunkTZ7XF6DBcjs = require('./chunk-TZ7XF6DB.cjs');
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -80,7 +80,7 @@ function Table({
   loadingStyle = { style: "spinner" },
   fullHeight = false
 }) {
-  const navigate = _chunkRUPCXJV4cjs.useNavigate.call(void 0, );
+  const navigate = _chunkTZ7XF6DBcjs.useNavigate.call(void 0, );
   const [sorting, setSorting] = _react3.useState.call(void 0, []);
   const { canWriteToClipboard, writeTextToClipboard } = _chunkEZNRFABOcjs.useClipboard.call(void 0, clipboardCallbacks);
   const onClickCopy = _react3.useCallback.call(void 0, 
@@ -95,7 +95,7 @@ function Table({
       header: (context) => typeof column.header === "string" ? column.header : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         column.header.name,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkH7XQXBUNcjs.InfoIconTooltip,
+          _chunkWNYAK3DDcjs.InfoIconTooltip,
           {
             id: `tooltip-${column.header.name}`,
             content: column.header.tooltip || "",
@@ -114,7 +114,7 @@ function Table({
         let icon = null;
         if (isObjectCell(value)) {
           const base64icon = value.base64icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Base64Icon, { src: value.base64icon, alt: "Icon" }) : null;
-          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
+          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
           if (isMultilineCell(value)) {
             content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LineClampSpan, { children: [
               base64icon ? base64icon : icon,
@@ -136,7 +136,7 @@ function Table({
               onClick: onClickCopy(value.text),
               role: "button",
               tabIndex: 0,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "Copy", width: 16, mr: 12 })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "Copy", width: 16, mr: 12 })
             }
           );
           return value.link ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LinkClipboardCell, { children: [
@@ -150,7 +150,7 @@ function Table({
                   e.stopPropagation();
                 },
                 children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "LinkIcon", width: 12 }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "LinkIcon", width: 12 }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
                 ]
               }
@@ -158,7 +158,7 @@ function Table({
             copyButton
           ] }) : value.to ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkRUPCXJV4cjs.Link,
+              _chunkTZ7XF6DBcjs.Link,
               {
                 to: value.to,
                 params: value.toParams,
@@ -184,12 +184,12 @@ function Table({
                 e.stopPropagation();
               },
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "LinkIcon", width: 12 }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "LinkIcon", width: 12 }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
               ]
             }
           ) : value.to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HoverableCellWrapper, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunkRUPCXJV4cjs.Link,
+            _chunkTZ7XF6DBcjs.Link,
             {
               to: value.to,
               params: value.toParams,
@@ -214,7 +214,7 @@ function Table({
           return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             icon,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkGRO75UJEcjs.ClipboardTextField,
+              _chunkRQYZJFW2cjs.ClipboardTextField,
               {
                 value: value.text,
                 elide: maxChars ? {
@@ -244,7 +244,7 @@ function Table({
     ]
   );
   if (tripleDotsMenuItems) {
-    const DropdownComponent = (customComponents == null ? void 0 : customComponents.dropdownComponent) || _chunkOPM7ZYLAcjs.Dropdown;
+    const DropdownComponent = (customComponents == null ? void 0 : customComponents.dropdownComponent) || _chunk7NSPVTCTcjs.Dropdown;
     mappedColumns.push({
       header: (context) => "",
       accessorKey: "tripleDots",
@@ -284,7 +284,7 @@ function Table({
       if ((onClickRowResult == null ? void 0 : onClickRowResult.link) || (onClickRowResult == null ? void 0 : onClickRowResult.to) && newTabKey) {
         let link = onClickRowResult == null ? void 0 : onClickRowResult.link;
         if (!link) {
-          link = _chunkRUPCXJV4cjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
+          link = _chunkTZ7XF6DBcjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
         }
         const target = newTabKey ? "_blank" : void 0;
         window.open(link, target);
@@ -333,7 +333,7 @@ function Table({
       }
     ),
     !loading && emptyState,
-    loading && loadingStyle.style === "spinner" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPE2GMFRWcjs.Loading, {}),
+    loading && loadingStyle.style === "spinner" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVIVS4Q34cjs.Loading, {}),
     loading && loadingStyle.style === "progress-bar" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProgressBar, { timeMs: loadingStyle.timeMs })
   ] });
 }
@@ -370,7 +370,7 @@ var ProgressBarInner = _styled2.default.div`
 var TableWrapper = _styled2.default.div`
   position: relative;
   min-height: ${({ minHeight }) => minHeight}px;
-  ${_chunkCF6NXTX7cjs.overflowAutoWithoutScrollbars}
+  ${_chunkHBHJ3IFPcjs.overflowAutoWithoutScrollbars}
   ${({ fullHeight }) => fullHeight && _react.css`
       height: 100%;
     `}
@@ -389,7 +389,7 @@ var LinkCellContent = _styled2.default.span`
 var HoverableCellWrapper = _styled2.default.div`
   ${hoverCellStyles}
 
-  ${_chunkRUPCXJV4cjs.Link} {
+  ${_chunkTZ7XF6DBcjs.Link} {
     text-overflow: ellipsis;
     overflow: hidden;
   }
@@ -417,7 +417,7 @@ var CopyButton = _styled2.default.span`
   display: inline-table;
 `;
 var LineClampSpan = _styled2.default.span`
-  ${_chunkCF6NXTX7cjs.lineClamp.call(void 0, 2)}
+  ${_chunkHBHJ3IFPcjs.lineClamp.call(void 0, 2)}
 `;
 var Base64Icon = _styled2.default.img`
   width: 32px;
@@ -434,16 +434,16 @@ var StyledTable = _styled2.default.table`
 
   /* Important to use padding here instead of width so that table container overflow functions properly: */
   ${_chunkKW3JYLRIcjs.bp.lg(`
-    padding-left: ${_chunkQ3N3HXJAcjs.standardContentInset.lgPx}px;
-    padding-right: ${_chunkQ3N3HXJAcjs.standardContentInset.lgPx}px;
+    padding-left: ${_chunkBXREC2NYcjs.standardContentInset.lgPx}px;
+    padding-right: ${_chunkBXREC2NYcjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding-left: ${_chunkQ3N3HXJAcjs.standardContentInset.smPx}px;
-    padding-right: ${_chunkQ3N3HXJAcjs.standardContentInset.smPx}px;
+    padding-left: ${_chunkBXREC2NYcjs.standardContentInset.smPx}px;
+    padding-right: ${_chunkBXREC2NYcjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-    padding-left: ${_chunkQ3N3HXJAcjs.standardContentInset.minSmMaxLgPx}px;
-    padding-right: ${_chunkQ3N3HXJAcjs.standardContentInset.minSmMaxLgPx}px;
+    padding-left: ${_chunkBXREC2NYcjs.standardContentInset.minSmMaxLgPx}px;
+    padding-right: ${_chunkBXREC2NYcjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 
   th {
@@ -453,7 +453,7 @@ var StyledTable = _styled2.default.table`
     text-align: left;
     padding: ${cellPaddingPx}px 0px;
     border-bottom: 1px solid
-      ${({ theme }) => _chunkRONHCMPDcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
+      ${({ theme }) => _chunkEINUB4JIcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
     padding: ${cellPaddingPx}px;
     &:first-of-type {
       padding-left: 0px;
@@ -513,7 +513,7 @@ var StyledTable = _styled2.default.table`
               top: 10%;
               bottom: 10%;
               ${rowHoverEffect === "background" ? `background: ${theme.c1Neutral};` : `
-                    border: 1px solid ${_chunkRONHCMPDcjs.themeOrWithKey.call(void 0, 
+                    border: 1px solid ${_chunkEINUB4JIcjs.themeOrWithKey.call(void 0, 
   "c1Neutral",
   "c2Neutral"
 )({ theme })};

package/dist/{chunk-4PCMHLMN.cjs → chunk-Q6IYIAKU.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkYUURHUIRcjs = require('./chunk-YUURHUIR.cjs');
+var _chunkRVK5PUCJcjs = require('./chunk-RVK5PUCJ.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -30,7 +30,7 @@ function Radio({
         onChange: handleRadioClick
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYUURHUIRcjs.Label, { children: option.label })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRVK5PUCJcjs.Label, { children: option.label })
   ] }, option.label)) });
 }
 var RadioContainer = _styled2.default.div`

package/dist/{chunk-3PYLKB4C.js → chunk-QCYWDTZ4.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-ZQ7Q67BG.cjs → chunk-QDIL2QIZ.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJGWE5RBUcjs = require('./chunk-JGWE5RBU.cjs');
+var _chunkFY3HTOPMcjs = require('./chunk-FY3HTOPM.cjs');
 
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
 
 // src/components/SecretContainer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -22,12 +22,12 @@ function SecretContainer(props) {
         children: props.secret
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJGWE5RBUcjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFY3HTOPMcjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
 }
 var StyledSecretContainer = _styled2.default.div`
   background-color: ${({ theme, hasSecret, success }) => hasSecret ? success ? theme.success : theme.c05Neutral : theme.bg};
-  ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 8)}
   padding: 18px 20px;
   color: ${({ theme, success }) => success ? theme.hcNeutral : theme.text};
   border: solid 1px

package/dist/{chunk-HSODZKJX.js → chunk-QHJ6MFJR.js}

@@ -1,12 +1,12 @@
 import {
   Tooltip
-} from "./chunk-H7OGKA7Q.js";
+} from "./chunk-GDNHDUCE.js";
 import {
   UnstyledButton
-} from "./chunk-R4GLUZNO.js";
+} from "./chunk-MMQON4EE.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-SYTKAZOH.js";
 import {
   __async
 } from "./chunk-CWMXXUWU.js";

package/dist/{chunk-UCSGJ6TZ.cjs → chunk-QIE6RAQ2.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkLA7TPJI3cjs = require('./chunk-LA7TPJI3.cjs');
+var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
 
 // src/components/TextArea.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -25,7 +25,7 @@ function TextArea({
   resize = "none"
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLA7TPJI3cjs.Label, { children: label }),
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSG2KPTGOcjs.Label, { children: label }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledTextArea,
       {
@@ -42,11 +42,11 @@ function TextArea({
         readOnly
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLA7TPJI3cjs.InputSubtext, { text: error || hint })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSG2KPTGOcjs.InputSubtext, { text: error || hint })
   ] });
 }
 var StyledTextArea = _styled2.default.textarea`
-  ${_chunkLA7TPJI3cjs.textInputStyle}
+  ${_chunkSG2KPTGOcjs.textInputStyle}
   resize: ${({ resize }) => resize || "none"};
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "initial"};
 `;

package/dist/{chunk-DZSH5MVI.js → chunk-QO2HIBLQ.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-W5L3SQ2I.js";
 import {
   StyledLabel,
   getPropDefaults
-} from "./chunk-MSAPLEXG.js";
+} from "./chunk-RY2BWAGK.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-DZCZ5DIU.js → chunk-QPCDK7NY.js}

@@ -1,15 +1,15 @@
-import {
-  Button
-} from "./chunk-CHQSMSJF.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
+import {
+  Button
+} from "./chunk-MD6BKUUZ.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-HOPTXOE6.js";
+} from "./chunk-DG2PTSLJ.js";
 import {
   standardContentInset
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-RURWLQBJ.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-FIBJPX3U.cjs → chunk-RAUGN2GC.cjs}

@@ -1,21 +1,27 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkBCJWY2ZAcjs = require('./chunk-BCJWY2ZA.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+
+
+var _chunkCR55KSPGcjs = require('./chunk-CR55KSPG.cjs');
 
 
-var _chunkPAG7VG4Ccjs = require('./chunk-PAG7VG4C.cjs');
+var _chunkZ4U2SJAWcjs = require('./chunk-Z4U2SJAW.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
+
+
+var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunk72M33FDNcjs = require('./chunk-72M33FDN.cjs');
 
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkO3NJJRRCcjs = require('./chunk-O3NJJRRC.cjs');
 
 // src/components/Drawer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -28,6 +34,8 @@ var Drawer = (props) => {
   const [fractionVisible, setFractionVisible] = _react.useState.call(void 0, 1);
   const [grabbing, setGrabbing] = _react.useState.call(void 0, false);
   const drawerContainerRef = _react.useRef.call(void 0, null);
+  _chunkO3NJJRRCcjs.useIOSScrollLock.call(void 0, );
+  const keyboardOffset = _chunk72M33FDNcjs.useKeyboardOffset.call(void 0, );
   const handleClose = () => {
     if (props.nonDismissable) {
       return;
@@ -82,7 +90,8 @@ var Drawer = (props) => {
       {
         isOpen,
         fractionVisible,
-        onClick: handleClose
+        onClick: handleClose,
+        onTouchMove: (e) => e.preventDefault()
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -95,6 +104,8 @@ var Drawer = (props) => {
         totalDeltaY,
         grabbing,
         ref: drawerContainerRef,
+        keyboardOffset,
+        "data-drawer-scrollable": true,
         top: props.top,
         children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           DrawerInnerContainer,
@@ -105,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, 
-                _chunkBCJWY2ZAcjs.Button,
+                _chunkCR55KSPGcjs.Button,
                 {
                   onClick: props.handleBack,
                   icon: { name: "ChevronLeft" },
@@ -114,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, 
-                _chunkMLMYJBDVcjs.Icon,
+                _chunkRC7657RRcjs.Icon,
                 {
                   name: "CentralCrossLarge",
                   square: true,
@@ -132,10 +143,9 @@ var Drawer = (props) => {
 };
 var Background = _styled2.default.div`
   position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
+  inset: 0;
+  max-height: 100dvh;
+  overflow: hidden;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: ${_chunkZU72XWNEcjs.z.modalOverlay};
 
@@ -158,14 +168,15 @@ var DrawerContainer = _styled2.default.div`
   position: fixed;
   max-height: 100dvh;
   width: 100%;
-  right: 0;
-  bottom: 0;
+  bottom: ${(props) => {
+  var _a;
+  return (_a = props.keyboardOffset) != null ? _a : 0;
+}}px;
   transform: translateY(${(props) => `${props.totalDeltaY}px`});
   z-index: ${_chunkZU72XWNEcjs.z.modalContainer};
   display: flex;
   flex-direction: column;
   align-items: center;
-
   ${(props) => props.top && `top: ${props.top}px;`}
 
   // Only smooth transition when not grabbing, otherwise dragging will feel very laggy
@@ -200,7 +211,9 @@ var DrawerInnerContainer = _styled2.default.div`
   flex-direction: column;
   width: ${(props) => props.kind === "floating" ? `calc(100% - ${_chunkZUAO4DW3cjs.Spacing.md * 2}px)` : "100%"};
   min-width: 320px;
-  ${(props) => props.kind === "floating" ? `bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};` : ""}
+  ${(props) => props.kind === "floating" ? `bottom: 0;` : ""}
+  margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};
+  margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.md};
   height: auto;
   border-radius: ${(props) => props.kind === "floating" ? _chunkZUAO4DW3cjs.Spacing.px.lg : `${_chunkZUAO4DW3cjs.Spacing.px.lg} ${_chunkZUAO4DW3cjs.Spacing.px.lg} 0 0`};
   background-color: ${({ theme }) => theme.bg};
@@ -236,8 +249,8 @@ var CloseButtonContainer = _styled2.default.div`
     line-height: 14px;
   }
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkPAG7VG4Ccjs.UnstyledButton)`
-  ${_chunkQ3N3HXJAcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton)`
+  ${_chunkBXREC2NYcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-MLMYJBDV.cjs → chunk-RC7657RR.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkN4YROJKRcjs = require('./chunk-N4YROJKR.cjs');
+var _chunk2MWR2GBKcjs = require('./chunk-2MWR2GBK.cjs');
 
 
 
 var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
 
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkBXREC2NYcjs = require('./chunk-BXREC2NY.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
 
 // src/components/Icon/Icon.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -34,14 +34,14 @@ function Icon({
   verticalAlign = "middle",
   iconProps
 }) {
-  const IconComponent = _chunkN4YROJKRcjs.iconMap[name];
-  const w = parseFloat((width / _chunkQ3N3HXJAcjs.rootFontSizePx).toFixed(2));
+  const IconComponent = _chunk2MWR2GBKcjs.iconMap[name];
+  const w = parseFloat((width / _chunkBXREC2NYcjs.rootFontSizePx).toFixed(2));
   const h = square ? w : "auto";
-  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkQ3N3HXJAcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
-  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkQ3N3HXJAcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
-  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkQ3N3HXJAcjs.rootFontSizePx).toFixed(2))}em` : mtProp;
-  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkQ3N3HXJAcjs.rootFontSizePx).toFixed(2))}em` : mbProp;
-  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkQ3N3HXJAcjs.rootFontSizePx).toFixed(2));
+  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkBXREC2NYcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
+  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkBXREC2NYcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
+  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkBXREC2NYcjs.rootFontSizePx).toFixed(2))}em` : mtProp;
+  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkBXREC2NYcjs.rootFontSizePx).toFixed(2))}em` : mbProp;
+  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkBXREC2NYcjs.rootFontSizePx).toFixed(2));
   const icon = _react2.default.createElement(IconComponent, iconProps, null);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     IconContainer,
@@ -90,10 +90,10 @@ var IconContainer = _styled2.default.span`
 }}
 
   ${({ theme, fontColor }) => {
-  const color = _chunkRONHCMPDcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
+  const color = _chunkEINUB4JIcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
   return `
     svg, path {
-      color: ${_chunkRONHCMPDcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
+      color: ${_chunkEINUB4JIcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
 
       /* 
         Provide a way for an SVG to invert relative to a specified color for

package/dist/{chunk-IL2IP5BN.cjs → chunk-RDPUUOOP.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIWMOY2OAcjs = require('./chunk-IWMOY2OA.cjs');
+var _chunkC53RJGXIcjs = require('./chunk-C53RJGXI.cjs');
 
 
-var _chunk4PCMHLMNcjs = require('./chunk-4PCMHLMN.cjs');
+var _chunkQ6IYIAKUcjs = require('./chunk-Q6IYIAKU.cjs');
 
 
 
@@ -22,8 +22,8 @@ var BooleanFilter = ({
   state,
   label
 }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIWMOY2OAcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4PCMHLMNcjs.Radio,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC53RJGXIcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkQ6IYIAKUcjs.Radio,
     {
       radioOptions: [
         { label: "Yes" /* YES */ },

package/dist/{chunk-TG6OYWKQ.js → chunk-RGV3BTLQ.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-GJE63M3I.js";
+} from "./chunk-WTKAQJKR.js";
 import {
   __async
 } from "./chunk-CWMXXUWU.js";

package/dist/{chunk-UU7JNIMO.js → chunk-RI6OYUGS.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-W5L3SQ2I.js";
 import {
   StyledTitle,
   getPropDefaults
-} from "./chunk-6GAXNET6.js";
+} from "./chunk-5XRT5DYH.js";
 import {
   __spreadProps,
   __spreadValues