@lightsparkdev/ui 1.0.8 → 1.0.9

package/dist/chunk-AF7KMKGF.cjs

@@ -0,0 +1,416 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkPZKJ4CZWcjs = require('./chunk-PZKJ4CZW.cjs');
+
+
+var _chunkFRXVOBFVcjs = require('./chunk-FRXVOBFV.cjs');
+
+
+var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
+
+
+
+
+var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
+
+
+var _chunkST3UQPZYcjs = require('./chunk-ST3UQPZY.cjs');
+
+
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
+
+
+
+var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
+
+
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+
+
+
+
+var _chunkYDTPEU32cjs = require('./chunk-YDTPEU32.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/Table/Table.tsx
+var _react = require('@emotion/react');
+var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
+var _lodashes = require('lodash-es');
+var _react3 = require('react');
+var _reacttable = require('react-table');
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+var isObjectCell = (value) => {
+  return _lodashes.isObject.call(void 0, value) && "text" in value && typeof value.text === "string";
+};
+var isLinkCell = (value) => {
+  return isObjectCell(value) && ("link" in value || "to" in value);
+};
+var isClipboardCell = (value) => {
+  return isObjectCell(value) && "canCopy" in value;
+};
+var isLinkAndClipboardCell = (value) => {
+  return isObjectCell(value) && ("link" in value || "to" in value) && "canCopy" in value;
+};
+var isMultilineCell = (value) => {
+  return isObjectCell(value) && "multiline" in value;
+};
+function Table({
+  columns,
+  data,
+  loading,
+  onClickRow,
+  emptyState,
+  clipboardCallbacks
+}) {
+  const navigate = _chunkYDTPEU32cjs.useNavigate.call(void 0, );
+  const { canWriteToClipboard, writeTextToClipboard } = _chunkEZNRFABOcjs.useClipboard.call(void 0, clipboardCallbacks);
+  const onClickCopy = _react3.useCallback.call(void 0, 
+    (value) => (event) => {
+      event.stopPropagation();
+      void writeTextToClipboard(value);
+    },
+    [writeTextToClipboard]
+  );
+  const mappedColumns = _react3.useMemo.call(void 0, 
+    () => columns.map((column) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, column), {
+      Header: typeof column.Header === "string" ? column.Header : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+        column.Header.name,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkPZKJ4CZWcjs.InfoIconTooltip,
+          {
+            id: `tooltip-${column.Header.name}`,
+            content: column.Header.tooltip || "",
+            verticalAlign: -2
+          }
+        )
+      ] }),
+      accessor: column.accessor.toString(),
+      Cell: ({ value }) => {
+        let content = value;
+        let icon = null;
+        if (isObjectCell(value)) {
+          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
+          if (isMultilineCell(value)) {
+            content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LineClampSpan, { children: [
+              icon,
+              value.text
+            ] });
+          } else {
+            content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react3.Fragment, { children: [
+              icon,
+              value.text
+            ] });
+          }
+        }
+        if (isLinkAndClipboardCell(value)) {
+          const copyButton = canWriteToClipboard && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            CopyButton,
+            {
+              onClick: onClickCopy(value.text),
+              role: "button",
+              tabIndex: 0,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Copy", width: 16, mr: 12 })
+            }
+          );
+          return value.link ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LinkClipboardCell, { children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              HoverableLinkCell,
+              {
+                href: value.link,
+                target: "_blank",
+                rel: "noreferrer",
+                onClick: (e) => {
+                  e.stopPropagation();
+                },
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "LinkIcon", width: 12 }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
+                ]
+              }
+            ),
+            copyButton
+          ] }) : value.to ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _chunkYDTPEU32cjs.Link,
+              {
+                to: value.to,
+                params: value.toParams,
+                onClick: (e) => {
+                  e.stopPropagation();
+                },
+                children: [
+                  icon,
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: value.text })
+                ]
+              }
+            ),
+            copyButton
+          ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: content });
+        } else if (isLinkCell(value)) {
+          return value.link ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            HoverableLinkCell,
+            {
+              href: value.link,
+              target: "_blank",
+              rel: "noreferrer",
+              onClick: (e) => {
+                e.stopPropagation();
+              },
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "LinkIcon", width: 12 }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
+              ]
+            }
+          ) : value.to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HoverableCellWrapper, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            _chunkYDTPEU32cjs.Link,
+            {
+              to: value.to,
+              params: value.toParams,
+              onClick: (e) => {
+                e.stopPropagation();
+              },
+              children: [
+                icon,
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: value.text })
+              ]
+            }
+          ) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: content });
+        } else if (isClipboardCell(value)) {
+          let maxLines = 1;
+          let maxChars = void 0;
+          if (isMultilineCell(value)) {
+            maxLines = 2;
+          } else {
+            maxChars = value.maxChars || 16;
+          }
+          const ellipsisPosition = value.ellipsisPosition || "middle";
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
+            icon,
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkFRXVOBFVcjs.ClipboardTextField,
+              {
+                value: value.text,
+                elide: maxChars ? {
+                  maxChars,
+                  ellipsisPosition
+                } : void 0,
+                stopPropagation: true,
+                maxLines,
+                icon: true,
+                iconSide: "right",
+                clipboardCallbacks
+              }
+            )
+          ] });
+        }
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: content });
+      }
+    })),
+    [columns, canWriteToClipboard, onClickCopy, clipboardCallbacks]
+  );
+  const tableInstance = _reacttable.useTable.call(void 0, { columns: mappedColumns, data });
+  const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } = tableInstance;
+  function onClickDataRow(event, row) {
+    const onClickRowResult = onClickRow ? onClickRow(row) : null;
+    if (onClickRowResult) {
+      const newTabKey = event.metaKey || event.ctrlKey;
+      if ((onClickRowResult == null ? void 0 : onClickRowResult.link) || (onClickRowResult == null ? void 0 : onClickRowResult.to) && newTabKey) {
+        let link = onClickRowResult == null ? void 0 : onClickRowResult.link;
+        if (!link) {
+          link = _chunkYDTPEU32cjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
+        }
+        const target = newTabKey ? "_blank" : void 0;
+        window.open(link, target);
+      } else if (onClickRowResult == null ? void 0 : onClickRowResult.to) {
+        navigate(onClickRowResult.to, onClickRowResult.params);
+      }
+    }
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TableWrapper, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledTable, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, getTableProps()), { clickable: Boolean(onClickRow), children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", {
+        // Loop over the header rows
+        children: headerGroups.map((headerGroup) => (
+          // Apply the header row props
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, headerGroup.getHeaderGroupProps()), {
+            // Loop over the headers in each row
+            children: headerGroup.headers.map((column) => (
+              // Apply the header cell props
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, column.getHeaderProps()), {
+                // Render the header
+                children: column.render("Header")
+              }))
+            ))
+          }))
+        ))
+      }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, getTableBodyProps()), {
+        // Loop over the table rows
+        children: rows.map((row) => {
+          prepareRow(row);
+          return (
+            // Apply the row props
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "tr",
+              _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, row.getRowProps()), {
+                onClick: (event) => onClickDataRow(event, row),
+                onKeyDown: (event) => {
+                  if (event.key === "Enter") {
+                    onClickDataRow(event, row);
+                  }
+                },
+                tabIndex: 0,
+                // Loop over the rows cells
+                children: row.cells.map((cell) => {
+                  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, cell.getCellProps()), {
+                    // Render the cell contents
+                    children: cell.render("Cell")
+                  }));
+                })
+              })
+            )
+          );
+        })
+      }))
+    ] })),
+    emptyState,
+    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkST3UQPZYcjs.Loading, {})
+  ] });
+}
+var TableWrapper = _styled2.default.div`
+  position: relative;
+  min-height: 300px;
+  ${_chunkZO52GP5Zcjs.overflowAutoWithoutScrollbars}
+`;
+var hoverCellStyles = _react.css`
+  cursor: pointer;
+  transition: opacity 0.25s;
+
+  &:hover {
+    opacity: 0.6;
+  }
+`;
+var LinkCellContent = _styled2.default.span`
+  vertical-align: middle;
+`;
+var HoverableCellWrapper = _styled2.default.div`
+  ${hoverCellStyles}
+
+  display: flex !important;
+  gap: 4px;
+`;
+var LinkClipboardCell = _styled2.default.a`
+  ${hoverCellStyles}
+
+  color: ${({ theme }) => theme.hcNeutral};
+  display: flex !important;
+  gap: 4px;
+`;
+var HoverableLinkCell = _styled2.default.a`
+  ${hoverCellStyles}
+
+  color: ${({ theme }) => theme.hcNeutral};
+  display: flex !important;
+  gap: 4px;
+`;
+var CopyButton = _styled2.default.span`
+  overflow: hidden;
+  align-items: center;
+  cursor: pointer;
+  display: inline-table;
+`;
+var LineClampSpan = _styled2.default.span`
+  ${_chunkZO52GP5Zcjs.lineClamp.call(void 0, 2)}
+`;
+var cellPaddingPx = 15;
+var StyledTable = _styled2.default.table`
+  position: relative;
+  border-spacing: 0;
+  width: 100%;
+
+  ${_chunkKW3JYLRIcjs.bp.lg(`
+    padding-left: ${_chunk23NA5VW6cjs.standardContentInset.lgPx}px;
+    padding-right: ${_chunk23NA5VW6cjs.standardContentInset.lgPx}px;
+  `)}
+  ${_chunkKW3JYLRIcjs.bp.sm(`
+    padding-left: ${_chunk23NA5VW6cjs.standardContentInset.smPx}px;
+    padding-right: ${_chunk23NA5VW6cjs.standardContentInset.smPx}px;
+  `)}
+  ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
+    padding-left: ${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx}px;
+    padding-right: ${_chunk23NA5VW6cjs.standardContentInset.minSmMaxLgPx}px;
+  `)}
+
+  th {
+    max-width: 200px;
+    text-align: left;
+    padding: ${cellPaddingPx}px 0px;
+    border-bottom: 1px solid ${({ theme }) => theme.c1Neutral};
+    padding: ${cellPaddingPx}px;
+    &:first-of-type {
+      padding-left: 0px;
+    }
+    &:last-of-type {
+      padding-right: 0px;
+    }
+    &:last-of-type {
+      text-align: right;
+    }
+  }
+
+  tr {
+    cursor: ${({ clickable }) => clickable ? "pointer" : "default"};
+    position: relative;
+
+    &:hover td:first-child:before ${_chunkZO52GP5Zcjs.ignoreSSRWarning} {
+      ${_chunk23NA5VW6cjs.standardBorderRadius.call(void 0, 16)}
+      content: "";
+      position: absolute;
+      /* Position offsets inside trs do not properly follow relatively positioned
+         parents in Safari (see bug https://bit.ly/49dViWy), use margin instead: */
+      margin-top: 5px;
+      left: -12px;
+      width: calc(100% + 24px);
+      height: 32px;
+      border: 1px solid ${({ theme }) => theme.c1Neutral};
+      pointer-events: none;
+    }
+  }
+
+  td {
+    max-width: 200px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    padding: 0 ${cellPaddingPx}px;
+    white-space: nowrap;
+    & > * {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: block;
+      padding: ${cellPaddingPx}px 0px;
+      & > * {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        vertical-align: middle;
+      }
+    }
+    &:first-of-type {
+      padding-left: 0px;
+    }
+    &:last-of-type {
+      text-align: right;
+      padding-right: 0px;
+    }
+    & span:has(> ${LineClampSpan}),
+    & ${LineClampSpan} {
+      white-space: normal;
+    }
+  }
+`;
+
+
+
+exports.Table = Table;

package/dist/{chunk-6LHW62FG.cjs → chunk-AI4RYQ6R.cjs}

@@ -1,24 +1,24 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkHTFKWW4Scjs = require('./chunk-HTFKWW4S.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkBOBYW7PPcjs = require('./chunk-BOBYW7PP.cjs');
+var _chunk3XWROTDTcjs = require('./chunk-3XWROTDT.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunk7QXYBPSJcjs = require('./chunk-7QXYBPSJ.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkBY47I7ZPcjs = require('./chunk-BY47I7ZP.cjs');
+var _chunkI6Y7IHF5cjs = require('./chunk-I6Y7IHF5.cjs');
 
 
-var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
 
 
-var _chunkKSKKC6C2cjs = require('./chunk-KSKKC6C2.cjs');
+var _chunkO7USIZI6cjs = require('./chunk-O7USIZI6.cjs');
 
 // src/components/Drawer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -101,7 +101,7 @@ var Drawer = (props) => {
         children: [
           props.grabber && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Grabber, { onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GrabberBar, {}) }),
           props.handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkHTFKWW4Scjs.Button,
+            _chunk3XWROTDTcjs.Button,
             {
               onClick: props.handleBack,
               icon: "ChevronLeft",
@@ -109,7 +109,7 @@ var Drawer = (props) => {
               size: "Small"
             }
           ) }),
-          props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBY47I7ZPcjs.Icon, { name: "Close", width: 12 }) }) }),
+          props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI6Y7IHF5cjs.Icon, { name: "Close", width: 12 }) }) }),
           props.children
         ]
       }
@@ -199,7 +199,7 @@ var CloseButtonContainer = _styled2.default.div`
   top: 20px;
   right: 20px;
   border-radius: 50%;
