@lightsparkdev/ui 1.0.14 → 1.0.16

package/dist/{chunk-CBDO6OII.js → chunk-EW57CGBI.js}

@@ -1,13 +1,13 @@
 import {
   SingleCodeInput
-} from "./chunk-7LHJROJJ.js";
+} from "./chunk-642QHJRK.js";
 import {
   textInputBorderColor
-} from "./chunk-GEE2G7BL.js";
+} from "./chunk-LYQQBGMY.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/CodeInput/CodeInput.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-WLNH323O.cjs → chunk-EXBPIQ7E.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk22OKXUZAcjs = require('./chunk-22OKXUZA.cjs');
+var _chunk27L4UDZXcjs = require('./chunk-27L4UDZX.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunk2N6KBD5Acjs = require('./chunk-2N6KBD5A.cjs');
 
 
-var _chunkOEJWIKG7cjs = require('./chunk-OEJWIKG7.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkRSAWZM47cjs = require('./chunk-RSAWZM47.cjs');
+var _chunk2U6C2FAGcjs = require('./chunk-2U6C2FAG.cjs');
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/DataManagerTable/IdFilter.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -24,7 +24,7 @@ var onValidate = (state, isMulti) => {
   var _a;
   const { value, allowedEntities } = state;
   if (!value) {
-    return _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state);
+    return _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state);
   }
   let uuid = value;
   if (allowedEntities) {
@@ -48,7 +48,7 @@ var onValidate = (state, isMulti) => {
     updatedAppliedValues = ((_a = state.appliedValues) == null ? void 0 : _a.filter((appliedValue) => appliedValue !== value)) || [];
   }
   updatedAppliedValues.push(uuid);
-  return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+  return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state), {
     value: uuid,
     appliedValues: updatedAppliedValues
   });
