@lightsparkdev/ui 1.1.3 → 1.1.5

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

@@ -1,73 +1,73 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5EMWGLNCcjs = require('./chunk-5EMWGLNC.cjs');
+var _chunkRN3OAEYPcjs = require('./chunk-RN3OAEYP.cjs');
 
 
 
+var _chunkHNURSTUFcjs = require('./chunk-HNURSTUF.cjs');
 
-var _chunkNSJ4Y3VXcjs = require('./chunk-NSJ4Y3VX.cjs');
 
 
 
+var _chunkG5CUW5RAcjs = require('./chunk-G5CUW5RA.cjs');
 
-var _chunkO7MJGVACcjs = require('./chunk-O7MJGVAC.cjs');
 
 
 
+var _chunkKI4IJFAJcjs = require('./chunk-KI4IJFAJ.cjs');
 
-var _chunkURWQ3CYEcjs = require('./chunk-URWQ3CYE.cjs');
 
 
 
-var _chunkVGNBQB7Fcjs = require('./chunk-VGNBQB7F.cjs');
+var _chunkRYYCR3ZUcjs = require('./chunk-RYYCR3ZU.cjs');
 
 
 
-var _chunkXMCKI6P6cjs = require('./chunk-XMCKI6P6.cjs');
+var _chunkK75CX7CYcjs = require('./chunk-K75CX7CY.cjs');
 
 
 
-var _chunkI66XQPSGcjs = require('./chunk-I66XQPSG.cjs');
+var _chunkSXIJGTAJcjs = require('./chunk-SXIJGTAJ.cjs');
 
 
-var _chunkA3WJIRV3cjs = require('./chunk-A3WJIRV3.cjs');
+var _chunkDBTNWKPPcjs = require('./chunk-DBTNWKPP.cjs');
 
 
-var _chunkASXKJDVTcjs = require('./chunk-ASXKJDVT.cjs');
+var _chunkIQ2SR5LDcjs = require('./chunk-IQ2SR5LD.cjs');
 
 
-var _chunkCVWXYMI7cjs = require('./chunk-CVWXYMI7.cjs');
+var _chunkZT36ACUWcjs = require('./chunk-ZT36ACUW.cjs');
 
 
-var _chunkU7Z4LPYAcjs = require('./chunk-U7Z4LPYA.cjs');
+var _chunkEEX4GB3Pcjs = require('./chunk-EEX4GB3P.cjs');
 
 
-var _chunkGWBK7KM5cjs = require('./chunk-GWBK7KM5.cjs');
+var _chunk5YKTYMPQcjs = require('./chunk-5YKTYMPQ.cjs');
 
 
-var _chunkFE2COCQ3cjs = require('./chunk-FE2COCQ3.cjs');
+var _chunk4FWBLOAUcjs = require('./chunk-4FWBLOAU.cjs');
 
 
-var _chunk734KB425cjs = require('./chunk-734KB425.cjs');
 
