@lightsparkdev/ui 1.1.7 → 1.1.8

package/dist/{chunk-5P6PJTN6.cjs → chunk-BQ53GQTH.cjs}

@@ -1,37 +1,37 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZNVX25MRcjs = require('./chunk-ZNVX25MR.cjs');
+var _chunkIJ6X4KFScjs = require('./chunk-IJ6X4KFS.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkM3XFUYAIcjs = require('./chunk-M3XFUYAI.cjs');
+var _chunkUMXCOSIJcjs = require('./chunk-UMXCOSIJ.cjs');
 
 
-var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
+var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
 
 
-var _chunkSODJEMWRcjs = require('./chunk-SODJEMWR.cjs');
+var _chunkARZVYBQPcjs = require('./chunk-ARZVYBQP.cjs');
 
 
-var _chunkVV4CH5FCcjs = require('./chunk-VV4CH5FC.cjs');
+var _chunkZYHUGCHMcjs = require('./chunk-ZYHUGCHM.cjs');
 
 
-var _chunkD2AWXXQHcjs = require('./chunk-D2AWXXQH.cjs');
+var _chunkWJEGS5N3cjs = require('./chunk-WJEGS5N3.cjs');
 
 
-var _chunkD6NIAGQPcjs = require('./chunk-D6NIAGQP.cjs');
 
+var _chunkPSZDKHGGcjs = require('./chunk-PSZDKHGG.cjs');
 
 
-var _chunkKUUBBEGCcjs = require('./chunk-KUUBBEGC.cjs');
+var _chunkE2KMCAZ5cjs = require('./chunk-E2KMCAZ5.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunk6J2NXBLBcjs = require('./chunk-6J2NXBLB.cjs');
+var _chunkN6HLM4KCcjs = require('./chunk-N6HLM4KC.cjs');
 
 
 var _chunk2J2ZDWLFcjs = require('./chunk-2J2ZDWLF.cjs');
@@ -50,53 +50,53 @@ function Article({ defaultTypography, children }) {
   );
 }
 var StyledArticle = _styled2.default.article`
-  ${({ theme, type, size }) => _chunk6J2NXBLBcjs.getTypographyString.call(void 0, theme, type, size)}
+  ${({ theme, type, size }) => _chunkN6HLM4KCcjs.getTypographyString.call(void 0, theme, type, size)}
 
-  ${_chunkD2AWXXQHcjs.displaySelector.call(void 0, "h1")} {
+  ${_chunkWJEGS5N3cjs.displaySelector.call(void 0, "h1")} {
     margin: 0;
   }
 
-  ${_chunkKUUBBEGCcjs.headlineSelector.call(void 0, "h1")} {
+  ${_chunkPSZDKHGGcjs.headlineSelector.call(void 0, "h1")} {
     margin: 0;
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunkKUUBBEGCcjs.headlineSelector.call(void 0, "h2")} {
+  ${_chunkPSZDKHGGcjs.headlineSelector.call(void 0, "h2")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkKUUBBEGCcjs.headlineSelector.call(void 0, "h3")} {
+  ${_chunkPSZDKHGGcjs.headlineSelector.call(void 0, "h3")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkKUUBBEGCcjs.headlineSelector.call(void 0, "h4")} {
+  ${_chunkPSZDKHGGcjs.headlineSelector.call(void 0, "h4")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkKUUBBEGCcjs.headlineSelector.call(void 0, "h5")} {
+  ${_chunkPSZDKHGGcjs.headlineSelector.call(void 0, "h5")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunkKUUBBEGCcjs.headlineSelector.call(void 0, "h6")} {
+  ${_chunkPSZDKHGGcjs.headlineSelector.call(void 0, "h6")} {
     padding-top: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]};
     padding-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin: 0;
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkD6NIAGQPcjs.StyledBody)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkE2KMCAZ5cjs.StyledBody)} {
     margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
     margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
   }
 
-  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkZNVX25MRcjs.StyledContentTable)} {
+  ${_chunk6VA4SAHQcjs.select.call(void 0, _chunkIJ6X4KFScjs.StyledContentTable)} {
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["2xl"]} 0;
   }
 
@@ -110,9 +110,9 @@ var StyledArticle = _styled2.default.article`
     font-weight: 700;
   }
 
