@lightsparkdev/ui 1.1.8 → 1.1.9

package/dist/{chunk-SLLTHWPR.cjs → chunk-IZT3CLCY.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZTIYSEE6cjs = require('./chunk-ZTIYSEE6.cjs');
+var _chunk6RWMAYHKcjs = require('./chunk-6RWMAYHK.cjs');
 
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
 
 // src/components/Badge.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -32,13 +32,13 @@ function Badge({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || (kind === "danger" ? "danger" : kind === "success" ? "white" : "text")
   };
-  const nodesWithTypography = _chunkZTIYSEE6cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunk6RWMAYHKcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography
   });
-  const content = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkISSWG34Jcjs.toReactNodes.call(void 0, nodesWithTypography);
   return contentProp ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledBadge, { kind, ml, mr, size, block, children: [
     icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5R7OENS4cjs.Icon,
+      _chunk4PZLEYONcjs.Icon,
       {
         name: icon.name,
         width: 20,
@@ -51,7 +51,7 @@ function Badge({
 var badgeSmVPadding = 2;
 var badgeSmHPadding = 6;
 var StyledBadge = _styled2.default.div`
-  ${({ size }) => _chunkUL22WLXRcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
+  ${({ size }) => _chunkYSMG5R44cjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
   ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
   ${({ mr }) => mr === 0 ? "" : `margin-right: ${mr}px;`}
 
@@ -61,11 +61,11 @@ var StyledBadge = _styled2.default.div`
   padding: ${({ size }) => size === "sm" ? `${badgeSmVPadding}px ${badgeSmHPadding}px` : "12px 16px"};
   background-color: ${({ theme, kind }) => {
   if (kind === "danger") {
-    return _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, "red42a10");
+    return _chunkLL3KJ7DBcjs.getColor.call(void 0, theme, "red42a10");
   } else if (kind === "success") {
-    return _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, "success");
+    return _chunkLL3KJ7DBcjs.getColor.call(void 0, theme, "success");
   } else {
-    return _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, theme.badge.bg);
+    return _chunkLL3KJ7DBcjs.getColor.call(void 0, theme, theme.badge.bg);
   }
 }};
 `;

package/dist/{chunk-2NTAA34G.js → chunk-J2GJE5NF.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-B25Y765K.js";
 
 // src/components/Loading.tsx
 import { useTheme } from "@emotion/react";

package/dist/{chunk-UMXCOSIJ.cjs → chunk-JEVPAUBW.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 // src/styles/utils.tsx
 var _react = require('@emotion/react');
 function pxToRems(rems, asNum = false) {
-  const value = (rems / _chunkUL22WLXRcjs.rootFontSizePx).toFixed(6);
+  const value = (rems / _chunkYSMG5R44cjs.rootFontSizePx).toFixed(6);
   return asNum ? Number(value) : `${value}rem`;
 }
 function remsToPx(rems, asNum = false) {
-  const value = (_chunkUL22WLXRcjs.rootFontSizePx * rems).toFixed(6);
+  const value = (_chunkYSMG5R44cjs.rootFontSizePx * rems).toFixed(6);
   return asNum ? Number(value) : `${value}px`;
 }
 var extend = (...args) => _react.css.call(void 0, ...args);

package/dist/{chunk-DLXFBUTN.cjs → chunk-JWQWKJL7.cjs}

@@ -3,37 +3,37 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkLLYPCLOOcjs = require('./chunk-LLYPCLOO.cjs');
+var _chunkUNLKBBSAcjs = require('./chunk-UNLKBBSA.cjs');
 
 
-var _chunkLKPOBVNOcjs = require('./chunk-LKPOBVNO.cjs');
+var _chunkL3ANMAP5cjs = require('./chunk-L3ANMAP5.cjs');
 
 
-var _chunkC3FY5BQCcjs = require('./chunk-C3FY5BQC.cjs');
+var _chunkBGDEQI7Ycjs = require('./chunk-BGDEQI7Y.cjs');
 
 
 
-var _chunkYDDRP7G7cjs = require('./chunk-YDDRP7G7.cjs');
+var _chunkDCOJ2RN7cjs = require('./chunk-DCOJ2RN7.cjs');
 
 
-var _chunkCU6RWGR5cjs = require('./chunk-CU6RWGR5.cjs');
+var _chunk6SW3YUOScjs = require('./chunk-6SW3YUOS.cjs');
 
 
-var _chunk22Q6UJGLcjs = require('./chunk-22Q6UJGL.cjs');
+var _chunkBB4ZAFU4cjs = require('./chunk-BB4ZAFU4.cjs');
 
 
 
-var _chunkSLLTHWPRcjs = require('./chunk-SLLTHWPR.cjs');
+var _chunkIZT3CLCYcjs = require('./chunk-IZT3CLCY.cjs');
 
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -42,7 +42,7 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunk2J2ZDWLFcjs = require('./chunk-2J2ZDWLF.cjs');
+var _chunkBQ5MMYMPcjs = require('./chunk-BQ5MMYMP.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
@@ -59,7 +59,7 @@ function PageSection({
   headerOffset = 0
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSection, { scrollMarginTop: headerOffset + _chunk46AVXTFOcjs.pageSectionScrollOffset, children: [
-    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYDDRP7G7cjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDCOJ2RN7cjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
     children
   ] });
 }
@@ -79,7 +79,7 @@ var StyledPageSection = _styled2.default.div`
     scroll-margin-top: ${({ scrollMarginTop }) => scrollMarginTop}px !important;
   }
 `;
-var PageSectionSubheading = _chunkYDDRP7G7cjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkDCOJ2RN7cjs.headingWithDefaults.call(void 0, {
   type: "h4",
   mb: 32
 });
@@ -93,7 +93,7 @@ var PageSectionBoxActionColumn = ({
 ] });
 var StyledPageSectionBoxActionColumn = _styled2.default.div``;
 var PageSectionBoxActionColumnLabel = _styled2.default.div`
-  color: ${_chunk2J2ZDWLFcjs.colors.gray40};
+  color: ${_chunkBQ5MMYMPcjs.colors.gray40};
   font-weight: 500;
   margin: 0;
 `;
@@ -107,7 +107,7 @@ var PageSectionBoxActionColumnValue = _styled2.default.div`
 var PageSectionBoxActionColumnNoValue = _styled2.default.call(void 0, 
   PageSectionBoxActionColumnValue
 )`
-  color: ${_chunk2J2ZDWLFcjs.colors.gray80};
+  color: ${_chunkBQ5MMYMPcjs.colors.gray80};
   font-style: italic;
 `;
 function PageSectionBoxAction({
@@ -121,18 +121,18 @@ function PageSectionBoxAction({
   toParams
 }) {
   const theme = _react.useTheme.call(void 0, );
-  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCU6RWGR5cjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R7OENS4cjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkLKPOBVNOcjs.Dropdown,
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6SW3YUOScjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PZLEYONcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkL3ANMAP5cjs.Dropdown,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R7OENS4cjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PZLEYONcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
       },
       dropdownItems
     }
-  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
     /* Extra div for proper default alignment inside flex contexts */
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkLLYPCLOOcjs.TextButton,
+      _chunkUNLKBBSAcjs.TextButton,
       {
         leftIcon: icon,
         text: label,
@@ -164,7 +164,7 @@ var PageSectionBoxActionRow = ({
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageSectionBoxTitle, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
               title,
-              titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSLLTHWPRcjs.Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
+              titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIZT3CLCYcjs.Badge, { content: titleBadge, ml: 4, kind: titleBadgeKind }) : null
             ] }),
             titleRightContent
           ] }),
