@lightsparkdev/ui 1.1.6 → 1.1.7

package/dist/chunk-7RWYC5ZX.js

@@ -0,0 +1,41 @@
+// src/icons/central/LoadingCircle.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function LoadingCircle({
+  strokeWidth = "2",
+  strokeLinecap = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z",
+            stroke: "black",
+            strokeOpacity: "0.3",
+            strokeWidth
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M20.9451 13C20.4839 17.1716 17.1716 20.4839 13 20.9451",
+            stroke: "#1A1A1A",
+            strokeWidth,
+            strokeLinecap
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  LoadingCircle
+};

package/dist/{chunk-E375DU7Y.cjs → chunk-7TTF7JDG.cjs}

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Link.tsx
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Passport.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-function Link({
-  strokeWidth = "1.5",
+function Passport({
+  strokeWidth = "2",
   strokeLinecap = "round",
   strokeLinejoin = "round"
 }) {
@@ -9,42 +9,39 @@ function Link({
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "20",
-      height: "20",
-      viewBox: "0 0 20 20",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
       fill: "none",
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "path",
           {
-            d: "M8.125 4.60308L8.93038 3.79768C10.9385 1.78965 14.1941 1.78965 16.2021 3.79768C18.2101 5.80569 18.2101 9.06133 16.2021 11.0693L15.3949 11.8766",
+            d: "M19.5 3.5H4.5V20.5H19.5V3.5Z",
             stroke: "currentColor",
             strokeWidth,
             strokeLinecap,
-            strokeLinejoin,
-            vectorEffect: "non-scaling-stroke"
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "path",
           {
-            d: "M11.873 15.3985L11.0692 16.2023C9.06117 18.2103 5.80554 18.2103 3.79752 16.2023C1.7895 14.1943 1.78949 10.9387 3.79752 8.93067L4.60722 8.12094",
+            d: "M9.5 16H14.5",
             stroke: "currentColor",
             strokeWidth,
             strokeLinecap,
-            strokeLinejoin,
-            vectorEffect: "non-scaling-stroke"
+            strokeLinejoin
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "path",
           {
-            d: "M7.9165 12.0833L12.0832 7.91666",
+            d: "M14.5 10.5C14.5 11.8807 13.3807 13 12 13C10.6193 13 9.5 11.8807 9.5 10.5C9.5 9.11929 10.6193 8 12 8C13.3807 8 14.5 9.11929 14.5 10.5Z",
             stroke: "currentColor",
             strokeWidth,
             strokeLinecap,
-            strokeLinejoin,
-            vectorEffect: "non-scaling-stroke"
+            strokeLinejoin
           }
         )
       ]
@@ -54,4 +51,4 @@ function Link({
 
 
 
-exports.Link = Link;
+exports.Passport = Passport;

package/dist/{chunk-A7JOZNX2.cjs → chunk-7VEUA44D.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMKQVFO6Lcjs = require('./chunk-MKQVFO6L.cjs');
+var _chunk7PHETHJZcjs = require('./chunk-7PHETHJZ.cjs');
 
 
 
-var _chunkR2WDPASFcjs = require('./chunk-R2WDPASF.cjs');
+var _chunkD6NIAGQPcjs = require('./chunk-D6NIAGQP.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Body.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Body(props) {
-  const propsWithDefaults = _chunkR2WDPASFcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkD6NIAGQPcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkMKQVFO6Lcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunk7PHETHJZcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkR2WDPASFcjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkD6NIAGQPcjs.StyledBody, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-ZVUV74BA.cjs → chunk-A2GMDI24.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJPVQC3NYcjs = require('./chunk-JPVQC3NY.cjs');
+var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
 
 // src/components/UnstyledButton.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
 var UnstyledButton = _styled2.default.button`
-  ${_chunkJPVQC3NYcjs.standardFocusOutline}
+  ${_chunk7OVH56SPcjs.standardFocusOutline}
   font-family: ${({ theme }) => theme.typography.fontFamilies.main};
   appearance: none;
   background: transparent;

package/dist/chunk-A7MFRPVW.js

@@ -0,0 +1,74 @@
+// src/icons/central/TestTube.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function TestTube({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14.0039 5L4.00077 15C2.61969 16.3806 2.61951 18.6195 4.00038 20.0004C5.38094 21.381 7.61921 21.3811 8.99999 20.0008L19.0039 10M14.0039 5L19.0039 10M14.0039 5L13 4M19.0039 10L20 11",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6.75 13H15.25",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M20 6H20.01",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M19 2.5C19 2.77614 18.7761 3 18.5 3C18.2239 3 18 2.77614 18 2.5C18 2.22386 18.2239 2 18.5 2C18.7761 2 19 2.22386 19 2.5Z",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M18.3984 2.5H18.5984",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap,
+            strokeLinejoin
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  TestTube
+};

package/dist/{chunk-3EB6NSJL.cjs → chunk-ABAB7PQ6.cjs}

@@ -7,17 +7,17 @@
 
 
 
-var _chunk3OMRODUDcjs = require('./chunk-3OMRODUD.cjs');
+var _chunkT2JYWOH2cjs = require('./chunk-T2JYWOH2.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk3KX4AU6Jcjs = require('./chunk-3KX4AU6J.cjs');
+var _chunkMJXCSZKAcjs = require('./chunk-MJXCSZKA.cjs');
 
 
 
-var _chunk4NC6INKXcjs = require('./chunk-4NC6INKX.cjs');
+var _chunkCDAUKAQHcjs = require('./chunk-CDAUKAQH.cjs');
 
 
 
@@ -51,8 +51,8 @@ function Select(_a) {
   const styles = {
     container: (styles2, state) => {
       return _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
-        width: _chunk3OMRODUDcjs.fieldWidth,
-        maxWidth: _chunk3OMRODUDcjs.maxFieldWidth,
+        width: _chunkT2JYWOH2cjs.fieldWidth,
+        maxWidth: _chunkT2JYWOH2cjs.maxFieldWidth,
         zIndex: _chunkZU72XWNEcjs.z.select
       });
     },
@@ -60,16 +60,16 @@ function Select(_a) {
       const controlStyles = getControlStyles ? getControlStyles(styles2, state) : {};
       return _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
         transition: "none",
-        padding: state.menuIsOpen || state.isFocused ? `${_chunk3OMRODUDcjs.textInputPaddingPx - 1}px` : _chunk3OMRODUDcjs.textInputPadding,
+        padding: state.menuIsOpen || state.isFocused ? `${_chunkT2JYWOH2cjs.textInputPaddingPx - 1}px` : _chunkT2JYWOH2cjs.textInputPadding,
         boxShadow: "none",
         background: theme.bg,
         minHeight: 0,
         fontSize: 14,
         borderWidth: state.menuIsOpen || state.isFocused ? "2px" : "1px",
         "&:hover": {
-          borderColor: state.menuIsOpen ? _chunk3OMRODUDcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunk3OMRODUDcjs.textInputBorderColor.call(void 0, { theme })
+          borderColor: state.menuIsOpen ? _chunkT2JYWOH2cjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkT2JYWOH2cjs.textInputBorderColor.call(void 0, { theme })
         },
-        borderColor: state.menuIsOpen || state.isFocused ? _chunk3OMRODUDcjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunk3OMRODUDcjs.textInputBorderColor.call(void 0, { theme })
+        borderColor: state.menuIsOpen || state.isFocused ? _chunkT2JYWOH2cjs.textInputBorderColorFocused.call(void 0, { theme }) : _chunkT2JYWOH2cjs.textInputBorderColor.call(void 0, { theme })
       }), controlStyles);
     },
     indicatorsContainer: (styles2) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
@@ -92,13 +92,13 @@ function Select(_a) {
     option: (styles2, props) => {
       const optionStyles = getOptionStyles ? getOptionStyles(styles2, props) : {};
       return _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles2), {
-        color: props.isFocused ? _chunk4NC6INKXcjs.getColor.call(void 0, theme, _chunk3OMRODUDcjs.defaultTextInputTypography.color) : props.isDisabled ? _chunk3OMRODUDcjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunk4NC6INKXcjs.getColor.call(void 0, theme, _chunk3OMRODUDcjs.defaultTextInputTypography.color),
+        color: props.isFocused ? _chunkCDAUKAQHcjs.getColor.call(void 0, theme, _chunkT2JYWOH2cjs.defaultTextInputTypography.color) : props.isDisabled ? _chunkT2JYWOH2cjs.textInputPlaceholderColor.call(void 0, { theme }) : _chunkCDAUKAQHcjs.getColor.call(void 0, theme, _chunkT2JYWOH2cjs.defaultTextInputTypography.color),
         fontWeight: 600,
         cursor: "pointer",
-        backgroundColor: props.isFocused ? _chunk4NC6INKXcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
+        backgroundColor: props.isFocused ? _chunkCDAUKAQHcjs.themeOr.call(void 0, theme.c05Neutral, theme.c2Neutral)({ theme }) : theme.bg,
         WebkitTapHighlightColor: theme.c1Neutral,
         "&:active": {
-          backgroundColor: _chunk4NC6INKXcjs.themeOr.call(void 0, 
+          backgroundColor: _chunkCDAUKAQHcjs.themeOr.call(void 0, 
             theme.c05Neutral,
             theme.c5Neutral
           )({ theme })
@@ -137,7 +137,7 @@ function Select(_a) {
         menuPortalTarget: document.body,
         ref: selectRef,
         components: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
-          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KX4AU6Jcjs.Icon, { name: "Chevron", width: 16 })
+          DropdownIndicator: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMJXCSZKAcjs.Icon, { name: "Chevron", width: 16 })
         }, rest.components),
         theme: (selectTheme) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, selectTheme), {
           borderRadius: 8,

package/dist/{chunk-JGC6NTZU.cjs → chunk-AHTHGVG7.cjs}

@@ -1,33 +1,33 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkBM4NWWXYcjs = require('./chunk-BM4NWWXY.cjs');
+var _chunk7NCZJJSXcjs = require('./chunk-7NCZJJSX.cjs');
 
 
-var _chunkQ576DQMLcjs = require('./chunk-Q576DQML.cjs');
+var _chunkRGAIYCT4cjs = require('./chunk-RGAIYCT4.cjs');
 
 
 var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
 
 
 
-var _chunkWOQGGHYScjs = require('./chunk-WOQGGHYS.cjs');
+var _chunkM3XFUYAIcjs = require('./chunk-M3XFUYAI.cjs');
 
 
-var _chunk7RBR33F4cjs = require('./chunk-7RBR33F4.cjs');
+var _chunkUL33AOCCcjs = require('./chunk-UL33AOCC.cjs');
 
 
-var _chunk3KX4AU6Jcjs = require('./chunk-3KX4AU6J.cjs');
+var _chunkMJXCSZKAcjs = require('./chunk-MJXCSZKA.cjs');
 
 
-var _chunkJPVQC3NYcjs = require('./chunk-JPVQC3NY.cjs');
+var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
 
 
 
 
-var _chunkKBCOGLGXcjs = require('./chunk-KBCOGLGX.cjs');
+var _chunkTDSRZFOFcjs = require('./chunk-TDSRZFOF.cjs');
 
 
-var _chunk4NC6INKXcjs = require('./chunk-4NC6INKX.cjs');
+var _chunkCDAUKAQHcjs = require('./chunk-CDAUKAQH.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -70,10 +70,11 @@ function Table({
   onClickRow,
   emptyState,
   clipboardCallbacks,
+  customComponents,
   rowHoverEffect = "border",
   minHeight = 300
 }) {
-  const navigate = _chunkKBCOGLGXcjs.useNavigate.call(void 0, );
+  const navigate = _chunkTDSRZFOFcjs.useNavigate.call(void 0, );
   const [sorting, setSorting] = _react3.useState.call(void 0, []);
   const { canWriteToClipboard, writeTextToClipboard } = _chunkJZ3TGO3Dcjs.useClipboard.call(void 0, clipboardCallbacks);
   const onClickCopy = _react3.useCallback.call(void 0, 
@@ -88,7 +89,7 @@ function Table({
       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, 
-          _chunkBM4NWWXYcjs.InfoIconTooltip,
+          _chunk7NCZJJSXcjs.InfoIconTooltip,
           {
             id: `tooltip-${column.header.name}`,
             content: column.header.tooltip || "",
@@ -98,12 +99,13 @@ function Table({
       ] }),
       accessorKey: column.accessorKey.toString(),
       cell: (context) => {
+        var _a, _b;
         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, _chunk3KX4AU6Jcjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
+          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMJXCSZKAcjs.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,
@@ -125,7 +127,7 @@ function Table({
               onClick: onClickCopy(value.text),
               role: "button",
               tabIndex: 0,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KX4AU6Jcjs.Icon, { name: "Copy", width: 16, mr: 12 })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMJXCSZKAcjs.Icon, { name: "Copy", width: 16, mr: 12 })
             }
           );
           return value.link ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LinkClipboardCell, { children: [
@@ -139,7 +141,7 @@ function Table({
                   e.stopPropagation();
                 },
                 children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KX4AU6Jcjs.Icon, { name: "LinkIcon", width: 12 }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMJXCSZKAcjs.Icon, { name: "LinkIcon", width: 12 }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
                 ]
               }
@@ -147,7 +149,7 @@ function Table({
             copyButton
           ] }) : value.to ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkKBCOGLGXcjs.Link,
+              _chunkTDSRZFOFcjs.Link,
               {
                 to: value.to,
                 params: value.toParams,
@@ -173,12 +175,12 @@ function Table({
                 e.stopPropagation();
               },
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3KX4AU6Jcjs.Icon, { name: "LinkIcon", width: 12 }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMJXCSZKAcjs.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, 
-            _chunkKBCOGLGXcjs.Link,
+            _chunkTDSRZFOFcjs.Link,
             {
               to: value.to,
               params: value.toParams,
@@ -203,7 +205,7 @@ function Table({
           return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             icon,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkQ576DQMLcjs.ClipboardTextField,
+              _chunkRGAIYCT4cjs.ClipboardTextField,
               {
                 value: value.text,
                 elide: maxChars ? {
@@ -214,7 +216,9 @@ function Table({
                 maxLines,
                 icon: true,
                 iconSide: "right",
-                clipboardCallbacks
+                clipboardCallbacks,
+                typography: ((_a = customComponents == null ? void 0 : customComponents.clipboardTextField) == null ? void 0 : _a.typography) ? customComponents.clipboardTextField.typography : void 0,
+                iconName: (_b = customComponents == null ? void 0 : customComponents.clipboardTextField) == null ? void 0 : _b.iconName
               }
             )
           ] });
@@ -222,7 +226,13 @@ function Table({
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: content });
       }
     })),
-    [columns, canWriteToClipboard, onClickCopy, clipboardCallbacks]
+    [
+      columns,
+      canWriteToClipboard,
+      onClickCopy,
+      clipboardCallbacks,
+      customComponents
+    ]
   );
   const tableInstance = _reacttable.useReactTable.call(void 0, {
     columns: mappedColumns,
@@ -242,7 +252,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 = _chunkKBCOGLGXcjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
+          link = _chunkTDSRZFOFcjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
         }
         const target = newTabKey ? "_blank" : void 0;
         window.open(link, target);
@@ -251,55 +261,55 @@ function Table({
       }
     }
   }
+  const thead = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", {
+    // Loop over the header rows
+    children: tableInstance.getHeaderGroups().map((headerGroup) => {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: headerGroup.headers.map((header) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { children: header.isPlaceholder ? null : _reacttable.flexRender.call(void 0, 
+        header.column.columnDef.header,
+        header.getContext()
+      ) }, 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))
+        },
+        row.id
+      );
+    })
+  });
+  const TableComponent = (customComponents == null ? void 0 : customComponents.table) || StyledTable;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TableWrapper, { minHeight, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      StyledTable,
+      TableComponent,
       {
         clickable: Boolean(onClickRow),
         rowHoverEffect,
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", {
-            // Loop over the header rows
-            children: tableInstance.getHeaderGroups().map((headerGroup) => {
-              return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: headerGroup.headers.map((header) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { children: header.isPlaceholder ? null : _reacttable.flexRender.call(void 0, 
-                header.column.columnDef.header,
-                header.getContext()
-              ) }, header.id)) }, headerGroup.id);
-            })
-          }),
-          /* @__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))
-                },
-                row.id
-              );
-            })
-          })
+          thead,
+          tbody
         ]
       }
     ),
     emptyState,
-    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RBR33F4cjs.Loading, {})
+    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUL33AOCCcjs.Loading, {})
   ] });
 }
 var TableWrapper = _styled2.default.div`
   position: relative;
   min-height: ${({ minHeight }) => minHeight}px;
-  ${_chunkWOQGGHYScjs.overflowAutoWithoutScrollbars}
+  ${_chunkM3XFUYAIcjs.overflowAutoWithoutScrollbars}
 `;
 var hoverCellStyles = _react.css`
   cursor: pointer;
@@ -315,7 +325,7 @@ var LinkCellContent = _styled2.default.span`
 var HoverableCellWrapper = _styled2.default.div`
   ${hoverCellStyles}
 
-  ${_chunkKBCOGLGXcjs.Link} {
+  ${_chunkTDSRZFOFcjs.Link} {
     text-overflow: ellipsis;
     overflow: hidden;
   }
@@ -343,7 +353,7 @@ var CopyButton = _styled2.default.span`
   display: inline-table;
 `;
 var LineClampSpan = _styled2.default.span`
-  ${_chunkWOQGGHYScjs.lineClamp.call(void 0, 2)}
+  ${_chunkM3XFUYAIcjs.lineClamp.call(void 0, 2)}
 `;
 var Base64Icon = _styled2.default.img`
   width: 32px;
@@ -360,16 +370,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: ${_chunkJPVQC3NYcjs.standardContentInset.lgPx}px;
-    padding-right: ${_chunkJPVQC3NYcjs.standardContentInset.lgPx}px;
+    padding-left: ${_chunk7OVH56SPcjs.standardContentInset.lgPx}px;
+    padding-right: ${_chunk7OVH56SPcjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding-left: ${_chunkJPVQC3NYcjs.standardContentInset.smPx}px;
-    padding-right: ${_chunkJPVQC3NYcjs.standardContentInset.smPx}px;
+    padding-left: ${_chunk7OVH56SPcjs.standardContentInset.smPx}px;
+    padding-right: ${_chunk7OVH56SPcjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-    padding-left: ${_chunkJPVQC3NYcjs.standardContentInset.minSmMaxLgPx}px;
-    padding-right: ${_chunkJPVQC3NYcjs.standardContentInset.minSmMaxLgPx}px;
+    padding-left: ${_chunk7OVH56SPcjs.standardContentInset.minSmMaxLgPx}px;
+    padding-right: ${_chunk7OVH56SPcjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 
   th {
@@ -379,7 +389,7 @@ var StyledTable = _styled2.default.table`
     text-align: left;
     padding: ${cellPaddingPx}px 0px;
     border-bottom: 1px solid
-      ${({ theme }) => _chunk4NC6INKXcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
+      ${({ theme }) => _chunkCDAUKAQHcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
     padding: ${cellPaddingPx}px;
     &:first-of-type {
       padding-left: 0px;
@@ -439,7 +449,7 @@ var StyledTable = _styled2.default.table`
               top: 10%;
               bottom: 10%;
               ${rowHoverEffect === "background" ? `background: ${theme.c1Neutral};` : `
-                    border: 1px solid ${_chunk4NC6INKXcjs.themeOrWithKey.call(void 0, 
+                    border: 1px solid ${_chunkCDAUKAQHcjs.themeOrWithKey.call(void 0, 
   "c1Neutral",
   "c2Neutral"
 )({ theme })};

package/dist/chunk-AQBERGYG.js

@@ -0,0 +1,42 @@
+// src/icons/central/People2.tsx
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+function People2({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4 20V19C4 16.7909 5.79086 15 8 15H16C18.2091 15 20 16.7909 20 19V20",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z",
+            stroke: "currentColor",
+            strokeWidth,
+            strokeLinecap
+          }
+        )
+      ]
+    }
+  );
+}
+
+export {
+  People2
+};