@lightsparkdev/ui 1.0.9 → 1.0.11

package/dist/{chunk-TWLKMIVO.cjs → chunk-QI5X3FXI.cjs}

@@ -1,56 +1,58 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZC7NYTXWcjs = require('./chunk-ZC7NYTXW.cjs');
+var _chunkELDHCMGPcjs = require('./chunk-ELDHCMGP.cjs');
 
 
-
-var _chunkSFTKSNEKcjs = require('./chunk-SFTKSNEK.cjs');
+var _chunkHEPQ6OV4cjs = require('./chunk-HEPQ6OV4.cjs');
 
 
 var _chunkGSYM5JMBcjs = require('./chunk-GSYM5JMB.cjs');
 
 
-var _chunkDXEXQIH4cjs = require('./chunk-DXEXQIH4.cjs');
+var _chunkGUUQ4PSEcjs = require('./chunk-GUUQ4PSE.cjs');
 
 
-var _chunkAI4RYQ6Rcjs = require('./chunk-AI4RYQ6R.cjs');
+var _chunkZTMV67QKcjs = require('./chunk-ZTMV67QK.cjs');
 
 
-var _chunkCG4ZE3JVcjs = require('./chunk-CG4ZE3JV.cjs');
+var _chunkJWW7RK4Lcjs = require('./chunk-JWW7RK4L.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
 
 
 
-var _chunk3XWROTDTcjs = require('./chunk-3XWROTDT.cjs');
+var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
 
 
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
 
 
-var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
 
 
 
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunk5YAHKBG6cjs = require('./chunk-5YAHKBG6.cjs');
+
+
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
+var _chunk6PYUHYIPcjs = require('./chunk-6PYUHYIP.cjs');
 
 
 
@@ -200,10 +202,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, _chunk3XWROTDTcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPQWRIH6cjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     !isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3XWROTDTcjs.Button,
+      _chunkAPQWRIH6cjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -211,7 +213,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3XWROTDTcjs.Button,
+      _chunkAPQWRIH6cjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -225,35 +227,35 @@ function Modal({
         onClick: submitLink ? onSubmit : void 0
       }
     ),
-    isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3XWROTDTcjs.Button, { onClick: onClose, text: cancelText }),
+    isSm && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPQWRIH6cjs.Button, { onClick: onClose, text: cancelText }),
     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, _chunk3XWROTDTcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPQWRIH6cjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     })
   ] });
   let titleContent = null;
   if (title) {
     if (typeof title === "string") {
-      titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSFTKSNEKcjs.Headline, { heading: "h4", size: _chunkDCQM7IVKcjs.TokenSize.Small, children: title });
+      titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHEPQ6OV4cjs.Headline, { heading: "h4", size: _chunk6PYUHYIPcjs.TokenSize.Small, children: title });
     } else {
-      titleContent = _chunkLHXL6GOOcjs.toReactNodes.call(void 0, title);
+      titleContent = _chunk36SDWEWYcjs.toReactNodes.call(void 0, title);
     }
   }
   let descriptionContent = null;
   if (description) {
     if (typeof description === "string") {
-      descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZC7NYTXWcjs.Body, { size: "ExtraSmall", content: description }) });
+      descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkELDHCMGPcjs.Body, { size: "ExtraSmall", content: description }) });
     } else {
-      descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { children: _chunkLHXL6GOOcjs.toReactNodes.call(void 0, description) });
+      descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Description, { children: _chunk36SDWEWYcjs.toReactNodes.call(void 0, description) });
     }
   }
   let topContentNode = null;
   if (topContent) {
-    topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCG4ZE3JVcjs.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, _chunkJWW7RK4Lcjs.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, 
-      _chunkDXEXQIH4cjs.ProgressBar,
+      _chunkGUUQ4PSEcjs.ProgressBar,
       {
         progressPercentage: progressBar.progressPercentage,
         isSm: progressBar.isSm
@@ -268,7 +270,7 @@ function Modal({
   let content;
   if (smKind === "drawer" && isSm) {
     content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkAI4RYQ6Rcjs.Drawer,
+      _chunkZTMV67QKcjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: true,
@@ -288,12 +290,12 @@ function Modal({
           tabIndex: -1,
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunk23NA5VW6cjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunkOQEP7VDDcjs.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, _chunkI6Y7IHF5cjs.Icon, { name: "ChevronLeft", width: 16 }) }),
-              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Close", width: 9 }) })
+              handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "ChevronLeft", width: 16 }) }),
+              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Close", width: 9 }) })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContentInner, { ghost, children: modalContent })
           ] })
