@lightsparkdev/ui 1.0.10 → 1.0.11

package/dist/{chunk-O42E7NAG.js → chunk-HYUF4RXZ.js}

@@ -1,14 +1,18 @@
 import {
   buttonsThemeBase,
   defaultButtonsTheme
-} from "./chunk-HHTHXSBF.js";
+} from "./chunk-NVLTKMR6.js";
+import {
+  cardFormThemeBase,
+  defaultCardFormTheme
+} from "./chunk-AK7B5554.js";
 import {
   defaultLoadingTheme,
   loadingThemeBase
 } from "./chunk-LIVMIDVJ.js";
 import {
   getTypography
-} from "./chunk-VASG2BKI.js";
+} from "./chunk-YQP6BIJN.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
@@ -82,6 +86,7 @@ var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
   hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
   buttons: defaultButtonsTheme,
   loading: defaultLoadingTheme,
+  cardForm: defaultCardFormTheme,
   badge: {
     bg: "c05Neutral"
   },
@@ -124,6 +129,7 @@ var darkBaseTheme = {
   warning: colors.warning,
   buttons: defaultButtonsTheme,
   loading: defaultLoadingTheme,
+  cardForm: defaultCardFormTheme,
   inputBackground: colors.black,
   badge: {
     bg: "c15Neutral"
@@ -187,7 +193,6 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 999,
-    defaultBorderWidth: 0,
     defaultPaddingsY: {
       ExtraSmall: 16,
       Small: 16,
@@ -205,7 +210,6 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
       ghost: {
         defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
-        defaultBorderWidth: 0,
         defaultHoverBackgroundColor: "transparent",
         defaultHoverBorderColor: "transparent"
       },
@@ -249,7 +253,6 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 999,
-    defaultBorderWidth: 0,
     defaultPaddingsY: {
       ExtraSmall: 16,
       Small: 16,
@@ -267,7 +270,6 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
       ghost: {
         defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
-        defaultBorderWidth: 0,
         defaultHoverBackgroundColor: "transparent",
         defaultHoverBorderColor: "transparent"
       },
@@ -340,7 +342,6 @@ var bridgeBaseSettings = {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 8,
-    defaultBorderWidth: 0,
     defaultPaddingsY: {
       ExtraSmall: 14,
       Small: 14,
@@ -353,20 +354,19 @@ var bridgeBaseSettings = {
       primary: {
         defaultColor: "bg",
         defaultBackgroundColor: "blue39",
+        defaultBorderColor: "blue39",
         defaultHoverBackgroundColor: "blue37"
       },
       ghost: {
         defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
-        defaultBorderWidth: 0,
         defaultHoverBackgroundColor: "transparent",
         defaultHoverBorderColor: "transparent"
       },
       secondary: {
         defaultBackgroundColor: "transparent",
         defaultHoverBackgroundColor: "grayBlue94",
-        defaultBorderColor: "grayBlue80",
-        defaultBorderWidth: 1
+        defaultBorderColor: "grayBlue80"
       }
     }
   }),
@@ -381,6 +381,25 @@ var bridgeBaseSettings = {
       }
     }
   }),
+  cardForm: merge(cardFormThemeBase, {
+    backgroundColor: "white",
+    smBackgroundColor: "bg",
+    kinds: {
+      primary: {
+        paddingY: 56,
+        paddingX: 40,
+        shadow: "hard"
+      },
+      secondary: {
+        borderWidth: 1,
+        smBorderWidth: 0,
+        borderColor: "grayBlue94",
+        paddingY: 40,
+        paddingX: 40,
+        shadow: "none"
+      }
+    }
+  }),
   badge: {
     bg: "grayBlue94"
   }

package/dist/{chunk-WM2JR4O2.cjs → chunk-I57XFDUQ.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSMVLBX2Dcjs = require('./chunk-SMVLBX2D.cjs');
+var _chunkRSPUYVQMcjs = require('./chunk-RSPUYVQM.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk4CFGJROVcjs = require('./chunk-4CFGJROV.cjs');
+var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
 
-var _chunk7LOKZM7Vcjs = require('./chunk-7LOKZM7V.cjs');
+var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
 
 
 
@@ -82,7 +82,7 @@ var IdFilter = ({
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk7LOKZM7Vcjs.Button,
+      _chunkAPQWRIH6cjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -102,8 +102,8 @@ var IdFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSMVLBX2Dcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk4CFGJROVcjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSPUYVQMcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkO64MW4Z4cjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/{chunk-A7BCCSEC.js → chunk-I6TT5AG6.js}

@@ -1,20 +1,21 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-VVA3TL2D.js";
+} from "./chunk-JZ2MJO3Z.js";
 import {
   toReactNodes
-} from "./chunk-XSMF72UT.js";
+} from "./chunk-2I22MYIY.js";
 import {
   themeOrWithKey,
   themes
-} from "./chunk-O42E7NAG.js";
+} from "./chunk-HYUF4RXZ.js";
 import {
   getLineHeightForTypographyType
-} from "./chunk-VASG2BKI.js";
+} from "./chunk-YQP6BIJN.js";
 
 // src/components/PendingValue.tsx
 import { css, keyframes, ThemeProvider } from "@emotion/react";
 import styled from "@emotion/styled";
+import { Fragment } from "react";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 var bgPosition = keyframes`
   0% {
@@ -29,7 +30,8 @@ function PendingValue({
   content: contentProp,
   typography: typographyProp,
   width,
-  forceTheme
+  forceTheme,
+  fullSizePending = false
 }) {
   const defaultTypography = {
     type: (typographyProp == null ? void 0 : typographyProp.type) || "Body",
@@ -47,48 +49,97 @@ function PendingValue({
     defaultTypographyMap
   );
   const content = toReactNodes(nodesWithTypography);
-  const nodes = /* @__PURE__ */ jsxs(
-    StyledPendingValue,
+  const contentNode = /* @__PURE__ */ jsx(
+    StyledPendingValueContent,
     {
       typographyType: defaultTypography.type,
       typographySize: defaultTypography.size,
-      widthProp: width,
-      children: [
-        /* @__PURE__ */ jsx(StyledPendingValueBg, { visible: !contentProp, animate }),
-        /* @__PURE__ */ jsx(StyledPendingValueContent, { children: content })
-      ]
+      children: content
     }
   );
+  const nodes = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      StyledPendingValueBgOuter,
+      {
+        typographyType: defaultTypography.type,
+        typographySize: defaultTypography.size,
+        widthProp: width,
+        hasContent: !!contentProp,
+        fullSizePending,
+        children: [
+          /* @__PURE__ */ jsx(
+            StyledPendingValueBg,
+            {
+              visible: !contentProp,
+              fullSizePending,
+              animate
+            }
+          ),
+          fullSizePending ? null : contentNode
+        ]
+      }
+    ),
+    fullSizePending ? contentNode : null
+  ] });
   return forceTheme ? /* @__PURE__ */ jsx(ThemeProvider, { theme: themes[forceTheme], children: nodes }) : nodes;
 }
-var StyledPendingValue = styled.div`
+var StyledPendingValueBgOuter = styled.div`
   position: relative;
   height: ${({ typographyType, typographySize, theme }) => getLineHeightForTypographyType(typographyType, typographySize, theme)};
 
-  ${({ widthProp }) => widthProp ? `width: ${widthProp}px;` : "width: 100%;"}
+  ${({ 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 = styled.div`
   position: relative;
   z-index: 1;
+  overflow: hidden;
+
+  height: ${({ typographyType, typographySize, theme }) => getLineHeightForTypographyType(typographyType, typographySize, theme)};
 `;
 var vSpacing = 2;
 var StyledPendingValueBg = styled.div`
   z-index: 0;
-  height: calc(100% - ${vSpacing * 2}px);
   width: 100%;
   position: absolute;
-  top: ${vSpacing}px;
-  border-radius: 999px;
+
+  ${({ 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;"}
-  transition: opacity 0.01s ease;
 
   background: linear-gradient(
     90deg,
-    ${themeOrWithKey("c15Neutral", "c25Neutral")} 0%,
-    ${themeOrWithKey("c2Neutral", "c3Neutral")} 50%,
-    ${themeOrWithKey("c15Neutral", "c25Neutral")} 100%
+    ${themeOrWithKey("c05Neutral", "c25Neutral")} 0%,
+    ${themeOrWithKey("c1Neutral", "c3Neutral")} 50%,
+    ${themeOrWithKey("c05Neutral", "c25Neutral")} 100%
   );
 
   background-size: 200% 100%;

package/dist/chunk-IKSMSSPR.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
+
+
+
+var _chunkUF2PXEAKcjs = require('./chunk-UF2PXEAK.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/Overline.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Overline(props) {
+  const propsWithDefaults = _chunkUF2PXEAKcjs.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, _chunkUF2PXEAKcjs.StyledOverline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.Overline = Overline;

package/dist/chunk-IRHZP2Z7.cjs

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkL3U3VIEJcjs = require('./chunk-L3U3VIEJ.cjs');
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/base/getPropDefaults.tsx
+function getPropDefaultsBase(props, extra) {
+  return _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {
+    block: props.block || false,
+    colorProp: props.color,
+    displayProp: props.display,
+    hideOverflow: props.hideOverflow || false,
+    id: props.id,
+    display: props.display,
+    size: props.size || "Medium",
+    children: props.children ? _chunkL3U3VIEJcjs.stringToNodes.call(void 0, props.children) : null
+  }, extra);
+}
+
+
+
+exports.getPropDefaultsBase = getPropDefaultsBase;

package/dist/{chunk-MJQOF3RS.cjs → chunk-IUVXBD5J.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk4VRON4MFcjs = require('./chunk-4VRON4MF.cjs');
+var _chunkNL2PRKWNcjs = require('./chunk-NL2PRKWN.cjs');
 
 
-var _chunk4EK5RAZScjs = require('./chunk-4EK5RAZS.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
-var _chunkQE67LKK5cjs = require('./chunk-QE67LKK5.cjs');
+var _chunk4HIPKMRHcjs = require('./chunk-4HIPKMRH.cjs');
 
 
 var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
@@ -48,7 +48,7 @@ function TextButton({
   }
   const defaultIconColor = iconMatchTextColor ? void 0 : "mcNeutral";
   const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4VRON4MFcjs.TextIconAligner,
+    _chunkNL2PRKWNcjs.TextIconAligner,
     {
       onClick,
       leftIcon: leftIcon ? {
@@ -93,7 +93,7 @@ var buttonStyle = ({
   padding: ${padding};
 
   &:focus-visible {
-    outline: ${_chunkDIMJISMHcjs.getFocusOutline.call(void 0, { theme })};
+    outline: ${_chunkOQEP7VDDcjs.getFocusOutline.call(void 0, { theme })};
   }
 
   & > * {
@@ -103,10 +103,10 @@ var buttonStyle = ({
     cursor: ${disabled ? "not-allowed" : "pointer"};
   }
 `;
-var StyledButton = _styled2.default.call(void 0, _chunk4EK5RAZScjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
-var ButtonLink = _styled2.default.call(void 0, _chunkQE67LKK5cjs.Link)`
+var ButtonLink = _styled2.default.call(void 0, _chunk4HIPKMRHcjs.Link)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonHrefLink = _styled2.default.a`

package/dist/{chunk-AIP5ENLX.js → chunk-JHLQJQAH.js}

@@ -4,10 +4,10 @@ import {
 import {
   rootFontSizeRems,
   standardLineHeightEms
-} from "./chunk-YZM4ALKD.js";
+} from "./chunk-YBJVTNAP.js";
 import {
   useThemeBg
-} from "./chunk-O42E7NAG.js";
+} from "./chunk-HYUF4RXZ.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-L2A4DODW.cjs → chunk-JQUCLILY.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkURISHIUWcjs = require('./chunk-URISHIUW.cjs');
+var _chunkSTR72UQIcjs = require('./chunk-STR72UQI.cjs');
 
 
 
@@ -12,19 +12,19 @@ var _chunkURISHIUWcjs = require('./chunk-URISHIUW.cjs');
 var _chunkSL7GOUXJcjs = require('./chunk-SL7GOUXJ.cjs');
 
 
-var _chunkSMVLBX2Dcjs = require('./chunk-SMVLBX2D.cjs');
+var _chunkRSPUYVQMcjs = require('./chunk-RSPUYVQM.cjs');
 
 
-var _chunkLE5UZLTMcjs = require('./chunk-LE5UZLTM.cjs');
+var _chunkNPK4DLGQcjs = require('./chunk-NPK4DLGQ.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk4CFGJROVcjs = require('./chunk-4CFGJROV.cjs');
+var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
 
-var _chunk7LOKZM7Vcjs = require('./chunk-7LOKZM7V.cjs');
+var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -98,7 +98,7 @@ var DateFilter = ({
       },
       components: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TimeAndGranularity, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk4CFGJROVcjs.TextInput,
+          _chunkO64MW4Z4cjs.TextInput,
           {
             placeholder: "60",
             onChange: (value) => {
@@ -112,7 +112,7 @@ var DateFilter = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkLE5UZLTMcjs.Select_default,
+          _chunkNPK4DLGQcjs.Select_default,
           {
             defaultValue: {
               value: customDateRangeData == null ? void 0 : customDateRangeData.granularity,
@@ -142,7 +142,7 @@ var DateFilter = ({
         return { start: _chunkSL7GOUXJcjs.startOfDay.call(void 0, date), end: _chunkSL7GOUXJcjs.endOfDay.call(void 0, date) };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkURISHIUWcjs.DateWidget,
+        _chunkSTR72UQIcjs.DateWidget,
         {
           dateRangeOperation: "is equal to" /* IsEqualTo */,
           onChange: updateStateWithCustomRange,
@@ -162,7 +162,7 @@ var DateFilter = ({
         return { start, end };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkURISHIUWcjs.DateWidget,
+        _chunkSTR72UQIcjs.DateWidget,
         {
           dateRangeOperation: "is between" /* IsBetween */,
           onChange: updateStateWithCustomRange,
@@ -178,7 +178,7 @@ var DateFilter = ({
         return { start: date, end: _chunkSL7GOUXJcjs.MAX_DATE };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkURISHIUWcjs.DateWidget,
+        _chunkSTR72UQIcjs.DateWidget,
         {
           dateRangeOperation: "is after" /* IsAfter */,
           onChange: updateStateWithCustomRange,
@@ -194,7 +194,7 @@ var DateFilter = ({
         return { start: _chunkSL7GOUXJcjs.MIN_DATE, end: date };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkURISHIUWcjs.DateWidget,
+        _chunkSTR72UQIcjs.DateWidget,
         {
           dateRangeOperation: "is before" /* IsBefore */,
           onChange: updateStateWithCustomRange,
@@ -263,10 +263,10 @@ var DateFilter = ({
   const handleSelectCustomRangeOption = (operation) => {
     updateStateWithCustomRange(dateRangeOptions[operation].defaultData);
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSMVLBX2Dcjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSPUYVQMcjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ButtonsContainer, { children: [
       presets.map((preset) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk7LOKZM7Vcjs.Button,
+        _chunkAPQWRIH6cjs.Button,
         {
           kind: preset === state.preset ? "primary" : void 0,
           text: preset,
@@ -276,7 +276,7 @@ var DateFilter = ({
         preset
       )),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk7LOKZM7Vcjs.Button,
+        _chunkAPQWRIH6cjs.Button,
         {
           kind: state.preset === "Custom" /* Custom */ ? "primary" : void 0,
           text: "Custom",
@@ -287,7 +287,7 @@ var DateFilter = ({
     ] }),
     showCustomOptions && customDateRangeData && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkLE5UZLTMcjs.Select_default,
+        _chunkNPK4DLGQcjs.Select_default,
         {
           defaultValue: {
             value: customDateRangeData.type,

package/dist/{chunk-YWI7HVJX.cjs → chunk-JWW7RK4L.cjs}

@@ -3,13 +3,13 @@
 var _chunkC6GQCKNTcjs = require('./chunk-C6GQCKNT.cjs');
 
 
-var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
-var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
+var _chunk4HIPKMRHcjs = require('./chunk-4HIPKMRH.cjs');
 
 
-var _chunkQE67LKK5cjs = require('./chunk-QE67LKK5.cjs');
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
 
 // src/components/IconWithCircleBackground.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -20,11 +20,11 @@ function IconWithCircleBackground({
   to,
   onClick
 }) {
-  const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC6GQCKNTcjs.Flex, { center: true, onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledIconWithCircleBackground, { size: iconWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: iconName, width: iconWidth, color: "grayBlue9" }) }) });
-  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQE67LKK5cjs.Link, { to, children: content }) : content;
+  const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC6GQCKNTcjs.Flex, { center: true, onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledIconWithCircleBackground, { size: iconWidth, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: iconName, width: iconWidth, color: "grayBlue9" }) }) });
+  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4HIPKMRHcjs.Link, { to, children: content }) : content;
 }
 var StyledIconWithCircleBackground = _styled2.default.div`
-  background-color: ${({ theme }) => _chunkWKRK5OVEcjs.getColor.call(void 0, theme, "grayBlue94")};
+  background-color: ${({ theme }) => _chunk7EIZIKLRcjs.getColor.call(void 0, theme, "grayBlue94")};
   border-radius: 50%;
   padding: ${({ size }) => getPadding(size)}px;
   display: flex;

package/dist/{chunk-XKRDJQOZ.js → chunk-JXGWWKVC.js}

@@ -9,19 +9,19 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   toReactNodes
-} from "./chunk-XSMF72UT.js";
+} from "./chunk-2I22MYIY.js";
 import {
   Icon
-} from "./chunk-NGSQ2OOV.js";
+} from "./chunk-NCLVA6JY.js";
+import {
+  Link
+} from "./chunk-TIX47F5U.js";
 import {
   getColor
-} from "./chunk-O42E7NAG.js";
+} from "./chunk-HYUF4RXZ.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
-import {
-  Link
-} from "./chunk-HJQIDDKT.js";
 import {
   colors
 } from "./chunk-MN4NUSPL.js";

package/dist/{chunk-VVA3TL2D.js → chunk-JZ2MJO3Z.js}

@@ -1,6 +1,6 @@
 import {
   toReactNodes
-} from "./chunk-XSMF72UT.js";
+} from "./chunk-2I22MYIY.js";
 import {
   isCurrencyAmountNode,
   isIconNode,

package/dist/{chunk-7HGSAPSN.js → chunk-JZUJGCQ7.js}

@@ -1,15 +1,15 @@
 import {
   CopyToClipboardButton
-} from "./chunk-GU46BAEF.js";
+} from "./chunk-TGY3VJCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-HEXTPM3C.js";
+} from "./chunk-CD4D43OU.js";
 import {
   standardBorderRadius
-} from "./chunk-YZM4ALKD.js";
+} from "./chunk-YBJVTNAP.js";
 import {
   themeOr
-} from "./chunk-O42E7NAG.js";
+} from "./chunk-HYUF4RXZ.js";
 import {
   colors
 } from "./chunk-MN4NUSPL.js";