@lightsparkdev/ui 1.0.11 → 1.0.12

package/dist/{chunk-VNJ4NNZJ.js → chunk-W7TFYYYB.js}

@@ -1,6 +1,10 @@
 // src/icons/CircleCheckOutline.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function CircleCheckOutline() {
+function CircleCheckOutline({
+  strokeWidth = "2",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
   return /* @__PURE__ */ jsx(
     "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
         }
       )
     }

package/dist/{chunk-2WMBDPXZ.cjs → chunk-WHRKM7UL.cjs}

@@ -14,7 +14,19 @@ var cardFormThemeBaseProps = {
   textAlign: "left",
   backgroundColor: "bg",
   smBackgroundColor: "bg",
-  smBorderWidth: 0
+  smBorderWidth: 0,
+  defaultDescriptionTypographyMap: {
+    default: {
+      type: "Body Strong",
+      size: "Small",
+      color: "mcNeutral"
+    },
+    link: {
+      type: "Body Strong",
+      size: "Small",
+      color: "text"
+    }
+  }
 };
 var cardFormThemeBase = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, cardFormThemeBaseProps), {
   kinds: {

package/dist/{chunk-5XTJZUMA.js → chunk-WKKD3NF6.js}

@@ -1,6 +1,10 @@
 // src/icons/Envelope.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function Envelope() {
+function Envelope({
+  strokeWidth = "3",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,9 +17,9 @@ function Envelope() {
         {
           d: "M35.0027 15.417C30.8238 18.5565 25.6293 20.417 20.0002 20.417C14.371 20.417 9.17645 18.5565 4.99773 15.417M4.5835 7.91699H35.4168V32.0837H4.5835V7.91699Z",
           stroke: "currentColor",
-          strokeWidth: "3",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-XF4WFJD3.cjs → chunk-WKPWEJSW.cjs}

@@ -1,12 +1,12 @@
 "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 _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
 
 
-var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
+var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
 
 
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
@@ -64,7 +64,7 @@ function QRCode({
         isCentered,
         border,
         animated,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "LogoOnCircle", width: 30 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: "LogoOnCircle", width: 30 })
       }
     ) }) }),
     children
@@ -97,7 +97,7 @@ var QRCodeImage = _styled2.default.div`
 var shadowOffsetA = 2;
 var tailRadiusA = 1.1;
 var tailRadiusB = 0.5;
-var shadowColor = _chunkCFG65CGCcjs.colors.white;
+var shadowColor = _chunkJBCEOOZScjs.colors.white;
 var initialBoxShadow = `
   box-shadow: -${shadowOffsetA}px 0px ${tailRadiusA}px 1.5px ${shadowColor},
   0 0 4px ${tailRadiusB}px ${shadowColor};
@@ -215,7 +215,7 @@ var EmptyQRCode = _styled2.default.div`
   `}
 
   & > * {
-    ${_chunkQ3F7S3R3cjs.absoluteCenter}
+    ${_chunkAIJ4JHXBcjs.absoluteCenter}
   }
 `;
 var QRCodeLabel = _styled2.default.p`

package/dist/{chunk-LQKIJF4I.js → chunk-WUPMVX4G.js}

