@lightsparkdev/ui 1.0.7 → 1.0.9

package/dist/{chunk-5WZ7X43P.cjs → chunk-KTGPS4CT.cjs}

@@ -3,49 +3,49 @@
 var _chunk46AVXTFOcjs = require('./chunk-46AVXTFO.cjs');
 
 
-var _chunkCRVO2CALcjs = require('./chunk-CRVO2CAL.cjs');
+var _chunkGIZQB46Vcjs = require('./chunk-GIZQB46V.cjs');
 
 
-var _chunkV74OSV6Ncjs = require('./chunk-V74OSV6N.cjs');
+var _chunkGJZCJSPKcjs = require('./chunk-GJZCJSPK.cjs');
 
 
-var _chunkQR6XKKRKcjs = require('./chunk-QR6XKKRK.cjs');
+var _chunkNVVAOGNLcjs = require('./chunk-NVVAOGNL.cjs');
 
 
 
-var _chunkJ4BWIY7Mcjs = require('./chunk-J4BWIY7M.cjs');
+var _chunkI2CMZUNCcjs = require('./chunk-I2CMZUNC.cjs');
 
 
-var _chunkZJTRXOA5cjs = require('./chunk-ZJTRXOA5.cjs');
 
+var _chunkHJL7XPY3cjs = require('./chunk-HJL7XPY3.cjs');
 
 
-var _chunkH24ZXPN3cjs = require('./chunk-H24ZXPN3.cjs');
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkXZG2GZWIcjs = require('./chunk-XZG2GZWI.cjs');
+var _chunkST3UQPZYcjs = require('./chunk-ST3UQPZY.cjs');
 
 
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
 
 
-var _chunkUEG2PUK7cjs = require('./chunk-UEG2PUK7.cjs');
+var _chunkLHXL6GOOcjs = require('./chunk-LHXL6GOO.cjs');
 
 
-var _chunkCB3IFR2Xcjs = require('./chunk-CB3IFR2X.cjs');
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
 
 
 
-var _chunkMNAZ4BDQcjs = require('./chunk-MNAZ4BDQ.cjs');
+var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/PageSection/PageSection.tsx
 var _react = require('@emotion/react');
@@ -59,7 +59,7 @@ function PageSection({
   headerOffset = 0
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSection, { scrollMarginTop: headerOffset + _chunk46AVXTFOcjs.pageSectionScrollOffset, children: [
-    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH24ZXPN3cjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
+    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHJL7XPY3cjs.Heading, { type: "h3", id: sectionId, mt: 0, mb: 40, children: title }) : null,
     children
   ] });
 }
@@ -79,7 +79,7 @@ var StyledPageSection = _styled2.default.div`
     scroll-margin-top: ${({ scrollMarginTop }) => scrollMarginTop}px !important;
   }
 `;
