@lightsparkdev/ui 1.1.2 → 1.1.3

package/dist/{chunk-5KCSS7WC.cjs → chunk-4ZW7CZE3.cjs}

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUGDFDCYDcjs = require('./chunk-UGDFDCYD.cjs');
+var _chunkKNFL6XU7cjs = require('./chunk-KNFL6XU7.cjs');
 
 
-var _chunkXIFHBLNQcjs = require('./chunk-XIFHBLNQ.cjs');
+var _chunkWX5R7NU7cjs = require('./chunk-WX5R7NU7.cjs');
 
 
-var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 
-var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
+var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
 
 
-var _chunkGICIJWP3cjs = require('./chunk-GICIJWP3.cjs');
+var _chunkDRTADBFRcjs = require('./chunk-DRTADBFR.cjs');
 
 
 
@@ -55,7 +55,7 @@ var backgroundColor = "#2d2d2d";
 var InlineCode = _styled2.default.span`
   font-family: "Roboto Mono", monospace;
   background-color: #2d2d2d;
-  border: 1px solid ${_chunkQI7YHMJZcjs.themeOr.call(void 0, _chunkGICIJWP3cjs.colors.gray90, _chunkGICIJWP3cjs.colors.gray20)};
+  border: 1px solid ${_chunkEGKT7YHPcjs.themeOr.call(void 0, _chunkDRTADBFRcjs.colors.gray90, _chunkDRTADBFRcjs.colors.gray20)};
   border-radius: 3px;
   line-height: 24px;
   padding: 0 4px;
@@ -99,9 +99,9 @@ var codeSelectStyles = {
   }),
   option: (styles, state) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
     cursor: "pointer",
-    backgroundColor: state.isSelected ? _chunkGICIJWP3cjs.colors.gray25 : backgroundColor,
+    backgroundColor: state.isSelected ? _chunkDRTADBFRcjs.colors.gray25 : backgroundColor,
     "&:hover": {
-      backgroundColor: _chunkGICIJWP3cjs.colors.gray25
+      backgroundColor: _chunkDRTADBFRcjs.colors.gray25
     }
   }),
   singleValue: (styles) => _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, styles), {
@@ -152,7 +152,7 @@ var CodeBlock = ({
               styles: codeSelectStyles
             }
           ) }) : null,
-          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUGDFDCYDcjs.CopyToClipboardButton, { value: children }) : null
+          withCopyButton ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKNFL6XU7cjs.CopyToClipboardButton, { value: children }) : null
         ]
       }
     )
@@ -166,7 +166,7 @@ var StyledCodeBlock = _styled2.default.div``;
 var CodeBlockHeader = _styled2.default.div`
   align-items: center;
   background-color: #2d2d2d;
-  border-bottom: 1px solid ${_chunkGICIJWP3cjs.colors.gray25};
+  border-bottom: 1px solid ${_chunkDRTADBFRcjs.colors.gray25};
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   color: #ffffff;
@@ -176,11 +176,11 @@ var CodeBlockHeader = _styled2.default.div`
   padding: 16px 20px;
 `;
 var CodeBlockContainer = _styled2.default.pre`
-  ${_chunkXIFHBLNQcjs.overflowAutoWithoutScrollbars}
+  ${_chunkWX5R7NU7cjs.overflowAutoWithoutScrollbars}
   &[class*="language-"] {
     padding: 20px;
     font-weight: 500;
-    ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
     ${(props) => props.hasHeader ? `border-top-left-radius: 0;
             border-top-right-radius: 0;
             margin-top: 0;` : ""}

package/dist/{chunk-O6BZRC56.cjs → chunk-545K27C4.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
+var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkGICIJWP3cjs = require('./chunk-GICIJWP3.cjs');
+var _chunkDRTADBFRcjs = require('./chunk-DRTADBFR.cjs');
 
 // src/styles/common.tsx
 var _react = require('@emotion/react');
@@ -109,13 +109,13 @@ var Subtext = _styled2.default.div`
   ${subtext}
 `;
 var darkGradientBg = _react.css`
