@lightsparkdev/ui 1.1.1 → 1.1.2

package/dist/chunk-MEOGL5NX.js

@@ -0,0 +1,33 @@
+// src/icons/central/Gift.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Gift({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M16 10.3337V8.11143M16 10.3337H13.7777C11.3232 10.3337 9.33333 8.34382 9.33333 5.88922C9.33333 4.66191 10.3283 3.66699 11.5556 3.66699C14.0101 3.66699 16 5.65683 16 8.11143M16 10.3337H18.2223C20.6768 10.3337 22.6667 8.34382 22.6667 5.88922C22.6667 4.66191 21.6717 3.66699 20.4444 3.66699C17.9899 3.66699 16 5.65683 16 8.11143M16 10.3337H6.33333C5.59696 10.3337 5 10.9306 5 11.667V14.667C5 15.4034 5.59696 16.0003 6.33333 16.0003M16 10.3337H25.6667C26.4031 10.3337 27 10.9306 27 11.667V14.667C27 15.4034 26.4031 16.0003 25.6667 16.0003M16 10.3337V16.0003M6.33333 16.0003V25.667C6.33333 26.4034 6.93029 27.0003 7.66667 27.0003H16M6.33333 16.0003H16M6.33333 16.0003V15.3337M25.6667 16.0003V25.667C25.6667 26.4034 25.0697 27.0003 24.3333 27.0003H16M25.6667 16.0003H16M25.6667 16.0003V15.3337M16 16.0003V27.0003",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin,
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Gift
+};