-var PageSectionSubheading = _chunkH24ZXPN3cjs.headingWithDefaults.call(void 0, {
+var PageSectionSubheading = _chunkHJL7XPY3cjs.headingWithDefaults.call(void 0, {
   type: "h4",
   mb: 32
 });
@@ -93,7 +93,7 @@ var PageSectionBoxActionColumn = ({
 ] });
 var StyledPageSectionBoxActionColumn = _styled2.default.div``;
 var PageSectionBoxActionColumnLabel = _styled2.default.div`
-  color: ${_chunkKSKKC6C2cjs.colors.gray40};
+  color: ${_chunkO7USIZI6cjs.colors.gray40};
   font-weight: 500;
   margin: 0;
 `;
@@ -107,7 +107,7 @@ var PageSectionBoxActionColumnValue = _styled2.default.div`
 var PageSectionBoxActionColumnNoValue = _styled2.default.call(void 0, 
   PageSectionBoxActionColumnValue
 )`
-  color: ${_chunkKSKKC6C2cjs.colors.gray80};
+  color: ${_chunkO7USIZI6cjs.colors.gray80};
   font-style: italic;
 `;
 function PageSectionBoxAction({
@@ -121,18 +121,18 @@ function PageSectionBoxAction({
   toParams
 }) {
   const theme = _react.useTheme.call(void 0, );
-  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZG2GZWIcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkV74OSV6Ncjs.Dropdown,
+  return loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkST3UQPZYcjs.Loading, { size: 12, center: false }) }) : icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton, { onClick: icon.onClick, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: icon.name, width: 12, color: "mcNeutral" }) }) }) : dropdownItems ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkGJZCJSPKcjs.Dropdown,
     {
       button: {
-        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCB3IFR2Xcjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
+        getContent: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "DotGrid1x3Horizontal", width: 16 })
       },
       dropdownItems
     }
-  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUEG2PUK7cjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
+  ) : isDelete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton, { css: { color: theme.mcNeutral }, onClick, children: "Delete" }) : label ? (
     /* Extra div for proper default alignment inside flex contexts */
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCRVO2CALcjs.TextButton,
+      _chunkGIZQB46Vcjs.TextButton,
       {
         leftIcon: icon,
         text: label,
@@ -161,12 +161,12 @@ var PageSectionBoxActionRow = ({
         title ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageSectionBoxTitle, { children: [
             title,
-            titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ4BWIY7Mcjs.Badge, { content: titleBadge, ml: 4 }) : null
+            titleBadge ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI2CMZUNCcjs.Badge, { content: titleBadge, ml: 4 }) : null
           ] }),
           description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: description }) : null
         ] }) : null,
         children,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, action))
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, action))
       ]
     }
   ) });
@@ -197,7 +197,7 @@ var SPageSectionBoxActionRow = _styled2.default.div`
 
   ${({ separator, theme }) => separator && `
       border-top: 1px solid;
-      ${_chunkQR6XKKRKcjs.standardBorderColor.call(void 0, { theme }).styles};
+      ${_chunkNVVAOGNLcjs.standardBorderColor.call(void 0, { theme }).styles};
       padding-top: 32px;
     `}
 `;
@@ -215,9 +215,9 @@ function PageSectionBox({
   children
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledPageSectionBox, { children: [
-    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkZJTRXOA5cjs.toReactNodes.call(void 0, description) }),
+    description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxDescription, { children: _chunkLHXL6GOOcjs.toReactNodes.call(void 0, description) }),
     children,
-    (action == null ? void 0 : action.label) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "12px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, action)) }) : null
+    (action == null ? void 0 : action.label) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "12px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageSectionBoxAction, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, action)) }) : null
   ] });
 }
 var StyledPageSectionBox = _styled2.default.div`
@@ -227,30 +227,30 @@ var StyledPageSectionBox = _styled2.default.div`
 
   & > ${PageSectionBoxRow}, & {
     border: 1px solid;
-    ${_chunkQR6XKKRKcjs.standardBorderColor}
+    ${_chunkNVVAOGNLcjs.standardBorderColor}
   }
 
-  ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 8)}
   padding: 16px;
 
   /* PageSectionBoxRow and PageSectionBoxColumn manage their own borders: */
   &:has(> ${PageSectionBoxRow}) {
     border: none;
     padding: 0;
-    ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 0)}
+    ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 0)}
   }
 
   & > ${PageSectionBoxRow} {
     &:first-of-type {
-      ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
+      ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, [12, 12, 0, 0])}
     }
 
     &:last-of-type {
-      ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
+      ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, [0, 0, 12, 12])}
     }
 
     &:only-of-type {
-      ${_chunkMNAZ4BDQcjs.standardBorderRadius.call(void 0, 12)}
+      ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 12)}
     }
 
     &:not(:last-of-type) {
@@ -262,7 +262,7 @@ var StyledPageSectionBox = _styled2.default.div`
       ${_chunkKW3JYLRIcjs.bp.sm(`padding: 16px;`)}
       &:not(:first-of-type) {
         border-left: solid 1px;
-        ${_chunkQR6XKKRKcjs.standardBorderColor}
+        ${_chunkNVVAOGNLcjs.standardBorderColor}
       }
     }
 
