@lightsparkdev/ui 1.1.6 → 1.1.7

package/dist/{chunk-XLOZT6IC.cjs → chunk-QQF6HQ36.cjs}

@@ -1,8 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _chunkIWKBCFHJcjs = require('./chunk-IWKBCFHJ.cjs');
+
+
 var _chunkEBN2WCW3cjs = require('./chunk-EBN2WCW3.cjs');
 
 
+var _chunkTUV3P3ALcjs = require('./chunk-TUV3P3AL.cjs');
+
+
 var _chunkGRLGEEELcjs = require('./chunk-GRLGEEEL.cjs');
 
 
@@ -24,7 +30,7 @@ var _chunkJUVYJIXRcjs = require('./chunk-JUVYJIXR.cjs');
 var _chunkQGLWIKWAcjs = require('./chunk-QGLWIKWA.cjs');
 
 
-var _chunkIWKBCFHJcjs = require('./chunk-IWKBCFHJ.cjs');
+var _chunkBBUM55WQcjs = require('./chunk-BBUM55WQ.cjs');
 
 
 var _chunkGWO7HTIXcjs = require('./chunk-GWO7HTIX.cjs');
@@ -48,7 +54,7 @@ var _chunkAZ5X6OZDcjs = require('./chunk-AZ5X6OZD.cjs');
 var _chunk2W2RDGG3cjs = require('./chunk-2W2RDGG3.cjs');
 
 
-var _chunkTUV3P3ALcjs = require('./chunk-TUV3P3AL.cjs');
+var _chunkCOOUYFZYcjs = require('./chunk-COOUYFZY.cjs');
 
 
 var _chunkPD5XWF2Qcjs = require('./chunk-PD5XWF2Q.cjs');
@@ -72,7 +78,7 @@ var _chunkSTFWXSP5cjs = require('./chunk-STFWXSP5.cjs');
 var _chunk2Q7NWUOLcjs = require('./chunk-2Q7NWUOL.cjs');
 
 
-var _chunkBBUM55WQcjs = require('./chunk-BBUM55WQ.cjs');
+var _chunkP76JZF4Ncjs = require('./chunk-P76JZF4N.cjs');
 
 
 var _chunkRQ6KU5IPcjs = require('./chunk-RQ6KU5IP.cjs');
@@ -96,7 +102,7 @@ var _chunkV3IFCHJZcjs = require('./chunk-V3IFCHJZ.cjs');
 var _chunkLBEFWAZCcjs = require('./chunk-LBEFWAZC.cjs');
 
 
-var _chunkCOOUYFZYcjs = require('./chunk-COOUYFZY.cjs');
+var _chunkUC3YQZIAcjs = require('./chunk-UC3YQZIA.cjs');
 
 
 var _chunkAJ7WPQU4cjs = require('./chunk-AJ7WPQU4.cjs');
@@ -120,7 +126,7 @@ var _chunkDYWIRRUNcjs = require('./chunk-DYWIRRUN.cjs');
 var _chunkKHWDSWRHcjs = require('./chunk-KHWDSWRH.cjs');
 
 
-var _chunkP76JZF4Ncjs = require('./chunk-P76JZF4N.cjs');
+var _chunk2ZQXX5QNcjs = require('./chunk-2ZQXX5QN.cjs');
 
 
 var _chunkWHCKM6E5cjs = require('./chunk-WHCKM6E5.cjs');
@@ -144,9 +150,6 @@ var _chunkY6M4SBN7cjs = require('./chunk-Y6M4SBN7.cjs');
 var _chunkNUXSVPEOcjs = require('./chunk-NUXSVPEO.cjs');
 
 
-var _chunkUC3YQZIAcjs = require('./chunk-UC3YQZIA.cjs');
-
-
 var _chunk2GW2BIB4cjs = require('./chunk-2GW2BIB4.cjs');
 
 
@@ -159,6 +162,9 @@ var _chunkEZAUWB7Jcjs = require('./chunk-EZAUWB7J.cjs');
 var _chunkDORBQICLcjs = require('./chunk-DORBQICL.cjs');
 
 
+var _chunkZEY7VXX4cjs = require('./chunk-ZEY7VXX4.cjs');
+
+
 var _chunkMORFJJA6cjs = require('./chunk-MORFJJA6.cjs');
 
 
@@ -168,9 +174,6 @@ var _chunkWSDGVVHGcjs = require('./chunk-WSDGVVHG.cjs');
 var _chunkZJFUJTKScjs = require('./chunk-ZJFUJTKS.cjs');
 
 
