@lightsparkdev/ui 1.1.15 → 1.1.16

package/dist/{chunk-OEGBIYZZ.cjs → chunk-NISWT34G.cjs}

@@ -3,37 +3,37 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkUAPZXDNMcjs = require('./chunk-UAPZXDNM.cjs');
+var _chunkK2DWTV3Ccjs = require('./chunk-K2DWTV3C.cjs');
 
 
-var _chunkOPM7ZYLAcjs = require('./chunk-OPM7ZYLA.cjs');
+var _chunk7NSPVTCTcjs = require('./chunk-7NSPVTCT.cjs');
 
 
-var _chunkLA7TPJI3cjs = require('./chunk-LA7TPJI3.cjs');
+var _chunkSG2KPTGOcjs = require('./chunk-SG2KPTGO.cjs');
 
 
 
-var _chunkTNJJ2ANOcjs = require('./chunk-TNJJ2ANO.cjs');
+var _chunkP6UMWA4Ccjs = require('./chunk-P6UMWA4C.cjs');
 
 
-var _chunkPE2GMFRWcjs = require('./chunk-PE2GMFRW.cjs');
+var _chunkVIVS4Q34cjs = require('./chunk-VIVS4Q34.cjs');
 
 
-var _chunkPAG7VG4Ccjs = require('./chunk-PAG7VG4C.cjs');
+var _chunkZ4U2SJAWcjs = require('./chunk-Z4U2SJAW.cjs');
 
 
 
-var _chunk7Y3F2JGPcjs = require('./chunk-7Y3F2JGP.cjs');
+var _chunkHZTYSFYDcjs = require('./chunk-HZTYSFYD.cjs');
 
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.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 _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -42,7 +42,7 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
+var _chunkWRQU4F3Ncjs = require('./chunk-WRQU4F3N.cjs');
 
 
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
@@ -59,7 +59,7 @@ function PageSection({
   headerOffset = 0
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSection, { scrollMarginTop: headerOffset + _chunk46AVXTFOcjs.pageSectionScrollOffset, children: [
-    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTNJJ2ANOcjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP6UMWA4Ccjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
     children
   ] });
 }
@@ -79,7 +79,7 @@ var StyledPageSection = _styled2.default.div`
     scroll-margin-top: ${({ scrollMarginTop }) => scrollMarginTop}px !important;
   }
 `;
-var PageSectionSubheading = _chunkTNJJ2ANOcjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkP6UMWA4Ccjs.headingWithDefaults.call(void 0, {
   type: "h4",
   mb: 32
 });
@@ -93,7 +93,7 @@ var PageSectionBoxActionColumn = ({
 ] });
 var StyledPageSectionBoxActionColumn = _styled2.default.div``;
 var PageSectionBoxActionColumnLabel = _styled2.default.div`
-  color: ${_chunkJFPLNGMQcjs.colors.gray40};
+  color: ${_chunkWRQU4F3Ncjs.colors.gray40};
   font-weight: 500;
   margin: 0;
 `;
@@ -107,7 +107,7 @@ var PageSectionBoxActionColumnValue = _styled2.default.div`
 var PageSectionBoxActionColumnNoValue = _styled2.default.call(void 0, 
   PageSectionBoxActionColumnValue
 )`
-  color: ${_chunkJFPLNGMQcjs.colors.gray80};
+  color: ${_chunkWRQU4F3Ncjs.colors.gray80};
   font-style: italic;
 `;
 function PageSectionBoxAction({
@@ -121,18 +121,18 @@ function PageSectionBoxAction({
   toParams
 }) {
   const theme = _react.useTheme.call(void 0, );
-  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPE2GMFRWcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPAG7VG4Ccjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkOPM7ZYLAcjs.Dropdown,
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVIVS4Q34cjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk7NSPVTCTcjs.Dropdown,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
       },
       dropdownItems
     }
-  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPAG7VG4Ccjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
     /* Extra div for proper default alignment inside flex contexts */
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkUAPZXDNMcjs.TextButton,
+      _chunkK2DWTV3Ccjs.TextButton,
       {
         leftIcon: icon,
         text: label,
@@ -164,7 +164,7 @@ var PageSectionBoxActionRow = ({
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageSectionBoxTitle, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
               title,
-              titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7Y3F2JGPcjs.Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
+              titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHZTYSFYDcjs.Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
             ] }),
             titleRightContent
           ] }),
@@ -202,7 +202,7 @@ var SPageSectionBoxActionRow = _styled2.default.div`
 
   ${({ separator, theme }) => separator && `
       border-top: 1px solid;
-      ${_chunkLA7TPJI3cjs.standardBorderColor.call(void 0, { theme }).styles};
+      ${_chunkSG2KPTGOcjs.standardBorderColor.call(void 0, { theme }).styles};
       padding-top: 32px;
     `}
 `;
@@ -220,7 +220,7 @@ function PageSectionBox({
   children
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSectionBox, { children: [
-    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkXC4APVGIcjs.toReactNodes.call(void 0, description) }),
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkJQAMMNYAcjs.toReactNodes.call(void 0, description) }),
     children,
     (action == null ? void 0 : action.label) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "12px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, action)) }) : null
   ] });
@@ -232,30 +232,30 @@ var StyledPageSectionBox = _styled2.default.div`
 
   & > ${PageSectionBoxRow}, & {
     border: 1px solid;
-    ${_chunkLA7TPJI3cjs.standardBorderColor}
+    ${_chunkSG2KPTGOcjs.standardBorderColor}
   }
 
