@lightsparkdev/ui 1.0.7 → 1.0.9

package/dist/chunk-X5SBSJ3Z.js

@@ -0,0 +1,21 @@
+// src/components/typography/typographyStyles.tsx
+import { css } from "@emotion/react";
+var typographyStyles = ({
+  /* theme, size, colorProp, */
+  block: blockProp,
+  hideOverflow,
+  displayProp
+}) => {
+  const displayValue = blockProp || hideOverflow ? "block" : displayProp || null;
+  return css`
+    /* Margins should always be set in parent style contexts eg Article: */
+    margin: 0;
+
+    ${displayValue ? `display: ${displayValue};` : ""}
+    ${hideOverflow ? "overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" : ""}
+  `;
+};
+
+export {
+  typographyStyles
+};

package/dist/{chunk-WUBMWAOS.cjs → chunk-X5V7LCCX.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkH24ZXPN3cjs = require('./chunk-H24ZXPN3.cjs');
+var _chunkHJL7XPY3cjs = require('./chunk-HJL7XPY3.cjs');
 
 
-var _chunkJMQYZAL2cjs = require('./chunk-JMQYZAL2.cjs');
+var _chunkAJP3GW6Dcjs = require('./chunk-AJP3GW6D.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
+var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
 
 
-var _chunkSODYHHOBcjs = require('./chunk-SODYHHOB.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
@@ -19,10 +19,10 @@ var _chunkSODYHHOBcjs = require('./chunk-SODYHHOB.cjs');
 
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
 
 
-var _chunkPDZ23BEDcjs = require('./chunk-PDZ23BED.cjs');
+var _chunkJX6HEEEQcjs = require('./chunk-JX6HEEEQ.cjs');
 
 
 
@@ -36,7 +36,7 @@ function CardPage(props) {
   const initiallyExpanded = _react.useRef.call(void 0, Boolean(props.expandRight));
   const [wasExpanded, setWasExpanded] = _react.useState.call(void 0, Boolean(props.expandRight));
   const bp2 = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
-  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH24ZXPN3cjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
+  const header = props.title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardPageHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJL7XPY3cjs.Heading, { type: "h1", m0: true, children: props.title }) }) : null;
   _react.useEffect.call(void 0, () => {
     if (props.expandRight) {
       setWasExpanded(true);
@@ -53,7 +53,7 @@ function CardPage(props) {
       minContentHeight: props.minContentHeight,
       initiallyExpanded: initiallyExpanded.current,
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkSODYHHOBcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: props.minContentWidth ? _chunkZO52GP5Zcjs.overflowAutoWithoutScrollbars : null, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           CardPageContent,
           {
             hasPreHeaderContent: Boolean(props.preHeaderContent),
@@ -85,7 +85,7 @@ CardPage.defaultProps = {
 var CardPageFullContent = _styled2.default.div``;
 var CardPageFullWidth = _styled2.default.div``;
 var CardPageRightContentInner = _styled2.default.div`
-  ${_chunkSODYHHOBcjs.flexCenter}
+  ${_chunkZO52GP5Zcjs.flexCenter}
   height: 100%;
   padding: 150px 25px;
   ${({ hasRightContent }) => hasRightContent && `justify-content: space-evenly;`}
@@ -94,7 +94,7 @@ var CardPageRightContent = _styled2.default.div`
   display: flex;
   position: relative;
   ${CardPageRightContentInner} {
-    ${_chunkMNAZ4BDQcjs.darkGradientBg};
+    ${_chunk23NA5VW6cjs.darkGradientBg};
     position: relative;
     height: calc(100% + 80px);
     margin-top: -40px;
@@ -104,15 +104,15 @@ var CardPageRightContent = _styled2.default.div`
     width: 100%;
 
     ${_chunkKW3JYLRIcjs.bp.minSm(`
-      ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, [0, _chunkMNAZ4BDQcjs.cardBorderRadiusPx, _chunkMNAZ4BDQcjs.cardBorderRadiusPx, 0])};
+      ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, [0, _chunk23NA5VW6cjs.cardBorderRadiusPx, _chunk23NA5VW6cjs.cardBorderRadiusPx, 0])};
     `)}
   }
 `;
 var vCardPaddingPx = 40;
 var expandTiming = `0.65s ease-in-out`;
 var CardPageContainer = _styled2.default.div`
-  ${_chunkMNAZ4BDQcjs.standardContentInset.css}
-  ${({ theme }) => _chunkPDZ23BEDcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
+  ${_chunk23NA5VW6cjs.standardContentInset.css}
+  ${({ theme }) => _chunkJX6HEEEQcjs.themeOr.call(void 0, `background-color: ${theme.bg}`, "transparent")({ theme })};
   position: relative;
   z-index: ${_chunkZU72XWNEcjs.z.card};
 
@@ -125,23 +125,23 @@ var CardPageContainer = _styled2.default.div`
   `)}
 
   & > * {
-    ${_chunkMNAZ4BDQcjs.standardContentInset.css}
+    ${_chunk23NA5VW6cjs.standardContentInset.css}
   }
 
   & ${CardPageFullContent}, & ${CardPageFullWidth} {
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      width: calc(100% + ${_chunkMNAZ4BDQcjs.standardContentInset.smPx * 2}px);
-      margin-left: -${_chunkMNAZ4BDQcjs.standardContentInset.smPx}px;
+      width: calc(100% + ${_chunk23NA5VW6cjs.standardContentInset.smPx * 2}px);
+      margin-left: -${_chunk23NA5VW6cjs.standardContentInset.smPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-      width: calc(100% + ${_chunkMNAZ4BDQcjs.standardContentInset.minSmMaxLgPx * 2}px);
-      margin-left: -${_chunkMNAZ4BDQcjs.standardContentInset.minSmMaxLgPx}px;
+      width: calc(100% + ${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx * 2}px);
+      margin-left: -${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx}px;
     `)}
 
     ${_chunkKW3JYLRIcjs.bp.lg(`
-      width: calc(100% + ${_chunkMNAZ4BDQcjs.standardContentInset.lgPx * 2}px);
-      margin-left: -${_chunkMNAZ4BDQcjs.standardContentInset.lgPx}px;
+      width: calc(100% + ${_chunk23NA5VW6cjs.standardContentInset.lgPx * 2}px);
+      margin-left: -${_chunk23NA5VW6cjs.standardContentInset.lgPx}px;
     `)}
   }
 
@@ -160,9 +160,9 @@ var CardPageContainer = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.minSm(`
-    ${_chunkMNAZ4BDQcjs.standardCardShadow.styles};
+    ${_chunk23NA5VW6cjs.standardCardShadow.styles};
     padding: ${vCardPaddingPx}px 0;
-    ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, _chunkMNAZ4BDQcjs.cardBorderRadiusPx)}
+    ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, _chunk23NA5VW6cjs.cardBorderRadiusPx)}
   `)}
 
   &:not(:last-child) {
@@ -224,12 +224,12 @@ var CardPageContainer = _styled2.default.div`
 
       &:first-of-type > * {
         ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-          width: calc(100% - ${_chunkMNAZ4BDQcjs.standardContentInset.minSmMaxLgPx * 2}px);
-          margin-left: ${_chunkMNAZ4BDQcjs.standardContentInset.minSmMaxLgPx}px;
+          width: calc(100% - ${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx * 2}px);
+          margin-left: ${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx}px;
         `)}
         ${_chunkKW3JYLRIcjs.bp.lg(`
-          width: calc(100% - ${_chunkMNAZ4BDQcjs.standardContentInset.lgPx * 3}px);
-          margin-left: ${_chunkMNAZ4BDQcjs.standardContentInset.lgPx}px;
+          width: calc(100% - ${_chunk23NA5VW6cjs.standardContentInset.lgPx * 3}px);
+          margin-left: ${_chunk23NA5VW6cjs.standardContentInset.lgPx}px;
         `)}
       }
     }
