@lightsparkdev/ui 1.0.9 → 1.0.11

package/dist/chunk-DJF6JDR5.cjs

@@ -0,0 +1,168 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkQ7C5LR6Icjs = require('./chunk-Q7C5LR6I.cjs');
+
+
+var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+
+
+
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+
+
+var _chunk6PYUHYIPcjs = require('./chunk-6PYUHYIP.cjs');
+
+// src/components/PendingValue.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _react3 = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var bgPosition = _react.keyframes`
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+`;
+function PendingValue({
+  animate = true,
+  content: contentProp,
+  typography: typographyProp,
+  width,
+  forceTheme,
+  fullSizePending = false
+}) {
+  const defaultTypography = {
+    type: (typographyProp == null ? void 0 : typographyProp.type) || "Body",
+    size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
+    color: (typographyProp == null ? void 0 : typographyProp.color) || "text",
+    hideOverflow: true
+  };
+  const defaultTypographyMap = {
+    link: defaultTypography,
+    text: defaultTypography,
+    nextLink: defaultTypography
+  };
+  const nodesWithTypography = _chunkQ7C5LR6Icjs.setDefaultReactNodesTypography.call(void 0, 
+    contentProp,
+    defaultTypographyMap
+  );
+  const content = _chunk36SDWEWYcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    StyledPendingValueContent,
+    {
+      typographyType: defaultTypography.type,
+      typographySize: defaultTypography.size,
+      children: content
+    }
+  );
+  const nodes = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react3.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      StyledPendingValueBgOuter,
+      {
+        typographyType: defaultTypography.type,
+        typographySize: defaultTypography.size,
+        widthProp: width,
+        hasContent: !!contentProp,
+        fullSizePending,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            StyledPendingValueBg,
+            {
+              visible: !contentProp,
+              fullSizePending,
+              animate
+            }
+          ),
+          fullSizePending ? null : contentNode
+        ]
+      }
+    ),
+    fullSizePending ? contentNode : null
+  ] });
+  return forceTheme ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.ThemeProvider, { theme: _chunk7EIZIKLRcjs.themes[forceTheme], children: nodes }) : nodes;
+}
+var StyledPendingValueBgOuter = _styled2.default.div`
+  position: relative;
+  height: ${({ typographyType, typographySize, theme }) => _chunk6PYUHYIPcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
+
+  ${({ widthProp, hasContent }) => widthProp && !hasContent ? `width: ${widthProp}px;` : "width: 100%;"}
+  overflow: hidden;
+  max-width: 100%;
+
+  ${({ fullSizePending }) => {
+  if (fullSizePending) {
+    return `
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        height: 100%;
+        width: 100%;
+      `;
+  }
+  return "";
+}}
+`;
+var StyledPendingValueContent = _styled2.default.div`
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+
+  height: ${({ typographyType, typographySize, theme }) => _chunk6PYUHYIPcjs.getLineHeightForTypographyType.call(void 0, typographyType, typographySize, theme)};
+`;
+var vSpacing = 2;
+var StyledPendingValueBg = _styled2.default.div`
+  z-index: 0;
+  width: 100%;
+  position: absolute;
+
+  ${({ fullSizePending }) => {
+  if (fullSizePending) {
+    return `
+        height: 100%;
+        top: 0;
+      `;
+  }
+  return `
+      height: calc(100% - ${vSpacing * 2}px);
+      top: ${vSpacing}px;
+      border-radius: 999px;
+    `;
+}}
+
+  ${({ visible }) => visible ? "opacity: 1;" : "opacity: 0;"}
+
+  background: linear-gradient(
+    90deg,
+    ${_chunk7EIZIKLRcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 0%,
+    ${_chunk7EIZIKLRcjs.themeOrWithKey.call(void 0, "c1Neutral", "c3Neutral")} 50%,
+    ${_chunk7EIZIKLRcjs.themeOrWithKey.call(void 0, "c05Neutral", "c25Neutral")} 100%
+  );
+
+  background-size: 200% 100%;
+  background-position: 0% 0%;
+
+  @keyframes rotate {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  ${({ animate }) => {
+  return animate ? _react.css`
+          animation: ${bgPosition} 2s linear infinite;
+        ` : "";
+}}
+`;
+
+
+
+
+
+exports.PendingValue = PendingValue; exports.StyledPendingValueContent = StyledPendingValueContent; exports.StyledPendingValueBg = StyledPendingValueBg;

package/dist/{chunk-N4HNDEUN.cjs → chunk-DJGCES5L.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
-var _chunk2ZRPJUTYcjs = require('./chunk-2ZRPJUTY.cjs');
+var _chunkQEG4FMH4cjs = require('./chunk-QEG4FMH4.cjs');
 
 // src/components/CurrencyAmount.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -23,10 +23,11 @@ function CurrencyAmount({
   fullPrecision = false,
   id,
   ml = 0,
-  typography
+  typography,
+  unitsPerBtc
 }) {
   const unit = displayUnit;
-  const amountMap = _core.isCurrencyMap.call(void 0, amount) ? amount : _core.mapCurrencyAmount.call(void 0, amount);
+  const amountMap = _core.isCurrencyMap.call(void 0, amount) ? amount : _core.mapCurrencyAmount.call(void 0, amount, unitsPerBtc);
   const value = amountMap[unit];
   const defaultFormattedNumber = amountMap.formatted[unit];
   let formattedNumber = defaultFormattedNumber;
@@ -46,10 +47,10 @@ function CurrencyAmount({
   }
   let content = formattedNumber;
   if (typography && typography.type) {
-    content = _chunk2ZRPJUTYcjs.renderTypography.call(void 0, typography.type, {
+    content = _chunkQEG4FMH4cjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
-      content: formattedNumber
+      children: formattedNumber
     });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCurrencyAmount, { ml, id, children: [
@@ -61,9 +62,9 @@ function CurrencyAmount({
 var CurrencyIcon = ({ unit }) => {
   switch (unit) {
     case _core.CurrencyUnit.BITCOIN:
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "BitcoinB", width: 8, verticalAlign: -2, mr: 2 });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "BitcoinB", width: 8, verticalAlign: -2, mr: 2 });
     case _core.CurrencyUnit.SATOSHI:
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Satoshi", width: 8, verticalAlign: -2, mr: 2 });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Satoshi", width: 8, verticalAlign: -2, mr: 2 });
     default:
       return null;
   }

package/dist/{chunk-ZOGUEOAS.js → chunk-DJUJUVUY.js}

@@ -3,46 +3,46 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-PFBJ4FWY.js";
+} from "./chunk-N5BFM67M.js";
 import {
   Dropdown
-} from "./chunk-5NMI3YI4.js";
+} from "./chunk-VAQBWNQQ.js";
 import {
   standardBorderColor
-} from "./chunk-W5NH2F3D.js";
+} from "./chunk-UGHP4KVZ.js";
 import {
   Badge,
   badgeSmVPadding
-} from "./chunk-E32ZLOWY.js";
+} from "./chunk-BHBDIEBG.js";
 import {
   Heading,
   headingWithDefaults
-} from "./chunk-LJLT2RRW.js";
-import {
-  select
-} from "./chunk-YMNSXZ5D.js";
+} from "./chunk-HLLTNMEO.js";
 import {
   Loading
-} from "./chunk-QJPQJXJ2.js";
+} from "./chunk-AQ4L3IR5.js";
 import {
   UnstyledButton
-} from "./chunk-EYWGUIVP.js";
+} from "./chunk-7SNXBUCU.js";
 import {
   toReactNodes
-} from "./chunk-NXSA7WNB.js";
+} from "./chunk-2I22MYIY.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   standardBorderRadius,
   standardLineHeightEms
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YBJVTNAP.js";
+import {
+  select
+} from "./chunk-YMNSXZ5D.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   colors
-} from "./chunk-RTRS42I3.js";
+} from "./chunk-MN4NUSPL.js";
 import {
   __spreadValues
 } from "./chunk-CWMXXUWU.js";

package/dist/{chunk-QXSIVX4U.js → chunk-DLBPASW7.js}

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

package/dist/{chunk-O7EVPXE5.js → chunk-DMGDCXCZ.js}

@@ -1,18 +1,18 @@
 import {
   flexCenter
-} from "./chunk-IGZYEIQS.js";
+} from "./chunk-CD4D43OU.js";
 import {
   Loading
-} from "./chunk-QJPQJXJ2.js";
+} from "./chunk-AQ4L3IR5.js";
 import {
   UnstyledButton
-} from "./chunk-EYWGUIVP.js";
+} from "./chunk-7SNXBUCU.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   colors
-} from "./chunk-RTRS42I3.js";
+} from "./chunk-MN4NUSPL.js";
 
 // src/components/Pill.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-VSBIQ3WK.cjs → chunk-DOP5TYRD.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
 
 
-var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 // src/components/Toggle.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -47,8 +47,8 @@ function Toggle({
 var width = 44;
 var circleDim = 20;
 var circleOffset = 2;
-var ToggleButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
-  color: ${_chunkO7USIZI6cjs.colors.white};
+var ToggleButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
+  color: ${_chunkCFG65CGCcjs.colors.white};
   font-weight: 500;
   border-radius: 44px;
   width: ${width}px;
@@ -60,7 +60,7 @@ var ToggleButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButto
   } else if (isOn) {
     return theme.success;
   }
-  return _chunkJX6HEEEQcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
+  return _chunk7EIZIKLRcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
 }};
   position: relative;
   &:after {
@@ -72,7 +72,7 @@ var ToggleButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButto
     box-shadow:
       0 3px 8px 0 rgba(0, 0, 0, 0.15),
       0 3px 1px 0 rgba(0, 0, 0, 0.06);
-    background-color: ${_chunkO7USIZI6cjs.colors.white};
+    background-color: ${_chunkCFG65CGCcjs.colors.white};
     width: ${circleDim}px;
     height: ${circleDim}px;
     top: ${circleOffset}px;

package/dist/{chunk-X65D3BZG.cjs → chunk-E2O6ZL3X.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUGGHTD3Vcjs = require('./chunk-UGGHTD3V.cjs');
+var _chunkVVPSBX5Ocjs = require('./chunk-VVPSBX5O.cjs');
 
 
 var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
 
 
-var _chunkGFKY6YX2cjs = require('./chunk-GFKY6YX2.cjs');
+var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
 
 
-var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
 
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -107,12 +107,12 @@ function ReadClipboardButton({
         hasError: Boolean(errorMsg),
         onMouseUp: onDeleteMouseUp,
         children: autoButtonText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7QXYBPSJcjs.UnstyledButton,
+          _chunkWVBMQP6Ocjs.UnstyledButton,
           {
             onClick: onClickAutoButton,
             css: { cursor: "pointer" },
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkUGGHTD3Vcjs.Pill,
+              _chunkVVPSBX5Ocjs.Pill,
               {
                 text: autoButtonText,
                 icon: "MagicWand",
@@ -123,12 +123,12 @@ function ReadClipboardButton({
             )
           }
         ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton, { onClick, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Copy", width: 19 }),
+          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton, { onClick, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Copy", width: 19 }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "8px" }, children: description })
           ] }) : null,
           value || isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkUGGHTD3Vcjs.Pill,
+            _chunkVVPSBX5Ocjs.Pill,
             {
               text: value,
               onDeleteMouseDown,
@@ -145,9 +145,9 @@ function ReadClipboardButton({
         ] })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNVVAOGNLcjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBCPM2M3Ycjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGFKY6YX2cjs.TextInput,
+    _chunkO64MW4Z4cjs.TextInput,
     {
       onChange: onChangeTextInput,
       value,
@@ -157,7 +157,7 @@ function ReadClipboardButton({
   ) });
 }
 var ReadClipboardButtonContainer = _styled2.default.div`
-  ${({ theme, hasAddress, hasError }) => _chunkNVVAOGNLcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
+  ${({ theme, hasAddress, hasError }) => _chunkBCPM2M3Ycjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
 `;
 
 

package/dist/{chunk-ZARPNNHA.js → chunk-E6A3UWLO.js}

@@ -1,15 +1,15 @@
 import {
   InfoIconTooltip
-} from "./chunk-3NCG3JGI.js";
+} from "./chunk-NHRJSG5K.js";
 import {
   Label
-} from "./chunk-W5NH2F3D.js";
+} from "./chunk-UGHP4KVZ.js";
 import {
   link
 } from "./chunk-G5IVQ4O3.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   addCommasToDigits
 } from "./chunk-EDN2QDCB.js";

package/dist/chunk-ELDHCMGP.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+
+
+
+var _chunkBSE5JREJcjs = require('./chunk-BSE5JREJ.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/Body.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Body(props) {
+  const propsWithDefaults = _chunkBSE5JREJcjs.getPropDefaults.call(void 0, props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = _chunk36SDWEWYcjs.toReactNodes.call(void 0, props.content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBSE5JREJcjs.StyledBody, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.Body = Body;

package/dist/{chunk-GUGOSES5.js → chunk-EVYCZKU3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   overlaySurface
-} from "./chunk-ZMK4RE5I.js";
+} from "./chunk-YBJVTNAP.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-FC3TPOZG.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+
+
+
+var _chunkXNFMMEBEcjs = require('./chunk-XNFMMEBE.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/Title.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Title(props) {
+  const propsWithDefaults = _chunkXNFMMEBEcjs.getPropDefaults.call(void 0, props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = _chunk36SDWEWYcjs.toReactNodes.call(void 0, props.content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXNFMMEBEcjs.StyledTitle, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.Title = Title;

package/dist/{chunk-ST3UQPZY.cjs → chunk-FDL4732L.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 // src/components/Loading.tsx
 var _react = require('@emotion/react');
@@ -16,7 +16,7 @@ function Loading({
 }) {
   const theme = _react.useTheme.call(void 0, );
   const iconName = resolveLoadingProp(null, kind, "defaultIconName", theme);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingWrapper, { center, ml, mt, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Rotate, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: iconName, width: size }) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingWrapper, { center, ml, mt, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Rotate, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: iconName, width: size }) }) });
 }
 var LoadingWrapper = _styled2.default.div`
   flex-grow: 1;

package/dist/{chunk-U4Y4CF4A.js → chunk-FH6BM3M7.js}

@@ -1,9 +1,9 @@
 import {
   getFontColor
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-HYUF4RXZ.js";
 import {
   getTypographyString
-} from "./chunk-VASG2BKI.js";
+} from "./chunk-YQP6BIJN.js";
 
 // src/styles/typography.tsx
 var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {

package/dist/{chunk-3H2DMMGU.cjs → chunk-FLFVAIIX.cjs}

@@ -3,16 +3,16 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkGIZQB46Vcjs = require('./chunk-GIZQB46V.cjs');
+var _chunkIUVXBD5Jcjs = require('./chunk-IUVXBD5J.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
+var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
 
 // src/components/PageSection/PageSectionNav.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,24 +41,24 @@ var PageSectionList = _styled2.default.ul`
 `;
 var StyledPageSectionNavItem = _styled2.default.li`
   align-items: center;
-  color: ${_chunkO7USIZI6cjs.colors.gray40};
+  color: ${_chunkCFG65CGCcjs.colors.gray40};
   display: flex;
   list-style: none;
 
-  ${_chunkI6Y7IHF5cjs.IconContainer}:not(:first-of-type) {
+  ${_chunkUMU7TYANcjs.IconContainer}:not(:first-of-type) {
     visibility: hidden;
   }
 
   &:hover {
     color: ${({ theme }) => theme.hcNeutral};
 
-    ${_chunkI6Y7IHF5cjs.IconContainer} {
+    ${_chunkUMU7TYANcjs.IconContainer} {
       visibility: visible;
     }
   }
 `;
 var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNavItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkGIZQB46Vcjs.TextButton,
+  _chunkIUVXBD5Jcjs.TextButton,
   {
     text: label,
     padding: "8px 0",

package/dist/{chunk-425MNRRK.cjs → chunk-FMXFC73T.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunk5OP23S3Qcjs = require('./chunk-5OP23S3Q.cjs');
+var _chunkA3WQPTLFcjs = require('./chunk-A3WQPTLF.cjs');
 
 
-var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
@@ -45,12 +45,12 @@ var CopyToClipboardButton = (props) => {
         "data-tooltip-id": id,
         children: [
           props.children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Children, { children: props.children }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
         ]
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5OP23S3Qcjs.Tooltip,
+      _chunkA3WQPTLFcjs.Tooltip,
       {
         id,
         place: props.place || "right",
@@ -62,7 +62,7 @@ var CopyToClipboardButton = (props) => {
 var Children = _styled2.default.span`
   margin-right: 4px;
 `;
-var Button = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
+var Button = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
   background: rgba(0, 0, 0, 0);
   vertical-align: middle;
   ${({ ml }) => ml ? `margin-left: ${ml}px` : ""};

package/dist/{chunk-4PWNHIAM.cjs → chunk-GB7P5OBZ.cjs}

@@ -1,6 +1,6 @@
 "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');
 
 // src/components/StatusIndicator.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -15,7 +15,7 @@ function StatusIndicator({
 }
 var StyledStatusIndicator = _styled2.default.div`
   color: ${({ theme, color }) => theme[color]};
-  font-size: ${({ size }) => _chunkZO52GP5Zcjs.pxToRems.call(void 0, size)};
+  font-size: ${({ size }) => _chunkQ3F7S3R3cjs.pxToRems.call(void 0, size)};
   font-weight: ${({ fontWeight }) => fontWeight};
 `;