+var _chunkSLTSSCKDcjs = require('./chunk-SLTSSCKD.cjs');
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkCZJ6JPXBcjs = require('./chunk-CZJ6JPXB.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunk3OTSE3VOcjs = require('./chunk-3OTSE3VO.cjs');
 
 
 
-var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
+var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
 
 
 
 
-var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
+var _chunkYIAN5J2Dcjs = require('./chunk-YIAN5J2D.cjs');
 
 
 
@@ -85,17 +85,17 @@ var _jsxruntime = require('@emotion/react/jsx-runtime');
 function getDefaultFilterState(filter) {
   switch (filter.type) {
     case "date" /* DATE */:
-      return _chunkI66XQPSGcjs.getDefaultDateFilterState.call(void 0, );
+      return _chunkHNURSTUFcjs.getDefaultDateFilterState.call(void 0, );
     case "enum" /* ENUM */:
-      return _chunkNSJ4Y3VXcjs.getDefaultEnumFilterState.call(void 0, );
+      return _chunkG5CUW5RAcjs.getDefaultEnumFilterState.call(void 0, );
     case "string" /* STRING */:
-      return _chunkURWQ3CYEcjs.getDefaultStringFilterState.call(void 0, );
+      return _chunkRYYCR3ZUcjs.getDefaultStringFilterState.call(void 0, );
     case "id" /* ID */:
-      return _chunkO7MJGVACcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
+      return _chunkKI4IJFAJcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
     case "boolean" /* BOOLEAN */:
-      return _chunkVGNBQB7Fcjs.getDefaultBooleanFilterState.call(void 0, );
+      return _chunkK75CX7CYcjs.getDefaultBooleanFilterState.call(void 0, );
     case "currency" /* CURRENCY */:
-      return _chunkXMCKI6P6cjs.getDefaultCurrencyFilterState.call(void 0, );
+      return _chunkSXIJGTAJcjs.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 (_chunkO7MJGVACcjs.isIdFilterState.call(void 0, filterState)) {
+          if (_chunkKI4IJFAJcjs.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 (_chunkURWQ3CYEcjs.isStringFilterState.call(void 0, filterState)) {
+      if (_chunkRYYCR3ZUcjs.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)(_chunkURWQ3CYEcjs.getDefaultStringFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunkRYYCR3ZUcjs.getDefaultStringFilterState.call(void 0, ));
           filterState.isApplied = false;
         }
-      } else if (_chunkNSJ4Y3VXcjs.isEnumFilterState.call(void 0, filterState)) {
+      } else if (_chunkG5CUW5RAcjs.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)(_chunkNSJ4Y3VXcjs.getDefaultEnumFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunkG5CUW5RAcjs.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, 
-          _chunkI66XQPSGcjs.DateFilter,
+          _chunkHNURSTUFcjs.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, 
-          _chunkNSJ4Y3VXcjs.EnumFilter,
+          _chunkG5CUW5RAcjs.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, 
-          _chunkURWQ3CYEcjs.StringFilter,
+          _chunkRYYCR3ZUcjs.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, 
-          _chunkO7MJGVACcjs.IdFilter,
+          _chunkKI4IJFAJcjs.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, 
-          _chunkVGNBQB7Fcjs.BooleanFilter,
+          _chunkK75CX7CYcjs.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, 
-          _chunkXMCKI6P6cjs.CurrencyFilter,
+          _chunkSXIJGTAJcjs.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, _chunkCZJ6JPXBcjs.Button, { text: "Clear", onClick: handleClearFilters }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSLTSSCKDcjs.Button, { text: "Clear", onClick: handleClearFilters }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContentFooterRight, { children: [
-            /* @__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 })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSLTSSCKDcjs.Button, { text: "Cancel", onClick: () => setShowFilters(false) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSLTSSCKDcjs.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, 
-        _chunkCZJ6JPXBcjs.Button,
+        _chunkSLTSSCKDcjs.Button,
         _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonButtonProps), {
           onClick: () => setShowFilters(!showFilters)
         })
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkCVWXYMI7cjs.Modal,
+        _chunkZT36ACUWcjs.Modal,
         {
           visible: showFilters,
           onClose: () => setShowFilters(false),
@@ -479,7 +479,7 @@ function DataManagerTable(props) {
         }
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkU7Z4LPYAcjs.Dropdown,
+      _chunkEEX4GB3Pcjs.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, 
-      _chunkU7Z4LPYAcjs.Dropdown,
+      _chunkEEX4GB3Pcjs.Dropdown,
       {
         getCSS: ({ isOpen }) => ({
           height: "fit-content",
@@ -513,7 +513,7 @@ function DataManagerTable(props) {
             width: "100%"
           }),
           getContent: ({ isOpen }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkGWBK7KM5cjs.TextIconAligner,
+            _chunk3OTSE3VOcjs.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, 
-        _chunkCZJ6JPXBcjs.Button,
+        _chunkSLTSSCKDcjs.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, _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" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIQ2SR5LDcjs.Label, { children: "Viewing " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBTNWKPPcjs.LabelModerate, { children: `${startResult}-${endResult}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIQ2SR5LDcjs.Label, { children: " of " }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBTNWKPPcjs.LabelModerate, { children: `${countString}` }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIQ2SR5LDcjs.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, 
-            _chunkCZJ6JPXBcjs.Button,
+            _chunkSLTSSCKDcjs.Button,
             {
               text: "Previous",
               paddingY: "short",
@@ -582,7 +582,7 @@ function DataManagerTable(props) {
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkCZJ6JPXBcjs.Button,
+            _chunkSLTSSCKDcjs.Button,
             {
               text: "Next",
               paddingY: "short",
@@ -601,24 +601,24 @@ function DataManagerTable(props) {
       props.header,
       filters
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5EMWGLNCcjs.Table, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRN3OAEYPcjs.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, _chunkFE2COCQ3cjs.CardPageFullWidth, { css: { marginTop: `${cardPageMt}px` }, children: content }) : content });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledDataManagerTable, { children: isCardPageFullWidth ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5YKTYMPQcjs.CardPageFullWidth, { css: { marginTop: `${cardPageMt}px` }, children: content }) : content });
 }
 var StyledDataManagerTable = _styled2.default.div``;
 var commonPadding = `
   ${_chunkKW3JYLRIcjs.bp.lg(`
-  padding-left: ${_chunk545K27C4cjs.standardContentInset.lgPx}px;
-  padding-right: ${_chunk545K27C4cjs.standardContentInset.lgPx}px;
+  padding-left: ${_chunkZBJ5SGHGcjs.standardContentInset.lgPx}px;
+  padding-right: ${_chunkZBJ5SGHGcjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-  padding-left: ${_chunk545K27C4cjs.standardContentInset.smPx}px;
-  padding-right: ${_chunk545K27C4cjs.standardContentInset.smPx}px;
+  padding-left: ${_chunkZBJ5SGHGcjs.standardContentInset.smPx}px;
+  padding-right: ${_chunkZBJ5SGHGcjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-  padding-left: ${_chunk545K27C4cjs.standardContentInset.minSmMaxLgPx}px;
-  padding-right: ${_chunk545K27C4cjs.standardContentInset.minSmMaxLgPx}px;
+  padding-left: ${_chunkZBJ5SGHGcjs.standardContentInset.minSmMaxLgPx}px;
+  padding-right: ${_chunkZBJ5SGHGcjs.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};
 
-  ${_chunkCZJ6JPXBcjs.StyledButton} {
+  ${_chunkSLTSSCKDcjs.StyledButton} {
     align-self: end;
   }
 `;
@@ -657,12 +657,12 @@ var DataManagerTableFilterContainer = _styled2.default.div`
   position: absolute;
   z-index: 3;
   right: 0;
-  ${_chunk734KB425cjs.StyledButtonRow} + & {
+  ${_chunk4FWBLOAUcjs.StyledButtonRow} + & {
     background: linear-gradient(
       to right,
-      ${({ theme }) => _chunkEGKT7YHPcjs.themeOr.call(void 0, "rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0)")({ theme })}
+      ${({ theme }) => _chunkYIAN5J2Dcjs.themeOr.call(void 0, "rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0)")({ theme })}
         0%,
-      ${({ theme }) => _chunkEGKT7YHPcjs.getColor.call(void 0, theme, "bg")} 15%
+      ${({ theme }) => _chunkYIAN5J2Dcjs.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 }) => _chunkEGKT7YHPcjs.themeOrWithKey.call(void 0, "c1Neutral", "c4Neutral")({ theme })};
-  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 12)}
+    ${({ theme }) => _chunkYIAN5J2Dcjs.themeOrWithKey.call(void 0, "c1Neutral", "c4Neutral")({ theme })};
+  ${_chunkZBJ5SGHGcjs.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);

package/dist/{chunk-URWQ3CYE.cjs → chunk-RYYCR3ZU.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUU2HXWUQcjs = require('./chunk-UU2HXWUQ.cjs');
+var _chunk7M62SDCKcjs = require('./chunk-7M62SDCK.cjs');
 
 
-var _chunk6GF56M42cjs = require('./chunk-6GF56M42.cjs');
+var _chunkLXE7D3BHcjs = require('./chunk-LXE7D3BH.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkSLTSSCKDcjs = require('./chunk-SLTSSCKD.cjs');
 
 
-var _chunkCZJ6JPXBcjs = require('./chunk-CZJ6JPXB.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
 
@@ -39,7 +39,7 @@ var StringFilter = ({
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkCZJ6JPXBcjs.Button,
+      _chunkSLTSSCKDcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -59,8 +59,8 @@ var StringFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUU2HXWUQcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk6GF56M42cjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7M62SDCKcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkLXE7D3BHcjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/{chunk-5ZX74AVI.cjs → chunk-S4KEYOI2.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkKNFL6XU7cjs = require('./chunk-KNFL6XU7.cjs');
+var _chunkE5TWV5LLcjs = require('./chunk-E5TWV5LL.cjs');
 
 
-var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
+var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
 
 // src/components/SecretContainer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -22,12 +22,12 @@ function SecretContainer(props) {
         children: props.secret
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKNFL6XU7cjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE5TWV5LLcjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledSecretContainer, { hasSecret: false, children: "There are no tokens associated with this account" });
 }
 var StyledSecretContainer = _styled2.default.div`
   background-color: ${({ theme, hasSecret, success }) => hasSecret ? success ? theme.success : theme.c05Neutral : theme.bg};
-  ${_chunk545K27C4cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkZBJ5SGHGcjs.standardBorderRadius.call(void 0, 8)}
   padding: 18px 20px;
   color: ${({ theme, success }) => success ? theme.hcNeutral : theme.text};
   border: solid 1px

package/dist/{chunk-NPGGMT7Y.cjs → chunk-SBNH7H4Y.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
-var _chunk3LSZAQEVcjs = require('./chunk-3LSZAQEV.cjs');
+var _chunkGPBI55VOcjs = require('./chunk-GPBI55VO.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
@@ -37,7 +37,7 @@ function NextLink({
   const InternalNextLink = NextLinkRef.current;
   let content = children;
   if (text) {
-    content = typography ? _chunk3LSZAQEVcjs.renderTypography.call(void 0, typography.type, {
+    content = typography ? _chunkGPBI55VOcjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       children: text

package/dist/{chunk-UB6LSVS4.js → chunk-SKKI5OGT.js}

@@ -1,9 +1,9 @@
 import {
   GlobalStyles
-} from "./chunk-AE2DZLGM.js";
+} from "./chunk-DBOHABCM.js";
 import {
   themes
-} from "./chunk-GZILHEOA.js";
+} from "./chunk-CQKSDNQF.js";
 
 // src/components/LightsparkProvider.tsx
 import { ThemeProvider } from "@emotion/react";

package/dist/{chunk-D3WSMM2N.js → chunk-SLT7CSGY.js}

@@ -1,9 +1,9 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-H7KIUDPL.js";
+} from "./chunk-TYGUATM2.js";
 import {
   toReactNodes
-} from "./chunk-H37TWCVW.js";
+} from "./chunk-BQEN763M.js";
 
 // src/components/Checkbox.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-CZJ6JPXB.cjs → chunk-SLTSSCKD.cjs}

@@ -1,34 +1,34 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5VSTXVUIcjs = require('./chunk-5VSTXVUI.cjs');
+var _chunkPUWHPIPEcjs = require('./chunk-PUWHPIPE.cjs');
 
 
-var _chunkNCVALN33cjs = require('./chunk-NCVALN33.cjs');
+var _chunkQHBU2DKMcjs = require('./chunk-QHBU2DKM.cjs');
 
 
-var _chunkHUFS2MGGcjs = require('./chunk-HUFS2MGG.cjs');
+var _chunkTQRKKUR4cjs = require('./chunk-TQRKKUR4.cjs');
 
 
-var _chunkCKSZUZXJcjs = require('./chunk-CKSZUZXJ.cjs');
+var _chunkTRVU37HAcjs = require('./chunk-TRVU37HA.cjs');
 
 
-var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
+var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
 
 
-var _chunkT3LKI5VGcjs = require('./chunk-T3LKI5VG.cjs');
+var _chunkGMHCVXAKcjs = require('./chunk-GMHCVXAK.cjs');
 
 
-var _chunk3LSZAQEVcjs = require('./chunk-3LSZAQEV.cjs');
+var _chunkGPBI55VOcjs = require('./chunk-GPBI55VO.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkWUF4FEGOcjs = require('./chunk-WUF4FEGO.cjs');
+var _chunkCLCU75BPcjs = require('./chunk-CLCU75BP.cjs');
 
 
 
-var _chunkEGKT7YHPcjs = require('./chunk-EGKT7YHP.cjs');
+var _chunkYIAN5J2Dcjs = require('./chunk-YIAN5J2D.cjs');
 
 
 
@@ -65,17 +65,19 @@ var buttonKinds = [
   "gray",
   "grayGradient",
   "gray99",
-  "white21"
+  "white21",
+  "locked",
+  "warningLight"
 ];
 function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;
   const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
   let backgroundColorKey = defaultBackgroundColorKey;
-  if (!backgroundColorKey && _chunkEGKT7YHPcjs.isThemeOrColorKey.call(void 0, kind)) {
+  if (!backgroundColorKey && _chunkYIAN5J2Dcjs.isThemeOrColorKey.call(void 0, kind)) {
     backgroundColorKey = kind;
   }
   const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunkEGKT7YHPcjs.getBackgroundColor.call(void 0, 
+  const backgroundColor = _chunkYIAN5J2Dcjs.getBackgroundColor.call(void 0, 
     theme,
     backgroundColorKey,
     defaultBackgroundColor
@@ -219,7 +221,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         typography,
         kind,
         paddingX,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VSTXVUIcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPUWHPIPEcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -232,7 +234,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         kind,
         paddingX,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkCKSZUZXJcjs.Icon,
+          _chunkTRVU37HAcjs.Icon,
           _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, icon), {
             width: icon.width || defaultIconWidth,
             square: true,
@@ -261,7 +263,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              children: _chunk3LSZAQEVcjs.renderTypography.call(void 0, typography.type, {
+              children: _chunkGPBI55VOcjs.renderTypography.call(void 0, typography.type, {
                 children: text,
                 color: typography.color,
                 size
@@ -272,7 +274,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         ]
       })
     ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHUFS2MGGcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQHBU2DKMcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
   const commonProps = {
     id,
@@ -359,7 +361,7 @@ var buttonStyle = ({
 
     ${zIndex && `z-index: ${zIndex};`}
 
-    ${_chunkWUF4FEGOcjs.applyTypography.call(void 0, 
+    ${_chunkCLCU75BPcjs.applyTypography.call(void 0, 
     theme,
     typography.type,
     typography.size,
@@ -367,7 +369,7 @@ var buttonStyle = ({
   )}
 
     &:focus-visible {
-      outline: ${_chunk545K27C4cjs.getFocusOutline.call(void 0, { theme })};
+      outline: ${_chunkZBJ5SGHGcjs.getFocusOutline.call(void 0, { theme })};
       /* Slightly different offset for buttons so the outline is visible: */
       outline-offset: 0px;
     }
@@ -407,9 +409,9 @@ var ButtonIcon = _styled2.default.div`
   ${({ iconSide, paddingX }) => `${iconSide}: ${paddingX}px;`}
 `;
 var LinkWithoutTypography = _react3.forwardRef.call(void 0, (props, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkT3LKI5VGcjs.Link, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { ref }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGMHCVXAKcjs.Link, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { ref }));
 });
-var StyledButton = _styled2.default.call(void 0, _chunkNCVALN33cjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkTQRKKUR4cjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`

package/dist/{chunk-WX5R7NU7.cjs → chunk-SRAWECJ4.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk545K27C4cjs = require('./chunk-545K27C4.cjs');
+var _chunkZBJ5SGHGcjs = require('./chunk-ZBJ5SGHG.cjs');
 
 // src/styles/utils.tsx
 var _react = require('@emotion/react');
 function pxToRems(rems, asNum = false) {
-  const value = (rems / _chunk545K27C4cjs.rootFontSizePx).toFixed(6);
+  const value = (rems / _chunkZBJ5SGHGcjs.rootFontSizePx).toFixed(6);
   return asNum ? Number(value) : `${value}rem`;
 }
 function remsToPx(rems, asNum = false) {
-  const value = (_chunk545K27C4cjs.rootFontSizePx * rems).toFixed(6);
+  const value = (_chunkZBJ5SGHGcjs.rootFontSizePx * rems).toFixed(6);
   return asNum ? Number(value) : `${value}px`;
 }
 var extend = (...args) => _react.css.call(void 0, ...args);

package/dist/{chunk-UWUYLGY7.cjs → chunk-SVDR3U75.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkHX2DWADBcjs = require('./chunk-HX2DWADB.cjs');
+var _chunkNCM5HYV3cjs = require('./chunk-NCM5HYV3.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, _chunkHX2DWADBcjs.StatusIndicator, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props.status)),
+      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNCM5HYV3cjs.StatusIndicator, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props.status)),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeaderTitle, { children: props.title })
     ] }),
     props.children