@lightsparkdev/ui 1.1.15 → 1.1.17

package/dist/{chunk-AC7LNAFM.js → chunk-E6I5QATB.js}

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

package/dist/{chunk-FB4N2YNL.cjs → chunk-EFUO4VCA.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 
-var _chunkCECD7VALcjs = require('./chunk-CECD7VAL.cjs');
+var _chunkCC4HS72Dcjs = require('./chunk-CC4HS72D.cjs');
 
 // src/styles/typography.tsx
 var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {
   const selector = applyToAll ? "&, & *" : "&";
   return `
     ${selector} {
-      ${_chunkCECD7VALcjs.getTypographyString.call(void 0, theme, typographyType, size)};
-      color: ${_chunkRONHCMPDcjs.getFontColor.call(void 0, theme, color)};
+      ${_chunkCC4HS72Dcjs.getTypographyString.call(void 0, theme, typographyType, size)};
+      color: ${_chunkWZIDVP2Ucjs.getFontColor.call(void 0, theme, color)};
     }
   `;
 };

package/dist/{chunk-NRUNK7IB.js → chunk-EM3JZMW7.js}

@@ -1,6 +1,6 @@
 import {
   CodeInput
-} from "./chunk-7BFDEVGN.js";
+} from "./chunk-I5NN2WM2.js";
 
 // src/components/CardForm/CardFormCodeInput.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-6LVRUMG6.js → chunk-ENXR4B6Q.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-PHNBODCX.js";
+} from "./chunk-TIWQVMSS.js";
 import {
   IconContainer
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-XT5NXF55.js";
+} from "./chunk-4BTMZ2KB.js";
 
 // src/components/PageSection/PageSectionNav.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-LG6ILY3O.js → chunk-ETCK4N4Z.js}

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

package/dist/{chunk-JIXLCU7R.js → chunk-ETUSGGYE.js}

@@ -1,6 +1,6 @@
 import {
   StatusIndicator
-} from "./chunk-RN5GZXGU.js";
+} from "./chunk-MGSNMMIS.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-R2FXOHHQ.cjs → chunk-EUPMY6J3.cjs}

@@ -3,13 +3,13 @@
 var _chunkEZUXCJOHcjs = require('./chunk-EZUXCJOH.cjs');
 
 
-var _chunkMLMYJBDVcjs = require('./chunk-MLMYJBDV.cjs');
+var _chunkDSTWBIG7cjs = require('./chunk-DSTWBIG7.cjs');
 
 
-var _chunkRUPCXJV4cjs = require('./chunk-RUPCXJV4.cjs');
+var _chunkNE6BUG64cjs = require('./chunk-NE6BUG64.cjs');
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkWZIDVP2Ucjs = require('./chunk-WZIDVP2U.cjs');
 
 // src/components/IconWithCircleBackground.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -52,7 +52,7 @@ function IconWithCircleBackground({
             noBg,
             bgColor,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkMLMYJBDVcjs.Icon,
+              _chunkDSTWBIG7cjs.Icon,
               {
                 name: iconName,
                 width: iconWidth,
@@ -69,16 +69,16 @@ function IconWithCircleBackground({
       ]
     }
   );
