@lightsparkdev/ui 1.0.12 → 1.0.14

package/dist/{chunk-C6XJ7ZJF.cjs → chunk-CUOCAP4W.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var _chunkBP7JY5RTcjs = require('./chunk-BP7JY5RT.cjs');
 
-var _chunk6VYXAPL5cjs = require('./chunk-6VYXAPL5.cjs');
 
 
+var _chunkQBUNWSK7cjs = require('./chunk-QBUNWSK7.cjs');
 
-var _chunkWHRKM7ULcjs = require('./chunk-WHRKM7UL.cjs');
 
 
+var _chunkWHRKM7ULcjs = require('./chunk-WHRKM7UL.cjs');
 
-var _chunk73EJLMPTcjs = require('./chunk-73EJLMPT.cjs');
 
 
-var _chunkSZKZWADNcjs = require('./chunk-SZKZWADN.cjs');
+var _chunk73EJLMPTcjs = require('./chunk-73EJLMPT.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -84,9 +84,9 @@ var themeOrColorKeyValues = [
 var baseTheme = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, baseThemeColors), {
   // base type should be Themes but default to Light
   type: "light" /* Light */,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
   hcNeutralFromBg: (bgHex) => _chunkJBCEOOZScjs.hcNeutralFromBg.call(void 0, bgHex, _chunkJBCEOOZScjs.colors.black, _chunkJBCEOOZScjs.colors.white),
-  buttons: _chunk6VYXAPL5cjs.defaultButtonsTheme,
+  buttons: _chunkQBUNWSK7cjs.defaultButtonsTheme,
   loading: _chunk73EJLMPTcjs.defaultLoadingTheme,
   cardForm: _chunkWHRKM7ULcjs.defaultCardFormTheme,
   badge: {
@@ -127,11 +127,11 @@ var darkBaseTheme = {
   tertiary: _chunkJBCEOOZScjs.colors.white,
   success: _chunkJBCEOOZScjs.colors.success,
   text: _chunkJBCEOOZScjs.colors.white,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
   vlcNeutral: _chunkJBCEOOZScjs.colors.gray20,
   warning: _chunkJBCEOOZScjs.colors.warning,
   transparent: _chunkJBCEOOZScjs.colors.transparent,
-  buttons: _chunk6VYXAPL5cjs.defaultButtonsTheme,
+  buttons: _chunkQBUNWSK7cjs.defaultButtonsTheme,
   loading: _chunk73EJLMPTcjs.defaultLoadingTheme,
   cardForm: _chunkWHRKM7ULcjs.defaultCardFormTheme,
   inputBackground: _chunkJBCEOOZScjs.colors.black,
@@ -181,8 +181,8 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
   link: _chunkJBCEOOZScjs.colors.blue39,
   linkLight: "#0068C90F",
   inputBackground: _chunkJBCEOOZScjs.colors.white,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
-    main: "Inter",
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
+    main: "Manrope",
     code: "Monaco"
   }),
   content: extendBase(lightBaseTheme, {
@@ -196,17 +196,35 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
     secondary: _chunkJBCEOOZScjs.colors.grayBlue43,
     bg: _chunkJBCEOOZScjs.colors.grayBlue94
   }),
-  buttons: _deepmerge2.default.call(void 0, _chunk6VYXAPL5cjs.buttonsThemeBase, {
+  buttons: _deepmerge2.default.call(void 0, _chunkQBUNWSK7cjs.buttonsThemeBase, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 999,
     defaultPaddingsY: {
-      ExtraSmall: 16,
-      Small: 16,
-      Schmedium: 16,
-      Medium: 16,
-      Mlarge: 16,
-      Large: 16
+      ExtraSmall: {
+        short: 14,
+        regular: 16
+      },
+      Small: {
+        short: 14,
+        regular: 16
+      },
+      Schmedium: {
+        short: 14,
+        regular: 16
+      },
+      Medium: {
+        short: 14,
+        regular: 16
+      },
+      Mlarge: {
+        short: 14,
+        regular: 16
+      },
+      Large: {
+        short: 14,
+        regular: 16
+      }
     },
     kinds: {
       primary: {
@@ -229,8 +247,16 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
         defaultBorderColor: "grayBlue94",
         defaultHoverBackgroundColor: "grayBlue88",
         defaultHoverBorderColor: "grayBlue88",
-        defaultActiveBackgroundColor: "grayBlue57",
-        defaultActiveBorderColor: "grayBlue57"
+        defaultActiveBackgroundColor: "grayBlue69",
+        defaultActiveBorderColor: "grayBlue69"
+      },
+      quaternary: {
+        defaultBackgroundColor: "transparent",
+        defaultBorderColor: "grayBlue80",
+        defaultHoverBackgroundColor: "grayBlue94",
+        defaultHoverBorderColor: "grayBlue80",
+        defaultActiveBackgroundColor: "grayBlue88",
+        defaultActiveBorderColor: "grayBlue80"
       },
       tertiary: {
         defaultColor: "bg",
@@ -279,8 +305,8 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
   text: _chunkJBCEOOZScjs.colors.gray98,
   link: _chunkJBCEOOZScjs.colors.blue39,
   inputBackground: _chunkJBCEOOZScjs.colors.gray5,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
-    main: "Inter",
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
+    main: "Manrope",
     code: "Monaco"
   }),
   content: extendBase(lightBaseTheme, {
@@ -294,17 +320,35 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
     secondary: _chunkJBCEOOZScjs.colors.grayBlue43,
     bg: _chunkJBCEOOZScjs.colors.grayBlue9
   }),
-  buttons: _deepmerge2.default.call(void 0, _chunk6VYXAPL5cjs.buttonsThemeBase, {
+  buttons: _deepmerge2.default.call(void 0, _chunkQBUNWSK7cjs.buttonsThemeBase, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 999,
     defaultPaddingsY: {
-      ExtraSmall: 16,
-      Small: 16,
-      Schmedium: 16,
-      Medium: 16,
-      Mlarge: 16,
-      Large: 16
+      ExtraSmall: {
+        short: 14,
+        regular: 16
+      },
+      Small: {
+        short: 14,
+        regular: 16
+      },
+      Schmedium: {
+        short: 14,
+        regular: 16
+      },
+      Medium: {
+        short: 14,
+        regular: 16
+      },
+      Mlarge: {
+        short: 14,
+        regular: 16
+      },
+      Large: {
+        short: 14,
+        regular: 16
+      }
     },
     kinds: {
       primary: {
@@ -330,8 +374,10 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
       transparent: {
         defaultBackgroundColor: "transparent",
         defaultBorderColor: "transparent",
-        defaultHoverBackgroundColor: "grayBlue94",
-        defaultHoverBorderColor: "transparent"
+        defaultHoverBackgroundColor: "transparenta02",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "transparenta08",
+        defaultActiveBorderColor: "transparent"
       },
       linkLight: {
         defaultColor: "link",
@@ -358,7 +404,7 @@ var umameDocsLightTheme = extend(lightTheme, {
   text: _chunkJBCEOOZScjs.colors.grayBlue9,
   link: _chunkJBCEOOZScjs.colors.blue39,
   inputBackground: _chunkJBCEOOZScjs.colors.white,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
     main: "Manrope",
     code: "Monaco"
   }),
@@ -381,29 +427,29 @@ var umameDocsDarkTheme = extend(darkTheme, {
   secondary: _chunkJBCEOOZScjs.colors.grayBlue43,
   text: _chunkJBCEOOZScjs.colors.grayBlue9,
   link: _chunkJBCEOOZScjs.colors.blue39,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
     main: "Manrope",
     code: "Monaco"
   })
 });
 var lightsparkDocsLightTheme = extend(lightTheme, {
   type: "lightsparkDocsLight" /* LightsparkDocsLight */,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
 });
 var lightsparkDocsDarkTheme = extend(darkTheme, {
   type: "lightsparkDocsDark" /* LightsparkDocsDark */,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
 });
 var bridgeBaseSettings = {
   secondary: _chunkJBCEOOZScjs.colors.grayBlue43,
   mcNeutral: _chunkJBCEOOZScjs.colors.grayBlue43,
   success: _chunkJBCEOOZScjs.colors.green35,
   link: _chunkJBCEOOZScjs.colors.blue39,
-  typography: _chunkSZKZWADNcjs.getTypography.call(void 0, "Bridge" /* Bridge */, {
+  typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, "Bridge" /* Bridge */, {
     main: "Manrope",
     code: "Monaco"
   }),
-  buttons: _deepmerge2.default.call(void 0, _chunk6VYXAPL5cjs.buttonsThemeBase, {
+  buttons: _deepmerge2.default.call(void 0, _chunkQBUNWSK7cjs.buttonsThemeBase, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 8,
@@ -420,18 +466,35 @@ var bridgeBaseSettings = {
         defaultColor: "bg",
         defaultBackgroundColor: "blue39",
         defaultBorderColor: "blue39",
-        defaultHoverBackgroundColor: "blue37"
+        defaultHoverBackgroundColor: "blue37",
+        defaultHoverBorderColor: "blue37",
+        defaultActiveBackgroundColor: "blue22",
+        defaultActiveBorderColor: "blue22"
       },
       ghost: {
         defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
         defaultHoverBackgroundColor: "transparent",
-        defaultHoverBorderColor: "transparent"
+        defaultBorderColor: "transparent",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "transparent"
       },
       secondary: {
         defaultBackgroundColor: "transparent",
+        defaultBorderColor: "grayBlue80",
         defaultHoverBackgroundColor: "grayBlue94",
-        defaultBorderColor: "grayBlue80"
+        defaultHoverBorderColor: "grayBlue80",
+        defaultActiveBackgroundColor: "grayBlue88",
+        defaultActiveBorderColor: "grayBlue80"
+      },
+      transparent: {
+        defaultColor: "secondary",
+        defaultBackgroundColor: "transparent",
+        defaultBorderColor: "transparent",
+        defaultHoverBackgroundColor: "transparenta02",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "transparenta08",
+        defaultActiveBorderColor: "transparent"
       }
     }
   }),
@@ -512,7 +575,7 @@ function extendBase(obj, rest) {
 }
 function setFonts(theme, fontFamilies) {
   return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, theme), {
-    typography: _chunkSZKZWADNcjs.getTypography.call(void 0, theme.typography.group, fontFamilies)
+    typography: _chunkBP7JY5RTcjs.getTypography.call(void 0, theme.typography.group, fontFamilies)
   });
 }
 function isThemeColorKey(key) {

package/dist/{chunk-55Q7PRWQ.js → chunk-CYUAVRFN.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-OUVY3GFY.js";
+} from "./chunk-EFEPUABF.js";
 import {
   __async
 } from "./chunk-CWMXXUWU.js";

package/dist/{chunk-GDC7HXN5.js → chunk-D3DMCJUI.js}

@@ -1,9 +1,9 @@
 import {
   Heading
-} from "./chunk-6DU7EFD6.js";
+} from "./chunk-BLMFSRNE.js";
 import {
   ButtonRowContainer
-} from "./chunk-Z6TZF3W2.js";
+} from "./chunk-JYEUBM2E.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
@@ -11,7 +11,7 @@ import {
   flexCenter,
   overflowAutoWithoutScrollbars,
   size
-} from "./chunk-AV62WHL7.js";
+} from "./chunk-A4MP3LYH.js";
 import {
   cardBorderRadiusPx,
   darkGradientBg,
@@ -19,10 +19,10 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   themeOr
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   bp,
   useBreakpoints

package/dist/{chunk-YLZVGRVF.js → chunk-D4CUYSQB.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   toReactNodes
-} from "./chunk-SOGADTSR.js";
+} from "./chunk-3NZOR3KT.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   Link
-} from "./chunk-PVEDEZJZ.js";
+} from "./chunk-UUKJNNJ5.js";
 import {
   getColor
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-4SYS6DNZ.cjs → chunk-DGFWQF4M.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkHLDOB52Acjs = require('./chunk-HLDOB52A.cjs');
+var _chunk22OKXUZAcjs = require('./chunk-22OKXUZA.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkGLSWZ36Ycjs = require('./chunk-GLSWZ36Y.cjs');
+var _chunkOEJWIKG7cjs = require('./chunk-OEJWIKG7.cjs');
 
 
-var _chunkIBPPT3NUcjs = require('./chunk-IBPPT3NU.cjs');
+var _chunkRSAWZM47cjs = require('./chunk-RSAWZM47.cjs');
 
 
 
@@ -39,7 +39,7 @@ var StringFilter = ({
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkIBPPT3NUcjs.Button,
+      _chunkRSAWZM47cjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -59,8 +59,8 @@ var StringFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHLDOB52Acjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGLSWZ36Ycjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22OKXUZAcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkOEJWIKG7cjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/{chunk-GG7Q3VQ6.js → chunk-DIXTNCMZ.js}

@@ -1,12 +1,12 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-RT7X3ZOO.js";
+} from "./chunk-6GJZZ2PX.js";
 import {
   toReactNodes
-} from "./chunk-SOGADTSR.js";
+} from "./chunk-3NZOR3KT.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-DOX6V46V.cjs → chunk-DNZBIDU2.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkTQFTLCODcjs = require('./chunk-TQFTLCOD.cjs');
+var _chunkN5FXBMBScjs = require('./chunk-N5FXBMBS.cjs');
 
 
-var _chunk23OGEUAAcjs = require('./chunk-23OGEUAA.cjs');
+var _chunk2PFSMZIAcjs = require('./chunk-2PFSMZIA.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -11,7 +11,7 @@ var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
+var _chunkWIIDMFXRcjs = require('./chunk-WIIDMFXR.cjs');
 
 
 
@@ -19,10 +19,10 @@ var _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
 
 
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
-var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
+var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
 
 
 
@@ -36,7 +36,7 @@ function CardPage(props) {
   const initiallyExpanded = _react.useRef.call(void 0, Boolean(props.expandRight));
   const [wasExpanded, setWasExpanded] = _react.useState.call(void 0, Boolean(props.expandRight));
   const bp2 = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
-  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQFTLCODcjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
+  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN5FXBMBScjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
   _react.useEffect.call(void 0, () => {
     if (props.expandRight) {
       setWasExpanded(true);
@@ -53,7 +53,7 @@ function CardPage(props) {
       minContentHeight: props.minContentHeight,
       initiallyExpanded: initiallyExpanded.current,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkAIJ4JHXBcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkWIIDMFXRcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           CardPageContent,
           {
             hasPreHeaderContent: Boolean(props.preHeaderContent),
@@ -85,7 +85,7 @@ CardPage.defaultProps = {
 var CardPageFullContent = _styled2.default.div``;
 var CardPageFullWidth = _styled2.default.div``;
 var CardPageRightContentInner = _styled2.default.div`
-  ${_chunkAIJ4JHXBcjs.flexCenter}
+  ${_chunkWIIDMFXRcjs.flexCenter}
   height: 100%;
   padding: 150px 25px;
   ${({ hasRightContent }) => hasRightContent && `justify-content: space-evenly;`}
@@ -94,7 +94,7 @@ var CardPageRightContent = _styled2.default.div`
   display: flex;
   position: relative;
   ${CardPageRightContentInner} {
-    ${_chunkSWQDRB3Acjs.darkGradientBg};
+    ${_chunkRUDXRW4Rcjs.darkGradientBg};
     position: relative;
     height: calc(100% + 80px);
     margin-top: -40px;
@@ -104,15 +104,15 @@ var CardPageRightContent = _styled2.default.div`
     width: 100%;
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, [0, _chunkSWQDRB3Acjs.cardBorderRadiusPx, _chunkSWQDRB3Acjs.cardBorderRadiusPx, 0])};
+      ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, [0, _chunkRUDXRW4Rcjs.cardBorderRadiusPx, _chunkRUDXRW4Rcjs.cardBorderRadiusPx, 0])};
     `)}
   }
 `;
 var vCardPaddingPx = 40;
 var expandTiming = `0.65s ease-in-out`;
 var CardPageContainer = _styled2.default.div`
-  ${_chunkSWQDRB3Acjs.standardContentInset.css}
-  ${({ theme }) => _chunkC6XJ7ZJFcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${_chunkRUDXRW4Rcjs.standardContentInset.css}
+  ${({ theme }) => _chunkCUOCAP4Wcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
   position: relative;
   z-index: ${_chunkZU72XWNEcjs.z.card};
 
@@ -125,23 +125,23 @@ var CardPageContainer = _styled2.default.div`
   `)}
 
   & > * {
-    ${_chunkSWQDRB3Acjs.standardContentInset.css}
+    ${_chunkRUDXRW4Rcjs.standardContentInset.css}
   }
 
   & ${CardPageFullContent}, & ${CardPageFullWidth} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkSWQDRB3Acjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkSWQDRB3Acjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunkRUDXRW4Rcjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunkRUDXRW4Rcjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-      width: calc(100% + ${_chunkSWQDRB3Acjs.standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${_chunkSWQDRB3Acjs.standardContentInset.minSmMaxLgPx}px;
+      width: calc(100% + ${_chunkRUDXRW4Rcjs.standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${_chunkRUDXRW4Rcjs.standardContentInset.minSmMaxLgPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.lg(`
-      width: calc(100% + ${_chunkSWQDRB3Acjs.standardContentInset.lgPx * 2}px);
-      margin-left: -${_chunkSWQDRB3Acjs.standardContentInset.lgPx}px;
+      width: calc(100% + ${_chunkRUDXRW4Rcjs.standardContentInset.lgPx * 2}px);
+      margin-left: -${_chunkRUDXRW4Rcjs.standardContentInset.lgPx}px;
     `)}
   }
 
@@ -160,9 +160,9 @@ var CardPageContainer = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.minSm(`
-    ${_chunkSWQDRB3Acjs.standardCardShadow.styles};
+    ${_chunkRUDXRW4Rcjs.standardCardShadow.styles};
     padding: ${vCardPaddingPx}px 0;
-    ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, _chunkSWQDRB3Acjs.cardBorderRadiusPx)}
+    ${_chunkRUDXRW4Rcjs.standardBorderRadius.call(void 0, _chunkRUDXRW4Rcjs.cardBorderRadiusPx)}
   `)}
 
   &:not(:last-child) {
@@ -224,12 +224,12 @@ var CardPageContainer = _styled2.default.div`
 
       &:first-of-type > * {
         ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-          width: calc(100% - ${_chunkSWQDRB3Acjs.standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${_chunkSWQDRB3Acjs.standardContentInset.minSmMaxLgPx}px;
+          width: calc(100% - ${_chunkRUDXRW4Rcjs.standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${_chunkRUDXRW4Rcjs.standardContentInset.minSmMaxLgPx}px;
         `)}
         ${_chunkKW3JYLRIcjs.bp.lg(`
-          width: calc(100% - ${_chunkSWQDRB3Acjs.standardContentInset.lgPx * 3}px);
-          margin-left: ${_chunkSWQDRB3Acjs.standardContentInset.lgPx}px;
+          width: calc(100% - ${_chunkRUDXRW4Rcjs.standardContentInset.lgPx * 3}px);
+          margin-left: ${_chunkRUDXRW4Rcjs.standardContentInset.lgPx}px;
         `)}
       }
     }
@@ -255,7 +255,7 @@ var CardPageContainer = _styled2.default.div`
             ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
             margin: 0%;
             & > ${CardPageRightContentInner.toString()} {
-              border-radius: ${_chunkSWQDRB3Acjs.cardBorderRadiusPx}px !important;
+              border-radius: ${_chunkRUDXRW4Rcjs.cardBorderRadiusPx}px !important;
             }
           `) : wasExpanded ? _chunkKW3JYLRIcjs.bp.minSm(`
             width: 50%;
@@ -265,8 +265,8 @@ var CardPageContainer = _styled2.default.div`
 `;
 var CardPageSubtitle = _styled2.default.p`
   color: ${({ theme }) => theme.mcNeutral};
-  font-size: ${_chunkAIJ4JHXBcjs.size.px14};
-  line-height: ${_chunkAIJ4JHXBcjs.size.px18};
+  font-size: ${_chunkWIIDMFXRcjs.size.px14};
+  line-height: ${_chunkWIIDMFXRcjs.size.px18};
   font-weight: 600;
   margin: 0;
 `;
@@ -277,15 +277,15 @@ var CardPageHeader = _styled2.default.div`
   justify-content: space-between;
   position: relative;
 
-  & + *:not(${CardPageSubtitle}):not(${_chunk23OGEUAAcjs.ButtonRowContainer}) {
-    margin-top: ${_chunkSWQDRB3Acjs.headingContentMarginPx}px !important;
+  & + *:not(${CardPageSubtitle}):not(${_chunk2PFSMZIAcjs.ButtonRowContainer}) {
+    margin-top: ${_chunkRUDXRW4Rcjs.headingContentMarginPx}px !important;
   }
 
   & + ${CardPageSubtitle} {
     margin-top: 5px;
   }
 
-  & + ${_chunk23OGEUAAcjs.ButtonRowContainer} {
+  & + ${_chunk2PFSMZIAcjs.ButtonRowContainer} {
     margin-top: 16px;
   }
 `;

package/dist/chunk-DQ6IZTOT.js

@@ -0,0 +1,43 @@
+// src/icons/Gear.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function Gear({
+  strokeWidth = "1.5",
+  strokeLinecap = "butt",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 18 18",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6.6849 3.60254L4.17969 3.02441L3.02344 4.18066L3.60156 6.68587L1.28906 8.22754V9.76921L3.60156 11.3109L3.02344 13.816L4.17969 14.9723L6.6849 14.3942L8.22656 16.7067H9.76823L11.3099 14.3942L13.8151 14.9723L14.9713 13.816L14.3932 11.3109L16.7057 9.76921V8.22754L14.3932 6.68587L14.9713 4.18066L13.8151 3.02441L11.3099 3.60254L9.76823 1.29004H8.22656L6.6849 3.60254Z",
+            stroke: "black",
+            strokeWidth,
+            strokeLinejoin,
+            strokeLinecap
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M11.2904 8.9987C11.2904 10.2644 10.2644 11.2904 8.9987 11.2904C7.73303 11.2904 6.70703 10.2644 6.70703 8.9987C6.70703 7.73303 7.73303 6.70703 8.9987 6.70703C10.2644 6.70703 11.2904 7.73303 11.2904 8.9987Z",
+            stroke: "black",
+            strokeWidth,
+            strokeLinejoin,
+            strokeLinecap
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  Gear
+};

package/dist/{chunk-67WFM4DK.js → chunk-DZKH7ZUN.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-SOGADTSR.js";
+} from "./chunk-3NZOR3KT.js";
 import {
   StyledLabelStrong,
   getPropDefaults
-} from "./chunk-YO3KUPPI.js";
+} from "./chunk-7XBITPVC.js";
 import {
   __spreadProps,
   __spreadValues