@lightsparkdev/ui 1.1.11 → 1.1.12

package/dist/{chunk-Z63XV44V.cjs → chunk-RFO3GG6R.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkOM4IBALUcjs = require('./chunk-OM4IBALU.cjs');
+var _chunkM355VGZ3cjs = require('./chunk-M355VGZ3.cjs');
 
 
-var _chunkYHXSJVBNcjs = require('./chunk-YHXSJVBN.cjs');
+var _chunkOM4IBALUcjs = require('./chunk-OM4IBALU.cjs');
 
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/QRReader/QRReader.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
@@ -21,7 +21,7 @@ function QRReader({
   onResult,
   videoId
 }) {
-  _chunkYHXSJVBNcjs.useQRReader.call(void 0, {
+  _chunkM355VGZ3cjs.useQRReader.call(void 0, {
     constraints,
     scanDelay,
     onResult,
@@ -30,13 +30,13 @@ function QRReader({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "section", { className, style: containerStyle, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
-      style: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkOM4IBALUcjs.styles.container), videoContainerStyle),
+      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: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkOM4IBALUcjs.styles.video), videoStyle), {
+          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
           })
         }

package/dist/chunk-RHFE57ED.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkMVYSTBT3cjs = require('./chunk-MVYSTBT3.cjs');
+
+
+
+var _chunk3S2IXFL5cjs = require('./chunk-3S2IXFL5.cjs');
+
+
+
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
+
+// src/components/typography/Title.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Title(props) {
+  const propsWithDefaults = _chunk3S2IXFL5cjs.getPropDefaults.call(void 0, props);
+  let reactNodes = props.children || null;
+  if (props.content) {
+    reactNodes = _chunkMVYSTBT3cjs.toReactNodes.call(void 0, props.content);
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3S2IXFL5cjs.StyledTitle, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+}
+
+
+
+exports.Title = Title;

package/dist/{chunk-QGGR2HWH.cjs → chunk-RMI7V37W.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMQBSBIM7cjs = require('./chunk-MQBSBIM7.cjs');
+var _chunkMYY7ZXGMcjs = require('./chunk-MYY7ZXGM.cjs');
 
 
-var _chunkMFKERIW4cjs = require('./chunk-MFKERIW4.cjs');
+var _chunkFVBFDZEScjs = require('./chunk-FVBFDZES.cjs');
 
 
-var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
+var _chunkRZ24JAMPcjs = require('./chunk-RZ24JAMP.cjs');
 
 
-var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
+var _chunkR5SHOMBXcjs = require('./chunk-R5SHOMBX.cjs');
 
 
-var _chunkQQDRBCBYcjs = require('./chunk-QQDRBCBY.cjs');
+var _chunkJFPLNGMQcjs = require('./chunk-JFPLNGMQ.cjs');
 
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/CodeBlock.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -55,16 +55,16 @@ var backgroundColor = "#2d2d2d";
 var InlineCode = _styled2.default.span`
   font-family: "Roboto Mono", monospace;
   background-color: #2d2d2d;
-  border: 1px solid ${_chunkOBHJBBPCcjs.themeOr.call(void 0, _chunkQQDRBCBYcjs.colors.gray90, _chunkQQDRBCBYcjs.colors.gray20)};
+  border: 1px solid ${_chunkR5SHOMBXcjs.themeOr.call(void 0, _chunkJFPLNGMQcjs.colors.gray90, _chunkJFPLNGMQcjs.colors.gray20)};
   border-radius: 3px;
   line-height: 24px;
   padding: 0 4px;
 `;
 var codeSelectStyles = {
-  container: (styles) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
+  container: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     display: "flex"
   }),
-  control: (styles) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
+  control: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     backgroundColor,
     border: "none",
     cursor: "pointer",
@@ -74,7 +74,7 @@ var codeSelectStyles = {
     boxShadow: "none",
     minHeight: 0
   }),
-  dropdownIndicator: (styles) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
+  dropdownIndicator: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     color: "#ffffff",
     padding: "0 0 0 4px",
     "&:hover": {
@@ -84,31 +84,31 @@ var codeSelectStyles = {
   indicatorSeparator: () => ({
     display: "none"
   }),
-  input: (styles) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
+  input: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     fontSize: "1rem",
     margin: 0,
     color: "transparent"
   }),
-  menu: (styles) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
+  menu: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     backgroundColor,
     width: "auto"
   }),
-  menuList: (styles) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
+  menuList: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     borderRadius: "4px",
     padding: 0
   }),