@@ -74,7 +74,7 @@ var IdFilter = ({
   const handleChange = (rawValue) => {
     var _a2;
     const value = cleanValue(rawValue);
-    updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+    updateFilterState(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state), {
       value,
       isApplied: !!value || !!((_a2 = state.appliedValues) == null ? void 0 : _a2.length),
       errorMessage: void 0
@@ -82,7 +82,7 @@ var IdFilter = ({
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkRSAWZM47cjs.Button,
+      _chunk2U6C2FAGcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -91,7 +91,7 @@ var IdFilter = ({
         iconSide: "right",
         onClick: () => {
           var _a2;
-          updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+          updateFilterState(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state), {
             appliedValues: (_a2 = state.appliedValues) == null ? void 0 : _a2.filter(
               (appliedValue) => appliedValue !== value
             )
@@ -102,8 +102,8 @@ var IdFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22OKXUZAcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOEJWIKG7cjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk27L4UDZXcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk2N6KBD5Acjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/{chunk-F6GXLCIX.js → chunk-F3R67SIF.js}

@@ -1,14 +1,14 @@
 import {
   toReactNodes
-} from "./chunk-3NZOR3KT.js";
+} from "./chunk-C3PR3QMX.js";
 import {
   StyledOverline,
   getPropDefaults
-} from "./chunk-L3UM7PQ4.js";
+} from "./chunk-2LLSIMYX.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/typography/Overline.tsx
 import { jsx } from "@emotion/react/jsx-runtime";

package/dist/{chunk-EKQXUHI7.js → chunk-F6DMF6LQ.js}

@@ -1,19 +1,19 @@
 import {
   Filter
-} from "./chunk-UNZTDJ63.js";
+} from "./chunk-HZ7HFKGQ.js";
+import {
+  TextInput
+} from "./chunk-IE3QUJRS.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
-import {
-  TextInput
-} from "./chunk-M5VGKEOK.js";
 import {
   Button
-} from "./chunk-4EXNT44R.js";
+} from "./chunk-ZR5RJNK6.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/components/DataManagerTable/IdFilter.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-2PFSMZIA.cjs → chunk-F6U655TY.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkRSAWZM47cjs = require('./chunk-RSAWZM47.cjs');
+var _chunk7QQBTG3Ocjs = require('./chunk-7QQBTG3O.cjs');
 
 
-var _chunkWIIDMFXRcjs = require('./chunk-WIIDMFXR.cjs');
+var _chunk2U6C2FAGcjs = require('./chunk-2U6C2FAG.cjs');
 
 
-var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
+var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/ButtonRow.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -21,37 +21,48 @@ function ButtonRow({
   buttons,
   className,
   smSticky = true,
+  bottomBorder = true,
   headerHeight = 0
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowContainer, { smSticky, headerHeight, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRow, { className, children: buttons.map(
-    (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRSAWZM47cjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), idx)
-  ) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    ButtonRowContainer,
+    {
+      smSticky,
+      headerHeight,
+      bottomBorder,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRow, { className, children: buttons.map(
+        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2U6C2FAGcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
+      ) })
+    }
+  );
 }
 var ButtonRowContainer = _styled2.default.div`
   max-width: 100%;
   ${({ theme }) => _chunkKW3JYLRIcjs.bp.sm(`background: ${theme.bg}`)}
-  ${({ headerHeight, smSticky }) => _chunkKW3JYLRIcjs.bp.sm(
+  ${({ headerHeight, smSticky, bottomBorder }) => _chunkKW3JYLRIcjs.bp.sm(
   `
         ${smSticky ? `
             display: block;
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunkRUDXRW4Rcjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunkRUDXRW4Rcjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunkRUDXRW4Rcjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunk2KKFVDUDcjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunk2KKFVDUDcjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunk2KKFVDUDcjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
+        ${bottomBorder ? `
+            &:before {
+              content: "";
+              box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.09);
+              height: 1px;
+              position: absolute;
+              background: black;
+              bottom: 1px;
+              width: 100%;
+              z-index: 0;
+            }
+          ` : ``}
         z-index: 2;
-        &:before {
-          content: "";
-          box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.09);
-          height: 1px;
-          position: absolute;
-          background: black;
-          bottom: 1px;
-          width: 100%;
-          z-index: 0;
-        }
       `
 )}
 `;
@@ -61,7 +72,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRow = _styled2.default.div`
-  ${_chunkWIIDMFXRcjs.overflowAutoWithoutScrollbars}
+  ${_chunk7QQBTG3Ocjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -78,7 +89,7 @@ var StyledButtonRow = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunkRUDXRW4Rcjs.standardContentInset.smPx}px;
+    padding: ${_chunk2KKFVDUDcjs.standardContentInset.smPx}px;
   `)}
 `;
 

package/dist/chunk-FB7UCOKY.js

@@ -0,0 +1,43 @@
+// src/icons/UmaPaymentLoadingSpinner.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function UmaPaymentLoadingSpinner({
+  strokeWidth = "3",
+  strokeLinecap = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "88",
+      height: "88",
+      viewBox: "0 0 88 88",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "ellipse",
+          {
+            cx: "43.9983",
+            cy: "43.9994",
+            rx: "38.4983",
+            ry: "38.4994",
+            stroke: "#EBEEF2",
+            strokeWidth
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M82.5072 43.9994C82.5072 37.9238 81.0693 31.9344 78.3111 26.521C75.5529 21.1076 71.5528 16.4239 66.6376 12.8527C61.7225 9.28158 56.032 6.92443 50.0314 5.974C44.0308 5.02356 37.8904 5.50683 32.1123 7.3843",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  UmaPaymentLoadingSpinner
+};

package/dist/{chunk-SL7GOUXJ.cjs → chunk-FBWTYGYE.cjs}

@@ -15,7 +15,7 @@ var GRANULARITY_TO_MILLIS = {
   ["days" /* Days */]: DAY
 };
 var MAX_DATE = /* @__PURE__ */ new Date("3000-01-01");
-var MIN_DATE = /* @__PURE__ */ new Date("1900-01-01");
+var MIN_DATE = /* @__PURE__ */ new Date("1970-01-01");
 var subtractTime = (date, value, granularity) => {
   return new Date(date.getTime() - value * GRANULARITY_TO_MILLIS[granularity]);
 };

package/dist/{chunk-5WH6LRHH.js → chunk-FBYK5UPJ.js}

@@ -1,10 +1,10 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/styles/themeDefaults/buttons.tsx
-var buttonBorderRadiuses = [8, 32, 999];
+var buttonBorderRadiuses = [8, 32, 999, "100%"];
 var allowedButtonTypographyTypes = [
   "Body",
   "Body Strong",
@@ -36,6 +36,14 @@ var buttonsThemeBase = {
     Mlarge: 12,
     Large: 12
   },
+  defaultPaddingsX: {
+    ExtraSmall: 16,
+    Small: 24,
+    Schmedium: 24,
+    Medium: 24,
+    Mlarge: 24,
+    Large: 24
+  },
   kinds: {}
 };
 var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
@@ -60,6 +68,14 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
         Medium: 0,
         Mlarge: 0,
         Large: 0
+      },
+      defaultPaddingsX: {
+        ExtraSmall: 0,
+        Small: 0,
+        Schmedium: 0,
+        Medium: 0,
+        Mlarge: 0,
+        Large: 0
       }
     },
     quaternary: {
@@ -125,6 +141,46 @@ var defaultButtonsTheme = __spreadProps(__spreadValues({}, buttonsThemeBase), {
     },
     danger: {
       defaultColor: "white"
+    },
+    roundSingleChar: {
+      defaultBackgroundColor: "bg",
+      defaultBorderColor: "gray90",
+      defaultHoverBackgroundColor: "bg",
+      defaultHoverBorderColor: "gray85",
+      defaultActiveBackgroundColor: "bg",
+      defaultActiveBorderColor: "gray80",
+      defaultPaddingsX: {
+        ExtraSmall: 10,
+        Small: 18,
+        Schmedium: 18,
+        Medium: 19,
+        Mlarge: 19,
+        Large: 20
+      }
+    },
+    roundIcon: {
+      defaultBackgroundColor: "bg",
+      defaultBorderColor: "gray90",
+      defaultHoverBackgroundColor: "bg",
+      defaultHoverBorderColor: "gray85",
+      defaultActiveBackgroundColor: "bg",
+      defaultActiveBorderColor: "gray80",
+      defaultPaddingsX: {
+        ExtraSmall: 8,
+        Small: 10,
+        Medium: 10,
+        Schmedium: 10,
+        Mlarge: 10,
+        Large: 10
+      },
+      defaultPaddingsY: {
+        ExtraSmall: 8,
+        Small: 10,
+        Medium: 10,
+        Schmedium: 10,
+        Mlarge: 10,
+        Large: 10
+      }
     }
   }
 });

package/dist/{chunk-EWNQ3Z3L.js → chunk-FGZFMWJU.js}

@@ -206,7 +206,8 @@ var LETTER_SPACING = {
   },
   ["Bridge" /* Bridge */]: {
     tight: "-2%",
-    normal: "0%"
+    normal: "0%",
+    wide: "10%"
   }
 };
 var TEXT_CASE = {
@@ -3730,6 +3731,41 @@ function getTypographyTypes(fontFamilies) {
             textCase: `${TEXT_CASE.none}`,
             textDecoration: `${TEXT_DECORATION.none}`
           }
+        },
+        [TypographyType.Overline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["lg"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].wide}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].wide}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].wide}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
         }
       },
       Desktop: {
@@ -3977,6 +4013,41 @@ function getTypographyTypes(fontFamilies) {
             textCase: `${TEXT_CASE.none}`,
             textDecoration: `${TEXT_DECORATION.none}`
           }
+        },
+        [TypographyType.Overline]: {
+          [TokenSize.Large]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xl"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["lg"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].wide}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Medium]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["md"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["md"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].wide}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          },
+          [TokenSize.Small]: {
+            fontFamily: `${fontFamilies.code}`,
+            fontWeight: `${FONT_WEIGHTS.main.Bold}`,
+            lineHeight: `${LINE_HEIGHTS["Bridge" /* Bridge */]["xs"]}`,
+            fontSize: `${FONT_SIZE["Bridge" /* Bridge */]["xs"]}`,
+            letterSpacing: `${LETTER_SPACING["Bridge" /* Bridge */].wide}`,
+            paragraphSpacing: `${PARAGRAPH_SPACING[0]}`,
+            paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
+            textCase: `${TEXT_CASE.uppercase}`,
+            textDecoration: `${TEXT_DECORATION.none}`
+          }
         }
       }
     }

