@lightsparkdev/ui 1.0.9 → 1.0.11

package/dist/{chunk-GZW6KBUI.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";
@@ -17,7 +21,7 @@ import {
   darkGradient,
   hcNeutralFromBg,
   isColorKey
-} from "./chunk-RTRS42I3.js";
+} from "./chunk-MN4NUSPL.js";
 import {
   __spreadProps,
   __spreadValues
@@ -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"
       },
@@ -330,6 +332,8 @@ var lightsparkDocsDarkTheme = extend(darkTheme, {
 var bridgeBaseSettings = {
   secondary: colors.grayBlue43,
   mcNeutral: colors.grayBlue43,
+  success: colors.green35,
+  link: colors.blue39,
   typography: getTypography("Bridge" /* Bridge */, {
     main: "Manrope",
     code: "Monaco"
@@ -338,7 +342,6 @@ var bridgeBaseSettings = {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 8,
-    defaultBorderWidth: 0,
     defaultPaddingsY: {
       ExtraSmall: 14,
       Small: 14,
@@ -351,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"
       }
     }
   }),
@@ -379,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-QTX2AMWH.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 _chunkJT3HYZXJcjs = require('./chunk-JT3HYZXJ.cjs');
+var _chunkRSPUYVQMcjs = require('./chunk-RSPUYVQM.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkGFKY6YX2cjs = require('./chunk-GFKY6YX2.cjs');
+var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
 
-var _chunk3XWROTDTcjs = require('./chunk-3XWROTDT.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, 
-      _chunk3XWROTDTcjs.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, _chunkJT3HYZXJcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGFKY6YX2cjs.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-AB5PAZDV.js → chunk-I6TT5AG6.js}

@@ -1,20 +1,21 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-JEPHI5VC.js";
+} from "./chunk-JZ2MJO3Z.js";
 import {
   toReactNodes
-} from "./chunk-NXSA7WNB.js";
+} from "./chunk-2I22MYIY.js";
 import {
   themeOrWithKey,
   themes
-} from "./chunk-GZW6KBUI.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-GIZQB46V.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 _chunk4SNEOOFXcjs = require('./chunk-4SNEOOFX.cjs');
+var _chunkNL2PRKWNcjs = require('./chunk-NL2PRKWN.cjs');
 
 
-var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
 
 
-var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
-var _chunkYDTPEU32cjs = require('./chunk-YDTPEU32.cjs');
+var _chunk4HIPKMRHcjs = require('./chunk-4HIPKMRH.cjs');
 
 
 var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
@@ -43,12 +43,12 @@ function TextButton({
   let rightIconProp = rightIcon;
   if (typeof rightIcon === "undefined" && typeof leftIcon === "undefined") {
     rightIconProp = {
-      name: "RightArrow"
+      name: "ArrowRight"
     };
   }
   const defaultIconColor = iconMatchTextColor ? void 0 : "mcNeutral";
   const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4SNEOOFXcjs.TextIconAligner,
+    _chunkNL2PRKWNcjs.TextIconAligner,
     {
       onClick,
       leftIcon: leftIcon ? {
@@ -93,7 +93,7 @@ var buttonStyle = ({
   padding: ${padding};
 
   &:focus-visible {
-    outline: ${_chunk23NA5VW6cjs.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, _chunk7QXYBPSJcjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
-var ButtonLink = _styled2.default.call(void 0, _chunkYDTPEU32cjs.Link)`
+var ButtonLink = _styled2.default.call(void 0, _chunk4HIPKMRHcjs.Link)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonHrefLink = _styled2.default.a`

package/dist/{chunk-72CHU34B.js → chunk-J6Q5RIOB.js}

@@ -1,6 +1,6 @@
-// src/icons/HorizontalArrows.tsx
+// src/icons/ArrowsHorizontal.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function HorizontalArrows() {
+function ArrowsHorizontal() {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -35,5 +35,5 @@ function HorizontalArrows() {
 }
 
 export {
-  HorizontalArrows
+  ArrowsHorizontal
 };

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

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

package/dist/{chunk-N55NOLCV.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 _chunkI2MKZCWYcjs = require('./chunk-I2MKZCWY.cjs');
+var _chunkSTR72UQIcjs = require('./chunk-STR72UQI.cjs');
 
 
 
@@ -12,19 +12,19 @@ var _chunkI2MKZCWYcjs = require('./chunk-I2MKZCWY.cjs');
 var _chunkSL7GOUXJcjs = require('./chunk-SL7GOUXJ.cjs');
 
 
-var _chunkJT3HYZXJcjs = require('./chunk-JT3HYZXJ.cjs');
+var _chunkRSPUYVQMcjs = require('./chunk-RSPUYVQM.cjs');
 
 
-var _chunkNROZVENVcjs = require('./chunk-NROZVENV.cjs');
+var _chunkNPK4DLGQcjs = require('./chunk-NPK4DLGQ.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkGFKY6YX2cjs = require('./chunk-GFKY6YX2.cjs');
+var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
 
 
-var _chunk3XWROTDTcjs = require('./chunk-3XWROTDT.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, 
-          _chunkGFKY6YX2cjs.TextInput,
+          _chunkO64MW4Z4cjs.TextInput,
           {
             placeholder: "60",
             onChange: (value) => {
@@ -112,7 +112,7 @@ var DateFilter = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkNROZVENVcjs.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, 
-        _chunkI2MKZCWYcjs.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, 
-        _chunkI2MKZCWYcjs.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, 
-        _chunkI2MKZCWYcjs.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, 
-        _chunkI2MKZCWYcjs.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, _chunkJT3HYZXJcjs.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, 
-        _chunk3XWROTDTcjs.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, 
-        _chunk3XWROTDTcjs.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, 
-        _chunkNROZVENVcjs.Select_default,
+        _chunkNPK4DLGQcjs.Select_default,
         {
           defaultValue: {
             value: customDateRangeData.type,

package/dist/chunk-JWW7RK4L.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkC6GQCKNTcjs = require('./chunk-C6GQCKNT.cjs');
+
+
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+
+
+var _chunk4HIPKMRHcjs = require('./chunk-4HIPKMRH.cjs');
+
+
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+
+// src/components/IconWithCircleBackground.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function IconWithCircleBackground({
+  iconName = "WarningSign",
+  iconWidth = 40,
+  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, _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 }) => _chunk7EIZIKLRcjs.getColor.call(void 0, theme, "grayBlue94")};
+  border-radius: 50%;
+  padding: ${({ size }) => getPadding(size)}px;
+  display: flex;
+  justify-content: center;
+  ${({ size }) => `width: ${size + getPadding(size) * 2}px; height: ${size + getPadding(size) * 2}px;`}
+`;
+function getPadding(size) {
+  if (size === 40) {
+    return 20;
+  }
+  return 16;
+}
+
+
+
+exports.IconWithCircleBackground = IconWithCircleBackground;

package/dist/{chunk-2NFJCUHR.js → chunk-JXGWWKVC.js}

@@ -9,22 +9,22 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   toReactNodes
-} from "./chunk-NXSA7WNB.js";
+} from "./chunk-2I22MYIY.js";
 import {
   Icon
-} from "./chunk-K3DMPJSX.js";
+} from "./chunk-NCLVA6JY.js";
+import {
+  Link
+} from "./chunk-TIX47F5U.js";
 import {
   getColor
-} from "./chunk-GZW6KBUI.js";
+} from "./chunk-HYUF4RXZ.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
-import {
-  Link
-} from "./chunk-ELHOJIVP.js";
 import {
   colors
-} from "./chunk-RTRS42I3.js";
+} from "./chunk-MN4NUSPL.js";
 
 // src/components/Banner/Banner.tsx
 import styled from "@emotion/styled";
@@ -66,7 +66,7 @@ function Banner({
     if (to) {
       contentNode = /* @__PURE__ */ jsx(Link, { to, children: /* @__PURE__ */ jsxs(BannerFlexInnerContent, { children: [
         contentNodes,
-        /* @__PURE__ */ jsx(Icon, { name: "RightArrow", width: 12, ml: 6 })
+        /* @__PURE__ */ jsx(Icon, { name: "ArrowRight", width: 12, ml: 6 })
       ] }) });
     } else {
       contentNode = contentNodes;

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

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