@lightsparkdev/ui 1.1.7 → 1.1.9

package/dist/{chunk-XRD5BULW.js → chunk-CPKASWOZ.js}

@@ -1,77 +1,86 @@
+import {
+  Body
+} from "./chunk-ISGV3MEK.js";
 import {
   Table
-} from "./chunk-RTQK4CSK.js";
+} from "./chunk-CXHW5WVY.js";
+import {
+  DateFilter,
+  getDefaultDateFilterState
+} from "./chunk-YVTEZ5SS.js";
 import {
   EnumFilter,
   getDefaultEnumFilterState,
   isEnumFilterState
-} from "./chunk-DUEMFWEK.js";
+} from "./chunk-U6XO5P45.js";
 import {
   IdFilter,
   getDefaultIdFilterState,
   isIdFilterState
-} from "./chunk-O7SK3RRI.js";
+} from "./chunk-USVBT5DC.js";
 import {
   StringFilter,
   getDefaultStringFilterState,
   isStringFilterState
-} from "./chunk-5RGDFEUC.js";
+} from "./chunk-GWXTKZKQ.js";
 import {
   BooleanFilter,
   getDefaultBooleanFilterState
-} from "./chunk-RVOS6JKZ.js";
+} from "./chunk-RA6F22HB.js";
 import {
   CurrencyFilter,
   getDefaultCurrencyFilterState
-} from "./chunk-L5D2IWLC.js";
-import {
-  DateFilter,
-  getDefaultDateFilterState
-} from "./chunk-QGKO3BSU.js";
+} from "./chunk-AFMW2YGX.js";
 import {
   LabelModerate
-} from "./chunk-IWKBKK7I.js";
+} from "./chunk-OUJCEEMU.js";
 import {
   Label
-} from "./chunk-GNAZTAW4.js";
+} from "./chunk-KQH5FTRZ.js";
 import {
   Modal
-} from "./chunk-6K5CSUHE.js";
+} from "./chunk-MO6QVFYN.js";
 import {
   Dropdown
-} from "./chunk-GCOJSHU5.js";
-import {
-  TextIconAligner
-} from "./chunk-YE2E2BGP.js";
+} from "./chunk-Q7HEIBPF.js";
 import {
   CardPageFullWidth
-} from "./chunk-55JCVW4X.js";
+} from "./chunk-SUGPKMVE.js";
 import {
   StyledButtonRow
-} from "./chunk-PEQVLKCB.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
+} from "./chunk-6I36YUWQ.js";
 import {
   Button,
   StyledButton
-} from "./chunk-DIPFMCPK.js";
+} from "./chunk-HXJIJX6N.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
+import {
+  TextIconAligner
+} from "./chunk-AM2VWS5D.js";
+import {
+  Icon
+} from "./chunk-B25Y765K.js";
 import {
   standardBorderRadius,
   standardContentInset
-} from "./chunk-WN3TOABH.js";
+} from "./chunk-FS5ZY6RP.js";
 import {
   getColor,
   themeOr,
   themeOrWithKey
-} from "./chunk-E6PRWBTH.js";
+} from "./chunk-A2JXE76O.js";
 import {
   bp,
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
+import {
+  colors
+} from "./chunk-27AIQ3WT.js";
 import {
   __async,
   __spreadProps,
@@ -110,11 +119,13 @@ function initialFilterState(filters) {
   return state;
 }
 function DataManagerTable(props) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const isCardPageFullWidth = typeof props.cardPageFullWidth === "boolean" ? props.cardPageFullWidth : true;
   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 breakPoint = useBreakpoints();
-  const [pageSize, setPageSize] = useState(((_a = props.pageSizes) == null ? void 0 : _a[0]) || 20);
+  const [pageSize, setPageSize] = useState(((_c = props.pageSizes) == null ? void 0 : _c[0]) || 20);
   const [pageCursorState, setPageCursorState] = useState({
     startResult: void 0,
     nextPageCursor: props.nextPageCursor,
@@ -127,7 +138,7 @@ function DataManagerTable(props) {
     props.filterOptions ? initialFilterState(props.filterOptions.filters) : {}
   );
   const [fetchVariables, setFetchVariables] = useState(
-    ((_b = props.filterOptions) == null ? void 0 : _b.initialQueryVariables) || {}
+    ((_d = props.filterOptions) == null ? void 0 : _d.initialQueryVariables) || {}
   );
   const isSm = breakPoint.isSm();
   useEffect(() => {
@@ -311,6 +322,27 @@ function DataManagerTable(props) {
     }
     setIsLoading(false);
   });
+  const currentPage = Math.floor((pageCursorState.startResult || 0) / pageSize) + 1;
+  const handleChangePage = (page) => __async(this, null, function* () {
+    const pageCursorIndex = (page - 1) * pageSize + 1 - pageSize;
+    const cachedCursorState = pageCursorState.cursorCache[pageSize][pageCursorIndex];
+    if (!props.filterOptions || pageCursorIndex > 0 && !cachedCursorState || page === currentPage) {
+      return;
+    }
+    const { refetch } = props.filterOptions;
+    setIsLoading(true);
+    const newFetchVariables = __spreadProps(__spreadValues({}, fetchVariables), {
+      after: cachedCursorState
+    });
+    setFetchVariables(newFetchVariables);
+    try {
+      yield refetch(newFetchVariables);
+    } catch (e) {
+      setIsLoading(false);
+      throw e;
+    }
+    setIsLoading(false);
+  });
   const handleChangePageSize = (size) => __async(this, null, function* () {
     setPageSize(size);
     if (props.showMoreOptions) {
@@ -462,7 +494,7 @@ function DataManagerTable(props) {
     text: !isFilterButtonSmall ? `Filter${numFiltersApplied > 0 ? ` | ${numFiltersApplied}` : ""}` : void 0
   };
   if (props.filterOptions) {
-    const FilterContainerComponent = ((_c = props.customComponents) == null ? void 0 : _c.filterContainerComponent) || DataManagerTableFilterContainer;
+    const FilterContainerComponent = ((_e = props.customComponents) == null ? void 0 : _e.filterContainerComponent) || DataManagerTableFilterContainer;
     filters = /* @__PURE__ */ jsx(FilterContainerComponent, { children: isSm ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         Button,
@@ -498,10 +530,12 @@ function DataManagerTable(props) {
     ) });
   }
   let showMoreDropdown;
-  if (((_d = props.pageSizes) == null ? void 0 : _d.length) > 1) {
+  if (((_f = props.pageSizes) == null ? void 0 : _f.length) > 1) {
     showMoreDropdown = /* @__PURE__ */ jsx(
       Dropdown,
       {
+        align: "right",
+        verticalPlacement: "top",
         getCSS: ({ isOpen }) => ({
           height: "fit-content",
           alignSelf: "center"
@@ -516,7 +550,7 @@ function DataManagerTable(props) {
           getContent: ({ isOpen }) => /* @__PURE__ */ jsx(
             TextIconAligner,
             {
-              content: `Show ${pageSize} items`,
+              content: pageSizeString.replace("{pageSize}", `${pageSize}`),
               typography: { size: "ExtraSmall" },
               rightIcon: {
                 name: "Chevron",
@@ -555,9 +589,9 @@ function DataManagerTable(props) {
   } else if (props.resultCount) {
     const startResult = pageCursorState.startResult || 1;
     const endResult = Math.min(props.resultCount, startResult + pageSize - 1);
-    const isFullCount = (_e = props.isFullCount) != null ? _e : true;
+    const isFullCount = (_g = props.isFullCount) != null ? _g : true;
     const countString = isFullCount ? props.resultCount : props.resultCount + "+";
-    const resultsString = /* @__PURE__ */ jsxs("div", { children: [
+    const resultsString = ((_h = props.paginationDisplayOptions) == null ? void 0 : _h.showPageNumberButtons) ? /* @__PURE__ */ jsx("div", {}) : /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(Label, { children: "Viewing " }),
       /* @__PURE__ */ jsx(LabelModerate, { children: `${startResult}-${endResult}` }),
       /* @__PURE__ */ jsx(Label, { children: " of " }),
@@ -566,11 +600,93 @@ function DataManagerTable(props) {
     ] });
     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 = ((_i = props.paginationDisplayOptions) == null ? void 0 : _i.showPageNumberButtons) ? /* @__PURE__ */ jsxs(PageNumberPaginationButtonsContainer, { children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: {
+            name: "CentralChevronLeftSmall",
+            width: 24,
+            color: "text"
+          },
+          kind: "ghost",
+          paddingY: "short",
+          onClick: () => void handlePrev(),
+          disabled: !hasPrev
+        }
+      ),
+      pageNumbers.slice(0, 2).map((pageNumber) => /* @__PURE__ */ jsx(
+        PageNumberButton,
+        {
+          onClick: () => void handleChangePage(pageNumber + 1),
+          isCurrentPage: currentPage === pageNumber + 1,
+          children: /* @__PURE__ */ jsx(Body, { content: `${pageNumber + 1}` })
+        },
+        pageNumber
+      )),
+      pageNumbers.length > 4 && currentPage - 2 > 1 && /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: "CentralDotGrid1x3Horizontal",
+          width: 18,
+          ml: 7,
+          mr: 7,
+          color: "text"
+        }
+      ),
+      currentPage - 1 > 1 && currentPage < pageNumbers.length && /* @__PURE__ */ jsx(
+        PageNumberButton,
+        {
+          isCurrentPage: true,
+          onClick: () => void handleChangePage(currentPage),
+          children: /* @__PURE__ */ jsx(Body, { content: `${currentPage}` })
+        },
+        currentPage
+      ),
+      pageNumbers.length > 4 && currentPage + 1 < pageNumbers.length && /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: "CentralDotGrid1x3Horizontal",
+          width: 18,
+          ml: 7,
+          mr: 7,
+          color: "text"
+        }
+      ),
+      pageNumbers.length > 4 && /* @__PURE__ */ jsx(
+        PageNumberButton,
+        {
+          isCurrentPage: currentPage === pageNumbers.length,
+          onClick: () => void handleChangePage(pageNumbers.length),
+          children: /* @__PURE__ */ jsx(Body, { content: `${pageNumbers.length}` })
+        },
+        pageNumbers.length
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: {
+            name: "CentralChevronRightSmall",
+            width: 24,
+            color: "text"
+          },
+          kind: "ghost",
+          paddingY: "short",
+          onClick: () => void handleNext(),
+          disabled: !hasNext
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx(Fragment2, {});
     footer = /* @__PURE__ */ jsxs(DataManagerTableFooter, { children: [
       resultsString,
+      pageNumberButtons,
       /* @__PURE__ */ jsxs(PaginationContainer, { children: [
         showMoreDropdown,
-        /* @__PURE__ */ jsxs(PaginationButtonsContainer, { children: [
+        showPaginationPreviousNext && /* @__PURE__ */ jsxs(PaginationButtonsContainer, { children: [
           /* @__PURE__ */ jsx(
             Button,
             {
@@ -597,7 +713,7 @@ function DataManagerTable(props) {
       ] })
     ] });
   }
-  const DataManagerTableHeaderComponent = ((_f = props.customComponents) == null ? void 0 : _f.dataManagerTableHeaderComponent) || DataManagerTableHeader;
+  const DataManagerTableHeaderComponent = ((_j = props.customComponents) == null ? void 0 : _j.dataManagerTableHeaderComponent) || DataManagerTableHeader;
   const content = /* @__PURE__ */ jsxs(Fragment2, { children: [
     props.showHeader && /* @__PURE__ */ jsxs(DataManagerTableHeaderComponent, { children: [
       props.header,
@@ -657,6 +773,32 @@ var PaginationButtonsContainer = styled.div`
   margin-left: ${Spacing.px.md};
   gap: ${Spacing.px.xs};
 `;
+var PageNumberPaginationButtonsContainer = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`;
+var PageNumberButton = styled.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  padding: 0;
+  cursor: pointer;
+  ${standardBorderRadius(8)}
+  border: none;
+  background-color: transparent;
+  &:hover {
+    background-color: ${colors["black-04"]};
+  }
+  &:active {
+    background-color: ${colors["black-10"]};
+  }
+  ${({ isCurrentPage }) => isCurrentPage ? `
+      border: 0.5px solid ${colors["black-10"]};
+    ` : ""}
+`;
 var DataManagerTableFilterContainer = styled.div`
   position: absolute;
   z-index: 3;

package/dist/{chunk-RTQK4CSK.js → chunk-CXHW5WVY.js}

@@ -1,36 +1,36 @@
 import {
   InfoIconTooltip
-} from "./chunk-BC6JBILA.js";
+} from "./chunk-HT3KUS3T.js";
 import {
-  ClipboardTextField
-} from "./chunk-W4PBGNUS.js";
+  Loading
+} from "./chunk-J2GJE5NF.js";
 import {
-  useClipboard
-} from "./chunk-QHODHUW2.js";
+  ClipboardTextField
+} from "./chunk-2KHATXM2.js";
 import {
   lineClamp,
   overflowAutoWithoutScrollbars
-} from "./chunk-VGEA6GWH.js";
-import {
-  Loading
-} from "./chunk-YIDZ3OLQ.js";
+} from "./chunk-DAUERVKA.js";
 import {
   Icon
-} from "./chunk-ULBM562P.js";
+} from "./chunk-B25Y765K.js";
 import {
   standardContentInset
-} from "./chunk-WN3TOABH.js";
+} from "./chunk-FS5ZY6RP.js";
 import {
   Link,
   replaceParams,
   useNavigate
-} from "./chunk-Q3JHDXTD.js";
+} from "./chunk-5UPPV33W.js";
 import {
   themeOrWithKey
-} from "./chunk-E6PRWBTH.js";
+} from "./chunk-A2JXE76O.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-D7ECHM7Q.cjs

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/icons/central/Moon.tsx
+var _jsxruntime = require('@emotion/react/jsx-runtime');
+function Moon({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "path",
+    {
+      d: "M21.2481 11.8112C20.1889 12.56 18.8958 13 17.5 13C13.9101 13 11 10.0899 11 6.5C11 5.10416 11.44 3.81108 12.1888 2.75189C12.126 2.75063 12.0631 2.75 12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 11.9369 21.2494 11.874 21.2481 11.8112Z",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin
+    }
+  ) });
+}
+
+
+
+exports.Moon = Moon;

package/dist/{chunk-VGEA6GWH.js → chunk-DAUERVKA.js}

@@ -1,6 +1,6 @@
 import {
   rootFontSizePx
-} from "./chunk-WN3TOABH.js";
+} from "./chunk-FS5ZY6RP.js";
 
 // src/styles/utils.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-MPYYQYRW.js → chunk-DBEADUB6.js}

@@ -1,25 +1,25 @@
 import {
   TextInput
-} from "./chunk-P4VV6HNR.js";
-import {
-  InputSubtext,
-  inputBlockStyle
-} from "./chunk-ETT5SJWI.js";
+} from "./chunk-ZQUQC77P.js";
 import {
   Pill
-} from "./chunk-6AUEGL3W.js";
+} from "./chunk-7MUYMEDK.js";
 import {
-  useClipboard
-} from "./chunk-QHODHUW2.js";
+  InputSubtext,
+  inputBlockStyle
+} from "./chunk-Y6EGXS3L.js";
 import {
   UnstyledButton
-} from "./chunk-XTM7UKRH.js";
+} from "./chunk-Y6MK2KM4.js";
 import {
   Icon
-} from "./chunk-ULBM562P.js";
+} from "./chunk-B25Y765K.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
+import {
+  useClipboard
+} from "./chunk-QHODHUW2.js";
 import {
   __async
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-RLNRSFMM.cjs → chunk-DCOJ2RN7.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkM3XFUYAIcjs = require('./chunk-M3XFUYAI.cjs');
+var _chunkJEVPAUBWcjs = require('./chunk-JEVPAUBW.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -68,46 +68,46 @@ var baseHeading = ({ mt, mb, mtSm, mbSm, theme }) => _react.css`
     margin-bottom: ${mbSm}px;
   `)}
 `;
-var firstChildStyles = _chunkM3XFUYAIcjs.firstChild.call(void 0, `margin-top: 0;`);
+var firstChildStyles = _chunkJEVPAUBWcjs.firstChild.call(void 0, `margin-top: 0;`);
 var headings = {
   h1: _styled2.default.h1`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
+    font-size: ${_chunkJEVPAUBWcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
     font-weight: ${({ light }) => light ? 400 : 800}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
+      font-size: ${_chunkJEVPAUBWcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
     `)}
   `,
   h2: _styled2.default.h2`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
+    font-size: ${_chunkJEVPAUBWcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
     font-weight: ${({ light }) => light ? 400 : 700}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
+      font-size: ${_chunkJEVPAUBWcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
     `)}
   `,
   h3: _styled2.default.h3`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
+    font-size: ${_chunkJEVPAUBWcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
     font-weight: ${({ light }) => light ? 400 : 700}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
+      font-size: ${_chunkJEVPAUBWcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
     `)}
   `,
   h4: _styled2.default.h4`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
+    font-size: ${_chunkJEVPAUBWcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
     font-weight: ${({ light }) => light ? 400 : 600}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkM3XFUYAIcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
+      font-size: ${_chunkJEVPAUBWcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
     `)}
   `
 };

package/dist/{chunk-V6UIH4TR.cjs → chunk-DI6H3X7U.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkA2GMDI24cjs = require('./chunk-A2GMDI24.cjs');
+var _chunkUGLV6KNBcjs = require('./chunk-UGLV6KNB.cjs');
 
 
-var _chunkYKLD5HW5cjs = require('./chunk-YKLD5HW5.cjs');
+var _chunkBB4ZAFU4cjs = require('./chunk-BB4ZAFU4.cjs');
 
 
-var _chunkMJXCSZKAcjs = require('./chunk-MJXCSZKA.cjs');
+var _chunk4PZLEYONcjs = require('./chunk-4PZLEYON.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
@@ -45,12 +45,12 @@ var CopyToClipboardButton = (props) => {
         "data-tooltip-id": id,
         children: [
           props.children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Children, { children: props.children }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMJXCSZKAcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4PZLEYONcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
         ]
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYKLD5HW5cjs.Tooltip,
+      _chunkUGLV6KNBcjs.Tooltip,
       {
         id,
         place: props.place || "right",
@@ -62,7 +62,7 @@ var CopyToClipboardButton = (props) => {
 var Children = _styled2.default.span`
   margin-right: 4px;
 `;
-var Button = _styled2.default.call(void 0, _chunkA2GMDI24cjs.UnstyledButton)`
+var Button = _styled2.default.call(void 0, _chunkBB4ZAFU4cjs.UnstyledButton)`
   background: rgba(0, 0, 0, 0);
   vertical-align: middle;
   ${({ ml }) => ml ? `margin-left: ${ml}px` : ""};

package/dist/{chunk-44INWNYU.cjs → chunk-DM4IMFRP.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkGFBLAQGWcjs = require('./chunk-GFBLAQGW.cjs');
+var _chunkMUKJKRVUcjs = require('./chunk-MUKJKRVU.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -30,7 +30,7 @@ function Radio({
         onChange: handleRadioClick
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGFBLAQGWcjs.Label, { children: option.label })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMUKJKRVUcjs.Label, { children: option.label })
   ] }, option.label)) });
 }
 var RadioContainer = _styled2.default.div`

package/dist/{chunk-LVBDY6BV.cjs → chunk-DOKNK6V6.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkV6UIH4TRcjs = require('./chunk-V6UIH4TR.cjs');
+var _chunkDI6H3X7Ucjs = require('./chunk-DI6H3X7U.cjs');
 
 
-var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
+var _chunkYSMG5R44cjs = require('./chunk-YSMG5R44.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, _chunkV6UIH4TRcjs.CopyToClipboardButton, { value: props.secret, isSm: true, ml: 4 })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDI6H3X7Ucjs.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};
-  ${_chunk7OVH56SPcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkYSMG5R44cjs.standardBorderRadius.call(void 0, 8)}
   padding: 18px 20px;
   color: ${({ theme, success }) => success ? theme.hcNeutral : theme.text};
   border: solid 1px

package/dist/{chunk-GLKMRHMA.cjs → chunk-DQJULSDG.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkM67CAR2Ncjs = require('./chunk-M67CAR2N.cjs');
+var _chunkCPJPM464cjs = require('./chunk-CPJPM464.cjs');
 
 
-var _chunk44INWNYUcjs = require('./chunk-44INWNYU.cjs');
+var _chunkDM4IMFRPcjs = require('./chunk-DM4IMFRP.cjs');
 
 
 
@@ -22,8 +22,8 @@ var BooleanFilter = ({
   state,
   label
 }) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkM67CAR2Ncjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk44INWNYUcjs.Radio,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCPJPM464cjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkDM4IMFRPcjs.Radio,
     {
       radioOptions: [
         { label: "Yes" /* YES */ },

package/dist/{chunk-7KUZZVR6.js → chunk-EIRGCDOY.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-5QARHWIH.js";
+} from "./chunk-BBA4F3CO.js";
 import {
   StyledOverline,
   getPropDefaults
-} from "./chunk-KS75CQAK.js";
+} from "./chunk-BPWTCJ32.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-NBT2XMK2.js → chunk-EL6WCAV7.js}

@@ -2,7 +2,7 @@ import {
   InputSubtext,
   Label,
   textInputStyle
-} from "./chunk-ETT5SJWI.js";
+} from "./chunk-Y6EGXS3L.js";
 
 // src/components/TextArea.tsx
 import styled from "@emotion/styled";