@lightsparkdev/ui 1.0.7 → 1.0.8

package/dist/{chunk-H24ZXPN3.cjs → chunk-FRASE266.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkSODYHHOBcjs = require('./chunk-SODYHHOB.cjs');
+var _chunk4P7RPU32cjs = require('./chunk-4P7RPU32.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 = _chunkSODYHHOBcjs.firstChild.call(void 0, `margin-top: 0;`);
+var firstChildStyles = _chunk4P7RPU32cjs.firstChild.call(void 0, `margin-top: 0;`);
 var headings = {
   h1: _styled2.default.h1`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkSODYHHOBcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
+    font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
     font-weight: ${({ light }) => light ? 400 : 800}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkSODYHHOBcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
+      font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
     `)}
   `,
   h2: _styled2.default.h2`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkSODYHHOBcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
+    font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
     font-weight: ${({ light }) => light ? 400 : 700}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkSODYHHOBcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
+      font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
     `)}
   `,
   h3: _styled2.default.h3`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkSODYHHOBcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
+    font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
     font-weight: ${({ light }) => light ? 400 : 700}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkSODYHHOBcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
+      font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
     `)}
   `,
   h4: _styled2.default.h4`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkSODYHHOBcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
+    font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
     font-weight: ${({ light }) => light ? 400 : 600}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkSODYHHOBcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
+      font-size: ${_chunk4P7RPU32cjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
     `)}
   `
 };

package/dist/chunk-G5HBO2FI.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/typography/typographyStyles.tsx
+var _react = require('@emotion/react');
+var typographyStyles = ({
+  /* theme, size, colorProp, */
+  block: blockProp,
+  hideOverflow,
+  displayProp
+}) => {
+  const displayValue = blockProp || hideOverflow ? "block" : displayProp || null;
+  return _react.css`
+    /* Margins should always be set in parent style contexts eg Article: */
+    margin: 0;
+
+    ${displayValue ? `display: ${displayValue};` : ""}
+    ${hideOverflow ? "overflow: hidden; text-overflow: ellipsis;" : ""}
+  `;
+};
+
+
+
+exports.typographyStyles = typographyStyles;

package/dist/{chunk-DPK5MAQL.js → chunk-GB2UBWT4.js}

@@ -1,28 +1,46 @@
 import {
   toNonTypographicReactNodes
-} from "./chunk-J2NLRI2M.js";
+} from "./chunk-UC6SP4KJ.js";
+import {
+  typographyStyles
+} from "./chunk-EGOOSBGG.js";
 import {
   applyTypography
-} from "./chunk-L3BNIBK3.js";
+} from "./chunk-GHXNMLAB.js";
 
 // src/components/typography/Label.tsx
 import styled from "@emotion/styled";
 import { jsx } from "@emotion/react/jsx-runtime";
 var Label = ({
-  content,
+  block = false,
+  children,
   color,
-  size = "Medium",
-  children
+  content,
+  display,
+  hideOverflow = false,
+  id,
+  size = "Medium"
 }) => {
   let reactNodes = children || null;
   if (content) {
     reactNodes = toNonTypographicReactNodes(content);
   }
-  return /* @__PURE__ */ jsx(StyledLabel, { size, colorProp: color, children: reactNodes });
+  return /* @__PURE__ */ jsx(
+    StyledLabel,
+    {
+      block,
+      colorProp: color,
+      displayProp: display,
+      hideOverflow,
+      id,
+      size,
+      children: reactNodes
+    }
+  );
 };
 var StyledLabel = styled.span`
   ${({ theme, size, colorProp }) => applyTypography(theme, "Label", size, colorProp)}
-  cursor: inherit;
+  ${typographyStyles}
 `;
 
 export {

package/dist/{chunk-ZJTRXOA5.cjs → chunk-GCE3EVF6.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk73LM7UGPcjs = require('./chunk-73LM7UGP.cjs');
+var _chunkMSBDBEM7cjs = require('./chunk-MSBDBEM7.cjs');
 
 
 
@@ -8,7 +8,7 @@ var _chunk73LM7UGPcjs = require('./chunk-73LM7UGP.cjs');
 
 
 
-var _chunkHKSBGUB7cjs = require('./chunk-HKSBGUB7.cjs');
+var _chunkAZRC3MXCcjs = require('./chunk-AZRC3MXC.cjs');
 
 
 
@@ -26,12 +26,12 @@ function toReactNodes(toReactNodesArg) {
       return null;
     } else if (typeof node !== "string" && "typography" in node && node.typography.type) {
       const props = node.typography.props || {};
-      content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _chunk73LM7UGPcjs.renderTypography.call(void 0, 
+      content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _chunkMSBDBEM7cjs.renderTypography.call(void 0, 
         node.typography.type,
         Object.assign(props, { content: node })
       ) }, `typography-${i}-${node.text.substr(0, 10)}`);
     } else {
-      content = _chunkHKSBGUB7cjs.toNonTypographicReactNodes.call(void 0, node);
+      content = _chunkAZRC3MXCcjs.toNonTypographicReactNodes.call(void 0, node);
     }
     return content || null;
   });
