@lightsparkdev/ui 1.0.10 → 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-CBFA6RJW.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 _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
-var _chunkWRZUCCQDcjs = require('./chunk-WRZUCCQD.cjs');
+var _chunkQEG4FMH4cjs = require('./chunk-QEG4FMH4.cjs');
 
 // src/components/CurrencyAmount.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -24,10 +24,10 @@ function CurrencyAmount({
   id,
   ml = 0,
   typography,
-  centsPerBtc
+  unitsPerBtc
 }) {
   const unit = displayUnit;
-  const amountMap = _core.isCurrencyMap.call(void 0, amount) ? amount : _core.mapCurrencyAmount.call(void 0, amount, centsPerBtc);
+  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;
@@ -47,10 +47,10 @@ function CurrencyAmount({
   }
   let content = formattedNumber;
   if (typography && typography.type) {
-    content = _chunkWRZUCCQDcjs.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: [
@@ -62,9 +62,9 @@ function CurrencyAmount({
 var CurrencyIcon = ({ unit }) => {
   switch (unit) {
     case _core.CurrencyUnit.BITCOIN:
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.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, _chunkJMIYMECJcjs.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-B3OYC2SZ.js → chunk-DJUJUVUY.js}

@@ -3,40 +3,40 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-AEL6DM2K.js";
+} from "./chunk-N5BFM67M.js";
 import {
   Dropdown
-} from "./chunk-LFIZVZWX.js";
+} from "./chunk-VAQBWNQQ.js";
 import {
   standardBorderColor
-} from "./chunk-AXHFR6HR.js";
+} from "./chunk-UGHP4KVZ.js";
 import {
   Badge,
   badgeSmVPadding
-} from "./chunk-PXY7XXMI.js";
+} from "./chunk-BHBDIEBG.js";
 import {
   Heading,
   headingWithDefaults
-} from "./chunk-I7MVMRCX.js";
-import {
-  select
-} from "./chunk-YMNSXZ5D.js";
+} from "./chunk-HLLTNMEO.js";
 import {
   Loading
-} from "./chunk-FFOE2R32.js";
+} from "./chunk-AQ4L3IR5.js";
 import {
   UnstyledButton
-} from "./chunk-WZJTXJM5.js";
+} from "./chunk-7SNXBUCU.js";
 import {
   toReactNodes
-} from "./chunk-XSMF72UT.js";
+} from "./chunk-2I22MYIY.js";
 import {
   Icon
-} from "./chunk-NGSQ2OOV.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   standardBorderRadius,
   standardLineHeightEms
-} from "./chunk-YZM4ALKD.js";
+} from "./chunk-YBJVTNAP.js";
+import {
+  select
+} from "./chunk-YMNSXZ5D.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

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

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

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

@@ -1,15 +1,15 @@
 import {
   flexCenter
-} from "./chunk-HEXTPM3C.js";
+} from "./chunk-CD4D43OU.js";
 import {
   Loading
-} from "./chunk-FFOE2R32.js";
+} from "./chunk-AQ4L3IR5.js";
 import {
   UnstyledButton
-} from "./chunk-WZJTXJM5.js";
+} from "./chunk-7SNXBUCU.js";
 import {
   Icon
-} from "./chunk-NGSQ2OOV.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   colors
 } from "./chunk-MN4NUSPL.js";

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

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
 
 
 var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
