@lightsparkdev/ui 1.0.12 → 1.0.13

package/dist/{chunk-C6XJ7ZJF.cjs → chunk-6DWDBCUJ.cjs}

@@ -1,5 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var _chunkSZKZWADNcjs = require('./chunk-SZKZWADN.cjs');
+
+
 
 var _chunk6VYXAPL5cjs = require('./chunk-6VYXAPL5.cjs');
 
@@ -12,9 +15,6 @@ var _chunkWHRKM7ULcjs = require('./chunk-WHRKM7UL.cjs');
 var _chunk73EJLMPTcjs = require('./chunk-73EJLMPT.cjs');
 
 
-var _chunkSZKZWADNcjs = require('./chunk-SZKZWADN.cjs');
-
-
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
@@ -201,12 +201,30 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
     defaultSize: "Medium",
     defaultBorderRadius: 999,
     defaultPaddingsY: {
-      ExtraSmall: 16,
-      Small: 16,
-      Schmedium: 16,
-      Medium: 16,
-      Mlarge: 16,
-      Large: 16
+      ExtraSmall: {
+        short: 14,
+        regular: 16
+      },
+      Small: {
+        short: 14,
+        regular: 16
+      },
+      Schmedium: {
+        short: 14,
+        regular: 16
+      },
+      Medium: {
+        short: 14,
+        regular: 16
+      },
+      Mlarge: {
+        short: 14,
+        regular: 16
+      },
+      Large: {
+        short: 14,
+        regular: 16
+      }
     },
     kinds: {
       primary: {
@@ -225,12 +243,12 @@ var umaAuthSdkLightTheme = extend(lightTheme, {
         defaultHoverBorderColor: "transparent"
       },
       secondary: {
-        defaultBackgroundColor: "grayBlue94",
-        defaultBorderColor: "grayBlue94",
-        defaultHoverBackgroundColor: "grayBlue88",
-        defaultHoverBorderColor: "grayBlue88",
-        defaultActiveBackgroundColor: "grayBlue57",
-        defaultActiveBorderColor: "grayBlue57"
+        defaultBackgroundColor: "transparent",
+        defaultBorderColor: "grayBlue80",
+        defaultHoverBackgroundColor: "grayBlue94",
+        defaultHoverBorderColor: "grayBlue80",
+        defaultActiveBackgroundColor: "grayBlue88",
+        defaultActiveBorderColor: "grayBlue80"
       },
       tertiary: {
         defaultColor: "bg",
@@ -299,12 +317,30 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
     defaultSize: "Medium",
     defaultBorderRadius: 999,
     defaultPaddingsY: {
-      ExtraSmall: 16,
-      Small: 16,
-      Schmedium: 16,
-      Medium: 16,
-      Mlarge: 16,
-      Large: 16
+      ExtraSmall: {
+        short: 14,
+        regular: 16
+      },
+      Small: {
+        short: 14,
+        regular: 16
+      },
+      Schmedium: {
+        short: 14,
+        regular: 16
+      },
+      Medium: {
+        short: 14,
+        regular: 16
+      },
+      Mlarge: {
+        short: 14,
+        regular: 16
+      },
+      Large: {
+        short: 14,
+        regular: 16
+      }
     },
     kinds: {
       primary: {
@@ -330,8 +366,10 @@ var umaAuthSdkDarkTheme = extend(darkTheme, {
       transparent: {
         defaultBackgroundColor: "transparent",
         defaultBorderColor: "transparent",
-        defaultHoverBackgroundColor: "grayBlue94",
-        defaultHoverBorderColor: "transparent"
+        defaultHoverBackgroundColor: "transparenta02",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "transparenta08",
+        defaultActiveBorderColor: "transparent"
       },
       linkLight: {
         defaultColor: "link",
@@ -420,18 +458,35 @@ var bridgeBaseSettings = {
         defaultColor: "bg",
         defaultBackgroundColor: "blue39",
         defaultBorderColor: "blue39",
-        defaultHoverBackgroundColor: "blue37"
+        defaultHoverBackgroundColor: "blue37",
+        defaultHoverBorderColor: "blue37",
+        defaultActiveBackgroundColor: "blue22",
+        defaultActiveBorderColor: "blue22"
       },
       ghost: {
         defaultColor: "secondary",
         defaultBackgroundColor: "transparent",
         defaultHoverBackgroundColor: "transparent",
-        defaultHoverBorderColor: "transparent"
+        defaultBorderColor: "transparent",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "transparent"
       },
       secondary: {
         defaultBackgroundColor: "transparent",
+        defaultBorderColor: "grayBlue80",
         defaultHoverBackgroundColor: "grayBlue94",
-        defaultBorderColor: "grayBlue80"
+        defaultHoverBorderColor: "grayBlue80",
+        defaultActiveBackgroundColor: "grayBlue88",
+        defaultActiveBorderColor: "grayBlue80"
+      },
+      transparent: {
+        defaultColor: "secondary",
+        defaultBackgroundColor: "transparent",
+        defaultBorderColor: "transparent",
+        defaultHoverBackgroundColor: "transparenta02",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "transparenta08",
+        defaultActiveBorderColor: "transparent"
       }
     }
   }),

package/dist/{chunk-ASI7Y3M5.js → chunk-6GO3M7E2.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-DV6LJQJW.js";
 import {
   renderTypography
-} from "./chunk-OUVY3GFY.js";
+} from "./chunk-QJV3WFYP.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-ETVTOI55.js → chunk-6MCAMGKA.js}

@@ -1,13 +1,13 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-RT7X3ZOO.js";
+} from "./chunk-GLYTFTP5.js";
 import {
   toReactNodes
-} from "./chunk-SOGADTSR.js";
+} from "./chunk-TS7Y6L2D.js";
 import {
   themeOrWithKey,
   themes
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-N4C6SL6K.js";
 import {
   getLineHeightForTypographyType
 } from "./chunk-AZSSORPU.js";

package/dist/{chunk-ISJUDEVT.cjs → chunk-6NTP7LPY.cjs}

@@ -9,16 +9,16 @@ var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
 
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
 
 
-var _chunkRBWRQTGBcjs = require('./chunk-RBWRQTGB.cjs');
+var _chunkVUS3VIMScjs = require('./chunk-VUS3VIMS.cjs');
 
 
-var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
+var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -62,11 +62,11 @@ function Banner({
   }, [onHeightChange, rect == null ? void 0 : rect.height]);
   let contentNode = null;
   if (content) {
-    const contentNodes = _chunkCBPXRCT4cjs.toReactNodes.call(void 0, content);
+    const contentNodes = _chunkSCLUBPNMcjs.toReactNodes.call(void 0, content);
     if (to) {
-      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRBWRQTGBcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
+      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVUS3VIMScjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
         contentNodes,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
       ] }) });
     } else {
       contentNode = contentNodes;
@@ -136,12 +136,12 @@ var StyledBanner = _styled2.default.div`
   z-index: ${_chunkZU72XWNEcjs.z.notificationBanner};
   color: ${_chunkJBCEOOZScjs.colors.white};
   font-weight: 500;
-  background-color: ${({ colorProp, theme }) => colorProp ? _chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, colorProp) : "none"};
+  background-color: ${({ colorProp, theme }) => colorProp ? _chunk6DWDBCUJcjs.getColor.call(void 0, theme, colorProp) : "none"};
   display: flex;
   justify-content: ${({ hasSideContent }) => hasSideContent ? "space-between" : "center"};
   align-items: center;
   padding: ${({ hPadding }) => `0 ${hPadding}px`};
-  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, borderColor)};` : ""}
+  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunk6DWDBCUJcjs.getColor.call(void 0, theme, borderColor)};` : ""}
 
   ${({ borderProgress }) => {
   if (typeof borderProgress === "number") {

package/dist/{chunk-ZNA7SHZM.js → chunk-6QUY2262.js}

@@ -2,7 +2,7 @@ import {
   InputSubtext,
   Label,
   textInputStyle
-} from "./chunk-IAGH4CKJ.js";
+} from "./chunk-P2OCWRMQ.js";
 
 // src/components/TextArea.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-M4345TMD.js → chunk-6SHQRZ3R.js}

@@ -1,9 +1,9 @@
 import {
   absoluteCenter
-} from "./chunk-AV62WHL7.js";
+} from "./chunk-4ZUB5ENE.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-DV6LJQJW.js";
 import {
   colors
 } from "./chunk-HO7LVJ3R.js";

package/dist/{chunk-YLZVGRVF.js → chunk-73S5KETQ.js}

@@ -9,16 +9,16 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   toReactNodes
-} from "./chunk-SOGADTSR.js";
+} from "./chunk-TS7Y6L2D.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-DV6LJQJW.js";
 import {
   Link
-} from "./chunk-PVEDEZJZ.js";
+} from "./chunk-7VQUG3NG.js";
 import {
   getColor
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-N4C6SL6K.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-24B3POUB.js → chunk-75PYS7WZ.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-DV6LJQJW.js";
 
 // src/components/Loading.tsx
 import { useTheme } from "@emotion/react";

package/dist/{chunk-XJ3UGTYC.js → chunk-76FQY6HX.js}

@@ -16,6 +16,7 @@ function getPropDefaultsBase(props, extra) {
     display: props.display,
     size: props.size || "Medium",
     textAlign: props.textAlign,
+    onClick: props.onClick,
     children: props.children ? stringToNodes(props.children) : null
   }, extra);
 }

package/dist/{chunk-GDC7HXN5.js → chunk-76YDQNQA.js}

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

package/dist/{chunk-T7MOHHJE.js → chunk-7P4KTLCD.js}

@@ -1,12 +1,12 @@
 import {
   getPropDefaultsBase
-} from "./chunk-XJ3UGTYC.js";
+} from "./chunk-76FQY6HX.js";
 import {
   typographyStyles
-} from "./chunk-FKTI5NUC.js";
+} from "./chunk-F3HU3LG5.js";
 import {
   applyTypography
-} from "./chunk-XTOBN7SG.js";
+} from "./chunk-TLFK5GBE.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-PVEDEZJZ.js → chunk-7VQUG3NG.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-OUVY3GFY.js";
+} from "./chunk-QJV3WFYP.js";
 import {
   isString
 } from "./chunk-EDN2QDCB.js";

package/dist/{chunk-UH6CSXBF.cjs → chunk-A2YT7NTW.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkBI43T24Bcjs = require('./chunk-BI43T24B.cjs');
+var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
 
 
-var _chunkKYPG23A5cjs = require('./chunk-KYPG23A5.cjs');
+var _chunkUBC75VRUcjs = require('./chunk-UBC75VRU.cjs');
 
 
-var _chunkHCOW6636cjs = require('./chunk-HCOW6636.cjs');
+var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
 
 
 
@@ -21,11 +21,11 @@ function OverlineString(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledOverline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), { children }));
 }
 function getPropDefaults(props) {
-  return _chunkBI43T24Bcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
+  return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledOverline = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkHCOW6636cjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
-  ${_chunkKYPG23A5cjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkQK32JW3Ncjs.applyTypography.call(void 0, theme, "Overline", size, colorProp)}
+  ${_chunkUBC75VRUcjs.typographyStyles}
 `;
 
 