-  option: (styles, state) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
+  option: (styles, state) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     cursor: "pointer",
-    backgroundColor: state.isSelected ? _chunkQQDRBCBYcjs.colors.gray25 : backgroundColor,
+    backgroundColor: state.isSelected ? _chunkJFPLNGMQcjs.colors.gray25 : backgroundColor,
     "&:hover": {
-      backgroundColor: _chunkQQDRBCBYcjs.colors.gray25
+      backgroundColor: _chunkJFPLNGMQcjs.colors.gray25
     }
   }),
-  singleValue: (styles) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
+  singleValue: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     color: "#ffffff",
     margin: 0
   }),
-  valueContainer: (styles) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
+  valueContainer: (styles) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, styles), {
     padding: 0
   })
 };
@@ -152,7 +152,7 @@ var CodeBlock = ({
               styles: codeSelectStyles
             }
           ) }) : null,
-          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQBSBIM7cjs.CopyToClipboardButton, { value: children }) : null
+          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMYY7ZXGMcjs.CopyToClipboardButton, { value: children }) : null
         ]
       }
     )
@@ -166,7 +166,7 @@ var StyledCodeBlock = _styled2.default.div``;
 var CodeBlockHeader = _styled2.default.div`
   align-items: center;
   background-color: #2d2d2d;
-  border-bottom: 1px solid ${_chunkQQDRBCBYcjs.colors.gray25};
+  border-bottom: 1px solid ${_chunkJFPLNGMQcjs.colors.gray25};
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   color: #ffffff;
@@ -176,11 +176,11 @@ var CodeBlockHeader = _styled2.default.div`
   padding: 16px 20px;
 `;
 var CodeBlockContainer = _styled2.default.pre`
-  ${_chunkMFKERIW4cjs.overflowAutoWithoutScrollbars}
+  ${_chunkFVBFDZEScjs.overflowAutoWithoutScrollbars}
   &[class*="language-"] {
     padding: 20px;
     font-weight: 500;
-    ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunkRZ24JAMPcjs.standardBorderRadius.call(void 0, 8)}
     ${(props) => props.hasHeader ? `border-top-left-radius: 0;
             border-top-right-radius: 0;
             margin-top: 0;` : ""}

package/dist/{chunk-UFK5RJ3H.js → chunk-RUS25WXZ.js}

@@ -1,13 +1,13 @@
 import {
   Pill
-} from "./chunk-C46XJK6Z.js";
+} from "./chunk-CUJ7FRLM.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-X4NVFXUA.js";
+} from "./chunk-F5ARMTFS.js";
 import {
   Icon
-} from "./chunk-DMPXNHDT.js";
+} from "./chunk-6UZRKYFG.js";
 
 // src/components/FileInput.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-E7KZYYZU.cjs → chunk-RV6KAIIF.cjs}

@@ -1,40 +1,43 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSU2ST7TScjs = require('./chunk-SU2ST7TS.cjs');
+var _chunkJ7CNU3P7cjs = require('./chunk-J7CNU3P7.cjs');
 
 
-var _chunkOA2TKY4Kcjs = require('./chunk-OA2TKY4K.cjs');
+var _chunkEJR26GKNcjs = require('./chunk-EJR26GKN.cjs');
 
 
-var _chunk5NBW2IZYcjs = require('./chunk-5NBW2IZY.cjs');
+var _chunkO23SZQEVcjs = require('./chunk-O23SZQEV.cjs');
 
 
+var _chunk66T5GGH6cjs = require('./chunk-66T5GGH6.cjs');
 
