@lightsparkdev/ui 1.0.14 → 1.0.15

package/dist/chunk-YIDQ2YI5.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkGNRTDXICcjs = require('./chunk-GNRTDXIC.cjs');
+
+// src/hooks/useNumberInput/utils/parseAbbrValue.ts
+var abbrValue = (value, decimalSeparator = ".", _decimalPlaces = 10) => {
+  if (value > 999) {
+    let valueLength = ("" + value).length;
+    const p = Math.pow;
+    const d = p(10, _decimalPlaces);
+    valueLength -= valueLength % 3;
+    const abbrValue2 = Math.round(value * d / p(10, valueLength)) / d + " kMGTPE"[valueLength / 3];
+    return abbrValue2.replace(".", decimalSeparator);
+  }
+  return String(value);
+};
+var abbrMap = { k: 1e3, m: 1e6, b: 1e9 };
+var parseAbbrValue = (value, decimalSeparator = ".") => {
+  const reg = new RegExp(
+    `(\\d+(${_chunkGNRTDXICcjs.escapeRegExp.call(void 0, decimalSeparator)}\\d*)?)([kmb])$`,
+    "i"
+  );
+  const match = value.match(reg);
+  if (match) {
+    const [, digits, , abbr] = match;
+    const multiplier = abbrMap[abbr.toLowerCase()];
+    return Number(digits.replace(decimalSeparator, ".")) * multiplier;
+  }
+  return void 0;
+};
+
+
+
+
+exports.abbrValue = abbrValue; exports.parseAbbrValue = parseAbbrValue;

package/dist/{chunk-ABVJG7FC.js → chunk-YIJZVE4P.js}

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/styles/themeDefaults/cardForm.tsx
 var cardFormThemeBaseProps = {

package/dist/{chunk-7LHJROJJ.js → chunk-YPYMXOJV.js}

@@ -1,6 +1,6 @@
 import {
   textInputStyle
-} from "./chunk-GEE2G7BL.js";
+} from "./chunk-HJWXHKVC.js";
 
 // src/components/CodeInput/SingleCodeInput.tsx
 import { css, useTheme } from "@emotion/react";

package/dist/{chunk-BU6N4DJ3.js → chunk-YW4BJCOL.js}

@@ -6,6 +6,7 @@ var typographyStyles = ({
   hideOverflow,
   displayProp,
   textAlign,
+  underline,
   onClick
 }) => {
   const displayValue = blockProp || hideOverflow ? "block" : displayProp || null;
@@ -16,6 +17,10 @@ var typographyStyles = ({
     ${typeof onClick === "function" ? "cursor: pointer;" : ""}
     ${textAlign ? `text-align: ${textAlign};` : ""}
     ${displayValue ? `display: ${displayValue};` : ""}
+
+    /* Tokens have text-decoration set, override with !important if underline specified: */
+    ${underline ? "text-decoration: underline !important;" : ""}
+
     ${hideOverflow ? "overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;" : ""}
   `;
 };

package/dist/chunk-YWMVFOMB.cjs

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

package/dist/{chunk-EYCJL2CF.cjs → chunk-YWUG2VYL.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
+var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
 
 
-var _chunkLVYTRVPJcjs = require('./chunk-LVYTRVPJ.cjs');
+var _chunkNEAG7ITHcjs = require('./chunk-NEAG7ITH.cjs');
 
 // src/components/CurrencyAmount.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -12,11 +12,12 @@ var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(
 
 
 
+
 var _core = require('@lightsparkdev/core');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function CurrencyAmount({
   amount,
-  displayUnit = _core.CurrencyUnit.SATOSHI,
+  displayUnit: displayUnitProp,
   shortNumber = false,
   showUnits = false,
   includeEstimatedIndicator = false,
@@ -24,30 +25,46 @@ function CurrencyAmount({
   id,
   ml = 0,
   typography,
-  unitsPerBtc
+  unitsPerBtc,
+  showCurrencyIcon = true
 }) {
-  const unit = displayUnit;
-  const amountMap = _core.isCurrencyMap.call(void 0, amount) ? amount : _core.mapCurrencyAmount.call(void 0, amount, unitsPerBtc);
-  const value = amountMap[unit];
-  const defaultFormattedNumber = amountMap.formatted[unit];
+  let displayUnit;
+  let amountMap;
+  if (_core.isCurrencyMap.call(void 0, amount)) {
+    displayUnit = displayUnitProp || _core.CurrencyUnit.SATOSHI;
+    amountMap = amount;
+  } else {
+    const resolvedCurrencyAmount = _core.getCurrencyAmount.call(void 0, amount);
+    displayUnit = displayUnitProp || resolvedCurrencyAmount.unit;
+    amountMap = _core.mapCurrencyAmount.call(void 0, amount, unitsPerBtc);
+  }
+  const value = amountMap[displayUnit];
+  const defaultFormattedNumber = amountMap.formatted[displayUnit];
+  const appendUnits = showUnits === false ? void 0 : showUnits === true ? {
+    plural: false,
+    lowercase: false,
+    showForCurrentLocaleUnit: false
+  } : showUnits;
   let formattedNumber = defaultFormattedNumber;
   if (shortNumber) {
     formattedNumber = _core.formatCurrencyStr.call(void 0, 
-      { value: Number(value), unit },
-      { precision: 1, compact: true }
+      { value: Number(value), unit: displayUnit },
+      { precision: 1, compact: true, appendUnits }
     );
   } else if (fullPrecision) {
     formattedNumber = _core.formatCurrencyStr.call(void 0, 
-      { value: Number(value), unit },
-      { precision: "full" }
+      { value: Number(value), unit: displayUnit },
+      { precision: "full", appendUnits }
+    );
+  } else if (appendUnits) {
+    formattedNumber = _core.formatCurrencyStr.call(void 0, 
+      { value: Number(value), unit: displayUnit },
+      { appendUnits }
     );
-  }
-  if (showUnits) {
-    formattedNumber += ` ${shorttext(unit, value)}`;
   }
   let content = formattedNumber;
   if (typography && typography.type) {
-    content = _chunkLVYTRVPJcjs.renderTypography.call(void 0, typography.type, {
+    content = _chunkNEAG7ITHcjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       children: formattedNumber
@@ -55,37 +72,20 @@ function CurrencyAmount({
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCurrencyAmount, { ml, id, children: [
     includeEstimatedIndicator && "Est. ",
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CurrencyIcon, { unit }),
+    showCurrencyIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CurrencyIcon, { unit: displayUnit }) : null,
     content
   ] });
 }
 var CurrencyIcon = ({ unit }) => {
   switch (unit) {
     case _core.CurrencyUnit.BITCOIN:
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: "BitcoinB", width: 8, verticalAlign: -2, mr: 2 });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPXZDRT5cjs.Icon, { name: "BitcoinB", width: 8, verticalAlign: -2, mr: 2 });
     case _core.CurrencyUnit.SATOSHI:
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: "Satoshi", width: 8, verticalAlign: -2, mr: 2 });
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPXZDRT5cjs.Icon, { name: "Satoshi", width: 8, verticalAlign: -2, mr: 2 });
     default:
       return null;
   }
 };
-var shorttext = (unit, value) => {
-  const pl = value !== 1;
-  switch (unit) {
-    case _core.CurrencyUnit.BITCOIN:
-      return "BTC";
-    case _core.CurrencyUnit.MILLIBITCOIN:
-      return "mBTC";
-    case _core.CurrencyUnit.MICROBITCOIN:
-      return "\u03BCBTC";
-    case _core.CurrencyUnit.SATOSHI:
-      return `sat${pl ? "s" : ""}`;
-    case _core.CurrencyUnit.MILLISATOSHI:
-      return `msat${pl ? "s" : ""}`;
-    default:
-      return unit;
-  }
-};
 var StyledCurrencyAmount = _styled2.default.span`
   color: inherit !important;
   white-space: nowrap;

package/dist/{chunk-YM5JDZDQ.cjs → chunk-Z6EUSUAD.cjs}

@@ -1,7 +1,11 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __defProp = Object.defineProperty;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var __create = Object.create;
+var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -29,10 +33,29 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -60,4 +83,6 @@ var __async = (__this, __arguments, generator) => {
 
 
 
-exports.__spreadValues = __spreadValues; exports.__spreadProps = __spreadProps; exports.__objRest = __objRest; exports.__export = __export; exports.__async = __async;
+
+
+exports.__spreadValues = __spreadValues; exports.__spreadProps = __spreadProps; exports.__objRest = __objRest; exports.__commonJS = __commonJS; exports.__export = __export; exports.__toESM = __toESM; exports.__async = __async;

package/dist/{chunk-JBCEOOZS.cjs → chunk-ZBLXVPL4.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/styles/colors.tsx
 var neutral = {
@@ -27,9 +27,10 @@ var neutral = {
 };
 var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
 var primary = "#FFF14E";
-var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, neutral), {
+var baseColors = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, neutral), {
   // green
   success: "#17C27C",
+  green: "#46ac4a",
   green33: "#179257",
   green35: "#19981E",
   // blue
@@ -41,6 +42,7 @@ var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.
   // less than 50% saturated blue
   grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue10: "#14161D",
   grayBlue12: "#2D2E34",
   grayBlue14: "#3A3B41",
   grayBlue18: "#21283a",
@@ -50,16 +52,19 @@ var baseColors = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.
   grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue69: "#A6A9BA",
+  grayBlue78: "#C0C6CE",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",
   grayBlue92: "#E1EBF5",
   grayBlue93: "#E6EEF6",
   grayBlue94: "#EBEEF2",
+  grayBlue95: "#F2F3F5",
   grayBlue96: "#F2F5F7",
   // purple
   purple43: "#820AD1",
   purple55: "#8B38DE",
   // red
+  red50: "#E31A1A",
   red42a10: "#D800271A",
   red42a20: "#D800272D",
   red42a30: "#D800273F",

package/dist/{chunk-SL5VIBXU.cjs → chunk-ZJFRIMCC.cjs}

@@ -1,31 +1,31 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
+var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 
 
-var _chunkOZ6V4UJ3cjs = require('./chunk-OZ6V4UJ3.cjs');
+var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkF6XEXDWUcjs = require('./chunk-F6XEXDWU.cjs');
+var _chunkOJXZ773Ccjs = require('./chunk-OJXZ773C.cjs');
 
 
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/typography/base/Body.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function BodyString(props) {
-  const _a = getPropDefaults(props), { children } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["children"]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledBody, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, rest), { children }));
 }
 function getPropDefaults(props) {
-  return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+  return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBody = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkF6XEXDWUcjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
-  ${_chunkOZ6V4UJ3cjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkOJXZ773Ccjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
+  ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 
 

package/dist/chunk-ZLDACF56.js

@@ -0,0 +1,27 @@
+// src/icons/Snowflake.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Snowflake() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M11.8206 4.5C12.1313 4.5 12.3831 4.75184 12.3831 5.0625V11.0261L17.5482 8.04411C17.8172 7.88878 18.1612 7.98096 18.3165 8.25C18.4719 8.51904 18.3797 8.86306 18.1107 9.01839L12.946 12.0002L18.11 14.9816C18.379 15.1369 18.4712 15.481 18.3159 15.75C18.1605 16.019 17.8165 16.1112 17.5475 15.9559L12.3831 12.9743V18.9375C12.3831 19.2482 12.1313 19.5 11.8206 19.5C11.51 19.5 11.2581 19.2482 11.2581 18.9375V12.9747L6.09457 15.9559C5.82553 16.1112 5.48151 16.019 5.32618 15.75C5.17085 15.481 5.26303 15.1369 5.53207 14.9816L10.696 12.0002L5.53134 9.01839C5.2623 8.86306 5.17012 8.51904 5.32545 8.25C5.48078 7.98096 5.8248 7.88878 6.09384 8.04411L11.2581 11.0257V5.0625C11.2581 4.75184 11.51 4.5 11.8206 4.5Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Snowflake
+};

package/dist/{chunk-QNPCRFUV.js → chunk-ZNDP2XLL.js}

@@ -1,18 +1,18 @@
-import {
-  getTypography
-} from "./chunk-EWNQ3Z3L.js";
-import {
-  buttonsThemeBase,
-  defaultButtonsTheme
-} from "./chunk-5WH6LRHH.js";
 import {
   cardFormThemeBase,
   defaultCardFormTheme
-} from "./chunk-ABVJG7FC.js";
+} from "./chunk-YIJZVE4P.js";
 import {
   defaultLoadingTheme,
   loadingThemeBase
-} from "./chunk-LIVMIDVJ.js";
+} from "./chunk-S5AV3X5O.js";
+import {
+  getTypography
+} from "./chunk-FGZFMWJU.js";
+import {
+  buttonsThemeBase,
+  defaultButtonsTheme
+} from "./chunk-FBYK5UPJ.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
@@ -21,11 +21,11 @@ import {
   darkGradient,
   hcNeutralFromBg,
   isColorKey
-} from "./chunk-HO7LVJ3R.js";
+} from "./chunk-HU2UCL6I.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-CWMXXUWU.js";
+} from "./chunk-W7FAWX6T.js";
 
 // src/styles/themes.tsx
 import { css, useTheme } from "@emotion/react";
@@ -43,9 +43,14 @@ var Themes = /* @__PURE__ */ ((Themes2) => {
   Themes2["BridgeDark"] = "bridgeDark";
   return Themes2;
 })(Themes || {});
+function isTheme(theme) {
+  return Object.values(Themes).includes(theme);
+}
 var baseThemeColors = {
   bg: colors.white,
   smBg: colors.white,
+  c02Neutral: colors.gray98,
+  c02NeutralLight: "#F9F9F91A",
   c05Neutral: colors.gray95,
   c1Neutral: colors.gray90,
   c15Neutral: colors.gray85,
@@ -99,6 +104,8 @@ var darkBaseTheme = {
   type: "dark" /* Dark */,
   bg: colors.black,
   smBg: colors.black,
+  c02Neutral: colors.gray98,
+  c02NeutralLight: "#F9F9F91A",
   c05Neutral: colors.gray5,
   c1Neutral: colors.gray10,
   c15Neutral: colors.gray15,
@@ -167,6 +174,13 @@ var darkTheme = extend(darkBaseTheme, {
     smBg: colors.gray40,
     text: colors.white,
     secondary: colors.secondary
+  }),
+  buttons: merge(defaultButtonsTheme, {
+    kinds: {
+      secondary: {
+        defaultBorderColor: "gray15"
+      }
+    }
   })
 });
 var umaAuthSdkLightTheme = extend(lightTheme, {
@@ -240,7 +254,23 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
         defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
         defaultHoverBackgroundColor: "transparent",
-        defaultHoverBorderColor: "transparent"
+        defaultHoverBorderColor: "transparent",
+        defaultPaddingsY: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        },
+        defaultPaddingsX: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        }
       },
       secondary: {
         defaultBackgroundColor: "grayBlue94",
@@ -360,7 +390,23 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
         defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
         defaultHoverBackgroundColor: "transparent",
-        defaultHoverBorderColor: "transparent"
+        defaultHoverBorderColor: "transparent",
+        defaultPaddingsY: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        },
+        defaultPaddingsX: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        }
       },
       secondary: {
         defaultBackgroundColor: "grayBlue80",
@@ -447,7 +493,7 @@ var bridgeBaseSettings = {
   link: colors.blue39,
   typography: getTypography("Bridge" /* Bridge */, {
     main: "Manrope",
-    code: "Monaco"
+    code: "Roboto Mono"
   }),
   buttons: merge(buttonsThemeBase, {
     defaultTypographyType: "Title",
@@ -477,7 +523,23 @@ var bridgeBaseSettings = {
         defaultHoverBackgroundColor: "transparent",
         defaultBorderColor: "transparent",
         defaultHoverBorderColor: "transparent",
-        defaultActiveBackgroundColor: "transparent"
+        defaultActiveBackgroundColor: "transparent",
+        defaultPaddingsY: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        },
+        defaultPaddingsX: {
+          ExtraSmall: 0,
+          Small: 0,
+          Schmedium: 0,
+          Medium: 0,
+          Mlarge: 0,
+          Large: 0
+        }
       },
       secondary: {
         defaultBackgroundColor: "transparent",
@@ -550,7 +612,8 @@ var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridg
   smBg: colors.gray98,
   text: colors.grayBlue9,
   secondary: colors.grayBlue43,
-  inputBackground: colors.white
+  inputBackground: colors.white,
+  danger: colors.red50
 }));
 var bridgeDarkTheme = extend(darkTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeDark" /* BridgeDark */
@@ -683,6 +746,7 @@ function useThemeBg() {
 
 export {
   Themes,
+  isTheme,
   themeOrColorKeyValues,
   themes,
   setFonts,

package/dist/{chunk-WIIDMFXR.cjs → chunk-ZS6OPCVJ.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
+var _chunk4GO7VWXEcjs = require('./chunk-4GO7VWXE.cjs');
 
 // src/styles/utils.tsx
 var _react = require('@emotion/react');
 function pxToRems(rems, asNum = false) {
-  const value = (rems / _chunkRUDXRW4Rcjs.rootFontSizePx).toFixed(6);
+  const value = (rems / _chunk4GO7VWXEcjs.rootFontSizePx).toFixed(6);
   return asNum ? Number(value) : `${value}rem`;
 }
 function remsToPx(rems, asNum = false) {
-  const value = (_chunkRUDXRW4Rcjs.rootFontSizePx * rems).toFixed(6);
+  const value = (_chunk4GO7VWXEcjs.rootFontSizePx * rems).toFixed(6);
   return asNum ? Number(value) : `${value}px`;
 }
 var extend = (...args) => _react.css.call(void 0, ...args);

package/dist/{chunk-XSA2JR7B.cjs → chunk-ZUKSAWTE.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXRNCL5CAcjs = require('./chunk-XRNCL5CA.cjs');
+var _chunkPJUAK2V6cjs = require('./chunk-PJUAK2V6.cjs');
 
 
-var _chunkQ4RAJLKPcjs = require('./chunk-Q4RAJLKP.cjs');
+var _chunkWBKVP5QRcjs = require('./chunk-WBKVP5QR.cjs');
 
 
-var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
+var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
 
 
-var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
 // src/components/CopyToClipboardButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -28,7 +28,7 @@ var CopyToClipboardButton = (props) => {
       {
         type: "button",
         onClick: () => {
-          void (() => _chunkYM5JDZDQcjs.__async.call(void 0, void 0, null, function* () {
+          void (() => _chunkZ6EUSUADcjs.__async.call(void 0, void 0, null, function* () {
             try {
               yield navigator.clipboard.writeText(props.value);
               setTooltipContent("Copied!");
@@ -45,12 +45,12 @@ var CopyToClipboardButton = (props) => {
         "data-tooltip-id": id,
         children: [
           props.children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Children, { children: props.children }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPXZDRT5cjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
         ]
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQ4RAJLKPcjs.Tooltip,
+      _chunkPJUAK2V6cjs.Tooltip,
       {
         id,
         place: props.place || "right",
@@ -62,7 +62,7 @@ var CopyToClipboardButton = (props) => {
 var Children = _styled2.default.span`
   margin-right: 4px;
 `;
-var Button = _styled2.default.call(void 0, _chunkXRNCL5CAcjs.UnstyledButton)`
+var Button = _styled2.default.call(void 0, _chunkWBKVP5QRcjs.UnstyledButton)`
   background: rgba(0, 0, 0, 0);
   vertical-align: middle;
   ${({ ml }) => ml ? `margin-left: ${ml}px` : ""};