package/dist/{chunk-LXPA6OZD.js → chunk-A4EY427C.js}

@@ -1,9 +1,9 @@
 import {
   UnstyledButton
-} from "./chunk-HGKK6OQJ.js";
+} from "./chunk-ZP6BJB4X.js";
 import {
   themeOr
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-N4C6SL6K.js";
 import {
   colors
 } from "./chunk-HO7LVJ3R.js";

package/dist/{chunk-V2JQKFFB.cjs → chunk-A5P67XRH.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkLE6VBBOJcjs = require('./chunk-LE6VBBOJ.cjs');
+var _chunkAC2NXSOPcjs = require('./chunk-AC2NXSOP.cjs');
 
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -16,12 +16,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 var AnchorLinkHeader = (props) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLE6VBBOJcjs.DocsHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledAnchorLinkHeader, { colorProp: props.color, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAC2NXSOPcjs.DocsHeadline, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { children: [
     props.children,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconWrapper, { name: "AnchorLink", color: props.color, width: 0 })
   ] })) });
 };
-var IconWrapper = _styled2.default.call(void 0, _chunkRROZ5XYPcjs.Icon)`
+var IconWrapper = _styled2.default.call(void 0, _chunkORWZTMF2cjs.Icon)`
   width: 20px;
   opacity: 0;
   margin: 0 0 4px -20px;