@@ -306,7 +308,7 @@ function Modal({
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
@@ -351,7 +353,7 @@ var ModalButtonRow = _styled2.default.div`
   ${_chunkKW3JYLRIcjs.bp.minSm(`display: flex;`)}
   gap: 10px;
 
-  ${_chunk3XWROTDTcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkAPQWRIH6cjs.ButtonSelector.call(void 0, )} {
     width: 50%;
     ${_chunkKW3JYLRIcjs.bp.sm(`
       width: 100%;
@@ -363,7 +365,7 @@ var ModalButtonColumn = _styled2.default.div`
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 
-  ${_chunk3XWROTDTcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkAPQWRIH6cjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -373,16 +375,16 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunk23NA5VW6cjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkOQEP7VDDcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunkZO52GP5Zcjs.overflowAutoWithoutScrollbars}
-  ${_chunk23NA5VW6cjs.standardContentInset.smCSS.styles}
+  ${_chunkQ3F7S3R3cjs.overflowAutoWithoutScrollbars}
+  ${_chunkOQEP7VDDcjs.standardContentInset.smCSS.styles}
   max-width: 100%;
   max-height: 100%;
   position: absolute;
 
   ${({ ghost, width }) => `
-    ${ghost ? "" : _chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 16)}
+    ${ghost ? "" : _chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 16)}
     width: ${width}px;
   `}
 
@@ -393,7 +395,7 @@ var ModalContent = _styled2.default.div`
 
   ${({ ghost }) => ghost ? "" : "padding: 16px 16px 40px;"}
 
