@lightsparkdev/ui 1.1.4 → 1.1.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @lightsparkdev/ui
 
+## 1.1.6
+
+### Patch Changes
+
+- e9152bc: - Theme, typography updates
+- Updated dependencies [e9152bc]
+  - @lightsparkdev/core@1.4.3
+
+## 1.1.5
+
+### Patch Changes
+
+- 7a1f6cc: - Theme updates
+
 ## 1.1.4
 
 ### Patch Changes

package/dist/{chunk-SJMZSBS2.js → chunk-23UQKRWL.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-VHE37AWV.js";
+} from "./chunk-KQ4LSNOH.js";
 import {
   Icon
-} from "./chunk-XJB6VA4O.js";
+} from "./chunk-JFKPUTCA.js";
 import {
   standardBorderRadius
-} from "./chunk-IQQ7XKJO.js";
+} from "./chunk-CGK72IUW.js";
 
 // src/components/Collapsible.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-XMD2NBZA.cjs → chunk-2AXWLYHJ.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk2EI2VCAZcjs = require('./chunk-2EI2VCAZ.cjs');
+var _chunk4OUYUK3Vcjs = require('./chunk-4OUYUK3V.cjs');
 
 
-var _chunkCMZIIVE7cjs = require('./chunk-CMZIIVE7.cjs');
+var _chunk7JJDWNJZcjs = require('./chunk-7JJDWNJZ.cjs');
 
 
 
@@ -25,7 +25,7 @@ function SatoshiInput(_a) {
   ]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2EI2VCAZcjs.SatoshiInputLabel,
+      _chunk4OUYUK3Vcjs.SatoshiInputLabel,
       {
         text: label.text,
         availableSats: label.availableSats,
@@ -33,7 +33,7 @@ function SatoshiInput(_a) {
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCMZIIVE7cjs.NumberInput_default,
+      _chunk7JJDWNJZcjs.NumberInput_default,
       _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
         placeholder: "SATs"
       }, rest), {

package/dist/{chunk-PNFXJZAS.js → chunk-2C6JCHWU.js}

@@ -1,9 +1,9 @@
 import {
   getFontColor
-} from "./chunk-YPQXKAV2.js";
+} from "./chunk-5NZ22GSE.js";
 import {
   getTypographyString
-} from "./chunk-J3TUZRIL.js";
+} from "./chunk-DG7KBY6O.js";
 
 // src/styles/typography.tsx
 var applyTypography = (theme, typographyType, size, color = "inherit", applyToAll = true) => {

package/dist/{chunk-PABT6KSH.cjs → chunk-2JV3S265.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
+var _chunk3KX4AU6Jcjs = require('./chunk-3KX4AU6J.cjs');
 
 // src/components/ContentTable.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -18,7 +18,7 @@ function ContentTable({
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: row.title }),
       columns.map((column) => {
         const value = row[column.key];
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KX4AU6Jcjs.Icon, { name: "CheckmarkCircle", width: 16, color: "success" }) : value }, column.key);
       })
     ] }, index)) })
   ] });

package/dist/{chunk-XK5LBVHO.js → chunk-2KJI4QAA.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-AQ72FLUP.js";
+} from "./chunk-QM373UWV.js";
 import {
   StyledDisplay,
   getPropDefaults
-} from "./chunk-S5GA5HFA.js";
+} from "./chunk-RK3BVLBP.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-ERCPYTUR.cjs → chunk-2OVN2UK5.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
+var _chunkJPVQC3NYcjs = require('./chunk-JPVQC3NY.cjs');
 
 
-var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
+var _chunk4NC6INKXcjs = require('./chunk-4NC6INKX.cjs');
 
 // src/components/ProgressBar.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,8 +41,8 @@ function ProgressBar({
 }
 ProgressBar.defaultProps = defaultProps;
 var ProgressBarContainer = _styled2.default.div`
-  ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 16)}
-  background-color: ${({ theme }) => _chunkFFXUPRYTcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
+  ${_chunkJPVQC3NYcjs.standardBorderRadius.call(void 0, 16)}
+  background-color: ${({ theme }) => _chunk4NC6INKXcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
   box-sizing: border-box;
   display: flex;
   height: ${({ isSm }) => isSm ? "6px" : "16px"};
@@ -51,7 +51,7 @@ var ProgressBarContainer = _styled2.default.div`
   position: relative;
 `;
 var BarBg = _styled2.default.div`