-var _chunk2ZQXX5QNcjs = require('./chunk-2ZQXX5QN.cjs');
-
-
 var _chunk47766MAPcjs = require('./chunk-47766MAP.cjs');
 
 
@@ -592,6 +595,7 @@ _chunkZ6EUSUADcjs.__export.call(void 0, icons_exports, {
   NotEye: () => _chunkJEEFB6LDcjs.NotEye,
   Notebook: () => _chunkEZAUWB7Jcjs.Notebook,
   NubankLogo: () => _chunkDORBQICLcjs.NubankLogo,
+  Origin: () => _chunkZEY7VXX4cjs.Origin,
   PaperPlane: () => _chunkMORFJJA6cjs.PaperPlane,
   PaperPlaneRounder: () => _chunkWSDGVVHGcjs.PaperPlaneRounder,
   Pencil: () => _chunkZJFUJTKScjs.Pencil,

package/dist/chunk-QYHCXQIB.cjs

@@ -0,0 +1,32 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ChevronDownSmall.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ChevronDownSmall({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M8 10L12 14L16 10",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ChevronDownSmall = ChevronDownSmall;

package/dist/chunk-QYP3UWZY.cjs

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/ShieldCheckLite.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function ShieldCheckLite({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M9.25 11.4999L11 13.2499L14.75 9.49986M20.25 11.9122V6.22062C20.25 5.79019 19.9746 5.40805 19.5662 5.27194L12.3162 2.85527C12.111 2.78685 11.889 2.78685 11.6838 2.85527L4.43377 5.27194C4.02543 5.40805 3.75 5.79019 3.75 6.22062V11.9122C3.75 16.8847 8 19.2499 12 21.4078C16 19.2499 20.25 16.8847 20.25 11.9122Z",
+          stroke: "currentColor",
+          strokeWidth,
+          strokeLinecap,
+          strokeLinejoin
+        }
+      )
+    }
+  );
+}
+
+
+
+exports.ShieldCheckLite = ShieldCheckLite;

package/dist/{chunk-7YFPGHKA.cjs → chunk-R2FLDOLU.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkGSJQ4GYXcjs = require('./chunk-GSJQ4GYX.cjs');
+var _chunkXLKDATYRcjs = require('./chunk-XLKDATYR.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -15,7 +15,7 @@ function GradientCardHeader(props) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardHeaderWrapper, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Gradients, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSJQ4GYXcjs.StatusIndicator, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props.status)),
+      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXLKDATYRcjs.StatusIndicator, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props.status)),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeaderTitle, { children: props.title })
     ] }),
     props.children

package/dist/{chunk-MVZC5RCO.cjs → chunk-R4K5SYXV.cjs}

@@ -1,73 +1,73 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJGC6NTZUcjs = require('./chunk-JGC6NTZU.cjs');
+var _chunkAHTHGVG7cjs = require('./chunk-AHTHGVG7.cjs');
 
 
 
 
-var _chunkKP4MPADHcjs = require('./chunk-KP4MPADH.cjs');
+var _chunkOE2A2NNFcjs = require('./chunk-OE2A2NNF.cjs');
 
 
 
 
-var _chunkSZHRF7JEcjs = require('./chunk-SZHRF7JE.cjs');
+var _chunkWJPZO3H2cjs = require('./chunk-WJPZO3H2.cjs');
 
 
 
 
-var _chunkOTBZYOXScjs = require('./chunk-OTBZYOXS.cjs');
+var _chunkAW7HR2GHcjs = require('./chunk-AW7HR2GH.cjs');
 
 
 
-var _chunkEZHADRU2cjs = require('./chunk-EZHADRU2.cjs');
+var _chunkGLKMRHMAcjs = require('./chunk-GLKMRHMA.cjs');
 
 
 
-var _chunkPVF4JCMFcjs = require('./chunk-PVF4JCMF.cjs');
+var _chunkBY4LOADLcjs = require('./chunk-BY4LOADL.cjs');
 
 
 
