@lightsparkdev/ui 1.0.10 → 1.0.11

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @lightsparkdev/ui
 
+## 1.0.11
+
+### Patch Changes
+
+- 1a063b6: - PendingValue improvements
+  - Fix circular dep issue with typography and toReactNodes utils
+  - Add theming for CardForm
+- Updated dependencies [1a063b6]
+- Updated dependencies [1a063b6]
+  - @lightsparkdev/core@1.2.4
+
 ## 1.0.10
 
 ### Patch Changes
@@ -15,7 +26,7 @@
 - 07900ac: - Add several components and hooks
   - Upgrade Typescript to 5.6.2
   - Remove remaining generic type arguments for Routes - replaced with interface extension in downstream apps via NewRoutesType
-  - Remove generic typography arguments, using simpler/better inference via TypographyPropsWithoutContent type
+  - Remove generic typography arguments, using simpler/better inference via TypographyPropsWithoutChildren type
   - Improve and simplify toReactNodes
   - Add CurrencyAmount as an available toReactNodes node
 - Updated dependencies [07900ac]

package/dist/chunk-2466FZJC.js

@@ -0,0 +1,15 @@
+// src/utils/toReactNodes/stringToNodes.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function stringToNodes(str) {
+  return str.split("\n").map((str2, i, strArr) => {
+    const key = `str-${i}-${str2.substr(0, 20)}`;
+    return !str2 && i === strArr.length - 1 ? null : /* @__PURE__ */ jsxs("span", { children: [
+      str2.length ? str2 : null,
+      i < strArr.length - 1 ? /* @__PURE__ */ jsx("br", {}) : null
+    ] }, key);
+  });
+}
+
+export {
+  stringToNodes
+};

package/dist/chunk-24PCED54.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/LabelStrong.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function LabelStrongString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["children"]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledLabelStrong, _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 StyledLabelStrong = _styled2.default.span`
+  ${({ theme, size, colorProp }) => _chunkSZSK5ISJcjs.applyTypography.call(void 0, theme, "Label Strong", size, colorProp)}
+  ${_chunkOVJZVL57cjs.typographyStyles}
+`;
+
+
+
+
+
+exports.LabelStrongString = LabelStrongString; exports.getPropDefaults = getPropDefaults; exports.StyledLabelStrong = StyledLabelStrong;

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

@@ -1,12 +1,12 @@
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-HEXTPM3C.js";
+} from "./chunk-CD4D43OU.js";
 import {
   Button
-} from "./chunk-2C73WWPT.js";
+} from "./chunk-LQKIJF4I.js";
 import {
   standardContentInset
-} from "./chunk-YZM4ALKD.js";
+} from "./chunk-YBJVTNAP.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/chunk-2I22MYIY.js

@@ -0,0 +1,88 @@
+import {
+  isCurrencyAmountNode,
+  isIconNode,
+  isLinkNode,
+  isNextLinkNode,
+  isTextNode
+} from "./chunk-G5IVQ4O3.js";
+import {
+  NextLink
+} from "./chunk-A5IQAGAS.js";
+import {
+  CurrencyAmount
+} from "./chunk-S22LEIHN.js";
+import {
+  Icon
+} from "./chunk-NCLVA6JY.js";
+import {
+  Link
+} from "./chunk-TIX47F5U.js";
+import {
+  renderTypography
+} from "./chunk-ANBLLKL6.js";
+import {
+  stringToNodes
+} from "./chunk-2466FZJC.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/utils/toReactNodes/toReactNodes.tsx
+import { ensureArray } from "@lightsparkdev/core";
+import { Fragment } from "react";
+import { jsx } from "@emotion/react/jsx-runtime";
+function toReactNodes(toReactNodesArg) {
+  const toReactNodesArray = ensureArray(toReactNodesArg);
+  const reactNodes = toReactNodesArray.map((node, i) => {
+    if (!node) {
+      return null;
+    } else if (typeof node === "string" || isTextNode(node)) {
+      const text = typeof node === "string" ? node : node.text;
+      let content = text;
+      if (isTextNode(node) && node.typography) {
+        const _a = node.typography, { type: typographyType } = _a, typographyProps = __objRest(_a, ["type"]);
+        content = renderTypography(typographyType, __spreadProps(__spreadValues({}, typographyProps), {
+          children: text
+        }));
+      } 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);
+    } else if (isLinkNode(node)) {
+      return /* @__PURE__ */ jsx(Link, __spreadValues({}, node.link), `link-${i}-${node.link.id}`);
+    } else if (isNextLinkNode(node)) {
+      return /* @__PURE__ */ jsx(
+        NextLink,
+        __spreadValues({}, node.nextLink),
+        `next-link-${i}-${node.nextLink.id}`
+      );
+    } else if (isIconNode(node)) {
+      return /* @__PURE__ */ jsx(
+        Icon,
+        __spreadProps(__spreadValues({}, node.icon), {
+          width: node.icon.width || 12
+        }),
+        `icon-${i}-${node.icon.id}`
+      );
+    } else if (isCurrencyAmountNode(node)) {
+      return /* @__PURE__ */ jsx(
+        CurrencyAmount,
+        __spreadValues({}, node.currencyAmount),
+        `currency-amount-${i}-${node.currencyAmount.id}`
+      );
+    }
+    return null;
+  });
+  return /* @__PURE__ */ jsx(Fragment, { children: reactNodes });
+}
+
+export {
+  toReactNodes
+};