@@ -272,7 +272,7 @@ var StyledPageSectionBox = _styled2.default.div`
           &:not(:first-of-type) {
             border-left: 0 !important;
             border-top: solid 1px;
-            ${_chunkQR6XKKRKcjs.standardBorderColor.call(void 0, { theme }).styles};
+            ${_chunkNVVAOGNLcjs.standardBorderColor.call(void 0, { theme }).styles};
           }
         }
       `)}
@@ -283,7 +283,7 @@ var PageSectionBoxTitle = _styled2.default.div`
   align-items: center;
   font-size: ${({ lg }) => lg ? 14 : 12}px;
   font-weight: 600;
-  line-height: ${({ lg }) => _chunkMNAZ4BDQcjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkJ4BWIY7Mcjs.badgeSmVPadding * 2}px;
+  line-height: ${({ lg }) => _chunk23NA5VW6cjs.standardLineHeightEms * (lg ? 14 : 12) + _chunkI2CMZUNCcjs.badgeSmVPadding * 2}px;
 `;
 var PageSectionBoxDescription = _styled2.default.div`
   color: ${({ theme }) => theme.mcNeutral};

package/dist/chunk-KXVW2OLB.cjs

@@ -0,0 +1,84 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkJT3HYZXJcjs = require('./chunk-JT3HYZXJ.cjs');
+
+
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+
+
+var _chunkGFKY6YX2cjs = require('./chunk-GFKY6YX2.cjs');
+
+
+var _chunk3XWROTDTcjs = require('./chunk-3XWROTDT.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/DataManagerTable/StringFilter.tsx
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var isStringFilterState = (state) => state.type === "string" /* STRING */;
+var getDefaultStringFilterState = () => ({
+  type: "string" /* STRING */,
+  value: "",
+  isApplied: false
+});
+var StringFilter = ({
+  updateFilterState,
+  state,
+  placeholder,
+  label
+}) => {
+  var _a;
+  const handleChange = (value) => {
+    updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+      value,
+      isApplied: !!value
+    }));
+  };
+  const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk3XWROTDTcjs.Button,
+      {
+        kind: "primary",
+        size: "ExtraSmall",
+        text: value,
+        icon: "Close",
+        iconSide: "right",
+        onClick: () => {
+          var _a2;
+          updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
+            appliedValues: (_a2 = state.appliedValues) == null ? void 0 : _a2.filter(
+              (appliedValue) => appliedValue !== value
+            )
+          }));
+        }
+      },
+      value
+    );
+  });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJT3HYZXJcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkGFKY6YX2cjs.TextInput,
+      {
+        placeholder: placeholder || "",
+        onChange: handleChange,
+        value: state.value
+      }
+    ) }),
+    !!(appliedValueButtons == null ? void 0 : appliedValueButtons.length) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AppliedButtonsContainer, { children: appliedValueButtons }) : null
+  ] });
+};
+var AppliedButtonsContainer = _styled2.default.div`
+  margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
+  display: flex;
+  gap: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
+  flex-wrap: wrap;
+`;
+
+
+
+
+
+exports.isStringFilterState = isStringFilterState; exports.getDefaultStringFilterState = getDefaultStringFilterState; exports.StringFilter = StringFilter;

package/dist/{chunk-GCUBVU4U.js → chunk-KYH4JQVD.js}

@@ -1,56 +1,56 @@
+import {
+  Body
+} from "./chunk-E63AOG24.js";
+import {
+  Headline,
+  headlineSelector
+} from "./chunk-ZFXEYU7P.js";
 import {
   useLiveRef
 } from "./chunk-NBCCPGA4.js";
 import {
   ProgressBar
-} from "./chunk-VI4JM4DQ.js";
+} from "./chunk-MYJEL6LY.js";
+import {
+  Drawer
+} from "./chunk-7JQFZTKA.js";
 import {
   IconWithCircleBackground
-} from "./chunk-OHMAC2V5.js";
+} from "./chunk-QMHXMAIQ.js";
 import {
-  Drawer
-} from "./chunk-W42LDOH4.js";
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
-  toReactNodes
-} from "./chunk-XCEI3WIL.js";
+  overflowAutoWithoutScrollbars
+} from "./chunk-IGZYEIQS.js";
 import {
   Button,
   ButtonSelector
-} from "./chunk-ZGPNVPST.js";
-import {
-  Body
-} from "./chunk-4DPM62TI.js";
-import {
-  Headline,
-  headlineSelector
-} from "./chunk-WONQPE5P.js";
+} from "./chunk-R35JXTPE.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   UnstyledButton
-} from "./chunk-H47HIU2F.js";
+} from "./chunk-EYWGUIVP.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
-import {
-  overflowAutoWithoutScrollbars
-} from "./chunk-JQV6H76U.js";
+  toReactNodes
+} from "./chunk-NXSA7WNB.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-K3DMPJSX.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardContentInset,
   standardFocusOutline
-} from "./chunk-GMM3LRXY.js";
+} from "./chunk-ZMK4RE5I.js";
 import {
   TokenSize
-} from "./chunk-ENBUKLVT.js";
+} from "./chunk-VASG2BKI.js";
 import {
   bp,
   useBreakpoints
@@ -58,7 +58,7 @@ import {
 import {
   __objRest,
   __spreadValues
-} from "./chunk-LOPKRCGI.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/Modal.tsx
 import styled from "@emotion/styled";
@@ -374,21 +374,26 @@ var ModalContent = styled.div`
   transition: width 0.25s ease-in;
 
   ${({ theme, smKind, ghost }) => ghost ? "" : overlaySurface({ theme, border: smKind !== "fullscreen" })}