-  ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 8)}
   padding: 16px;
 
   /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
   &:has(> ${PageSectionBoxRow}) {
     border: none;
     padding: 0;
-    ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 12)}
     }
 
     &:not(:last-of-type) {
@@ -267,7 +267,7 @@ var StyledPageSectionBox = _styled2.default.div`
       ${_chunkKW3JYLRIcjs.bp.sm(`padding: 16px;`)}
       &:not(:first-of-type) {
         border-left: solid 1px;
-        ${_chunkLA7TPJI3cjs.standardBorderColor}
+        ${_chunkSG2KPTGOcjs.standardBorderColor}
       }
     }
 
@@ -277,7 +277,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkLA7TPJI3cjs.standardBorderColor.call(void 0, { theme }).styles};
+            ${_chunkSG2KPTGOcjs.standardBorderColor.call(void 0, { theme }).styles};
           }
         }
       `)}
@@ -290,7 +290,7 @@ var PageSectionBoxTitle = _styled2.default.div`
   justify-content: space-between;
   font-size: ${({ lg }) => lg ? 14 : 12}px;
   font-weight: 600;
-  line-height: ${({ lg }) => _chunkQ3N3HXJAcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunk7Y3F2JGPcjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunkBXREC2NYcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkHZTYSFYDcjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/{chunk-BJOQU4YR.cjs → chunk-NRT7A7GL.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');
 
 
 
@@ -82,7 +82,7 @@ var IdFilter = ({
   };
   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",
@@ -102,8 +102,8 @@ var IdFilter = ({
     );
   });
   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-2A6FZHPL.cjs → chunk-NWEQV5UC.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 _chunkJATKGHBScjs = require('./chunk-JATKGHBS.cjs');
+var _chunk4UKZ5EX7cjs = require('./chunk-4UKZ5EX7.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Title.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Title(props) {
-  const propsWithDefaults = _chunkJATKGHBScjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunk4UKZ5EX7cjs.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, _chunkJATKGHBScjs.StyledTitle, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4UKZ5EX7cjs.StyledTitle, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-OEWNTOJO.js → chunk-NWNST7EC.js}

@@ -1,6 +1,6 @@
 import {
   TextInput
-} from "./chunk-P5CSVKOE.js";
+} from "./chunk-AZ3RYGYM.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-FV26RUHP.cjs → chunk-NZG2NRN2.cjs}

@@ -3,50 +3,50 @@
 var _chunkDCH43ZYZcjs = require('./chunk-DCH43ZYZ.cjs');
 
 
-var _chunkJJ43T5QXcjs = require('./chunk-JJ43T5QX.cjs');
+var _chunkO527WXTKcjs = require('./chunk-O527WXTK.cjs');
 
 
-var _chunkR2FXOHHQcjs = require('./chunk-R2FXOHHQ.cjs');
+var _chunkMZC7VVD3cjs = require('./chunk-MZC7VVD3.cjs');
 
 
-var _chunkFIBJPX3Ucjs = require('./chunk-FIBJPX3U.cjs');
+var _chunkRAUGN2GCcjs = require('./chunk-RAUGN2GC.cjs');
 
 
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
-var _chunkBCJWY2ZAcjs = require('./chunk-BCJWY2ZA.cjs');
 
 
-var _chunkPAG7VG4Ccjs = require('./chunk-PAG7VG4C.cjs');
+var _chunkCR55KSPGcjs = require('./chunk-CR55KSPG.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkZ4U2SJAWcjs = require('./chunk-Z4U2SJAW.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkD3DCZG67cjs = require('./chunk-D3DCZG67.cjs');
+var _chunkVXCQN5B7cjs = require('./chunk-VXCQN5B7.cjs');
 
 
-var _chunkXC4APVGIcjs = require('./chunk-XC4APVGI.cjs');
+var _chunkJQAMMNYAcjs = require('./chunk-JQAMMNYA.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 _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkRONHCMPDcjs = require('./chunk-RONHCMPD.cjs');
+var _chunkEINUB4JIcjs = require('./chunk-EINUB4JI.cjs');
 
 
 
@@ -224,10 +224,10 @@ function Modal({
   const buttonContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "above").map((_a, i) => {
       var _b = _a, { placement, text } = _b, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _b, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBCJWY2ZAcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCR55KSPGcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     displayCancelAbove && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBCJWY2ZAcjs.Button,
+      _chunkCR55KSPGcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -235,7 +235,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBCJWY2ZAcjs.Button,
+      _chunkCR55KSPGcjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -251,7 +251,7 @@ function Modal({
       }
     ),
     displayCancelBelow && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBCJWY2ZAcjs.Button,
+      _chunkCR55KSPGcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -260,7 +260,7 @@ function Modal({
     ),
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "below").map((_c, i) => {
       var _d = _c, { placement, text } = _d, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _d, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBCJWY2ZAcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCR55KSPGcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     })
   ] });
   let titleContent = null;
@@ -270,10 +270,10 @@ function Modal({
       heading: "h4",
       size: "Small"
     };
-    const titleNodesWithTypography = _chunkD3DCZG67cjs.setDefaultReactNodesTypography.call(void 0, title, {
+    const titleNodesWithTypography = _chunkVXCQN5B7cjs.setDefaultReactNodesTypography.call(void 0, title, {
       default: defaultTypography
     });
-    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkXC4APVGIcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
+    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkJQAMMNYAcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
@@ -281,23 +281,23 @@ function Modal({
       type: "Body",
       size: "ExtraSmall"
     };
-    const descriptionNodesWithTypography = _chunkD3DCZG67cjs.setDefaultReactNodesTypography.call(void 0, 
+    const descriptionNodesWithTypography = _chunkVXCQN5B7cjs.setDefaultReactNodesTypography.call(void 0, 
       description,
       { default: defaultTypography }
     );
-    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkXC4APVGIcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
+    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkJQAMMNYAcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
   }
   let topContentNode = null;
   if (topContent) {
     if (_chunkDCH43ZYZcjs.isReactNode.call(void 0, topContent)) {
       topContentNode = topContent;
     } else {
-      topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkR2FXOHHQcjs.IconWithCircleBackground, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, topContent)) });
+      topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMZC7VVD3cjs.IconWithCircleBackground, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, topContent)) });
     }
   }
   const modalContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     progressBar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: "20px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJJ43T5QXcjs.ProgressBar,
+      _chunkO527WXTKcjs.ProgressBar,
       {
         progressPercentage: progressBar.progressPercentage,
         isSm: progressBar.isSm
@@ -312,7 +312,7 @@ function Modal({
   let content;
   if (smKind === "drawer" && isSm) {
     content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFIBJPX3Ucjs.Drawer,
+      _chunkRAUGN2GCcjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: drawerCloseButton,
@@ -320,9 +320,9 @@ function Modal({
         handleBack,
         kind: drawerKind != null ? drawerKind : "default",
         padding: drawerPadding !== void 0 ? `${drawerPadding}px` : void 0,
-        top,
         alignBottom: drawerAlignBottom,
         disableTouchMove: drawerDisableTouchMove != null ? drawerDisableTouchMove : false,
+        top,
         children: modalContent
       }
     );
@@ -346,12 +346,12 @@ function Modal({
           },
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunkQ3N3HXJAcjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunkBXREC2NYcjs.standardContentInset.smPx : 0),
           children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalContent, { width, ghost, smKind, children: [
             !firstFocusRef && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
             !ghost && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalNavigation, { children: [
-              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, topLeftIcon)) : null,
-              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLMYJBDVcjs.Icon, { name: "Close", width: 9 }) })
+              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, topLeftIcon)) : null,
+              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRC7657RRcjs.Icon, { name: "Close", width: 9 }) })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContentInner, { ghost, children: modalContent }),
             bottomContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "auto" }, children: bottomContent })
@@ -365,7 +365,7 @@ function Modal({
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = _styled2.default.call(void 0, _chunkPAG7VG4Ccjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
@@ -377,8 +377,8 @@ var ModalOverlay = _styled2.default.div`
   left: 0;
   z-index: ${_chunkZU72XWNEcjs.z.modalOverlay};
   width: 100vw;