@@ -40,7 +40,7 @@ function toReactNodes(toReactNodesArg) {
 function setReactNodesTypography(nodesArg, nodesTypographyMap, replaceExistingTypography = true) {
   const nodes = Array.isArray(nodesArg) ? nodesArg : [nodesArg];
   const nodesWithTypography = nodes.map((node, i) => {
-    if (_chunkHKSBGUB7cjs.isIconNode.call(void 0, node)) {
+    if (_chunkAZRC3MXCcjs.isIconNode.call(void 0, node)) {
       return node;
     } else if (typeof node === "string") {
       if (nodesTypographyMap.text) {
@@ -53,25 +53,25 @@ function setReactNodesTypography(nodesArg, nodesTypographyMap, replaceExistingTy
       return node;
     }
     const useExistingTypography = !replaceExistingTypography && _lodashes.isObject.call(void 0, node) && "typography" in node ? node.typography : void 0;
-    if (_chunkHKSBGUB7cjs.isLinkNode.call(void 0, node)) {
+    if (_chunkAZRC3MXCcjs.isLinkNode.call(void 0, node)) {
       if (nodesTypographyMap.link) {
         return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, node), {
           typography: useExistingTypography || nodesTypographyMap.link
         });
       }
-    } else if (_chunkHKSBGUB7cjs.isExternalLinkNode.call(void 0, node)) {
+    } else if (_chunkAZRC3MXCcjs.isExternalLinkNode.call(void 0, node)) {
       if (nodesTypographyMap.externalLink) {
         return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, node), {
           typography: useExistingTypography || nodesTypographyMap.externalLink
         });
       }
-    } else if (_chunkHKSBGUB7cjs.isNextLinkNode.call(void 0, node)) {
+    } else if (_chunkAZRC3MXCcjs.isNextLinkNode.call(void 0, node)) {
       if (nodesTypographyMap.nextLink) {
         return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, node), {
           typography: useExistingTypography || nodesTypographyMap.nextLink
         });
       }
-    } else if (_chunkHKSBGUB7cjs.isTextNode.call(void 0, node)) {
+    } else if (_chunkAZRC3MXCcjs.isTextNode.call(void 0, node)) {
       if (nodesTypographyMap.text) {
         return _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, node), {
           typography: useExistingTypography || nodesTypographyMap.text

package/dist/{chunk-L3BNIBK3.js → chunk-GHXNMLAB.js}

@@ -1,9 +1,9 @@
 import {
   getFontColor
-} from "./chunk-I4NIA4SD.js";
+} from "./chunk-W5I53DTZ.js";
 import {
   getTypographyString
-} from "./chunk-ENBUKLVT.js";
+} from "./chunk-24PXYMSU.js";
 
 // src/styles/typography.tsx
 var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {

package/dist/{chunk-CRVO2CAL.cjs → chunk-GWCVYEJG.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCWGZNP4Ncjs = require('./chunk-CWGZNP4N.cjs');
+var _chunkYJJBABLWcjs = require('./chunk-YJJBABLW.cjs');
 
 
 var _chunkQCJWZRIPcjs = require('./chunk-QCJWZRIP.cjs');
 
 
-var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
 
 
 var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
 
 
 
@@ -48,7 +48,7 @@ function TextButton({
   }
   const defaultIconColor = iconMatchTextColor ? void 0 : "mcNeutral";
   const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkCWGZNP4Ncjs.TextIconAligner,
+    _chunkYJJBABLWcjs.TextIconAligner,
     {
       onClick,
       leftIcon: leftIcon ? {
@@ -93,7 +93,7 @@ var buttonStyle = ({
   padding: ${padding};
 
   &:focus-visible {
-    outline: ${_chunkMNAZ4BDQcjs.getFocusOutline.call(void 0, { theme })};
+    outline: ${_chunkPYL3O7AFcjs.getFocusOutline.call(void 0, { theme })};
   }
 
   & > * {
@@ -103,7 +103,7 @@ var buttonStyle = ({
     cursor: ${disabled ? "not-allowed" : "pointer"};
   }
 `;
-var StyledButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonLink = _styled2.default.call(void 0, _chunkQCJWZRIPcjs.Link)`

package/dist/{chunk-5GYVOXMF.js → chunk-H2OQXO5Z.js}

@@ -1,13 +1,13 @@
 import {
   Pill
-} from "./chunk-TWG7OQT7.js";
+} from "./chunk-MBZSVLKB.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-OGJLMW37.js";
+} from "./chunk-RZMG2TID.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-QQTZ6DZL.js";
 
 // src/components/FileInput.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-SQ5NGX4J.cjs → chunk-HJCROZDQ.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMJ63JHE3cjs = require('./chunk-MJ63JHE3.cjs');
+var _chunkV5DGRLV7cjs = require('./chunk-V5DGRLV7.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
 
 
@@ -16,12 +16,12 @@ var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var AnchorLinkHeader = (props) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMJ63JHE3cjs.DocsHeadline, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, props), { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkV5DGRLV7cjs.DocsHeadline, _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, props), { children: [
     props.children,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconWrapper, { name: "AnchorLink", color: props.color, width: 0 })
   ] })) });
 };
-var IconWrapper = _styled2.default.call(void 0, _chunkCB3IFR2Xcjs.Icon)`
+var IconWrapper = _styled2.default.call(void 0, _chunkBY47I7ZPcjs.Icon)`
   width: 20px;
   opacity: 0;
   margin: 0 0 4px -20px;

package/dist/{chunk-OEDDEF6C.js → chunk-HN6NGIKM.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-QQTZ6DZL.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-ZV5IAOIM.js → chunk-HOKT6NQP.js}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-DPK5MAQL.js";
+} from "./chunk-GB2UBWT4.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-XUIS5P5Z.js → chunk-HOR467ZW.js}

@@ -1,12 +1,12 @@
 import {
   DocsHeadline
-} from "./chunk-MXR7SFIZ.js";
+} from "./chunk-BBPNYL4K.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-QQTZ6DZL.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-A6V6LC6W.js → chunk-HSBQGWYB.js}

@@ -1,15 +1,15 @@
 import {
   CopyToClipboardButton
-} from "./chunk-EKU37RBB.js";
+} from "./chunk-F4RWDLPI.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-JQV6H76U.js";
+} from "./chunk-DNRHVCOE.js";
 import {
   standardBorderRadius
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-APUV4UN4.js";
 import {
   themeOr
-} from "./chunk-I4NIA4SD.js";
+} from "./chunk-W5I53DTZ.js";
 import {
   colors
 } from "./chunk-REL56P3K.js";