package/dist/{chunk-KGBK65DQ.js → chunk-MHI74LTB.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5KSG5D3I.js";
 import {
   TextInput
-} from "./chunk-JBKOX4EH.js";
+} from "./chunk-DFYU5VPB.js";
 import {
   __spreadProps,
   __spreadValues
@@ -36,6 +36,7 @@ function PhoneInput({
   typography,
   onChange: onChangeProp,
   onBlur: onBlurProp,
+  onFocus: onFocusProp,
   error: errorProp,
   pxPerChar = 6,
   defaultCountryCode = "US",
@@ -97,6 +98,11 @@ function PhoneInput({
       pattern: "[0-9,]*",
       inputMode: "numeric",
       value: formattedValue,
+      onFocus: (focusEvent) => {
+        if (onFocusProp) {
+          onFocusProp(focusEvent);
+        }
+      },
       onBlur: (blurEvent) => {
         setWasBlurred(true);
         if (onBlurProp) {

package/dist/{chunk-UQ3PKWPK.js → chunk-MKERXZUC.js}

@@ -1,21 +1,21 @@
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   lineClamp
-} from "./chunk-KKGZ47R3.js";
+} from "./chunk-YWNKHN46.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-JWFDHULW.js";
 import {
   applyTypography
-} from "./chunk-J44WQFQT.js";
+} from "./chunk-I6WJCP2T.js";
 import {
   elide
 } from "./chunk-HAC5YAGQ.js";
 import {
   getLineHeightNumberForTypographyType
 } from "./chunk-J3TUZRIL.js";
-import {
-  useClipboard
-} from "./chunk-QHODHUW2.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-DUQKLYWW.cjs → chunk-MN5Q5ZWW.cjs}

@@ -1,36 +1,36 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFAZRPNVLcjs = require('./chunk-FAZRPNVL.cjs');
+var _chunkAO75KOAAcjs = require('./chunk-AO75KOAA.cjs');
 
 
-var _chunk2VEWSENQcjs = require('./chunk-2VEWSENQ.cjs');
+var _chunk3EIRVYICcjs = require('./chunk-3EIRVYIC.cjs');
 
 
-var _chunkI6MQ5VOEcjs = require('./chunk-I6MQ5VOE.cjs');
+var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
 
 
 
-var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
+var _chunkXIFHBLNQcjs = require('./chunk-XIFHBLNQ.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunkXMSQNWZKcjs = require('./chunk-XMSQNWZK.cjs');
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 
-var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunk4DJ33XMZcjs = require('./chunk-4DJ33XMZ.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
 
-var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
 
@@ -73,7 +73,7 @@ function Table({
   rowHoverEffect = "border",
   minHeight = 300
 }) {
-  const navigate = _chunk7VSNXYK4cjs.useNavigate.call(void 0, );
+  const navigate = _chunk4DJ33XMZcjs.useNavigate.call(void 0, );
   const [sorting, setSorting] = _react3.useState.call(void 0, []);
   const { canWriteToClipboard, writeTextToClipboard } = _chunkJZ3TGO3Dcjs.useClipboard.call(void 0, clipboardCallbacks);
   const onClickCopy = _react3.useCallback.call(void 0, 
@@ -88,7 +88,7 @@ function Table({
       header: (context) => typeof column.header === "string" ? column.header : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         column.header.name,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkFAZRPNVLcjs.InfoIconTooltip,
+          _chunkAO75KOAAcjs.InfoIconTooltip,
           {
             id: `tooltip-${column.header.name}`,
             content: column.header.tooltip || "",
@@ -103,7 +103,7 @@ function Table({
         let icon = null;
         if (isObjectCell(value)) {
           const base64icon = value.base64icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Base64Icon, { src: value.base64icon, alt: "Icon" }) : null;
-          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
+          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
           if (isMultilineCell(value)) {
             content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LineClampSpan, { children: [
               base64icon ? base64icon : icon,
@@ -125,7 +125,7 @@ function Table({
               onClick: onClickCopy(value.text),
               role: "button",
               tabIndex: 0,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "Copy", width: 16, mr: 12 })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: "Copy", width: 16, mr: 12 })
             }
           );
           return value.link ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LinkClipboardCell, { children: [
@@ -139,7 +139,7 @@ function Table({
                   e.stopPropagation();
                 },
                 children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "LinkIcon", width: 12 }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: "LinkIcon", width: 12 }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
                 ]
               }
@@ -147,7 +147,7 @@ function Table({
             copyButton
           ] }) : value.to ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunk7VSNXYK4cjs.Link,
+              _chunk4DJ33XMZcjs.Link,
               {
                 to: value.to,
                 params: value.toParams,
@@ -173,12 +173,12 @@ function Table({
                 e.stopPropagation();
               },
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "LinkIcon", width: 12 }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: "LinkIcon", width: 12 }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
               ]
             }
           ) : value.to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HoverableCellWrapper, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunk7VSNXYK4cjs.Link,
+            _chunk4DJ33XMZcjs.Link,
             {
               to: value.to,
               params: value.toParams,
@@ -203,7 +203,7 @@ function Table({
           return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             icon,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkI6MQ5VOEcjs.ClipboardTextField,
+              _chunk3EIRVYICcjs.ClipboardTextField,
               {
                 value: value.text,
                 elide: maxChars ? {
@@ -242,7 +242,7 @@ function Table({
       if ((onClickRowResult == null ? void 0 : onClickRowResult.link) || (onClickRowResult == null ? void 0 : onClickRowResult.to) && newTabKey) {
         let link = onClickRowResult == null ? void 0 : onClickRowResult.link;
         if (!link) {
-          link = _chunk7VSNXYK4cjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
+          link = _chunk4DJ33XMZcjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
         }
         const target = newTabKey ? "_blank" : void 0;
         window.open(link, target);
@@ -293,13 +293,13 @@ function Table({
       }
     ),
     emptyState,
-    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VEWSENQcjs.Loading, {})
+    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXMSQNWZKcjs.Loading, {})
   ] });
 }
 var TableWrapper = _styled2.default.div`
   position: relative;
   min-height: ${({ minHeight }) => minHeight}px;
-  ${_chunkXQNOVNF4cjs.overflowAutoWithoutScrollbars}
+  ${_chunkXIFHBLNQcjs.overflowAutoWithoutScrollbars}
 `;
 var hoverCellStyles = _react.css`
   cursor: pointer;
@@ -315,7 +315,7 @@ var LinkCellContent = _styled2.default.span`
 var HoverableCellWrapper = _styled2.default.div`
   ${hoverCellStyles}
 
-  ${_chunk7VSNXYK4cjs.Link} {
+  ${_chunk4DJ33XMZcjs.Link} {
     text-overflow: ellipsis;
     overflow: hidden;
   }
@@ -343,7 +343,7 @@ var CopyButton = _styled2.default.span`
   display: inline-table;
 `;
 var LineClampSpan = _styled2.default.span`
-  ${_chunkXQNOVNF4cjs.lineClamp.call(void 0, 2)}
+  ${_chunkXIFHBLNQcjs.lineClamp.call(void 0, 2)}
 `;
 var Base64Icon = _styled2.default.img`
   width: 32px;
@@ -360,16 +360,16 @@ var StyledTable = _styled2.default.table`
 
   /* Important to use padding here instead of width so that table container overflow functions properly: */
   ${_chunkKW3JYLRIcjs.bp.lg(`
-    padding-left: ${_chunkU35SY546cjs.standardContentInset.lgPx}px;
-    padding-right: ${_chunkU35SY546cjs.standardContentInset.lgPx}px;
+    padding-left: ${_chunkO6BZRC56cjs.standardContentInset.lgPx}px;
+    padding-right: ${_chunkO6BZRC56cjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding-left: ${_chunkU35SY546cjs.standardContentInset.smPx}px;
-    padding-right: ${_chunkU35SY546cjs.standardContentInset.smPx}px;
+    padding-left: ${_chunkO6BZRC56cjs.standardContentInset.smPx}px;
+    padding-right: ${_chunkO6BZRC56cjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-    padding-left: ${_chunkU35SY546cjs.standardContentInset.minSmMaxLgPx}px;
-    padding-right: ${_chunkU35SY546cjs.standardContentInset.minSmMaxLgPx}px;
+    padding-left: ${_chunkO6BZRC56cjs.standardContentInset.minSmMaxLgPx}px;
+    padding-right: ${_chunkO6BZRC56cjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 
   th {
@@ -379,7 +379,7 @@ var StyledTable = _styled2.default.table`
     text-align: left;
     padding: ${cellPaddingPx}px 0px;
     border-bottom: 1px solid
-      ${({ theme }) => _chunkXUEKQQJVcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
+      ${({ theme }) => _chunkQI7YHMJZcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
     padding: ${cellPaddingPx}px;
     &:first-of-type {
       padding-left: 0px;
@@ -439,7 +439,7 @@ var StyledTable = _styled2.default.table`
               top: 10%;
               bottom: 10%;
               ${rowHoverEffect === "background" ? `background: ${theme.c1Neutral};` : `
-                    border: 1px solid ${_chunkXUEKQQJVcjs.themeOrWithKey.call(void 0, 
+                    border: 1px solid ${_chunkQI7YHMJZcjs.themeOrWithKey.call(void 0, 
   "c1Neutral",
   "c2Neutral"
 )({ theme })};

package/dist/{chunk-UL6O4F7D.js → chunk-MSMN63ZY.js}

@@ -1,33 +1,33 @@
 import {
   LabelString
-} from "./chunk-E6QPVXC5.js";
+} from "./chunk-PDEB5XJS.js";
 import {
   LabelModerateString
-} from "./chunk-XK6WXVWL.js";
+} from "./chunk-HIT2FCXS.js";
 import {
   LabelStrongString
-} from "./chunk-OIVDJXHX.js";
+} from "./chunk-RI5Q7OOG.js";
 import {
   OverlineString
-} from "./chunk-4C6DRJZF.js";
+} from "./chunk-MTQAQB4G.js";
 import {
-  BodyStrongString
-} from "./chunk-J4JUSV5P.js";
+  TitleString
+} from "./chunk-7VW7WAQ6.js";
 import {
   CodeString
-} from "./chunk-6SXB34S4.js";
+} from "./chunk-5Q75SIBB.js";
 import {
   DisplayString
-} from "./chunk-4S2OUM3H.js";
-import {
-  TitleString
-} from "./chunk-CEV6D4MN.js";
+} from "./chunk-VJIRCBU6.js";
 import {
   BodyString
-} from "./chunk-ZAQNPOEC.js";
+} from "./chunk-ITAEGTRO.js";
+import {
+  BodyStrongString
+} from "./chunk-RZFZCMDY.js";
 import {
   HeadlineString
-} from "./chunk-CE3IOBBS.js";
+} from "./chunk-EEZDWGJP.js";
 
 // src/components/typography/renderTypography.tsx
 import React from "react";

package/dist/{chunk-4C6DRJZF.js → chunk-MTQAQB4G.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-J44WQFQT.js";
+} from "./chunk-I6WJCP2T.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-75HJ26WW.js → chunk-MWHUXSVK.js}

@@ -1,6 +1,6 @@
 import {
   CodeInput
-} from "./chunk-4LGS7DX5.js";
+} from "./chunk-2BAYI25M.js";
 
 // src/components/CardForm/CardFormCodeInput.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-K52UQVCM.cjs → chunk-MYIV5ZLH.cjs}

@@ -3,13 +3,13 @@
 var _chunk2YBZV2K6cjs = require('./chunk-2YBZV2K6.cjs');
 
 
-var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
+var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
 
 
-var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
+var _chunk4DJ33XMZcjs = require('./chunk-4DJ33XMZ.cjs');
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
 // src/components/IconWithCircleBackground.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -19,9 +19,11 @@ function IconWithCircleBackground({
   iconWidth = 40,
   to,
   onClick,
+  padding,
   darkBg = false,
   shouldRotate = false,
   noBg = false,
+  hoverActiveBg = false,
   disabled = false,
   bgColor,
   iconColor,
@@ -40,16 +42,18 @@ function IconWithCircleBackground({
         StyledIconWithCircleBackground,
         {
           size: iconWidth,
+          padding,
           darkBg,
+          hoverActiveBg,
           shouldRotate,
           noBg,
           bgColor,
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4N5EXQIScjs.Icon,
+            _chunk4JJ5GJLEcjs.Icon,
             {
               name: iconName,
               width: iconWidth,
-              color: iconColor ? iconColor : darkBg ? "white" : "grayBlue9",
+              color: iconColor ? iconColor : "secondary",
               iconProps: {
                 strokeWidth: iconStrokeWidth,
                 fill: opaque ? "currentColor" : "none"
@@ -60,15 +64,23 @@ function IconWithCircleBackground({
       )
     }
   );
-  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7VSNXYK4cjs.Link, { to, disabled, children: content }) }) : content;
+  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4DJ33XMZcjs.Link, { to, disabled, children: content }) }) : content;
 }
 var StyledIconWithCircleBackground = _styled2.default.div`
-  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkXUEKQQJVcjs.getColor.call(void 0, theme, bgColor) : _chunkXUEKQQJVcjs.getColor.call(void 0, theme, "grayBlue94")};
+  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkQI7YHMJZcjs.getColor.call(void 0, theme, bgColor) : _chunkQI7YHMJZcjs.getColor.call(void 0, theme, "grayBlue94")};
+
+  &:hover {
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkQI7YHMJZcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
+  }
+  &:active {
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkQI7YHMJZcjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
+  }
+
   border-radius: 50%;
-  padding: ${({ size }) => getPadding(size)}px;
+  padding: ${({ size, padding }) => padding != null ? padding : getPadding(size)}px;
   display: flex;
   justify-content: center;
-  ${({ size }) => `width: ${size + getPadding(size) * 2}px; height: ${size + getPadding(size) * 2}px;`}
+  ${({ size, padding }) => `width: ${size + (padding != null ? padding : getPadding(size)) * 2}px; height: ${size + (padding != null ? padding : getPadding(size)) * 2}px;`}
 
   @keyframes IconWithCircleBackgroundRotate {
     0% {
@@ -84,6 +96,9 @@ var StyledIconWithCircleBackground = _styled2.default.div`
   ${({ shouldRotate }) => shouldRotate && `animation: IconWithCircleBackgroundRotate 10s ease infinite;`}
 `;
 function getPadding(size) {
+  if (size === 48) {
+    return 38;
+  }
   if (size === 40) {
     return 20;
   }

package/dist/{chunk-GRC7XFET.js → chunk-MYZ66GTU.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-BDL3A6DZ.js";
+} from "./chunk-E7KQDR6U.js";
 import {
   StyledTitle,
   getPropDefaults
-} from "./chunk-CEV6D4MN.js";
+} from "./chunk-7VW7WAQ6.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-33OPRYWV.js → chunk-NF6LGARO.js}

@@ -1,7 +1,11 @@
+import {
+  buttonsThemeBase,
+  defaultButtonsTheme
+} from "./chunk-XDL3GORR.js";
 import {
   cardFormThemeBase,
   defaultCardFormTheme
-} from "./chunk-G6OQNEXP.js";
+} from "./chunk-PHQ6NFOZ.js";
 import {
   defaultLoadingTheme,
   loadingThemeBase
@@ -9,10 +13,6 @@ import {
 import {
   getTypography
 } from "./chunk-J3TUZRIL.js";
-import {
-  buttonsThemeBase,
-  defaultButtonsTheme
-} from "./chunk-FBYK5UPJ.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
@@ -21,7 +21,7 @@ import {
   darkGradient,
   hcNeutralFromBg,
   isColorKey
-} from "./chunk-WAGTMEWB.js";
+} from "./chunk-QPO3F72O.js";
 import {
   __spreadProps,
   __spreadValues
@@ -489,8 +489,9 @@ var lightsparkDocsDarkTheme = extend(darkTheme, {
 var bridgeBaseSettings = {
   secondary: colors.grayBlue43,
   mcNeutral: colors.grayBlue43,
-  success: colors.green35,
+  success: colors.green37,
   link: colors.blue39,
+  linkLight: colors.blue10,
   typography: getTypography("Bridge" /* Bridge */, {
     main: "Manrope",
     code: "Roboto Mono"
@@ -500,13 +501,21 @@ var bridgeBaseSettings = {
     defaultSize: "Medium",
     defaultBorderRadius: 999,
     defaultPaddingsY: {
-      ExtraSmall: 13,
-      Small: 13,
+      ExtraSmall: 10,
+      Small: 10,
       Schmedium: 13,
       Medium: 13,
       Mlarge: 13,
       Large: 13
     },
+    defaultPaddingsX: {
+      ExtraSmall: 16,
+      Small: 16,
+      Schmedium: 24,
+      Medium: 24,
+      Mlarge: 24,
+      Large: 24
+    },
     kinds: {
       primary: {
         defaultColor: "bg",
@@ -542,12 +551,21 @@ var bridgeBaseSettings = {
         }
       },
       secondary: {
-        defaultBackgroundColor: "transparent",
-        defaultBorderColor: "grayBlue80",
+        defaultBackgroundColor: "gray99",
+        defaultBorderColor: "transparent",
         defaultHoverBackgroundColor: "grayBlue94",
-        defaultHoverBorderColor: "grayBlue80",
+        defaultHoverBorderColor: "transparent",
         defaultActiveBackgroundColor: "grayBlue88",
-        defaultActiveBorderColor: "grayBlue80"
+        defaultActiveBorderColor: "transparent"
+      },
+      tertiary: {
+        defaultColor: "gray99",
+        defaultBackgroundColor: "gray99",
+        defaultBorderColor: "gray99",
+        defaultHoverBackgroundColor: "gray98",
+        defaultHoverBorderColor: "gray98",
+        defaultActiveBackgroundColor: "gray",
+        defaultActiveBorderColor: "gray"
       },
       transparent: {
         defaultColor: "secondary",
@@ -573,6 +591,15 @@ var bridgeBaseSettings = {
         defaultBorderColor: "gray98",
         defaultHoverBackgroundColor: "gray98",
         defaultHoverBorderColor: "gray98"
+      },
+      linkLight: {
+        defaultColor: "link",
+        defaultBackgroundColor: "linkLight",
+        defaultBorderColor: "transparent",
+        defaultHoverBackgroundColor: "linkLight",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "linkLight",
+        defaultActiveBorderColor: "transparent"
       }
     }
   }),
@@ -591,15 +618,16 @@ var bridgeBaseSettings = {
     backgroundColor: "white",
     smBackgroundColor: "bg",
     borderRadius: 32,
+    contentMarginTop: 0,
     defaultDescriptionTypographyMap: {
       default: {
         type: "Body",
-        size: "Large",
+        size: "Medium",
         color: "secondary"
       },
       link: {
         type: "Body",
-        size: "Large",
+        size: "Medium",
         color: "text"
       }
     },
@@ -633,7 +661,7 @@ var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridg
   bg: colors.gray98,
   smBg: colors.gray98,
   text: colors.grayBlue9,
-  secondary: colors.grayBlue43,
+  secondary: colors.gray2,
   tertiary: colors.gray3,
   inputBackground: colors.white,
   danger: colors.red50

package/dist/{chunk-GYJS6Q35.js → chunk-NGSGEGM7.js}

@@ -1,12 +1,12 @@
 import {
   Filter
-} from "./chunk-K7OIWNQA.js";
+} from "./chunk-CSQII7YP.js";
 import {
   NumberInput_default
-} from "./chunk-FDMZZB2V.js";
+} from "./chunk-LMLZWAB6.js";
 import {
   ButtonRow
-} from "./chunk-3N2BVLZJ.js";
+} from "./chunk-VLMFSAAH.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-NI6YZUVY.cjs

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/LightningBoltOutline.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LightningBoltOutline() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "path",
+    {
+      d: "M13.1985 5.83316H9.16663C8.98257 5.83316 8.8333 5.68392 8.8333 5.49982V1.57029C8.8333 1.24319 8.41123 1.11177 8.22557 1.38104L2.52703 9.64389C2.37453 9.86502 2.53282 10.1665 2.80143 10.1665H6.8333C7.01737 10.1665 7.16663 10.3158 7.16663 10.4998V14.4294C7.16663 14.7565 7.58863 14.8879 7.77437 14.6186L13.4729 6.35574C13.6254 6.13461 13.4671 5.83316 13.1985 5.83316Z",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+
+
+
+exports.LightningBoltOutline = LightningBoltOutline;

package/dist/{chunk-6HENA5PI.js → chunk-NMELWOSZ.js}

@@ -1,11 +1,14 @@
 // src/icons/ShieldCheckLite.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function ShieldCheckLite() {
+function ShieldCheckLite({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      width: "24",
-      height: "24",
+      width: "100%",
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -13,10 +16,10 @@ function ShieldCheckLite() {
         "path",
         {
           d: "M9.25 11.4999L11 13.2499L14.75 9.49986M20.25 11.9122V6.22062C20.25 5.79019 19.9746 5.40805 19.5662 5.27194L12.3162 2.85527C12.111 2.78685 11.889 2.78685 11.6838 2.85527L4.43377 5.27194C4.02543 5.40805 3.75 5.79019 3.75 6.22062V11.9122C3.75 16.8847 8 19.2499 12 21.4078C16 19.2499 20.25 16.8847 20.25 11.9122Z",
-          stroke: "#16171A",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }