@lightsparkdev/ui 1.0.11 → 1.0.13

package/dist/{chunk-ELDHCMGP.cjs → chunk-MHJO4JEH.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
 
 
 
-var _chunkBSE5JREJcjs = require('./chunk-BSE5JREJ.cjs');
+var _chunkNNBFAVZ7cjs = require('./chunk-NNBFAVZ7.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Body.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Body(props) {
-  const propsWithDefaults = _chunkBSE5JREJcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkNNBFAVZ7cjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk36SDWEWYcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkSCLUBPNMcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBSE5JREJcjs.StyledBody, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNBFAVZ7cjs.StyledBody, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-XDJTWJ4J.cjs → chunk-MHSHKH3T.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkRSPUYVQMcjs = require('./chunk-RSPUYVQM.cjs');
+var _chunkQTRXP6AUcjs = require('./chunk-QTRXP6AU.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
+var _chunk3NRRDBJNcjs = require('./chunk-3NRRDBJN.cjs');
 
 
-var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
+var _chunkQ2CWG22Bcjs = require('./chunk-Q2CWG22B.cjs');
 
 
 
@@ -39,12 +39,12 @@ var StringFilter = ({
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkAPQWRIH6cjs.Button,
+      _chunkQ2CWG22Bcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
         text: value,
-        icon: "Close",
+        icon: { name: "Close" },
         iconSide: "right",
         onClick: () => {
           var _a2;
@@ -59,8 +59,8 @@ var StringFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSPUYVQMcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkO64MW4Z4cjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQTRXP6AUcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk3NRRDBJNcjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/{chunk-CRNFNNH6.js → chunk-MJOGLKM2.js}

@@ -1,6 +1,6 @@
 import {
   TextInput
-} from "./chunk-KIE5GR5E.js";
+} from "./chunk-SUFXV4SF.js";
 import {
   addCommasToDigits,
   removeChars,

package/dist/{chunk-QQKHEU6E.cjs → chunk-MJT45BKR.cjs}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Minus.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Minus() {
+function Minus({
+  strokeWidth = "1.5",
+  strokeLinecap = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,8 +16,8 @@ function Minus() {
         {
           d: "M6.75 12H17.25",
           stroke: "currentColor",
-          strokeWidth: "1.40621",
-          strokeLinecap: "round"
+          strokeWidth,
+          strokeLinecap
         }
       )
     }

package/dist/{chunk-VVPSBX5O.cjs → chunk-MJZ366UE.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
+var _chunkXNXC2QV2cjs = require('./chunk-XNXC2QV2.cjs');
 
 
-var _chunkFDL4732Lcjs = require('./chunk-FDL4732L.cjs');
+var _chunkJBO3HA6Gcjs = require('./chunk-JBO3HA6G.cjs');
 
 
-var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
+var _chunkE36KSEQZcjs = require('./chunk-E36KSEQZ.cjs');
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
 
 
-var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
+var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
 
 // src/components/Pill.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -83,9 +83,9 @@ function Pill({
           {
             hasIconInset: Boolean(icon && !loading && !onDeleteMouseDown),
             children: [
-              loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFDL4732Lcjs.Loading, { size: 16.1, center: false, ml: 5 }),
+              loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXNXC2QV2cjs.Loading, { size: 16.1, center: false, ml: 5 }),
               !loading && onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkWVBMQP6Ocjs.UnstyledButton,
+                _chunkJBO3HA6Gcjs.UnstyledButton,
                 {
                   onMouseDown: handleOnDeleteMouseDown,
                   onKeyDown: handleOnDeleteKeyDown,
@@ -95,10 +95,10 @@ function Pill({
                     padding: "10px",
                     marginRight: "-10px"
                   },
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "DeleteIcon", width: 16.1 })
+                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: "DeleteIcon", width: 16.1 })
                 }
               ),
-              !loading && icon && !onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: icon, width: 16.1, color: "white" })
+              !loading && icon && !onDeleteMouseDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: icon, width: 16.1, color: "white" })
             ]
           }
         )
@@ -131,9 +131,9 @@ var StyledPill = _styled2.default.div`
   position: relative;
 `;
 var PillIconContainer = _styled2.default.div`
-  ${_chunkQ3F7S3R3cjs.flexCenter}
+  ${_chunkE36KSEQZcjs.flexCenter}
   ${({ hasIconInset }) => hasIconInset ? `