package/dist/{chunk-LE6VBBOJ.cjs → chunk-AC2NXSOP.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunkTP3PDGQBcjs = require('./chunk-TP3PDGQB.cjs');
+var _chunkV2JHGVZYcjs = require('./chunk-V2JHGVZY.cjs');
 
 // src/components/documentation/DocsHeadline.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -48,11 +48,12 @@ var DocsHeadline = ({
   color,
   size = "Medium",
   heading = "h1",
+  onClick,
   textAlign
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTP3PDGQBcjs.StyledHeadline,
+    _chunkV2JHGVZYcjs.StyledHeadline,
     {
       as: heading,
       id,
@@ -61,6 +62,7 @@ var DocsHeadline = ({
       displayProp: "block",
       hideOverflow: false,
       textAlign,
+      onClick,
       block: true,
       children
     }

package/dist/{chunk-PG25LYTU.cjs → chunk-AER42TP2.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkLTAR34WVcjs = require('./chunk-LTAR34WV.cjs');
+var _chunk5ZYBL3NZcjs = require('./chunk-5ZYBL3NZ.cjs');
 
 
-var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
+var _chunkITH4PPTTcjs = require('./chunk-ITH4PPTT.cjs');
 
 
 
@@ -241,7 +241,7 @@ function CodeInput({
     const inputId = getInputId(i);
     inputs.push(
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkLTAR34WVcjs.SingleCodeInput,
+        _chunk5ZYBL3NZcjs.SingleCodeInput,
         {
           value: inputState[inputId].value,
           id: inputId,
@@ -316,7 +316,7 @@ var CodeInputGroup = _styled2.default.div`
 var CodeInputGroupSeparator = _styled2.default.div`
   width: ${separatorWidth}px;
   height: 4px;
-  background-color: ${_chunkLQ7N5FRYcjs.textInputBorderColor};
+  background-color: ${_chunkITH4PPTTcjs.textInputBorderColor};
   border-radius: 2px;
   margin: 0 ${separatorMargin}px;
 `;

package/dist/chunk-AK6RCSDZ.cjs

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkMA3BB25Pcjs = require('./chunk-MA3BB25P.cjs');
+
+
+var _chunkOMCXUPHVcjs = require('./chunk-OMCXUPHV.cjs');
+
+
+var _chunkZHLUF7Z2cjs = require('./chunk-ZHLUF7Z2.cjs');
+
+
+var _chunkA2YT7NTWcjs = require('./chunk-A2YT7NTW.cjs');
+
+
+var _chunkCDA4RBHUcjs = require('./chunk-CDA4RBHU.cjs');
+
+
+var _chunkU2434R5Icjs = require('./chunk-U2434R5I.cjs');
+
+
+var _chunkSY55CUFPcjs = require('./chunk-SY55CUFP.cjs');
+
+
+var _chunkKQFTLQPNcjs = require('./chunk-KQFTLQPN.cjs');
+
+
+var _chunkNNBFAVZ7cjs = require('./chunk-NNBFAVZ7.cjs');
+
+
+var _chunkV2JHGVZYcjs = require('./chunk-V2JHGVZY.cjs');
+
+// src/components/typography/renderTypography.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var typographyMap = {
+  Display: _chunkU2434R5Icjs.DisplayString,
+  Headline: _chunkV2JHGVZYcjs.HeadlineString,
+  Title: _chunkSY55CUFPcjs.TitleString,
+  Body: _chunkNNBFAVZ7cjs.BodyString,
+  "Body Strong": _chunkCDA4RBHUcjs.BodyStrongString,
+  Label: _chunkMA3BB25Pcjs.LabelString,
+  "Label Moderate": _chunkOMCXUPHVcjs.LabelModerateString,
+  "Label Strong": _chunkZHLUF7Z2cjs.LabelStrongString,
+  Overline: _chunkA2YT7NTWcjs.OverlineString,
+  Code: _chunkKQFTLQPNcjs.CodeString,
+  "Code Strong": _chunkKQFTLQPNcjs.CodeString
+};
+var renderTypography = (typographyType, typographyProps) => {
+  const TypographyComponent = typographyMap[typographyType];
+  const { children } = typographyProps;
+  return _react2.default.createElement(TypographyComponent, typographyProps, children);
+};
+
+
+
+
+exports.typographyMap = typographyMap; exports.renderTypography = renderTypography;

package/dist/{chunk-3KKC4JH2.cjs → chunk-AKDCK7LT.cjs}

@@ -7,17 +7,17 @@
 
 
 
-var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
+var _chunkITH4PPTTcjs = require('./chunk-ITH4PPTT.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
 
 
 
-var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
+var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
 
 
 
@@ -49,24 +49,24 @@ function Select(_a) {
   const styles = {
     container: (styles2, state) => {
       return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
-        width: _chunkLQ7N5FRYcjs.fieldWidth,
-        maxWidth: _chunkLQ7N5FRYcjs.maxFieldWidth,
+        width: _chunkITH4PPTTcjs.fieldWidth,
+        maxWidth: _chunkITH4PPTTcjs.maxFieldWidth,
         zIndex: _chunkZU72XWNEcjs.z.select
       });
     },
     control: (styles2, state) => {
       return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
         transition: "none",
-        padding: state.menuIsOpen || state.isFocused ? `${_chunkLQ7N5FRYcjs.textInputPaddingPx - 1}px` : _chunkLQ7N5FRYcjs.textInputPadding,
+        padding: state.menuIsOpen || state.isFocused ? `${_chunkITH4PPTTcjs.textInputPaddingPx - 1}px` : _chunkITH4PPTTcjs.textInputPadding,
         boxShadow: "none",
         background: theme.bg,
         minHeight: 0,
         fontSize: 14,
         borderWidth: state.menuIsOpen || state.isFocused ? "2px" : "1px",
         "&:hover": {
-          borderColor: state.menuIsOpen ? _chunkLQ7N5FRYcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkLQ7N5FRYcjs.textInputBorderColor.call(void 0, { theme })
+          borderColor: state.menuIsOpen ? _chunkITH4PPTTcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkITH4PPTTcjs.textInputBorderColor.call(void 0, { theme })
         },
-        borderColor: state.menuIsOpen || state.isFocused ? _chunkLQ7N5FRYcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkLQ7N5FRYcjs.textInputBorderColor.call(void 0, { theme })
+        borderColor: state.menuIsOpen || state.isFocused ? _chunkITH4PPTTcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkITH4PPTTcjs.textInputBorderColor.call(void 0, { theme })
       });
     },
     indicatorsContainer: (styles2) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
@@ -89,13 +89,13 @@ function Select(_a) {
     option: (styles2, props) => {
       const optionStyles = getOptionStyles ? getOptionStyles(styles2, props) : {};
       return _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles2), {
-        color: props.isFocused ? _chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, _chunkLQ7N5FRYcjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkLQ7N5FRYcjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkC6XJ7ZJFcjs.getColor.call(void 0, theme, _chunkLQ7N5FRYcjs.defaultTextInputTypography.color),
+        color: props.isFocused ? _chunk6DWDBCUJcjs.getColor.call(void 0, theme, _chunkITH4PPTTcjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkITH4PPTTcjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunk6DWDBCUJcjs.getColor.call(void 0, theme, _chunkITH4PPTTcjs.defaultTextInputTypography.color),
         fontWeight: 600,
         cursor: "pointer",
-        backgroundColor: props.isFocused ? _chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
+        backgroundColor: props.isFocused ? _chunk6DWDBCUJcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
         WebkitTapHighlightColor: theme.c1Neutral,
         "&:active": {
-          backgroundColor: _chunkC6XJ7ZJFcjs.themeOr.call(void 0, 
+          backgroundColor: _chunk6DWDBCUJcjs.themeOr.call(void 0, 
             theme.c05Neutral,
             theme.c5Neutral
           )({ theme })
@@ -134,7 +134,7 @@ function Select(_a) {
         menuPortalTarget: document.body,
         ref: selectRef,
         components: {
-          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: "Chevron", width: 16 })
+          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: "Chevron", width: 16 })
           // Option: (option) => {
           //   return <div>Option</div>;
           // },

package/dist/{chunk-VXZ7H5N5.js → chunk-AM2SAFZ6.js}

@@ -1,15 +1,15 @@
 import {
   TextIconAligner
-} from "./chunk-GG7Q3VQ6.js";
+} from "./chunk-TJWGKORO.js";
 import {
   UnstyledButton
-} from "./chunk-HGKK6OQJ.js";
+} from "./chunk-ZP6BJB4X.js";
 import {
   getFocusOutline
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-POGNK25N.js";
 import {
   Link
-} from "./chunk-PVEDEZJZ.js";
+} from "./chunk-7VQUG3NG.js";
 import {
   elide
 } from "./chunk-EDN2QDCB.js";