@lightsparkdev/ui 1.1.15 → 1.1.17

package/dist/{chunk-HMOY75UR.cjs → chunk-ORCTJK5D.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk3WLEGTV7cjs = require('./chunk-3WLEGTV7.cjs');
+var _chunk56PGWGE7cjs = require('./chunk-56PGWGE7.cjs');
 
 
-var _chunkLPBX62KBcjs = require('./chunk-LPBX62KB.cjs');
+var _chunkTJXQV7YMcjs = require('./chunk-TJXQV7YM.cjs');
 
 
 
@@ -25,7 +25,7 @@ function SatoshiInput(_a) {
   ]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3WLEGTV7cjs.SatoshiInputLabel,
+      _chunk56PGWGE7cjs.SatoshiInputLabel,
       {
         text: label.text,
         availableSats: label.availableSats,
@@ -33,7 +33,7 @@ function SatoshiInput(_a) {
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLPBX62KBcjs.NumberInput_default,
+      _chunkTJXQV7YMcjs.NumberInput_default,
       _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
         placeholder: "SATs"
       }, rest), {

package/dist/{chunk-DUK7NCDV.cjs → chunk-OTCSRVNV.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkTNJJ2ANOcjs = require('./chunk-TNJJ2ANO.cjs');
+var _chunkDLJDS3PPcjs = require('./chunk-DLJDS3PP.cjs');
 
 
-var _chunkX6Y3L3FKcjs = require('./chunk-X6Y3L3FK.cjs');
+var _chunk5RRDZUYNcjs = require('./chunk-5RRDZUYN.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -11,7 +11,7 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkCF6NXTX7cjs = require('./chunk-CF6NXTX7.cjs');
+var _chunk2MT546OVcjs = require('./chunk-2MT546OV.cjs');
 
 
 
@@ -19,10 +19,10 @@ var _chunkCF6NXTX7cjs = require('./chunk-CF6NXTX7.cjs');
 
 
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 
 
@@ -36,7 +36,10 @@ function CardPage(props) {
   const initiallyExpanded = _react.useRef.call(void 0, Boolean(props.expandRight));
   const [wasExpanded, setWasExpanded] = _react.useState.call(void 0, Boolean(props.expandRight));
   const bp2 = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
-  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTNJJ2ANOcjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
+  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardPageHeader, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDLJDS3PPcjs.Heading, { type: "h1", m0: true, children: props.title }),
+    props.headerRightContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeaderRight, { children: props.headerRightContent })
+  ] }) : null;
   _react.useEffect.call(void 0, () => {
     if (props.expandRight) {
       setWasExpanded(true);
@@ -53,7 +56,7 @@ function CardPage(props) {
       minContentHeight: props.minContentHeight,
       initiallyExpanded: initiallyExpanded.current,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkCF6NXTX7cjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunk2MT546OVcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           CardPageContent,
           {
             hasPreHeaderContent: Boolean(props.preHeaderContent),
@@ -85,7 +88,7 @@ CardPage.defaultProps = {
 var CardPageFullContent = _styled2.default.div``;
 var CardPageFullWidth = _styled2.default.div``;
 var CardPageRightContentInner = _styled2.default.div`
-  ${_chunkCF6NXTX7cjs.flexCenter}
+  ${_chunk2MT546OVcjs.flexCenter}
   height: 100%;
   padding: 150px 25px;
   ${({ hasRightContent }) => hasRightContent && `justify-content: space-evenly;`}
@@ -94,7 +97,7 @@ var CardPageRightContent = _styled2.default.div`
   display: flex;
   position: relative;
   ${CardPageRightContentInner} {
-    ${_chunkQ3N3HXJAcjs.darkGradientBg};
+    ${_chunkGSQGDJAVcjs.darkGradientBg};
     position: relative;
     height: calc(100% + 80px);
     margin-top: -40px;
@@ -104,15 +107,15 @@ var CardPageRightContent = _styled2.default.div`
     width: 100%;
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, [0, _chunkQ3N3HXJAcjs.cardBorderRadiusPx, _chunkQ3N3HXJAcjs.cardBorderRadiusPx, 0])};
+      ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, [0, _chunkGSQGDJAVcjs.cardBorderRadiusPx, _chunkGSQGDJAVcjs.cardBorderRadiusPx, 0])};
     `)}
   }
 `;
 var vCardPaddingPx = 40;
 var expandTiming = `0.65s ease-in-out`;
 var CardPageContainer = _styled2.default.div`
-  ${_chunkQ3N3HXJAcjs.standardContentInset.css}
-  ${({ theme }) => _chunkRONHCMPDcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${_chunkGSQGDJAVcjs.standardContentInset.css}
+  ${({ theme }) => _chunkWZIDVP2Ucjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
   position: relative;
   z-index: ${_chunkZU72XWNEcjs.z.card};
 
@@ -125,23 +128,23 @@ var CardPageContainer = _styled2.default.div`
   `)}
 
   & > * {
-    ${_chunkQ3N3HXJAcjs.standardContentInset.css}
+    ${_chunkGSQGDJAVcjs.standardContentInset.css}
   }
 
   & ${CardPageFullContent}, & ${CardPageFullWidth} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkQ3N3HXJAcjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkQ3N3HXJAcjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkGSQGDJAVcjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkGSQGDJAVcjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-      width: calc(100% + ${_chunkQ3N3HXJAcjs.standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${_chunkQ3N3HXJAcjs.standardContentInset.minSmMaxLgPx}px;
+      width: calc(100% + ${_chunkGSQGDJAVcjs.standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${_chunkGSQGDJAVcjs.standardContentInset.minSmMaxLgPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.lg(`
-      width: calc(100% + ${_chunkQ3N3HXJAcjs.standardContentInset.lgPx * 2}px);
-      margin-left: -${_chunkQ3N3HXJAcjs.standardContentInset.lgPx}px;
+      width: calc(100% + ${_chunkGSQGDJAVcjs.standardContentInset.lgPx * 2}px);
+      margin-left: -${_chunkGSQGDJAVcjs.standardContentInset.lgPx}px;
     `)}
   }
 
@@ -160,9 +163,9 @@ var CardPageContainer = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.minSm(`
-    ${_chunkQ3N3HXJAcjs.standardCardShadow.styles};
+    ${_chunkGSQGDJAVcjs.standardCardShadow.styles};
     padding: ${vCardPaddingPx}px 0;
-    ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, _chunkQ3N3HXJAcjs.cardBorderRadiusPx)}
+    ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, _chunkGSQGDJAVcjs.cardBorderRadiusPx)}
   `)}
 
   &:not(:last-child) {
@@ -224,12 +227,12 @@ var CardPageContainer = _styled2.default.div`
 
       &:first-of-type > * {
         ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-          width: calc(100% - ${_chunkQ3N3HXJAcjs.standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${_chunkQ3N3HXJAcjs.standardContentInset.minSmMaxLgPx}px;
+          width: calc(100% - ${_chunkGSQGDJAVcjs.standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${_chunkGSQGDJAVcjs.standardContentInset.minSmMaxLgPx}px;
         `)}
         ${_chunkKW3JYLRIcjs.bp.lg(`
-          width: calc(100% - ${_chunkQ3N3HXJAcjs.standardContentInset.lgPx * 3}px);
-          margin-left: ${_chunkQ3N3HXJAcjs.standardContentInset.lgPx}px;
+          width: calc(100% - ${_chunkGSQGDJAVcjs.standardContentInset.lgPx * 3}px);
+          margin-left: ${_chunkGSQGDJAVcjs.standardContentInset.lgPx}px;
         `)}
       }
     }
@@ -255,7 +258,7 @@ var CardPageContainer = _styled2.default.div`
             ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
             margin: 0%;
             & > ${CardPageRightContentInner.toString()} {
-              border-radius: ${_chunkQ3N3HXJAcjs.cardBorderRadiusPx}px !important;
+              border-radius: ${_chunkGSQGDJAVcjs.cardBorderRadiusPx}px !important;
             }
           `) : wasExpanded ? _chunkKW3JYLRIcjs.bp.minSm(`
             width: 50%;
@@ -265,8 +268,8 @@ var CardPageContainer = _styled2.default.div`
 `;
 var CardPageSubtitle = _styled2.default.p`
   color: ${({ theme }) => theme.mcNeutral};
-  font-size: ${_chunkCF6NXTX7cjs.size.px14};
-  line-height: ${_chunkCF6NXTX7cjs.size.px18};
+  font-size: ${_chunk2MT546OVcjs.size.px14};
+  line-height: ${_chunk2MT546OVcjs.size.px18};
   font-weight: 600;
   margin: 0;
 `;
@@ -277,18 +280,22 @@ var CardPageHeader = _styled2.default.div`
   justify-content: space-between;
   position: relative;
 
-  & + *:not(${CardPageSubtitle}):not(${_chunkX6Y3L3FKcjs.StyledButtonRow}) {
-    margin-top: ${_chunkQ3N3HXJAcjs.headingContentMarginPx}px !important;
+  & + *:not(${CardPageSubtitle}):not(${_chunk5RRDZUYNcjs.StyledButtonRow}) {
+    margin-top: ${_chunkGSQGDJAVcjs.headingContentMarginPx}px !important;
   }
 
   & + ${CardPageSubtitle} {
     margin-top: 5px;
   }
 
-  & + ${_chunkX6Y3L3FKcjs.StyledButtonRow} {
+  & + ${_chunk5RRDZUYNcjs.StyledButtonRow} {
     margin-top: 16px;
   }
 `;
+var CardPageHeaderRight = _styled2.default.div`
+  display: flex;
+  align-items: center;
+`;
 var CardPageContent = _styled2.default.div`
   ${({
   maxContentWidth,

package/dist/chunk-P54B32B7.js

@@ -0,0 +1,27 @@
+// src/icons/central/BankSolid.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function BankSolid() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      height: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12.3672 1.38184L2.36719 6.38184V9.99987H4.36719V16H3.64714L1.98047 21H22.7553L21.0887 16H20.3672V9.99987H22.3672V6.38184L12.3672 1.38184ZM18.3672 9.99987H16.3672V16H18.3672V9.99987ZM14.3672 16V9.99987H10.3672V16H14.3672ZM8.36719 16V9.99987H6.36719V16H8.36719Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+export {
+  BankSolid
+};

package/dist/chunk-PFRZI756.cjs

@@ -0,0 +1,23 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+
+
+var _chunkGJ4EVX5Ncjs = require('./chunk-GJ4EVX5N.cjs');
+
+// src/components/DataManagerTable/AppliedButtonsContainer.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var AppliedButtonsContainer = _styled2.default.div`
+  margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
+  display: flex;
+  gap: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+  flex-wrap: wrap;
+
+  ${_chunkGJ4EVX5Ncjs.ButtonSelector.call(void 0, )} {
+    max-width: 100%;
+  }
+`;
+
+
+
+exports.AppliedButtonsContainer = AppliedButtonsContainer;

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

@@ -1,12 +1,12 @@
 import {
   Tooltip
-} from "./chunk-H7OGKA7Q.js";
+} from "./chunk-3RRZQG56.js";
 import {
   UnstyledButton
-} from "./chunk-R4GLUZNO.js";
+} from "./chunk-3A65FDXQ.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   __async
 } from "./chunk-CWMXXUWU.js";

package/dist/{chunk-7Y3F2JGP.cjs → chunk-Q4I5RD7G.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkD3DCZG67cjs = require('./chunk-D3DCZG67.cjs');
+var _chunkCWO637N3cjs = require('./chunk-CWO637N3.cjs');
 
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkS6OGIIJCcjs = require('./chunk-S6OGIIJC.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 // src/components/Badge.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -32,13 +32,13 @@ function Badge({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || (kind === "danger" ? "danger" : kind === "success" ? "white" : "text")
   };
-  const nodesWithTypography = _chunkD3DCZG67cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunkCWO637N3cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography
   });
-  const content = _chunkXC4APVGIcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkS6OGIIJCcjs.toReactNodes.call(void 0, nodesWithTypography);
   return contentProp ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledBadge, { kind, ml, mr, size, block, children: [
     icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkMLMYJBDVcjs.Icon,
+      _chunkDSTWBIG7cjs.Icon,
       {
         name: icon.name,
         width: 20,
@@ -51,7 +51,7 @@ function Badge({
 var badgeSmVPadding = 2;
 var badgeSmHPadding = 6;
 var StyledBadge = _styled2.default.div`
-  ${({ size }) => _chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
+  ${({ size }) => _chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
   ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
   ${({ mr }) => mr === 0 ? "" : `margin-right: ${mr}px;`}
 
@@ -61,11 +61,11 @@ var StyledBadge = _styled2.default.div`
   padding: ${({ size }) => size === "sm" ? `${badgeSmVPadding}px ${badgeSmHPadding}px` : "12px 16px"};
   background-color: ${({ theme, kind }) => {
   if (kind === "danger") {
-    return _chunkRONHCMPDcjs.getColor.call(void 0, theme, "red42a10");
+    return _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, "red42a10");
   } else if (kind === "success") {
-    return _chunkRONHCMPDcjs.getColor.call(void 0, theme, "success");
+    return _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, "success");
   } else {
-    return _chunkRONHCMPDcjs.getColor.call(void 0, theme, theme.badge.bg);
+    return _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, theme.badge.bg);
   }
 }};
 `;

package/dist/{chunk-FBVAVMT5.js → chunk-QFA3ETLT.js}

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

package/dist/{chunk-3PYLKB4C.js → chunk-QGZXH6TR.js}

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

package/dist/{chunk-CTBKIGQC.js → chunk-QMD63NFZ.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-2C4XFGJH.js";
 import {
   StyledLabelModerate,
   getPropDefaults
-} from "./chunk-UN4NZEGW.js";
+} from "./chunk-WRL7C7KA.js";
 import {
   __spreadProps,
   __spreadValues

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

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIWMOY2OAcjs = require('./chunk-IWMOY2OA.cjs');
+var _chunkHWDJCLQ3cjs = require('./chunk-HWDJCLQ3.cjs');
 
 
-var _chunk4PCMHLMNcjs = require('./chunk-4PCMHLMN.cjs');
+var _chunkL66WFAPEcjs = require('./chunk-L66WFAPE.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, _chunkHWDJCLQ3cjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkL66WFAPEcjs.Radio,
     {
       radioOptions: [
         { label: "Yes" /* YES */ },

package/dist/{chunk-6FWF6Q5T.cjs → chunk-QPDQE4PD.cjs}

@@ -2,11 +2,11 @@
 
 
 
-var _chunkQ3N3HXJAcjs = require('./chunk-Q3N3HXJA.cjs');
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.cjs');
 
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 // src/components/Table/TableEmptyState.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -27,12 +27,12 @@ var TableEmptyState = (props) => {
 };
 var StyledTableEmptyState = _styled2.default.div`
   position: relative;
-  ${_chunkQ3N3HXJAcjs.standardContentInset.css}
+  ${_chunkGSQGDJAVcjs.standardContentInset.css}
 `;
 var TableEmptyStateLine = _styled2.default.div`
   background: linear-gradient(
     90deg,
-    ${({ theme }) => _chunkRONHCMPDcjs.isDark.call(void 0, theme) ? theme.c1Neutral : theme.c05Neutral} 0%,
+    ${({ theme }) => _chunkWZIDVP2Ucjs.isDark.call(void 0, theme) ? theme.c1Neutral : theme.c05Neutral} 0%,
     rgba(242, 242, 242, 0) 100%
   );
   height: 16px;
@@ -53,12 +53,12 @@ var TableEmptyStateCardContainer = _styled2.default.div`
   width: 100%;
 `;
 var TableEmptyStateCard = _styled2.default.div`
-  ${_chunkQ3N3HXJAcjs.standardCardShadow}
-  ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkGSQGDJAVcjs.standardCardShadow}
+  ${_chunkGSQGDJAVcjs.standardBorderRadius.call(void 0, 16)}
   padding: 32px;
   width: 320px;
   max-width: 100%;
-  ${({ theme }) => _chunkRONHCMPDcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${({ theme }) => _chunkWZIDVP2Ucjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
 `;
 var TableEmptyStateCardTitle = _styled2.default.p`
   font-weight: bold;

package/dist/{chunk-UP5M2JK4.js → chunk-QYXFVA4O.js}

@@ -1,13 +1,13 @@
 import {
   UnstyledButton
-} from "./chunk-R4GLUZNO.js";
+} from "./chunk-3A65FDXQ.js";
 import {
   getColor,
   themeOr
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-V7XAF6D2.js";
 import {
   colors
-} from "./chunk-XT5NXF55.js";
+} from "./chunk-4BTMZ2KB.js";
 
 // src/components/Toggle.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-MSAPLEXG.js → chunk-R2BXUIJC.js}

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

package/dist/{chunk-FIBJPX3U.cjs → chunk-R3FJMSPR.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 _chunkGJ4EVX5Ncjs = require('./chunk-GJ4EVX5N.cjs');
 
 
-var _chunkPAG7VG4Ccjs = require('./chunk-PAG7VG4C.cjs');
+var _chunkOIVMDDPCcjs = require('./chunk-OIVMDDPC.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
+
+
+var _chunkGSQGDJAVcjs = require('./chunk-GSQGDJAV.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,
+                _chunkGJ4EVX5Ncjs.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,
+                _chunkDSTWBIG7cjs.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, _chunkOIVMDDPCcjs.UnstyledButton)`
+  ${_chunkGSQGDJAVcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;