-  background-color: ${_chunkKSKKC6C2cjs.colors.grayBlue94};
+  background-color: ${_chunkO7USIZI6cjs.colors.grayBlue94};
   padding: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   height: 30px;
   width: 30px;
@@ -210,8 +210,8 @@ var CloseButtonContainer = _styled2.default.div`
     line-height: 14px;
   }
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkBOBYW7PPcjs.UnstyledButton)`
-  ${_chunkPYL3O7AFcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunk7QXYBPSJcjs.UnstyledButton)`
+  ${_chunk23NA5VW6cjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-AXV4CDSK.cjs → chunk-AJP3GW6D.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkHTFKWW4Scjs = require('./chunk-HTFKWW4S.cjs');
+var _chunkZO52GP5Zcjs = require('./chunk-ZO52GP5Z.cjs');
 
 
-var _chunk4P7RPU32cjs = require('./chunk-4P7RPU32.cjs');
+var _chunk3XWROTDTcjs = require('./chunk-3XWROTDT.cjs');
 
 
-var _chunkPYL3O7AFcjs = require('./chunk-PYL3O7AF.cjs');
+var _chunk23NA5VW6cjs = require('./chunk-23NA5VW6.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkLKKJVJCGcjs = require('./chunk-LKKJVJCG.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/ButtonRow.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -24,7 +24,7 @@ function ButtonRow({
   headerHeight = 0
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowContainer, { smSticky, headerHeight, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRow, { className, children: buttons.map(
-    (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTFKWW4Scjs.Button, _chunkLKKJVJCGcjs.__spreadValues.call(void 0, {}, button), idx)
+    (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3XWROTDTcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), idx)
   ) }) });
 }
 var ButtonRowContainer = _styled2.default.div`
