@lightsparkdev/ui 1.1.15 → 1.1.16

package/dist/{chunk-BCJWY2ZA.cjs → chunk-CR55KSPG.cjs}

@@ -1,34 +1,34 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkPE2GMFRWcjs = require('./chunk-PE2GMFRW.cjs');
+var _chunkVIVS4Q34cjs = require('./chunk-VIVS4Q34.cjs');
 
 
-var _chunk6MXF36FIcjs = require('./chunk-6MXF36FI.cjs');
+var _chunk3XDR6H5Qcjs = require('./chunk-3XDR6H5Q.cjs');
 
 
-var _chunkPAG7VG4Ccjs = require('./chunk-PAG7VG4C.cjs');
+var _chunkZ4U2SJAWcjs = require('./chunk-Z4U2SJAW.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 _chunkG5KGXBICcjs = require('./chunk-G5KGXBIC.cjs');
+var _chunkHBZZBT7Vcjs = require('./chunk-HBZZBT7V.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkFB4N2YNLcjs = require('./chunk-FB4N2YNL.cjs');
+var _chunkG6GE2K3Lcjs = require('./chunk-G6GE2K3L.cjs');
 
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
 
 
 
@@ -74,11 +74,11 @@ function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;
   const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
   let backgroundColorKey = defaultBackgroundColorKey;
-  if (!backgroundColorKey && _chunkRONHCMPDcjs.isThemeOrColorKey.call(void 0, kind)) {
+  if (!backgroundColorKey && _chunkEINUB4JIcjs.isThemeOrColorKey.call(void 0, kind)) {
     backgroundColorKey = kind;
   }
   const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunkRONHCMPDcjs.getBackgroundColor.call(void 0, 
+  const backgroundColor = _chunkEINUB4JIcjs.getBackgroundColor.call(void 0, 
     theme,
     backgroundColorKey,
     defaultBackgroundColor
@@ -231,7 +231,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         typography,
         kind,
         paddingX,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPE2GMFRWcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVIVS4Q34cjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -244,7 +244,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         kind,
         paddingX,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkMLMYJBDVcjs.Icon,
+          _chunkRC7657RRcjs.Icon,
           _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, icon), {
             width: icon.width || defaultIconWidth,
             square: icon.square === void 0 ? true : icon.square,
@@ -262,7 +262,8 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
           display: "flex",
           alignItems: "center",
           justifyContent,
-          gap: gap ? `${gap}px` : void 0
+          gap: gap ? `${gap}px` : void 0,
+          overflow: "hidden"
         },
         children: [
           iconSide === "left" && currentIcon,
@@ -273,7 +274,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              children: _chunkG5KGXBICcjs.renderTypography.call(void 0, typography.type, {
+              children: _chunkHBZZBT7Vcjs.renderTypography.call(void 0, typography.type, {
                 children: text,
                 color: typography.color,
                 size: typography.size
@@ -284,7 +285,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         ]
       })
     ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6MXF36FIcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3XDR6H5Qcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
   const commonProps = {
     id,
@@ -371,7 +372,7 @@ var buttonStyle = ({
 
     ${zIndex && `z-index: ${zIndex};`}
 
-    ${_chunkFB4N2YNLcjs.applyTypography.call(void 0, 
+    ${_chunkG6GE2K3Lcjs.applyTypography.call(void 0, 
     theme,
     typography.type,
     typography.size,
@@ -379,7 +380,7 @@ var buttonStyle = ({
   )}
 
     &:focus-visible {
-      outline: ${_chunkQ3N3HXJAcjs.getFocusOutline.call(void 0, { theme })};
+      outline: ${_chunkBXREC2NYcjs.getFocusOutline.call(void 0, { theme })};
       /* Slightly different offset for buttons so the outline is visible: */
       outline-offset: 0px;
     }
@@ -419,9 +420,9 @@ var ButtonIcon = _styled2.default.div`
   ${({ iconSide, paddingX }) => `${iconSide}: ${paddingX}px;`}
 `;
 var LinkWithoutTypography = _react3.forwardRef.call(void 0, (props, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUPCXJV4cjs.Link, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { ref }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTZ7XF6DBcjs.Link, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { ref }));
 });
-var StyledButton = _styled2.default.call(void 0, _chunkPAG7VG4Ccjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`

package/dist/{chunk-OYFFHIB7.js → chunk-CT23RURJ.js}

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

package/dist/{chunk-H6AC6EBQ.cjs → chunk-D7RYQTOW.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPV6A4T42cjs = require('./chunk-PV6A4T42.cjs');
+var _chunk7NUJQRQIcjs = require('./chunk-7NUJQRQI.cjs');
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
 
 // src/components/LightsparkProvider.tsx
 var _react = require('@emotion/react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LightsparkProvider({ children }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkRONHCMPDcjs.themes.light, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPV6A4T42cjs.GlobalStyles, {}),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkEINUB4JIcjs.themes.light, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7NUJQRQIcjs.GlobalStyles, {}),
     children
   ] });
 }

package/dist/{chunk-FECUNGFR.cjs → chunk-DACVVH2I.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 _chunk43AWDRW2cjs = require('./chunk-43AWDRW2.cjs');
+var _chunkT5E4NQMHcjs = require('./chunk-T5E4NQMH.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Overline.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Overline(props) {
-  const propsWithDefaults = _chunk43AWDRW2cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkT5E4NQMHcjs.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, _chunk43AWDRW2cjs.StyledOverline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT5E4NQMHcjs.StyledOverline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

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

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk3WLEGTV7cjs = require('./chunk-3WLEGTV7.cjs');
+var _chunkRZUZVS6Qcjs = require('./chunk-RZUZVS6Q.cjs');
 
 
-var _chunkLPBX62KBcjs = require('./chunk-LPBX62KB.cjs');
+var _chunkFGCKPLZDcjs = require('./chunk-FGCKPLZD.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,
+      _chunkRZUZVS6Qcjs.SatoshiInputLabel,
       {
         text: label.text,
         availableSats: label.availableSats,
@@ -33,7 +33,7 @@ function SatoshiInput(_a) {
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLPBX62KBcjs.NumberInput_default,
+      _chunkFGCKPLZDcjs.NumberInput_default,
       _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
         placeholder: "SATs"
       }, rest), {

package/dist/{chunk-HOPTXOE6.js → chunk-DG2PTSLJ.js}

@@ -1,6 +1,6 @@
 import {
   rootFontSizePx
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-RURWLQBJ.js";
 
 // src/styles/utils.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-E2PKRTXA.js → chunk-DG3QYBTW.js}

@@ -1,15 +1,15 @@
 import {
   InfoIconTooltip
-} from "./chunk-LNJO2UWZ.js";
+} from "./chunk-HC5CYHHU.js";
 import {
   Label
-} from "./chunk-QGXS3TWB.js";
+} from "./chunk-YCSXA2KQ.js";
 import {
   link
 } from "./chunk-FZUV52PP.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-SYTKAZOH.js";
 import {
   addCommasToDigits
 } from "./chunk-HAC5YAGQ.js";

package/dist/{chunk-FJVMFYT4.cjs → chunk-DOTRQLPV.cjs}

@@ -1,15 +1,15 @@
 "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 _chunkSALFV7FPcjs = require('./chunk-SALFV7FP.cjs');
+var _chunk7777ZFRLcjs = require('./chunk-7777ZFRL.cjs');
 
 
-var _chunkBCJWY2ZAcjs = require('./chunk-BCJWY2ZA.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkCR55KSPGcjs = require('./chunk-CR55KSPG.cjs');
 
 
 
@@ -39,7 +39,7 @@ var StringFilter = ({
   };
   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 StringFilter = ({
     );
   });
   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, 
-      _chunkSALFV7FPcjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC53RJGXIcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk7777ZFRLcjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/{chunk-VB2R2ARP.js → chunk-DQE5L7XB.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-SYTKAZOH.js";
 import {
   renderTypography
-} from "./chunk-GJE63M3I.js";
+} from "./chunk-WTKAQJKR.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-PX7NKKFH.js → chunk-DSZQDPLU.js}

@@ -1,21 +1,27 @@
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-CHQSMSJF.js";
+} from "./chunk-MD6BKUUZ.js";
 import {
   UnstyledButton
-} from "./chunk-R4GLUZNO.js";
+} from "./chunk-MMQON4EE.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-SYTKAZOH.js";
 import {
   standardFocusOutline
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-RURWLQBJ.js";
+import {
+  useKeyboardOffset
+} from "./chunk-54ETCIMF.js";
+import {
+  useIOSScrollLock
+} from "./chunk-C3UOSUUQ.js";
 
 // src/components/Drawer.tsx
 import styled from "@emotion/styled";
@@ -28,6 +34,8 @@ var Drawer = (props) => {
   const [fractionVisible, setFractionVisible] = useState(1);
   const [grabbing, setGrabbing] = useState(false);
   const drawerContainerRef = useRef(null);
+  useIOSScrollLock();
+  const keyboardOffset = useKeyboardOffset();
   const handleClose = () => {
     if (props.nonDismissable) {
       return;
@@ -82,7 +90,8 @@ var Drawer = (props) => {
       {
         isOpen,
         fractionVisible,
-        onClick: handleClose
+        onClick: handleClose,
+        onTouchMove: (e) => e.preventDefault()
       }
     ),
     /* @__PURE__ */ jsx(
@@ -95,6 +104,8 @@ var Drawer = (props) => {
         totalDeltaY,
         grabbing,
         ref: drawerContainerRef,
+        keyboardOffset,
+        "data-drawer-scrollable": true,
         top: props.top,
         children: /* @__PURE__ */ jsxs(
           DrawerInnerContainer,
@@ -132,10 +143,9 @@ var Drawer = (props) => {
 };
 var Background = styled.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: ${z.modalOverlay};
 
@@ -158,14 +168,15 @@ var DrawerContainer = styled.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: ${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 = styled.div`
   flex-direction: column;
   width: ${(props) => props.kind === "floating" ? `calc(100% - ${Spacing.md * 2}px)` : "100%"};
   min-width: 320px;
-  ${(props) => props.kind === "floating" ? `bottom: ${Spacing.px.md};` : ""}
+  ${(props) => props.kind === "floating" ? `bottom: 0;` : ""}
+  margin-bottom: ${Spacing.px.md};
+  margin-top: ${Spacing.px.md};
   height: auto;
   border-radius: ${(props) => props.kind === "floating" ? Spacing.px.lg : `${Spacing.px.lg} ${Spacing.px.lg} 0 0`};
   background-color: ${({ theme }) => theme.bg};

package/dist/{chunk-7VDY5DRB.cjs → chunk-DYQ5QW4Y.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJSXV524Ucjs = require('./chunk-JSXV524U.cjs');
+var _chunk3TOGPITOcjs = require('./chunk-3TOGPITO.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkRC7657RRcjs = require('./chunk-RC7657RR.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -16,12 +16,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var AnchorLinkHeader = (props) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJSXV524Ucjs.DocsHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk3TOGPITOcjs.DocsHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { children: [
     props.children,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconWrapper, { name: "AnchorLink", color: props.color, width: 0 })
   ] })) });
 };
-var IconWrapper = _styled2.default.call(void 0, _chunkMLMYJBDVcjs.Icon)`
+var IconWrapper = _styled2.default.call(void 0, _chunkRC7657RRcjs.Icon)`
   width: 20px;
   opacity: 0;
   margin: 0 0 4px -20px;