@lightsparkdev/ui 1.1.1 → 1.1.2

package/dist/{chunk-526OLTGI.cjs → chunk-HE4WT5SV.cjs}

@@ -1,73 +1,73 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkDUQKLYWWcjs = require('./chunk-DUQKLYWW.cjs');
+var _chunkMN5Q5ZWWcjs = require('./chunk-MN5Q5ZWW.cjs');
 
 
 
 
-var _chunkDTK72LXNcjs = require('./chunk-DTK72LXN.cjs');
+var _chunkIQY5S5EKcjs = require('./chunk-IQY5S5EK.cjs');
 
 
 
 
-var _chunkCSAM3DBScjs = require('./chunk-CSAM3DBS.cjs');
+var _chunk3MZK3ZMDcjs = require('./chunk-3MZK3ZMD.cjs');
 
 
 
-var _chunk5CJJZ7YMcjs = require('./chunk-5CJJZ7YM.cjs');
 
+var _chunkUSPBIYUDcjs = require('./chunk-USPBIYUD.cjs');
 
 
-var _chunkS6DFYJPAcjs = require('./chunk-S6DFYJPA.cjs');
 
+var _chunkVXDAV2SRcjs = require('./chunk-VXDAV2SR.cjs');
 
 
-var _chunk6SKXUGXKcjs = require('./chunk-6SKXUGXK.cjs');
 
+var _chunkOCQLKC7Acjs = require('./chunk-OCQLKC7A.cjs');
 
 
 
-var _chunkYWIW4JSQcjs = require('./chunk-YWIW4JSQ.cjs');
+var _chunkZZCE6TWBcjs = require('./chunk-ZZCE6TWB.cjs');
 
 
-var _chunkH6A7QINFcjs = require('./chunk-H6A7QINF.cjs');
+var _chunkFXOJZHWYcjs = require('./chunk-FXOJZHWY.cjs');
 
 
-var _chunkDGBVWO3Qcjs = require('./chunk-DGBVWO3Q.cjs');
+var _chunkUCBR2BN2cjs = require('./chunk-UCBR2BN2.cjs');
 
 
-var _chunk2X7TY7WFcjs = require('./chunk-2X7TY7WF.cjs');
+var _chunkX3JGXIPScjs = require('./chunk-X3JGXIPS.cjs');
 
 
-var _chunkNVOTWDEFcjs = require('./chunk-NVOTWDEF.cjs');
+var _chunk5YGMTJV7cjs = require('./chunk-5YGMTJV7.cjs');
 
 
-var _chunk6S5BDYYOcjs = require('./chunk-6S5BDYYO.cjs');
+var _chunkQHNM7Q2Kcjs = require('./chunk-QHNM7Q2K.cjs');
 
 
-var _chunkVDSQAXIMcjs = require('./chunk-VDSQAXIM.cjs');
+var _chunkONDWVTIAcjs = require('./chunk-ONDWVTIA.cjs');
 
 
+var _chunkTXKJAPBDcjs = require('./chunk-TXKJAPBD.cjs');
 
