@lightsparkdev/ui 1.1.13 → 1.1.14

package/dist/{chunk-E4M2KOM5.cjs → chunk-XJQAI7OS.cjs}

@@ -1,85 +1,85 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk3X5J5GD5cjs = require('./chunk-3X5J5GD5.cjs');
+var _chunkH4K7RHGRcjs = require('./chunk-H4K7RHGR.cjs');
 
 
-var _chunk3CHSI3A4cjs = require('./chunk-3CHSI3A4.cjs');
+var _chunkHYSPDA4Ncjs = require('./chunk-HYSPDA4N.cjs');
 
 
-var _chunkVKRM2POZcjs = require('./chunk-VKRM2POZ.cjs');
+var _chunkQ7ENIXKScjs = require('./chunk-Q7ENIXKS.cjs');
 
 
 
-var _chunkEVJCMZHAcjs = require('./chunk-EVJCMZHA.cjs');
 
+var _chunkIAO6KSLHcjs = require('./chunk-IAO6KSLH.cjs');
 
 
 
-var _chunkHAGUM2RIcjs = require('./chunk-HAGUM2RI.cjs');
 
+var _chunkIZI6Z6TZcjs = require('./chunk-IZI6Z6TZ.cjs');
 
 
 
-var _chunkFRK3OMXNcjs = require('./chunk-FRK3OMXN.cjs');
 
+var _chunkMT5CZMYNcjs = require('./chunk-MT5CZMYN.cjs');
 
 
 
-var _chunk3MUJAQXFcjs = require('./chunk-3MUJAQXF.cjs');
+var _chunkZXJYGC7Ecjs = require('./chunk-ZXJYGC7E.cjs');
 
 
 
-var _chunkMF2INEJGcjs = require('./chunk-MF2INEJG.cjs');
+var _chunkH4RC6UC7cjs = require('./chunk-H4RC6UC7.cjs');
 
 
 
-var _chunkABLS6WGOcjs = require('./chunk-ABLS6WGO.cjs');
+var _chunk7Q43VELDcjs = require('./chunk-7Q43VELD.cjs');
 
 
-var _chunkOP5QLWJKcjs = require('./chunk-OP5QLWJK.cjs');
+var _chunkRBXE6IJXcjs = require('./chunk-RBXE6IJX.cjs');
 
 
-var _chunkBATV5KYYcjs = require('./chunk-BATV5KYY.cjs');
+var _chunkSZOGH4WNcjs = require('./chunk-SZOGH4WN.cjs');
 
 
-var _chunkJNYYPEOScjs = require('./chunk-JNYYPEOS.cjs');
+var _chunkGLP2REJIcjs = require('./chunk-GLP2REJI.cjs');
 
 
-var _chunk3RSGBC5Bcjs = require('./chunk-3RSGBC5B.cjs');
+var _chunkAUPMDCHWcjs = require('./chunk-AUPMDCHW.cjs');
 
 
-var _chunkP7BNVHNVcjs = require('./chunk-P7BNVHNV.cjs');
+var _chunkEZUXCJOHcjs = require('./chunk-EZUXCJOH.cjs');
 
 
-var _chunkVMB6AULDcjs = require('./chunk-VMB6AULD.cjs');
+var _chunkQ2WSYBQMcjs = require('./chunk-Q2WSYBQM.cjs');
 
 
-var _chunkS6BTLC6Lcjs = require('./chunk-S6BTLC6L.cjs');
+var _chunkIIEKDCYTcjs = require('./chunk-IIEKDCYT.cjs');
 
 
+var _chunkY4WUA44Ncjs = require('./chunk-Y4WUA44N.cjs');
 