-    background-color: ${_chunkCFG65CGCcjs.colors.blue43};
+    background-color: ${_chunkJBCEOOZScjs.colors.blue43};
     padding: 8px;
     right: 4px;
     top: 3.5px;` : `right: 18px;`}

package/dist/{chunk-S2VMVARY.js → chunk-MK352OC6.js}

@@ -1,9 +1,9 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-JZ2MJO3Z.js";
+} from "./chunk-GLYTFTP5.js";
 import {
   toReactNodes
-} from "./chunk-2I22MYIY.js";
+} from "./chunk-TS7Y6L2D.js";
 
 // src/components/Checkbox.tsx
 import styled from "@emotion/styled";
@@ -28,15 +28,9 @@ function Checkbox({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Medium",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const defaultTypographyMap = {
-    link: defaultTypography,
-    text: defaultTypography,
-    nextLink: defaultTypography
-  };
-  const nodesWithTypography = setDefaultReactNodesTypography(
-    label,
-    defaultTypographyMap
-  );
+  const nodesWithTypography = setDefaultReactNodesTypography(label, {
+    default: defaultTypography
+  });
   const content = toReactNodes(nodesWithTypography);
   return /* @__PURE__ */ jsxs(CheckboxContainer, { mt, alignItems, children: [
     /* @__PURE__ */ jsx(

package/dist/{chunk-H5GYYPG3.js → chunk-MKFYFJ3Q.js}

@@ -1,6 +1,10 @@
 // src/icons/ArrowLeft.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function ArrowLeft() {
+function ArrowLeft({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,9 +17,9 @@ function ArrowLeft() {
         {
           d: "M16.4744 8.00005L1.52344 8.00005M1.52344 8.00005L7.52344 14.2858M1.52344 8.00005L7.52344 1.71434",
           stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-3MCK6I7V.js → chunk-ML27YGLI.js}

@@ -1,6 +1,9 @@
 // src/icons/UmaBridgeLoadingTransparent.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function UmaBridgeLoadingTransparent() {
+function UmaBridgeLoadingTransparent({
+  strokeWidth = "2.09994",
+  strokeLinecap = "round"
+}) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -18,7 +21,7 @@ function UmaBridgeLoadingTransparent() {
             rx: "8.74961",
             ry: "8.74986",
             stroke: "#F9F9F9",
-            strokeWidth: "2.09994"
+            strokeWidth
           }
         ),
         /* @__PURE__ */ jsx(
@@ -26,8 +29,8 @@ function UmaBridgeLoadingTransparent() {
           {
             d: "M19.2503 9.99998C19.2503 8.61916 18.9235 7.25795 18.2966 6.02763C17.6697 4.79731 16.7606 3.73282 15.6435 2.9212C14.5265 2.10957 13.2332 1.57386 11.8694 1.35785C10.5056 1.14184 9.11007 1.25168 7.79688 1.67837",
             stroke: "#F9F9F9",
-            strokeWidth: "2.09994",
-            strokeLinecap: "round"
+            strokeWidth,
+            strokeLinecap
           }
         )
       ]

package/dist/{chunk-GDXNYWJH.cjs → chunk-MN64OE4X.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Selector.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Selector() {
+function Selector({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -15,9 +19,9 @@ function Selector() {
           {
             d: "M4 5.33331L8 1.33331L12 5.33331",
             stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -25,9 +29,9 @@ function Selector() {
           {
             d: "M4 10.6667L8 14.6667L12 10.6667",
             stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-K2AHQ6WF.cjs → chunk-MO5VOH3W.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQNKAOYT3cjs = require('./chunk-QNKAOYT3.cjs');
+var _chunkF6A3D2TEcjs = require('./chunk-F6A3D2TE.cjs');
 
 
-var _chunk54JF52UOcjs = require('./chunk-54JF52UO.cjs');
+var _chunkZ5EFUGXGcjs = require('./chunk-Z5EFUGXG.cjs');
 
 
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkE36KSEQZcjs = require('./chunk-E36KSEQZ.cjs');
 
 
 
@@ -19,10 +19,10 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
 
 
-var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
 
 
 
@@ -36,7 +36,7 @@ function CardPage(props) {
   const initiallyExpanded = _react.useRef.call(void 0, Boolean(props.expandRight));
   const [wasExpanded, setWasExpanded] = _react.useState.call(void 0, Boolean(props.expandRight));
   const bp2 = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
-  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQNKAOYT3cjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
+  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF6A3D2TEcjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
   _react.useEffect.call(void 0, () => {
     if (props.expandRight) {
       setWasExpanded(true);
@@ -53,7 +53,7 @@ function CardPage(props) {
       minContentHeight: props.minContentHeight,
       initiallyExpanded: initiallyExpanded.current,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkQ3F7S3R3cjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkE36KSEQZcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           CardPageContent,
           {
             hasPreHeaderContent: Boolean(props.preHeaderContent),
@@ -85,7 +85,7 @@ CardPage.defaultProps = {
 var CardPageFullContent = _styled2.default.div``;
 var CardPageFullWidth = _styled2.default.div``;
 var CardPageRightContentInner = _styled2.default.div`
