@lightsparkdev/ui 1.1.1 → 1.1.3

package/dist/chunk-BWYFC4CK.cjs

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/StrongStrength.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function StrongStrengthIcon({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M11.6133 2C10.969 2 10.4467 2.52233 10.4467 3.16667V12.8333C10.4467 13.4777 10.969 14 11.6133 14H12.8333C13.4777 14 14 13.4777 14 12.8333V3.16667C14 2.52233 13.4777 2 12.8333 2H11.6133Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M7.38677 5.55566C6.74244 5.55566 6.22009 6.078 6.22009 6.72234V12.8335C6.22009 13.4777 6.74244 14.0001 7.38677 14.0001H8.60677C9.25111 14.0001 9.77344 13.4777 9.77344 12.8334V6.72234C9.77344 6.078 9.25111 5.55566 8.60677 5.55566H7.38677Z",
+            fill: "currentColor"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "path",
+          {
+            d: "M3.16667 8.51855C2.52233 8.51855 2 9.04089 2 9.68522V12.8334C2 13.4778 2.52233 14.0001 3.16667 14.0001H4.38667C5.031 14.0001 5.55333 13.4778 5.55333 12.8334V9.68522C5.55333 9.04089 5.031 8.51855 4.38667 8.51855H3.16667Z",
+            fill: "currentColor"
+          }
+        )
+      ]
+    }
+  );
+}
+
+
+
+exports.StrongStrengthIcon = StrongStrengthIcon;

package/dist/chunk-BZYKNN6E.js

@@ -0,0 +1,45 @@
+// src/hooks/useQueryParams.tsx
+import { useMemo, useRef } from "react";
+import { useLocation } from "react-router-dom";
+function useQueryParams() {
+  const { search } = useLocation();
+  return useMemo(() => new URLSearchParams(search), [search]);
+}
+function useQueryParamBoolean(param) {
+  const queryParams = useQueryParams();
+  return useMemo(() => queryParams.get(param) === "1", [queryParams, param]);
+}
+function useQueryParamBooleans(params) {
+  const queryParams = useQueryParams();
+  const prevParams = useRef(params);
+  const memoizedParams = useMemo(() => {
+    if (JSON.stringify(params) !== JSON.stringify(prevParams.current)) {
+      prevParams.current = params;
+    }
+    return prevParams.current;
+  }, [params]);
+  const value = useMemo(() => {
+    const result = {};
+    for (const key in memoizedParams) {
+      const param = memoizedParams[key];
+      const value2 = queryParams.get(param);
+      if (value2 === "1" || value2 === "true") {
+        result[key] = true;
+      } else if (value2 === "0" || value2 === "false") {
+        result[key] = false;
+      } else if (value2 === "") {
+        result[key] = true;
+      } else {
+        result[key] = void 0;
+      }
+    }
+    return result;
+  }, [queryParams, memoizedParams]);
+  return value;
+}
+
+export {
+  useQueryParams,
+  useQueryParamBoolean,
+  useQueryParamBooleans
+};

package/dist/{chunk-JCNDMVRB.cjs → chunk-C4AZYRYH.cjs}

@@ -130,6 +130,11 @@ var defaultButtonsTheme = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6E
       defaultBorderColor: "blue39",
       defaultColor: "gray98"
     },
+    white21: {
+      defaultBackgroundColor: "white21",
+      defaultColor: "white",
+      defaultBorderColor: "transparent"
+    },
     blue43: {
       defaultColor: "white"
     },