-  ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkJPVQC3NYcjs.standardBorderRadius.call(void 0, 16)}
   width: ${({ percentage }) => 100 / percentage * 100}%;
   height: 100%;
 
@@ -65,7 +65,7 @@ var BarBg = _styled2.default.div`
   )`};
 `;
 var Bar = _styled2.default.div`
-  ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkJPVQC3NYcjs.standardBorderRadius.call(void 0, 16)}
   overflow: hidden;
   box-sizing: border-box;
   display: inline-block;

package/dist/{chunk-74HF7D56.js → chunk-2WE44IMC.js}

@@ -1,12 +1,12 @@
 import {
   Filter
-} from "./chunk-3TGZE6XW.js";
+} from "./chunk-PVNOVZBQ.js";
 import {
   NumberInput_default
-} from "./chunk-LI2JZLEF.js";
+} from "./chunk-HVE3RY6J.js";
 import {
   ButtonRow
-} from "./chunk-SOZ7BJDT.js";
+} from "./chunk-O5PXZPWW.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-QY6FEAAQ.js → chunk-2WIERZ3Z.js}

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

package/dist/{chunk-Y2ZOBJU3.cjs → chunk-3343QS6C.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
+var _chunk3KX4AU6Jcjs = require('./chunk-3KX4AU6J.cjs');
 
 
-var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
+var _chunk4NC6INKXcjs = require('./chunk-4NC6INKX.cjs');
 
 
 
@@ -28,7 +28,7 @@ function MultiToggle({
     let content = null;
     if ("name" in optionProps) {
       content = /* @__PURE__ */ _react.createElement.call(void 0, 
-        _chunk267QLBXGcjs.Icon,
+        _chunk3KX4AU6Jcjs.Icon,
         _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, optionProps), {
           width: 11,
           key,
@@ -54,7 +54,7 @@ function MultiToggle({
 }
 var StyledMultiToggle = _styled2.default.div`
   border-radius: 999px;
-  background: ${({ theme, bgColor }) => _chunkFFXUPRYTcjs.getColor.call(void 0, theme, bgColor)};
+  background: ${({ theme, bgColor }) => _chunk4NC6INKXcjs.getColor.call(void 0, theme, bgColor)};
   padding: 2px;
   gap: 2px;
   display: flex;
@@ -64,7 +64,7 @@ var StyledMultiToggleOption = _styled2.default.div`
   cursor: pointer;
   border-radius: 999px;
   padding: 4px;
-  background: ${({ theme, selected, selectedBgColor }) => selected ? _chunkFFXUPRYTcjs.getColor.call(void 0, theme, selectedBgColor) : "transparent"};
+  background: ${({ theme, selected, selectedBgColor }) => selected ? _chunk4NC6INKXcjs.getColor.call(void 0, theme, selectedBgColor) : "transparent"};
 `;
 
 

package/dist/{chunk-MXPPOSOB.js → chunk-35Y6KTKD.js}

@@ -1,6 +1,6 @@
 import {
   pxToRems
-} from "./chunk-VHE37AWV.js";
+} from "./chunk-KQ4LSNOH.js";
 
 // src/components/StatusIndicator.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-4EKHCALG.js → chunk-3BP6LRBL.js}

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

package/dist/{chunk-KQRGFTDH.cjs → chunk-3EB6NSJL.cjs}

@@ -7,17 +7,17 @@
 
 
 
-var _chunkZQO2GKVScjs = require('./chunk-ZQO2GKVS.cjs');
+var _chunk3OMRODUDcjs = require('./chunk-3OMRODUD.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
+var _chunk3KX4AU6Jcjs = require('./chunk-3KX4AU6J.cjs');
 
 
 
-var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
+var _chunk4NC6INKXcjs = require('./chunk-4NC6INKX.cjs');
 
 
 
@@ -51,8 +51,8 @@ function Select(_a) {
   const styles = {
     container: (styles2, state) => {
       return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
-        width: _chunkZQO2GKVScjs.fieldWidth,
-        maxWidth: _chunkZQO2GKVScjs.maxFieldWidth,
+        width: _chunk3OMRODUDcjs.fieldWidth,
+        maxWidth: _chunk3OMRODUDcjs.maxFieldWidth,
         zIndex: _chunkZU72XWNEcjs.z.select
       });
     },
@@ -60,16 +60,16 @@ function Select(_a) {
       const controlStyles = getControlStyles ? getControlStyles(styles2, state) : {};
       return _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
         transition: "none",
-        padding: state.menuIsOpen || state.isFocused ? `${_chunkZQO2GKVScjs.textInputPaddingPx - 1}px` : _chunkZQO2GKVScjs.textInputPadding,
+        padding: state.menuIsOpen || state.isFocused ? `${_chunk3OMRODUDcjs.textInputPaddingPx - 1}px` : _chunk3OMRODUDcjs.textInputPadding,
         boxShadow: "none",
         background: theme.bg,
         minHeight: 0,
         fontSize: 14,
         borderWidth: state.menuIsOpen || state.isFocused ? "2px" : "1px",
         "&:hover": {
-          borderColor: state.menuIsOpen ? _chunkZQO2GKVScjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkZQO2GKVScjs.textInputBorderColor.call(void 0, { theme })
+          borderColor: state.menuIsOpen ? _chunk3OMRODUDcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunk3OMRODUDcjs.textInputBorderColor.call(void 0, { theme })
         },
-        borderColor: state.menuIsOpen || state.isFocused ? _chunkZQO2GKVScjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkZQO2GKVScjs.textInputBorderColor.call(void 0, { theme })
+        borderColor: state.menuIsOpen || state.isFocused ? _chunk3OMRODUDcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunk3OMRODUDcjs.textInputBorderColor.call(void 0, { theme })
       }), controlStyles);
     },
     indicatorsContainer: (styles2) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
@@ -92,13 +92,13 @@ function Select(_a) {
     option: (styles2, props) => {
       const optionStyles = getOptionStyles ? getOptionStyles(styles2, props) : {};
       return _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
-        color: props.isFocused ? _chunkFFXUPRYTcjs.getColor.call(void 0, theme, _chunkZQO2GKVScjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkZQO2GKVScjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkFFXUPRYTcjs.getColor.call(void 0, theme, _chunkZQO2GKVScjs.defaultTextInputTypography.color),
+        color: props.isFocused ? _chunk4NC6INKXcjs.getColor.call(void 0, theme, _chunk3OMRODUDcjs.defaultTextInputTypography.color) : props.isDisabled ? _chunk3OMRODUDcjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunk4NC6INKXcjs.getColor.call(void 0, theme, _chunk3OMRODUDcjs.defaultTextInputTypography.color),
         fontWeight: 600,
         cursor: "pointer",
-        backgroundColor: props.isFocused ? _chunkFFXUPRYTcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
+        backgroundColor: props.isFocused ? _chunk4NC6INKXcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
         WebkitTapHighlightColor: theme.c1Neutral,
         "&:active": {
-          backgroundColor: _chunkFFXUPRYTcjs.themeOr.call(void 0, 
+          backgroundColor: _chunk4NC6INKXcjs.themeOr.call(void 0, 
             theme.c05Neutral,
             theme.c5Neutral
           )({ theme })
@@ -137,7 +137,7 @@ function Select(_a) {
         menuPortalTarget: document.body,
         ref: selectRef,
         components: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
-          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: "Chevron", width: 16 })
+          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KX4AU6Jcjs.Icon, { name: "Chevron", width: 16 })
         }, rest.components),
         theme: (selectTheme) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, selectTheme), {
           borderRadius: 8,

package/dist/{chunk-T7F37S2M.js → chunk-3HUQ2TXZ.js}

@@ -1,41 +1,41 @@
 import {
   smHeaderLogoMarginLeft
 } from "./chunk-SLEBHXIK.js";
+import {
+  useLiveRef
+} from "./chunk-UDFJ6IWI.js";
 import {
   MultiToggle
-} from "./chunk-RNMCQJGC.js";
+} from "./chunk-S6FSR2GY.js";
 import {
   Toggle
-} from "./chunk-K27IPM4F.js";
+} from "./chunk-QAE46CR6.js";
 import {
   Button
-} from "./chunk-EWU2MUVI.js";
+} from "./chunk-LCFXXG6V.js";
 import {
   UnstyledButton
-} from "./chunk-VLZUMH7A.js";
+} from "./chunk-LAYWVYBF.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-XJB6VA4O.js";
+} from "./chunk-JFKPUTCA.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-IQQ7XKJO.js";
+} from "./chunk-CGK72IUW.js";
 import {
   Link
-} from "./chunk-3NEARZTN.js";
+} from "./chunk-5SG5KWXI.js";
 import {
   themeOr
-} from "./chunk-YPQXKAV2.js";
+} from "./chunk-5NZ22GSE.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
-import {
-  useLiveRef
-} from "./chunk-UDFJ6IWI.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-267QLBXG.cjs → chunk-3KX4AU6J.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCSY3HOKHcjs = require('./chunk-CSY3HOKH.cjs');
+var _chunkBVTKD4UQcjs = require('./chunk-BVTKD4UQ.cjs');
 
 
 
 var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
 
 
-var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
+var _chunkJPVQC3NYcjs = require('./chunk-JPVQC3NY.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
+var _chunk4NC6INKXcjs = require('./chunk-4NC6INKX.cjs');
 
 // src/components/Icon/Icon.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -34,14 +34,14 @@ function Icon({
   verticalAlign = "middle",
   iconProps
 }) {
-  const IconComponent = _chunkCSY3HOKHcjs.iconMap[name];
-  const w = parseFloat((width / _chunkMODD4YGEcjs.rootFontSizePx).toFixed(2));
+  const IconComponent = _chunkBVTKD4UQcjs.iconMap[name];
+  const w = parseFloat((width / _chunkJPVQC3NYcjs.rootFontSizePx).toFixed(2));
   const h = square ? w : "auto";
-  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkMODD4YGEcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
-  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkMODD4YGEcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
-  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkMODD4YGEcjs.rootFontSizePx).toFixed(2))}em` : mtProp;
-  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkMODD4YGEcjs.rootFontSizePx).toFixed(2))}em` : mbProp;
-  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkMODD4YGEcjs.rootFontSizePx).toFixed(2));
+  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkJPVQC3NYcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
+  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkJPVQC3NYcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
+  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkJPVQC3NYcjs.rootFontSizePx).toFixed(2))}em` : mtProp;
+  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkJPVQC3NYcjs.rootFontSizePx).toFixed(2))}em` : mbProp;
+  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkJPVQC3NYcjs.rootFontSizePx).toFixed(2));
   const icon = _react2.default.createElement(IconComponent, iconProps, null);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     IconContainer,
@@ -90,10 +90,10 @@ var IconContainer = _styled2.default.span`
 }}
 
   ${({ theme, fontColor }) => {
-  const color = _chunkFFXUPRYTcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
+  const color = _chunk4NC6INKXcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
   return `
     svg, path {
-      color: ${_chunkFFXUPRYTcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
+      color: ${_chunk4NC6INKXcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
 
       /* 
         Provide a way for an SVG to invert relative to a specified color for

package/dist/chunk-3OA4FINJ.cjs

@@ -0,0 +1,56 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkZ7ADYGI7cjs = require('./chunk-Z7ADYGI7.cjs');
+
+
+var _chunkSHI3HYAXcjs = require('./chunk-SHI3HYAX.cjs');
+
+
+var _chunk65FW4EX5cjs = require('./chunk-65FW4EX5.cjs');
+
+
+var _chunkL26VPLJJcjs = require('./chunk-L26VPLJJ.cjs');
+
+
+var _chunk5MRYURYBcjs = require('./chunk-5MRYURYB.cjs');
+
+
+var _chunkQ2OSEA3Ncjs = require('./chunk-Q2OSEA3N.cjs');
+
+
+var _chunk44WUVLMYcjs = require('./chunk-44WUVLMY.cjs');
+
+
+var _chunkR2WDPASFcjs = require('./chunk-R2WDPASF.cjs');
+
+
+var _chunkHG3DMZQLcjs = require('./chunk-HG3DMZQL.cjs');
+
+
+var _chunkGSPF2RXKcjs = require('./chunk-GSPF2RXK.cjs');
+
+// src/components/typography/renderTypography.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var typographyMap = {
+  Display: _chunk5MRYURYBcjs.DisplayString,
+  Headline: _chunkGSPF2RXKcjs.HeadlineString,
+  Title: _chunkQ2OSEA3Ncjs.TitleString,
+  Body: _chunkR2WDPASFcjs.BodyString,
+  "Body Strong": _chunkHG3DMZQLcjs.BodyStrongString,
+  Label: _chunkZ7ADYGI7cjs.LabelString,
+  "Label Moderate": _chunkSHI3HYAXcjs.LabelModerateString,
+  "Label Strong": _chunk65FW4EX5cjs.LabelStrongString,
+  Overline: _chunkL26VPLJJcjs.OverlineString,
+  Code: _chunk44WUVLMYcjs.CodeString,
+  "Code Strong": _chunk44WUVLMYcjs.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-ZQO2GKVS.cjs → chunk-3OMRODUD.cjs}

@@ -1,24 +1,24 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkMKQVFO6Lcjs = require('./chunk-MKQVFO6L.cjs');
 
 
-var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
+var _chunkJPVQC3NYcjs = require('./chunk-JPVQC3NY.cjs');
 
 
-var _chunkDIH23YCLcjs = require('./chunk-DIH23YCL.cjs');
+var _chunkMIEMA7HOcjs = require('./chunk-MIEMA7HO.cjs');
 
 
 
 
-var _chunkFFXUPRYTcjs = require('./chunk-FFXUPRYT.cjs');
+var _chunk4NC6INKXcjs = require('./chunk-4NC6INKX.cjs');
 
 
-var _chunkIJMYMSSCcjs = require('./chunk-IJMYMSSC.cjs');
+var _chunkGHXHO5FQcjs = require('./chunk-GHXHO5FQ.cjs');
 
 // src/styles/fields.tsx
 var _react = require('@emotion/react');
@@ -33,16 +33,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunkFFXUPRYTcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
+  border-color: ${_chunk4NC6INKXcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
 `;
 var inputBlockStyle = ({
   theme,
   hasValue,
   hasError
 }) => _react.css`
-  ${_chunkMODD4YGEcjs.subtext.call(void 0, { theme })}
+  ${_chunkJPVQC3NYcjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkJPVQC3NYcjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -58,8 +58,8 @@ var textInputPlaceholderColor = ({ theme }) => theme.c4Neutral;
 var textInputFontWeight = 600;
 var textInputPaddingPx = 12;
 var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunkFFXUPRYTcjs.isBridge.call(void 0, theme) ? _chunkIJMYMSSCcjs.colors.gray4 : _chunkFFXUPRYTcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunkFFXUPRYTcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
+var textInputBorderColor = ({ theme }) => _chunk4NC6INKXcjs.isBridge.call(void 0, theme) ? _chunkGHXHO5FQcjs.colors.gray4 : _chunk4NC6INKXcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
+var textInputBorderColorFocused = ({ theme }) => _chunk4NC6INKXcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
 var textInputActiveStyles = ({
   theme,
   paddingLeftPx,
@@ -70,7 +70,7 @@ var textInputActiveStyles = ({
   activeOutlineColor
 }) => {
   if (activeOutline) {
-    const outlineColor = activeOutlineColor ? _chunkFFXUPRYTcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
+    const outlineColor = activeOutlineColor ? _chunk4NC6INKXcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
     return _react.css`
       outline: 2px solid ${outlineColor};
       outline-offset: 2px;
@@ -129,7 +129,7 @@ var textInputStyle = ({
   line-height: 22px;
   outline: none;
 
-  ${_chunkDIH23YCLcjs.applyTypography.call(void 0, 
+  ${_chunkMIEMA7HOcjs.applyTypography.call(void 0, 
     theme,
     (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
     (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
@@ -239,7 +239,7 @@ function InputSubtextContent({
   if (typeof text === "string") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: text });
   }
-  return _chunk6IBADE46cjs.toReactNodes.call(void 0, text);
+  return _chunkMKQVFO6Lcjs.toReactNodes.call(void 0, text);
 }
 var StyledInputSubtext = _styled2.default.div`
   margin-top: ${({ visible }) => visible ? "8px" : "0px"};
@@ -272,11 +272,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunkMODD4YGEcjs.subtext}
+  ${_chunkJPVQC3NYcjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunkMODD4YGEcjs.subtext}
+  ${_chunkJPVQC3NYcjs.subtext}
   ${labelStyle}
 `;
 

package/dist/{chunk-4CMNSEWA.js → chunk-3YVKFBIH.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-55OQPFLF.js";
 import {
   overlaySurface
-} from "./chunk-IQQ7XKJO.js";
+} from "./chunk-CGK72IUW.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-355MG2O6.js → chunk-423ZVKQF.js}

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

package/dist/{chunk-ZNYSNRKD.cjs → chunk-44WUVLMY.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkDIH23YCLcjs = require('./chunk-DIH23YCL.cjs');
+var _chunkMIEMA7HOcjs = require('./chunk-MIEMA7HO.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledCode = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkDIH23YCLcjs.applyTypography.call(void 0, theme, "Code", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkMIEMA7HOcjs.applyTypography.call(void 0, theme, "Code", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;