package/dist/chunk-2NURZSLX.js

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

package/dist/{chunk-RYS6JJEE.js → chunk-2SLOCUAM.js}

@@ -1,9 +1,9 @@
 import {
   CopyToClipboardButton
-} from "./chunk-GU46BAEF.js";
+} from "./chunk-TGY3VJCU.js";
 import {
   standardBorderRadius
-} from "./chunk-YZM4ALKD.js";
+} from "./chunk-YBJVTNAP.js";
 
 // src/components/SecretContainer.tsx
 import styled from "@emotion/styled";

package/dist/chunk-2WMBDPXZ.cjs

@@ -0,0 +1,44 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/styles/themeDefaults/cardForm.tsx
+var cardFormThemeBaseProps = {
+  paddingY: 56,
+  paddingX: 56,
+  shadow: "soft",
+  borderRadius: 24,
+  borderWidth: 0,
+  borderColor: "vlcNeutral",
+  textAlign: "left",
+  backgroundColor: "bg",
+  smBackgroundColor: "bg",
+  smBorderWidth: 0
+};
+var cardFormThemeBase = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, cardFormThemeBaseProps), {
+  kinds: {
+    primary: {},
+    secondary: {},
+    tertiary: {}
+  }
+});
+var defaultCardFormTheme = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, cardFormThemeBaseProps), {
+  kinds: {
+    primary: {},
+    secondary: {
+      paddingY: 40,
+      paddingX: 40,
+      shadow: "none",
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: "vlcNeutral"
+    },
+    tertiary: { paddingY: 56, paddingX: 40, shadow: "hard" }
+  }
+});
+
+
+
+
+exports.cardFormThemeBase = cardFormThemeBase; exports.defaultCardFormTheme = defaultCardFormTheme;

package/dist/{chunk-ELKBW52S.js → chunk-2ZVOJA73.js}

@@ -1,56 +1,58 @@
 import {
   Body
-} from "./chunk-GCUAIBB5.js";
+} from "./chunk-YU5VK6IK.js";
 import {
-  Headline,
-  headlineSelector
-} from "./chunk-IGNDJHKO.js";
+  Headline
+} from "./chunk-54GVS2VF.js";
 import {
   useLiveRef
 } from "./chunk-NBCCPGA4.js";
 import {
   ProgressBar
-} from "./chunk-625AYCBC.js";
+} from "./chunk-H2TSUAW4.js";
 import {
   Drawer
-} from "./chunk-MOEVMNK6.js";
+} from "./chunk-AJBJNU3D.js";
 import {
   IconWithCircleBackground
-} from "./chunk-ATJPSJS5.js";
+} from "./chunk-BD3WZIGI.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-HEXTPM3C.js";
+} from "./chunk-CD4D43OU.js";
 import {
   Button,
   ButtonSelector
-} from "./chunk-2C73WWPT.js";
-import {
-  select
-} from "./chunk-YMNSXZ5D.js";
+} from "./chunk-LQKIJF4I.js";
 import {
   UnstyledButton
-} from "./chunk-WZJTXJM5.js";
+} from "./chunk-7SNXBUCU.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   toReactNodes
-} from "./chunk-XSMF72UT.js";
+} from "./chunk-2I22MYIY.js";
 import {
   Icon
-} from "./chunk-NGSQ2OOV.js";
+} from "./chunk-NCLVA6JY.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardContentInset,
   standardFocusOutline
