@lightsparkdev/ui 1.0.11 → 1.0.13

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

@@ -2009,7 +2009,7 @@ function getTypographyTypes(fontFamilies) {
         [TypographyType.Body]: {
           [TokenSize.Large]: {
             fontFamily: `${fontFamilies.main}`,
-            fontWeight: `${FONT_WEIGHTS.main.SemiBold}`,
+            fontWeight: `${FONT_WEIGHTS.main.Medium}`,
             lineHeight: `${LINE_HEIGHTS["UmaAuthSdk" /* UmaAuthSdk */].sm}`,
             fontSize: `${FONT_SIZE["UmaAuthSdk" /* UmaAuthSdk */].md}`,
             letterSpacing: `${LETTER_SPACING["UmaAuthSdk" /* UmaAuthSdk */].normal}`,
@@ -4079,6 +4079,11 @@ function getLineHeightForTypographyType(type, size, theme) {
   }
   return desktopTokens.lineHeight;
 }
+function getLineHeightNumberForTypographyType(type, size, theme) {
+  const lineHeight = getLineHeightForTypographyType(type, size, theme);
+  return parseFloat(lineHeight);
+}
+
 
 
 
@@ -4089,4 +4094,4 @@ function getLineHeightForTypographyType(type, size, theme) {
 
 
 
-exports.TypographyGroup = TypographyGroup; exports.lineHeightKeys = lineHeightKeys; exports.getLineHeightFromKey = getLineHeightFromKey; exports.TokenSize = TokenSize; exports.TypographyType = TypographyType; exports.getTypography = getTypography; exports.getTypographyString = getTypographyString; exports.getLineHeightForTypographyType = getLineHeightForTypographyType;
+exports.TypographyGroup = TypographyGroup; exports.lineHeightKeys = lineHeightKeys; exports.getLineHeightFromKey = getLineHeightFromKey; exports.TokenSize = TokenSize; exports.TypographyType = TypographyType; exports.getTypography = getTypography; exports.getTypographyString = getTypographyString; exports.getLineHeightForTypographyType = getLineHeightForTypographyType; exports.getLineHeightNumberForTypographyType = getLineHeightNumberForTypographyType;

package/dist/{chunk-O25QSADF.cjs → chunk-T63TBYVP.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkO64MW4Z4cjs = require('./chunk-O64MW4Z4.cjs');
+var _chunk3NRRDBJNcjs = require('./chunk-3NRRDBJN.cjs');
 
 
 
@@ -14,7 +14,7 @@ function SecretInput(_a) {
   var rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, []);
   const [showSecret, setShowSecret] = _react.useState.call(void 0, false);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkO64MW4Z4cjs.TextInput,
+    _chunk3NRRDBJNcjs.TextInput,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), {
       type: showSecret ? void 0 : "password",
       onClickIcon: () => setShowSecret(!showSecret),

package/dist/{chunk-AISFIJCR.js → chunk-TBN4AXEM.js}

@@ -1,6 +1,6 @@
 import {
   StatusIndicator
-} from "./chunk-L23G6XLY.js";
+} from "./chunk-W7TDNP36.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-AFROYZKQ.js → chunk-TGNWD4ZG.js}

@@ -1,6 +1,9 @@
 // src/icons/SatoshiRounded.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function SatoshiRounded() {
+function SatoshiRounded({
+  strokeWidth = "1.5",
+  strokeLinecap = "round"
+}) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -13,8 +16,8 @@ function SatoshiRounded() {
           "path",
           {
             d: "M10.4 4.77783H1.09985",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
+            strokeWidth,
+            strokeLinecap,
             stroke: "currentColor"
           }
         ),
@@ -22,8 +25,8 @@ function SatoshiRounded() {
           "path",
           {
             d: "M10.4 8H1.09985",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
+            strokeWidth,
+            strokeLinecap,
             stroke: "currentColor"
           }
         ),
@@ -31,8 +34,8 @@ function SatoshiRounded() {
           "path",
           {
             d: "M10.4 11.2222H1.09985",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
+            strokeWidth,
+            strokeLinecap,
             stroke: "currentColor"
           }
         ),
@@ -40,8 +43,8 @@ function SatoshiRounded() {
           "path",
           {
             d: "M5.95215 15.2498L5.95215 13.6387",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
+            strokeWidth,
+            strokeLinecap,
             stroke: "currentColor"
           }
         ),
@@ -49,8 +52,8 @@ function SatoshiRounded() {
           "path",
           {
             d: "M5.95215 2.36111L5.95215 0.75",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
+            strokeWidth,
+            strokeLinecap,
             stroke: "currentColor"
           }
         )

package/dist/{chunk-PGBN4QPX.js → chunk-TJWGKORO.js}

@@ -1,12 +1,16 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-JZ2MJO3Z.js";
+} from "./chunk-GLYTFTP5.js";
 import {
   toReactNodes
-} from "./chunk-2I22MYIY.js";
+} from "./chunk-TS7Y6L2D.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-DV6LJQJW.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/TextIconAligner.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
@@ -22,15 +26,10 @@ function TextIconAligner({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const defaultTypographyMap = {
-    link: defaultTypography,
-    text: defaultTypography,
-    nextLink: defaultTypography
-  };
-  const nodesWithTypography = setDefaultReactNodesTypography(
-    contentProp,
-    defaultTypographyMap
-  );
+  const nodesWithTypography = setDefaultReactNodesTypography(contentProp, {
+    default: defaultTypography,
+    link: __spreadProps(__spreadValues({}, defaultTypography), { color: "link" })
+  });
   const content = toReactNodes(nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ jsx(
     Icon,

package/dist/{chunk-FH6BM3M7.js → chunk-TLFK5GBE.js}

@@ -1,9 +1,9 @@
 import {
   getFontColor
-} from "./chunk-HYUF4RXZ.js";
+} from "./chunk-N4C6SL6K.js";
 import {
   getTypographyString
-} from "./chunk-YQP6BIJN.js";
+} from "./chunk-AZSSORPU.js";
 
 // src/styles/typography.tsx
 var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {

package/dist/{chunk-57IQEIDN.js → chunk-TLLFD4ZU.js}

@@ -1,6 +1,10 @@
 // src/icons/ArrowUpRight.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function ArrowUpRight() {
+function ArrowUpRight({
+  strokeWidth = "2.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,9 +17,9 @@ function ArrowUpRight() {
         {
           d: "M22.4167 17.4167V1.58333M22.4167 1.58333H6.58333M22.4167 1.58333L2 22",
           stroke: "currentColor",
-          strokeWidth: "2.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-2I22MYIY.js → chunk-TS7Y6L2D.js}

@@ -1,25 +1,29 @@
 import {
+  isClipboardTextFieldNode,
   isCurrencyAmountNode,
   isIconNode,
   isLinkNode,
   isNextLinkNode,
   isTextNode
-} from "./chunk-G5IVQ4O3.js";
+} from "./chunk-FZUV52PP.js";
 import {
   NextLink
-} from "./chunk-A5IQAGAS.js";
+} from "./chunk-S6IHGGFT.js";
+import {
+  ClipboardTextField
+} from "./chunk-NVEDOY6M.js";
 import {
   CurrencyAmount
-} from "./chunk-S22LEIHN.js";
+} from "./chunk-6GO3M7E2.js";
 import {
   Icon
-} from "./chunk-NCLVA6JY.js";
+} from "./chunk-DV6LJQJW.js";
 import {
   Link
-} from "./chunk-TIX47F5U.js";
+} from "./chunk-7VQUG3NG.js";
 import {
   renderTypography
-} from "./chunk-ANBLLKL6.js";
+} from "./chunk-QJV3WFYP.js";
 import {
   stringToNodes
 } from "./chunk-2466FZJC.js";
@@ -49,12 +53,10 @@ function toReactNodes(toReactNodesArg) {
       } else {
         content = stringToNodes(text);
       }
-      const props = isTextNode(node) ? {
-        onClick: node.onClick,
-        style: { cursor: "pointer" }
-      } : void 0;
-      const key = `text-${i}-${text.substr(0, 20)}`;
-      return /* @__PURE__ */ jsx("span", __spreadProps(__spreadValues({}, props), { children: content }), key);
+      return (
+        /* text property is a sufficient key for both strings and text nodes due to minimal impl */
+        /* @__PURE__ */ jsx(Fragment, { children: content }, `text-${i}-${text.substr(0, 20)}`)
+      );
     } else if (isLinkNode(node)) {
       return /* @__PURE__ */ jsx(Link, __spreadValues({}, node.link), `link-${i}-${node.link.id}`);
     } else if (isNextLinkNode(node)) {
@@ -77,6 +79,12 @@ function toReactNodes(toReactNodesArg) {
         __spreadValues({}, node.currencyAmount),
         `currency-amount-${i}-${node.currencyAmount.id}`
       );
+    } else if (isClipboardTextFieldNode(node)) {
+      return /* @__PURE__ */ jsx(
+        ClipboardTextField,
+        __spreadValues({}, node.clipboardTextField),
+        `clipboard-text-field-${i}-${node.clipboardTextField.id}`
+      );
     }
     return null;
   });