package/dist/chunk-CAO2V4EQ.cjs

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useQueryParams.tsx
+var _react = require('react');
+var _reactrouterdom = require('react-router-dom');
+function useQueryParams() {
+  const { search } = _reactrouterdom.useLocation.call(void 0, );
+  return _react.useMemo.call(void 0, () => new URLSearchParams(search), [search]);
+}
+function useQueryParamBoolean(param) {
+  const queryParams = useQueryParams();
+  return _react.useMemo.call(void 0, () => queryParams.get(param) === "1", [queryParams, param]);
+}
+function useQueryParamBooleans(params) {
+  const queryParams = useQueryParams();
+  const prevParams = _react.useRef.call(void 0, params);
+  const memoizedParams = _react.useMemo.call(void 0, () => {
+    if (JSON.stringify(params) !== JSON.stringify(prevParams.current)) {
+      prevParams.current = params;
+    }
+    return prevParams.current;
+  }, [params]);
+  const value = _react.useMemo.call(void 0, () => {
+    const result = {};
+    for (const key in memoizedParams) {
+      const param = memoizedParams[key];
+      const value2 = queryParams.get(param);
+      if (value2 === "1" || value2 === "true") {
+        result[key] = true;
+      } else if (value2 === "0" || value2 === "false") {
+        result[key] = false;
+      } else if (value2 === "") {
+        result[key] = true;
+      } else {
+        result[key] = void 0;
+      }
+    }
+    return result;
+  }, [queryParams, memoizedParams]);
+  return value;
+}
+
+
+
+
+
+exports.useQueryParams = useQueryParams; exports.useQueryParamBoolean = useQueryParamBoolean; exports.useQueryParamBooleans = useQueryParamBooleans;

package/dist/{chunk-XGPKLCE5.cjs → chunk-CFPR6LLG.cjs}

@@ -1,11 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ShieldCheckLite.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function ShieldCheckLite() {
+function ShieldCheckLite({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
-      width: "24",
-      height: "24",
+      width: "100%",
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -13,10 +16,10 @@ function ShieldCheckLite() {
         "path",
         {
           d: "M9.25 11.4999L11 13.2499L14.75 9.49986M20.25 11.9122V6.22062C20.25 5.79019 19.9746 5.40805 19.5662 5.27194L12.3162 2.85527C12.111 2.78685 11.889 2.78685 11.6838 2.85527L4.43377 5.27194C4.02543 5.40805 3.75 5.79019 3.75 6.22062V11.9122C3.75 16.8847 8 19.2499 12 21.4078C16 19.2499 20.25 16.8847 20.25 11.9122Z",
-          stroke: "#16171A",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-FAZRPNVL.cjs → chunk-CJ7ADAD6.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkYNBZC3U6cjs = require('./chunk-YNBZC3U6.cjs');
+var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
 
 
-var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
+var _chunkHUFS2MGGcjs = require('./chunk-HUFS2MGG.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunkK57M5KQ5cjs.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, _chunk4N5EXQIScjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNBZC3U6cjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHUFS2MGGcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-4N5EXQIS.cjs → chunk-CKSZUZXJ.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkEIK6IX56cjs = require('./chunk-EIK6IX56.cjs');
+var _chunkCSY3HOKHcjs = require('./chunk-CSY3HOKH.cjs');
 
 
 
 var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
 
 // src/components/Icon/Icon.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -34,14 +34,14 @@ function Icon({
   verticalAlign = "middle",
   iconProps
 }) {
-  const IconComponent = _chunkEIK6IX56cjs.iconMap[name];
-  const w = parseFloat((width / _chunkU35SY546cjs.rootFontSizePx).toFixed(2));
+  const IconComponent = _chunkCSY3HOKHcjs.iconMap[name];
+  const w = parseFloat((width / _chunk545K27C4cjs.rootFontSizePx).toFixed(2));
   const h = square ? w : "auto";
-  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkU35SY546cjs.rootFontSizePx).toFixed(2))}em` : mrProp;
-  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkU35SY546cjs.rootFontSizePx).toFixed(2))}em` : mlProp;
-  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkU35SY546cjs.rootFontSizePx).toFixed(2))}em` : mtProp;
-  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkU35SY546cjs.rootFontSizePx).toFixed(2))}em` : mbProp;
-  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkU35SY546cjs.rootFontSizePx).toFixed(2));
+  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunk545K27C4cjs.rootFontSizePx).toFixed(2))}em` : mrProp;
+  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunk545K27C4cjs.rootFontSizePx).toFixed(2))}em` : mlProp;
+  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunk545K27C4cjs.rootFontSizePx).toFixed(2))}em` : mtProp;
+  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunk545K27C4cjs.rootFontSizePx).toFixed(2))}em` : mbProp;
+  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunk545K27C4cjs.rootFontSizePx).toFixed(2));
   const icon = _react2.default.createElement(IconComponent, iconProps, null);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     IconContainer,