package/dist/{chunk-PRW5IDAH.cjs → chunk-FMAUS34L.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkNSUGNTKScjs = require('./chunk-NSUGNTKS.cjs');
+var _chunk2DFPQHNPcjs = require('./chunk-2DFPQHNP.cjs');
 
 
-var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
+var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
 
 
-var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
+var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/TextIconAligner.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
@@ -26,13 +26,13 @@ function TextIconAligner({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkNSUGNTKScjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunk2DFPQHNPcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography,
-    link: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, defaultTypography), { color: "link" })
+    link: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, defaultTypography), { color: "link" })
   });
-  const content = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkQXYZAROGcjs.toReactNodes.call(void 0, nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkZFJVBBROcjs.Icon,
+    _chunkAPCRRZMTcjs.Icon,
     {
       name: leftIcon.name,
       width: leftIcon.width ? leftIcon.width : 12,
@@ -41,7 +41,7 @@ function TextIconAligner({
     }
   ) : null;
   const rightIconNode = rightIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkZFJVBBROcjs.Icon,
+    _chunkAPCRRZMTcjs.Icon,
     {
       name: rightIcon.name,
       width: rightIcon.width ? rightIcon.width : 12,

package/dist/{chunk-PSHCQX72.cjs → chunk-FPHG4JBT.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk4NV7CLNVcjs = require('./chunk-4NV7CLNV.cjs');
+var _chunkXGZRFLNPcjs = require('./chunk-XGZRFLNP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/GradientCardHeader.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -15,7 +15,7 @@ function GradientCardHeader(props) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardHeaderWrapper, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Gradients, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4NV7CLNVcjs.StatusIndicator, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props.status)),
+      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXGZRFLNPcjs.StatusIndicator, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props.status)),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeaderTitle, { children: props.title })
     ] }),
     props.children

