@lightsparkdev/ui 1.0.8 → 1.0.10

package/dist/chunk-RFO3GG6R.cjs

@@ -0,0 +1,58 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkM355VGZ3cjs = require('./chunk-M355VGZ3.cjs');
+
+
+var _chunkOM4IBALUcjs = require('./chunk-OM4IBALU.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/QRReader/QRReader.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function QRReader({
+  videoContainerStyle = {},
+  containerStyle = {},
+  videoStyle = {},
+  constraints,
+  scanDelay,
+  className,
+  onResult,
+  videoId
+}) {
+  _chunkM355VGZ3cjs.useQRReader.call(void 0, {
+    constraints,
+    scanDelay,
+    onResult,
+    videoId
+  });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "section", { className, style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      style: _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkOM4IBALUcjs.styles.container), videoContainerStyle),
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "video",
+        {
+          muted: true,
+          id: videoId,
+          style: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, _chunkOM4IBALUcjs.styles.video), videoStyle), {
+            transform: (constraints == null ? void 0 : constraints.facingMode) === "user" ? "scaleX(-1)" : void 0
+          })
+        }
+      )
+    }
+  ) });
+}
+QRReader.displayName = "QRReader";
+QRReader.defaultProps = {
+  constraints: {
+    facingMode: "user"
+  },
+  videoId: "video",
+  scanDelay: 500
+};
+
+
+
+exports.QRReader = QRReader;