-var _chunkBAQBEQO3cjs = require('./chunk-BAQBEQO3.cjs');
 
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkQNMSNFSQcjs = require('./chunk-QNMSNFSQ.cjs');
 
 
-var _chunkZZRVVQKYcjs = require('./chunk-ZZRVVQKY.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkKQXSG5SFcjs = require('./chunk-KQXSG5SF.cjs');
+var _chunkGJEYXGPQcjs = require('./chunk-GJEYXGPQ.cjs');
 
 
 
-var _chunk67EQ3PLRcjs = require('./chunk-67EQ3PLR.cjs');
+var _chunk6MB6ICF6cjs = require('./chunk-6MB6ICF6.cjs');
 
 
 
 
-var _chunkRTOLGRYWcjs = require('./chunk-RTOLGRYW.cjs');
+var _chunkQGVDN6ZVcjs = require('./chunk-QGVDN6ZV.cjs');
 
 
 
@@ -107,17 +107,17 @@ var _jsxruntime = require('@emotion/react/jsx-runtime');
 function getDefaultFilterState(filter) {
   switch (filter.type) {
     case "date" /* DATE */:
-      return _chunkEVJCMZHAcjs.getDefaultDateFilterState.call(void 0, );
+      return _chunk7Q43VELDcjs.getDefaultDateFilterState.call(void 0, );
     case "enum" /* ENUM */:
-      return _chunkHAGUM2RIcjs.getDefaultEnumFilterState.call(void 0, );
+      return _chunkIAO6KSLHcjs.getDefaultEnumFilterState.call(void 0, );
     case "string" /* STRING */:
-      return _chunk3MUJAQXFcjs.getDefaultStringFilterState.call(void 0, );
+      return _chunkMT5CZMYNcjs.getDefaultStringFilterState.call(void 0, );
     case "id" /* ID */:
-      return _chunkFRK3OMXNcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
+      return _chunkIZI6Z6TZcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
     case "boolean" /* BOOLEAN */:
-      return _chunkMF2INEJGcjs.getDefaultBooleanFilterState.call(void 0, );
+      return _chunkZXJYGC7Ecjs.getDefaultBooleanFilterState.call(void 0, );
     case "currency" /* CURRENCY */:
-      return _chunkABLS6WGOcjs.getDefaultCurrencyFilterState.call(void 0, );
+      return _chunkH4RC6UC7cjs.getDefaultCurrencyFilterState.call(void 0, );
     default:
       throw new Error("Invalid filter type");
   }
@@ -132,9 +132,8 @@ function initialFilterState(filters) {
   return state;
 }
 function saveFiltersToURL(searchParams, filters, filterStates, currentPage) {
-  const newSearchParams = new URLSearchParams(searchParams);
   filters.forEach((filter) => {
-    newSearchParams.delete(String(filter.accessorKey));
+    searchParams.delete(String(filter.accessorKey));
   });
   filters.forEach((filter) => {
     var _a, _b;
@@ -142,41 +141,30 @@ function saveFiltersToURL(searchParams, filters, filterStates, currentPage) {
     if (filterState && filterState.isApplied) {
       if (filter.type === "string" /* STRING */ || filter.type === "enum" /* ENUM */ || filter.type === "id" /* ID */) {
         const appliedValues = filterState.appliedValues;
-        if (appliedValues && appliedValues.length > 0) {
-          newSearchParams.set(
-            String(filter.accessorKey),
-            appliedValues.join(",")
-          );
-        }
+        searchParams.set(
+          String(filter.accessorKey),
+          (appliedValues == null ? void 0 : appliedValues.join(",")) || ""
+        );
       } else if (filter.type === "boolean" /* BOOLEAN */) {
-        const appliedValue = filterState.value;
-        if (appliedValue !== void 0) {
-          newSearchParams.set(String(filter.accessorKey), String(appliedValue));
-        }
+        const appliedValue = filterState.value || "";
+        searchParams.set(String(filter.accessorKey), String(appliedValue));
       } else if (filter.type === "date" /* DATE */) {
         const dateFilter = filterState;
-        if (dateFilter.start || dateFilter.end) {
-          const startStr = dateFilter.start ? dateFilter.start.toISOString() : "";
-          const endStr = dateFilter.end ? dateFilter.end.toISOString() : "";
-          newSearchParams.set(
-            String(filter.accessorKey),
-            `${startStr},${endStr}`
-          );
-        }
+        const startStr = dateFilter.start ? dateFilter.start.toISOString() : "";
+        const endStr = dateFilter.end ? dateFilter.end.toISOString() : "";
+        searchParams.set(String(filter.accessorKey), `${startStr},${endStr}`);
       } else if (filter.type === "currency" /* CURRENCY */) {
         const currencyFilter = filterState;
-        if (currencyFilter.min_amount || currencyFilter.max_amount) {
-          const minValue = (_a = currencyFilter.min_amount) == null ? void 0 : _a.value;
-          const maxValue = (_b = currencyFilter.max_amount) == null ? void 0 : _b.value;
-          if (minValue !== void 0 || maxValue !== void 0) {
-            const currencyValue = minValue !== void 0 && maxValue !== void 0 ? `${minValue}-${maxValue}` : minValue !== void 0 ? `>${minValue}` : `<${maxValue}`;
-            newSearchParams.set(String(filter.accessorKey), currencyValue);
-          }
+        const minValue = (_a = currencyFilter.min_amount) == null ? void 0 : _a.value;
+        const maxValue = (_b = currencyFilter.max_amount) == null ? void 0 : _b.value;
+        if (minValue !== void 0 || maxValue !== void 0) {
+          const currencyValue = minValue !== void 0 && maxValue !== void 0 ? `${minValue}-${maxValue}` : minValue !== void 0 ? `>${minValue}` : `<${maxValue}`;
+          searchParams.set(String(filter.accessorKey), currencyValue);
         }
       }
     }
   });
-  return newSearchParams;
+  return searchParams;
 }
 function loadFiltersFromURL(searchParams, filters, currentFilterStates) {
   const newFilterStates = _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, currentFilterStates);
@@ -217,56 +205,51 @@ function loadFiltersFromURL(searchParams, filters, currentFilterStates) {
           const [startStr, endStr] = paramValue.split(",");
           const startDate = startStr ? new Date(startStr) : null;
           const endDate = endStr ? new Date(endStr) : null;
-          if (startDate && !isNaN(startDate.getTime()) || endDate && !isNaN(endDate.getTime())) {
-            newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dateFilter), {
-              start: startDate,
-              end: endDate,
-              isApplied: true
-            });
-          }
+          const isValidParams = startDate && !isNaN(startDate.getTime()) || endDate && !isNaN(endDate.getTime());
+          newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dateFilter), {
+            start: isValidParams ? startDate : null,
+            end: isValidParams ? endDate : null,
+            isApplied: true
+          });
         } else {
           const dateValue = new Date(paramValue);
-          if (!isNaN(dateValue.getTime())) {
-            newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dateFilter), {
-              start: dateValue,
-              end: null,
-              isApplied: true
-            });
-          }
+          newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, dateFilter), {
+            start: !isNaN(dateValue.getTime()) ? dateValue : null,
+            end: null,
+            isApplied: true
+          });
         }
       } else if (filter.type === "currency" /* CURRENCY */) {
         const currencyFilter = newFilterStates[filter.accessorKey];
         if (paramValue.includes("-")) {
           const [min, max] = paramValue.split("-").map((v) => parseInt(v));
-          if (!isNaN(min) && !isNaN(max)) {
-            newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, currencyFilter), {
-              min_amount: { value: min, unit: _core.CurrencyUnit.SATOSHI },
-              max_amount: { value: max, unit: _core.CurrencyUnit.SATOSHI },
-              isApplied: true
-            });
-          }
+          const isValidParams = !isNaN(min) && !isNaN(max);
+          newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, currencyFilter), {
+            min_amount: isValidParams ? { value: min, unit: _core.CurrencyUnit.SATOSHI } : null,
+            max_amount: isValidParams ? { value: max, unit: _core.CurrencyUnit.SATOSHI } : null,
+            isApplied: true
+          });
         } else if (paramValue.startsWith(">")) {
           const min = parseInt(paramValue.substring(1));
-          if (!isNaN(min)) {
-            newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, currencyFilter), {
-              min_amount: { value: min, unit: _core.CurrencyUnit.SATOSHI },
-              max_amount: null,
-              isApplied: true
-            });
-          }
+          newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, currencyFilter), {
+            min_amount: !isNaN(min) ? { value: min, unit: _core.CurrencyUnit.SATOSHI } : null,
+            max_amount: null,
+            isApplied: true
+          });
         } else if (paramValue.startsWith("<")) {
           const max = parseInt(paramValue.substring(1));
-          if (!isNaN(max)) {
-            newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, currencyFilter), {
-              min_amount: null,
-              max_amount: { value: max, unit: _core.CurrencyUnit.SATOSHI },
-              isApplied: true
-            });
-          }
+          newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, currencyFilter), {
+            min_amount: null,
+            max_amount: !isNaN(max) ? { value: max, unit: _core.CurrencyUnit.SATOSHI } : null,
+            isApplied: true
+          });
         }
       }
     } else {
-      newFilterStates[filter.accessorKey] = getDefaultFilterState(filter);
+      const isKeyInURL = searchParams.has(String(filter.accessorKey));
+      newFilterStates[filter.accessorKey] = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, getDefaultFilterState(filter)), {
+        isApplied: isKeyInURL
+      });
     }
   });
   return newFilterStates;