-} from "./chunk-YZM4ALKD.js";
+} from "./chunk-YBJVTNAP.js";
+import {
+  headlineSelector
+} from "./chunk-A35Y4ISY.js";
+import {
+  select
+} from "./chunk-YMNSXZ5D.js";
 import {
   TokenSize
-} from "./chunk-VASG2BKI.js";
+} from "./chunk-YQP6BIJN.js";
 import {
   bp,
   useBreakpoints

package/dist/chunk-36SDWEWY.cjs

@@ -0,0 +1,88 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+var _chunk4WKQPWLIcjs = require('./chunk-4WKQPWLI.cjs');
+
+
+var _chunkLE4SV6GHcjs = require('./chunk-LE4SV6GH.cjs');
+
+
+var _chunkDJGCES5Lcjs = require('./chunk-DJGCES5L.cjs');
+
+
+var _chunkUMU7TYANcjs = require('./chunk-UMU7TYAN.cjs');
+
+
+var _chunk4HIPKMRHcjs = require('./chunk-4HIPKMRH.cjs');
+
+
+var _chunkQEG4FMH4cjs = require('./chunk-QEG4FMH4.cjs');
+
+
+var _chunkL3U3VIEJcjs = require('./chunk-L3U3VIEJ.cjs');
+
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/utils/toReactNodes/toReactNodes.tsx
+var _core = require('@lightsparkdev/core');
+var _react = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function toReactNodes(toReactNodesArg) {
+  const toReactNodesArray = _core.ensureArray.call(void 0, toReactNodesArg);
+  const reactNodes = toReactNodesArray.map((node, i) => {
+    if (!node) {
+      return null;
+    } else if (typeof node === "string" || _chunk4WKQPWLIcjs.isTextNode.call(void 0, node)) {
+      const text = typeof node === "string" ? node : node.text;
+      let content = text;
+      if (_chunk4WKQPWLIcjs.isTextNode.call(void 0, node) && node.typography) {
+        const _a = node.typography, { type: typographyType } = _a, typographyProps = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, ["type"]);
+        content = _chunkQEG4FMH4cjs.renderTypography.call(void 0, typographyType, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, typographyProps), {
+          children: text
+        }));
+      } else {
+        content = _chunkL3U3VIEJcjs.stringToNodes.call(void 0, text);
+      }
+      const props = _chunk4WKQPWLIcjs.isTextNode.call(void 0, node) ? {
+        onClick: node.onClick,
+        style: { cursor: "pointer" }
+      } : void 0;
+      const key = `text-${i}-${text.substr(0, 20)}`;
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { children: content }), key);
+    } else if (_chunk4WKQPWLIcjs.isLinkNode.call(void 0, node)) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4HIPKMRHcjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.link), `link-${i}-${node.link.id}`);
+    } else if (_chunk4WKQPWLIcjs.isNextLinkNode.call(void 0, node)) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkLE4SV6GHcjs.NextLink,
+        _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.nextLink),
+        `next-link-${i}-${node.nextLink.id}`
+      );
+    } else if (_chunk4WKQPWLIcjs.isIconNode.call(void 0, node)) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkUMU7TYANcjs.Icon,
+        _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.icon), {
+          width: node.icon.width || 12
+        }),
+        `icon-${i}-${node.icon.id}`
+      );
+    } else if (_chunk4WKQPWLIcjs.isCurrencyAmountNode.call(void 0, node)) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkDJGCES5Lcjs.CurrencyAmount,
+        _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.currencyAmount),
+        `currency-amount-${i}-${node.currencyAmount.id}`
+      );
+    }
+    return null;
+  });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: reactNodes });
+}
+
+
+
+exports.toReactNodes = toReactNodes;

package/dist/{chunk-3VB55LWB.js → chunk-3NJYXJSP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-2NT4RAQ3.js";
 import {
   StyledHeadline
-} from "./chunk-IGNDJHKO.js";
+} from "./chunk-A35Y4ISY.js";
 
 // src/components/documentation/DocsHeadline.tsx
 import React from "react";

package/dist/chunk-3UCMIAB4.js

@@ -0,0 +1,35 @@
+import {
+  getPropDefaultsBase
+} from "./chunk-BVEHA6GI.js";
+import {
+  typographyStyles
+} from "./chunk-X5SBSJ3Z.js";
+import {
+  applyTypography
+} from "./chunk-FH6BM3M7.js";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/typography/base/Body.tsx
+import styled from "@emotion/styled";
+import { jsx } from "@emotion/react/jsx-runtime";
+function BodyString(props) {
+  const _a = getPropDefaults(props), { children } = _a, rest = __objRest(_a, ["children"]);
+  return /* @__PURE__ */ jsx(StyledBody, __spreadProps(__spreadValues({}, rest), { children }));
+}
+function getPropDefaults(props) {
+  return getPropDefaultsBase(props, { as: props.tag || "span" });
+}
+var StyledBody = styled.span`
+  ${({ theme, size, colorProp }) => applyTypography(theme, "Body", size, colorProp)}
+  ${typographyStyles}
+`;
+
+export {
+  BodyString,
+  getPropDefaults,
+  StyledBody
+};

package/dist/chunk-3Z2MWTUG.js

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

package/dist/{chunk-F6ITVYPU.js → chunk-4B6TAJL6.js}