@@ -202,7 +202,7 @@ var SPageSectionBoxActionRow = _styled2.default.div`
 
   ${({ separator, theme }) => separator && `
       border-top: 1px solid;
-      ${_chunkC3FY5BQCcjs.standardBorderColor.call(void 0, { theme }).styles};
+      ${_chunkBGDEQI7Ycjs.standardBorderColor.call(void 0, { theme }).styles};
       padding-top: 32px;
     `}
 `;
@@ -220,7 +220,7 @@ function PageSectionBox({
   children
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSectionBox, { children: [
-    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, description) }),
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkISSWG34Jcjs.toReactNodes.call(void 0, description) }),
     children,
     (action == null ? void 0 : action.label) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "12px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, action)) }) : null
   ] });
@@ -232,30 +232,30 @@ var StyledPageSectionBox = _styled2.default.div`
 
   & > ${PageSectionBoxRow}, & {
     border: 1px solid;
-    ${_chunkC3FY5BQCcjs.standardBorderColor}
+    ${_chunkBGDEQI7Ycjs.standardBorderColor}
   }
 
-  ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 8)}
   padding: 16px;
 
   /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
   &:has(> ${PageSectionBoxRow}) {
     border: none;
     padding: 0;
-    ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 12)}
     }
 
     &:not(:last-of-type) {
@@ -267,7 +267,7 @@ var StyledPageSectionBox = _styled2.default.div`
       ${_chunkKW3JYLRIcjs.bp.sm(`padding: 16px;`)}
       &:not(:first-of-type) {
         border-left: solid 1px;
-        ${_chunkC3FY5BQCcjs.standardBorderColor}
+        ${_chunkBGDEQI7Ycjs.standardBorderColor}
       }
     }
 