-  ${_chunkSFTKSNEKcjs.headlineSelector.call(void 0, "h4")} {
+  ${_chunk5YAHKBG6cjs.headlineSelector.call(void 0, "h4")} {
     margin: 0;
     & + *:not(${_chunk6VA4SAHQcjs.select.call(void 0, Description)}) {
       margin-top: ${contentTopMarginPx}px;
@@ -405,14 +407,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
-  ${_chunk23NA5VW6cjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
+  ${_chunkOQEP7VDDcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
-  ${_chunk23NA5VW6cjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
+  ${_chunkOQEP7VDDcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-ONSMYN3L.js → chunk-QLI53XXX.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-PFBJ4FWY.js";
+} from "./chunk-N5BFM67M.js";
 import {
   IconContainer
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-RTRS42I3.js";
+} from "./chunk-MN4NUSPL.js";
 
 // src/components/PageSection/PageSectionNav.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-HJL7XPY3.cjs → chunk-QNKAOYT3.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -68,46 +68,46 @@ var baseHeading = ({ mt, mb, mtSm, mbSm, theme }) => _react.css`
     margin-bottom: ${mbSm}px;
   `)}
 `;
-var firstChildStyles = _chunkZO52GP5Zcjs.firstChild.call(void 0, `margin-top: 0;`);
+var firstChildStyles = _chunkQ3F7S3R3cjs.firstChild.call(void 0, `margin-top: 0;`);
 var headings = {
   h1: _styled2.default.h1`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkZO52GP5Zcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
+    font-size: ${_chunkQ3F7S3R3cjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
     font-weight: ${({ light }) => light ? 400 : 800}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkZO52GP5Zcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
+      font-size: ${_chunkQ3F7S3R3cjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
     `)}
   `,
   h2: _styled2.default.h2`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkZO52GP5Zcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
+    font-size: ${_chunkQ3F7S3R3cjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
     font-weight: ${({ light }) => light ? 400 : 700}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkZO52GP5Zcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
+      font-size: ${_chunkQ3F7S3R3cjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
     `)}
   `,
   h3: _styled2.default.h3`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkZO52GP5Zcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
+    font-size: ${_chunkQ3F7S3R3cjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
     font-weight: ${({ light }) => light ? 400 : 700}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkZO52GP5Zcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
+      font-size: ${_chunkQ3F7S3R3cjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
     `)}
   `,
   h4: _styled2.default.h4`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkZO52GP5Zcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
+    font-size: ${_chunkQ3F7S3R3cjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
     font-weight: ${({ light }) => light ? 400 : 600}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkZO52GP5Zcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
+      font-size: ${_chunkQ3F7S3R3cjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
     `)}
   `
 };

package/dist/{chunk-VF6BYQHD.cjs → chunk-QWWNVICK.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkVNWCUVYQcjs = require('./chunk-VNWCUVYQ.cjs');
+var _chunkD2JGBOUEcjs = require('./chunk-D2JGBOUE.cjs');
 
 
-var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
 
 
 
@@ -241,7 +241,7 @@ function CodeInput({
     const inputId = getInputId(i);
     inputs.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkVNWCUVYQcjs.SingleCodeInput,
+        _chunkD2JGBOUEcjs.SingleCodeInput,
         {
           value: inputState[inputId].value,
           id: inputId,
@@ -316,7 +316,7 @@ var CodeInputGroup = _styled2.default.div`
 var CodeInputGroupSeparator = _styled2.default.div`
   width: ${separatorWidth}px;
   height: 4px;
-  background-color: ${_chunkNVVAOGNLcjs.textInputBorderColor};
+  background-color: ${_chunkBCPM2M3Ycjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;

package/dist/chunk-QYALA36I.js

@@ -0,0 +1,35 @@
+import {
+  getPropDefaultsBase
+} from "./chunk-BVEHA6GI.js";
+import {
+  typographyStyles
+} from "./chunk-X5SBSJ3Z.js";
+import {
+  applyTypography
+} from "./chunk-FH6BM3M7.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/typography/base/Overline.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+function OverlineString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ jsx(StyledOverline, __spreadProps(__spreadValues({}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return getPropDefaultsBase(props, { as: props.tag || "span" });
+}
+var StyledOverline = styled.span`
+  ${({ theme, size, colorProp }) => applyTypography(theme, "Overline", size, colorProp)}
+  ${typographyStyles}
+`;
+
+export {
+  OverlineString,
+  getPropDefaults,
+  StyledOverline
+};

package/dist/{chunk-GJZCJSPK.cjs → chunk-QZ7ENG5K.cjs}

@@ -3,27 +3,27 @@
 var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
 
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
-var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+var _chunk4HIPKMRHcjs = require('./chunk-4HIPKMRH.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
 
 
-var _chunkYDTPEU32cjs = require('./chunk-YDTPEU32.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
 
@@ -266,9 +266,9 @@ var DropdownFooter = _styled2.default.div`
   margin-top: 16px;
 `;
 var DropdownItems = _styled2.default.ul`
-  ${_chunk23NA5VW6cjs.overlaySurface}
-  color: ${({ theme }) => _chunkJX6HEEEQcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
-  ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkOQEP7VDDcjs.overlaySurface}
+  color: ${({ theme }) => _chunk7EIZIKLRcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
+  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
   padding: 12px 0;
   visibility: ${({ isOpen }) => isOpen ? "visible" : "hidden"};
   position: fixed;
@@ -284,7 +284,7 @@ function DropdownItem({ dropdownItem, onClick }) {
   const theme = _react.useTheme.call(void 0, );
   const dropdownItemIcon = dropdownItem.getIcon && dropdownItem.getIcon({ dropdownItem, theme });
   const dropdownItemIconNode = dropdownItemIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkI6Y7IHF5cjs.Icon,
+    _chunkUMU7TYANcjs.Icon,
     {
       name: dropdownItemIcon.name,
       width: dropdownItemIcon.width || 12,
@@ -327,8 +327,8 @@ function DropdownItem({ dropdownItem, onClick }) {
     }
   );
 }
-var DropdownButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
-  ${_chunk23NA5VW6cjs.standardFocusOutline}
+var DropdownButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
+  ${_chunkOQEP7VDDcjs.standardFocusOutline}
 `;
 var dropdownItemStyle = ({ selected, theme }) => `
   background-color: ${selected ? theme.primary : "transparent"};
@@ -353,12 +353,12 @@ var cssProp = ({
   selected
 }) => _react.css`
   ${dropdownItemStyle({ theme, selected: Boolean(selected) })}
-  ${_chunk23NA5VW6cjs.standardFocusOutline.call(void 0, { theme })}
+  ${_chunkOQEP7VDDcjs.standardFocusOutline.call(void 0, { theme })}
 `;
 function DropdownItemLink(props) {
   const theme = _react.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYDTPEU32cjs.Link,
+    _chunk4HIPKMRHcjs.Link,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), {
       css: cssProp({ theme, selected: Boolean(props.selected) })
     })
@@ -366,7 +366,7 @@ function DropdownItemLink(props) {
 }
 var DropdownItemDiv = _styled2.default.div`
   ${dropdownItemStyle}
-  ${_chunk23NA5VW6cjs.standardFocusOutline}
+  ${_chunkOQEP7VDDcjs.standardFocusOutline}
 `;
 
 

package/dist/{chunk-SDDC5AVT.cjs → chunk-R7ZYIVAN.cjs}

@@ -18,7 +18,6 @@ var buttonsThemeBase = {
   defaultTypographyType: "Body Strong",
   defaultColor: "text",
   defaultBorderRadius: 32,
-  defaultBorderWidth: 1,
   defaultBackgroundColor: "bg",
   defaultBorderColor: "bg",
   defaultHoverBackgroundColor: "bg",
@@ -41,7 +40,6 @@ var defaultButtonsTheme = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5
   kinds: {
     primary: {
       defaultColor: "bg",
-      defaultBorderWidth: 0,
       defaultBackgroundColor: "c9Neutral",
       defaultBorderColor: "c9Neutral",
       defaultHoverBackgroundColor: "c8Neutral",
@@ -49,7 +47,6 @@ var defaultButtonsTheme = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5
     },
     ghost: {
       defaultBackgroundColor: "transparent",
-      defaultBorderWidth: 0,
       defaultHoverBackgroundColor: "transparent",
       defaultHoverBorderColor: "transparent",
       defaultPaddingsY: {

package/dist/{chunk-FRXVOBFV.cjs → chunk-RDNRIMXD.cjs}

@@ -4,13 +4,13 @@ var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
 
 
 
-var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
-var _chunk2ZRPJUTYcjs = require('./chunk-2ZRPJUTY.cjs');
+var _chunkQEG4FMH4cjs = require('./chunk-QEG4FMH4.cjs');
 
 
 var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
@@ -34,8 +34,8 @@ function ClipboardTextField({
   const { canWriteToClipboard, writeTextToClipboard } = _chunkEZNRFABOcjs.useClipboard.call(void 0, clipboardCallbacks);
   const addLineClamp = maxLines && maxLines > 1;
   const displayValue = elideArgs ? _chunk7PRNB5U5cjs.elide.call(void 0, value, elideArgs) : value;
-  const nodes = _chunk2ZRPJUTYcjs.renderTypography.call(void 0, (typography == null ? void 0 : typography.type) || "Body", {
-    content: displayValue,
+  const nodes = _chunkQEG4FMH4cjs.renderTypography.call(void 0, (typography == null ? void 0 : typography.type) || "Body", {
+    children: displayValue,
     size: (typography == null ? void 0 : typography.size) || "ExtraSmall",
     color: (typography == null ? void 0 : typography.color) || "inherit"
   });
@@ -47,7 +47,7 @@ function ClipboardTextField({
     wordBreak: wordBreakAll ? "break-all" : "normal",
     verticalAlign: "middle"
   };
-  const valueCSS = addLineClamp ? _chunkZO52GP5Zcjs.extend.call(void 0, baseValueCSS, _chunkZO52GP5Zcjs.lineClamp.call(void 0, maxLines), { alignSelf: "baseline" }) : baseValueCSS;
+  const valueCSS = addLineClamp ? _chunkQ3F7S3R3cjs.extend.call(void 0, baseValueCSS, _chunkQ3F7S3R3cjs.lineClamp.call(void 0, maxLines), { alignSelf: "baseline" }) : baseValueCSS;
   const valueNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: valueCSS, children: nodes });
   const onClick = _react.useCallback.call(void 0, 
     (event) => {
@@ -76,8 +76,8 @@ function ClipboardTextField({
   };
   const containerCSS = addLineClamp ? (
     /* keep the icon on the same line when addLineClamp: */
-    _chunkZO52GP5Zcjs.extend.call(void 0, baseContainerCSS, { display: "inline-flex" })
-  ) : maxLines === 1 ? _chunkZO52GP5Zcjs.extend.call(void 0, baseContainerCSS, { whiteSpace: "nowrap", display: "inline-flex" }) : baseContainerCSS;
+    _chunkQ3F7S3R3cjs.extend.call(void 0, baseContainerCSS, { display: "inline-flex" })
+  ) : maxLines === 1 ? _chunkQ3F7S3R3cjs.extend.call(void 0, baseContainerCSS, { whiteSpace: "nowrap", display: "inline-flex" }) : baseContainerCSS;
   return canWriteToClipboard && value ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     StyledClipboardTextField,
     {
@@ -88,9 +88,9 @@ function ClipboardTextField({
       tabIndex: 0,
       onKeyDown,
       children: [
-        icon && iconSide === "left" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Copy", width: 16, mr: 4 }) : null,
+        icon && iconSide === "left" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Copy", width: 16, mr: 4 }) : null,
         valueNode,
-        icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Copy", width: 16, ml: 4 }) : null
+        icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Copy", width: 16, ml: 4 }) : null
       ]
     }
   ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledClipboardTextField, { as: tag, css: containerCSS, children: valueNode });

package/dist/{chunk-JT3HYZXJ.cjs → chunk-RSPUYVQM.cjs}

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

package/dist/{chunk-24MZEHRM.js → chunk-S22LEIHN.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   renderTypography
-} from "./chunk-5GLOHTP6.js";
+} from "./chunk-ANBLLKL6.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";
@@ -23,10 +23,11 @@ function CurrencyAmount({
   fullPrecision = false,
   id,
   ml = 0,
-  typography
+  typography,
+  unitsPerBtc
 }) {
   const unit = displayUnit;
-  const amountMap = isCurrencyMap(amount) ? amount : mapCurrencyAmount(amount);
+  const amountMap = isCurrencyMap(amount) ? amount : mapCurrencyAmount(amount, unitsPerBtc);
   const value = amountMap[unit];
   const defaultFormattedNumber = amountMap.formatted[unit];
   let formattedNumber = defaultFormattedNumber;
@@ -49,7 +50,7 @@ function CurrencyAmount({
     content = renderTypography(typography.type, {
       size: typography.size,
       color: typography.color,
-      content: formattedNumber
+      children: formattedNumber
     });
   }
   return /* @__PURE__ */ jsxs(StyledCurrencyAmount, { ml, id, children: [

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

@@ -1,9 +1,9 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-JEPHI5VC.js";
+} from "./chunk-JZ2MJO3Z.js";
 import {
   toReactNodes
-} from "./chunk-NXSA7WNB.js";
+} from "./chunk-2I22MYIY.js";
 
 // src/components/Checkbox.tsx
 import styled from "@emotion/styled";