-  *:not(${_chunkKUUBBEGCcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkSODJEMWRcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkVV4CH5FCcjs.StyledCode)})
+  *:not(${_chunkPSZDKHGGcjs.ALL_HEADLINE_SELECTORS},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkARZVYBQPcjs.StyledTitle)},${_chunk6VA4SAHQcjs.select.call(void 0, _chunkZYHUGCHMcjs.StyledCode)})
     > a {
-    ${({ theme }) => _chunk6J2NXBLBcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
+    ${({ theme }) => _chunkN6HLM4KCcjs.getTypographyString.call(void 0, theme, "Label Strong", "Large")}
     font-size: inherit;
     color: ${({ theme }) => theme.link};
   }
@@ -128,14 +128,14 @@ var StyledArticle = _styled2.default.article`
   }
 
   li {
-    ${({ theme }) => _chunk6J2NXBLBcjs.getTypographyString.call(void 0, theme, "Body", "Medium")}
+    ${({ theme }) => _chunkN6HLM4KCcjs.getTypographyString.call(void 0, theme, "Body", "Medium")}
     :not(:last-child) {
       margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px["3xs"]};
     }
   }
 
   code:not([class|="language"]) {
-    ${({ theme }) => _chunk6J2NXBLBcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
+    ${({ theme }) => _chunkN6HLM4KCcjs.getTypographyString.call(void 0, theme, "Code", "Medium")}
     background: ${_chunk2J2ZDWLFcjs.colors.grayBlue94};
     padding: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]} ${_chunkZUAO4DW3cjs.Spacing.px["2xs"]};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px["4xs"]};
@@ -143,7 +143,7 @@ var StyledArticle = _styled2.default.article`
   }
 
   pre[class|="language"] {
-    ${_chunk7OVH56SPcjs.standardBorderRadius.call(void 0, 8)}
+    ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 8)}
     width: 100%;
     padding: ${_chunkZUAO4DW3cjs.Spacing.px.md} ${_chunkZUAO4DW3cjs.Spacing.px.lg};
     margin: ${_chunkZUAO4DW3cjs.Spacing.px.md} 0;