package/dist/{chunk-RKBBY43D.cjs → chunk-RRPNFKNW.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+var _chunkOVJZVL57cjs = require('./chunk-OVJZVL57.cjs');
 
 
-var _chunkAZRC3MXCcjs = require('./chunk-AZRC3MXC.cjs');
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkG5HBO2FIcjs = require('./chunk-G5HBO2FI.cjs');
+var _chunkGEMBOYJDcjs = require('./chunk-GEMBOYJD.cjs');
 
 
-var _chunkZBBVZQKJcjs = require('./chunk-ZBBVZQKJ.cjs');
+var _chunkSEOJ475Zcjs = require('./chunk-SEOJ475Z.cjs');
 
 // src/components/typography/Display.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -28,7 +28,7 @@ var Display = ({
 }) => {
   let reactNodes = children || null;
   if (content) {
-    reactNodes = _chunkAZRC3MXCcjs.toNonTypographicReactNodes.call(void 0, content);
+    reactNodes = _chunkSEOJ475Zcjs.toReactNodesBase.call(void 0, content);
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledDisplay,
@@ -45,8 +45,8 @@ var Display = ({
   );
 };
 var StyledDisplay = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkZBBVZQKJcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
-  ${_chunkG5HBO2FIcjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkGEMBOYJDcjs.applyTypography.call(void 0, theme, "Display", size, colorProp)}
+  ${_chunkOVJZVL57cjs.typographyStyles}
 `;
 function displaySelector(element) {
   return `${element}${_chunk6VA4SAHQcjs.select.call(void 0, StyledDisplay)}`;

package/dist/{chunk-TZ4KOSZV.cjs → chunk-RSQWIVP4.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/static/images/Logo.svg
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-var SvgLogo = (props) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, { viewBox: "0 0 169 34", width: "100%", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
+var SvgLogo = (props) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { viewBox: "0 0 169 34", width: "100%", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M44.898 21.7971H39.3337V11.6397H37.8989V23.2049H46.3245V18.0239H44.898V21.7971Z", fill: "currentColor" }),
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M50.796 13.0393H53.8242V21.7971H50.796V23.2049H58.2456V21.7971H55.2591V13.0393H58.2456V11.6397H50.796V13.0393Z", fill: "currentColor" }),
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M70.3 21.7972H67.2217C65.6868 21.7972 65.1445 21.5516 64.9527 21.4125C64.6607 21.1915 64.5189 20.7577 64.5189 20.1275V14.7582C64.5189 14.1116 64.6523 13.645 64.9193 13.4158C65.0778 13.2767 65.545 13.0393 66.838 13.0393H70.8339V11.6315H66.838C65.3948 11.6315 64.4605 11.8689 63.9099 12.3682C63.3676 12.8675 63.0923 13.6696 63.0923 14.75V20.1193C63.0923 20.6267 63.1507 21.0687 63.2675 21.437C63.401 21.8708 63.6513 22.231 64.0183 22.5093C64.352 22.763 64.8025 22.9512 65.3531 23.0576C65.8453 23.1559 66.4793 23.205 67.2301 23.205H71.7349V18.1385H70.3V21.7972Z", fill: "currentColor" }),

package/dist/{chunk-6YSADIN7.js → chunk-RSTCESAL.js}

@@ -1,12 +1,12 @@
-import {
-  toReactNodes
-} from "./chunk-JZJQOZEN.js";
 import {
   Tooltip
-} from "./chunk-5W523NQP.js";
+} from "./chunk-2KHMKDGF.js";
+import {
+  toReactNodes
+} from "./chunk-XSMF72UT.js";
 import {
   Icon
-} from "./chunk-QQTZ6DZL.js";
+} from "./chunk-NGSQ2OOV.js";
 
 // src/components/InfoIconTooltip.tsx
 import { Fragment } from "react";

package/dist/{chunk-TPL3YXOG.js → chunk-RTDZGU5J.js}

@@ -1,33 +1,33 @@
 import {
-  toReactNodes
-} from "./chunk-JZJQOZEN.js";
+  extend,
+  flexCenter,
+  pxToRems
+} from "./chunk-HEXTPM3C.js";
 import {
   UnstyledButton
-} from "./chunk-E7RKIBJY.js";
+} from "./chunk-WZJTXJM5.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
-  extend,
-  flexCenter,
-  pxToRems
-} from "./chunk-DNRHVCOE.js";
+  toReactNodes
+} from "./chunk-XSMF72UT.js";
 import {
   Icon
-} from "./chunk-QQTZ6DZL.js";
+} from "./chunk-NGSQ2OOV.js";
 import {
   standardContentInset
-} from "./chunk-APUV4UN4.js";
+} from "./chunk-YZM4ALKD.js";
 import {
   themeOr
-} from "./chunk-W5I53DTZ.js";
+} from "./chunk-O42E7NAG.js";
 import {
   colors
-} from "./chunk-REL56P3K.js";
+} from "./chunk-MN4NUSPL.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-LOPKRCGI.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/Toasts.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-4VKPCWNP.js → chunk-RYS6JJEE.js}

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

package/dist/chunk-SAI5MDK3.js

@@ -0,0 +1,102 @@
+import {
+  useClipboard
+} from "./chunk-NFQP7P3D.js";
+import {
+  extend,
+  lineClamp
+} from "./chunk-HEXTPM3C.js";
+import {
+  Icon
+} from "./chunk-NGSQ2OOV.js";
+import {
+  renderTypography
+} from "./chunk-73ETEREG.js";
+import {
+  elide
+} from "./chunk-EDN2QDCB.js";
+
+// src/components/ClipboardTextField.tsx
+import styled from "@emotion/styled";
+import { useCallback } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function ClipboardTextField({
+  value,
+  icon,
+  stopPropagation,
+  maxLines,
+  elide: elideArgs,
+  wordBreakAll = false,
+  tag = "span",
+  iconSide = "left",
+  typography,
+  clipboardCallbacks
+}) {
+  const { canWriteToClipboard, writeTextToClipboard } = useClipboard(clipboardCallbacks);
+  const addLineClamp = maxLines && maxLines > 1;
+  const displayValue = elideArgs ? elide(value, elideArgs) : value;
+  const nodes = renderTypography((typography == null ? void 0 : typography.type) || "Body", {
+    content: displayValue,
+    size: (typography == null ? void 0 : typography.size) || "ExtraSmall",
+    color: (typography == null ? void 0 : typography.color) || "inherit"
+  });
+  const baseValueCSS = {
+    flex: 1,
+    overflow: "hidden",
+    textAlign: "left",
+    textOverflow: "ellipsis",
+    wordBreak: wordBreakAll ? "break-all" : "normal",
+    verticalAlign: "middle"
+  };
+  const valueCSS = addLineClamp ? extend(baseValueCSS, lineClamp(maxLines), { alignSelf: "baseline" }) : baseValueCSS;
+  const valueNode = /* @__PURE__ */ jsx("span", { css: valueCSS, children: nodes });
+  const onClick = useCallback(
+    (event) => {
+      if (stopPropagation) {
+        event.stopPropagation();
+      }
+      void writeTextToClipboard(value);
+    },
+    [stopPropagation, value, writeTextToClipboard]
+  );
+  function onKeyDown(event) {
+    if (event.key === "Enter" || event.key === " ") {
+      if (stopPropagation) {
+        event.stopPropagation();
+      }
+      void writeTextToClipboard(value);
+    }
+  }
+  const baseContainerCSS = {
+    maxWidth: "100%",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    alignItems: "center",
+    boxSizing: "content-box",
+    cursor: "pointer"
+  };
+  const containerCSS = addLineClamp ? (
+    /* keep the icon on the same line when addLineClamp: */
+    extend(baseContainerCSS, { display: "inline-flex" })
+  ) : maxLines === 1 ? extend(baseContainerCSS, { whiteSpace: "nowrap", display: "inline-flex" }) : baseContainerCSS;
+  return canWriteToClipboard && value ? /* @__PURE__ */ jsxs(
+    StyledClipboardTextField,
+    {
+      as: tag,
+      onClick,
+      css: containerCSS,
+      role: "button",
+      tabIndex: 0,
+      onKeyDown,
+      children: [
+        icon && iconSide === "left" ? /* @__PURE__ */ jsx(Icon, { name: "Copy", width: 16, mr: 4 }) : null,
+        valueNode,
+        icon && iconSide === "right" ? /* @__PURE__ */ jsx(Icon, { name: "Copy", width: 16, ml: 4 }) : null
+      ]
+    }
+  ) : /* @__PURE__ */ jsx(StyledClipboardTextField, { as: tag, css: containerCSS, children: valueNode });
+}
+var StyledClipboardTextField = styled.span``;
+
+export {
+  ClipboardTextField
+};

package/dist/{chunk-24SOCRDH.cjs → chunk-SDDC5AVT.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/styles/themeDefaults/buttons.tsx
 var buttonBorderRadiuses = [8, 32, 999];
@@ -37,7 +37,7 @@ var buttonsThemeBase = {
   },
   kinds: {}
 };
-var defaultButtonsTheme = _chunkLKKJVJCGcjs.__spreadProps.call(void 0, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, buttonsThemeBase), {
+var defaultButtonsTheme = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, buttonsThemeBase), {
   kinds: {
     primary: {
       defaultColor: "bg",

package/dist/chunk-SEOJ475Z.cjs

@@ -0,0 +1,86 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+var _chunk4WKQPWLIcjs = require('./chunk-4WKQPWLI.cjs');
+
+
+var _chunkEKGTEPQHcjs = require('./chunk-EKGTEPQH.cjs');
+
+
+var _chunkCBFA6RJWcjs = require('./chunk-CBFA6RJW.cjs');
+
+
+var _chunkJMIYMECJcjs = require('./chunk-JMIYMECJ.cjs');
+
+
+var _chunkQE67LKK5cjs = require('./chunk-QE67LKK5.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/utils/toReactNodes/toReactNodesBase.tsx
+var _core = require('@lightsparkdev/core');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function toReactNodesBase(toReactNodesBaseArg) {
+  const toReactNodesArray = _core.ensureArray.call(void 0, toReactNodesBaseArg);
+  const reactNodes = toReactNodesArray.map((node, i) => {
+    if (_chunk4WKQPWLIcjs.isLinkNode.call(void 0, node)) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQE67LKK5cjs.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, 
+        _chunkEKGTEPQHcjs.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, 
+        _chunkJMIYMECJcjs.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, 
+        _chunkCBFA6RJWcjs.CurrencyAmount,
+        _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.currencyAmount),
+        `currency-amount-${i}-${node.currencyAmount.id}`
+      );
+    } else if (typeof node === "string" || _chunk4WKQPWLIcjs.isTextNode.call(void 0, node)) {
+      const text = typeof node === "string" ? node : node.text;
+      const key = `str-${i}-${text.substr(0, 10)}`;
+      let content = text.split("\n").map((str, j, strArr) => (
+        /* Must use spans to avoid conditional Fragment rendering errors https://bit.ly/3zkHEEM */
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+          str.length ? str.split(" ").map((strPart, k, strPartArr) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+            strPart,
+            k < strPartArr.length - 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "\xA0" }) : null
+          ] }, `str-${i}-part-${k}`)) : null,
+          j < strArr.length - 1 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "br", {}) : null
+        ] }, `str-${i}-break-${j}`)
+      ));
+      if (_chunk4WKQPWLIcjs.isTextNode.call(void 0, node) && "onClick" in node) {
+        content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            onClick: node.onClick,
+            style: { cursor: "pointer" },
+            children: content
+          },
+          `onClick-span-${key}`
+        );
+      }
+      return content;
+    }
+    return null;
+  });
+  return reactNodes;
+}
+
+
+
+exports.toReactNodesBase = toReactNodesBase;

package/dist/chunk-SL7GOUXJ.cjs

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/DataManagerTable/date_utils.ts
+var SECOND = 1e3;
+var MINUTE = SECOND * 60;
+var HOUR = MINUTE * 60;
+var DAY = HOUR * 24;
+var TimeGranularity = /* @__PURE__ */ ((TimeGranularity2) => {
+  TimeGranularity2["Minutes"] = "minutes";
+  TimeGranularity2["Hours"] = "hours";
+  TimeGranularity2["Days"] = "days";
+  return TimeGranularity2;
+})(TimeGranularity || {});
+var GRANULARITY_TO_MILLIS = {
+  ["minutes" /* Minutes */]: MINUTE,
+  ["hours" /* Hours */]: HOUR,
+  ["days" /* Days */]: DAY
+};
+var MAX_DATE = /* @__PURE__ */ new Date("3000-01-01");
+var MIN_DATE = /* @__PURE__ */ new Date("1900-01-01");
+var subtractTime = (date, value, granularity) => {
+  return new Date(date.getTime() - value * GRANULARITY_TO_MILLIS[granularity]);
+};
+var startOfDay = (date) => {
+  const start = new Date(date);
+  start.setHours(0, 0, 0, 0);
+  return start;
+};
+var endOfDay = (date) => {
+  const end = new Date(date);
+  end.setHours(23, 59, 59, 999);
+  return end;
+};
+var DateRangeOperation = /* @__PURE__ */ ((DateRangeOperation2) => {
+  DateRangeOperation2["IsInTheLast"] = "is in the last";
+  DateRangeOperation2["IsEqualTo"] = "is equal to";
+  DateRangeOperation2["IsBetween"] = "is between";
+  DateRangeOperation2["IsAfter"] = "is after";
+  DateRangeOperation2["IsBefore"] = "is before";
+  return DateRangeOperation2;
+})(DateRangeOperation || {});
+
+
+
+
+
+
+
+
+
+exports.TimeGranularity = TimeGranularity; exports.MAX_DATE = MAX_DATE; exports.MIN_DATE = MIN_DATE; exports.subtractTime = subtractTime; exports.startOfDay = startOfDay; exports.endOfDay = endOfDay; exports.DateRangeOperation = DateRangeOperation;

package/dist/chunk-SMVLBX2D.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunk6RG56REScjs = require('./chunk-6RG56RES.cjs');
+
+
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+
+// src/components/DataManagerTable/Filter.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var Filter = ({
+  label,
+  children
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6RG56REScjs.LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterBody, { children })
+  ] });
+};
+var Container = _styled2.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
+`;
+var FilterHeader = _styled2.default.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`;
+var FilterBody = _styled2.default.div``;
+
+
+
+exports.Filter = Filter;

package/dist/chunk-SNAEIQF4.js

@@ -0,0 +1,62 @@
+import {
+  isMediaDevicesSupported,
+  isValidType
+} from "./chunk-XS2KC4AS.js";
+import {
+  __async
+} from "./chunk-CWMXXUWU.js";
+
+// src/components/QRReader/hooks.ts
+import { useEffect, useRef } from "react";
+var useQRReader = ({
+  scanDelay: delayBetweenScanAttempts = 500,
+  constraints: video,
+  onResult,
+  videoId
+}) => {
+  const mountedRef = useRef(true);
+  useEffect(() => {
+    const readQRCode = () => __async(void 0, null, function* () {
+      const { BrowserQRCodeReader } = yield import(
+        /* webpackChunkName: "zxing" */
+        "@zxing/browser"
+      );
+      const codeReader = new BrowserQRCodeReader(void 0, {
+        delayBetweenScanAttempts
+      });
+      if (!isMediaDevicesSupported() && onResult) {
+        const message = 'MediaDevices API has no support for your browser. You can fix this by running "npm i webrtc-adapter"';
+        onResult(null, new Error(message), codeReader);
+      }
+      if (video && isValidType(video, "constraints", "object")) {
+        codeReader.decodeFromConstraints(
+          { video },
+          videoId,
+          (result, error, controls) => {
+            if (mountedRef.current === false) {
+              controls.stop();
+              return;
+            }
+            if (typeof result !== "undefined" && onResult) {
+              controls.stop();
+              onResult(result, error, codeReader);
+            }
+          }
+        ).catch((error) => {
+          if (onResult) {
+            onResult(null, error, codeReader);
+          }
+        });
+      }
+    });
+    mountedRef.current = true;
+    void readQRCode();
+    return () => {
+      mountedRef.current = false;
+    };
+  }, [delayBetweenScanAttempts, onResult, video, videoId]);
+};
+
+export {
+  useQRReader
+};

package/dist/{chunk-PFYBJXL5.js → chunk-SPZKZUAH.js}

@@ -1,10 +1,12 @@
 import {
-  setDefaultReactNodesTypography,
+  setDefaultReactNodesTypography
+} from "./chunk-VVA3TL2D.js";
+import {
   toReactNodes
-} from "./chunk-JZJQOZEN.js";
+} from "./chunk-XSMF72UT.js";
 import {
   Icon
-} from "./chunk-QQTZ6DZL.js";
+} from "./chunk-NGSQ2OOV.js";
 
 // src/components/TextIconAligner.tsx
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
@@ -17,23 +19,19 @@ function TextIconAligner({
 }) {
   const defaultTypography = {
     type: (typographyProp == null ? void 0 : typographyProp.type) || "Body",
-    props: {
-      size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
-      color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
-    }
+    size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
+    color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
   const defaultTypographyMap = {
     link: defaultTypography,
-    externalLink: defaultTypography,
     text: defaultTypography,
     nextLink: defaultTypography
   };
-  let content = setDefaultReactNodesTypography(
+  const nodesWithTypography = setDefaultReactNodesTypography(
     contentProp,
     defaultTypographyMap
   );
-  console.log(content);
-  content = toReactNodes(content);
+  const content = toReactNodes(nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ jsx(
     Icon,
     {