@lightsparkdev/ui 1.1.0 → 1.1.1

package/dist/{chunk-GUNROE4M.cjs → chunk-DUQKLYWW.cjs}

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk7JIOBZFScjs = require('./chunk-7JIOBZFS.cjs');
+var _chunkFAZRPNVLcjs = require('./chunk-FAZRPNVL.cjs');
 
 
-var _chunkHBDF6JWWcjs = require('./chunk-HBDF6JWW.cjs');
+var _chunk2VEWSENQcjs = require('./chunk-2VEWSENQ.cjs');
 
 
+var _chunkI6MQ5VOEcjs = require('./chunk-I6MQ5VOE.cjs');
 
-var _chunk7H2OXTENcjs = require('./chunk-7H2OXTEN.cjs');
 
 
-var _chunkBL5NDVAZcjs = require('./chunk-BL5NDVAZ.cjs');
+var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 
 
 
-var _chunkI4L4UO26cjs = require('./chunk-I4L4UO26.cjs');
+var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -73,7 +73,7 @@ function Table({
   rowHoverEffect = "border",
   minHeight = 300
 }) {
-  const navigate = _chunkI4L4UO26cjs.useNavigate.call(void 0, );
+  const navigate = _chunk7VSNXYK4cjs.useNavigate.call(void 0, );
   const [sorting, setSorting] = _react3.useState.call(void 0, []);
   const { canWriteToClipboard, writeTextToClipboard } = _chunkJZ3TGO3Dcjs.useClipboard.call(void 0, clipboardCallbacks);
   const onClickCopy = _react3.useCallback.call(void 0, 
@@ -88,7 +88,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, 
-          _chunk7JIOBZFScjs.InfoIconTooltip,
+          _chunkFAZRPNVLcjs.InfoIconTooltip,
           {
             id: `tooltip-${column.header.name}`,
             content: column.header.tooltip || "",
@@ -103,7 +103,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, _chunk6Z6ZBZEJcjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
+          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.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,
@@ -125,7 +125,7 @@ function Table({
               onClick: onClickCopy(value.text),
               role: "button",
               tabIndex: 0,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "Copy", width: 16, mr: 12 })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "Copy", width: 16, mr: 12 })
             }
           );
           return value.link ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LinkClipboardCell, { children: [
@@ -139,7 +139,7 @@ function Table({
                   e.stopPropagation();
                 },
                 children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "LinkIcon", width: 12 }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "LinkIcon", width: 12 }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
                 ]
               }
@@ -147,7 +147,7 @@ function Table({
             copyButton
           ] }) : value.to ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkI4L4UO26cjs.Link,
+              _chunk7VSNXYK4cjs.Link,
               {
                 to: value.to,
                 params: value.toParams,
@@ -173,12 +173,12 @@ function Table({
                 e.stopPropagation();
               },
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "LinkIcon", width: 12 }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.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, 
-            _chunkI4L4UO26cjs.Link,
+            _chunk7VSNXYK4cjs.Link,
             {
               to: value.to,
               params: value.toParams,
@@ -203,7 +203,7 @@ function Table({
           return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             icon,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkHBDF6JWWcjs.ClipboardTextField,
+              _chunkI6MQ5VOEcjs.ClipboardTextField,
               {
                 value: value.text,
                 elide: maxChars ? {
@@ -242,7 +242,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 = _chunkI4L4UO26cjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
+          link = _chunk7VSNXYK4cjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
         }
         const target = newTabKey ? "_blank" : void 0;
         window.open(link, target);
@@ -293,13 +293,13 @@ function Table({
       }
     ),
     emptyState,
-    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBL5NDVAZcjs.Loading, {})
+    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VEWSENQcjs.Loading, {})
   ] });
 }
 var TableWrapper = _styled2.default.div`
   position: relative;
   min-height: ${({ minHeight }) => minHeight}px;
-  ${_chunk7H2OXTENcjs.overflowAutoWithoutScrollbars}
+  ${_chunkXQNOVNF4cjs.overflowAutoWithoutScrollbars}
 `;
 var hoverCellStyles = _react.css`
   cursor: pointer;
@@ -315,7 +315,7 @@ var LinkCellContent = _styled2.default.span`
 var HoverableCellWrapper = _styled2.default.div`
   ${hoverCellStyles}
 
-  ${_chunkI4L4UO26cjs.Link} {
+  ${_chunk7VSNXYK4cjs.Link} {
     text-overflow: ellipsis;
     overflow: hidden;
   }
@@ -343,7 +343,7 @@ var CopyButton = _styled2.default.span`
   display: inline-table;
 `;
 var LineClampSpan = _styled2.default.span`
-  ${_chunk7H2OXTENcjs.lineClamp.call(void 0, 2)}
+  ${_chunkXQNOVNF4cjs.lineClamp.call(void 0, 2)}
 `;
 var Base64Icon = _styled2.default.img`
   width: 32px;