@@ -90,10 +90,10 @@ var IconContainer = _styled2.default.span`
 }}
 
   ${({ theme, fontColor }) => {
-  const color = _chunkXUEKQQJVcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
+  const color = _chunkEGKT7YHPcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
   return `
     svg, path {
-      color: ${_chunkXUEKQQJVcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
+      color: ${_chunkEGKT7YHPcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
 
       /* 
         Provide a way for an SVG to invert relative to a specified color for

package/dist/{chunk-QWAPH5RV.cjs → chunk-CPDVTP2Z.cjs}

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

package/dist/{chunk-EIK6IX56.cjs → chunk-CSY3HOKH.cjs}

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

package/dist/{chunk-2X7TY7WF.cjs → chunk-CVWXYMI7.cjs}

@@ -3,54 +3,54 @@
 var _chunkDCH43ZYZcjs = require('./chunk-DCH43ZYZ.cjs');
 
 
-var _chunkJHMM3LEXcjs = require('./chunk-JHMM3LEX.cjs');
+var _chunkSFB73ICWcjs = require('./chunk-SFB73ICW.cjs');
 
 
-var _chunkK52UQVCMcjs = require('./chunk-K52UQVCM.cjs');
+var _chunk7LGSON6Fcjs = require('./chunk-7LGSON6F.cjs');
 
 
-var _chunkFTJZZWYScjs = require('./chunk-FTJZZWYS.cjs');
-
+var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
 
 
-var _chunkVXW4GOMOcjs = require('./chunk-VXW4GOMO.cjs');
+var _chunkKBYJCGYRcjs = require('./chunk-KBYJCGYR.cjs');
 
 
-var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
+var _chunkFCBVJB3Ycjs = require('./chunk-FCBVJB3Y.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkK57M5KQ5cjs = require('./chunk-K57M5KQ5.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkSFVPZBMVcjs = require('./chunk-SFVPZBMV.cjs');
+var _chunkWX5R7NU7cjs = require('./chunk-WX5R7NU7.cjs');
 
 
-var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
 
+var _chunkCZJ6JPXBcjs = require('./chunk-CZJ6JPXB.cjs');
 
-var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
 
+var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
 
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
+var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
 
@@ -105,7 +105,9 @@ function Modal({
   topLeftIcon,
   drawerKind,
   drawerPadding,
-  drawerCloseButton = true
+  drawerCloseButton = true,
+  drawerAlignBottom,
+  drawerDisableTouchMove
 }) {
   const visibleChangedRef = _react.useRef.call(void 0, false);
   const [visibleChanged, setVisibleChanged] = _react.useState.call(void 0, false);
@@ -218,10 +220,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 = _chunkZ6EUSUADcjs.__objRest.call(void 0, _b, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVXW4GOMOcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCZJ6JPXBcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     displayCancelAbove && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVXW4GOMOcjs.Button,
+      _chunkCZJ6JPXBcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -229,7 +231,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVXW4GOMOcjs.Button,
+      _chunkCZJ6JPXBcjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -245,7 +247,7 @@ function Modal({
       }
     ),
     displayCancelBelow && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVXW4GOMOcjs.Button,
+      _chunkCZJ6JPXBcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -254,7 +256,7 @@ function Modal({
     ),
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "below").map((_c, i) => {
       var _d = _c, { placement, text } = _d, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _d, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVXW4GOMOcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCZJ6JPXBcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     })
   ] });
   let titleContent = null;
@@ -264,10 +266,10 @@ function Modal({
       heading: "h4",
       size: "Small"
     };
-    const titleNodesWithTypography = _chunkSFVPZBMVcjs.setDefaultReactNodesTypography.call(void 0, title, {
+    const titleNodesWithTypography = _chunkFCBVJB3Ycjs.setDefaultReactNodesTypography.call(void 0, title, {
       default: defaultTypography
     });
-    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunk6OSTNEFIcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
+    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkK57M5KQ5cjs.toReactNodes.call(void 0, titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
@@ -275,23 +277,23 @@ function Modal({
       type: "Body",
       size: "ExtraSmall"
     };
-    const descriptionNodesWithTypography = _chunkSFVPZBMVcjs.setDefaultReactNodesTypography.call(void 0, 
+    const descriptionNodesWithTypography = _chunkFCBVJB3Ycjs.setDefaultReactNodesTypography.call(void 0, 
       description,
       { default: defaultTypography }
     );
-    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunk6OSTNEFIcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
+    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkK57M5KQ5cjs.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, _chunkK52UQVCMcjs.IconWithCircleBackground, _chunkZ6EUSUADcjs.__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, _chunkKBYJCGYRcjs.IconWithCircleBackground, _chunkZ6EUSUADcjs.__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, 
-      _chunkJHMM3LEXcjs.ProgressBar,
+      _chunkSFB73ICWcjs.ProgressBar,
       {
         progressPercentage: progressBar.progressPercentage,
         isSm: progressBar.isSm
@@ -306,7 +308,7 @@ function Modal({
   let content;
   if (smKind === "drawer" && isSm) {
     content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkFTJZZWYScjs.Drawer,
+      _chunk7LGSON6Fcjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: drawerCloseButton,
@@ -315,6 +317,8 @@ function Modal({
         kind: drawerKind != null ? drawerKind : "default",
         padding: drawerPadding !== void 0 ? `${drawerPadding}px` : void 0,
         top,
+        alignBottom: drawerAlignBottom,
+        disableTouchMove: drawerDisableTouchMove != null ? drawerDisableTouchMove : false,
         children: modalContent
       }
     );
@@ -332,12 +336,12 @@ function Modal({
           },
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunkU35SY546cjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunk545K27C4cjs.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, _chunk4N5EXQIScjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, _chunkZ6EUSUADcjs.__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, _chunk4N5EXQIScjs.Icon, { name: "Close", width: 9 }) })
+              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCKSZUZXJcjs.Icon, _chunkZ6EUSUADcjs.__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, _chunkCKSZUZXJcjs.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 })
@@ -351,7 +355,7 @@ function Modal({
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
@@ -396,7 +400,7 @@ var ModalButtonRow = _styled2.default.div`
   ${_chunkKW3JYLRIcjs.bp.minSm(`display: flex;`)}
   gap: 10px;
 
-  ${_chunkVXW4GOMOcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkCZJ6JPXBcjs.ButtonSelector.call(void 0, )} {
     width: 50%;
     ${_chunkKW3JYLRIcjs.bp.sm(`
       width: 100%;
@@ -408,7 +412,7 @@ var ModalButtonColumn = _styled2.default.div`
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 
-  ${_chunkVXW4GOMOcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkCZJ6JPXBcjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -424,10 +428,10 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkU35SY546cjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunk545K27C4cjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunkXQNOVNF4cjs.overflowAutoWithoutScrollbars}
-  ${_chunkU35SY546cjs.standardContentInset.smCSS.styles}
+  ${_chunkWX5R7NU7cjs.overflowAutoWithoutScrollbars}
+  ${_chunk545K27C4cjs.standardContentInset.smCSS.styles}
   max-width: 100%;
   max-height: 100%;
   position: absolute;
@@ -435,7 +439,7 @@ var ModalContent = _styled2.default.div`
   flex-direction: column;
 
   ${({ ghost, smKind, width }) => `
-    ${ghost ? "" : _chunkU35SY546cjs.standardBorderRadius.call(void 0, 16)}
+    ${ghost ? "" : _chunk545K27C4cjs.standardBorderRadius.call(void 0, 16)}
     width: ${width}px;
   `}
 
@@ -452,14 +456,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
-  ${_chunkU35SY546cjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
+  ${_chunk545K27C4cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
-  ${_chunkU35SY546cjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
+  ${_chunk545K27C4cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-J4JUSV5P.js → chunk-CWAEMX6M.js}

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