-  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUPCXJV4cjs.Link, { to, disabled, children: content }) }) : content;
+  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNE6BUG64cjs.Link, { to, disabled, children: content }) }) : content;
 }
 var StyledIconWithCircleBackground = _styled2.default.div`
-  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkRONHCMPDcjs.getColor.call(void 0, theme, bgColor) : _chunkRONHCMPDcjs.getColor.call(void 0, theme, "grayBlue94")};
+  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, bgColor) : _chunkWZIDVP2Ucjs.getColor.call(void 0, theme, "grayBlue94")};
 
   &:hover {
-    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkRONHCMPDcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkWZIDVP2Ucjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
   }
   &:active {
-    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkRONHCMPDcjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkWZIDVP2Ucjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
   }
 
   border-radius: 50%;

package/dist/{chunk-5TPQIZLT.js → chunk-EX7WN2KM.js}

@@ -1,41 +1,41 @@
-import {
-  smHeaderLogoMarginLeft
-} from "./chunk-SLEBHXIK.js";
 import {
   MultiToggle
-} from "./chunk-DWZWWWAX.js";
+} from "./chunk-2ZHFS273.js";
 import {
   Toggle
-} from "./chunk-UP5M2JK4.js";
+} from "./chunk-QYXFVA4O.js";
+import {
+  smHeaderLogoMarginLeft
+} from "./chunk-SLEBHXIK.js";
 import {
   Flex
 } from "./chunk-M4R57NN3.js";
 import {
   Button
-} from "./chunk-CHQSMSJF.js";
+} from "./chunk-NE7756PY.js";
 import {
   UnstyledButton
-} from "./chunk-R4GLUZNO.js";
+} from "./chunk-3A65FDXQ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   toReactNodes
-} from "./chunk-6FPEWTKF.js";
+} from "./chunk-2C4XFGJH.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-B73N7I6O.js";
 import {
   Link
-} from "./chunk-K6N6FCBJ.js";
+} from "./chunk-TQLHHWTU.js";
 import {
   themeOr
-} from "./chunk-UTNGZDDG.js";
+} from "./chunk-V7XAF6D2.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

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

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

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

@@ -1,21 +1,27 @@
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-CHQSMSJF.js";
+} from "./chunk-NE7756PY.js";
 import {
   UnstyledButton
-} from "./chunk-R4GLUZNO.js";
+} from "./chunk-3A65FDXQ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
 import {
   Icon
-} from "./chunk-V7BAFKL2.js";
+} from "./chunk-MNNK5Z6E.js";
 import {
   standardFocusOutline
-} from "./chunk-65SUEHNK.js";
+} from "./chunk-B73N7I6O.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-FFRZGMCX.cjs

@@ -0,0 +1,51 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/FileText.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function FileText({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M12.3358 2.75H5.75C5.19772 2.75 4.75 3.19772 4.75 3.75V20.25C4.75 20.8023 5.19771 21.25 5.75 21.25H18.25C18.8023 21.25 19.25 20.8023 19.25 20.25V9.66421C19.25 9.399 19.1446 9.14464 18.9571 8.95711L13.0429 3.04289C12.8554 2.85536 12.601 2.75 12.3358 2.75Z",
+            stroke: "#16171A",
+            strokeWidth,
+            strokeLinecap
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M8.75 13.25H12.25M8.75 17.25H15.25",
+            stroke: "#16171A",
+            strokeWidth,
+            strokeLinecap
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M12.75 3.25V8.25C12.75 8.80228 13.1977 9.25 13.75 9.25H18.75",
+            stroke: "#16171A",
+            strokeWidth,
+            strokeLinecap
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.FileText = FileText;

package/dist/{chunk-FGJTLKSF.cjs → chunk-FFZCWSNG.cjs}

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

package/dist/{chunk-7BWXMSXR.js → chunk-FHNY3HM2.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5KSG5D3I.js";
 import {
   TextInput
-} from "./chunk-P5CSVKOE.js";
+} from "./chunk-3PDB5N46.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-PV6A4T42.cjs → chunk-FL3CJSCW.cjs}

@@ -4,10 +4,10 @@ var _chunkB6Y7HCBMcjs = require('./chunk-B6Y7HCBM.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');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -114,7 +114,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
   ${getFontFaces(theme)};
 
   html {
-    font-size: ${_chunkQ3N3HXJAcjs.rootFontSizeRems}rem;
+    font-size: ${_chunkGSQGDJAVcjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -144,7 +144,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunkQ3N3HXJAcjs.standardLineHeightEms}em;
+    line-height: ${_chunkGSQGDJAVcjs.standardLineHeightEms}em;
   }
 
   code {
@@ -191,7 +191,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkRONHCMPDcjs.useThemeBg.call(void 0, );
+  const bg = _chunkWZIDVP2Ucjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;