package/dist/chunk-FXA4POKS.js

@@ -0,0 +1,32 @@
+// src/icons/PersonPlus.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function PersonPlus({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "17",
+      height: "16",
+      viewBox: "0 0 17 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M8.40076 8.83412C5.92093 8.87712 4.11518 10.545 3.61356 12.7771C3.52742 13.1603 3.83863 13.4999 4.23147 13.4999H8.8325M8.40076 8.83412C8.43343 8.83352 8.46623 8.83325 8.49916 8.83325C8.7339 8.83325 8.96276 8.84772 9.18516 8.87578M8.40076 8.83412C7.96736 8.84165 7.55476 8.89878 7.16592 8.99992M9.18516 8.87578C9.40763 8.90385 9.6237 8.94552 9.83276 8.99992M9.18516 8.87578C9.65316 8.93485 10.0928 9.05405 10.4992 9.22525M12.6658 10.1666V12.1666M12.6658 12.1666V14.1666M12.6658 12.1666H10.6658M12.6658 12.1666H14.6658M10.9992 4.33325C10.9992 5.71397 9.8799 6.83325 8.49916 6.83325C7.11848 6.83325 5.99919 5.71397 5.99919 4.33325C5.99919 2.95254 7.11848 1.83325 8.49916 1.83325C9.8799 1.83325 10.9992 2.95254 10.9992 4.33325Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+export {
+  PersonPlus
+};

package/dist/chunk-G5PQP5GQ.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
+
+
+
+var _chunk7KT5EAOScjs = require('./chunk-7KT5EAOS.cjs');
+
+
+
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+
+// src/components/typography/Overline.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Overline(props) {
+  const propsWithDefaults = _chunk7KT5EAOScjs.getPropDefaults.call(void 0, props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = _chunkQXYZAROGcjs.toReactNodes.call(void 0, props.content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7KT5EAOScjs.StyledOverline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.Overline = Overline;

package/dist/{chunk-O25FTPZF.js → chunk-G7SV6WTH.js}

@@ -4,10 +4,10 @@ import {
 import {
   rootFontSizeRems,
   standardLineHeightEms
-} from "./chunk-RNCUEVKR.js";
+} from "./chunk-WXQAFT6L.js";
 import {
   useThemeBg
-} from "./chunk-QNPCRFUV.js";
+} from "./chunk-WFSTDMMY.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
@@ -19,15 +19,28 @@ import "react-tooltip/dist/react-tooltip.css";
 import "./static/fonts.css";
 import { jsx } from "@emotion/react/jsx-runtime";
 var getFontImport = (theme) => {
-  switch (theme.typography.fontFamilies.main) {
-    case "Inter":
-      return `@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');`;
-    case "Manrope":
-    case "Montserrat":
-      return `@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");`;
-    default:
-      return "";
+  let importStr = "";
+  const fontStrs = [];
+  const interStr = "Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900";
+  const manropeStr = "Manrope:wght@200..800";
+  const montserratStr = "Montserrat:ital,wght@0,100..900;1,100..900";
+  const robotoMonoStr = "Roboto+Mono:ital,wght@0,100..700;1,100..700";
+  if (theme.typography.fontFamilies.main === "Inter") {
+    fontStrs.push(interStr);
+  } else if (theme.typography.fontFamilies.main === "Manrope") {
+    fontStrs.push(manropeStr);
+  } else if (theme.typography.fontFamilies.main === "Montserrat") {
+    fontStrs.push(montserratStr);
   }
+  if (theme.typography.fontFamilies.code === "Roboto Mono") {
+    fontStrs.push(robotoMonoStr);
+  }
+  if (fontStrs.length) {
+    importStr = `@import url('https://fonts.googleapis.com/css2?family=${fontStrs.join(
+      "&family="
+    )}&display=swap');`;
+  }
+  return importStr;
 };
 var globalComponentStyles = ({ theme }) => css`
   ${getFontImport(theme)};