@@ -152,9 +152,9 @@ var StyledArticle = _styled2.default.article`
   // Must match specificity of prismjs to get proper line height!
   pre[class|="language"],
   code[class|="language"] {
-    ${({ theme }) => _chunk6J2NXBLBcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
+    ${({ theme }) => _chunkN6HLM4KCcjs.getTypographyString.call(void 0, theme, "Code", "Small")}
 
-    ${_chunkM3XFUYAIcjs.overflowAutoWithoutScrollbars}
+    ${_chunkUMXCOSIJcjs.overflowAutoWithoutScrollbars}
   }
 
   blockquote {

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

@@ -1,77 +1,86 @@
+import {
+  Body
+} from "./chunk-2ISDPHR2.js";
 import {
   Table
-} from "./chunk-RTQK4CSK.js";
+} from "./chunk-KYMNXYGA.js";
+import {
+  DateFilter,
+  getDefaultDateFilterState
+} from "./chunk-S654EVGY.js";
 import {
   EnumFilter,
   getDefaultEnumFilterState,
   isEnumFilterState
-} from "./chunk-DUEMFWEK.js";
+} from "./chunk-PE5VPTE7.js";
 import {
   IdFilter,
   getDefaultIdFilterState,
   isIdFilterState
-} from "./chunk-O7SK3RRI.js";
+} from "./chunk-LVFRXL5V.js";
 import {
   StringFilter,
   getDefaultStringFilterState,
   isStringFilterState
-} from "./chunk-5RGDFEUC.js";
+} from "./chunk-RLAOH7NA.js";
 import {
   BooleanFilter,
   getDefaultBooleanFilterState
-} from "./chunk-RVOS6JKZ.js";
+} from "./chunk-MF2LAPAH.js";
 import {
   CurrencyFilter,
   getDefaultCurrencyFilterState
-} from "./chunk-L5D2IWLC.js";
-import {
-  DateFilter,
-  getDefaultDateFilterState
-} from "./chunk-QGKO3BSU.js";
+} from "./chunk-AIHJ6BXO.js";
 import {
   LabelModerate
-} from "./chunk-IWKBKK7I.js";
+} from "./chunk-GTUR5PQO.js";
 import {
   Label
-} from "./chunk-GNAZTAW4.js";
+} from "./chunk-XSN4IRUE.js";
 import {
   Modal
-} from "./chunk-6K5CSUHE.js";
+} from "./chunk-4ST6OTON.js";
 import {
   Dropdown
-} from "./chunk-GCOJSHU5.js";
-import {
-  TextIconAligner
-} from "./chunk-YE2E2BGP.js";
+} from "./chunk-B7HUWFEI.js";
 import {
   CardPageFullWidth
-} from "./chunk-55JCVW4X.js";
+} from "./chunk-BYQUJQ5Y.js";
 import {
   StyledButtonRow
-} from "./chunk-PEQVLKCB.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
+} from "./chunk-KRYOR3UG.js";
 import {
   Button,
   StyledButton
-} from "./chunk-DIPFMCPK.js";
+} from "./chunk-2MB6EJ7Z.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
+import {
+  TextIconAligner
+} from "./chunk-7577MJVJ.js";
+import {
+  Icon
+} from "./chunk-U6AUAZQA.js";
 import {
   standardBorderRadius,
   standardContentInset
-} from "./chunk-WN3TOABH.js";
+} from "./chunk-33BECMKR.js";
 import {
   getColor,
   themeOr,
   themeOrWithKey
-} from "./chunk-E6PRWBTH.js";
+} from "./chunk-2JNM2KTT.js";
 import {
   bp,
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
+import {
+  colors
+} from "./chunk-5J7O4QVA.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,29 @@ 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 {
+    border: 0.5px solid ${colors["black-10"]};
+  }
+  ${({ isCurrentPage }) => isCurrentPage ? `
+      border: 0.5px solid ${colors["black-10"]};
+    ` : ""}
+`;
 var DataManagerTableFilterContainer = styled.div`
   position: absolute;
   z-index: 3;

package/dist/{chunk-GAQTBBZD.js → chunk-BVJA3O5M.js}

@@ -1,9 +1,9 @@
 import {
   CopyToClipboardButton
-} from "./chunk-56EI65NJ.js";
+} from "./chunk-2V62CWB4.js";
 import {
   standardBorderRadius
-} from "./chunk-WN3TOABH.js";
+} from "./chunk-33BECMKR.js";
 
 // src/components/SecretContainer.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-55JCVW4X.js → chunk-BYQUJQ5Y.js}

@@ -1,17 +1,17 @@
 import {
   Heading
-} from "./chunk-ZWGYBBTM.js";
+} from "./chunk-YBLHOQFS.js";
 import {
   StyledButtonRow
-} from "./chunk-PEQVLKCB.js";
+} from "./chunk-KRYOR3UG.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
 import {
   flexCenter,
   overflowAutoWithoutScrollbars,
   size
-} from "./chunk-VGEA6GWH.js";
-import {
-  z
-} from "./chunk-55OQPFLF.js";
+} from "./chunk-AGHCD2FL.js";
 import {
   cardBorderRadiusPx,
   darkGradientBg,
@@ -19,10 +19,10 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-WN3TOABH.js";
+} from "./chunk-33BECMKR.js";
 import {
   themeOr
-} from "./chunk-E6PRWBTH.js";
+} from "./chunk-2JNM2KTT.js";
 import {
   bp,
   useBreakpoints

package/dist/{chunk-T2JYWOH2.cjs → chunk-C3FY5BQC.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk7PHETHJZcjs = require('./chunk-7PHETHJZ.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
 
 
 
-var _chunk7OVH56SPcjs = require('./chunk-7OVH56SP.cjs');
+var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
 
 
-var _chunkPV3W724Ecjs = require('./chunk-PV3W724E.cjs');
+var _chunk6SDFZ57Lcjs = require('./chunk-6SDFZ57L.cjs');
 
 
 
 
-var _chunkCDAUKAQHcjs = require('./chunk-CDAUKAQH.cjs');
+var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
 
 
 var _chunk2J2ZDWLFcjs = require('./chunk-2J2ZDWLF.cjs');
@@ -33,16 +33,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunkCDAUKAQHcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
+  border-color: ${_chunkLPTWQ2KPcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
 `;
 var inputBlockStyle = ({
   theme,
   hasValue,
   hasError
 }) => _react.css`
-  ${_chunk7OVH56SPcjs.subtext.call(void 0, { theme })}
+  ${_chunkUL22WLXRcjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunk7OVH56SPcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -58,8 +58,8 @@ var textInputPlaceholderColor = ({ theme }) => theme.c4Neutral;
 var textInputFontWeight = 600;
 var textInputPaddingPx = 12;
 var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunkCDAUKAQHcjs.isBridge.call(void 0, theme) ? _chunk2J2ZDWLFcjs.colors.gray4 : _chunkCDAUKAQHcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunkCDAUKAQHcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
+var textInputBorderColor = ({ theme }) => _chunkLPTWQ2KPcjs.isBridge.call(void 0, theme) ? _chunk2J2ZDWLFcjs.colors.gray4 : _chunkLPTWQ2KPcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
+var textInputBorderColorFocused = ({ theme }) => _chunkLPTWQ2KPcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
 var textInputActiveStyles = ({
   theme,
   paddingLeftPx,
@@ -70,7 +70,7 @@ var textInputActiveStyles = ({
   activeOutlineColor
 }) => {
   if (activeOutline) {
-    const outlineColor = activeOutlineColor ? _chunkCDAUKAQHcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
+    const outlineColor = activeOutlineColor ? _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
     return _react.css`
       outline: 2px solid ${outlineColor};
       outline-offset: 2px;
@@ -129,7 +129,7 @@ var textInputStyle = ({
   line-height: 22px;
   outline: none;
 
-  ${_chunkPV3W724Ecjs.applyTypography.call(void 0, 
+  ${_chunk6SDFZ57Lcjs.applyTypography.call(void 0, 
     theme,
     (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
     (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
@@ -239,7 +239,7 @@ function InputSubtextContent({
   if (typeof text === "string") {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: text });
   }
-  return _chunk7PHETHJZcjs.toReactNodes.call(void 0, text);
+  return _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, text);
 }
 var StyledInputSubtext = _styled2.default.div`
   margin-top: ${({ visible }) => visible ? "8px" : "0px"};
@@ -272,11 +272,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunk7OVH56SPcjs.subtext}
+  ${_chunkUL22WLXRcjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunk7OVH56SPcjs.subtext}
+  ${_chunkUL22WLXRcjs.subtext}
   ${labelStyle}
 `;
 

package/dist/{chunk-K3EZDBME.js → chunk-C3I42MEE.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-67GVLM7K.js";
+} from "./chunk-XIWXA6GF.js";
 import {
   __objRest,
   __spreadProps,