@@ -278,6 +261,7 @@ function DataManagerTable(props) {
   const cardPageMt = typeof props.cardPageMt === "undefined" ? 24 : props.cardPageMt;
   const showPaginationPreviousNext = typeof ((_a = props.paginationDisplayOptions) == null ? void 0 : _a.showPaginationPreviousNext) === "boolean" ? props.paginationDisplayOptions.showPaginationPreviousNext : true;
   const pageSizeString = typeof ((_b = props.paginationDisplayOptions) == null ? void 0 : _b.pageSizeStringTemplate) === "string" ? props.paginationDisplayOptions.pageSizeStringTemplate : "Show {pageSize} items";
+  const showFooter = typeof props.showFooter === "boolean" ? props.showFooter : true;
   const breakPoint = _chunkKW3JYLRIcjs.useBreakpoints.call(void 0, );
   const [pageSize, setPageSize] = _react.useState.call(void 0, ((_c = props.pageSizes) == null ? void 0 : _c[0]) || 20);
   const [pageCursorState, setPageCursorState] = _react.useState.call(void 0, {
@@ -286,6 +270,7 @@ function DataManagerTable(props) {
     cursorCache: {}
   });
   const [isLoading, setIsLoading] = _react.useState.call(void 0, props.loading || false);
+  const [hasLoadedFiltersFromURL, setHasLoadedFiltersFromURL] = _react.useState.call(void 0, false);
   const [numFiltersApplied, setNumFiltersApplied] = _react.useState.call(void 0, 0);
   const [showFilterEditor, setShowFilterEditor] = _react.useState.call(void 0, false);
   const [filterStates, setFilterStates] = _react.useState.call(void 0, 
@@ -294,7 +279,7 @@ function DataManagerTable(props) {
   const [fetchVariables, setFetchVariables] = _react.useState.call(void 0, 
     ((_d = props.filterOptions) == null ? void 0 : _d.initialQueryVariables) || {}
   );
-  const DropdownComponent = ((_e = props.customComponents) == null ? void 0 : _e.dropdownComponent) || _chunk3RSGBC5Bcjs.Dropdown;
+  const DropdownComponent = ((_e = props.customComponents) == null ? void 0 : _e.dropdownComponent) || _chunkAUPMDCHWcjs.Dropdown;
   const isSm = breakPoint.isSm();
   _react.useEffect.call(void 0, () => {
     setIsLoading(Boolean(props.loading));
@@ -333,12 +318,13 @@ function DataManagerTable(props) {
         throw e;
       });
     }
-  }, [searchParams, props.filterOptions, pageSize]);
+    setHasLoadedFiltersFromURL(true);
+  }, [searchParams, pageSize]);
   _react.useEffect.call(void 0, () => {
-    if (props.refetchOnPropsChange && props.filterOptions) {
+    if (props.refetchOnPropsChange && props.filterOptions && hasLoadedFiltersFromURL) {
       void handleApplyFilters(filterStates, props.filterOptions, pageSize);
     }
-  }, [...props.refetchOnPropsChange || []]);
+  }, [...props.refetchOnPropsChange || [], hasLoadedFiltersFromURL]);
   _react.useEffect.call(void 0, () => {
     if (!props.nextPageCursor) {
       return;
@@ -390,7 +376,7 @@ function DataManagerTable(props) {
         );
         if (validResult) {
           appliedFilterStates[filter.accessorKey] = validResult;
-          if (_chunkFRK3OMXNcjs.isIdFilterState.call(void 0, filterState)) {
+          if (_chunkIZI6Z6TZcjs.isIdFilterState.call(void 0, filterState)) {
             const appliedValues = validResult.appliedValues;
             updateFilterState(filter)(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessorKey]), {
               value: "",
@@ -411,7 +397,7 @@ function DataManagerTable(props) {
       const filterState = filterStatesArray[i];
       if (!filterState.isApplied) continue;
       const filter = filters2[i];
-      if (_chunk3MUJAQXFcjs.isStringFilterState.call(void 0, filterState)) {
+      if (_chunkMT5CZMYNcjs.isStringFilterState.call(void 0, filterState)) {
         if (filterState.value) {
           const value = filterState.value;
           let updatedAppliedValues = [];
@@ -428,7 +414,7 @@ function DataManagerTable(props) {
           appliedFilterStates[filter.accessorKey] = newFilterState;
           updateFilterState(filter)(newFilterState);
         }
-      } else if (_chunkHAGUM2RIcjs.isEnumFilterState.call(void 0, filterState)) {
+      } else if (_chunkIAO6KSLHcjs.isEnumFilterState.call(void 0, filterState)) {
         if (filterState.value) {
           const newFilterState = _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, filterStates2[filter.accessorKey]), {
             value: "",
@@ -567,7 +553,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, 
-          _chunkEVJCMZHAcjs.DateFilter,
+          _chunk7Q43VELDcjs.DateFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -579,7 +565,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "enum" /* ENUM */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkHAGUM2RIcjs.EnumFilter,
+          _chunkIAO6KSLHcjs.EnumFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -595,7 +581,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "string" /* STRING */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk3MUJAQXFcjs.StringFilter,
+          _chunkMT5CZMYNcjs.StringFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -609,7 +595,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "id" /* ID */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkFRK3OMXNcjs.IdFilter,
+          _chunkIZI6Z6TZcjs.IdFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -623,7 +609,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "boolean" /* BOOLEAN */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkMF2INEJGcjs.BooleanFilter,
+          _chunkZXJYGC7Ecjs.BooleanFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -636,7 +622,7 @@ function DataManagerTable(props) {
         ) }, filter.label);
       case "currency" /* CURRENCY */:
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkABLS6WGOcjs.CurrencyFilter,
+          _chunkH4RC6UC7cjs.CurrencyFilter,
           {
             updateFilterState: (state) => {
               setFilterStates((prevState) => _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, prevState), {
@@ -668,10 +654,10 @@ function DataManagerTable(props) {
       children: [
         filterSections,
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContentFooter, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBAQBEQO3cjs.Button, { text: "Clear", onClick: handleClearFilters }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQNMSNFSQcjs.Button, { text: "Clear", onClick: handleClearFilters }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContentFooterRight, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBAQBEQO3cjs.Button, { text: "Cancel", onClick: () => setShowFilterEditor(false) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBAQBEQO3cjs.Button, { text: "Apply", kind: "primary", onClick: onApply })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQNMSNFSQcjs.Button, { text: "Cancel", onClick: () => setShowFilterEditor(false) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQNMSNFSQcjs.Button, { text: "Apply", kind: "primary", onClick: onApply })
           ] })
         ] })
       ]
@@ -690,13 +676,13 @@ function DataManagerTable(props) {
     const FilterContainerComponent = ((_f = props.customComponents) == null ? void 0 : _f.filterContainerComponent) || DataManagerTableFilterContainer;
     const defaultFilterContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: isSm ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBAQBEQO3cjs.Button,
+        _chunkQNMSNFSQcjs.Button,
         _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonButtonProps), props.filterButtonProps), {
           onClick: () => setShowFilterEditor(!showFilterEditor)
         })
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkJNYYPEOScjs.Modal,
+        _chunkGLP2REJIcjs.Modal,
         {
           visible: showFilterEditor,
           onClose: () => setShowFilterEditor(false),
@@ -727,7 +713,7 @@ function DataManagerTable(props) {
     }).map((filter) => {
       var _a2, _b2, _c2;
       return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk3CHSI3A4cjs.PillFilter,
+        _chunkHYSPDA4Ncjs.PillFilter,
         {
           filter,
           state: filterStates[filter.accessorKey],
@@ -766,7 +752,7 @@ function DataManagerTable(props) {
       );
     }) : [];
     const pillsFilterContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PillFiltersContainer, { children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkP7BNVHNVcjs.Flex, { gap: 4, align: "center", flexWrap: "wrap", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEZUXCJOHcjs.Flex, { gap: 4, align: "center", flexWrap: "wrap", children: [
         pillFilters,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           DropdownComponent,
@@ -796,8 +782,8 @@ function DataManagerTable(props) {
           }
         )
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP7BNVHNVcjs.Flex, { children: numFiltersApplied > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBAQBEQO3cjs.Button,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEZUXCJOHcjs.Flex, { children: numFiltersApplied > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkQNMSNFSQcjs.Button,
         _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, commonButtonProps), props.filterButtonProps), {
           icon: {
             name: "CentralCrossSmall",
@@ -824,7 +810,7 @@ function DataManagerTable(props) {
   let showMoreDropdown;
   if (((_h = props.pageSizes) == null ? void 0 : _h.length) > 1) {
     showMoreDropdown = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk3RSGBC5Bcjs.Dropdown,
+      _chunkAUPMDCHWcjs.Dropdown,
       {
         align: "right",
         verticalPlacement: "top",
@@ -840,7 +826,7 @@ function DataManagerTable(props) {
             width: "100%"
           }),
           getContent: ({ isOpen }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkZZRVVQKYcjs.TextIconAligner,
+            _chunkQ2WSYBQMcjs.TextIconAligner,
             {
               content: pageSizeString.replace("{pageSize}", `${pageSize}`),
               typography: { size: "ExtraSmall" },
@@ -863,147 +849,149 @@ function DataManagerTable(props) {
     );
   }
   let footer;
-  if (props.showMoreOptions) {
-    footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFooter, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBAQBEQO3cjs.Button,
-        {
-          text: "Show more",
-          paddingY: "short",
-          onClick: () => {
-            var _a2;
-            return void handleChangePageSize(pageSize + (((_a2 = props.pageSizes) == null ? void 0 : _a2[0]) || 20));
+  if (showFooter) {
+    if (props.showMoreOptions) {
+      footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFooter, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkQNMSNFSQcjs.Button,
+          {
+            text: "Show more",
+            paddingY: "short",
+            onClick: () => {
+              var _a2;
+              return void handleChangePageSize(pageSize + (((_a2 = props.pageSizes) == null ? void 0 : _a2[0]) || 20));
+            }
           }
-        }
-      ),
-      showMoreDropdown
-    ] });
-  } else if (props.resultCount) {
-    const startResult = pageCursorState.startResult || 1;
-    const endResult = Math.min(props.resultCount, startResult + pageSize - 1);
-    const isFullCount = (_i = props.isFullCount) != null ? _i : true;
-    const countString = isFullCount ? props.resultCount : props.resultCount + "+";
-    const resultsString = ((_j = props.paginationDisplayOptions) == null ? void 0 : _j.showPageNumberButtons) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBATV5KYYcjs.Label, { children: "Viewing " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOP5QLWJKcjs.LabelModerate, { children: `${startResult}-${endResult}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBATV5KYYcjs.Label, { children: " of " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOP5QLWJKcjs.LabelModerate, { children: `${countString}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBATV5KYYcjs.Label, { children: " results" })
-    ] });
-    const hasNext = props.resultCount ? startResult + pageSize - 1 < props.resultCount : false;
-    const hasPrev = startResult > 1;
-    const pageNumbers = Array.from(
-      { length: Math.ceil(props.resultCount / pageSize) },
-      (_, i) => i
-    );
-    const pageNumberButtons = ((_k = props.paginationDisplayOptions) == null ? void 0 : _k.showPageNumberButtons) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageNumberPaginationButtonsContainer, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBAQBEQO3cjs.Button,
-        {
-          icon: {
-            name: "CentralChevronLeftSmall",
-            width: 24,
+        ),
+        showMoreDropdown
+      ] });
+    } else if (props.resultCount) {
+      const startResult = pageCursorState.startResult || 1;
+      const endResult = Math.min(props.resultCount, startResult + pageSize - 1);
+      const isFullCount = (_i = props.isFullCount) != null ? _i : true;
+      const countString = isFullCount ? props.resultCount : props.resultCount + "+";
+      const resultsString = ((_j = props.paginationDisplayOptions) == null ? void 0 : _j.showPageNumberButtons) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", {}) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSZOGH4WNcjs.Label, { children: "Viewing " }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRBXE6IJXcjs.LabelModerate, { children: `${startResult}-${endResult}` }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSZOGH4WNcjs.Label, { children: " of " }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRBXE6IJXcjs.LabelModerate, { children: `${countString}` }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSZOGH4WNcjs.Label, { children: " results" })
+      ] });
+      const hasNext = props.resultCount ? startResult + pageSize - 1 < props.resultCount : false;
+      const hasPrev = startResult > 1;
+      const pageNumbers = Array.from(
+        { length: Math.ceil(props.resultCount / pageSize) },
+        (_, i) => i
+      );
+      const pageNumberButtons = ((_k = props.paginationDisplayOptions) == null ? void 0 : _k.showPageNumberButtons) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageNumberPaginationButtonsContainer, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkQNMSNFSQcjs.Button,
+          {
+            icon: {
+              name: "CentralChevronLeftSmall",
+              width: 24,
+              color: "text"
+            },
+            kind: "ghost",
+            paddingY: "short",
+            onClick: () => void handlePrev(),
+            disabled: !hasPrev
+          }
+        ),
+        pageNumbers.slice(0, 2).map((pageNumber) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          PageNumberButton,
+          {
+            onClick: () => void handleChangePage(pageNumber + 1),
+            isCurrentPage: currentPage === pageNumber + 1,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ7ENIXKScjs.Body, { content: `${pageNumber + 1}` })
+          },
+          pageNumber
+        )),
+        pageNumbers.length >= 4 && currentPage - 2 > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkGJEYXGPQcjs.Icon,
+          {
+            name: "CentralDotGrid1x3Horizontal",
+            width: 18,
+            ml: 7,
+            mr: 7,
             color: "text"
+          }
+        ),
+        currentPage - 1 > 1 && currentPage < pageNumbers.length && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          PageNumberButton,
+          {
+            isCurrentPage: true,
+            onClick: () => void handleChangePage(currentPage),
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ7ENIXKScjs.Body, { content: `${currentPage}` })
           },
-          kind: "ghost",
-          paddingY: "short",
-          onClick: () => void handlePrev(),
-          disabled: !hasPrev
-        }
-      ),
-      pageNumbers.slice(0, 2).map((pageNumber) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        PageNumberButton,
-        {
-          onClick: () => void handleChangePage(pageNumber + 1),
-          isCurrentPage: currentPage === pageNumber + 1,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVKRM2POZcjs.Body, { content: `${pageNumber + 1}` })
-        },
-        pageNumber
-      )),
-      pageNumbers.length > 4 && currentPage - 2 > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkKQXSG5SFcjs.Icon,
-        {
-          name: "CentralDotGrid1x3Horizontal",
-          width: 18,
-          ml: 7,
-          mr: 7,
-          color: "text"
-        }
-      ),
-      currentPage - 1 > 1 && currentPage < pageNumbers.length && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        PageNumberButton,
-        {
-          isCurrentPage: true,
-          onClick: () => void handleChangePage(currentPage),
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVKRM2POZcjs.Body, { content: `${currentPage}` })
-        },
-        currentPage
-      ),
-      pageNumbers.length > 4 && currentPage + 1 < pageNumbers.length && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkKQXSG5SFcjs.Icon,
-        {
-          name: "CentralDotGrid1x3Horizontal",
-          width: 18,
-          ml: 7,
-          mr: 7,
-          color: "text"
-        }
-      ),
-      pageNumbers.length > 4 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        PageNumberButton,
-        {
-          isCurrentPage: currentPage === pageNumbers.length,
-          onClick: () => void handleChangePage(pageNumbers.length),
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVKRM2POZcjs.Body, { content: `${pageNumbers.length}` })
-        },
-        pageNumbers.length
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBAQBEQO3cjs.Button,
-        {
-          icon: {
-            name: "CentralChevronRightSmall",
-            width: 24,
+          currentPage
+        ),
+        pageNumbers.length >= 4 && currentPage + 1 < pageNumbers.length && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkGJEYXGPQcjs.Icon,
+          {
+            name: "CentralDotGrid1x3Horizontal",
+            width: 18,
+            ml: 7,
+            mr: 7,
             color: "text"
+          }
+        ),
+        pageNumbers.length >= 3 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          PageNumberButton,
+          {
+            isCurrentPage: currentPage === pageNumbers.length,
+            onClick: () => void handleChangePage(pageNumbers.length),
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ7ENIXKScjs.Body, { content: `${pageNumbers.length}` })
           },