@@ -37,9 +37,9 @@ var ButtonRowContainer = _styled2.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunkPYL3O7AFcjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunkPYL3O7AFcjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunkPYL3O7AFcjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunk23NA5VW6cjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunk23NA5VW6cjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunk23NA5VW6cjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         z-index: 2;
         &:before {
@@ -61,7 +61,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRow = _styled2.default.div`
-  ${_chunk4P7RPU32cjs.overflowAutoWithoutScrollbars}
+  ${_chunkZO52GP5Zcjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -78,7 +78,7 @@ var StyledButtonRow = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunkPYL3O7AFcjs.standardContentInset.smPx}px;
+    padding: ${_chunk23NA5VW6cjs.standardContentInset.smPx}px;
   `)}
 `;
 

package/dist/{chunk-X5RKTU6O.js → chunk-AOBHSOUN.js}

@@ -4,10 +4,10 @@ import {
 import {
   rootFontSizeRems,
   standardLineHeightEms
-} from "./chunk-APUV4UN4.js";
+} from "./chunk-ZMK4RE5I.js";
 import {
   useThemeBg
-} from "./chunk-W5I53DTZ.js";
+} from "./chunk-GZW6KBUI.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/chunk-ATBJVIWR.js

@@ -0,0 +1,28 @@
+import {
+  CodeInput
+} from "./chunk-G6VXXZIN.js";
+
+// src/components/CardForm/CardFormCodeInput.tsx
+import { css } from "@emotion/react";
+import { jsx } from "@emotion/react/jsx-runtime";
+var inputCSS = css``;
+function CardFormCodeInput({
+  onChange,
+  onSubmit,
+  onBlur
+}) {
+  return /* @__PURE__ */ jsx(
+    CodeInput,
+    {
+      codeLength: 6,
+      onSubmit,
+      inputCSS,
+      onChange,
+      onBlur
+    }
+  );
+}
+
+export {
+  CardFormCodeInput
+};

package/dist/{chunk-A6NNNY72.js → chunk-B6O4K4K4.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-QQTZ6DZL.js";
+} from "./chunk-K3DMPJSX.js";
 
 // src/components/ContentTable.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-AVEKG63Q.js → chunk-BBVC66S4.js}

@@ -1,12 +1,12 @@
-import {
-  toNonTypographicReactNodes
-} from "./chunk-UC6SP4KJ.js";
 import {
   typographyStyles
-} from "./chunk-EGOOSBGG.js";
+} from "./chunk-X5SBSJ3Z.js";
 import {
   applyTypography
-} from "./chunk-GHXNMLAB.js";
+} from "./chunk-U4Y4CF4A.js";
+import {
+  toReactNodesBase
+} from "./chunk-HQO3PIAY.js";
 
 // src/components/typography/BodyStrong.tsx
 import styled from "@emotion/styled";
@@ -23,7 +23,7 @@ var BodyStrong = ({
 }) => {
   let reactNodes = children || null;
   if (content) {
-    reactNodes = toNonTypographicReactNodes(content);
+    reactNodes = toReactNodesBase(content);
   }
   return /* @__PURE__ */ jsx(
     StyledBodyStrong,

package/dist/chunk-BGJWTMDW.cjs

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// 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;
+};
+
+
+
+
+exports.isMediaDevicesSupported = isMediaDevicesSupported; exports.isValidType = isValidType;