package/dist/{chunk-3FA4RQGH.cjs → chunk-HTFKWW4S.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXZG2GZWIcjs = require('./chunk-XZG2GZWI.cjs');
+var _chunkBD3WXMLEcjs = require('./chunk-BD3WXMLE.cjs');
 
 
-var _chunk73LM7UGPcjs = require('./chunk-73LM7UGP.cjs');
+var _chunkMSBDBEM7cjs = require('./chunk-MSBDBEM7.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -12,26 +12,26 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkQCJWZRIPcjs = require('./chunk-QCJWZRIP.cjs');
 
 
-var _chunkIXV57HL7cjs = require('./chunk-IXV57HL7.cjs');
+var _chunkZBBVZQKJcjs = require('./chunk-ZBBVZQKJ.cjs');
 
 
-var _chunkYHQVDAZWcjs = require('./chunk-YHQVDAZW.cjs');
+var _chunkLZ24FX6Ccjs = require('./chunk-LZ24FX6C.cjs');
 
 
-var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
 
 
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+var _chunkWTHHP7G2cjs = require('./chunk-WTHHP7G2.cjs');
 
 
-var _chunkEKCGBLIHcjs = require('./chunk-EKCGBLIH.cjs');
+var _chunkTMTEVKSDcjs = require('./chunk-TMTEVKSD.cjs');
 
 
 
@@ -52,23 +52,24 @@ var buttonKinds = [
   "purple55",
   "blue43",
   "blue39",
-  "danger"
+  "danger",
+  "tertiary"
 ];
 var roundPaddingsX = {
-  [_chunkEKCGBLIHcjs.TokenSize.ExtraSmall]: 10,
-  [_chunkEKCGBLIHcjs.TokenSize.Small]: 10,
-  [_chunkEKCGBLIHcjs.TokenSize.Schmedium]: 10,
-  [_chunkEKCGBLIHcjs.TokenSize.Medium]: 14,
-  [_chunkEKCGBLIHcjs.TokenSize.Mlarge]: 19,
-  [_chunkEKCGBLIHcjs.TokenSize.Large]: 19
+  [_chunkTMTEVKSDcjs.TokenSize.ExtraSmall]: 10,
+  [_chunkTMTEVKSDcjs.TokenSize.Small]: 10,
+  [_chunkTMTEVKSDcjs.TokenSize.Schmedium]: 10,
+  [_chunkTMTEVKSDcjs.TokenSize.Medium]: 14,
+  [_chunkTMTEVKSDcjs.TokenSize.Mlarge]: 19,
+  [_chunkTMTEVKSDcjs.TokenSize.Large]: 19
 };
 var paddingsX = {
-  [_chunkEKCGBLIHcjs.TokenSize.ExtraSmall]: 16,
-  [_chunkEKCGBLIHcjs.TokenSize.Small]: 24,
-  [_chunkEKCGBLIHcjs.TokenSize.Schmedium]: 24,
-  [_chunkEKCGBLIHcjs.TokenSize.Medium]: 24,
-  [_chunkEKCGBLIHcjs.TokenSize.Mlarge]: 24,
-  [_chunkEKCGBLIHcjs.TokenSize.Large]: 24
+  [_chunkTMTEVKSDcjs.TokenSize.ExtraSmall]: 16,
+  [_chunkTMTEVKSDcjs.TokenSize.Small]: 24,
+  [_chunkTMTEVKSDcjs.TokenSize.Schmedium]: 24,
+  [_chunkTMTEVKSDcjs.TokenSize.Medium]: 24,
+  [_chunkTMTEVKSDcjs.TokenSize.Mlarge]: 24,
+  [_chunkTMTEVKSDcjs.TokenSize.Large]: 24
 };
 function getPaddingX(size, kind, isRound) {
   return kind === "ghost" ? 0 : isRound ? roundPaddingsX[size] : paddingsX[size];
@@ -82,11 +83,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 && _chunkPDZ23BEDcjs.isThemeOrColorKey.call(void 0, kind)) {
+  if (!backgroundColorKey && _chunkWTHHP7G2cjs.isThemeOrColorKey.call(void 0, kind)) {
     backgroundColorKey = kind;
   }
   const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunkPDZ23BEDcjs.getBackgroundColor.call(void 0, 
+  const backgroundColor = _chunkWTHHP7G2cjs.getBackgroundColor.call(void 0, 
     theme,
     backgroundColorKey,
     defaultBackgroundColor
@@ -202,7 +203,7 @@ function Button(props) {
         text,
         typography,
         kind,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZG2GZWIcjs.Loading, { size: iconSize, center: false, kind: loadingKind })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBD3WXMLEcjs.Loading, { size: iconSize, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -213,7 +214,7 @@ function Button(props) {
         text,
         typography,
         kind,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: icon, width: iconSize, color: typography.color })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: icon, width: iconSize, color: typography.color })
       }
     );
   }