@@ -277,7 +277,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkC3FY5BQCcjs.standardBorderColor.call(void 0, { theme }).styles};
+            ${_chunkBGDEQI7Ycjs.standardBorderColor.call(void 0, { theme }).styles};
           }
         }
       `)}
@@ -290,7 +290,7 @@ var PageSectionBoxTitle = _styled2.default.div`
   justify-content: space-between;
   font-size: ${({ lg }) => lg ? 14 : 12}px;
   font-weight: 600;
-  line-height: ${({ lg }) => _chunkUL22WLXRcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkSLLTHWPRcjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunkYSMG5R44cjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkIZT3CLCYcjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/{chunk-2QQUDRKD.js → chunk-JZ3KHMCB.js}

@@ -1,15 +1,15 @@
 import {
   UnstyledButton
-} from "./chunk-5UHQJD3J.js";
+} from "./chunk-Y6MK2KM4.js";
 import {
   TextIconAligner
-} from "./chunk-7577MJVJ.js";
+} from "./chunk-AM2VWS5D.js";
 import {
   getFocusOutline
-} from "./chunk-33BECMKR.js";
+} from "./chunk-FS5ZY6RP.js";
 import {
   Link
-} from "./chunk-OFIYWU7T.js";
+} from "./chunk-5UPPV33W.js";
 import {
   elide
 } from "./chunk-HAC5YAGQ.js";

package/dist/{chunk-YH2OXGVI.js → chunk-K2TZ4AYP.js}

@@ -1,6 +1,6 @@
 import {
   LabelModerate
-} from "./chunk-GTUR5PQO.js";
+} from "./chunk-OUJCEEMU.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-ANFRTY77.js → chunk-K5UMREEM.js}

@@ -4,10 +4,10 @@ import {
 import {
   rootFontSizeRems,
   standardLineHeightEms
-} from "./chunk-33BECMKR.js";
+} from "./chunk-FS5ZY6RP.js";
 import {
   useThemeBg
-} from "./chunk-2JNM2KTT.js";
+} from "./chunk-A2JXE76O.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-OF3CT2CQ.js → chunk-K7L6HLGS.js}

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