-var _chunkVYXSWIANcjs = require('./chunk-VYXSWIAN.cjs');
+var _chunk4OPCL7XScjs = require('./chunk-4OPCL7XS.cjs');
 
 
-var _chunk5LPJSI3Mcjs = require('./chunk-5LPJSI3M.cjs');
+var _chunkOL4MRFABcjs = require('./chunk-OL4MRFAB.cjs');
 
 
-var _chunkN62ESZMPcjs = require('./chunk-N62ESZMP.cjs');
+var _chunkGFBLAQGWcjs = require('./chunk-GFBLAQGW.cjs');
 
 
-var _chunkJSZRRGB2cjs = require('./chunk-JSZRRGB2.cjs');
+var _chunkWCLHQRK7cjs = require('./chunk-WCLHQRK7.cjs');
 
 
-var _chunkPA23GNGOcjs = require('./chunk-PA23GNGO.cjs');
+var _chunkSIVR5ELDcjs = require('./chunk-SIVR5ELD.cjs');
 
 
-var _chunkCBLCAH6Ocjs = require('./chunk-CBLCAH6O.cjs');
+var _chunkVVLRO7QHcjs = require('./chunk-VVLRO7QH.cjs');
 
 
-var _chunk7WEODYP2cjs = require('./chunk-7WEODYP2.cjs');
+var _chunk4HMYOO4Kcjs = require('./chunk-4HMYOO4K.cjs');
 
 
-var _chunkHAA6KFGNcjs = require('./chunk-HAA6KFGN.cjs');
+var _chunk5S5W2AT6cjs = require('./chunk-5S5W2AT6.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
 
-var _chunkXZO7WVZPcjs = require('./chunk-XZO7WVZP.cjs');
+var _chunkCSS4ASVJcjs = require('./chunk-CSS4ASVJ.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkJPVQC3NYcjs = require('./chunk-JPVQC3NY.cjs');
+var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
 
 
 
 
-var _chunk4NC6INKXcjs = require('./chunk-4NC6INKX.cjs');
+var _chunkCDAUKAQHcjs = require('./chunk-CDAUKAQH.cjs');
 
 
 
@@ -85,17 +85,17 @@ var _jsxruntime = require('@emotion/react/jsx-runtime');
 function getDefaultFilterState(filter) {
   switch (filter.type) {
     case "date" /* DATE */:
-      return _chunkVYXSWIANcjs.getDefaultDateFilterState.call(void 0, );
+      return _chunk4OPCL7XScjs.getDefaultDateFilterState.call(void 0, );
     case "enum" /* ENUM */:
-      return _chunkKP4MPADHcjs.getDefaultEnumFilterState.call(void 0, );
+      return _chunkOE2A2NNFcjs.getDefaultEnumFilterState.call(void 0, );
     case "string" /* STRING */:
-      return _chunkOTBZYOXScjs.getDefaultStringFilterState.call(void 0, );
+      return _chunkAW7HR2GHcjs.getDefaultStringFilterState.call(void 0, );
     case "id" /* ID */:
-      return _chunkSZHRF7JEcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
+      return _chunkWJPZO3H2cjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
     case "boolean" /* BOOLEAN */:
-      return _chunkEZHADRU2cjs.getDefaultBooleanFilterState.call(void 0, );
+      return _chunkGLKMRHMAcjs.getDefaultBooleanFilterState.call(void 0, );
     case "currency" /* CURRENCY */:
-      return _chunkPVF4JCMFcjs.getDefaultCurrencyFilterState.call(void 0, );
+      return _chunkBY4LOADLcjs.getDefaultCurrencyFilterState.call(void 0, );
     default:
       throw new Error("Invalid filter type");
   }
@@ -110,7 +110,7 @@ function initialFilterState(filters) {
   return state;
 }
 function DataManagerTable(props) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const isCardPageFullWidth = typeof props.cardPageFullWidth === "boolean" ? props.cardPageFullWidth : true;
   const cardPageMt = typeof props.cardPageMt === "undefined" ? 24 : props.cardPageMt;
   const breakPoint = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
@@ -122,7 +122,7 @@ function DataManagerTable(props) {
   });
   const [isLoading, setIsLoading] = _react.useState.call(void 0, props.loading || false);
   const [numFiltersApplied, setNumFiltersApplied] = _react.useState.call(void 0, 0);
-  const [showFilters, setShowFilters] = _react.useState.call(void 0, false);
+  const [showFilterEditor, setShowFilterEditor] = _react.useState.call(void 0, false);
   const [filterStates, setFilterStates] = _react.useState.call(void 0, 
     props.filterOptions ? initialFilterState(props.filterOptions.filters) : {}
   );
@@ -184,7 +184,7 @@ function DataManagerTable(props) {
         );
         if (validResult) {
           appliedFilterStates[filter.accessorKey] = validResult;
-          if (_chunkSZHRF7JEcjs.isIdFilterState.call(void 0, filterState)) {
+          if (_chunkWJPZO3H2cjs.isIdFilterState.call(void 0, filterState)) {
             const appliedValues = validResult.appliedValues;
             const isApplied = !!(appliedValues == null ? void 0 : appliedValues.length);
             updateFilterState(filter)(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessorKey]), {
@@ -208,7 +208,7 @@ function DataManagerTable(props) {
       const filterState = filterStatesArray[i];
       if (!filterState.isApplied) continue;
       const filter = filters2[i];
-      if (_chunkOTBZYOXScjs.isStringFilterState.call(void 0, filterState)) {
+      if (_chunkAW7HR2GHcjs.isStringFilterState.call(void 0, filterState)) {
         if (filterState.value) {
           const value = filterState.value;
           let updatedAppliedValues = [];
@@ -226,10 +226,10 @@ function DataManagerTable(props) {
           appliedFilterStates[filter.accessorKey] = newFilterState;
           updateFilterState(filter)(newFilterState);
         } else if (((_b2 = filterState.appliedValues) == null ? void 0 : _b2.length) === 0) {
-          updateFilterState(filter)(_chunkOTBZYOXScjs.getDefaultStringFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunkAW7HR2GHcjs.getDefaultStringFilterState.call(void 0, ));
           filterState.isApplied = false;
         }
-      } else if (_chunkKP4MPADHcjs.isEnumFilterState.call(void 0, filterState)) {
+      } else if (_chunkOE2A2NNFcjs.isEnumFilterState.call(void 0, filterState)) {
         if (filterState.value) {
           const newFilterState = _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessorKey]), {
             value: "",
@@ -239,7 +239,7 @@ function DataManagerTable(props) {
           appliedFilterStates[filter.accessorKey] = newFilterState;
           updateFilterState(filter)(newFilterState);
         } else if (((_d2 = filterState.appliedValues) == null ? void 0 : _d2.length) === 0) {
-          updateFilterState(filter)(_chunkKP4MPADHcjs.getDefaultEnumFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunkOE2A2NNFcjs.getDefaultEnumFilterState.call(void 0, ));
           filterState.isApplied = false;
         }
       }
@@ -248,7 +248,7 @@ function DataManagerTable(props) {
       return state.isApplied ? acc + 1 : acc;
     }, 0);
     setNumFiltersApplied(numFiltersApplied2);
-    setShowFilters(false);
+    setShowFilterEditor(false);
     setIsLoading(true);
     const newFetchVariables = getFilterQueryVariables(
       filters2,
@@ -342,7 +342,7 @@ function DataManagerTable(props) {
     switch (filter.type) {
       case "date" /* DATE */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkVYXSWIANcjs.DateFilter,
+          _chunk4OPCL7XScjs.DateFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -354,7 +354,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "enum" /* ENUM */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkKP4MPADHcjs.EnumFilter,
+          _chunkOE2A2NNFcjs.EnumFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -370,7 +370,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "string" /* STRING */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkOTBZYOXScjs.StringFilter,
+          _chunkAW7HR2GHcjs.StringFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -384,7 +384,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "id" /* ID */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkSZHRF7JEcjs.IdFilter,
+          _chunkWJPZO3H2cjs.IdFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -398,7 +398,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "boolean" /* BOOLEAN */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkEZHADRU2cjs.BooleanFilter,
+          _chunkGLKMRHMAcjs.BooleanFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -411,7 +411,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "currency" /* CURRENCY */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkPVF4JCMFcjs.CurrencyFilter,
+          _chunkBY4LOADLcjs.CurrencyFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -443,10 +443,10 @@ function DataManagerTable(props) {
       children: [
         filterSections,
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContentFooter, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZO7WVZPcjs.Button, { text: "Clear", onClick: handleClearFilters }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCSS4ASVJcjs.Button, { text: "Clear", onClick: handleClearFilters }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContentFooterRight, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZO7WVZPcjs.Button, { text: "Cancel", onClick: () => setShowFilters(false) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZO7WVZPcjs.Button, { text: "Apply", kind: "primary", onClick: onApply })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCSS4ASVJcjs.Button, { text: "Cancel", onClick: () => setShowFilterEditor(false) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCSS4ASVJcjs.Button, { text: "Apply", kind: "primary", onClick: onApply })
           ] })
         ] })
       ]
@@ -462,44 +462,45 @@ function DataManagerTable(props) {
     text: !isFilterButtonSmall ? `Filter${numFiltersApplied > 0 ? ` | ${numFiltersApplied}` : ""}` : void 0
   };
   if (props.filterOptions) {
-    filters = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataManagerTableFilterContainer, { children: isSm ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
+    const FilterContainerComponent = ((_c = props.customComponents) == null ? void 0 : _c.filterContainerComponent) || DataManagerTableFilterContainer;
+    filters = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterContainerComponent, { children: isSm ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXZO7WVZPcjs.Button,
-        _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonButtonProps), {
-          onClick: () => setShowFilters(!showFilters)
+        _chunkCSS4ASVJcjs.Button,
+        _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonButtonProps), props.filterButtonProps), {
+          onClick: () => setShowFilterEditor(!showFilterEditor)
         })
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJSZRRGB2cjs.Modal,
+        _chunkWCLHQRK7cjs.Modal,
         {
-          visible: showFilters,
-          onClose: () => setShowFilters(false),
+          visible: showFilterEditor,
+          onClose: () => setShowFilterEditor(false),
           smKind: "fullscreen",
           children: filterContent
         }
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPA23GNGOcjs.Dropdown,
+      _chunkSIVR5ELDcjs.Dropdown,
       {
         borderRadius: 12,
         maxDropdownItemsWidth: 400,
-        dropdownContent: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterDropdownContent, { children: filterContent }),
-        isOpen: showFilters,
+        dropdownContent: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterDropdownContent, { visible: showFilterEditor, children: filterContent }),
+        isOpen: showFilterEditor,
         onOpen: () => {
-          setShowFilters(true);
+          setShowFilterEditor(true);
         },
         onClose: () => {
-          setShowFilters(false);
+          setShowFilterEditor(false);
         },
-        button: commonButtonProps,
-        align: "right"
+        button: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonButtonProps), props.filterButtonProps),
+        align: props.filterDropdownAlign || "right"
       }
-    ) }) });
+    ) });
   }
   let showMoreDropdown;
