@lightsparkdev/ui 1.0.11 → 1.0.12

package/dist/{chunk-TWUVFR36.js → chunk-K3FHRZSU.js}

@@ -1,21 +1,21 @@
 import {
   LabelModerate
-} from "./chunk-YLERYYWF.js";
+} from "./chunk-UE3WNLRT.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   textInputStyle
-} from "./chunk-UGHP4KVZ.js";
+} from "./chunk-IAGH4CKJ.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-OFZVJPBJ.js";
 import {
   getTypographyString
-} from "./chunk-YQP6BIJN.js";
+} from "./chunk-AZSSORPU.js";
 
 // src/components/DataManagerTable/DateWidget.tsx
 import styled from "@emotion/styled";

package/dist/chunk-KDUQH43X.cjs

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/BrokenChainLink.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function BrokenChainLink({ strokeWidth = "1" }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "100%",
+      viewBox: "0 0 40 40",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd",
+          d: "M9.59613 1.71666C10.4891 1.49342 11.394 2.03636 11.6172 2.92934L12.4506 6.26267C12.6738 7.15567 12.1309 8.06056 11.2379 8.28381C10.3449 8.50706 9.44003 7.96413 9.21678 7.07113L8.38345 3.73779C8.1602 2.84481 8.70313 1.93991 9.59613 1.71666ZM30.8912 9.10938C27.6345 5.85274 22.3545 5.85274 19.0979 9.10938L19.0902 9.11712L17.8377 10.3531C17.1827 10.9997 16.1274 10.9928 15.4808 10.3376C14.8342 9.68249 14.8412 8.62724 15.4963 7.98067L16.745 6.74826C21.3037 2.19397 28.6912 2.19534 33.2482 6.75234C37.8054 11.3094 37.8065 18.697 33.2522 23.2558L33.2482 23.2597L32.0199 24.5043C31.3734 25.1595 30.318 25.1663 29.663 24.5198C29.0079 23.8732 29.0009 22.818 29.6474 22.1628L30.8912 20.9027C34.1479 17.646 34.1479 12.366 30.8912 9.10938ZM1.71678 9.59601C1.94003 8.70302 2.84492 8.16009 3.73792 8.38332L7.07125 9.21666C7.96423 9.43991 8.50717 10.3448 8.28392 11.2378C8.06068 12.1308 7.15578 12.6737 6.2628 12.4505L2.92947 11.6171C2.03647 11.3939 1.49353 10.489 1.71678 9.59601ZM10.3377 15.4807C10.9929 16.1272 10.9998 17.1825 10.3532 17.8377L9.10952 19.0978C5.85288 22.3545 5.85287 27.6345 9.10948 30.8912C12.3661 34.1477 17.6462 34.1477 20.9027 30.8912L20.9105 30.8833L22.163 29.6473C22.818 29.0007 23.8734 29.0077 24.5199 29.6628C25.1665 30.318 25.1595 31.3732 24.5044 32.0198L23.2599 33.2482L23.2557 33.2522C18.697 37.8065 11.3095 37.8052 6.75247 33.2482C2.19543 28.691 2.1941 21.3035 6.74847 16.7448L7.98078 15.4962C8.62737 14.841 9.68262 14.8341 10.3377 15.4807ZM31.7169 28.7627C31.94 27.8697 32.8449 27.3267 33.7379 27.55L37.0712 28.3833C37.9642 28.6065 38.5072 29.5115 38.2839 30.4045C38.0607 31.2975 37.1559 31.8403 36.2629 31.6172L32.9295 30.7838C32.0365 30.5605 31.4935 29.6557 31.7169 28.7627ZM28.7629 31.7167C29.6559 31.4933 30.5607 32.0363 30.7839 32.9293L31.6172 36.2627C31.8405 37.1557 31.2975 38.0605 30.4045 38.2838C29.5115 38.507 28.6067 37.9642 28.3835 37.0712L27.5502 33.7378C27.3269 32.8448 27.8699 31.9398 28.7629 31.7167Z",
+          fill: "currentColor",
+          stroke: "currentColor",
+          strokeWidth
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.BrokenChainLink = BrokenChainLink;

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

@@ -3,22 +3,22 @@ import {
 } from "./chunk-E5DUKMCU.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 {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-OFZVJPBJ.js";
 import {
   standardFocusOutline
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-4H7CTVLY.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-4L7SC64I.cjs → chunk-KHCCPRY7.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6G6HCZJUcjs = require('./chunk-6G6HCZJU.cjs');
+var _chunkAL5EN3OScjs = require('./chunk-AL5EN3OS.cjs');
 
 
-var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
+var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
 
 
-var _chunk4WKQPWLIcjs = require('./chunk-4WKQPWLI.cjs');
+var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
 
 
 var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
@@ -21,16 +21,16 @@ function SatoshiInputLabel({
   availableSats,
   showTooltip = true
 }) {
-  const availableSatsTooltipNode = showTooltip ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBCPM2M3Ycjs.Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
+  const availableSatsTooltipNode = showTooltip ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLQ7N5FRYcjs.Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
     "available",
     " ",
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk6G6HCZJUcjs.InfoIconTooltip,
+      _chunkAL5EN3OScjs.InfoIconTooltip,
       {
         id: "available-balance-tooltip",
         content: [
           "Your available balance may differ from your total balance due to operational funds being held on the Lightning Network. ",
-          _chunk4WKQPWLIcjs.link.call(void 0, {
+          _chunkCH2PLO6Fcjs.link.call(void 0, {
             text: "Learn more",
             externalLink: "https://docs.lightspark.com/lightspark-sdk/api-reference/types/Balances"
           })
@@ -38,10 +38,10 @@ function SatoshiInputLabel({
       }
     )
   ] }) : null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBCPM2M3Ycjs.Label, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLQ7N5FRYcjs.Label, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: text }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: availableSats !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
       _chunk7PRNB5U5cjs.addCommasToDigits.call(void 0, Math.floor(availableSats)),
       availableSatsTooltipNode
     ] }) })