-var _chunkMFKERIW4cjs = require('./chunk-MFKERIW4.cjs');
 
 
-var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
+var _chunkFVBFDZEScjs = require('./chunk-FVBFDZES.cjs');
 
 
-var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
+var _chunkX6AJB6TLcjs = require('./chunk-X6AJB6TL.cjs');
 
 
+var _chunkRZ24JAMPcjs = require('./chunk-RZ24JAMP.cjs');
 
 
-var _chunkGXXIBCCEcjs = require('./chunk-GXXIBCCE.cjs');
 
 
-var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
+var _chunkJOIBGT3Qcjs = require('./chunk-JOIBGT3Q.cjs');
+
+
+var _chunkR5SHOMBXcjs = require('./chunk-R5SHOMBX.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
+var _chunkEZNRFABOcjs = require('./chunk-EZNRFABO.cjs');
 
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/Table/Table.tsx
 var _react = require('@emotion/react');
@@ -71,12 +74,15 @@ function Table({
   emptyState,
   clipboardCallbacks,
   customComponents,
+  tripleDotsMenuItems,
   rowHoverEffect = "border",
-  minHeight = 300
+  minHeight = 300,
+  loadingStyle = { style: "spinner" },
+  fullHeight = false
 }) {
-  const navigate = _chunkGXXIBCCEcjs.useNavigate.call(void 0, );
+  const navigate = _chunkJOIBGT3Qcjs.useNavigate.call(void 0, );
   const [sorting, setSorting] = _react3.useState.call(void 0, []);
-  const { canWriteToClipboard, writeTextToClipboard } = _chunkJZ3TGO3Dcjs.useClipboard.call(void 0, clipboardCallbacks);
+  const { canWriteToClipboard, writeTextToClipboard } = _chunkEZNRFABOcjs.useClipboard.call(void 0, clipboardCallbacks);
   const onClickCopy = _react3.useCallback.call(void 0, 
     (value) => (event) => {
       event.stopPropagation();
@@ -85,11 +91,11 @@ function Table({
     [writeTextToClipboard]
   );
   const mappedColumns = _react3.useMemo.call(void 0, 
-    () => columns.map((column) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, column), {
+    () => columns.map((column) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, column), {
       header: (context) => typeof column.header === "string" ? column.header : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         column.header.name,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkSU2ST7TScjs.InfoIconTooltip,
+          _chunkJ7CNU3P7cjs.InfoIconTooltip,
           {
             id: `tooltip-${column.header.name}`,
             content: column.header.tooltip || "",
@@ -100,12 +106,15 @@ function Table({
       accessorKey: column.accessorKey.toString(),
       cell: (context) => {
         var _a, _b;
+        if (column.function && typeof column.function === "function") {
+          return column.function(context);
+        }
         const value = context.getValue();
         let content = null;
         let icon = null;
         if (isObjectCell(value)) {
           const base64icon = value.base64icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Base64Icon, { src: value.base64icon, alt: "Icon" }) : null;
-          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
+          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX6AJB6TLcjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
           if (isMultilineCell(value)) {
             content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LineClampSpan, { children: [
               base64icon ? base64icon : icon,
@@ -127,7 +136,7 @@ function Table({
               onClick: onClickCopy(value.text),
               role: "button",
               tabIndex: 0,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { name: "Copy", width: 16, mr: 12 })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX6AJB6TLcjs.Icon, { name: "Copy", width: 16, mr: 12 })
             }
           );
           return value.link ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LinkClipboardCell, { children: [
@@ -141,7 +150,7 @@ function Table({
                   e.stopPropagation();
                 },
                 children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { name: "LinkIcon", width: 12 }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX6AJB6TLcjs.Icon, { name: "LinkIcon", width: 12 }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
                 ]
               }
@@ -149,7 +158,7 @@ function Table({
             copyButton
           ] }) : value.to ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkGXXIBCCEcjs.Link,
+              _chunkJOIBGT3Qcjs.Link,
               {
                 to: value.to,
                 params: value.toParams,
@@ -175,12 +184,12 @@ function Table({
                 e.stopPropagation();
               },
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { name: "LinkIcon", width: 12 }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX6AJB6TLcjs.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, 
-            _chunkGXXIBCCEcjs.Link,
+            _chunkJOIBGT3Qcjs.Link,
             {
               to: value.to,
               params: value.toParams,
@@ -205,7 +214,7 @@ function Table({
           return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             icon,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk5NBW2IZYcjs.ClipboardTextField,
+              _chunk66T5GGH6cjs.ClipboardTextField,
               {
                 value: value.text,
                 elide: maxChars ? {
@@ -234,6 +243,28 @@ function Table({
       customComponents
     ]
   );
+  if (tripleDotsMenuItems) {
+    mappedColumns.push({
+      header: (context) => "",
+      accessorKey: "tripleDots",
+      cell: (context) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkEJR26GKNcjs.Dropdown,
+        {
+          button: {
+            icon: {
+              name: "CentralDotGrid1x3Vertical"
+            },
+            kind: "ghost"
+          },
+          align: "right",
+          dropdownItems: (tripleDotsMenuItems == null ? void 0 : tripleDotsMenuItems.map((item) => ({
+            label: item.text,
+            onClick: () => item.onClick(context.row.original)
+          }))) || []
+        }
+      )
+    });
+  }
   const tableInstance = _reacttable.useReactTable.call(void 0, {
     columns: mappedColumns,
     data,
@@ -252,7 +283,7 @@ function Table({
       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 = _chunkGXXIBCCEcjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
+          link = _chunkJOIBGT3Qcjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
         }
         const target = newTabKey ? "_blank" : void 0;
         window.open(link, target);
@@ -270,27 +301,25 @@ function Table({
       ) }, header.id)) }, headerGroup.id);
     })
   });
-  const tbody = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", {
-    // Loop over the table rows
-    children: tableInstance.getRowModel().rows.map((row) => {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "tr",
-        {
-          onClick: (event) => onClickDataRow(event, row),
-          onKeyDown: (event) => {
-            if (event.key === "Enter") {
-              onClickDataRow(event, row);
-            }
-          },
-          tabIndex: 0,
-          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: _reacttable.flexRender.call(void 0, cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+  const tbody = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: (!loading || ["none", "spinner"].includes(loadingStyle.style)) && // Loop over the table rows
+  tableInstance.getRowModel().rows.map((row) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "tr",
+      {
+        onClick: (event) => onClickDataRow(event, row),
+        onKeyDown: (event) => {
+          if (event.key === "Enter") {
+            onClickDataRow(event, row);
+          }
         },
-        row.id
-      );
-    })
-  });
+        tabIndex: 0,
+        children: row.getVisibleCells().map((cell) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { children: _reacttable.flexRender.call(void 0, cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+      },
+      row.id
+    );
+  }) });
   const TableComponent = (customComponents == null ? void 0 : customComponents.table) || StyledTable;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TableWrapper, { minHeight, children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TableWrapper, { minHeight, fullHeight, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       TableComponent,
       {
@@ -302,14 +331,48 @@ function Table({
         ]
       }
     ),
-    emptyState,
-    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOA2TKY4Kcjs.Loading, {})
+    !loading && emptyState,
+    loading && loadingStyle.style === "spinner" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO23SZQEVcjs.Loading, {}),
+    loading && loadingStyle.style === "progress-bar" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProgressBar, { timeMs: loadingStyle.timeMs })
   ] });
 }
+function ProgressBar({ timeMs }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProgressBarContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ProgressBarInner, { timeMs }) });
+}
+var ProgressBarContainer = _styled2.default.div`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 280px;
+  height: 3px;
+  background: ${({ theme }) => theme.bg};
+`;
+var ProgressBarInner = _styled2.default.div`
+  height: 100%;
+  background: ${({ theme }) => theme.text};
+
+  @keyframes progressBar {
+    0% {
+      width: 0%;
+    }
+    50% {
+      width: 90%;
+    }
+    100% {
+      width: 95%;
+    }
+  }
+
+  animation: progressBar ${({ timeMs }) => timeMs}ms ease-out forwards;
+`;
 var TableWrapper = _styled2.default.div`
   position: relative;
   min-height: ${({ minHeight }) => minHeight}px;
-  ${_chunkMFKERIW4cjs.overflowAutoWithoutScrollbars}
+  ${_chunkFVBFDZEScjs.overflowAutoWithoutScrollbars}
+  ${({ fullHeight }) => fullHeight && _react.css`
+      height: 100%;
+    `}
 `;
 var hoverCellStyles = _react.css`
   cursor: pointer;
@@ -325,7 +388,7 @@ var LinkCellContent = _styled2.default.span`
 var HoverableCellWrapper = _styled2.default.div`
   ${hoverCellStyles}
 
-  ${_chunkGXXIBCCEcjs.Link} {
+  ${_chunkJOIBGT3Qcjs.Link} {
     text-overflow: ellipsis;
     overflow: hidden;
   }
@@ -353,7 +416,7 @@ var CopyButton = _styled2.default.span`
   display: inline-table;
 `;
 var LineClampSpan = _styled2.default.span`
-  ${_chunkMFKERIW4cjs.lineClamp.call(void 0, 2)}
+  ${_chunkFVBFDZEScjs.lineClamp.call(void 0, 2)}
 `;
 var Base64Icon = _styled2.default.img`
   width: 32px;
@@ -370,16 +433,16 @@ var StyledTable = _styled2.default.table`
 
   /* Important to use padding here instead of width so that table container overflow functions properly: */
   ${_chunkKW3JYLRIcjs.bp.lg(`
-    padding-left: ${_chunkRSHN4K6Ncjs.standardContentInset.lgPx}px;
-    padding-right: ${_chunkRSHN4K6Ncjs.standardContentInset.lgPx}px;
+    padding-left: ${_chunkRZ24JAMPcjs.standardContentInset.lgPx}px;
+    padding-right: ${_chunkRZ24JAMPcjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding-left: ${_chunkRSHN4K6Ncjs.standardContentInset.smPx}px;
-    padding-right: ${_chunkRSHN4K6Ncjs.standardContentInset.smPx}px;
+    padding-left: ${_chunkRZ24JAMPcjs.standardContentInset.smPx}px;
+    padding-right: ${_chunkRZ24JAMPcjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-    padding-left: ${_chunkRSHN4K6Ncjs.standardContentInset.minSmMaxLgPx}px;
-    padding-right: ${_chunkRSHN4K6Ncjs.standardContentInset.minSmMaxLgPx}px;
+    padding-left: ${_chunkRZ24JAMPcjs.standardContentInset.minSmMaxLgPx}px;
+    padding-right: ${_chunkRZ24JAMPcjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 
   th {
@@ -389,7 +452,7 @@ var StyledTable = _styled2.default.table`
     text-align: left;
     padding: ${cellPaddingPx}px 0px;
     border-bottom: 1px solid
-      ${({ theme }) => _chunkOBHJBBPCcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
+      ${({ theme }) => _chunkR5SHOMBXcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
     padding: ${cellPaddingPx}px;
     &:first-of-type {
       padding-left: 0px;
@@ -449,7 +512,7 @@ var StyledTable = _styled2.default.table`
               top: 10%;
               bottom: 10%;
               ${rowHoverEffect === "background" ? `background: ${theme.c1Neutral};` : `
-                    border: 1px solid ${_chunkOBHJBBPCcjs.themeOrWithKey.call(void 0, 
+                    border: 1px solid ${_chunkR5SHOMBXcjs.themeOrWithKey.call(void 0, 
   "c1Neutral",
   "c2Neutral"
 )({ theme })};

package/dist/{chunk-64HNY2KX.cjs → chunk-RWXDKRDL.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkEUQLJJEZcjs = require('./chunk-EUQLJJEZ.cjs');
+var _chunkMVYSTBT3cjs = require('./chunk-MVYSTBT3.cjs');
 
 
 
@@ -15,7 +15,7 @@ var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/utils/toReactNodes/setReactNodesTypography.tsx
 var _core = require('@lightsparkdev/core');
@@ -36,25 +36,25 @@ function setReactNodesTypography(nodesArg, typography, replaceExistingTypography
       return node;
     } else if (_chunkCH2PLO6Fcjs.isLinkNode.call(void 0, node) && typographyMap.link) {
       return {
-        link: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.link), {
+        link: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.link), {
           typography: replaceExistingTypography ? typographyMap.link : node.link.typography || typographyMap.link
         })
       };
     } else if (_chunkCH2PLO6Fcjs.isNextLinkNode.call(void 0, node) && typographyMap.nextLink) {
       return {
-        nextLink: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.nextLink), {
+        nextLink: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.nextLink), {
           typography: replaceExistingTypography ? typographyMap.nextLink : node.nextLink.typography || typographyMap.nextLink
         })
       };
     } else if (_chunkCH2PLO6Fcjs.isCurrencyAmountNode.call(void 0, node) && typographyMap.currencyAmount) {
       return {
-        currencyAmount: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.currencyAmount), {
+        currencyAmount: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.currencyAmount), {
           typography: typographyMap.currencyAmount
         })
       };
     } else if (_chunkCH2PLO6Fcjs.isClipboardTextFieldNode.call(void 0, node) && typographyMap.clipboardTextField) {
       return {
-        clipboardTextField: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node.clipboardTextField), {
+        clipboardTextField: _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node.clipboardTextField), {
           typography: typographyMap.clipboardTextField
         })
       };
@@ -77,7 +77,7 @@ function setTextNodeTypography(node, typography, replaceExistingTypography = tru
     };
   }
   const useExistingTypography = !replaceExistingTypography && "typography" in node ? node.typography : void 0;
-  return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, node), {
+  return _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, node), {
     typography: useExistingTypography || typography
   });
 }
@@ -90,7 +90,7 @@ function toReactNodesWithTypographyMap(nodesArg, nodesTypographyMap, replaceExis
     nodesTypographyMap,
     replaceExistingTypography
   );
-  const nodes = _chunkEUQLJJEZcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const nodes = _chunkMVYSTBT3cjs.toReactNodes.call(void 0, nodesWithTypography);
   return nodes;
 }
 function setDefaultReactNodesTypography(nodesArg, setDefaultReactNodesTypographyArg) {