-  ${_chunkQ3F7S3R3cjs.flexCenter}
+  ${_chunkE36KSEQZcjs.flexCenter}
   height: 100%;
   padding: 150px 25px;
   ${({ hasRightContent }) => hasRightContent && `justify-content: space-evenly;`}
@@ -94,7 +94,7 @@ var CardPageRightContent = _styled2.default.div`
   display: flex;
   position: relative;
   ${CardPageRightContentInner} {
-    ${_chunkOQEP7VDDcjs.darkGradientBg};
+    ${_chunkD262WAOVcjs.darkGradientBg};
     position: relative;
     height: calc(100% + 80px);
     margin-top: -40px;
@@ -104,15 +104,15 @@ var CardPageRightContent = _styled2.default.div`
     width: 100%;
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, [0, _chunkOQEP7VDDcjs.cardBorderRadiusPx, _chunkOQEP7VDDcjs.cardBorderRadiusPx, 0])};
+      ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, [0, _chunkD262WAOVcjs.cardBorderRadiusPx, _chunkD262WAOVcjs.cardBorderRadiusPx, 0])};
     `)}
   }
 `;
 var vCardPaddingPx = 40;
 var expandTiming = `0.65s ease-in-out`;
 var CardPageContainer = _styled2.default.div`
-  ${_chunkOQEP7VDDcjs.standardContentInset.css}
-  ${({ theme }) => _chunk7EIZIKLRcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${_chunkD262WAOVcjs.standardContentInset.css}
+  ${({ theme }) => _chunk6DWDBCUJcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
   position: relative;
   z-index: ${_chunkZU72XWNEcjs.z.card};
 
@@ -125,23 +125,23 @@ var CardPageContainer = _styled2.default.div`
   `)}
 
   & > * {
-    ${_chunkOQEP7VDDcjs.standardContentInset.css}
+    ${_chunkD262WAOVcjs.standardContentInset.css}
   }
 
   & ${CardPageFullContent}, & ${CardPageFullWidth} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkOQEP7VDDcjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkOQEP7VDDcjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkD262WAOVcjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkD262WAOVcjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-      width: calc(100% + ${_chunkOQEP7VDDcjs.standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${_chunkOQEP7VDDcjs.standardContentInset.minSmMaxLgPx}px;
+      width: calc(100% + ${_chunkD262WAOVcjs.standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${_chunkD262WAOVcjs.standardContentInset.minSmMaxLgPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.lg(`
-      width: calc(100% + ${_chunkOQEP7VDDcjs.standardContentInset.lgPx * 2}px);
-      margin-left: -${_chunkOQEP7VDDcjs.standardContentInset.lgPx}px;
+      width: calc(100% + ${_chunkD262WAOVcjs.standardContentInset.lgPx * 2}px);
+      margin-left: -${_chunkD262WAOVcjs.standardContentInset.lgPx}px;
     `)}
   }
 
@@ -160,9 +160,9 @@ var CardPageContainer = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.minSm(`
-    ${_chunkOQEP7VDDcjs.standardCardShadow.styles};
+    ${_chunkD262WAOVcjs.standardCardShadow.styles};
     padding: ${vCardPaddingPx}px 0;