@@ -1,12 +1,12 @@
 import {
   DocsHeadline
-} from "./chunk-3VB55LWB.js";
+} from "./chunk-3NJYXJSP.js";
+import {
+  Icon
+} from "./chunk-NCLVA6JY.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
-import {
-  Icon
-} from "./chunk-NGSQ2OOV.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-MZVYDXQ7.cjs → chunk-4BSVHCYX.cjs}

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPW6MUX7Ncjs = require('./chunk-PW6MUX7N.cjs');
+var _chunkZSOF6RUScjs = require('./chunk-ZSOF6RUS.cjs');
 
 
-var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
 
 // src/components/LightsparkProvider.tsx
 var _react = require('@emotion/react');
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LightsparkProvider({ children }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunkWKRK5OVEcjs.themes.light, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPW6MUX7Ncjs.GlobalStyles, {}),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.ThemeProvider, { theme: _chunk7EIZIKLRcjs.themes.light, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZSOF6RUScjs.GlobalStyles, {}),
     children
   ] });
 }

package/dist/{chunk-QE67LKK5.cjs → chunk-4HIPKMRH.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkWRZUCCQDcjs = require('./chunk-WRZUCCQD.cjs');
+var _chunkQEG4FMH4cjs = require('./chunk-QEG4FMH4.cjs');
 
 
 var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
@@ -82,10 +82,10 @@ function LinkBase({
   }
   let content = children;
   if (text) {
-    content = typography ? _chunkWRZUCCQDcjs.renderTypography.call(void 0, typography.type, {
+    content = typography ? _chunkQEG4FMH4cjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
-      content: text
+      children: text
     }) : text;
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-I3A4BTFM.js → chunk-4IR6IRNW.js}

@@ -1,15 +1,15 @@
 import {
   Filter
-} from "./chunk-MQVRZOTQ.js";
+} from "./chunk-DLBPASW7.js";
 import {
   Select_default
-} from "./chunk-72JQQKA7.js";
+} from "./chunk-MNMGIPSQ.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-2C73WWPT.js";
+} from "./chunk-LQKIJF4I.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-TMB4SEV7.cjs → chunk-4JVJ3TUU.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkNCH72LUBcjs = require('./chunk-NCH72LUB.cjs');
+var _chunkQ7C5LR6Icjs = require('./chunk-Q7C5LR6I.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');
 
 
-var _chunkDIMJISMHcjs = require('./chunk-DIMJISMH.cjs');
+var _chunkOQEP7VDDcjs = require('./chunk-OQEP7VDD.cjs');
 
 
-var _chunkWKRK5OVEcjs = require('./chunk-WKRK5OVE.cjs');
+var _chunk7EIZIKLRcjs = require('./chunk-7EIZIKLR.cjs');
 
 // src/components/Badge.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -37,14 +37,14 @@ function Badge({
     text: defaultTypography,
     nextLink: defaultTypography
   };
-  const nodesWithTypography = _chunkNCH72LUBcjs.setDefaultReactNodesTypography.call(void 0, 
+  const nodesWithTypography = _chunkQ7C5LR6Icjs.setDefaultReactNodesTypography.call(void 0, 
     contentProp,
     defaultTypographyMap
   );
-  const content = _chunkGDLQ54TNcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunk36SDWEWYcjs.toReactNodes.call(void 0, nodesWithTypography);
   return contentProp ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledBadge, { kind, ml, mr, size, block, children: [
     icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJMIYMECJcjs.Icon,
+      _chunkUMU7TYANcjs.Icon,
       {
         name: icon.name,
         width: 20,
@@ -57,7 +57,7 @@ function Badge({
 var badgeSmVPadding = 2;
 var badgeSmHPadding = 6;
 var StyledBadge = _styled2.default.div`
-  ${({ size }) => _chunkDIMJISMHcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
+  ${({ size }) => _chunkOQEP7VDDcjs.standardBorderRadius.call(void 0, size === "sm" ? 4 : 12)}
   ${({ ml }) => ml === 0 ? "" : `margin-left: ${ml}px;`}
   ${({ mr }) => mr === 0 ? "" : `margin-right: ${mr}px;`}
 
@@ -67,9 +67,9 @@ var StyledBadge = _styled2.default.div`
   padding: ${({ size }) => size === "sm" ? `${badgeSmVPadding}px ${badgeSmHPadding}px` : "12px 16px"};
   background-color: ${({ theme, kind }) => {
   if (kind === "danger") {
-    return _chunkWKRK5OVEcjs.getColor.call(void 0, theme, "red42a10");
+    return _chunk7EIZIKLRcjs.getColor.call(void 0, theme, "red42a10");
   } else {
-    return _chunkWKRK5OVEcjs.getColor.call(void 0, theme, theme.badge.bg);
+    return _chunk7EIZIKLRcjs.getColor.call(void 0, theme, theme.badge.bg);
   }
 }};
 `;