@@ -1,37 +1,37 @@
 import {
   Loading
-} from "./chunk-AQ4L3IR5.js";
+} from "./chunk-24B3POUB.js";
 import {
   UnstyledButton
-} from "./chunk-7SNXBUCU.js";
+} from "./chunk-HGKK6OQJ.js";
 import {
   Tooltip
-} from "./chunk-EVYCZKU3.js";
+} from "./chunk-CIPNSK37.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-OFZVJPBJ.js";
 import {
   getFocusOutline
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-4H7CTVLY.js";
 import {
   Link
-} from "./chunk-TIX47F5U.js";
+} from "./chunk-PVEDEZJZ.js";
 import {
   renderTypography
-} from "./chunk-ANBLLKL6.js";
+} from "./chunk-OUVY3GFY.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-FH6BM3M7.js";
+} from "./chunk-XTOBN7SG.js";
 import {
   getBackgroundColor,
   isThemeOrColorKey
-} from "./chunk-HYUF4RXZ.js";
+} from "./chunk-HCKCJR5Y.js";
 import {
   TokenSize
-} from "./chunk-YQP6BIJN.js";
+} from "./chunk-AZSSORPU.js";
 import {
   __objRest,
   __spreadProps,
@@ -48,11 +48,14 @@ var buttonKinds = [
   "secondary",
   "primary",
   "ghost",
+  "transparent",
   "green33",
   "purple55",
   "blue43",
   "blue39",
+  "linkLight",
   "danger",
+  "warning",
   "tertiary"
 ];
 var roundPaddingsX = {
@@ -139,6 +142,16 @@ function resolveProps(props, theme) {
     kind,
     "defaultHoverBorderColor"
   );
+  const activeBackgroundColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultActiveBackgroundColor"
+  );
+  const activeBorderColor = resolveBackgroundColorKey(
+    theme,
+    kind,
+    "defaultActiveBorderColor"
+  );
   const typography = {
     type: (typographyProp == null ? void 0 : typographyProp.type) || resolveProp(null, kind, "defaultTypographyType", theme),
     color: (typographyProp == null ? void 0 : typographyProp.color) || resolveProp(null, kind, "defaultColor", theme),
@@ -153,7 +166,9 @@ function resolveProps(props, theme) {
     backgroundColor,
     borderColor,
     hoverBackgroundColor,
-    hoverBorderColor
+    hoverBorderColor,
+    activeBackgroundColor,
+    activeBorderColor
   });
 }
 function Button(props) {
@@ -176,6 +191,8 @@ function Button(props) {
     borderColor,
     hoverBackgroundColor,
     hoverBorderColor,
+    activeBackgroundColor,
+    activeBorderColor,
     iconSide = "left",
     loading = false,
     loadingKind = "primary",
@@ -211,7 +228,7 @@ function Button(props) {
         text,
         typography,
         kind,
-        children: /* @__PURE__ */ jsx(Icon, { name: icon, width: iconSize, color: typography.color })
+        children: /* @__PURE__ */ jsx(Icon, __spreadProps(__spreadValues({}, icon), { width: iconSize, color: typography.color }))
       }
     );
   }
@@ -261,6 +278,8 @@ function Button(props) {
     borderColor,
     hoverBackgroundColor,
     hoverBorderColor,
+    activeBackgroundColor,
+    activeBorderColor,
     isRound: isSingleCharRoundButton,
     isLoading: loading,
     disabled: disabled || loading,
@@ -301,7 +320,9 @@ var buttonStyle = ({
   borderRadius,
   backgroundColor,
   hoverBackgroundColor,
-  hoverBorderColor
+  hoverBorderColor,
+  activeBackgroundColor,
+  activeBorderColor
 }) => {
   const borderColor = borderColorProp || backgroundColor;
   return css`
@@ -351,6 +372,11 @@ var buttonStyle = ({
         background-color: ${hoverBackgroundColor};
         border-color: ${hoverBorderColor};
       }
+
+      &:active {
+        background-color: ${activeBackgroundColor};
+        border-color: ${activeBorderColor};
+      }
     }
   `;
 };

package/dist/{chunk-ZEIIKOBF.js → chunk-WW3XB4NG.js}

@@ -1,32 +1,32 @@
 import {
   QRReader
-} from "./chunk-WIRXH6BA.js";
+} from "./chunk-QV2SZAAX.js";
 import {
   FieldError,
   aboveFieldError,
   standardBorderColor
-} from "./chunk-UGHP4KVZ.js";
-import {
-  pxToRems
-} from "./chunk-CD4D43OU.js";
+} from "./chunk-IAGH4CKJ.js";
 import {
   Button
-} from "./chunk-LQKIJF4I.js";
+} from "./chunk-WUPMVX4G.js";
 import {
   UnstyledButton
-} from "./chunk-7SNXBUCU.js";
+} from "./chunk-HGKK6OQJ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  pxToRems
+} from "./chunk-AV62WHL7.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-OFZVJPBJ.js";
 import {
   standardBorderRadius
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-4H7CTVLY.js";
 import {
   colors
-} from "./chunk-MN4NUSPL.js";
+} from "./chunk-HO7LVJ3R.js";
 
 // src/components/QRReaderButton.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-4EKGRFUQ.js → chunk-WY63TJ7S.js}