-var _chunkVXW4GOMOcjs = require('./chunk-VXW4GOMO.cjs');
 
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkECFNSLYPcjs = require('./chunk-ECFNSLYP.cjs');
 
 
-var _chunk5LO7RI2Dcjs = require('./chunk-5LO7RI2D.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
 
 
@@ -85,17 +85,17 @@ var _jsxruntime = require('@emotion/react/jsx-runtime');
 function getDefaultFilterState(filter) {
   switch (filter.type) {
     case "date" /* DATE */:
-      return _chunk6SKXUGXKcjs.getDefaultDateFilterState.call(void 0, );
+      return _chunkZZCE6TWBcjs.getDefaultDateFilterState.call(void 0, );
     case "enum" /* ENUM */:
-      return _chunkYWIW4JSQcjs.getDefaultEnumFilterState.call(void 0, );
+      return _chunkIQY5S5EKcjs.getDefaultEnumFilterState.call(void 0, );
     case "string" /* STRING */:
-      return _chunkCSAM3DBScjs.getDefaultStringFilterState.call(void 0, );
+      return _chunkUSPBIYUDcjs.getDefaultStringFilterState.call(void 0, );
     case "id" /* ID */:
-      return _chunkDTK72LXNcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
+      return _chunk3MZK3ZMDcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
     case "boolean" /* BOOLEAN */:
-      return _chunk5CJJZ7YMcjs.getDefaultBooleanFilterState.call(void 0, );
+      return _chunkVXDAV2SRcjs.getDefaultBooleanFilterState.call(void 0, );
     case "currency" /* CURRENCY */:
-      return _chunkS6DFYJPAcjs.getDefaultCurrencyFilterState.call(void 0, );
+      return _chunkOCQLKC7Acjs.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 (_chunkDTK72LXNcjs.isIdFilterState.call(void 0, filterState)) {
+          if (_chunk3MZK3ZMDcjs.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 (_chunkCSAM3DBScjs.isStringFilterState.call(void 0, filterState)) {
+      if (_chunkUSPBIYUDcjs.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)(_chunkCSAM3DBScjs.getDefaultStringFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunkUSPBIYUDcjs.getDefaultStringFilterState.call(void 0, ));
           filterState.isApplied = false;
         }
-      } else if (_chunkYWIW4JSQcjs.isEnumFilterState.call(void 0, filterState)) {
+      } else if (_chunkIQY5S5EKcjs.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)(_chunkYWIW4JSQcjs.getDefaultEnumFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunkIQY5S5EKcjs.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, 
-          _chunk6SKXUGXKcjs.DateFilter,
+          _chunkZZCE6TWBcjs.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, 
-          _chunkYWIW4JSQcjs.EnumFilter,
+          _chunkIQY5S5EKcjs.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, 
-          _chunkCSAM3DBScjs.StringFilter,
+          _chunkUSPBIYUDcjs.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, 
-          _chunkDTK72LXNcjs.IdFilter,
+          _chunk3MZK3ZMDcjs.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, 
-          _chunk5CJJZ7YMcjs.BooleanFilter,
+          _chunkVXDAV2SRcjs.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, 
-          _chunkS6DFYJPAcjs.CurrencyFilter,
+          _chunkOCQLKC7Acjs.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, _chunkVXW4GOMOcjs.Button, { text: "Clear", onClick: handleClearFilters }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkECFNSLYPcjs.Button, { text: "Clear", onClick: handleClearFilters }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContentFooterRight, { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVXW4GOMOcjs.Button, { text: "Cancel", onClick: () => setShowFilters(false) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVXW4GOMOcjs.Button, { text: "Apply", kind: "primary", onClick: onApply })
+            /* @__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 })
           ] })
         ] })
       ]
@@ -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, 
-        _chunkVXW4GOMOcjs.Button,
+        _chunkECFNSLYPcjs.Button,
         _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonButtonProps), {
           onClick: () => setShowFilters(!showFilters)
         })
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk2X7TY7WFcjs.Modal,
+        _chunkX3JGXIPScjs.Modal,
         {
           visible: showFilters,
           onClose: () => setShowFilters(false),
@@ -479,7 +479,7 @@ function DataManagerTable(props) {
         }
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNVOTWDEFcjs.Dropdown,
+      _chunk5YGMTJV7cjs.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, 
-      _chunkNVOTWDEFcjs.Dropdown,
+      _chunk5YGMTJV7cjs.Dropdown,
       {
         getCSS: ({ isOpen }) => ({
           height: "fit-content",
@@ -513,7 +513,7 @@ function DataManagerTable(props) {
             width: "100%"
           }),
           getContent: ({ isOpen }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk5LO7RI2Dcjs.TextIconAligner,
+            _chunkQHNM7Q2Kcjs.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, 
-        _chunkVXW4GOMOcjs.Button,
+        _chunkECFNSLYPcjs.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, _chunkDGBVWO3Qcjs.Label, { children: "Viewing " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH6A7QINFcjs.LabelModerate, { children: `${startResult}-${endResult}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGBVWO3Qcjs.Label, { children: " of " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH6A7QINFcjs.LabelModerate, { children: `${countString}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGBVWO3Qcjs.Label, { children: " results" })
+      /* @__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" })
     ] });
     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, 
-            _chunkVXW4GOMOcjs.Button,
+            _chunkECFNSLYPcjs.Button,
             {
               text: "Previous",
               paddingY: "short",
@@ -582,7 +582,7 @@ function DataManagerTable(props) {
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkVXW4GOMOcjs.Button,
+            _chunkECFNSLYPcjs.Button,
             {
               text: "Next",
               paddingY: "short",
@@ -601,24 +601,24 @@ function DataManagerTable(props) {
       props.header,
       filters
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDUQKLYWWcjs.Table, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { loading: isLoading })),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMN5Q5ZWWcjs.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, _chunk6S5BDYYOcjs.CardPageFullWidth, { css: { marginTop: `${cardPageMt}px` }, children: content }) : content });
+  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 });
 }
 var StyledDataManagerTable = _styled2.default.div``;
 var commonPadding = `
   ${_chunkKW3JYLRIcjs.bp.lg(`
-  padding-left: ${_chunkU35SY546cjs.standardContentInset.lgPx}px;
-  padding-right: ${_chunkU35SY546cjs.standardContentInset.lgPx}px;
+  padding-left: ${_chunkO6BZRC56cjs.standardContentInset.lgPx}px;
+  padding-right: ${_chunkO6BZRC56cjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-  padding-left: ${_chunkU35SY546cjs.standardContentInset.smPx}px;
-  padding-right: ${_chunkU35SY546cjs.standardContentInset.smPx}px;
+  padding-left: ${_chunkO6BZRC56cjs.standardContentInset.smPx}px;
+  padding-right: ${_chunkO6BZRC56cjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-  padding-left: ${_chunkU35SY546cjs.standardContentInset.minSmMaxLgPx}px;
-  padding-right: ${_chunkU35SY546cjs.standardContentInset.minSmMaxLgPx}px;
+  padding-left: ${_chunkO6BZRC56cjs.standardContentInset.minSmMaxLgPx}px;
+  padding-right: ${_chunkO6BZRC56cjs.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};
 
-  ${_chunkVXW4GOMOcjs.StyledButton} {
+  ${_chunkECFNSLYPcjs.StyledButton} {
     align-self: end;
   }
 `;
@@ -657,12 +657,12 @@ var DataManagerTableFilterContainer = _styled2.default.div`
   position: absolute;
   z-index: 3;
   right: 0;
-  ${_chunkVDSQAXIMcjs.StyledButtonRow} + & {
+  ${_chunkTXKJAPBDcjs.StyledButtonRow} + & {
     background: linear-gradient(
       to right,
-      ${({ theme }) => _chunkXUEKQQJVcjs.themeOr.call(void 0, "rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0)")({ theme })}
+      ${({ theme }) => _chunkQI7YHMJZcjs.themeOr.call(void 0, "rgba(0, 0, 0, 0)", "rgba(0, 0, 0, 0)")({ theme })}
         0%,
-      ${({ theme }) => _chunkXUEKQQJVcjs.getColor.call(void 0, theme, "bg")} 15%
+      ${({ theme }) => _chunkQI7YHMJZcjs.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 }) => _chunkXUEKQQJVcjs.themeOrWithKey.call(void 0, "c1Neutral", "c4Neutral")({ theme })};
-  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 12)}
+    ${({ theme }) => _chunkQI7YHMJZcjs.themeOrWithKey.call(void 0, "c1Neutral", "c4Neutral")({ theme })};
+  ${_chunkO6BZRC56cjs.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-XK6WXVWL.js → chunk-HIT2FCXS.js}

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

package/dist/{chunk-ANZUTQRP.js → chunk-HQN2LS2G.js}

@@ -1,12 +1,12 @@
 import {
   themeOr
-} from "./chunk-33OPRYWV.js";
+} from "./chunk-NF6LGARO.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   darkGradient
-} from "./chunk-WAGTMEWB.js";
+} from "./chunk-QPO3F72O.js";
 
 // src/styles/common.tsx
 import { css } from "@emotion/react";
@@ -15,12 +15,12 @@ var rootFontSizePx = 12;
 var rootFontSizeRems = rootFontSizePx / 16;
 var standardLineHeightEms = 1.21;
 var headingContentMarginPx = 30;
-function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx) {
+function buildStandardContentInset(smPx, minSmMaxLgPx, lgPx, smDontAdjustWidth = false) {
   const smCSS = css`
     ${bp.sm(`
       margin-left: auto;
       margin-right: auto;
-      width: calc(100% - ${smPx * 2}px);
+      width: ${smDontAdjustWidth ? "100%" : `calc(100% - ${smPx * 2}px)`};
     `)}
   `;
   const minSmMaxLgCSS = css`

package/dist/{chunk-2NFFDKIX.js → chunk-HTCBI467.js}

@@ -1,18 +1,18 @@
+import {
+  flexCenter
+} from "./chunk-YWNKHN46.js";
 import {
   Loading
-} from "./chunk-WW3KFUFD.js";
+} from "./chunk-4D4LDRA5.js";
 import {
   UnstyledButton
-} from "./chunk-3HIDFTSK.js";
-import {
-  flexCenter
-} from "./chunk-KKGZ47R3.js";
+} from "./chunk-BJP4OTMN.js";
 import {
   Icon
-} from "./chunk-YTKSEJHA.js";
+} from "./chunk-JWFDHULW.js";
 import {
   colors
-} from "./chunk-WAGTMEWB.js";
+} from "./chunk-QPO3F72O.js";
 
 // src/components/Pill.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-6N7XRYZD.cjs → chunk-HW7ECH4N.cjs}

@@ -1,21 +1,24 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var _chunkKOGW3LJCcjs = require('./chunk-KOGW3LJC.cjs');
+
+
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 
-var _chunkHEMGZE2Gcjs = require('./chunk-HEMGZE2G.cjs');
+var _chunkLDNG63AKcjs = require('./chunk-LDNG63AK.cjs');
 
 
 
 
-var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
 
-var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
+var _chunkGICIJWP3cjs = require('./chunk-GICIJWP3.cjs');
 
 // src/styles/fields.tsx
 var _react = require('@emotion/react');
@@ -30,16 +33,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunkXUEKQQJVcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
+  border-color: ${_chunkQI7YHMJZcjs.themeOr.call(void 0, theme.c1Neutral, theme.mcNeutral)({ theme })};
 `;
 var inputBlockStyle = ({
   theme,
   hasValue,
   hasError
 }) => _react.css`
-  ${_chunkU35SY546cjs.subtext.call(void 0, { theme })}
+  ${_chunkO6BZRC56cjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunkU35SY546cjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -55,8 +58,8 @@ var textInputPlaceholderColor = ({ theme }) => theme.c4Neutral;
 var textInputFontWeight = 600;
 var textInputPaddingPx = 12;
 var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunkXUEKQQJVcjs.isBridge.call(void 0, theme) ? _chunkK7HWTEGPcjs.colors.gray4 : _chunkXUEKQQJVcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunkXUEKQQJVcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
+var textInputBorderColor = ({ theme }) => _chunkQI7YHMJZcjs.isBridge.call(void 0, theme) ? _chunkGICIJWP3cjs.colors.gray4 : _chunkQI7YHMJZcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
+var textInputBorderColorFocused = ({ theme }) => _chunkQI7YHMJZcjs.themeOr.call(void 0, theme.hcNeutral, theme.hcNeutral)({ theme });
 var textInputActiveStyles = ({
   theme,
   paddingLeftPx,
@@ -67,7 +70,7 @@ var textInputActiveStyles = ({
   activeOutlineColor
 }) => {
   if (activeOutline) {
-    const outlineColor = activeOutlineColor ? _chunkXUEKQQJVcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
+    const outlineColor = activeOutlineColor ? _chunkQI7YHMJZcjs.getColor.call(void 0, theme, activeOutlineColor) : textInputBorderColorFocused({ theme });
     return _react.css`
       outline: 2px solid ${outlineColor};
       outline-offset: 2px;
@@ -126,7 +129,7 @@ var textInputStyle = ({
   line-height: 22px;
   outline: none;
 
-  ${_chunkHEMGZE2Gcjs.applyTypography.call(void 0, 
+  ${_chunkLDNG63AKcjs.applyTypography.call(void 0, 
     theme,
     (typography == null ? void 0 : typography.type) || defaultTextInputTypography.type,
     (typography == null ? void 0 : typography.size) || defaultTextInputTypography.size,
@@ -190,14 +193,18 @@ var aboveFieldError = ({
 var inputSubtextSeconds = 0.25;
 function InputSubtext({
   text,
+  content,
   hasError = false,
-  tooltipId
+  hasSuccess = false,
+  tooltipId,
+  hideNonErrorsIfBlurred = false,
+  focused = false
 }) {
   const timeoutRef = _react3.useRef.call(void 0, null);
   const [subtext2, setSubtext] = _react3.useState.call(void 0, text);
   const [visible, setVisible] = _react3.useState.call(void 0, Boolean(text));
   _react3.useLayoutEffect.call(void 0, () => {
-    if (text) {
+    if (text || content) {
       setSubtext(text);
       setVisible(true);
       if (timeoutRef.current) {
@@ -209,20 +216,34 @@ function InputSubtext({
         setSubtext(void 0);
       }, inputSubtextSeconds * 1e3);
     }
-  }, [text]);
+  }, [text, content]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     StyledInputSubtext,
     {
-      visible,
+      visible: visible && (hasError || focused || !hideNonErrorsIfBlurred),
       hasError,
+      hasSuccess,
       cursorPointer: Boolean(tooltipId),
-      children: tooltipId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-tooltip-id": tooltipId, children: subtext2 }) : subtext2
+      usingContent: content !== void 0,
+      children: tooltipId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "data-tooltip-id": tooltipId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputSubtextContent, { text: subtext2, content }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InputSubtextContent, { text: subtext2, content })
     }
   );
 }
+function InputSubtextContent({
+  text,
+  content
+}) {
+  if (content) {
+    return content;
+  }
+  if (typeof text === "string") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: text });
+  }
+  return _chunkKOGW3LJCcjs.toReactNodes.call(void 0, text);
+}
 var StyledInputSubtext = _styled2.default.div`
   margin-top: ${({ visible }) => visible ? "8px" : "0px"};
-  margin-left: ${({ visible }) => visible ? "8px" : "0px"};
+  margin-left: ${({ visible, usingContent }) => visible && !usingContent ? "8px" : "0px"};
   font-size: 12px;
   font-size: ${({ visible }) => visible ? "12px" : "0px"};
   opacity: ${({ visible }) => visible ? "1" : "0"};
@@ -231,7 +252,7 @@ var StyledInputSubtext = _styled2.default.div`
     font-size ${inputSubtextSeconds}s cubic-bezier(0.25, 0.87, 0.56, 1.23),
     opacity ${inputSubtextSeconds * 0.8}s cubic-bezier(0.25, 0.87, 0.56, 1.23),
     margin ${inputSubtextSeconds}s cubic-bezier(0.25, 0.87, 0.56, 1.23);
-  color: ${({ hasError, theme }) => hasError ? theme.danger : theme.text};
+  color: ${({ hasError, hasSuccess, theme }) => hasError ? theme.danger : hasSuccess ? theme.success : theme.text};
   cursor: ${({ cursorPointer }) => cursorPointer ? "pointer" : "auto"};
 `;
 var labelStyle = ({
@@ -251,11 +272,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunkU35SY546cjs.subtext}
+  ${_chunkO6BZRC56cjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunkU35SY546cjs.subtext}
+  ${_chunkO6BZRC56cjs.subtext}
   ${labelStyle}
 `;