+
   ${overflowAutoWithoutScrollbars}
-  ${(props) => props.smKind === "fullscreen" && bp.isSm() ? `
-    width: 100%;
-    height: 100%;
-  ` : `
-    ${props.ghost ? "" : standardBorderRadius(16)}
-    ${standardContentInset.smCSS.styles}
-    width: ${props.width}px;
-    max-width: 100%;
-    max-height: 100%;
-    position: absolute;
+  ${standardContentInset.smCSS.styles}
+  max-width: 100%;
+  max-height: 100%;
+  position: absolute;
+
+  ${({ ghost, width }) => `
+    ${ghost ? "" : standardBorderRadius(16)}
+    width: ${width}px;
   `}
-  ${(props) => props.ghost ? "" : "padding: 16px 16px 40px;"}
 
-  ${headlineSelector("h4")} { {
+  ${({ smKind }) => smKind === "fullscreen" ? bp.sm(`
+          width: 100%;
+          height: 100%;
+        `) : ""}
+
+  ${({ ghost }) => ghost ? "" : "padding: 16px 16px 40px;"}
+
+  ${headlineSelector("h4")} {
     margin: 0;
     & + *:not(${select(Description)}) {
       margin-top: ${contentTopMarginPx}px;

package/dist/chunk-LHXL6GOO.cjs

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUKMVD656cjs = require('./chunk-UKMVD656.cjs');
+
+
+var _chunk4WKQPWLIcjs = require('./chunk-4WKQPWLI.cjs');
+
+
+var _chunk2ZRPJUTYcjs = require('./chunk-2ZRPJUTY.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) => {
+    let content;
+    if (!node) {
+      return null;
+    } else 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 = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _chunk2ZRPJUTYcjs.renderTypography.call(void 0, typographyType, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, typographyProps), {
+        content: node.text
+      })) }, `typography-${i}-${node.text.substr(0, 10)}`);
+    } else {
+      content = _chunkUKMVD656cjs.toReactNodesBase.call(void 0, node);
+    }
+    return content || null;
+  });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: reactNodes });
+}
+
+
+
+exports.toReactNodes = toReactNodes;

package/dist/{chunk-O4MKC7U2.js → chunk-LIVMIDVJ.js}

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-LOPKRCGI.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/styles/themeDefaults/loading.tsx
 var loadingThemeBase = {

package/dist/{chunk-FQIT2EG7.js → chunk-LJLT2RRW.js}

@@ -1,13 +1,13 @@
 import {
   firstChild,
   pxToRems
-} from "./chunk-JQV6H76U.js";
+} from "./chunk-IGZYEIQS.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   __spreadValues
-} from "./chunk-LOPKRCGI.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/styles/type.tsx
 import { css, useTheme } from "@emotion/react";

package/dist/{chunk-EZMYYBFH.js → chunk-LKVZRZJF.js}

@@ -1,32 +1,52 @@
+import {
+  typographyStyles
+} from "./chunk-X5SBSJ3Z.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
-import {
-  toNonTypographicReactNodes
-} from "./chunk-J2NLRI2M.js";
 import {
   applyTypography
-} from "./chunk-L3BNIBK3.js";
+} from "./chunk-U4Y4CF4A.js";
+import {
+  toReactNodesBase
+} from "./chunk-HQO3PIAY.js";
 
 // src/components/typography/Display.tsx
 import styled from "@emotion/styled";
 import { jsx } from "@emotion/react/jsx-runtime";
 var displayElements = ["h1", "h2", "h3", "h4", "h5", "h6"];
 var Display = ({
-  content,
+  block = false,
   children,
   color,
+  content,
+  display,
+  hideOverflow = false,
+  id,
   size = "Medium",
-  element = "h1"
+  tag = "h1"
 }) => {
   let reactNodes = children || null;
   if (content) {
-    reactNodes = toNonTypographicReactNodes(content);
+    reactNodes = toReactNodesBase(content);
   }
-  return /* @__PURE__ */ jsx(StyledDisplay, { as: element, size, colorProp: color, children: reactNodes });
+  return /* @__PURE__ */ jsx(
+    StyledDisplay,
+    {
+      as: tag,
+      block,
+      colorProp: color,
+      displayProp: display,
+      hideOverflow,
+      id,
+      size,
+      children: reactNodes
+    }
+  );
 };
 var StyledDisplay = styled.span`
   ${({ theme, size, colorProp }) => applyTypography(theme, "Display", size, colorProp)}
+  ${typographyStyles}
 `;
 function displaySelector(element) {
   return `${element}${select(StyledDisplay)}`;

package/dist/{chunk-27TVNUBD.js → chunk-LTVF3OV7.js}

@@ -1,10 +1,12 @@
 import {
-  setDefaultReactNodesTypography,
+  setDefaultReactNodesTypography
+} from "./chunk-JEPHI5VC.js";
+import {
   toReactNodes
-} from "./chunk-XCEI3WIL.js";
+} from "./chunk-NXSA7WNB.js";
 import {
   Icon
-} from "./chunk-UACBVBBE.js";
+} from "./chunk-K3DMPJSX.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,
     {

package/dist/chunk-M355VGZ3.cjs

@@ -0,0 +1,62 @@
+"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 _chunkBGJWTMDWcjs = require('./chunk-BGJWTMDW.cjs');
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/QRReader/hooks.ts
+var _react = require('react');
+var useQRReader = ({
+  scanDelay: delayBetweenScanAttempts = 500,
+  constraints: video,
+  onResult,
+  videoId
+}) => {
+  const mountedRef = _react.useRef.call(void 0, true);
+  _react.useEffect.call(void 0, () => {
+    const readQRCode = () => _chunkYM5JDZDQcjs.__async.call(void 0, void 0, null, function* () {
+      const { BrowserQRCodeReader } = yield Promise.resolve().then(() => _interopRequireWildcard(require(
+        /* webpackChunkName: "zxing" */
+        "@zxing/browser"
+      )));
+      const codeReader = new BrowserQRCodeReader(void 0, {
+        delayBetweenScanAttempts
+      });
+      if (!_chunkBGJWTMDWcjs.isMediaDevicesSupported.call(void 0, ) && 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 && _chunkBGJWTMDWcjs.isValidType.call(void 0, 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]);
+};
+
+
+
+exports.useQRReader = useQRReader;