package/dist/{chunk-ZK5A2QKM.cjs → chunk-KB3OXVMV.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunk6SDFZ57Lcjs = require('./chunk-6SDFZ57L.cjs');
+var _chunk4NCWQQA2cjs = require('./chunk-4NCWQQA2.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBtn = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunk6SDFZ57Lcjs.applyTypography.call(void 0, theme, "Btn", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunk4NCWQQA2cjs.applyTypography.call(void 0, theme, "Btn", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-QBFCQQX5.cjs → chunk-KHHAWWVK.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkZTIYSEE6cjs = require('./chunk-ZTIYSEE6.cjs');
+var _chunk6RWMAYHKcjs = require('./chunk-6RWMAYHK.cjs');
 
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkISSWG34Jcjs = require('./chunk-ISSWG34J.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
 
@@ -26,13 +26,13 @@ function TextIconAligner({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkZTIYSEE6cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunk6RWMAYHKcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography,
     link: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, defaultTypography), { color: "link" })
   });
-  const content = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkISSWG34Jcjs.toReactNodes.call(void 0, nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk5R7OENS4cjs.Icon,
+    _chunk4PZLEYONcjs.Icon,
     {
       name: leftIcon.name,
       width: leftIcon.width ? leftIcon.width : 12,
@@ -41,7 +41,7 @@ function TextIconAligner({
     }
   ) : null;
   const rightIconNode = rightIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk5R7OENS4cjs.Icon,
+    _chunk4PZLEYONcjs.Icon,
     {
       name: rightIcon.name,
       width: rightIcon.width ? rightIcon.width : 12,

package/dist/{chunk-XSN4IRUE.js → chunk-KQH5FTRZ.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-R44KNXWJ.js";
+} from "./chunk-BBA4F3CO.js";
 import {
   StyledLabel,
   getPropDefaults
-} from "./chunk-C3I42MEE.js";
+} from "./chunk-HP327W32.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-GYFYOAO2.cjs → chunk-KZOTKUFA.cjs}

@@ -1,34 +1,34 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCU6RWGR5cjs = require('./chunk-CU6RWGR5.cjs');
+var _chunk6SW3YUOScjs = require('./chunk-6SW3YUOS.cjs');
 
 
-var _chunkW2Y7RKIEcjs = require('./chunk-W2Y7RKIE.cjs');
+var _chunkUGLV6KNBcjs = require('./chunk-UGLV6KNB.cjs');
 
 
-var _chunk22Q6UJGLcjs = require('./chunk-22Q6UJGL.cjs');
+var _chunkBB4ZAFU4cjs = require('./chunk-BB4ZAFU4.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.cjs');
 
 
-var _chunk4FVDOZDAcjs = require('./chunk-4FVDOZDA.cjs');
+var _chunkM3TXRVC3cjs = require('./chunk-M3TXRVC3.cjs');
 
 
-var _chunk7CH3ABUNcjs = require('./chunk-7CH3ABUN.cjs');
+var _chunkRLSG4BCFcjs = require('./chunk-RLSG4BCF.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunk6SDFZ57Lcjs = require('./chunk-6SDFZ57L.cjs');
+var _chunk4NCWQQA2cjs = require('./chunk-4NCWQQA2.cjs');
 
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkLL3KJ7DBcjs = require('./chunk-LL3KJ7DB.cjs');
 
 
 
@@ -73,11 +73,11 @@ function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;
   const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
   let backgroundColorKey = defaultBackgroundColorKey;
-  if (!backgroundColorKey && _chunkLPTWQ2KPcjs.isThemeOrColorKey.call(void 0, kind)) {
+  if (!backgroundColorKey && _chunkLL3KJ7DBcjs.isThemeOrColorKey.call(void 0, kind)) {
     backgroundColorKey = kind;
   }
   const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunkLPTWQ2KPcjs.getBackgroundColor.call(void 0, 
+  const backgroundColor = _chunkLL3KJ7DBcjs.getBackgroundColor.call(void 0, 
     theme,
     backgroundColorKey,
     defaultBackgroundColor
@@ -199,6 +199,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
     loading = false,
     loadingKind = "primary",
     fullWidth = false,
+    spaceBetween = false,
     disabled = false,
     mt = 0,
     ml = 0,
@@ -221,7 +222,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         typography,
         kind,
         paddingX,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCU6RWGR5cjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6SW3YUOScjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -234,7 +235,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         kind,
         paddingX,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk5R7OENS4cjs.Icon,
+          _chunk4PZLEYONcjs.Icon,
           _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, icon), {
             width: icon.width || defaultIconWidth,
             square: icon.square === void 0 ? true : icon.square,
@@ -251,7 +252,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         css: {
           display: "flex",
           alignItems: "center",
-          justifyContent: "center",
+          justifyContent: spaceBetween ? "space-between" : "center",
           gap: "8px"
         },
         children: [
@@ -263,7 +264,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              children: _chunk7CH3ABUNcjs.renderTypography.call(void 0, typography.type, {
+              children: _chunkRLSG4BCFcjs.renderTypography.call(void 0, typography.type, {
                 children: text,
                 color: typography.color,
                 size: typography.size
@@ -274,7 +275,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         ]
       })
     ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW2Y7RKIEcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUGLV6KNBcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
   const commonProps = {
     id,
@@ -361,7 +362,7 @@ var buttonStyle = ({
 
     ${zIndex && `z-index: ${zIndex};`}
 
-    ${_chunk6SDFZ57Lcjs.applyTypography.call(void 0, 
+    ${_chunk4NCWQQA2cjs.applyTypography.call(void 0, 
     theme,
     typography.type,
     typography.size,
@@ -369,7 +370,7 @@ var buttonStyle = ({
   )}
 
     &:focus-visible {
-      outline: ${_chunkUL22WLXRcjs.getFocusOutline.call(void 0, { theme })};
+      outline: ${_chunkYSMG5R44cjs.getFocusOutline.call(void 0, { theme })};
       /* Slightly different offset for buttons so the outline is visible: */
       outline-offset: 0px;
     }
@@ -409,9 +410,9 @@ var ButtonIcon = _styled2.default.div`
   ${({ iconSide, paddingX }) => `${iconSide}: ${paddingX}px;`}
 `;
 var LinkWithoutTypography = _react3.forwardRef.call(void 0, (props, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4FVDOZDAcjs.Link, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { ref }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM3TXRVC3cjs.Link, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { ref }));
 });
-var StyledButton = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`