-          kind: "ghost",
-          paddingY: "short",
-          onClick: () => void handleNext(),
-          disabled: !hasNext
-        }
-      )
-    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
-    footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFooter, { children: [
-      resultsString,
-      pageNumberButtons,
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationContainer, { children: [
-        showMoreDropdown,
-        showPaginationPreviousNext && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationButtonsContainer, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkBAQBEQO3cjs.Button,
-            {
-              text: "Previous",
-              paddingY: "short",
-              onClick: () => {
-                void handlePrev();
-              },
-              disabled: !hasPrev
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkBAQBEQO3cjs.Button,
-            {
-              text: "Next",
-              paddingY: "short",
-              onClick: () => {
-                void handleNext();
-              },
-              disabled: !hasNext
-            }
-          )
+          pageNumbers.length
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkQNMSNFSQcjs.Button,
+          {
+            icon: {
+              name: "CentralChevronRightSmall",
+              width: 24,
+              color: "text"
+            },
+            kind: "ghost",
+            paddingY: "short",
+            onClick: () => void handleNext(),
+            disabled: !hasNext
+          }
+        )
+      ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
+      footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFooter, { children: [
+        resultsString,
+        pageNumberButtons,
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationContainer, { children: [
+          showMoreDropdown,
+          showPaginationPreviousNext && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationButtonsContainer, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkQNMSNFSQcjs.Button,
+              {
+                text: "Previous",
+                paddingY: "short",
+                onClick: () => {
+                  void handlePrev();
+                },
+                disabled: !hasPrev
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkQNMSNFSQcjs.Button,
+              {
+                text: "Next",
+                paddingY: "short",
+                onClick: () => {
+                  void handleNext();
+                },
+                disabled: !hasNext
+              }
+            )
+          ] })
         ] })
-      ] })
-    ] });
+      ] });
+    }
   }
   const DataManagerTableHeaderComponent = ((_l = props.customComponents) == null ? void 0 : _l.dataManagerTableHeaderComponent) || DataManagerTableHeader;
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
@@ -1011,10 +999,10 @@ function DataManagerTable(props) {
       props.header,
       filters
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3X5J5GD5cjs.Table, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH4K7RHGRcjs.Table, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
     footer
   ] });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { fullHeight: props.fullHeight, children: isCardPageFullWidth ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVMB6AULDcjs.CardPageFullWidth, { css: { marginTop: `${cardPageMt}px` }, children: content }) : content });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { fullHeight: props.fullHeight, children: isCardPageFullWidth ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIIEKDCYTcjs.CardPageFullWidth, { css: { marginTop: `${cardPageMt}px` }, children: content }) : content });
 }
 function getPillDropdownItems({
   filterOptions,
@@ -1152,16 +1140,16 @@ var StyledDataManagerTable = _styled2.default.div`
 `;
 var commonPadding = `
   ${_chunkKW3JYLRIcjs.bp.lg(`
-  padding-left: ${_chunk67EQ3PLRcjs.standardContentInset.lgPx}px;
-  padding-right: ${_chunk67EQ3PLRcjs.standardContentInset.lgPx}px;
+  padding-left: ${_chunk6MB6ICF6cjs.standardContentInset.lgPx}px;
+  padding-right: ${_chunk6MB6ICF6cjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-  padding-left: ${_chunk67EQ3PLRcjs.standardContentInset.smPx}px;
-  padding-right: ${_chunk67EQ3PLRcjs.standardContentInset.smPx}px;
+  padding-left: ${_chunk6MB6ICF6cjs.standardContentInset.smPx}px;
+  padding-right: ${_chunk6MB6ICF6cjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-  padding-left: ${_chunk67EQ3PLRcjs.standardContentInset.minSmMaxLgPx}px;
-  padding-right: ${_chunk67EQ3PLRcjs.standardContentInset.minSmMaxLgPx}px;
+  padding-left: ${_chunk6MB6ICF6cjs.standardContentInset.minSmMaxLgPx}px;
+  padding-right: ${_chunk6MB6ICF6cjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 `;
 var DataManagerTableHeader = _styled2.default.div`
@@ -1182,7 +1170,7 @@ var DataManagerTableFooter = _styled2.default.div`
   padding-top: ${_chunkZUAO4DW3cjs.Spacing.px.md};
   padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};
 
-  ${_chunkBAQBEQO3cjs.StyledButton} {
+  ${_chunkQNMSNFSQcjs.StyledButton} {
     align-self: end;
   }
 `;
@@ -1209,7 +1197,7 @@ var PageNumberButton = _styled2.default.button`
   height: 32px;
   padding: 0;
   cursor: pointer;
-  ${_chunk67EQ3PLRcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunk6MB6ICF6cjs.standardBorderRadius.call(void 0, 8)}
   border: none;
   background-color: transparent;
   &:hover {
@@ -1226,12 +1214,12 @@ var DataManagerTableFilterContainer = _styled2.default.div`
   position: absolute;
   z-index: 3;
   right: 0;
-  ${_chunkS6BTLC6Lcjs.StyledButtonRow} + & {
+  ${_chunkY4WUA44Ncjs.StyledButtonRow} + & {
     background: linear-gradient(
       to right,
-      ${({ theme }) => _chunkRTOLGRYWcjs.themeOr.call(void 0, "rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0)")({ theme })}
+      ${({ theme }) => _chunkQGVDN6ZVcjs.themeOr.call(void 0, "rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0)")({ theme })}
         0%,
-      ${({ theme }) => _chunkRTOLGRYWcjs.getColor.call(void 0, theme, "bg")} 15%
+      ${({ theme }) => _chunkQGVDN6ZVcjs.getColor.call(void 0, theme, "bg")} 15%
     );
   }
   ${commonPadding}
@@ -1240,8 +1228,8 @@ var FilterDropdownContent = _styled2.default.div`
   width: 400px;
   background: ${({ theme }) => theme.bg};
   border: 0.5px solid
-    ${({ theme }) => _chunkRTOLGRYWcjs.themeOrWithKey.call(void 0, "c1Neutral", "c4Neutral")({ theme })};
-  ${_chunk67EQ3PLRcjs.standardBorderRadius.call(void 0, 12)}
+    ${({ theme }) => _chunkQGVDN6ZVcjs.themeOrWithKey.call(void 0, "c1Neutral", "c4Neutral")({ theme })};
+  ${_chunk6MB6ICF6cjs.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);