@@ -236,7 +237,7 @@ function Button(props) {
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              children: _chunk73LM7UGPcjs.renderTypography.call(void 0, typography.type, {
+              children: _chunkMSBDBEM7cjs.renderTypography.call(void 0, typography.type, {
                 content: text,
                 color: typography.color,
                 size
@@ -247,7 +248,7 @@ function Button(props) {
         ]
       })
     ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYHQVDAZWcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLZ24FX6Ccjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
   const isSingleCharRoundButton = Boolean(text && text.length === 1 && !icon);
   const commonProps = {
@@ -315,7 +316,7 @@ var buttonStyle = ({
 
     ${zIndex && `z-index: ${zIndex};`}
 
-    ${_chunkIXV57HL7cjs.applyTypography.call(void 0, 
+    ${_chunkZBBVZQKJcjs.applyTypography.call(void 0, 
     theme,
     typography.type,
     typography.size,
@@ -323,7 +324,7 @@ var buttonStyle = ({
   )}
 
     &:focus-visible {
-      outline: ${_chunkMNAZ4BDQcjs.getFocusOutline.call(void 0, { theme })};
+      outline: ${_chunkPYL3O7AFcjs.getFocusOutline.call(void 0, { theme })};
       /* Slightly different offset for buttons so the outline is visible: */
       outline-offset: 0px;
     }
@@ -359,7 +360,7 @@ var buttonStyle = ({
 var ButtonIcon = _styled2.default.div`
   ${({ iconSide, kind, typography }) => `${iconSide}: ${getPaddingX(typography.size, kind, false)}px;`}
 `;
-var StyledButton = _styled2.default.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonLink = _styled2.default.call(void 0, _chunkQCJWZRIPcjs.Link)`

package/dist/{chunk-WWCUEEMH.cjs → chunk-IFT6NJX4.cjs}

@@ -3,13 +3,13 @@
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkSODYHHOBcjs = require('./chunk-SODYHHOB.cjs');
+var _chunk4P7RPU32cjs = require('./chunk-4P7RPU32.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
 
 // src/components/Collapsible.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -54,7 +54,7 @@ function Collapsible({
         {
           isOpen,
           useCustomIcon: openIcon !== void 0 && closeIcon !== void 0,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { width: iconWidth, name: iconName })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { width: iconWidth, name: iconName })
         }
       )
     ] }),
@@ -73,7 +73,7 @@ var StyledCollapsibleButton = _styled2.default.button`
   background: none;
   border: none;
   cursor: pointer;
-  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkPYL3O7AFcjs.standardBorderRadius.call(void 0, 8)}
   padding: 0;
 `;
 var IconContainer = _styled2.default.div`
@@ -95,7 +95,7 @@ var CollapsingContainer = _styled2.default.div`
   ${(props) => props.isOpen ? `height: 100%; animation-name: fadeIn;` : `height: 0; animation-name: fadeOut;`}
   ${(props) => props.full ? `height: ${props.isOpen ? "100vh" : 0};` : ""}
 
-  ${_chunkSODYHHOBcjs.overflowAutoWithoutScrollbars}
+  ${_chunk4P7RPU32cjs.overflowAutoWithoutScrollbars}
 
   @keyframes fadeIn {
     from {

package/dist/{chunk-IMJG5CTO.cjs → chunk-IJ4XF2NA.cjs}

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

package/dist/{chunk-CBPPDWW7.js → chunk-ISVMIEHD.js}

@@ -6,21 +6,21 @@ import {
 } from "./chunk-34MTU3ER.js";
 import {
   UnstyledButton
-} from "./chunk-H47HIU2F.js";
+} from "./chunk-E7RKIBJY.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-QQTZ6DZL.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-APUV4UN4.js";
 import {
   themeOr
-} from "./chunk-I4NIA4SD.js";
+} from "./chunk-W5I53DTZ.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-FQIT2EG7.js → chunk-JSOZMOEJ.js}

@@ -1,7 +1,7 @@
 import {
   firstChild,
   pxToRems
-} from "./chunk-JQV6H76U.js";
+} from "./chunk-DNRHVCOE.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-YKVROUDH.js → chunk-JWGDZRNN.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-7LT4PQQ7.js";
+} from "./chunk-DGS7USD6.js";
 import {
   IconContainer
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-QQTZ6DZL.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";