-  if (((_c = props.pageSizes) == null ? void 0 : _c.length) > 1) {
+  if (((_d = props.pageSizes) == null ? void 0 : _d.length) > 1) {
     showMoreDropdown = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkPA23GNGOcjs.Dropdown,
+      _chunkSIVR5ELDcjs.Dropdown,
       {
         getCSS: ({ isOpen }) => ({
           height: "fit-content",
@@ -513,7 +514,7 @@ function DataManagerTable(props) {
             width: "100%"
           }),
           getContent: ({ isOpen }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkCBLCAH6Ocjs.TextIconAligner,
+            _chunkVVLRO7QHcjs.TextIconAligner,
             {
               content: `Show ${pageSize} items`,
               typography: { size: "ExtraSmall" },
@@ -539,7 +540,7 @@ function DataManagerTable(props) {
   if (props.showMoreOptions) {
     footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXZO7WVZPcjs.Button,
+        _chunkCSS4ASVJcjs.Button,
         {
           text: "Show more",
           paddingY: "short",
@@ -554,14 +555,14 @@ function DataManagerTable(props) {
   } else if (props.resultCount) {
     const startResult = pageCursorState.startResult || 1;
     const endResult = Math.min(props.resultCount, startResult + pageSize - 1);
-    const isFullCount = (_d = props.isFullCount) != null ? _d : true;
+    const isFullCount = (_e = props.isFullCount) != null ? _e : true;
     const countString = isFullCount ? props.resultCount : props.resultCount + "+";
     const resultsString = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN62ESZMPcjs.Label, { children: "Viewing " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5LPJSI3Mcjs.LabelModerate, { children: `${startResult}-${endResult}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN62ESZMPcjs.Label, { children: " of " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5LPJSI3Mcjs.LabelModerate, { children: `${countString}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN62ESZMPcjs.Label, { children: " results" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGFBLAQGWcjs.Label, { children: "Viewing " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOL4MRFABcjs.LabelModerate, { children: `${startResult}-${endResult}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGFBLAQGWcjs.Label, { children: " of " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOL4MRFABcjs.LabelModerate, { children: `${countString}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGFBLAQGWcjs.Label, { children: " results" })
     ] });
     const hasNext = props.resultCount ? startResult + pageSize - 1 < props.resultCount : false;
     const hasPrev = startResult > 1;
@@ -571,7 +572,7 @@ function DataManagerTable(props) {
         showMoreDropdown,
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationButtonsContainer, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkXZO7WVZPcjs.Button,
+            _chunkCSS4ASVJcjs.Button,
             {
               text: "Previous",
               paddingY: "short",
@@ -582,7 +583,7 @@ function DataManagerTable(props) {
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkXZO7WVZPcjs.Button,
+            _chunkCSS4ASVJcjs.Button,
             {
               text: "Next",
               paddingY: "short",
@@ -596,29 +597,32 @@ function DataManagerTable(props) {
       ] })
     ] });
   }
+  const DataManagerTableHeaderComponent = ((_f = props.customComponents) == null ? void 0 : _f.dataManagerTableHeaderComponent) || DataManagerTableHeader;
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    props.showHeader && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableHeader, { children: [
+    props.showHeader && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableHeaderComponent, { children: [
       props.header,
       filters
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJGC6NTZUcjs.Table, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAHTHGVG7cjs.Table, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
     footer
   ] });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { children: isCardPageFullWidth ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7WEODYP2cjs.CardPageFullWidth, { css: { marginTop: `${cardPageMt}px` }, children: content }) : content });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { children: isCardPageFullWidth ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4HMYOO4Kcjs.CardPageFullWidth, { css: { marginTop: `${cardPageMt}px` }, children: content }) : content });
 }
-var StyledDataManagerTable = _styled2.default.div``;
+var StyledDataManagerTable = _styled2.default.div`
+  width: 100%;
+`;
 var commonPadding = `
   ${_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;
   `)}
 `;
 var DataManagerTableHeader = _styled2.default.div`
@@ -639,7 +643,7 @@ var DataManagerTableFooter = _styled2.default.div`
   padding-top: ${_chunkZUAO4DW3cjs.Spacing.px.md};
   padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};
 
-  ${_chunkXZO7WVZPcjs.StyledButton} {
+  ${_chunkCSS4ASVJcjs.StyledButton} {
     align-self: end;
   }
 `;
@@ -657,12 +661,12 @@ var DataManagerTableFilterContainer = _styled2.default.div`
   position: absolute;
   z-index: 3;
   right: 0;
-  ${_chunkHAA6KFGNcjs.StyledButtonRow} + & {
+  ${_chunk5S5W2AT6cjs.StyledButtonRow} + & {
     background: linear-gradient(
       to right,
-      ${({ theme }) => _chunk4NC6INKXcjs.themeOr.call(void 0, "rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0)")({ theme })}
+      ${({ theme }) => _chunkCDAUKAQHcjs.themeOr.call(void 0, "rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0)")({ theme })}
         0%,
-      ${({ theme }) => _chunk4NC6INKXcjs.getColor.call(void 0, theme, "bg")} 15%
+      ${({ theme }) => _chunkCDAUKAQHcjs.getColor.call(void 0, theme, "bg")} 15%
     );
   }
   ${commonPadding}
@@ -671,11 +675,12 @@ var FilterDropdownContent = _styled2.default.div`
   width: 400px;
   background: ${({ theme }) => theme.bg};
   border: 0.5px solid
-    ${({ theme }) => _chunk4NC6INKXcjs.themeOrWithKey.call(void 0, "c1Neutral", "c4Neutral")({ theme })};
-  ${_chunkJPVQC3NYcjs.standardBorderRadius.call(void 0, 12)}
+    ${({ theme }) => _chunkCDAUKAQHcjs.themeOrWithKey.call(void 0, "c1Neutral", "c4Neutral")({ theme })};
+  ${_chunk7OVH56SPcjs.standardBorderRadius.call(void 0, 12)}
   box-shadow:
     0px 1px 4px 0px rgba(0, 0, 0, 0.1),
     0px 4px 8px 0px rgba(0, 0, 0, 0.08);
+  ${({ visible }) => !visible && "display: none;"}
 `;
 var FilterContentInner = _styled2.default.div`
   display: flex;

package/dist/{chunk-4XLPVKKA.js → chunk-R4NWFGXS.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-NPKEAEDV.js";
 import {
   Icon
-} from "./chunk-JFKPUTCA.js";
+} from "./chunk-ULBM562P.js";
 import {
   Link
-} from "./chunk-5SG5KWXI.js";
+} from "./chunk-Q3JHDXTD.js";
 import {
   getColor
-} from "./chunk-5NZ22GSE.js";
+} from "./chunk-E6PRWBTH.js";
 
 // src/components/IconWithCircleBackground.tsx
 import styled from "@emotion/styled";