-    ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, _chunkOQEP7VDDcjs.cardBorderRadiusPx)}
+    ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, _chunkD262WAOVcjs.cardBorderRadiusPx)}
   `)}
 
   &:not(:last-child) {
@@ -224,12 +224,12 @@ var CardPageContainer = _styled2.default.div`
 
       &:first-of-type > * {
         ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-          width: calc(100% - ${_chunkOQEP7VDDcjs.standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${_chunkOQEP7VDDcjs.standardContentInset.minSmMaxLgPx}px;
+          width: calc(100% - ${_chunkD262WAOVcjs.standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${_chunkD262WAOVcjs.standardContentInset.minSmMaxLgPx}px;
         `)}
         ${_chunkKW3JYLRIcjs.bp.lg(`
-          width: calc(100% - ${_chunkOQEP7VDDcjs.standardContentInset.lgPx * 3}px);
-          margin-left: ${_chunkOQEP7VDDcjs.standardContentInset.lgPx}px;
+          width: calc(100% - ${_chunkD262WAOVcjs.standardContentInset.lgPx * 3}px);
+          margin-left: ${_chunkD262WAOVcjs.standardContentInset.lgPx}px;
         `)}
       }
     }
@@ -255,7 +255,7 @@ var CardPageContainer = _styled2.default.div`
             ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
             margin: 0%;
             & > ${CardPageRightContentInner.toString()} {
-              border-radius: ${_chunkOQEP7VDDcjs.cardBorderRadiusPx}px !important;
+              border-radius: ${_chunkD262WAOVcjs.cardBorderRadiusPx}px !important;
             }
           `) : wasExpanded ? _chunkKW3JYLRIcjs.bp.minSm(`
             width: 50%;
@@ -265,8 +265,8 @@ var CardPageContainer = _styled2.default.div`
 `;
 var CardPageSubtitle = _styled2.default.p`
   color: ${({ theme }) => theme.mcNeutral};
-  font-size: ${_chunkQ3F7S3R3cjs.size.px14};
-  line-height: ${_chunkQ3F7S3R3cjs.size.px18};
+  font-size: ${_chunkE36KSEQZcjs.size.px14};
+  line-height: ${_chunkE36KSEQZcjs.size.px18};
   font-weight: 600;
   margin: 0;
 `;
@@ -277,15 +277,15 @@ var CardPageHeader = _styled2.default.div`
   justify-content: space-between;
   position: relative;
 
-  & + *:not(${CardPageSubtitle}):not(${_chunk54JF52UOcjs.ButtonRowContainer}) {
-    margin-top: ${_chunkOQEP7VDDcjs.headingContentMarginPx}px !important;
+  & + *:not(${CardPageSubtitle}):not(${_chunkZ5EFUGXGcjs.ButtonRowContainer}) {
+    margin-top: ${_chunkD262WAOVcjs.headingContentMarginPx}px !important;
   }
 
   & + ${CardPageSubtitle} {
     margin-top: 5px;
   }
 
-  & + ${_chunk54JF52UOcjs.ButtonRowContainer} {
+  & + ${_chunkZ5EFUGXGcjs.ButtonRowContainer} {
     margin-top: 16px;
   }
 `;

package/dist/{chunk-JFMGOEGC.cjs → chunk-MORFJJA6.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/PaperPlane.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function PaperPlane() {
+function PaperPlane({
+  strokeWidth = "1",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,8 +17,9 @@ function PaperPlane() {
         {
           d: "M5.10092 6.89819L6.93999 5.06257M11.5 0.5L0.5 4.16667L5.08333 6.91667L7.83333 11.5L11.5 0.5Z",
           stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-AJBJNU3D.js → chunk-MTAHDNQT.js}

@@ -3,22 +3,22 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-LQKIJF4I.js";
+} from "./chunk-4U3AAKMA.js";
 import {
   UnstyledButton
-} from "./chunk-7SNXBUCU.js";
+} from "./chunk-ZP6BJB4X.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-DV6LJQJW.js";
 import {
   standardFocusOutline
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-POGNK25N.js";
 import {
   colors
-} from "./chunk-MN4NUSPL.js";
+} from "./chunk-HO7LVJ3R.js";
 
 // src/components/Drawer.tsx
 import styled from "@emotion/styled";
@@ -88,7 +88,7 @@ var Drawer = (props) => {
         onClick: handleClose
       }
     ),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       DrawerContainer,
       {
         isOpen,
@@ -98,20 +98,20 @@ var Drawer = (props) => {
         totalDeltaY,
         grabbing,
         ref: drawerContainerRef,
-        children: [
+        children: /* @__PURE__ */ jsxs(DrawerInnerContainer, { kind: props.kind, padding: props.padding, children: [
           props.grabber && !props.nonDismissable && /* @__PURE__ */ jsx(Grabber, { onClick: handleClose, children: /* @__PURE__ */ jsx(GrabberBar, {}) }),
           props.handleBack && /* @__PURE__ */ jsx(BackButtonContainer, { children: /* @__PURE__ */ jsx(
             Button,
             {
               onClick: props.handleBack,
-              icon: "ChevronLeft",
+              icon: { name: "ChevronLeft" },
               kind: "ghost",
               size: "Small"
             }
           ) }),
-          props.closeButton && !props.nonDismissable && /* @__PURE__ */ jsx(CloseButtonContainer, { children: /* @__PURE__ */ jsx(CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ jsx(Icon, { name: "Close", width: 12 }) }) }),
+          props.closeButton && !props.nonDismissable && /* @__PURE__ */ jsx(CloseButtonContainer, { children: /* @__PURE__ */ jsx(CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ jsx(Icon, { name: "Close", width: 10 }) }) }),
           props.children
-        ]
+        ] })
       }
     )
   ] });
@@ -144,17 +144,13 @@ var DrawerContainer = styled.div`
   position: fixed;
   max-height: 100dvh;
   width: 100%;
-  background-color: ${({ theme }) => theme.bg};
   right: 0;
   bottom: 0;
   transform: translateY(${(props) => `${props.totalDeltaY}px`});
   z-index: ${z.modalContainer};
-  border-radius: ${Spacing.px.lg} ${Spacing.px.lg} 0 0;
   display: flex;
   flex-direction: column;
-  padding: ${Spacing.px["6xl"]} ${Spacing.px.xl} ${Spacing.px["2xl"]}
-    ${Spacing.px.xl};
-  overflow-y: auto;
+  align-items: center;
 
   // Only smooth transition when not grabbing, otherwise dragging will feel very laggy
   ${(props) => props.grabbing && props.isOpen ? "" : "transition: transform 0.3s ease-in-out;"};
@@ -181,6 +177,20 @@ var DrawerContainer = styled.div`
     }
   }
 `;
+var DrawerInnerContainer = styled.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: ${(props) => props.kind === "floating" ? `calc(100% - ${Spacing.md * 2}px)` : "100%"};
+  min-width: 320px;
+  height: 100%;
+  ${(props) => props.kind === "floating" ? `bottom: ${Spacing.px.md};` : ""}
+  border-radius: ${(props) => props.kind === "floating" ? Spacing.px.lg : `${Spacing.px.lg} ${Spacing.px.lg} 0 0`};
+  background-color: ${({ theme }) => theme.bg};
+  padding: ${(props) => props.padding ? `${props.padding}` : `${Spacing.px["6xl"]} ${Spacing.px.xl} ${Spacing.px["2xl"]}
+    ${Spacing.px.xl}`};
+  overflow-y: auto;
+`;
 var Grabber = styled.div`
   position: absolute;
   top: 0;

package/dist/{chunk-LNWOD2YN.cjs → chunk-MTGDMQPZ.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
 
 
 
-var _chunkXLENEI5Bcjs = require('./chunk-XLENEI5B.cjs');
+var _chunkKQFTLQPNcjs = require('./chunk-KQFTLQPN.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Code.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Code(props) {
-  const propsWithDefaults = _chunkXLENEI5Bcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkKQFTLQPNcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunk36SDWEWYcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkSCLUBPNMcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXLENEI5Bcjs.StyledCode, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKQFTLQPNcjs.StyledCode, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-KPMZD7KJ.cjs → chunk-MTGIVYDC.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CircleCheckOutline.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function CircleCheckOutline() {
+function CircleCheckOutline({
+  strokeWidth = "2",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,7 +17,9 @@ function CircleCheckOutline() {
         {
           d: "M6 10L8.5 12.5L13.5 7.5M19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1C14.9706 1 19 5.02944 19 10Z",
           stroke: "currentColor",
-          strokeWidth: "2"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }