@lightsparkdev/ui 1.0.10 → 1.0.11

package/dist/{chunk-XF2X7TOO.cjs → chunk-4L7SC64I.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSZNCRT6Tcjs = require('./chunk-SZNCRT6T.cjs');
+var _chunk6G6HCZJUcjs = require('./chunk-6G6HCZJU.cjs');
 
 
-var _chunkJPRA3J5Ccjs = require('./chunk-JPRA3J5C.cjs');
+var _chunkBCPM2M3Ycjs = require('./chunk-BCPM2M3Y.cjs');
 
 
 var _chunk4WKQPWLIcjs = require('./chunk-4WKQPWLI.cjs');
 
 
-var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 
 var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
@@ -21,11 +21,11 @@ function SatoshiInputLabel({
   availableSats,
   showTooltip = true
 }) {
-  const availableSatsTooltipNode = showTooltip ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJPRA3J5Ccjs.Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
+  const availableSatsTooltipNode = showTooltip ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBCPM2M3Ycjs.Label, { style: { display: "inline-flex", margin: "0 0 0 3px" }, children: [
     "available",
     " ",
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkSZNCRT6Tcjs.InfoIconTooltip,
+      _chunk6G6HCZJUcjs.InfoIconTooltip,
       {
         id: "available-balance-tooltip",
         content: [
@@ -38,10 +38,10 @@ function SatoshiInputLabel({
       }
     )
   ] }) : null;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJPRA3J5Ccjs.Label, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBCPM2M3Ycjs.Label, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: text }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: availableSats !== void 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Satoshi", width: 8, mr: 4, verticalAlign: -2 }),
       _chunk7PRNB5U5cjs.addCommasToDigits.call(void 0, Math.floor(availableSats)),
       availableSatsTooltipNode
     ] }) })

package/dist/{chunk-5LEYZK7K.js → chunk-52LYEHC5.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5KSG5D3I.js";
 import {
   TextInput
-} from "./chunk-G3FLE2PL.js";
+} from "./chunk-KIE5GR5E.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-53ESFMFA.cjs

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkIRHZP2Z7cjs = require('./chunk-IRHZP2Z7.cjs');
+
+
+var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
+
+
+var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
+
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/base/Label.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LabelString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledLabel, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return _chunkIRHZP2Z7cjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+}
+var StyledLabel = _styled2.default.span`
+  ${({ theme, size, colorProp }) => _chunkSZSK5ISJcjs.applyTypography.call(void 0, theme, "Label", size, colorProp)}
+  ${_chunkOVJZVL57cjs.typographyStyles}
+`;
+
+
+
+
+
+exports.LabelString = LabelString; exports.getPropDefaults = getPropDefaults; exports.StyledLabel = StyledLabel;

package/dist/chunk-54GVS2VF.js

@@ -0,0 +1,26 @@
+import {
+  toReactNodes
+} from "./chunk-2I22MYIY.js";
+import {
+  StyledHeadline,
+  getPropDefaults
+} from "./chunk-A35Y4ISY.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/typography/Headline.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Headline(props) {
+  const propsWithDefaults = getPropDefaults(props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = toReactNodes(props.content);
+  }
+  return /* @__PURE__ */ jsx(StyledHeadline, __spreadProps(__spreadValues({}, propsWithDefaults), { children: reactNodes }));
+}
+
+export {
+  Headline
+};

package/dist/{chunk-YUALIPXR.cjs → chunk-54JF52UO.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
+var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
 
 
-var _chunk7LOKZM7Vcjs = require('./chunk-7LOKZM7V.cjs');
+var _chunkAPQWRIH6cjs = require('./chunk-APQWRIH6.cjs');
 
 
-var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -24,7 +24,7 @@ function ButtonRow({
   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, _chunk7LOKZM7Vcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), idx)
+    (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPQWRIH6cjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), idx)
   ) }) });
 }
 var ButtonRowContainer = _styled2.default.div`
@@ -37,9 +37,9 @@ var ButtonRowContainer = _styled2.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunkDIMJISMHcjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunkDIMJISMHcjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunkDIMJISMHcjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunkOQEP7VDDcjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunkOQEP7VDDcjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunkOQEP7VDDcjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         z-index: 2;
         &:before {
@@ -61,7 +61,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRow = _styled2.default.div`
-  ${_chunk6IU4OQOCcjs.overflowAutoWithoutScrollbars}
+  ${_chunkQ3F7S3R3cjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -78,7 +78,7 @@ var StyledButtonRow = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunkDIMJISMHcjs.standardContentInset.smPx}px;
+    padding: ${_chunkOQEP7VDDcjs.standardContentInset.smPx}px;
   `)}
 `;
 

package/dist/{chunk-WG6IF6MG.cjs → chunk-5ND3YDXQ.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkYTMT3NY6cjs = require('./chunk-YTMT3NY6.cjs');
+var _chunkFMXFC73Tcjs = require('./chunk-FMXFC73T.cjs');
 
 
-var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 // src/components/SecretContainer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -22,12 +22,12 @@ function SecretContainer(props) {
         children: props.secret
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYTMT3NY6cjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFMXFC73Tcjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
 }
 var StyledSecretContainer = _styled2.default.div`
   background-color: ${({ theme, hasSecret, success }) => hasSecret ? success ? theme.success : theme.c05Neutral : theme.bg};
-  ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
   padding: 18px 20px;
   color: ${({ theme, success }) => success ? theme.hcNeutral : theme.text};
   border: solid 1px

package/dist/{chunk-UIYWFRXB.cjs → chunk-5X2T4XFD.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkYTMT3NY6cjs = require('./chunk-YTMT3NY6.cjs');
+var _chunkFMXFC73Tcjs = require('./chunk-FMXFC73T.cjs');
 
 
-var _chunk6IU4OQOCcjs = require('./chunk-6IU4OQOC.cjs');
+var _chunkQ3F7S3R3cjs = require('./chunk-Q3F7S3R3.cjs');
 
 
-var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
-var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
 
 
 var _chunkCFG65CGCcjs = require('./chunk-CFG65CGC.cjs');
@@ -55,7 +55,7 @@ var backgroundColor = "#2d2d2d";
 var InlineCode = _styled2.default.span`
   font-family: "Roboto Mono", monospace;
   background-color: #2d2d2d;
-  border: 1px solid ${_chunkWKRK5OVEcjs.themeOr.call(void 0, _chunkCFG65CGCcjs.colors.gray90, _chunkCFG65CGCcjs.colors.gray20)};
+  border: 1px solid ${_chunk7EIZIKLRcjs.themeOr.call(void 0, _chunkCFG65CGCcjs.colors.gray90, _chunkCFG65CGCcjs.colors.gray20)};
   border-radius: 3px;
   line-height: 24px;
   padding: 0 4px;
@@ -152,7 +152,7 @@ var CodeBlock = ({
               styles: codeSelectStyles
             }
           ) }) : null,
-          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYTMT3NY6cjs.CopyToClipboardButton, { value: children }) : null
+          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFMXFC73Tcjs.CopyToClipboardButton, { value: children }) : null
         ]
       }
     )
@@ -176,11 +176,11 @@ var CodeBlockHeader = _styled2.default.div`
   padding: 16px 20px;
 `;
 var CodeBlockContainer = _styled2.default.pre`
-  ${_chunk6IU4OQOCcjs.overflowAutoWithoutScrollbars}
+  ${_chunkQ3F7S3R3cjs.overflowAutoWithoutScrollbars}
   &[class*="language-"] {
     padding: 20px;
     font-weight: 500;
-    ${_chunkDIMJISMHcjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
     ${(props) => props.hasHeader ? `border-top-left-radius: 0;
             border-top-right-radius: 0;
             margin-top: 0;` : ""}

package/dist/chunk-5YAHKBG6.cjs

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkIRHZP2Z7cjs = require('./chunk-IRHZP2Z7.cjs');
+
+
+var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
+
+
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+
+
+var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
+
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/base/Headline.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var headlineElements = ["h1", "h2", "h3", "h4", "h5", "h6"];
+function HeadlineString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return _chunkIRHZP2Z7cjs.getPropDefaultsBase.call(void 0, props, { as: props.heading || "h1" });
+}
+var StyledHeadline = _styled2.default.span`
+  ${({ theme, size, colorProp }) => _chunkSZSK5ISJcjs.applyTypography.call(void 0, theme, "Headline", size, colorProp)}
+  ${_chunkOVJZVL57cjs.typographyStyles}
+`;
+function headlineSelector(heading) {
+  return `${heading}${_chunk6VA4SAHQcjs.select.call(void 0, StyledHeadline)}`;
+}
+var ALL_HEADLINE_SELECTORS = headlineElements.map(headlineSelector).join(",");
+
+
+
+
+
+
+
+
+exports.headlineElements = headlineElements; exports.HeadlineString = HeadlineString; exports.getPropDefaults = getPropDefaults; exports.StyledHeadline = StyledHeadline; exports.headlineSelector = headlineSelector; exports.ALL_HEADLINE_SELECTORS = ALL_HEADLINE_SELECTORS;

package/dist/chunk-65AUSAGM.js

@@ -0,0 +1,26 @@
+import {
+  toReactNodes
+} from "./chunk-2I22MYIY.js";
+import {
+  StyledOverline,
+  getPropDefaults
+} from "./chunk-QYALA36I.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/typography/Overline.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Overline(props) {
+  const propsWithDefaults = getPropDefaults(props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = toReactNodes(props.content);
+  }
+  return /* @__PURE__ */ jsx(StyledOverline, __spreadProps(__spreadValues({}, propsWithDefaults), { children: reactNodes }));
+}
+
+export {
+  Overline
+};

package/dist/{chunk-B5DSZXP6.js → chunk-6B5ZLUMZ.js}

@@ -1,9 +1,9 @@
 import {
   Filter
-} from "./chunk-MQVRZOTQ.js";
+} from "./chunk-DLBPASW7.js";
 import {
   Radio
-} from "./chunk-XXXM6HSW.js";
+} from "./chunk-OVQKO5XJ.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-SZNCRT6T.cjs → chunk-6G6HCZJU.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk5MLMGZJGcjs = require('./chunk-5MLMGZJG.cjs');
+var _chunkA3WQPTLFcjs = require('./chunk-A3WQPTLF.cjs');
 
 
-var _chunkGDLQ54TNcjs = require('./chunk-GDLQ54TN.cjs');
+var _chunk36SDWEWYcjs = require('./chunk-36SDWEWY.cjs');
 
 
-var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
 
 // src/components/InfoIconTooltip.tsx
 var _react = require('react');
@@ -16,17 +16,17 @@ function InfoIconTooltip({
   content,
   verticalAlign = "middle"
 }) {
-  const contentNodes = _chunkGDLQ54TNcjs.toReactNodes.call(void 0, content);
+  const contentNodes = _chunk36SDWEWYcjs.toReactNodes.call(void 0, content);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
         "data-tooltip-id": id,
         style: { display: "inline-flex", alignItems: "center", verticalAlign },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJMIYMECJcjs.Icon, { name: "Info", width: 12, ml: 4 })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUMU7TYANcjs.Icon, { name: "Info", width: 12, ml: 4 })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MLMGZJGcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA3WQPTLFcjs.Tooltip, { id, render: () => contentNodes, clickable: true })
   ] });
 }
 

package/dist/{chunk-HZFMTV5V.js → chunk-6NM6IXYH.js}

@@ -1,15 +1,15 @@
 import {
   Filter
-} from "./chunk-MQVRZOTQ.js";
+} from "./chunk-DLBPASW7.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   TextInput
-} from "./chunk-G3FLE2PL.js";
+} from "./chunk-KIE5GR5E.js";
 import {
   Button
-} from "./chunk-2C73WWPT.js";
+} from "./chunk-LQKIJF4I.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-DCQM7IVK.cjs → chunk-6PYUHYIP.cjs}

@@ -3126,7 +3126,7 @@ function getTypographyTypes(fontFamilies) {
             fontFamily: `${fontFamilies.main}`,
             fontWeight: `${FONT_WEIGHTS.main.Bold}`,
             lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */]["2xl"]}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["3xl"]}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xl"]}`,
             letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
             paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
             paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
@@ -3136,8 +3136,8 @@ function getTypographyTypes(fontFamilies) {
           [TokenSize.Medium]: {
             fontFamily: `${fontFamilies.main}`,
             fontWeight: `${FONT_WEIGHTS.main.Bold}`,
-            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].xl}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */]["2xl"]}`,
+            lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].lg}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xl}`,
             letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
             paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
             paragraphIndent: `${PARAGRAPH_INDENT[0]}`,
@@ -3148,7 +3148,7 @@ function getTypographyTypes(fontFamilies) {
             fontFamily: `${fontFamilies.main}`,
             fontWeight: `${FONT_WEIGHTS.main.Bold}`,
             lineHeight: `${LINE_HEIGHTS["UmameDocs" /* UmameDocs */].lg}`,
-            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].xl}`,
+            fontSize: `${FONT_SIZE["UmameDocs" /* UmameDocs */].lg}`,
             letterSpacing: `${LETTER_SPACING["UmameDocs" /* UmameDocs */].tight}`,
             paragraphSpacing: `${PARAGRAPH_SPACING[16]}`,
             paragraphIndent: `${PARAGRAPH_INDENT[0]}`,

package/dist/{chunk-WKRK5OVE.cjs → chunk-7EIZIKLR.cjs}

@@ -1,14 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkSDDC5AVTcjs = require('./chunk-SDDC5AVT.cjs');
+var _chunkR7ZYIVANcjs = require('./chunk-R7ZYIVAN.cjs');
+
+
+
+var _chunk2WMBDPXZcjs = require('./chunk-2WMBDPXZ.cjs');
 
 
 
 var _chunk73EJLMPTcjs = require('./chunk-73EJLMPT.cjs');
 
 
-var _chunkDCQM7IVKcjs = require('./chunk-DCQM7IVK.cjs');
+var _chunk6PYUHYIPcjs = require('./chunk-6PYUHYIP.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -78,10 +82,11 @@ 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: _chunkDCQM7IVKcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
+  typography: _chunk6PYUHYIPcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
   hcNeutralFromBg: (bgHex) => _chunkCFG65CGCcjs.hcNeutralFromBg.call(void 0, bgHex, _chunkCFG65CGCcjs.colors.black, _chunkCFG65CGCcjs.colors.white),
-  buttons: _chunkSDDC5AVTcjs.defaultButtonsTheme,
+  buttons: _chunkR7ZYIVANcjs.defaultButtonsTheme,
   loading: _chunk73EJLMPTcjs.defaultLoadingTheme,
+  cardForm: _chunk2WMBDPXZcjs.defaultCardFormTheme,
   badge: {
     bg: "c05Neutral"
   },
@@ -119,11 +124,12 @@ var darkBaseTheme = {
   tertiary: _chunkCFG65CGCcjs.colors.white,
   success: _chunkCFG65CGCcjs.colors.success,
   text: _chunkCFG65CGCcjs.colors.white,
-  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
+  typography: _chunk6PYUHYIPcjs.getTypography.call(void 0, "Lightspark" /* Lightspark */),
   vlcNeutral: _chunkCFG65CGCcjs.colors.gray20,
   warning: _chunkCFG65CGCcjs.colors.warning,
-  buttons: _chunkSDDC5AVTcjs.defaultButtonsTheme,
+  buttons: _chunkR7ZYIVANcjs.defaultButtonsTheme,
   loading: _chunk73EJLMPTcjs.defaultLoadingTheme,
+  cardForm: _chunk2WMBDPXZcjs.defaultCardFormTheme,
   inputBackground: _chunkCFG65CGCcjs.colors.black,
   badge: {
     bg: "c15Neutral"
@@ -168,7 +174,7 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
   text: _chunkCFG65CGCcjs.colors.grayBlue9,
   link: _chunkCFG65CGCcjs.colors.blue39,
   inputBackground: _chunkCFG65CGCcjs.colors.white,
-  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
+  typography: _chunk6PYUHYIPcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
     main: "Manrope",
     code: "Monaco"
   }),
@@ -183,11 +189,10 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
     secondary: _chunkCFG65CGCcjs.colors.grayBlue43,
     bg: _chunkCFG65CGCcjs.colors.grayBlue94
   }),
-  buttons: _deepmerge2.default.call(void 0, _chunkSDDC5AVTcjs.buttonsThemeBase, {
+  buttons: _deepmerge2.default.call(void 0, _chunkR7ZYIVANcjs.buttonsThemeBase, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 999,
-    defaultBorderWidth: 0,
     defaultPaddingsY: {
       ExtraSmall: 16,
       Small: 16,
@@ -205,7 +210,6 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
       ghost: {
         defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
-        defaultBorderWidth: 0,
         defaultHoverBackgroundColor: "transparent",
         defaultHoverBorderColor: "transparent"
       },
@@ -230,7 +234,7 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
   text: _chunkCFG65CGCcjs.colors.gray98,
   link: _chunkCFG65CGCcjs.colors.blue39,
   inputBackground: _chunkCFG65CGCcjs.colors.gray5,
-  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
+  typography: _chunk6PYUHYIPcjs.getTypography.call(void 0, "UmaAuthSdk" /* UmaAuthSdk */, {
     main: "Manrope",
     code: "Monaco"
   }),
@@ -245,11 +249,10 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
     secondary: _chunkCFG65CGCcjs.colors.grayBlue43,
     bg: _chunkCFG65CGCcjs.colors.grayBlue9
   }),
-  buttons: _deepmerge2.default.call(void 0, _chunkSDDC5AVTcjs.buttonsThemeBase, {
+  buttons: _deepmerge2.default.call(void 0, _chunkR7ZYIVANcjs.buttonsThemeBase, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 999,
-    defaultBorderWidth: 0,
     defaultPaddingsY: {
       ExtraSmall: 16,
       Small: 16,
@@ -267,7 +270,6 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
       ghost: {
         defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
-        defaultBorderWidth: 0,
         defaultHoverBackgroundColor: "transparent",
         defaultHoverBorderColor: "transparent"
       },
@@ -291,7 +293,7 @@ var umameDocsLightTheme = extend(lightTheme, {
   text: _chunkCFG65CGCcjs.colors.grayBlue9,
   link: _chunkCFG65CGCcjs.colors.blue39,
   inputBackground: _chunkCFG65CGCcjs.colors.white,
-  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
+  typography: _chunk6PYUHYIPcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
     main: "Manrope",
     code: "Monaco"
   }),
@@ -314,33 +316,32 @@ var umameDocsDarkTheme = extend(darkTheme, {
   secondary: _chunkCFG65CGCcjs.colors.grayBlue43,
   text: _chunkCFG65CGCcjs.colors.grayBlue9,
   link: _chunkCFG65CGCcjs.colors.blue39,
-  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
+  typography: _chunk6PYUHYIPcjs.getTypography.call(void 0, "UmameDocs" /* UmameDocs */, {
     main: "Manrope",
     code: "Monaco"
   })
 });
 var lightsparkDocsLightTheme = extend(lightTheme, {
   type: "lightsparkDocsLight" /* LightsparkDocsLight */,
-  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
+  typography: _chunk6PYUHYIPcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
 });
 var lightsparkDocsDarkTheme = extend(darkTheme, {
   type: "lightsparkDocsDark" /* LightsparkDocsDark */,
-  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
+  typography: _chunk6PYUHYIPcjs.getTypography.call(void 0, "LightsparkDocs" /* LightsparkDocs */)
 });
 var bridgeBaseSettings = {
   secondary: _chunkCFG65CGCcjs.colors.grayBlue43,
   mcNeutral: _chunkCFG65CGCcjs.colors.grayBlue43,
   success: _chunkCFG65CGCcjs.colors.green35,
   link: _chunkCFG65CGCcjs.colors.blue39,
-  typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, "Bridge" /* Bridge */, {
+  typography: _chunk6PYUHYIPcjs.getTypography.call(void 0, "Bridge" /* Bridge */, {
     main: "Manrope",
     code: "Monaco"
   }),
-  buttons: _deepmerge2.default.call(void 0, _chunkSDDC5AVTcjs.buttonsThemeBase, {
+  buttons: _deepmerge2.default.call(void 0, _chunkR7ZYIVANcjs.buttonsThemeBase, {
     defaultTypographyType: "Title",
     defaultSize: "Medium",
     defaultBorderRadius: 8,
-    defaultBorderWidth: 0,
     defaultPaddingsY: {
       ExtraSmall: 14,
       Small: 14,
@@ -353,20 +354,19 @@ var bridgeBaseSettings = {
       primary: {
         defaultColor: "bg",
         defaultBackgroundColor: "blue39",
+        defaultBorderColor: "blue39",
         defaultHoverBackgroundColor: "blue37"
       },
       ghost: {
         defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
-        defaultBorderWidth: 0,
         defaultHoverBackgroundColor: "transparent",
         defaultHoverBorderColor: "transparent"
       },
       secondary: {
         defaultBackgroundColor: "transparent",
         defaultHoverBackgroundColor: "grayBlue94",
-        defaultBorderColor: "grayBlue80",
-        defaultBorderWidth: 1
+        defaultBorderColor: "grayBlue80"
       }
     }
   }),
@@ -381,6 +381,25 @@ var bridgeBaseSettings = {
       }
     }
   }),
+  cardForm: _deepmerge2.default.call(void 0, _chunk2WMBDPXZcjs.cardFormThemeBase, {
+    backgroundColor: "white",
+    smBackgroundColor: "bg",
+    kinds: {
+      primary: {
+        paddingY: 56,
+        paddingX: 40,
+        shadow: "hard"
+      },
+      secondary: {
+        borderWidth: 1,
+        smBorderWidth: 0,
+        borderColor: "grayBlue94",
+        paddingY: 40,
+        paddingX: 40,
+        shadow: "none"
+      }
+    }
+  }),
   badge: {
     bg: "grayBlue94"
   }
@@ -416,7 +435,7 @@ function extendBase(obj, rest) {
 }
 function setFonts(theme, fontFamilies) {
   return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, theme), {
-    typography: _chunkDCQM7IVKcjs.getTypography.call(void 0, theme.typography.group, fontFamilies)
+    typography: _chunk6PYUHYIPcjs.getTypography.call(void 0, theme.typography.group, fontFamilies)
   });
 }
 function isThemeColorKey(key) {