-  background: ${_chunkGICIJWP3cjs.darkGradient};
+  background: ${_chunkDRTADBFRcjs.darkGradient};
 `;
 var overlaySurfaceBorderColor = ({
   theme,
   important = false
 }) => _react.css`
-  border-color: ${_chunkQI7YHMJZcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
+  border-color: ${_chunkEGKT7YHPcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
     ${important ? "!important" : ""};
 `;
 var overlaySurface = ({
@@ -123,11 +123,11 @@ var overlaySurface = ({
   important = false,
   border = true
 }) => _react.css`
-  background-color: ${_chunkQI7YHMJZcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
+  background-color: ${_chunkEGKT7YHPcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
     ${important ? "!important" : ""};
   ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
   ${overlaySurfaceBorderColor({ theme, important })};
-  ${_chunkQI7YHMJZcjs.themeOr.call(void 0, 
+  ${_chunkEGKT7YHPcjs.themeOr.call(void 0, 
   `box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`,
   ""
 )({ theme })}

package/dist/{chunk-HE4WT5SV.cjs → chunk-5ALNWRDZ.cjs}

@@ -1,73 +1,73 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMN5Q5ZWWcjs = require('./chunk-MN5Q5ZWW.cjs');
+var _chunk5EMWGLNCcjs = require('./chunk-5EMWGLNC.cjs');
 
 
 
 
-var _chunkIQY5S5EKcjs = require('./chunk-IQY5S5EK.cjs');
+var _chunkNSJ4Y3VXcjs = require('./chunk-NSJ4Y3VX.cjs');
 
 
 
 
-var _chunk3MZK3ZMDcjs = require('./chunk-3MZK3ZMD.cjs');
+var _chunkO7MJGVACcjs = require('./chunk-O7MJGVAC.cjs');
 
 
 
 
-var _chunkUSPBIYUDcjs = require('./chunk-USPBIYUD.cjs');
+var _chunkURWQ3CYEcjs = require('./chunk-URWQ3CYE.cjs');
 
 
 
-var _chunkVXDAV2SRcjs = require('./chunk-VXDAV2SR.cjs');
+var _chunkVGNBQB7Fcjs = require('./chunk-VGNBQB7F.cjs');
 
 
 
-var _chunkOCQLKC7Acjs = require('./chunk-OCQLKC7A.cjs');
+var _chunkXMCKI6P6cjs = require('./chunk-XMCKI6P6.cjs');
 
 
 
-var _chunkZZCE6TWBcjs = require('./chunk-ZZCE6TWB.cjs');
+var _chunkI66XQPSGcjs = require('./chunk-I66XQPSG.cjs');
 
 
-var _chunkFXOJZHWYcjs = require('./chunk-FXOJZHWY.cjs');
+var _chunkA3WJIRV3cjs = require('./chunk-A3WJIRV3.cjs');
 
 
-var _chunkUCBR2BN2cjs = require('./chunk-UCBR2BN2.cjs');
+var _chunkASXKJDVTcjs = require('./chunk-ASXKJDVT.cjs');
 
 
-var _chunkX3JGXIPScjs = require('./chunk-X3JGXIPS.cjs');
+var _chunkCVWXYMI7cjs = require('./chunk-CVWXYMI7.cjs');
 
 
-var _chunk5YGMTJV7cjs = require('./chunk-5YGMTJV7.cjs');
+var _chunkU7Z4LPYAcjs = require('./chunk-U7Z4LPYA.cjs');
 
 
-var _chunkQHNM7Q2Kcjs = require('./chunk-QHNM7Q2K.cjs');
+var _chunkGWBK7KM5cjs = require('./chunk-GWBK7KM5.cjs');
 
 
-var _chunkONDWVTIAcjs = require('./chunk-ONDWVTIA.cjs');
+var _chunkFE2COCQ3cjs = require('./chunk-FE2COCQ3.cjs');
 
 
-var _chunkTXKJAPBDcjs = require('./chunk-TXKJAPBD.cjs');
+var _chunk734KB425cjs = require('./chunk-734KB425.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
 
-var _chunkECFNSLYPcjs = require('./chunk-ECFNSLYP.cjs');
+var _chunkCZJ6JPXBcjs = require('./chunk-CZJ6JPXB.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
+var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
 
 
 
 
-var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
+var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
 
 
 
@@ -85,17 +85,17 @@ var _jsxruntime = require('@emotion/react/jsx-runtime');
 function getDefaultFilterState(filter) {
   switch (filter.type) {
     case "date" /* DATE */:
-      return _chunkZZCE6TWBcjs.getDefaultDateFilterState.call(void 0, );
+      return _chunkI66XQPSGcjs.getDefaultDateFilterState.call(void 0, );
     case "enum" /* ENUM */:
-      return _chunkIQY5S5EKcjs.getDefaultEnumFilterState.call(void 0, );
+      return _chunkNSJ4Y3VXcjs.getDefaultEnumFilterState.call(void 0, );
     case "string" /* STRING */:
-      return _chunkUSPBIYUDcjs.getDefaultStringFilterState.call(void 0, );
+      return _chunkURWQ3CYEcjs.getDefaultStringFilterState.call(void 0, );
     case "id" /* ID */:
-      return _chunk3MZK3ZMDcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
+      return _chunkO7MJGVACcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
     case "boolean" /* BOOLEAN */:
-      return _chunkVXDAV2SRcjs.getDefaultBooleanFilterState.call(void 0, );
+      return _chunkVGNBQB7Fcjs.getDefaultBooleanFilterState.call(void 0, );
     case "currency" /* CURRENCY */:
-      return _chunkOCQLKC7Acjs.getDefaultCurrencyFilterState.call(void 0, );
+      return _chunkXMCKI6P6cjs.getDefaultCurrencyFilterState.call(void 0, );
     default:
       throw new Error("Invalid filter type");
   }
@@ -184,7 +184,7 @@ function DataManagerTable(props) {
         );
         if (validResult) {
           appliedFilterStates[filter.accessorKey] = validResult;
-          if (_chunk3MZK3ZMDcjs.isIdFilterState.call(void 0, filterState)) {
+          if (_chunkO7MJGVACcjs.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 (_chunkUSPBIYUDcjs.isStringFilterState.call(void 0, filterState)) {
+      if (_chunkURWQ3CYEcjs.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)(_chunkUSPBIYUDcjs.getDefaultStringFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunkURWQ3CYEcjs.getDefaultStringFilterState.call(void 0, ));
           filterState.isApplied = false;
         }
-      } else if (_chunkIQY5S5EKcjs.isEnumFilterState.call(void 0, filterState)) {
+      } else if (_chunkNSJ4Y3VXcjs.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)(_chunkIQY5S5EKcjs.getDefaultEnumFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunkNSJ4Y3VXcjs.getDefaultEnumFilterState.call(void 0, ));
           filterState.isApplied = false;
         }
       }
@@ -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, 
-          _chunkZZCE6TWBcjs.DateFilter,
+          _chunkI66XQPSGcjs.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, 
-          _chunkIQY5S5EKcjs.EnumFilter,
+          _chunkNSJ4Y3VXcjs.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, 
-          _chunkUSPBIYUDcjs.StringFilter,
+          _chunkURWQ3CYEcjs.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, 
-          _chunk3MZK3ZMDcjs.IdFilter,
+          _chunkO7MJGVACcjs.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, 
-          _chunkVXDAV2SRcjs.BooleanFilter,
+          _chunkVGNBQB7Fcjs.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, 
-          _chunkOCQLKC7Acjs.CurrencyFilter,
+          _chunkXMCKI6P6cjs.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, _chunkECFNSLYPcjs.Button, { text: "Clear", onClick: handleClearFilters }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCZJ6JPXBcjs.Button, { text: "Clear", onClick: handleClearFilters }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContentFooterRight, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkECFNSLYPcjs.Button, { text: "Cancel", onClick: () => setShowFilters(false) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkECFNSLYPcjs.Button, { text: "Apply", kind: "primary", onClick: onApply })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCZJ6JPXBcjs.Button, { text: "Cancel", onClick: () => setShowFilters(false) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCZJ6JPXBcjs.Button, { text: "Apply", kind: "primary", onClick: onApply })
           ] })
         ] })
       ]
@@ -464,13 +464,13 @@ function DataManagerTable(props) {
   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: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkECFNSLYPcjs.Button,
+        _chunkCZJ6JPXBcjs.Button,
         _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonButtonProps), {
           onClick: () => setShowFilters(!showFilters)
         })
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkX3JGXIPScjs.Modal,
+        _chunkCVWXYMI7cjs.Modal,
         {
           visible: showFilters,
           onClose: () => setShowFilters(false),
@@ -479,7 +479,7 @@ function DataManagerTable(props) {
         }
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5YGMTJV7cjs.Dropdown,
+      _chunkU7Z4LPYAcjs.Dropdown,
       {
         borderRadius: 12,
         maxDropdownItemsWidth: 400,
@@ -499,7 +499,7 @@ function DataManagerTable(props) {
   let showMoreDropdown;
   if (((_c = props.pageSizes) == null ? void 0 : _c.length) > 1) {
     showMoreDropdown = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk5YGMTJV7cjs.Dropdown,
+      _chunkU7Z4LPYAcjs.Dropdown,
       {
         getCSS: ({ isOpen }) => ({
           height: "fit-content",
@@ -513,7 +513,7 @@ function DataManagerTable(props) {
             width: "100%"
           }),
           getContent: ({ isOpen }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkQHNM7Q2Kcjs.TextIconAligner,
+            _chunkGWBK7KM5cjs.TextIconAligner,
             {
               content: `Show ${pageSize} items`,
               typography: { size: "ExtraSmall" },
@@ -539,7 +539,7 @@ function DataManagerTable(props) {
   if (props.showMoreOptions) {
     footer = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DataManagerTableFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkECFNSLYPcjs.Button,
+        _chunkCZJ6JPXBcjs.Button,
         {
           text: "Show more",
           paddingY: "short",
@@ -557,11 +557,11 @@ function DataManagerTable(props) {
     const isFullCount = (_d = props.isFullCount) != null ? _d : true;
     const countString = isFullCount ? props.resultCount : props.resultCount + "+";
     const resultsString = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUCBR2BN2cjs.Label, { children: "Viewing " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFXOJZHWYcjs.LabelModerate, { children: `${startResult}-${endResult}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUCBR2BN2cjs.Label, { children: " of " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFXOJZHWYcjs.LabelModerate, { children: `${countString}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUCBR2BN2cjs.Label, { children: " results" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkASXKJDVTcjs.Label, { children: "Viewing " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA3WJIRV3cjs.LabelModerate, { children: `${startResult}-${endResult}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkASXKJDVTcjs.Label, { children: " of " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA3WJIRV3cjs.LabelModerate, { children: `${countString}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkASXKJDVTcjs.Label, { children: " results" })
     ] });
     const hasNext = props.resultCount ? startResult + pageSize - 1 < props.resultCount : false;
     const hasPrev = startResult > 1;
@@ -571,7 +571,7 @@ function DataManagerTable(props) {
         showMoreDropdown,
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationButtonsContainer, { children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkECFNSLYPcjs.Button,
+            _chunkCZJ6JPXBcjs.Button,
             {
               text: "Previous",
               paddingY: "short",
@@ -582,7 +582,7 @@ function DataManagerTable(props) {
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkECFNSLYPcjs.Button,
+            _chunkCZJ6JPXBcjs.Button,
             {
               text: "Next",
               paddingY: "short",
@@ -601,24 +601,24 @@ function DataManagerTable(props) {
       props.header,
       filters
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMN5Q5ZWWcjs.Table, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5EMWGLNCcjs.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, _chunkONDWVTIAcjs.CardPageFullWidth, { css: { marginTop: `${cardPageMt}px` }, children: content }) : content });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { children: isCardPageFullWidth ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFE2COCQ3cjs.CardPageFullWidth, { css: { marginTop: `${cardPageMt}px` }, children: content }) : content });
 }
 var StyledDataManagerTable = _styled2.default.div``;
 var commonPadding = `
   ${_chunkKW3JYLRIcjs.bp.lg(`
-  padding-left: ${_chunkO6BZRC56cjs.standardContentInset.lgPx}px;
-  padding-right: ${_chunkO6BZRC56cjs.standardContentInset.lgPx}px;
+  padding-left: ${_chunk545K27C4cjs.standardContentInset.lgPx}px;
+  padding-right: ${_chunk545K27C4cjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-  padding-left: ${_chunkO6BZRC56cjs.standardContentInset.smPx}px;
-  padding-right: ${_chunkO6BZRC56cjs.standardContentInset.smPx}px;
+  padding-left: ${_chunk545K27C4cjs.standardContentInset.smPx}px;
+  padding-right: ${_chunk545K27C4cjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-  padding-left: ${_chunkO6BZRC56cjs.standardContentInset.minSmMaxLgPx}px;
-  padding-right: ${_chunkO6BZRC56cjs.standardContentInset.minSmMaxLgPx}px;
+  padding-left: ${_chunk545K27C4cjs.standardContentInset.minSmMaxLgPx}px;
+  padding-right: ${_chunk545K27C4cjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 `;
 var DataManagerTableHeader = _styled2.default.div`
@@ -639,7 +639,7 @@ var DataManagerTableFooter = _styled2.default.div`
   padding-top: ${_chunkZUAO4DW3cjs.Spacing.px.md};
   padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.md};
 
-  ${_chunkECFNSLYPcjs.StyledButton} {
+  ${_chunkCZJ6JPXBcjs.StyledButton} {
     align-self: end;
   }
 `;
@@ -657,12 +657,12 @@ var DataManagerTableFilterContainer = _styled2.default.div`
   position: absolute;
   z-index: 3;
   right: 0;
-  ${_chunkTXKJAPBDcjs.StyledButtonRow} + & {
+  ${_chunk734KB425cjs.StyledButtonRow} + & {
     background: linear-gradient(
       to right,
-      ${({ theme }) => _chunkQI7YHMJZcjs.themeOr.call(void 0, "rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0)")({ theme })}
+      ${({ theme }) => _chunkEGKT7YHPcjs.themeOr.call(void 0, "rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0)")({ theme })}
         0%,
-      ${({ theme }) => _chunkQI7YHMJZcjs.getColor.call(void 0, theme, "bg")} 15%
+      ${({ theme }) => _chunkEGKT7YHPcjs.getColor.call(void 0, theme, "bg")} 15%
     );
   }
   ${commonPadding}
@@ -671,8 +671,8 @@ var FilterDropdownContent = _styled2.default.div`
   width: 400px;
   background: ${({ theme }) => theme.bg};
   border: 0.5px solid
-    ${({ theme }) => _chunkQI7YHMJZcjs.themeOrWithKey.call(void 0, "c1Neutral", "c4Neutral")({ theme })};
-  ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 12)}
+    ${({ theme }) => _chunkEGKT7YHPcjs.themeOrWithKey.call(void 0, "c1Neutral", "c4Neutral")({ theme })};
+  ${_chunk545K27C4cjs.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);