@@ -255,7 +255,7 @@ var CardPageContainer = _styled2.default.div`
             ${initiallyExpanded ? "" : `animation: rightSideExpand ${expandTiming};`}
             margin: 0%;
             & > ${CardPageRightContentInner.toString()} {
-              border-radius: ${_chunkMNAZ4BDQcjs.cardBorderRadiusPx}px !important;
+              border-radius: ${_chunk23NA5VW6cjs.cardBorderRadiusPx}px !important;
             }
           `) : wasExpanded ? _chunkKW3JYLRIcjs.bp.minSm(`
             width: 50%;
@@ -265,8 +265,8 @@ var CardPageContainer = _styled2.default.div`
 `;
 var CardPageSubtitle = _styled2.default.p`
   color: ${({ theme }) => theme.mcNeutral};
-  font-size: ${_chunkSODYHHOBcjs.size.px14};
-  line-height: ${_chunkSODYHHOBcjs.size.px18};
+  font-size: ${_chunkZO52GP5Zcjs.size.px14};
+  line-height: ${_chunkZO52GP5Zcjs.size.px18};
   font-weight: 600;
   margin: 0;
 `;
@@ -277,15 +277,15 @@ var CardPageHeader = _styled2.default.div`
   justify-content: space-between;
   position: relative;
 
-  & + *:not(${CardPageSubtitle}):not(${_chunkJMQYZAL2cjs.ButtonRowContainer}) {
-    margin-top: ${_chunkMNAZ4BDQcjs.headingContentMarginPx}px !important;
+  & + *:not(${CardPageSubtitle}):not(${_chunkAJP3GW6Dcjs.ButtonRowContainer}) {
+    margin-top: ${_chunk23NA5VW6cjs.headingContentMarginPx}px !important;
   }
 
   & + ${CardPageSubtitle} {
     margin-top: 5px;
   }
 
-  & + ${_chunkJMQYZAL2cjs.ButtonRowContainer} {
+  & + ${_chunkAJP3GW6Dcjs.ButtonRowContainer} {
     margin-top: 16px;
   }
 `;

package/dist/chunk-X65D3BZG.cjs

@@ -0,0 +1,165 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkUGGHTD3Vcjs = require('./chunk-UGGHTD3V.cjs');
+
+
+var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
+
+
+var _chunkGFKY6YX2cjs = require('./chunk-GFKY6YX2.cjs');
+
+
+
+var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+
+
+var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
+
+
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/ReadClipboardButton.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _react = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ReadClipboardButton({
+  onChangeTextInput = () => {
+  },
+  onPasteValue,
+  onRemoveValue,
+  valueLoading = false,
+  value,
+  errorMsg,
+  description,
+  autoButtonText,
+  onClickAutoButton,
+  hint,
+  clipboardCallbacks
+}) {
+  const bp = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
+  const { canReadFromClipboard, readTextFromClipboard } = _chunkEZNRFABOcjs.useClipboard.call(void 0, clipboardCallbacks);
+  const [isEditingTextInput, setIsEditingTextInput] = _react.useState.call(void 0, false);
+  const isDeleting = _react.useRef.call(void 0, false);
+  const getTextFromClipboard = _react.useCallback.call(void 0, () => _chunkYM5JDZDQcjs.__async.call(void 0, this, null, function* () {
+    const text = yield readTextFromClipboard();
+    if (text !== null) {
+      const value2 = text.trim();
+      if (value2 === "") {
+        setIsEditingTextInput(true);
+      } else {
+        onPasteValue(value2);
+      }
+    }
+  }), [onPasteValue, readTextFromClipboard]);
+  function onClick() {
+    if (!isDeleting.current) {
+      void getTextFromClipboard();
+    } else {
+      isDeleting.current = false;
+    }
+  }
+  function onDeleteMouseDown(e) {
+    e.stopPropagation();
+    isDeleting.current = true;
+    onRemoveValue();
+  }
+  function onDeleteMouseUp() {
+    isDeleting.current = false;
+  }
+  const onKeyDown = _react.useCallback.call(void 0, 
+    (event) => {
+      const charCode = String.fromCharCode(event.which).toLowerCase();
+      if (document.activeElement === document.body) {
+        if (canReadFromClipboard) {
+          if ((event.ctrlKey || event.metaKey) && charCode === "v") {
+            event.preventDefault();
+            void getTextFromClipboard();
+            return;
+          }
+        }
+        if (event.key === "Escape" || event.key === "Delete") {
+          onRemoveValue();
+        } else if (charCode.match(/^[a-z0-9]$/i)) {
+          setIsEditingTextInput(true);
+        }
+      }
+    },
+    [getTextFromClipboard, canReadFromClipboard, onRemoveValue]
+  );
+  _react.useEffect.call(void 0, () => {
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [onKeyDown]);
+  return (canReadFromClipboard || onClickAutoButton) && !bp.isSm() ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      ReadClipboardButtonContainer,
+      {
+        onClick: onClickAutoButton ? onClickAutoButton : onClick,
+        hasAddress: Boolean(value),
+        hasError: Boolean(errorMsg),
+        onMouseUp: onDeleteMouseUp,
+        children: autoButtonText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunk7QXYBPSJcjs.UnstyledButton,
+          {
+            onClick: onClickAutoButton,
+            css: { cursor: "pointer" },
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkUGGHTD3Vcjs.Pill,
+              {
+                text: autoButtonText,
+                icon: "MagicWand",
+                cursor: "pointer",
+                loading: valueLoading,
+                onClickPillBody: onClickAutoButton
+              }
+            )
+          }
+        ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
+          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton, { onClick, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Copy", width: 19 }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "8px" }, children: description })
+          ] }) : null,
+          value || isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _chunkUGGHTD3Vcjs.Pill,
+            {
+              text: value,
+              onDeleteMouseDown,
+              loading: valueLoading,
+              isEditing: isEditingTextInput,
+              onChangeTextInput: (value2) => {
+                onChangeTextInput(value2);
+              },
+              onFocusTextInput: () => setIsEditingTextInput(true),
+              onBlurTextInput: () => setIsEditingTextInput(false),
+              onClickPillBody: onClickAutoButton ? onClickAutoButton : () => setIsEditingTextInput(true)
+            }
+          ) : null
+        ] })
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNVVAOGNLcjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
+  ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkGFKY6YX2cjs.TextInput,
+    {
+      onChange: onChangeTextInput,
+      value,
+      hint,
+      error: errorMsg || void 0
+    }
+  ) });
+}
+var ReadClipboardButtonContainer = _styled2.default.div`
+  ${({ theme, hasAddress, hasError }) => _chunkNVVAOGNLcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
+`;
+
+
+
+exports.ReadClipboardButton = ReadClipboardButton;

package/dist/{chunk-MJ63JHE3.cjs → chunk-XJP6PQIC.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunk7OBPNS6Wcjs = require('./chunk-7OBPNS6W.cjs');
+var _chunkSFTKSNEKcjs = require('./chunk-SFTKSNEK.cjs');
 
 // src/components/documentation/DocsHeadline.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -51,13 +51,15 @@ var DocsHeadline = ({
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7OBPNS6Wcjs.StyledHeadline,
+    _chunkSFTKSNEKcjs.StyledHeadline,
     {
       as: heading,
       id,
       size,
       colorProp: color,
       displayProp: "block",
+      hideOverflow: false,
+      block: true,
       children
     }
   );

package/dist/chunk-XNZEPKAL.cjs

@@ -0,0 +1,54 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+
+var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
+
+// src/components/TextArea.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _react = require('react');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var defaultProps = {
+  disabled: false
+};
+function TextArea({
+  value,
+  onChange,
+  label,
+  error,
+  placeholder,
+  id,
+  hint,
+  disabled = defaultProps.disabled,
+  minHeight,
+  readOnly = false
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNVVAOGNLcjs.Label, { children: label }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      StyledTextArea,
+      {
+        id,
+        value,
+        minHeight,
+        onChange: (event) => {
+          onChange(event.target.value, event);
+        },
+        disabled,
+        hasError: Boolean(error),
+        placeholder,
+        readOnly
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNVVAOGNLcjs.InputSubtext, { text: error || hint })
+  ] });
+}
+var StyledTextArea = _styled2.default.textarea`
+  ${_chunkNVVAOGNLcjs.textInputStyle}
+  resize: none;
+  min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "initial"};
+`;
+
+
+
+exports.TextArea = TextArea;

package/dist/{chunk-MI5TUKMX.js → chunk-XPMIPSEB.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-JQV6H76U.js";
+} from "./chunk-IGZYEIQS.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-K3DMPJSX.js";
 import {
   standardBorderRadius
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-ZMK4RE5I.js";
 
 // src/components/Collapsible.tsx
 import styled from "@emotion/styled";

package/dist/chunk-XS2KC4AS.js

@@ -0,0 +1,24 @@
+// src/components/QRReader/utils.ts
+var isMediaDevicesSupported = () => {
+  const isMediaDevicesSupported2 = typeof navigator !== "undefined" && !!navigator.mediaDevices;
+  if (!isMediaDevicesSupported2) {
+    console.warn(
+      `[ReactQRReader]: MediaDevices API has no support for your browser. You can fix this by running "npm i webrtc-adapter"`
+    );
+  }
+  return isMediaDevicesSupported2;
+};
+var isValidType = (value, name, type) => {
+  const isValid = typeof value === type;
+  if (!isValid) {
+    console.warn(
+      `[ReactQRReader]: Expected "${name}" to be a of type "${type}".`
+    );
+  }
+  return isValid;
+};
+
+export {
+  isMediaDevicesSupported,
+  isValidType
+};

package/dist/{chunk-ZV5IAOIM.js → chunk-XWSMLTYM.js}

@@ -1,6 +1,6 @@
 import {
   Label
-} from "./chunk-DPK5MAQL.js";
+} from "./chunk-4MZNGM5R.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-3ET7MRCR.cjs → chunk-YB3AGHD5.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.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, _chunkCB3IFR2Xcjs.Icon, { name: "CheckmarkCircleGreen", width: 16 }) : value }, column.key);
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: value === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "CheckmarkCircleGreen", width: 16 }) : value }, column.key);
       })
     ] }, index)) })
   ] });

package/dist/{chunk-QCJWZRIP.cjs → chunk-YDTPEU32.cjs}

@@ -1,9 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _chunk2ZRPJUTYcjs = require('./chunk-2ZRPJUTY.cjs');
+
+
 var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
 
 
-var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
 
 // src/router.tsx
 var _lodashes = require('lodash-es');
@@ -45,12 +48,14 @@ function Link({
   filename,
   params,
   children,
+  text,
   css,
   onClick,
   className,
   hash = null,
   blue = false,
-  newTab = false
+  newTab: newTabProp,
+  typography
 }) {
   if (!_chunk7PRNB5U5cjs.isString.call(void 0, to) && !externalLink && !onClick) {
     throw new Error(
@@ -58,6 +63,7 @@ function Link({
     );
   }
   let toStr;
+  let newTab = Boolean(newTabProp);
   if (_chunk7PRNB5U5cjs.isString.call(void 0, to)) {
     toStr = replaceParams(to, params);
     toStr += hash ? `#${hash}` : "";
@@ -66,10 +72,21 @@ function Link({
     if (!definedExternalLink.startsWith("http")) {
       throw new Error("Link's externalLink must start with http");
     }
+    if (newTabProp === void 0) {
+      newTab = true;
+    }
     toStr = definedExternalLink;
   } else {
     toStr = "#";
   }
+  let content = children;
+  if (text) {
+    content = typography ? _chunk2ZRPJUTYcjs.renderTypography.call(void 0, typography.type, {
+      size: typography.size,
+      color: typography.color,
+      content: text
+    }) : text;
+  }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _reactrouterdom.Link,
     {
@@ -79,10 +96,10 @@ function Link({
       onClick,
       className,
       download: filename,
-      style: { color: blue ? _chunkKSKKC6C2cjs.colors.blue43 : "inherit" },
+      style: { color: blue ? _chunkO7USIZI6cjs.colors.blue43 : "inherit" },
       target: newTab ? "_blank" : void 0,
       rel: newTab ? "noopener noreferrer" : void 0,
-      children
+      children: content
     }
   );
 }

package/dist/{chunk-EKU37RBB.js → chunk-YFKVNM5L.js}

@@ -1,15 +1,15 @@
-import {
-  Tooltip
-} from "./chunk-FLYNOCPZ.js";
 import {
   UnstyledButton
-} from "./chunk-H47HIU2F.js";
+} from "./chunk-EYWGUIVP.js";
+import {
+  Tooltip
+} from "./chunk-GUGOSES5.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-K3DMPJSX.js";
 import {
   __async
-} from "./chunk-LOPKRCGI.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/CopyToClipboardButton.tsx
 import styled from "@emotion/styled";