-  height: 100vh;
-  background: ${({ overlayBackground, theme }) => overlayBackground ? _chunkRONHCMPDcjs.getColor.call(void 0, theme, overlayBackground) : "rgba(0, 0, 0, 0.5)"};
+  height: 100dvh;
+  background: ${({ overlayBackground, theme }) => overlayBackground ? _chunkEINUB4JIcjs.getColor.call(void 0, theme, overlayBackground) : "rgba(0, 0, 0, 0.5)"};
 `;
 var ModalContainer = _styled2.default.div`
   pointer-events: none;
@@ -413,7 +413,7 @@ var ModalButtonRow = _styled2.default.div`
   `)}
   gap: 10px;
 
-  ${_chunkBCJWY2ZAcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkCR55KSPGcjs.ButtonSelector.call(void 0, )} {
     width: 50%;
     ${_chunkKW3JYLRIcjs.bp.sm(`
       width: 100%;
@@ -425,7 +425,7 @@ var ModalButtonColumn = _styled2.default.div`
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 
-  ${_chunkBCJWY2ZAcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkCR55KSPGcjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -441,10 +441,10 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkQ3N3HXJAcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkBXREC2NYcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunkCF6NXTX7cjs.overflowAutoWithoutScrollbars}
-  ${_chunkQ3N3HXJAcjs.standardContentInset.smCSS.styles}
+  ${_chunkHBHJ3IFPcjs.overflowAutoWithoutScrollbars}
+  ${_chunkBXREC2NYcjs.standardContentInset.smCSS.styles}
   max-width: 100%;
   max-height: 100%;
   position: absolute;
@@ -452,7 +452,7 @@ var ModalContent = _styled2.default.div`
   flex-direction: column;
 
   ${({ ghost, smKind, width }) => `
-    ${ghost ? "" : _chunkQ3N3HXJAcjs.standardBorderRadius.call(void 0, 16)}
+    ${ghost ? "" : _chunkBXREC2NYcjs.standardBorderRadius.call(void 0, 16)}
     width: ${width}px;
   `}
 
@@ -469,14 +469,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunkPAG7VG4Ccjs.UnstyledButton)`
-  ${_chunkQ3N3HXJAcjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkZ4U2SJAWcjs.UnstyledButton)`
+  ${_chunkBXREC2NYcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-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-O3NJJRRC.cjs

@@ -0,0 +1,90 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useIOSScrollLock.tsx
+var _react = require('react');
+function getScrollableAncestor(element) {
+  while (element && element !== document.body) {
+    const style = window.getComputedStyle(element);
+    const overflowY = style.overflowY;
+    const isScrollable = (overflowY === "auto" || overflowY === "scroll") && element.scrollHeight > element.clientHeight;
+    if (isScrollable) {
+      return element;
+    }
+    element = element.parentElement;
+  }
+  return null;
+}
+function useIOSScrollLock() {
+  _react.useEffect.call(void 0, () => {
+    const scrollY = window.scrollY;
+    const body = document.body;
+    const html = document.documentElement;
+    const originalBodyStyles = {
+      position: body.style.position,
+      top: body.style.top,
+      left: body.style.left,
+      right: body.style.right,
+      overflow: body.style.overflow,
+      width: body.style.width,
+      height: body.style.height
+    };
+    const originalHtmlStyles = {
+      overflow: html.style.overflow,
+      height: html.style.height
+    };
+    body.style.position = "fixed";
+    body.style.top = `-${scrollY}px`;
+    body.style.left = "0";
+    body.style.right = "0";
+    body.style.overflow = "hidden";
+    body.style.width = "100%";
+    body.style.height = "100%";
+    html.style.overflow = "hidden";
+    html.style.height = "100%";
+    let touchStartY = 0;
+    const handleTouchStart = (e) => {
+      touchStartY = e.touches[0].clientY;
+    };
+    const handleTouchMove = (e) => {
+      const target = e.target;
+      if (!target.closest("[data-drawer-scrollable]")) {
+        e.preventDefault();
+        return;
+      }
+      const scrollable = getScrollableAncestor(target);
+      if (!scrollable) {
+        e.preventDefault();
+        return;
+      }
+      const { scrollTop, scrollHeight, clientHeight } = scrollable;
+      const touchY = e.touches[0].clientY;
+      const isScrollingUp = touchY > touchStartY;
+      const isScrollingDown = touchY < touchStartY;
+      const isAtTop = scrollTop <= 0;
+      const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
+      if (isAtTop && isScrollingUp || isAtBottom && isScrollingDown) {
+        e.preventDefault();
+      }
+    };
+    document.addEventListener("touchstart", handleTouchStart, {
+      passive: true
+    });
+    document.addEventListener("touchmove", handleTouchMove, { passive: false });
+    return () => {
+      body.style.position = originalBodyStyles.position;
+      body.style.top = originalBodyStyles.top;
+      body.style.left = originalBodyStyles.left;
+      body.style.right = originalBodyStyles.right;
+      body.style.overflow = originalBodyStyles.overflow;
+      body.style.width = originalBodyStyles.width;
+      body.style.height = originalBodyStyles.height;
+      html.style.overflow = originalHtmlStyles.overflow;
+      html.style.height = originalHtmlStyles.height;
+      window.scrollTo(0, scrollY);
+      document.removeEventListener("touchstart", handleTouchStart);
+      document.removeEventListener("touchmove", handleTouchMove);
+    };
+  }, []);
+}
+
+
+
+exports.useIOSScrollLock = useIOSScrollLock;