@lightsparkdev/ui 1.1.10 → 1.1.12

package/dist/{chunk-ZVVEPCBU.js → chunk-WUV4EYLL.js}

@@ -1,40 +1,43 @@
 import {
   InfoIconTooltip
-} from "./chunk-LW7PUO7V.js";
+} from "./chunk-MMLF3WCN.js";
 import {
-  ClipboardTextField
-} from "./chunk-ZOIGYYOQ.js";
+  Dropdown
+} from "./chunk-I6KZ6OZC.js";
 import {
-  useClipboard
-} from "./chunk-QHODHUW2.js";
+  Loading
+} from "./chunk-C2CVRXBV.js";
+import {
+  ClipboardTextField
+} from "./chunk-N4KUQ4VE.js";
 import {
   lineClamp,
   overflowAutoWithoutScrollbars
-} from "./chunk-FAWI3ZGU.js";
-import {
-  Loading
-} from "./chunk-YNCTWF7N.js";
+} from "./chunk-V2DVHIHR.js";
 import {
   Icon
-} from "./chunk-DMPXNHDT.js";
+} from "./chunk-6UZRKYFG.js";
 import {
   standardContentInset
-} from "./chunk-HGZGGJQB.js";
+} from "./chunk-F5UEJLZY.js";
 import {
   Link,
   replaceParams,
   useNavigate
-} from "./chunk-SWMGDTQN.js";
+} from "./chunk-X5XLAM3D.js";
 import {
   themeOrWithKey
-} from "./chunk-VAH342U2.js";
+} from "./chunk-EE47JMIS.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
+import {
+  useClipboard
+} from "./chunk-NFQP7P3D.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/Table/Table.tsx
 import { css } from "@emotion/react";
@@ -71,8 +74,11 @@ function Table({
   emptyState,
   clipboardCallbacks,
   customComponents,
+  tripleDotsMenuItems,
   rowHoverEffect = "border",
-  minHeight = 300
+  minHeight = 300,
+  loadingStyle = { style: "spinner" },
+  fullHeight = false
 }) {
   const navigate = useNavigate();
   const [sorting, setSorting] = useState([]);
@@ -100,6 +106,9 @@ function Table({
       accessorKey: column.accessorKey.toString(),
       cell: (context) => {
         var _a, _b;
+        if (column.function && typeof column.function === "function") {
+          return column.function(context);
+        }
         const value = context.getValue();
         let content = null;
         let icon = null;
@@ -234,6 +243,28 @@ function Table({
       customComponents
     ]
   );
+  if (tripleDotsMenuItems) {
+    mappedColumns.push({
+      header: (context) => "",
+      accessorKey: "tripleDots",
+      cell: (context) => /* @__PURE__ */ jsx(
+        Dropdown,
+        {
+          button: {
+            icon: {
+              name: "CentralDotGrid1x3Vertical"
+            },
+            kind: "ghost"
+          },
+          align: "right",
+          dropdownItems: (tripleDotsMenuItems == null ? void 0 : tripleDotsMenuItems.map((item) => ({
+            label: item.text,
+            onClick: () => item.onClick(context.row.original)
+          }))) || []
+        }
+      )
+    });
+  }
   const tableInstance = useReactTable({
     columns: mappedColumns,
     data,
@@ -270,27 +301,25 @@ function Table({
       ) }, header.id)) }, headerGroup.id);
     })
   });