@@ -360,16 +360,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: ${_chunkFPQ2OUYXcjs.standardContentInset.lgPx}px;
-    padding-right: ${_chunkFPQ2OUYXcjs.standardContentInset.lgPx}px;
+    padding-left: ${_chunkU35SY546cjs.standardContentInset.lgPx}px;
+    padding-right: ${_chunkU35SY546cjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding-left: ${_chunkFPQ2OUYXcjs.standardContentInset.smPx}px;
-    padding-right: ${_chunkFPQ2OUYXcjs.standardContentInset.smPx}px;
+    padding-left: ${_chunkU35SY546cjs.standardContentInset.smPx}px;
+    padding-right: ${_chunkU35SY546cjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-    padding-left: ${_chunkFPQ2OUYXcjs.standardContentInset.minSmMaxLgPx}px;
-    padding-right: ${_chunkFPQ2OUYXcjs.standardContentInset.minSmMaxLgPx}px;
+    padding-left: ${_chunkU35SY546cjs.standardContentInset.minSmMaxLgPx}px;
+    padding-right: ${_chunkU35SY546cjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 
   th {
@@ -379,7 +379,7 @@ var StyledTable = _styled2.default.table`
     text-align: left;
     padding: ${cellPaddingPx}px 0px;
     border-bottom: 1px solid
-      ${({ theme }) => _chunkHGCI5IAMcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
+      ${({ theme }) => _chunkXUEKQQJVcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
     padding: ${cellPaddingPx}px;
     &:first-of-type {
       padding-left: 0px;
@@ -439,7 +439,7 @@ var StyledTable = _styled2.default.table`
               top: 10%;
               bottom: 10%;
               ${rowHoverEffect === "background" ? `background: ${theme.c1Neutral};` : `
-                    border: 1px solid ${_chunkHGCI5IAMcjs.themeOrWithKey.call(void 0, 
+                    border: 1px solid ${_chunkXUEKQQJVcjs.themeOrWithKey.call(void 0, 
   "c1Neutral",
   "c2Neutral"
 )({ theme })};

package/dist/{chunk-HWWCQX5E.js → chunk-E62AL352.js}

@@ -1,18 +1,18 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-2WPDZCWM.js";
+} from "./chunk-5A7SOR5D.js";
 import {
   toReactNodes
-} from "./chunk-AHC2USPG.js";
+} from "./chunk-BDL3A6DZ.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 import {
   standardBorderRadius
-} from "./chunk-E46IHC27.js";
+} from "./chunk-ANZUTQRP.js";
 import {
   getColor
-} from "./chunk-AM7EMJXN.js";
+} from "./chunk-33OPRYWV.js";
 
 // src/components/Badge.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-BJNNM7GS.js → chunk-E6QPVXC5.js}

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

package/dist/{chunk-I4A5IFJY.cjs → chunk-E7KQYTWW.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunkTBJKNYG4cjs = require('./chunk-TBJKNYG4.cjs');
+var _chunkUBQ5BC6Mcjs = require('./chunk-UBQ5BC6M.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, 
-    _chunkTBJKNYG4cjs.StyledHeadline,
+    _chunkUBQ5BC6Mcjs.StyledHeadline,
     {
       as: heading,
       id,

package/dist/{chunk-6A6IMQ3O.cjs → chunk-EIK6IX56.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7X7JJTSWcjs = require('./chunk-7X7JJTSW.cjs');
+var _chunkCXSPSVH6cjs = require('./chunk-CXSPSVH6.cjs');
 
 
-var _chunkBBGQAE5Ucjs = require('./chunk-BBGQAE5U.cjs');
+var _chunkACUDTIRCcjs = require('./chunk-ACUDTIRC.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/Icon/types.tsx
-var iconMap = _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkBBGQAE5Ucjs.icons_exports), _chunk7X7JJTSWcjs.central_exports);
+var iconMap = _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkACUDTIRCcjs.icons_exports), _chunkCXSPSVH6cjs.central_exports);
 
 
 

package/dist/{chunk-SJ22UUXF.js → chunk-EL2GRBE2.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-AHC2USPG.js";
+} from "./chunk-BDL3A6DZ.js";
 import {
   StyledBody,
   getPropDefaults
-} from "./chunk-6Q373SSH.js";
+} from "./chunk-ZAQNPOEC.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-66TMF6JR.cjs → chunk-ENUWW557.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkDO3PWX7Qcjs = require('./chunk-DO3PWX7Q.cjs');
+var _chunkHEMGZE2Gcjs = require('./chunk-HEMGZE2G.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledOverline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkDO3PWX7Qcjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkHEMGZE2Gcjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-6XON2Q7W.cjs → chunk-EPQWR7TV.cjs}

@@ -4,10 +4,10 @@ var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
 
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -46,7 +46,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
   ${getFontImport(theme)};
 
   html {
-    font-size: ${_chunkFPQ2OUYXcjs.rootFontSizeRems}rem;
+    font-size: ${_chunkU35SY546cjs.rootFontSizeRems}rem;
     color: ${theme.text};
 
     /* required for iOS https://bit.ly/3Q8syG8 */
@@ -76,7 +76,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 
   * {
     box-sizing: border-box;
-    line-height: ${_chunkFPQ2OUYXcjs.standardLineHeightEms}em;
+    line-height: ${_chunkU35SY546cjs.standardLineHeightEms}em;
   }
 
   code {
@@ -123,7 +123,7 @@ var globalComponentStyles = ({ theme }) => _react.css`
 `;
 function GlobalStyles() {
   const theme = _react.useTheme.call(void 0, );
-  const bg = _chunkHGCI5IAMcjs.useThemeBg.call(void 0, );
+  const bg = _chunkXUEKQQJVcjs.useThemeBg.call(void 0, );
   _react3.useEffect.call(void 0, () => {
     const documentHeight = () => {
       const doc = document.documentElement;

package/dist/{chunk-5X4RSRIK.cjs → chunk-FAI2JG7U.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkF65DFJX5cjs = require('./chunk-F65DFJX5.cjs');
+var _chunkH6A7QINFcjs = require('./chunk-H6A7QINF.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -13,7 +13,7 @@ var Filter = ({
   children
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContainer, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF65DFJX5cjs.LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH6A7QINFcjs.LabelModerate, { children: `Filter by ${label}` }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterBody, { children })
   ] });
 };

package/dist/{chunk-7JIOBZFS.cjs → chunk-FAZRPNVL.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
+var _chunkYNBZC3U6cjs = require('./chunk-YNBZC3U6.cjs');
 
 
-var _chunkE2672QPScjs = require('./chunk-E2672QPS.cjs');
+var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, content);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         "data-tooltip-id": id,
         style: { display: "inline-flex", alignItems: "center", verticalAlign },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE2672QPScjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNBZC3U6cjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-764PTQNO.js → chunk-FDMZZB2V.js}

@@ -1,9 +1,9 @@
-import {
-  useNumberInput
-} from "./chunk-PPY3QJ2X.js";
 import {
   TextInput
-} from "./chunk-JU2FTCTN.js";
+} from "./chunk-JBKOX4EH.js";
+import {
+  useNumberInput
+} from "./chunk-T6Q43UMB.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-GNXFNQIM.cjs → chunk-FGL6AQO2.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
+var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
 
 
 
-var _chunkNXLHWPSHcjs = require('./chunk-NXLHWPSH.cjs');
+var _chunkYAS6CAZOcjs = require('./chunk-YAS6CAZO.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Body.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Body(props) {
-  const propsWithDefaults = _chunkNXLHWPSHcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkYAS6CAZOcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNXLHWPSHcjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYAS6CAZOcjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/chunk-FHYBFAVA.js

@@ -0,0 +1,27 @@
+// src/hooks/useMaxScaleIOS.tsx
+import { isIOS } from "react-device-detect";
+function useMaxScaleIOS() {
+  function addMaximumScaleToMetaViewport() {
+    const el = document.querySelector("meta[name=viewport]");
+    if (el !== null) {
+      let content = el.getAttribute("content");
+      const re = /maximum-scale=[0-9.]+/g;
+      if (content) {
+        if (re.test(content)) {
+          content = content.replace(re, "maximum-scale=1.0");
+        } else {
+          content = [content, "maximum-scale=1.0"].join(", ");
+        }
+        el.setAttribute("content", content);
+      }
+    }
+  }
+  const disableIosTextFieldZoom = addMaximumScaleToMetaViewport;
+  if (isIOS) {
+    disableIosTextFieldZoom();
+  }
+}
+
+export {
+  useMaxScaleIOS
+};

package/dist/chunk-FMBWVJNX.cjs

@@ -0,0 +1,27 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useMaxScaleIOS.tsx
+var _reactdevicedetect = require('react-device-detect');
+function useMaxScaleIOS() {
+  function addMaximumScaleToMetaViewport() {
+    const el = document.querySelector("meta[name=viewport]");
+    if (el !== null) {
+      let content = el.getAttribute("content");
+      const re = /maximum-scale=[0-9.]+/g;
+      if (content) {
+        if (re.test(content)) {
+          content = content.replace(re, "maximum-scale=1.0");
+        } else {
+          content = [content, "maximum-scale=1.0"].join(", ");
+        }
+        el.setAttribute("content", content);
+      }
+    }
+  }
+  const disableIosTextFieldZoom = addMaximumScaleToMetaViewport;
+  if (_reactdevicedetect.isIOS) {
+    disableIosTextFieldZoom();
+  }
+}
+
+
+
+exports.useMaxScaleIOS = useMaxScaleIOS;

package/dist/{chunk-XYF5QVMZ.js → chunk-FPURFODV.js}

@@ -1,9 +1,9 @@
 import {
   DocsHeadline
-} from "./chunk-NXV24BSH.js";
+} from "./chunk-B77E362T.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";

package/dist/{chunk-UTDID6QP.cjs → chunk-FTJZZWYS.cjs}

@@ -1,21 +1,21 @@
 "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 _chunkVXW4GOMOcjs = require('./chunk-VXW4GOMO.cjs');
 
 
-var _chunk4UFYMBJKcjs = require('./chunk-4UFYMBJK.cjs');
+var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
 
 
-var _chunkK5JJ5ZJPcjs = require('./chunk-K5JJ5ZJP.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 // src/components/Drawer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -95,10 +95,11 @@ var Drawer = (props) => {
         totalDeltaY,
         grabbing,
         ref: drawerContainerRef,
+        top: props.top,
         children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DrawerInnerContainer, { kind: props.kind, padding: props.padding, 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, 
-            _chunk4UFYMBJKcjs.Button,
+            _chunkVXW4GOMOcjs.Button,
             {
               onClick: props.handleBack,
               icon: { name: "ChevronLeft" },
@@ -107,7 +108,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, 
-            _chunk6Z6ZBZEJcjs.Icon,
+            _chunk4N5EXQIScjs.Icon,
             {
               name: "CentralCrossLarge",
               square: true,
@@ -157,6 +158,8 @@ var DrawerContainer = _styled2.default.div`
   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
   ${(props) => props.grabbing && props.isOpen ? "" : "transition: transform 0.3s ease-in-out;"};
 
@@ -194,7 +197,6 @@ var DrawerInnerContainer = _styled2.default.div`
   background-color: ${({ theme }) => theme.bg};
   padding: ${(props) => props.padding ? `${props.padding}` : `${_chunkZUAO4DW3cjs.Spacing.px["6xl"]} ${_chunkZUAO4DW3cjs.Spacing.px.xl} ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]}
     ${_chunkZUAO4DW3cjs.Spacing.px.xl}`};
-  overflow-y: auto;
 `;
 var Grabber = _styled2.default.div`
   position: absolute;
@@ -225,8 +227,8 @@ var CloseButtonContainer = _styled2.default.div`
     line-height: 14px;
   }
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkK5JJ5ZJPcjs.UnstyledButton)`
-  ${_chunkFPQ2OUYXcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
+  ${_chunkU35SY546cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-YIJZVE4P.js → chunk-G6OQNEXP.js}

@@ -5,8 +5,9 @@ import {
 
 // src/styles/themeDefaults/cardForm.tsx
 var cardFormThemeBaseProps = {
-  paddingY: 56,
   paddingX: 56,
+  paddingTop: 56,
+  paddingBottom: 56,
   shadow: "soft",
   borderRadius: 24,
   borderWidth: 0,
@@ -39,14 +40,20 @@ var defaultCardFormTheme = __spreadProps(__spreadValues({}, cardFormThemeBasePro
   kinds: {
     primary: {},
     secondary: {
-      paddingY: 40,
+      paddingTop: 40,
+      paddingBottom: 40,
       paddingX: 40,
       shadow: "none",
       borderRadius: 8,
       borderWidth: 1,
       borderColor: "vlcNeutral"
     },
-    tertiary: { paddingY: 56, paddingX: 40, shadow: "hard" }
+    tertiary: {
+      paddingTop: 56,
+      paddingBottom: 56,
+      paddingX: 40,
+      shadow: "hard"
+    }
   }
 });
 

package/dist/{chunk-T3Z7NMDH.js → chunk-GA5Y5JKU.js}

@@ -1,6 +1,6 @@
 import {
   pxToRems
-} from "./chunk-RKAVKJX6.js";
+} from "./chunk-KKGZ47R3.js";
 
 // src/components/StatusIndicator.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-2AXASJO5.cjs → chunk-GDALD3BQ.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkI4A5IFJYcjs = require('./chunk-I4A5IFJY.cjs');
+var _chunkE7KQYTWWcjs = require('./chunk-E7KQYTWW.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -16,12 +16,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.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, _chunkI4A5IFJYcjs.DocsHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkE7KQYTWWcjs.DocsHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__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, _chunk6Z6ZBZEJcjs.Icon)`
+var IconWrapper = _styled2.default.call(void 0, _chunk4N5EXQIScjs.Icon)`
   width: 20px;
   opacity: 0;
   margin: 0 0 4px -20px;