@@ -1,6 +1,10 @@
 // src/icons/DollarManrope.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function DollarManrope() {
+function DollarManrope({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,9 +17,9 @@ function DollarManrope() {
         {
           d: "M5.00003 2.3291V0.84668M5.00003 15.6709V17.1533M8.53134 4.55273C7.82641 3.66654 6.50905 3.07031 5.00003 3.07031H4.54706C2.54571 3.07031 0.92334 4.25023 0.92334 5.70572V5.81886C0.92334 6.85997 1.73211 7.81163 3.01249 8.27722L6.98757 9.72275C8.26797 10.1883 9.07666 11.14 9.07666 12.1811C9.07666 13.699 7.3847 14.9296 5.29736 14.9296H5.00003C3.49101 14.9296 2.17365 14.3334 1.46872 13.4472",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-ENRGP6TU.cjs → chunk-WYI5QIGG.cjs}

@@ -4,7 +4,11 @@ var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
 
 // src/icons/ArrowCircle.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function ArrowCircle() {
+function ArrowCircle({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -19,9 +23,9 @@ function ArrowCircle() {
           {
             className: _chunkKS6GHRZIcjs.invertStrokeColor,
             d: "M21 18V9M21 9H12M21 9L9.5 20.5",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-NHRJSG5K.js → chunk-WYK3Q2DP.js}

@@ -1,12 +1,12 @@
 import {
   Tooltip
-} from "./chunk-EVYCZKU3.js";
+} from "./chunk-CIPNSK37.js";
 import {
   toReactNodes
-} from "./chunk-2I22MYIY.js";
+} from "./chunk-SOGADTSR.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-OFZVJPBJ.js";
 
 // src/components/InfoIconTooltip.tsx
 import { Fragment } from "react";

package/dist/{chunk-6AC5YUBP.js → chunk-WYYSFYDE.js}

@@ -1,6 +1,10 @@
 // src/icons/ArrowCornerDownRight.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function ArrowCornerDownRight() {
+function ArrowCornerDownRight({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,9 +17,9 @@ function ArrowCornerDownRight() {
         {
           d: "M2.66699 3.3335V10.0002H13.3337M13.3337 10.0002L10.667 7.3335M13.3337 10.0002L10.667 12.6668",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-JHLQJQAH.js → chunk-X4AII3DN.js}

@@ -4,10 +4,10 @@ import {
 import {
   rootFontSizeRems,
   standardLineHeightEms
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-4H7CTVLY.js";
 import {
   useThemeBg
-} from "./chunk-HYUF4RXZ.js";
+} from "./chunk-HCKCJR5Y.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
@@ -18,8 +18,18 @@ import { useEffect } from "react";
 import "react-tooltip/dist/react-tooltip.css";
 import "./static/fonts.css";
 import { jsx } from "@emotion/react/jsx-runtime";
+var getFontImport = (theme) => {
+  switch (theme.typography.fontFamilies.main) {
+    case "Inter":
+      return `@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');`;
+    case "Manrope":
+      return `@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");`;
+    default:
+      return "";
+  }
+};
 var globalComponentStyles = ({ theme }) => css`
-  @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
+  ${getFontImport(theme)};
 
   html {
     font-size: ${rootFontSizeRems}rem;

package/dist/{chunk-FGJPZTJP.js → chunk-X6N5NKSP.js}

@@ -1,6 +1,10 @@
 // src/icons/Gear.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function Gear() {
+function Gear({
+  strokeWidth = "1",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -13,14 +17,20 @@ function Gear() {
           "path",
           {
             d: "M7.57136 6C7.57136 6.86788 6.86781 7.57143 5.99993 7.57143C5.13205 7.57143 4.4285 6.86788 4.4285 6C4.4285 5.13212 5.13205 4.42857 5.99993 4.42857C6.86781 4.42857 7.57136 5.13212 7.57136 6Z",
-            stroke: "currentColor"
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ jsx(
           "path",
           {
             d: "M4.66071 1.54383C5.06493 0.152055 6.93494 0.152055 7.33915 1.54383C7.55431 2.28466 8.27658 2.72402 8.99308 2.54993C10.3392 2.22287 11.2742 3.92918 10.3323 4.9939C9.83095 5.56064 9.83095 6.43936 10.3323 7.0061C11.2742 8.07082 10.3392 9.77713 8.99308 9.45007C8.27658 9.27598 7.55431 9.71534 7.33915 10.4562C6.93494 11.8479 5.06493 11.8479 4.66071 10.4562C4.44556 9.71534 3.72328 9.27598 3.00679 9.45007C1.6607 9.77713 0.725699 8.07082 1.66757 7.0061C2.16891 6.43936 2.16891 5.56064 1.66757 4.9939C0.725699 3.92918 1.6607 2.22287 3.00679 2.54993C3.72328 2.72402 4.44556 2.28466 4.66071 1.54383Z",
-            stroke: "currentColor"
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-ZTMV67QK.cjs → chunk-XAODBL4D.cjs}

@@ -3,22 +3,22 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
+var _chunkIBPPT3NUcjs = require('./chunk-IBPPT3NU.cjs');
 
 
-var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
+var _chunkGMVP3EYXcjs = require('./chunk-GMVP3EYX.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
 
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
 
 
-var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
+var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
 
 // src/components/Drawer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -88,7 +88,7 @@ var Drawer = (props) => {
         onClick: handleClose
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       DrawerContainer,
       {
         isOpen,
@@ -98,20 +98,20 @@ var Drawer = (props) => {
         totalDeltaY,
         grabbing,
         ref: drawerContainerRef,
-        children: [
+        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, 
-            _chunkAPQWRIH6cjs.Button,
+            _chunkIBPPT3NUcjs.Button,
             {
               onClick: props.handleBack,
-              icon: "ChevronLeft",
+              icon: { name: "ChevronLeft" },
               kind: "ghost",
               size: "Small"
             }
           ) }),
-          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, _chunkUMU7TYANcjs.Icon, { name: "Close", width: 12 }) }) }),
+          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, _chunkRROZ5XYPcjs.Icon, { name: "Close", width: 10 }) }) }),
           props.children
-        ]
+        ] })
       }
     )
   ] });
@@ -144,17 +144,13 @@ var DrawerContainer = _styled2.default.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: ${_chunkZU72XWNEcjs.z.modalContainer};
-  border-radius: ${_chunkZUAO4DW3cjs.Spacing.px.lg} ${_chunkZUAO4DW3cjs.Spacing.px.lg} 0 0;
   display: flex;
   flex-direction: column;
-  padding: ${_chunkZUAO4DW3cjs.Spacing.px["6xl"]} ${_chunkZUAO4DW3cjs.Spacing.px.xl} ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]}
-    ${_chunkZUAO4DW3cjs.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 = _styled2.default.div`
     }
   }
 `;
+var DrawerInnerContainer = _styled2.default.div`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: ${(props) => props.kind === "floating" ? `calc(100% - ${_chunkZUAO4DW3cjs.Spacing.md * 2}px)` : "100%"};
+  min-width: 320px;
+  height: 100%;
+  ${(props) => props.kind === "floating" ? `bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};` : ""}
+  border-radius: ${(props) => props.kind === "floating" ? _chunkZUAO4DW3cjs.Spacing.px.lg : `${_chunkZUAO4DW3cjs.Spacing.px.lg} ${_chunkZUAO4DW3cjs.Spacing.px.lg} 0 0`};
+  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;
   top: 0;
@@ -199,7 +209,7 @@ var CloseButtonContainer = _styled2.default.div`
   top: 20px;
   right: 20px;
   border-radius: 50%;
-  background-color: ${_chunkCFG65CGCcjs.colors.grayBlue94};
+  background-color: ${_chunkJBCEOOZScjs.colors.grayBlue94};
   padding: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   height: 30px;
   width: 30px;
@@ -210,8 +220,8 @@ var CloseButtonContainer = _styled2.default.div`
     line-height: 14px;
   }
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
-  ${_chunkOQEP7VDDcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton)`
+  ${_chunkSWQDRB3Acjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-X73K6SFU.cjs → chunk-XFNMLVTD.cjs}

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

package/dist/{chunk-N7NM6ELD.cjs → chunk-XFVRDQH7.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/AI.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function AI() {
+function AI({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -14,9 +18,9 @@ function AI() {
         {
           d: "M11.4485 18.5547L10.5 21.875L9.5515 18.5547C9.30635 17.697 8.84672 16.9159 8.21597 16.2852C7.58522 15.6544 6.80416 15.1948 5.9465 14.9497L2.625 14L5.94533 13.0515C6.803 12.8064 7.58405 12.3467 8.2148 11.716C8.84555 11.0852 9.30518 10.3042 9.55033 9.4465L10.5 6.125L11.4485 9.44533C11.6936 10.303 12.1533 11.0841 12.784 11.7148C13.4148 12.3455 14.1958 12.8052 15.0535 13.0503L18.375 14L15.0547 14.9485C14.197 15.1936 13.4159 15.6533 12.7852 16.284C12.1544 16.9148 11.6948 17.6958 11.4497 18.5535L11.4485 18.5547ZM21.3022 10.1675L21 11.375L20.6978 10.1675C20.5249 9.47519 20.167 8.84289 19.6625 8.3382C19.1581 7.83351 18.5259 7.47541 17.8337 7.30217L16.625 7L17.8337 6.69783C18.5259 6.52459 19.1581 6.16649 19.6625 5.6618C20.167 5.15711 20.5249 4.52481 20.6978 3.8325L21 2.625L21.3022 3.8325C21.4752 4.52496 21.8332 5.15735 22.3379 5.66205C22.8426 6.16675 23.475 6.52478 24.1675 6.69783L25.375 7L24.1675 7.30217C23.475 7.47522 22.8426 7.83325 22.3379 8.33795C21.8332 8.84265 21.4752 9.47504 21.3022 10.1675ZM19.7097 23.9948L19.25 25.375L18.7903 23.9948C18.6615 23.6082 18.4444 23.2569 18.1562 22.9688C17.868 22.6806 17.5168 22.4635 17.1302 22.3347L15.75 21.875L17.1302 21.4153C17.5168 21.2865 17.868 21.0694 18.1562 20.7812C18.4444 20.493 18.6615 20.1418 18.7903 19.7552L19.25 18.375L19.7097 19.7552C19.8385 20.1418 20.0556 20.493 20.3438 20.7812C20.6319 21.0694 20.9832 21.2865 21.3698 21.4153L22.75 21.875L21.3698 22.3347C20.9832 22.4635 20.6319 22.6806 20.3438 22.9688C20.0556 23.2569 19.8385 23.6082 19.7097 23.9948Z",
           stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-BVEHA6GI.js → chunk-XJ3UGTYC.js}

@@ -15,6 +15,7 @@ function getPropDefaultsBase(props, extra) {
     id: props.id,
     display: props.display,
     size: props.size || "Medium",
+    textAlign: props.textAlign,
     children: props.children ? stringToNodes(props.children) : null
   }, extra);
 }