@@ -47,7 +47,7 @@ function Toggle({
 var width = 44;
 var circleDim = 20;
 var circleOffset = 2;
-var ToggleButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
+var ToggleButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
   color: ${_chunkCFG65CGCcjs.colors.white};
   font-weight: 500;
   border-radius: 44px;
@@ -60,7 +60,7 @@ var ToggleButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButto
   } else if (isOn) {
     return theme.success;
   }
-  return _chunkWKRK5OVEcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
+  return _chunk7EIZIKLRcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
 }};
   position: relative;
   &:after {

package/dist/{chunk-NMBI5XXU.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 _chunkIKR6723Mcjs = require('./chunk-IKR6723M.cjs');
+var _chunkVVPSBX5Ocjs = require('./chunk-VVPSBX5O.cjs');
 
 
 var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
 
 
-var _chunk4CFGJROVcjs = require('./chunk-4CFGJROV.cjs');
+var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
 
 
-var _chunkJPRA3J5Ccjs = require('./chunk-JPRA3J5C.cjs');
+var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
 
 
-var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.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, 
-          _chunk4EK5RAZScjs.UnstyledButton,
+          _chunkWVBMQP6Ocjs.UnstyledButton,
           {
             onClick: onClickAutoButton,
             css: { cursor: "pointer" },
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkIKR6723Mcjs.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, _chunk4EK5RAZScjs.UnstyledButton, { onClick, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.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, 
-            _chunkIKR6723Mcjs.Pill,
+            _chunkVVPSBX5Ocjs.Pill,
             {
               text: value,
               onDeleteMouseDown,
@@ -145,9 +145,9 @@ function ReadClipboardButton({
         ] })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJPRA3J5Ccjs.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, 
-    _chunk4CFGJROVcjs.TextInput,
+    _chunkO64MW4Z4cjs.TextInput,
     {
       onChange: onChangeTextInput,
       value,
@@ -157,7 +157,7 @@ function ReadClipboardButton({
   ) });
 }
 var ReadClipboardButtonContainer = _styled2.default.div`
-  ${({ theme, hasAddress, hasError }) => _chunkJPRA3J5Ccjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
+  ${({ theme, hasAddress, hasError }) => _chunkBCPM2M3Ycjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
 `;
 
 

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

@@ -1,15 +1,15 @@
 import {
   InfoIconTooltip
-} from "./chunk-RSTCESAL.js";
+} from "./chunk-NHRJSG5K.js";
 import {
   Label
-} from "./chunk-AXHFR6HR.js";
+} from "./chunk-UGHP4KVZ.js";
 import {
   link
 } from "./chunk-G5IVQ4O3.js";
 import {
   Icon
-} from "./chunk-NGSQ2OOV.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-2KHMKDGF.js → chunk-EVYCZKU3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   overlaySurface
-} from "./chunk-YZM4ALKD.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-MWHLGPKO.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 _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.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, _chunkJMIYMECJcjs.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-R4JQUMCP.js → chunk-FH6BM3M7.js}

@@ -1,9 +1,9 @@
 import {
   getFontColor
-} from "./chunk-O42E7NAG.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-U3FWVBZ3.cjs → chunk-FLFVAIIX.cjs}

@@ -3,10 +3,10 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkMJQOF3RScjs = require('./chunk-MJQOF3RS.cjs');
+var _chunkIUVXBD5Jcjs = require('./chunk-IUVXBD5J.cjs');
 
 
-var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -45,20 +45,20 @@ var StyledPageSectionNavItem = _styled2.default.li`
   display: flex;
   list-style: none;
 
-  ${_chunkJMIYMECJcjs.IconContainer}:not(:first-of-type) {
+  ${_chunkUMU7TYANcjs.IconContainer}:not(:first-of-type) {
     visibility: hidden;
   }
 
   &:hover {
     color: ${({ theme }) => theme.hcNeutral};
 
-    ${_chunkJMIYMECJcjs.IconContainer} {
+    ${_chunkUMU7TYANcjs.IconContainer} {
       visibility: visible;
     }
   }
 `;
 var PageSectionListItem = ({ leftIcon, label, sectionId }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledPageSectionNavItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkMJQOF3RScjs.TextButton,
+  _chunkIUVXBD5Jcjs.TextButton,
   {
     text: label,
     padding: "8px 0",

package/dist/{chunk-YTMT3NY6.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 _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunk5MLMGZJGcjs = require('./chunk-5MLMGZJG.cjs');
+var _chunkA3WQPTLFcjs = require('./chunk-A3WQPTLF.cjs');
 
 
-var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.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, _chunkJMIYMECJcjs.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, 
-      _chunk5MLMGZJGcjs.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, _chunk4EK5RAZScjs.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-4QK2V7YW.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 _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.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 }) => _chunk6IU4OQOCcjs.pxToRems.call(void 0, size)};
+  font-size: ${({ size }) => _chunkQ3F7S3R3cjs.pxToRems.call(void 0, size)};
   font-weight: ${({ fontWeight }) => fontWeight};
 `;
 

package/dist/{chunk-NSA4FO4B.js → chunk-GEFRH7G5.js}

@@ -1,13 +1,13 @@
 import {
   Pill
-} from "./chunk-LUA7C7Z6.js";
+} from "./chunk-DMGDCXCZ.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-AXHFR6HR.js";
+} from "./chunk-UGHP4KVZ.js";
 import {
   Icon
-} from "./chunk-NGSQ2OOV.js";
+} from "./chunk-NCLVA6JY.js";
 
 // src/components/FileInput.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-ETXGHZRA.js → chunk-GSUG7CDC.js}

@@ -2,11 +2,11 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-YZM4ALKD.js";
+} from "./chunk-YBJVTNAP.js";
 import {
   isDark,
   themeOr
-} from "./chunk-O42E7NAG.js";
+} from "./chunk-HYUF4RXZ.js";
 
 // src/components/Table/TableEmptyState.tsx
 import styled from "@emotion/styled";