package/dist/{chunk-CB7GBZCJ.cjs → chunk-TUNKNOBK.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/DollarManrope.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function DollarManrope() {
+function DollarManrope({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function DollarManrope() {
         {
           d: "M5.00003 2.3291V0.84668M5.00003 15.6709V17.1533M8.53134 4.55273C7.82641 3.66654 6.50905 3.07031 5.00003 3.07031H4.54706C2.54571 3.07031 0.92334 4.25023 0.92334 5.70572V5.81886C0.92334 6.85997 1.73211 7.81163 3.01249 8.27722L6.98757 9.72275C8.26797 10.1883 9.07666 11.14 9.07666 12.1811C9.07666 13.699 7.3847 14.9296 5.29736 14.9296H5.00003C3.49101 14.9296 2.17365 14.3334 1.46872 13.4472",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-MFDGE4AE.cjs → chunk-TUV3P3AL.cjs}

@@ -1,6 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/UmaBridgeLoading.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function UmaBridgeLoading() {
+function UmaBridgeLoading({
+  strokeWidth = "1.5",
+  strokeLinecap = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -9,14 +12,23 @@ function UmaBridgeLoading() {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "11", cy: "11", r: "9", stroke: "#EBEEF2", strokeWidth: "2.5" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "circle",
+          {
+            cx: "11",
+            cy: "11",
+            r: "9",
+            stroke: "#EBEEF2",
+            strokeWidth
+          }
+        ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "path",
           {
             d: "M19.9999 11C19.9999 9.57971 19.6638 8.17958 19.019 6.91409C18.3742 5.6486 17.439 4.55368 16.29 3.71885C15.1409 2.88402 13.8106 2.33299 12.4078 2.11081C11.005 1.88862 9.56953 2.0016 8.21875 2.44049",
-            stroke: "black",
-            strokeWidth: "2.5",
-            strokeLinecap: "round"
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap
           }
         )
       ]

package/dist/{chunk-XXE3N5AE.js → chunk-TZEWS2YL.js}

@@ -1,6 +1,9 @@
 // src/icons/NodeAdd.tsx
 import { jsx } from "@emotion/react/jsx-runtime";
-function NodeAdd() {
+function NodeAdd({
+  strokeWidth = "1",
+  strokeLinecap = "round"
+}) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -13,7 +16,8 @@ function NodeAdd() {
         {
           d: "M6 3.25V8.75M3.25 6H8.75M11.5 6C11.5 9.03757 9.03757 11.5 6 11.5C2.96243 11.5 0.5 9.03757 0.5 6C0.5 2.96243 2.96243 0.5 6 0.5C9.03757 0.5 11.5 2.96243 11.5 6Z",
           stroke: "currentColor",
-          strokeLinecap: "round"
+          strokeWidth,
+          strokeLinecap
         }
       )
     }

package/dist/{chunk-Y6QN5UOT.cjs → chunk-U2434R5I.cjs}

@@ -1,15 +1,15 @@
 "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 _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
 
 
-var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
+var _chunkUBC75VRUcjs = require('./chunk-UBC75VRU.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkSZSK5ISJcjs = require('./chunk-SZSK5ISJ.cjs');
+var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
 
 
 
@@ -25,11 +25,11 @@ function DisplayString(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDisplay, _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 || "h1" });
+  return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "h1" });
 }
 var StyledDisplay = _styled2.default.h1`
-  ${({ theme, size, colorProp }) => _chunkSZSK5ISJcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
-  ${_chunkOVJZVL57cjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkQK32JW3Ncjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
+  ${_chunkUBC75VRUcjs.typographyStyles}
 `;
 function displaySelector(element) {
   return `${element}${_chunk6VA4SAHQcjs.select.call(void 0, StyledDisplay)}`;

package/dist/{chunk-2GSZZKB2.js → chunk-U3HDNSQZ.js}

@@ -1,12 +1,12 @@
-import {
-  overflowAutoWithoutScrollbars
-} from "./chunk-CD4D43OU.js";
 import {
   Button
-} from "./chunk-LQKIJF4I.js";
+} from "./chunk-4U3AAKMA.js";
+import {
+  overflowAutoWithoutScrollbars
+} from "./chunk-4ZUB5ENE.js";
 import {
   standardContentInset
-} from "./chunk-YBJVTNAP.js";
+} from "./chunk-POGNK25N.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-FMXFC73T.cjs → chunk-U5QVQKYY.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
+var _chunkJBO3HA6Gcjs = require('./chunk-JBO3HA6G.cjs');
 
 
-var _chunkA3WQPTLFcjs = require('./chunk-A3WQPTLF.cjs');
+var _chunkLH7M4OGRcjs = require('./chunk-LH7M4OGR.cjs');
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
 
 
 var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
@@ -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, _chunkUMU7TYANcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
         ]
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkA3WQPTLFcjs.Tooltip,
+      _chunkLH7M4OGRcjs.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, _chunkWVBMQP6Ocjs.UnstyledButton)`
+var Button = _styled2.default.call(void 0, _chunkJBO3HA6Gcjs.UnstyledButton)`
   background: rgba(0, 0, 0, 0);
   vertical-align: middle;
   ${({ ml }) => ml ? `margin-left: ${ml}px` : ""};

package/dist/{chunk-FZUELDMT.cjs → chunk-U7DKVU2I.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/Download.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Download() {
+function Download({
+  strokeWidth = "1",
+  strokeLinecap = "butt",
+  strokeLinejoin = "miter"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "svg",
     {
@@ -15,7 +19,10 @@ function Download() {
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M3.75 14C4.16421 14 4.5 14.3358 4.5 14.75V19.5H19.5V14.75C19.5 14.3358 19.8358 14 20.25 14C20.6642 14 21 14.3358 21 14.75V20.25C21 20.6642 20.6642 21 20.25 21H3.75C3.33579 21 3 20.6642 3 20.25V14.75C3 14.3358 3.33579 14 3.75 14Z",
-            fill: "currentColor"
+            fill: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -24,7 +31,10 @@ function Download() {
             fillRule: "evenodd",
             clipRule: "evenodd",
             d: "M12 15.75C12.1989 15.75 12.3897 15.671 12.5303 15.5303L16.0303 12.0303C16.3232 11.7374 16.3232 11.2626 16.0303 10.9697C15.7374 10.6768 15.2626 10.6768 14.9697 10.9697L12.75 13.1893V3.75C12.75 3.33579 12.4142 3 12 3C11.5858 3 11.25 3.33579 11.25 3.75V13.1893L9.03033 10.9697C8.73744 10.6768 8.26256 10.6768 7.96967 10.9697C7.67678 11.2626 7.67678 11.7374 7.96967 12.0303L11.4697 15.5303C11.6103 15.671 11.8011 15.75 12 15.75Z",
-            fill: "currentColor"
+            fill: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
           }
         )
       ]

package/dist/{chunk-QZ7ENG5K.cjs → chunk-UA2GWYSC.cjs}

@@ -3,24 +3,24 @@
 var _chunkT7ZB3XF7cjs = require('./chunk-T7ZB3XF7.cjs');
 
 
-var _chunkWVBMQP6Ocjs = require('./chunk-WVBMQP6O.cjs');
+var _chunkJBO3HA6Gcjs = require('./chunk-JBO3HA6G.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
 
 
 
 
-var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
+var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
 
 
-var _chunk4HIPKMRHcjs = require('./chunk-4HIPKMRH.cjs');
+var _chunkVUS3VIMScjs = require('./chunk-VUS3VIMS.cjs');
 
 
-var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
+var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -266,9 +266,9 @@ var DropdownFooter = _styled2.default.div`
   margin-top: 16px;
 `;
 var DropdownItems = _styled2.default.ul`
-  ${_chunkOQEP7VDDcjs.overlaySurface}
-  color: ${({ theme }) => _chunk7EIZIKLRcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
-  ${_chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkD262WAOVcjs.overlaySurface}
+  color: ${({ theme }) => _chunk6DWDBCUJcjs.themeOr.call(void 0, theme.c6Neutral, theme.c8Neutral)};
+  ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, 8)}
   padding: 12px 0;
   visibility: ${({ isOpen }) => isOpen ? "visible" : "hidden"};
   position: fixed;
@@ -284,7 +284,7 @@ function DropdownItem({ dropdownItem, onClick }) {
   const theme = _react.useTheme.call(void 0, );
   const dropdownItemIcon = dropdownItem.getIcon && dropdownItem.getIcon({ dropdownItem, theme });
   const dropdownItemIconNode = dropdownItemIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUMU7TYANcjs.Icon,
+    _chunkORWZTMF2cjs.Icon,
     {
       name: dropdownItemIcon.name,
       width: dropdownItemIcon.width || 12,
@@ -327,8 +327,8 @@ function DropdownItem({ dropdownItem, onClick }) {
     }
   );
 }
-var DropdownButton = _styled2.default.call(void 0, _chunkWVBMQP6Ocjs.UnstyledButton)`
-  ${_chunkOQEP7VDDcjs.standardFocusOutline}
+var DropdownButton = _styled2.default.call(void 0, _chunkJBO3HA6Gcjs.UnstyledButton)`
+  ${_chunkD262WAOVcjs.standardFocusOutline}
 `;
 var dropdownItemStyle = ({ selected, theme }) => `
   background-color: ${selected ? theme.primary : "transparent"};
@@ -353,12 +353,12 @@ var cssProp = ({
   selected
 }) => _react.css`
   ${dropdownItemStyle({ theme, selected: Boolean(selected) })}
-  ${_chunkOQEP7VDDcjs.standardFocusOutline.call(void 0, { theme })}
+  ${_chunkD262WAOVcjs.standardFocusOutline.call(void 0, { theme })}
 `;
 function DropdownItemLink(props) {
   const theme = _react.useTheme.call(void 0, );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk4HIPKMRHcjs.Link,
+    _chunkVUS3VIMScjs.Link,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), {
       css: cssProp({ theme, selected: Boolean(props.selected) })
     })
@@ -366,7 +366,7 @@ function DropdownItemLink(props) {
 }
 var DropdownItemDiv = _styled2.default.div`
   ${dropdownItemStyle}
-  ${_chunkOQEP7VDDcjs.standardFocusOutline}
+  ${_chunkD262WAOVcjs.standardFocusOutline}
 `;
 
 

package/dist/{chunk-OVJZVL57.cjs → chunk-UBC75VRU.cjs}

@@ -4,13 +4,17 @@ var typographyStyles = ({
   /* theme, size, colorProp, */
   block: blockProp,
   hideOverflow,
-  displayProp
+  displayProp,
+  textAlign,
+  onClick
 }) => {
   const displayValue = blockProp || hideOverflow ? "block" : displayProp || null;
   return _react.css`
     /* Margins should always be set in parent style contexts eg Article: */
     margin: 0;
 
+    ${typeof onClick === "function" ? "cursor: pointer;" : ""}
+    ${textAlign ? `text-align: ${textAlign};` : ""}
     ${displayValue ? `display: ${displayValue};` : ""}
     ${hideOverflow ? "overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" : ""}
   `;

package/dist/{chunk-6J3HJ3T2.cjs → chunk-UC3YQZIA.cjs}

@@ -1,6 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/QuestionCircleStrong.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function QuestionCircleStrong() {
+function QuestionCircleStrong({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
@@ -13,9 +17,9 @@ function QuestionCircleStrong() {
         {
           d: "M5.50065 5.16634C6.00065 3.66634 8.50065 3.79405 8.50065 5.36055C8.50065 6.46687 7.00065 6.64061 7.00065 7.83301M7.00065 9.66634V9.65967M13.1673 6.99967C13.1673 10.4054 10.4064 13.1663 7.00065 13.1663C3.5949 13.1663 0.833984 10.4054 0.833984 6.99967C0.833984 3.59392 3.5949 0.833008 7.00065 0.833008C10.4064 0.833008 13.1673 3.59392 13.1673 6.99967ZM7.16732 9.66634C7.16732 9.75841 7.09272 9.83301 7.00065 9.83301C6.90858 9.83301 6.83398 9.75841 6.83398 9.66634C6.83398 9.57427 6.90858 9.49967 7.00065 9.49967C7.09272 9.49967 7.16732 9.57427 7.16732 9.66634Z",
           stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
         }
       )
     }

package/dist/{chunk-LDOAR276.js → chunk-UCAODZLU.js}

@@ -1,6 +1,6 @@
 // src/icons/Lock.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-function Lock() {
+function Lock({ strokeWidth = "2" }) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -14,7 +14,7 @@ function Lock() {
           {
             d: "M1 14.1429C1 12.5427 1 11.7426 1.34469 11.1315C1.64789 10.5938 2.13169 10.1568 2.72675 9.88284C3.40324 9.57143 4.28882 9.57143 6.05998 9.57143H14.9149C16.6861 9.57143 17.5717 9.57143 18.2482 9.88284C18.8432 10.1568 19.327 10.5938 19.6302 11.1315C19.9749 11.7426 19.9749 12.5427 19.9749 14.1429V16.4286C19.9749 18.0287 19.9749 18.8288 19.6302 19.44C19.327 19.9776 18.8432 20.4147 18.2482 20.6886C17.5717 21 16.6861 21 14.9149 21H6.05998C4.28882 21 3.40324 21 2.72675 20.6886C2.13169 20.4147 1.64789 19.9776 1.34469 19.44C1 18.8288 1 18.0287 1 16.4286V14.1429Z",
             stroke: "currentColor",
-            strokeWidth: "2"
+            strokeWidth
           }
         ),
         /* @__PURE__ */ jsx(
@@ -22,7 +22,7 @@ function Lock() {
           {
             d: "M4.5821 9.57143L4.5821 5.28572C4.5821 3.95445 4.5821 3.28882 4.82283 2.76376C5.1438 2.06368 5.75945 1.50747 6.53435 1.21749C7.11552 1 9.01392 1 10.4875 1C11.961 1 13.4884 1 14.0696 1.21749C14.8445 1.50747 15.4601 2.06368 15.7811 2.76376C16.0218 3.28882 16.0218 3.95445 16.0218 5.28571V9.57143H4.5821Z",
             stroke: "currentColor",
-            strokeWidth: "2"
+            strokeWidth
           }
         )
       ]