@lightsparkdev/ui 1.1.0 → 1.1.2

package/dist/{chunk-DS3M2OKG.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 _chunkGUNROE4Mcjs = require('./chunk-GUNROE4M.cjs');
+var _chunkMN5Q5ZWWcjs = require('./chunk-MN5Q5ZWW.cjs');
 
 
 
-var _chunkIX53L44Fcjs = require('./chunk-IX53L44F.cjs');
 
+var _chunkIQY5S5EKcjs = require('./chunk-IQY5S5EK.cjs');
 
 
 
-var _chunkLUZE4HE4cjs = require('./chunk-LUZE4HE4.cjs');
 
+var _chunk3MZK3ZMDcjs = require('./chunk-3MZK3ZMD.cjs');
 
 
 
-var _chunk6TE5F544cjs = require('./chunk-6TE5F544.cjs');
 
+var _chunkUSPBIYUDcjs = require('./chunk-USPBIYUD.cjs');
 
 
 
-var _chunk2RMXFIOScjs = require('./chunk-2RMXFIOS.cjs');
+var _chunkVXDAV2SRcjs = require('./chunk-VXDAV2SR.cjs');
 
 
 
-var _chunkPUBEIMRNcjs = require('./chunk-PUBEIMRN.cjs');
+var _chunkOCQLKC7Acjs = require('./chunk-OCQLKC7A.cjs');
 
 
 
-var _chunkW3ZPMDKPcjs = require('./chunk-W3ZPMDKP.cjs');
+var _chunkZZCE6TWBcjs = require('./chunk-ZZCE6TWB.cjs');
 
 
-var _chunkF65DFJX5cjs = require('./chunk-F65DFJX5.cjs');
+var _chunkFXOJZHWYcjs = require('./chunk-FXOJZHWY.cjs');
 
 
-var _chunkB2B6IYJHcjs = require('./chunk-B2B6IYJH.cjs');
+var _chunkUCBR2BN2cjs = require('./chunk-UCBR2BN2.cjs');
 
 
-var _chunkFCPL3OSGcjs = require('./chunk-FCPL3OSG.cjs');
+var _chunkX3JGXIPScjs = require('./chunk-X3JGXIPS.cjs');
 
 
-var _chunkQRRADIPNcjs = require('./chunk-QRRADIPN.cjs');
+var _chunk5YGMTJV7cjs = require('./chunk-5YGMTJV7.cjs');
 
 
-var _chunkEYKKYK5Bcjs = require('./chunk-EYKKYK5B.cjs');
+var _chunkQHNM7Q2Kcjs = require('./chunk-QHNM7Q2K.cjs');
 
 
-var _chunkDSRVIFSUcjs = require('./chunk-DSRVIFSU.cjs');
+var _chunkONDWVTIAcjs = require('./chunk-ONDWVTIA.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkTXKJAPBDcjs = require('./chunk-TXKJAPBD.cjs');
 
 
-var _chunkAUDNFE2Mcjs = require('./chunk-AUDNFE2M.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
 
-var _chunk4UFYMBJKcjs = require('./chunk-4UFYMBJK.cjs');
+var _chunkECFNSLYPcjs = require('./chunk-ECFNSLYP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
 
 
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.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 _chunkIX53L44Fcjs.getDefaultDateFilterState.call(void 0, );
+      return _chunkZZCE6TWBcjs.getDefaultDateFilterState.call(void 0, );
     case "enum" /* ENUM */:
-      return _chunkLUZE4HE4cjs.getDefaultEnumFilterState.call(void 0, );
+      return _chunkIQY5S5EKcjs.getDefaultEnumFilterState.call(void 0, );
     case "string" /* STRING */:
-      return _chunk2RMXFIOScjs.getDefaultStringFilterState.call(void 0, );
+      return _chunkUSPBIYUDcjs.getDefaultStringFilterState.call(void 0, );
     case "id" /* ID */:
-      return _chunk6TE5F544cjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
+      return _chunk3MZK3ZMDcjs.getDefaultIdFilterState.call(void 0, filter.allowedEntities);
     case "boolean" /* BOOLEAN */:
-      return _chunkPUBEIMRNcjs.getDefaultBooleanFilterState.call(void 0, );
+      return _chunkVXDAV2SRcjs.getDefaultBooleanFilterState.call(void 0, );
     case "currency" /* CURRENCY */:
-      return _chunkW3ZPMDKPcjs.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 (_chunk6TE5F544cjs.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 (_chunk2RMXFIOScjs.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)(_chunk2RMXFIOScjs.getDefaultStringFilterState.call(void 0, ));
+          updateFilterState(filter)(_chunkUSPBIYUDcjs.getDefaultStringFilterState.call(void 0, ));
           filterState.isApplied = false;
         }
-      } else if (_chunkLUZE4HE4cjs.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)(_chunkLUZE4HE4cjs.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, 
-          _chunkIX53L44Fcjs.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, 
-          _chunkLUZE4HE4cjs.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, 
-          _chunk2RMXFIOScjs.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, 
-          _chunk6TE5F544cjs.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, 
-          _chunkPUBEIMRNcjs.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, 
-          _chunkW3ZPMDKPcjs.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, _chunk4UFYMBJKcjs.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, _chunk4UFYMBJKcjs.Button, { text: "Cancel", onClick: () => setShowFilters(false) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4UFYMBJKcjs.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, 
-        _chunk4UFYMBJKcjs.Button,
+        _chunkECFNSLYPcjs.Button,
         _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonButtonProps), {
           onClick: () => setShowFilters(!showFilters)
         })
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkFCPL3OSGcjs.Modal,
+        _chunkX3JGXIPScjs.Modal,
         {
           visible: showFilters,
           onClose: () => setShowFilters(false),
@@ -479,7 +479,7 @@ function DataManagerTable(props) {
         }
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQRRADIPNcjs.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, 
-      _chunkQRRADIPNcjs.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, 
-            _chunkAUDNFE2Mcjs.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, 
-        _chunk4UFYMBJKcjs.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, _chunkB2B6IYJHcjs.Label, { children: "Viewing " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF65DFJX5cjs.LabelModerate, { children: `${startResult}-${endResult}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB2B6IYJHcjs.Label, { children: " of " }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkF65DFJX5cjs.LabelModerate, { children: `${countString}` }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkB2B6IYJHcjs.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, 
-            _chunk4UFYMBJKcjs.Button,
+            _chunkECFNSLYPcjs.Button,
             {
               text: "Previous",
               paddingY: "short",
@@ -582,7 +582,7 @@ function DataManagerTable(props) {
             }
           ),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk4UFYMBJKcjs.Button,
+            _chunkECFNSLYPcjs.Button,
             {
               text: "Next",
               paddingY: "short",
@@ -601,24 +601,24 @@ function DataManagerTable(props) {
       props.header,
       filters
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGUNROE4Mcjs.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, _chunkEYKKYK5Bcjs.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: ${_chunkFPQ2OUYXcjs.standardContentInset.lgPx}px;
-  padding-right: ${_chunkFPQ2OUYXcjs.standardContentInset.lgPx}px;
+  padding-left: ${_chunkO6BZRC56cjs.standardContentInset.lgPx}px;
+  padding-right: ${_chunkO6BZRC56cjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-  padding-left: ${_chunkFPQ2OUYXcjs.standardContentInset.smPx}px;
-  padding-right: ${_chunkFPQ2OUYXcjs.standardContentInset.smPx}px;
+  padding-left: ${_chunkO6BZRC56cjs.standardContentInset.smPx}px;
+  padding-right: ${_chunkO6BZRC56cjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-  padding-left: ${_chunkFPQ2OUYXcjs.standardContentInset.minSmMaxLgPx}px;
-  padding-right: ${_chunkFPQ2OUYXcjs.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};
 
-  ${_chunk4UFYMBJKcjs.StyledButton} {
+  ${_chunkECFNSLYPcjs.StyledButton} {
     align-self: end;
   }
 `;
@@ -657,12 +657,12 @@ var DataManagerTableFilterContainer = _styled2.default.div`
   position: absolute;
   z-index: 3;
   right: 0;
-  ${_chunkDSRVIFSUcjs.StyledButtonRow} + & {
+  ${_chunkTXKJAPBDcjs.StyledButtonRow} + & {
     background: linear-gradient(
       to right,
-      ${({ theme }) => _chunkHGCI5IAMcjs.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 }) => _chunkHGCI5IAMcjs.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 }) => _chunkHGCI5IAMcjs.themeOrWithKey.call(void 0, "c1Neutral", "c4Neutral")({ theme })};
-  ${_chunkFPQ2OUYXcjs.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-VTCBLFGU.js → chunk-HIT2FCXS.js}

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

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

@@ -1,12 +1,12 @@
 import {
   themeOr
-} from "./chunk-AM7EMJXN.js";
+} from "./chunk-NF6LGARO.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
 import {
   darkGradient
-} from "./chunk-YJIIP7IY.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-ITYZTIJS.js → chunk-HTCBI467.js}

@@ -1,18 +1,18 @@
 import {
   flexCenter
-} from "./chunk-RKAVKJX6.js";
+} from "./chunk-YWNKHN46.js";
 import {
   Loading
-} from "./chunk-MYRSWJPJ.js";
+} from "./chunk-4D4LDRA5.js";
 import {
   UnstyledButton
-} from "./chunk-Z6I64NIF.js";
+} from "./chunk-BJP4OTMN.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-JWFDHULW.js";
 import {
   colors
-} from "./chunk-YJIIP7IY.js";
+} from "./chunk-QPO3F72O.js";
 
 // src/components/Pill.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-2PI3XHGD.cjs → chunk-HW7ECH4N.cjs}

@@ -1,17 +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 _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
+
+
+var _chunkLDNG63AKcjs = require('./chunk-LDNG63AK.cjs');
 
 
-var _chunkDO3PWX7Qcjs = require('./chunk-DO3PWX7Q.cjs');
 
 
+var _chunkQI7YHMJZcjs = require('./chunk-QI7YHMJZ.cjs');
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+
+var _chunkGICIJWP3cjs = require('./chunk-GICIJWP3.cjs');
 
 // src/styles/fields.tsx
 var _react = require('@emotion/react');
@@ -26,16 +33,16 @@ var formButtonTopMarginStyle = _react.css`
   margin-top: ${formButtonTopMargin};
 `;
 var standardBorderColor = ({ theme }) => _react.css`
-  border-color: ${_chunkHGCI5IAMcjs.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`
-  ${_chunkFPQ2OUYXcjs.subtext.call(void 0, { theme })}
+  ${_chunkO6BZRC56cjs.subtext.call(void 0, { theme })}
   ${standardBorderColor({ theme })}
-  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 8)}
   background-color: ${theme.bg};
   border-width: 2px;
   display: flex;
@@ -49,20 +56,21 @@ var inputBlockStyle = ({
 `;
 var textInputPlaceholderColor = ({ theme }) => theme.c4Neutral;
 var textInputFontWeight = 600;
-var textInputBorderRadiusPx = 8;
 var textInputPaddingPx = 12;
 var textInputPadding = `${textInputPaddingPx}px`;
-var textInputBorderColor = ({ theme }) => _chunkHGCI5IAMcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme });
-var textInputBorderColorFocused = ({ theme }) => _chunkHGCI5IAMcjs.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,
   paddingRightPx,
+  paddingTopPx,
+  paddingBottomPx,
   activeOutline,
   activeOutlineColor
 }) => {
   if (activeOutline) {
-    const outlineColor = activeOutlineColor ? _chunkHGCI5IAMcjs.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;
@@ -75,6 +83,8 @@ var textInputActiveStyles = ({
     padding: ${textInputPaddingPx - 1}px;
     ${paddingLeftPx ? `padding-left: ${paddingLeftPx - 1}px;` : ""}
     ${paddingRightPx ? `padding-right: ${paddingRightPx - 1}px;` : ""}
+    ${paddingTopPx ? `padding-top: ${paddingTopPx - 1}px;` : ""}
+    ${paddingBottomPx ? `padding-bottom: ${paddingBottomPx - 1}px;` : ""}
   `;
 };
 var defaultTextInputTypography = {
@@ -94,11 +104,12 @@ var textInputStyle = ({
   activeOutline,
   activeOutlineColor,
   typography,
-  borderRadius
+  borderRadius,
+  borderWidth
 }) => {
   var _a;
   return _react.css`
-  border-radius: ${borderRadius === "round" ? "999" : textInputBorderRadiusPx}px;
+  border-radius: ${borderRadius != null ? borderRadius : 8}px;
   background-color: ${disabled ? theme.vlcNeutral : theme.inputBackground};
   cursor: ${disabled ? "not-allowed" : "auto"};
   box-sizing: border-box;
@@ -113,12 +124,12 @@ var textInputStyle = ({
   ${paddingTopPx ? `padding-top: ${paddingTopPx - (hasError ? 1 : 0)}px;` : ""}
   ${paddingBottomPx ? `padding-bottom: ${paddingBottomPx - (hasError ? 1 : 0)}px;` : ""}
   border-style: solid;
-  border-width: ${hasError ? "2" : "1"}px;
+  border-width: ${hasError ? "2" : borderWidth !== void 0 ? borderWidth : "1"}px;
   border-color: ${hasError ? theme.danger : textInputBorderColor({ theme })};
   line-height: 22px;
   outline: none;
 
-  ${_chunkDO3PWX7Qcjs.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,
@@ -135,6 +146,8 @@ var textInputStyle = ({
     theme,
     paddingLeftPx,
     paddingRightPx,
+    paddingTopPx,
+    paddingBottomPx,
     activeOutline,
     activeOutlineColor
   })}
@@ -144,6 +157,8 @@ var textInputStyle = ({
     theme,
     paddingLeftPx,
     paddingRightPx,
+    paddingTopPx,
+    paddingBottomPx,
     activeOutline,
     activeOutlineColor
   })}
@@ -178,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) {
@@ -197,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"};
@@ -219,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 = ({
@@ -239,11 +272,11 @@ var labelStyle = ({
   }
 `;
 var Label = _styled2.default.label`
-  ${_chunkFPQ2OUYXcjs.subtext}
+  ${_chunkO6BZRC56cjs.subtext}
   ${labelStyle}
 `;
 var LabelDiv = _styled2.default.div`
-  ${_chunkFPQ2OUYXcjs.subtext}
+  ${_chunkO6BZRC56cjs.subtext}
   ${labelStyle}
 `;
 
@@ -270,5 +303,4 @@ var LabelDiv = _styled2.default.div`
 
 
 
-
-exports.maxFieldWidth = maxFieldWidth; exports.fieldWidth = fieldWidth; exports.inputSpacingPx = inputSpacingPx; exports.formButtonTopMargin = formButtonTopMargin; exports.formButtonTopMarginStyle = formButtonTopMarginStyle; exports.standardBorderColor = standardBorderColor; exports.inputBlockStyle = inputBlockStyle; exports.textInputPlaceholderColor = textInputPlaceholderColor; exports.textInputFontWeight = textInputFontWeight; exports.textInputBorderRadiusPx = textInputBorderRadiusPx; exports.textInputPaddingPx = textInputPaddingPx; exports.textInputPadding = textInputPadding; exports.textInputBorderColor = textInputBorderColor; exports.textInputBorderColorFocused = textInputBorderColorFocused; exports.defaultTextInputTypography = defaultTextInputTypography; exports.textInputStyle = textInputStyle; exports.FieldError = FieldError; exports.aboveFieldError = aboveFieldError; exports.InputSubtext = InputSubtext; exports.StyledInputSubtext = StyledInputSubtext; exports.labelStyle = labelStyle; exports.Label = Label; exports.LabelDiv = LabelDiv;
+exports.maxFieldWidth = maxFieldWidth; exports.fieldWidth = fieldWidth; exports.inputSpacingPx = inputSpacingPx; exports.formButtonTopMargin = formButtonTopMargin; exports.formButtonTopMarginStyle = formButtonTopMarginStyle; exports.standardBorderColor = standardBorderColor; exports.inputBlockStyle = inputBlockStyle; exports.textInputPlaceholderColor = textInputPlaceholderColor; exports.textInputFontWeight = textInputFontWeight; exports.textInputPaddingPx = textInputPaddingPx; exports.textInputPadding = textInputPadding; exports.textInputBorderColor = textInputBorderColor; exports.textInputBorderColorFocused = textInputBorderColorFocused; exports.defaultTextInputTypography = defaultTextInputTypography; exports.textInputStyle = textInputStyle; exports.FieldError = FieldError; exports.aboveFieldError = aboveFieldError; exports.InputSubtext = InputSubtext; exports.StyledInputSubtext = StyledInputSubtext; exports.labelStyle = labelStyle; exports.Label = Label; exports.LabelDiv = LabelDiv;