package/dist/{chunk-RPYB66KY.js → chunk-KHEPTT3O.js}

@@ -1,6 +1,10 @@
 // src/icons/Selector.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function Selector() {
+function Selector({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsxs(
     "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__ */ jsx(
@@ -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-XB2OTOVK.cjs → chunk-KHWDSWRH.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Roadmap.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Roadmap() {
+function Roadmap({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,10 @@ function Roadmap() {
         "path",
         {
           d: "M4.66667 7.99996H11.3333M7.33333 11.3333H14M2 4.66663H8.66667",
-          stroke: "black",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-VBU37CQG.cjs → chunk-KI3YLNIT.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ExclamationPoint.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function ExclamationPoint() {
+function ExclamationPoint({
+  strokeWidth = "1.25",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -14,8 +18,9 @@ function ExclamationPoint() {
           {
             d: "M1.48828 6.5C1.48828 3.46243 3.95072 0.999999 6.98828 1C10.0258 1 12.4883 3.46243 12.4883 6.5C12.4883 9.53757 10.0258 12 6.98828 12C3.95072 12 1.48828 9.53757 1.48828 6.5Z",
             stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -23,9 +28,9 @@ function ExclamationPoint() {
           {
             d: "M6.98828 4.14286L6.98828 6.5M6.98828 8.85707L6.98828 8.87549",
             stroke: "currentColor",
-            strokeWidth: "1.25",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -33,9 +38,9 @@ function ExclamationPoint() {
           {
             d: "M6.98828 8.85707L6.98828 8.87549",
             stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-VJDXK2I4.js → chunk-KN5BA5GV.js}

@@ -1,9 +1,9 @@
 import {
   GlobalStyles
-} from "./chunk-JHLQJQAH.js";
+} from "./chunk-X4AII3DN.js";
 import {
   themes
-} from "./chunk-HYUF4RXZ.js";
+} from "./chunk-HCKCJR5Y.js";
 
 // src/components/LightsparkProvider.tsx
 import { ThemeProvider } from "@emotion/react";

package/dist/{chunk-NXETPPGE.cjs → chunk-KOU32XJ2.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
+var _chunkGLSWZ36Ycjs = require('./chunk-GLSWZ36Y.cjs');
 
 
 
@@ -102,7 +102,7 @@ function CommaNumberInput(props) {
     [valueWithCommas, onChange]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkO64MW4Z4cjs.TextInput,
+    _chunkGLSWZ36Ycjs.TextInput,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
       placeholder: "Enter a number"
     }, rest), {

package/dist/{chunk-IOSJLM4O.cjs → chunk-KTV5DXZQ.cjs}

@@ -1,6 +1,14 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/CircleCheck.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
+
+// src/icons/CircleCheck.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function CircleCheck() {
+function CircleCheck({
+  strokeWidth = "1.14286",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -14,8 +22,10 @@ function CircleCheck() {
           "path",
           {
             d: "M4.57153 7.98591L6.65379 10.0682C6.65379 10.0682 9.08556 7.6364 11.0076 5.71436",
-            stroke: "black",
-            strokeWidth: "1.14286"
+            className: _chunkKS6GHRZIcjs.invertStrokeColor,
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-262GCJFO.js → chunk-KUDJQH6S.js}

@@ -1,6 +1,10 @@
 // src/icons/ExclamationPoint.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function ExclamationPoint() {
+function ExclamationPoint({
+  strokeWidth = "1.25",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -14,8 +18,9 @@ function ExclamationPoint() {
           {
             d: "M1.48828 6.5C1.48828 3.46243 3.95072 0.999999 6.98828 1C10.0258 1 12.4883 3.46243 12.4883 6.5C12.4883 9.53757 10.0258 12 6.98828 12C3.95072 12 1.48828 9.53757 1.48828 6.5Z",
             stroke: "currentColor",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ jsx(
@@ -23,9 +28,9 @@ function ExclamationPoint() {
           {
             d: "M6.98828 4.14286L6.98828 6.5M6.98828 8.85707L6.98828 8.87549",
             stroke: "currentColor",
-            strokeWidth: "1.25",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ jsx(
@@ -33,9 +38,9 @@ function ExclamationPoint() {
           {
             d: "M6.98828 8.85707L6.98828 8.87549",
             stroke: "currentColor",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-O25QSADF.cjs → chunk-KX3LU3EN.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
+var _chunkGLSWZ36Ycjs = require('./chunk-GLSWZ36Y.cjs');
 
 
 
@@ -14,7 +14,7 @@ function SecretInput(_a) {
   var rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, []);
   const [showSecret, setShowSecret] = _react.useState.call(void 0, false);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkO64MW4Z4cjs.TextInput,
+    _chunkGLSWZ36Ycjs.TextInput,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), {
       type: showSecret ? void 0 : "password",
       onClickIcon: () => setShowSecret(!showSecret),

package/dist/{chunk-OVJZVL57.cjs → chunk-KYPG23A5.cjs}

@@ -4,13 +4,15 @@ var typographyStyles = ({
   /* theme, size, colorProp, */
   block: blockProp,
   hideOverflow,
-  displayProp
+  displayProp,
+  textAlign
 }) => {
   const displayValue = blockProp || hideOverflow ? "block" : displayProp || null;
   return _react.css`
     /* Margins should always be set in parent style contexts eg Article: */
     margin: 0;
 
+    ${textAlign ? `text-align: ${textAlign};` : ""}
     ${displayValue ? `display: ${displayValue};` : ""}
     ${hideOverflow ? "overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" : ""}
   `;

package/dist/{chunk-DM6GUQAV.cjs → chunk-L3OT4CVD.cjs}

@@ -1,7 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/DeleteIcon.tsx
 var _react = require('@emotion/react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function DeleteIcon() {
+function DeleteIcon({
+  strokeWidth = "1.33333",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   const theme = _react.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
@@ -17,9 +21,9 @@ function DeleteIcon() {
           {
             d: "M5.3335 5.33337L10.6668 10.6667",
             stroke: theme.bg,
-            strokeWidth: "1.33333",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -27,9 +31,9 @@ function DeleteIcon() {
           {
             d: "M5.3335 10.6666L10.6668 5.33329",
             stroke: theme.bg,
-            strokeWidth: "1.33333",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-QCTPBUWI.cjs → chunk-L56T5KV2.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/ArrowsDown.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function ArrowsDown() {
+function ArrowsDown({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function ArrowsDown() {
         {
           d: "M1 9.52123L3.88111 12.4023M3.88111 12.4023L6.76222 9.52123M3.88111 12.4023L3.88111 0.8779M9.73778 9.52123L12.6189 12.4023M12.6189 12.4023L15.5 9.52123M12.6189 12.4023L12.6189 0.8779",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-AISFIJCR.js → chunk-L6V3S6ZA.js}

@@ -1,6 +1,6 @@
 import {
   StatusIndicator
-} from "./chunk-L23G6XLY.js";
+} from "./chunk-4NYJ4H6P.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-R6JXXAU3.cjs → chunk-LALHIOAE.cjs}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/NodeAdd.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function NodeAdd() {
+function NodeAdd({
+  strokeWidth = "1",
+  strokeLinecap = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,7 +16,8 @@ function NodeAdd() {
         {
           d: "M6 3.25V8.75M3.25 6H8.75M11.5 6C11.5 9.03757 9.03757 11.5 6 11.5C2.96243 11.5 0.5 9.03757 0.5 6C0.5 2.96243 2.96243 0.5 6 0.5C9.03757 0.5 11.5 2.96243 11.5 6Z",
           stroke: "currentColor",
-          strokeLinecap: "round"
+          strokeWidth,
+          strokeLinecap
         }
       )
     }

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

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

package/dist/{chunk-UCI3F7QY.cjs → chunk-LE6VBBOJ.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunk5YAHKBG6cjs = require('./chunk-5YAHKBG6.cjs');
+var _chunkTP3PDGQBcjs = require('./chunk-TP3PDGQB.cjs');
 
 // src/components/documentation/DocsHeadline.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -47,11 +47,12 @@ var DocsHeadline = ({
   children,
   color,
   size = "Medium",
-  heading = "h1"
+  heading = "h1",
+  textAlign
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk5YAHKBG6cjs.StyledHeadline,
+    _chunkTP3PDGQBcjs.StyledHeadline,
     {
       as: heading,
       id,
@@ -59,6 +60,7 @@ var DocsHeadline = ({
       colorProp: color,
       displayProp: "block",
       hideOverflow: false,
+      textAlign,
       block: true,
       children
     }

package/dist/{chunk-GUUQ4PSE.cjs → chunk-LEM2VWU3.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
 
 
-var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
 
 // src/components/ProgressBar.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,8 +41,8 @@ function ProgressBar({
 }
 ProgressBar.defaultProps = defaultProps;
 var ProgressBarContainer = _styled2.default.div`
-  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 16)}
-  background-color: ${({ theme }) => _chunk7EIZIKLRcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
+  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 16)}
+  background-color: ${({ theme }) => _chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
   box-sizing: border-box;
   display: flex;
   height: ${({ isSm }) => isSm ? "6px" : "16px"};
@@ -51,7 +51,7 @@ var ProgressBarContainer = _styled2.default.div`
   position: relative;
 `;
 var BarBg = _styled2.default.div`
-  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 16)}
   width: ${({ percentage }) => 100 / percentage * 100}%;
   height: 100%;
 
@@ -65,7 +65,7 @@ var BarBg = _styled2.default.div`
   )`};
 `;
 var Bar = _styled2.default.div`
-  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 16)}
   overflow: hidden;
   box-sizing: border-box;
   display: inline-block;