-  const tbody = /* @__PURE__ */ jsx("tbody", {
-    // Loop over the table rows
-    children: tableInstance.getRowModel().rows.map((row) => {
-      return /* @__PURE__ */ jsx(
-        "tr",
-        {
-          onClick: (event) => onClickDataRow(event, row),
-          onKeyDown: (event) => {
-            if (event.key === "Enter") {
-              onClickDataRow(event, row);
-            }
-          },
-          tabIndex: 0,
-          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx("td", { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+  const tbody = /* @__PURE__ */ jsx("tbody", { children: (!loading || ["none", "spinner"].includes(loadingStyle.style)) && // Loop over the table rows
+  tableInstance.getRowModel().rows.map((row) => {
+    return /* @__PURE__ */ jsx(
+      "tr",
+      {
+        onClick: (event) => onClickDataRow(event, row),
+        onKeyDown: (event) => {
+          if (event.key === "Enter") {
+            onClickDataRow(event, row);
+          }
         },
-        row.id
-      );
-    })
-  });
+        tabIndex: 0,
+        children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx("td", { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+      },
+      row.id
+    );
+  }) });
   const TableComponent = (customComponents == null ? void 0 : customComponents.table) || StyledTable;
-  return /* @__PURE__ */ jsxs(TableWrapper, { minHeight, children: [
+  return /* @__PURE__ */ jsxs(TableWrapper, { minHeight, fullHeight, children: [
     /* @__PURE__ */ jsxs(
       TableComponent,
       {
@@ -302,14 +331,48 @@ function Table({
         ]
       }
     ),
-    emptyState,
-    loading && /* @__PURE__ */ jsx(Loading, {})
+    !loading && emptyState,
+    loading && loadingStyle.style === "spinner" && /* @__PURE__ */ jsx(Loading, {}),
+    loading && loadingStyle.style === "progress-bar" && /* @__PURE__ */ jsx(ProgressBar, { timeMs: loadingStyle.timeMs })
   ] });
 }
+function ProgressBar({ timeMs }) {
+  return /* @__PURE__ */ jsx(ProgressBarContainer, { children: /* @__PURE__ */ jsx(ProgressBarInner, { timeMs }) });
+}
+var ProgressBarContainer = styled.div`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 280px;
+  height: 3px;
+  background: ${({ theme }) => theme.bg};
+`;
+var ProgressBarInner = styled.div`
+  height: 100%;
+  background: ${({ theme }) => theme.text};
+
+  @keyframes progressBar {
+    0% {
+      width: 0%;
+    }
+    50% {
+      width: 90%;
+    }
+    100% {
+      width: 95%;
+    }
+  }
+
+  animation: progressBar ${({ timeMs }) => timeMs}ms ease-out forwards;
+`;
 var TableWrapper = styled.div`
   position: relative;
   min-height: ${({ minHeight }) => minHeight}px;
   ${overflowAutoWithoutScrollbars}
+  ${({ fullHeight }) => fullHeight && css`
+      height: 100%;
+    `}
 `;
 var hoverCellStyles = css`
   cursor: pointer;

package/dist/{chunk-XQCQI6PV.js → chunk-X4QADUZD.js}

@@ -1,40 +1,40 @@
 import {
   StyledContentTable
-} from "./chunk-Y3Y43TZD.js";
+} from "./chunk-TC3IMK5Y.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-FAWI3ZGU.js";
+} from "./chunk-V2DVHIHR.js";
 import {
   standardBorderRadius
-} from "./chunk-HGZGGJQB.js";
+} from "./chunk-F5UEJLZY.js";
 import {
   StyledCode
-} from "./chunk-CKO5XQTU.js";
+} from "./chunk-ORZXHK4K.js";
 import {
   displaySelector
-} from "./chunk-DKKSEGTF.js";
+} from "./chunk-WCUUWGOC.js";
 import {
   StyledTitle
-} from "./chunk-EQDCU7HD.js";
+} from "./chunk-XUDLONAT.js";
 import {
   StyledBody
-} from "./chunk-E6KUNQIE.js";
+} from "./chunk-OQK3WVD3.js";
 import {
   ALL_HEADLINE_SELECTORS,
   headlineSelector
-} from "./chunk-3FHPHO5S.js";
+} from "./chunk-SSOCH3V6.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   getTypographyString
-} from "./chunk-KCUSJWDZ.js";
+} from "./chunk-FXKLW6CU.js";
 import {
   colors
-} from "./chunk-MIIIUXV6.js";
+} from "./chunk-XT5NXF55.js";
 
 // src/components/typography/Article.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-SWMGDTQN.js → chunk-X5XLAM3D.js}

@@ -1,12 +1,12 @@
 import {
   renderTypography
-} from "./chunk-KAMBSKAE.js";
+} from "./chunk-MNWCPDWF.js";
 import {
   isString
 } from "./chunk-HAC5YAGQ.js";
 import {
   colors
-} from "./chunk-MIIIUXV6.js";
+} from "./chunk-XT5NXF55.js";
 
 // src/router.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-WF7Z2VIT.cjs → chunk-X6AJB6TL.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkDJDVATDRcjs = require('./chunk-DJDVATDR.cjs');
+var _chunkZSFIRYIJcjs = require('./chunk-ZSFIRYIJ.cjs');
 
 
 
 var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
 
 
-var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
+var _chunkRZ24JAMPcjs = require('./chunk-RZ24JAMP.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
+var _chunkR5SHOMBXcjs = require('./chunk-R5SHOMBX.cjs');
 
 // src/components/Icon/Icon.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -34,14 +34,14 @@ function Icon({
   verticalAlign = "middle",
   iconProps
 }) {
-  const IconComponent = _chunkDJDVATDRcjs.iconMap[name];
-  const w = parseFloat((width / _chunkRSHN4K6Ncjs.rootFontSizePx).toFixed(2));
+  const IconComponent = _chunkZSFIRYIJcjs.iconMap[name];
+  const w = parseFloat((width / _chunkRZ24JAMPcjs.rootFontSizePx).toFixed(2));
   const h = square ? w : "auto";
-  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkRSHN4K6Ncjs.rootFontSizePx).toFixed(2))}em` : mrProp;
-  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkRSHN4K6Ncjs.rootFontSizePx).toFixed(2))}em` : mlProp;
-  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkRSHN4K6Ncjs.rootFontSizePx).toFixed(2))}em` : mtProp;
-  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkRSHN4K6Ncjs.rootFontSizePx).toFixed(2))}em` : mbProp;
-  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkRSHN4K6Ncjs.rootFontSizePx).toFixed(2));
+  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkRZ24JAMPcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
+  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkRZ24JAMPcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
+  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkRZ24JAMPcjs.rootFontSizePx).toFixed(2))}em` : mtProp;
+  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkRZ24JAMPcjs.rootFontSizePx).toFixed(2))}em` : mbProp;
+  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkRZ24JAMPcjs.rootFontSizePx).toFixed(2));
   const icon = _react2.default.createElement(IconComponent, iconProps, null);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     IconContainer,
@@ -90,10 +90,10 @@ var IconContainer = _styled2.default.span`
 }}
 
   ${({ theme, fontColor }) => {
-  const color = _chunkOBHJBBPCcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
+  const color = _chunkR5SHOMBXcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
   return `
     svg, path {
-      color: ${_chunkOBHJBBPCcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
+      color: ${_chunkR5SHOMBXcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
 
       /* 
         Provide a way for an SVG to invert relative to a specified color for

package/dist/{chunk-F6UJF3IX.cjs → chunk-XA5R6CTS.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/static/images/Logo.svg
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _jsxruntime = require('@emotion/react/jsx-runtime');
-var SvgLogo = (props) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { width: "100%", viewBox: "0 0 693 128", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
+var SvgLogo = (props) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { width: "100%", viewBox: "0 0 693 128", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props), { children: [
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M59.9471 71.5352L6.66116 106.139H34.344L76.5013 78.7622V117.694L94.2937 106.14V71.5352H147.58L170.797 56.4578H110.847L164.132 21.8544L136.449 21.8544L94.2937 49.2302V10.3L76.5013 21.8545V56.4578H23.2171L0 71.5352H59.9471Z", fill: "currentColor" }),
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M649.839 70.1027L673.44 43.5954H690.181L666.929 68.8238L692.855 106.143H676.346L657.512 78.9384L649.839 87.1929V106.143H636.004V21.8548H649.839V70.1027Z", fill: "currentColor" }),
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M628.922 43.2465C620.435 43.479 614.506 47.6644 611.483 54.8725V43.5953H597.997V106.143H611.832V73.9391C611.832 61.6156 616.715 56.9652 626.248 56.9652C627.992 56.9652 629.62 57.0814 631.945 57.4302V43.3628C630.899 43.2465 629.852 43.2465 628.922 43.2465Z", fill: "currentColor" }),

package/dist/{chunk-XI3DEXNN.cjs → chunk-XHIUWLTC.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkY45PAGZ2cjs = require('./chunk-Y45PAGZ2.cjs');
+var _chunkHG353CMEcjs = require('./chunk-HG353CME.cjs');
 
 
-var _chunkILBP4CTUcjs = require('./chunk-ILBP4CTU.cjs');
+var _chunkNMFG6FLIcjs = require('./chunk-NMFG6FLI.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkGMDANQACcjs = require('./chunk-GMDANQAC.cjs');
 
 
-var _chunkKKOBB4X5cjs = require('./chunk-KKOBB4X5.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/DataManagerTable/StringFilter.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -32,14 +32,14 @@ var StringFilter = ({
 }) => {
   var _a;
   const handleChange = (value) => {
-    updateFilterState(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state), {
+    updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
       value,
       isApplied: !!value
     }));
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKKOBB4X5cjs.Button,
+      _chunkGMDANQACcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -48,7 +48,7 @@ var StringFilter = ({
         iconSide: "right",
         onClick: () => {
           var _a2;
-          updateFilterState(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state), {
+          updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
             appliedValues: (_a2 = state.appliedValues) == null ? void 0 : _a2.filter(
               (appliedValue) => appliedValue !== value
             )
@@ -59,8 +59,8 @@ var StringFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY45PAGZ2cjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkILBP4CTUcjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHG353CMEcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkNMFG6FLIcjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/{chunk-OTDIKLJR.cjs → chunk-XLKLSO42.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkAJT37TCScjs = require('./chunk-AJT37TCS.cjs');
+var _chunkP7BNVHNVcjs = require('./chunk-P7BNVHNV.cjs');
 
 
-var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
+var _chunkX6AJB6TLcjs = require('./chunk-X6AJB6TL.cjs');
 
 
-var _chunkGH54P25Bcjs = require('./chunk-GH54P25B.cjs');
+var _chunkJOIBGT3Qcjs = require('./chunk-JOIBGT3Q.cjs');
 
 
-var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
+var _chunkR5SHOMBXcjs = require('./chunk-R5SHOMBX.cjs');
 
 // src/components/IconWithCircleBackground.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -32,7 +32,7 @@ function IconWithCircleBackground({
   showNewTag = false
 }) {
   const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkAJT37TCScjs.Flex,
+    _chunkP7BNVHNVcjs.Flex,
     {
       center: true,
       onClick,
@@ -52,7 +52,7 @@ function IconWithCircleBackground({
             noBg,
             bgColor,
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkWF7Z2VITcjs.Icon,
+              _chunkX6AJB6TLcjs.Icon,
               {
                 name: iconName,
                 width: iconWidth,
@@ -69,16 +69,16 @@ function IconWithCircleBackground({
       ]
     }
   );
-  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGH54P25Bcjs.Link, { to, disabled, children: content }) }) : content;
+  return to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJOIBGT3Qcjs.Link, { to, disabled, children: content }) }) : content;
 }
 var StyledIconWithCircleBackground = _styled2.default.div`
-  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkOBHJBBPCcjs.getColor.call(void 0, theme, bgColor) : _chunkOBHJBBPCcjs.getColor.call(void 0, theme, "grayBlue94")};
+  background: ${({ theme, darkBg, noBg, bgColor }) => darkBg ? `linear-gradient(291.4deg, #1C243F 0%, #21283A 100%)` : noBg ? "transparent" : bgColor ? _chunkR5SHOMBXcjs.getColor.call(void 0, theme, bgColor) : _chunkR5SHOMBXcjs.getColor.call(void 0, theme, "grayBlue94")};
 
   &:hover {
-    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkOBHJBBPCcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkR5SHOMBXcjs.getColor.call(void 0, theme, "grayBlue94")}` : ""};
   }
   &:active {
-    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkOBHJBBPCcjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
+    ${({ theme, hoverActiveBg }) => hoverActiveBg ? `background: ${_chunkR5SHOMBXcjs.getColor.call(void 0, theme, "grayBlue78")}` : ""};
   }
 
   border-radius: 50%;

package/dist/chunk-XMSFS4NQ.js

@@ -0,0 +1,22 @@
+// src/icons/central/ChevronLeftSmall.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ChevronLeftSmall({
+  strokeWidth = "2",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M14 16L10 12L14 8",
+      stroke: "currentColor",
+      strokeWidth,
+      strokeLinecap,
+      strokeLinejoin
+    }
+  ) });
+}
+
+export {
+  ChevronLeftSmall
+};

package/dist/{chunk-L6JCKKLU.js → chunk-XQUKZOE6.js}

@@ -1,21 +1,21 @@
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-SIPHI6JZ.js";
+} from "./chunk-LTHYR4CT.js";
 import {
   UnstyledButton
-} from "./chunk-5NUOBJXP.js";
+} from "./chunk-DTJWFL32.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   Icon
-} from "./chunk-DMPXNHDT.js";
+} from "./chunk-6UZRKYFG.js";
 import {
   standardFocusOutline
-} from "./chunk-HGZGGJQB.js";
+} from "./chunk-F5UEJLZY.js";
 
 // src/components/Drawer.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-MK67FJ2M.js → chunk-XS3L72FJ.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-DMPXNHDT.js";
+} from "./chunk-6UZRKYFG.js";
 import {
   renderTypography
-} from "./chunk-KAMBSKAE.js";
+} from "./chunk-MNWCPDWF.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-MIIIUXV6.js → chunk-XT5NXF55.js}

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/styles/colors.tsx
 var neutral = {
@@ -53,9 +53,11 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   "black-20": "#00000033",
   "black-10": "#0000001a",
   "black-04": "#0000000a",
+  "black-02": "#00000005",
   // gray scale
   "gray-040": "#fafaf9",
   "gray-050": "#f8f8f7",
+  "gray-075": "#F4F4F3",
   "gray-090": "#eeeeec",
   "gray-100": "#f0f0ee",
   "gray-200": "#deded9",
@@ -110,6 +112,7 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue50: "#2483D1",
   blue58: "#28BFFF",
   blue32: "#0052A4",
+  blue34: "#0071b9",
   blue90: "#0C3C6F",
   blue60: "#4CA1E7",
   // less than 50% saturated blue
@@ -139,12 +142,16 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   purple55: "#8B38DE",
   purple60: "#7366c5",
   // red
-  red50: "#E31A1A",
+  errorBackground: "#FEE2E1",
+  errorBackground2: "#FBE5E9",
+  errorText: "#E41C1B",
+  errorText2: "#D80027",
+  errorText3: "#FF4444",
+  red09: "#cc0909",
   red42a10: "#D800271A",
   red42a20: "#D800272D",
   red42a30: "#D800273F",
-  errorText: "#E41C1B",
-  errorBackground: "#FEE2E1",
+  red50: "#E31A1A",
   // yellow
   primary,
   warning: primary,

package/dist/{chunk-EQDCU7HD.js → chunk-XUDLONAT.js}

@@ -1,17 +1,17 @@
 import {
   getPropDefaultsBase
-} from "./chunk-LEMT5P3Z.js";
+} from "./chunk-YQNDIDC2.js";
 import {
   typographyStyles
 } from "./chunk-YW4BJCOL.js";
 import {
   applyTypography
-} from "./chunk-2C7DZIDY.js";
+} from "./chunk-HXEOFTXC.js";
 import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/typography/base/Title.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-EIKXY7AD.js → chunk-Y56BO6PQ.js}

@@ -1,22 +1,22 @@
 import {
   Filter
-} from "./chunk-LAIAW5BT.js";
+} from "./chunk-6P3DRKOM.js";
 import {
   Select_default
-} from "./chunk-DC6PYU2D.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
+} from "./chunk-TX6C7TDB.js";
 import {
   Button
-} from "./chunk-SIPHI6JZ.js";
+} from "./chunk-LTHYR4CT.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/DataManagerTable/EnumFilter.tsx
 import styled from "@emotion/styled";