@lightsparkdev/ui 1.1.8 → 1.1.10

package/dist/{chunk-723GFWYY.cjs → chunk-W3THU56E.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkW2Y7RKIEcjs = require('./chunk-W2Y7RKIE.cjs');
+var _chunkSNSG4HBQcjs = require('./chunk-SNSG4HBQ.cjs');
 
 
-var _chunk22Q6UJGLcjs = require('./chunk-22Q6UJGL.cjs');
+var _chunkUFU3BYZOcjs = require('./chunk-UFU3BYZO.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
@@ -45,12 +45,12 @@ var CopyToClipboardButton = (props) => {
         "data-tooltip-id": id,
         children: [
           props.children ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Children, { children: props.children }) : null,
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5R7OENS4cjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { name: icon, width: props.isSm ? 12 : 16 })
         ]
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkW2Y7RKIEcjs.Tooltip,
+      _chunkUFU3BYZOcjs.Tooltip,
       {
         id,
         place: props.place || "right",
@@ -62,7 +62,7 @@ var CopyToClipboardButton = (props) => {
 var Children = _styled2.default.span`
   margin-right: 4px;
 `;
-var Button = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton)`
+var Button = _styled2.default.call(void 0, _chunkSNSG4HBQcjs.UnstyledButton)`
   background: rgba(0, 0, 0, 0);
   vertical-align: middle;
   ${({ ml }) => ml ? `margin-left: ${ml}px` : ""};

package/dist/{chunk-5R7OENS4.cjs → chunk-WF7Z2VIT.cjs}

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk6IPB3PYHcjs = require('./chunk-6IPB3PYH.cjs');
+var _chunkDJDVATDRcjs = require('./chunk-DJDVATDR.cjs');
 
 
 
 var _chunkKS6GHRZIcjs = require('./chunk-KS6GHRZI.cjs');
 
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.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 = _chunk6IPB3PYHcjs.iconMap[name];
-  const w = parseFloat((width / _chunkUL22WLXRcjs.rootFontSizePx).toFixed(2));
+  const IconComponent = _chunkDJDVATDRcjs.iconMap[name];
+  const w = parseFloat((width / _chunkRSHN4K6Ncjs.rootFontSizePx).toFixed(2));
   const h = square ? w : "auto";
-  const mr = typeof mrProp === "number" ? `${parseFloat((mrProp / _chunkUL22WLXRcjs.rootFontSizePx).toFixed(2))}em` : mrProp;
-  const ml = typeof mlProp === "number" ? `${parseFloat((mlProp / _chunkUL22WLXRcjs.rootFontSizePx).toFixed(2))}em` : mlProp;
-  const mt = typeof mtProp === "number" ? `${parseFloat((mtProp / _chunkUL22WLXRcjs.rootFontSizePx).toFixed(2))}em` : mtProp;
-  const mb = typeof mbProp === "number" ? `${parseFloat((mbProp / _chunkUL22WLXRcjs.rootFontSizePx).toFixed(2))}em` : mbProp;
-  const va = typeof verticalAlign === "string" ? verticalAlign : parseFloat((verticalAlign / _chunkUL22WLXRcjs.rootFontSizePx).toFixed(2));
+  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 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 = _chunkLPTWQ2KPcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
+  const color = _chunkOBHJBBPCcjs.getFontColor.call(void 0, theme, fontColor, "inherit");
   return `
     svg, path {
-      color: ${_chunkLPTWQ2KPcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
+      color: ${_chunkOBHJBBPCcjs.getFontColor.call(void 0, theme, fontColor, "inherit")};
 
       /* 
         Provide a way for an SVG to invert relative to a specified color for

package/dist/{chunk-3DKIHTSY.cjs → chunk-WMAEVB25.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkK7EHO5O6cjs = require('./chunk-K7EHO5O6.cjs');
+var _chunkBLUUIEGRcjs = require('./chunk-BLUUIEGR.cjs');
 
 
 
@@ -12,22 +12,22 @@ var _chunkK7EHO5O6cjs = require('./chunk-K7EHO5O6.cjs');
 var _chunkFBWTYGYEcjs = require('./chunk-FBWTYGYE.cjs');
 
 
-var _chunkU2OBO5TYcjs = require('./chunk-U2OBO5TY.cjs');
+var _chunkY45PAGZ2cjs = require('./chunk-Y45PAGZ2.cjs');
 
 
-var _chunkY5P7KRMDcjs = require('./chunk-Y5P7KRMD.cjs');
+var _chunk6HFFGWQXcjs = require('./chunk-6HFFGWQX.cjs');
 
 
-var _chunk7EJGVZAAcjs = require('./chunk-7EJGVZAA.cjs');
+var _chunkILBP4CTUcjs = require('./chunk-ILBP4CTU.cjs');
 
 
-var _chunkGYFYOAO2cjs = require('./chunk-GYFYOAO2.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkKKOBB4X5cjs = require('./chunk-KKOBB4X5.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
@@ -98,7 +98,7 @@ var DateFilter = ({
       },
       components: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, TimeAndGranularity, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk7EJGVZAAcjs.TextInput,
+          _chunkILBP4CTUcjs.TextInput,
           {
             placeholder: "60",
             onChange: (value) => {
@@ -112,7 +112,7 @@ var DateFilter = ({
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkY5P7KRMDcjs.Select_default,
+          _chunk6HFFGWQXcjs.Select_default,
           {
             defaultValue: {
               value: customDateRangeData == null ? void 0 : customDateRangeData.granularity,
@@ -142,7 +142,7 @@ var DateFilter = ({
         return { start: _chunkFBWTYGYEcjs.startOfDay.call(void 0, date), end: _chunkFBWTYGYEcjs.endOfDay.call(void 0, date) };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkK7EHO5O6cjs.DateWidget,
+        _chunkBLUUIEGRcjs.DateWidget,
         {
           dateRangeOperation: "is equal to" /* IsEqualTo */,
           onChange: updateStateWithCustomRange,
@@ -162,7 +162,7 @@ var DateFilter = ({
         return { start, end };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkK7EHO5O6cjs.DateWidget,
+        _chunkBLUUIEGRcjs.DateWidget,
         {
           dateRangeOperation: "is between" /* IsBetween */,
           onChange: updateStateWithCustomRange,
@@ -178,7 +178,7 @@ var DateFilter = ({
         return { start: date, end: _chunkFBWTYGYEcjs.MAX_DATE };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkK7EHO5O6cjs.DateWidget,
+        _chunkBLUUIEGRcjs.DateWidget,
         {
           dateRangeOperation: "is after" /* IsAfter */,
           onChange: updateStateWithCustomRange,
@@ -194,7 +194,7 @@ var DateFilter = ({
         return { start: _chunkFBWTYGYEcjs.MIN_DATE, end: date };
       },
       components: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkK7EHO5O6cjs.DateWidget,
+        _chunkBLUUIEGRcjs.DateWidget,
         {
           dateRangeOperation: "is before" /* IsBefore */,
           onChange: updateStateWithCustomRange,
@@ -263,10 +263,10 @@ var DateFilter = ({
   const handleSelectCustomRangeOption = (operation) => {
     updateStateWithCustomRange(dateRangeOptions[operation].defaultData);
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2OBO5TYcjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY45PAGZ2cjs.Filter, { label: "date", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ButtonsContainer, { children: [
       presets.map((preset) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGYFYOAO2cjs.Button,
+        _chunkKKOBB4X5cjs.Button,
         {
           kind: preset === state.preset ? "primary" : void 0,
           text: preset,
@@ -276,7 +276,7 @@ var DateFilter = ({
         preset
       )),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGYFYOAO2cjs.Button,
+        _chunkKKOBB4X5cjs.Button,
         {
           kind: state.preset === "Custom" /* Custom */ ? "primary" : void 0,
           text: "Custom",
@@ -287,7 +287,7 @@ var DateFilter = ({
     ] }),
     showCustomOptions && customDateRangeData && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkY5P7KRMDcjs.Select_default,
+        _chunk6HFFGWQXcjs.Select_default,
         {
           defaultValue: {
             value: customDateRangeData.type,

package/dist/{chunk-MREBDCMB.js → chunk-WO4DRP3M.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-R44KNXWJ.js";
+} from "./chunk-OYIPFTQC.js";
 import {
   StyledOverline,
   getPropDefaults
-} from "./chunk-TJ4BEWEJ.js";
+} from "./chunk-MQIRWNSG.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-K25WM7TF.cjs → chunk-WPNWAVBR.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');
 
 
 
-var _chunkZK5A2QKMcjs = require('./chunk-ZK5A2QKM.cjs');
+var _chunkDIPPWB45cjs = require('./chunk-DIPPWB45.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Btn.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Btn(props) {
-  const propsWithDefaults = _chunkZK5A2QKMcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkDIPPWB45cjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkDDGSFIWAcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZK5A2QKMcjs.StyledBtn, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDIPPWB45cjs.StyledBtn, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-G32OGRLK.cjs → chunk-WXIJ3B4W.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkU2OBO5TYcjs = require('./chunk-U2OBO5TY.cjs');
+var _chunkY45PAGZ2cjs = require('./chunk-Y45PAGZ2.cjs');
 
 
-var _chunkPVU5HMRQcjs = require('./chunk-PVU5HMRQ.cjs');
+var _chunkJTXWWEZAcjs = require('./chunk-JTXWWEZA.cjs');
 
 
-var _chunkIDFM6UQ2cjs = require('./chunk-IDFM6UQ2.cjs');
+var _chunkTXDLUYVGcjs = require('./chunk-TXDLUYVG.cjs');
 
 
 
@@ -55,7 +55,7 @@ var CurrencyFilter = ({
       isApplied: false
     }));
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkU2OBO5TYcjs.Filter, { label, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkY45PAGZ2cjs.Filter, { label, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       NumberButtonRowContainer,
       {
@@ -85,7 +85,7 @@ var CurrencyFilter = ({
     ),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, InputContainer, { children: [
       isMinDisplayed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkPVU5HMRQcjs.NumberInput_default,
+        _chunkJTXWWEZAcjs.NumberInput_default,
         {
           placeholder: "0",
           onChange: handleMinChange,
@@ -97,7 +97,7 @@ var CurrencyFilter = ({
       ),
       isMinDisplayed && isMaxDisplayed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Divider, {}),
       isMaxDisplayed && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkPVU5HMRQcjs.NumberInput_default,
+        _chunkJTXWWEZAcjs.NumberInput_default,
         {
           placeholder: "0",
           onChange: handleMaxChange,
@@ -110,7 +110,7 @@ var CurrencyFilter = ({
     ] })
   ] }) });
 };
-var NumberButtonRowContainer = _styled2.default.call(void 0, _chunkIDFM6UQ2cjs.ButtonRow)`
+var NumberButtonRowContainer = _styled2.default.call(void 0, _chunkTXDLUYVGcjs.ButtonRow)`
   padding: 0px !important;
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-ZHZWTVS5.cjs → chunk-X7XHV4IC.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
 
 
 
@@ -28,7 +28,7 @@ function MultiToggle({
     let content = null;
     if ("name" in optionProps) {
       content = /* @__PURE__ */ _react.createElement.call(void 0, 
-        _chunk5R7OENS4cjs.Icon,
+        _chunkWF7Z2VITcjs.Icon,
         _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, optionProps), {
           width: 11,
           key,
@@ -54,7 +54,7 @@ function MultiToggle({
 }
 var StyledMultiToggle = _styled2.default.div`
   border-radius: 999px;
-  background: ${({ theme, bgColor }) => _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, bgColor)};
+  background: ${({ theme, bgColor }) => _chunkOBHJBBPCcjs.getColor.call(void 0, theme, bgColor)};
   padding: 2px;
   gap: 2px;
   display: flex;
@@ -64,7 +64,7 @@ var StyledMultiToggleOption = _styled2.default.div`
   cursor: pointer;
   border-radius: 999px;
   padding: 4px;
-  background: ${({ theme, selected, selectedBgColor }) => selected ? _chunkLPTWQ2KPcjs.getColor.call(void 0, theme, selectedBgColor) : "transparent"};
+  background: ${({ theme, selected, selectedBgColor }) => selected ? _chunkOBHJBBPCcjs.getColor.call(void 0, theme, selectedBgColor) : "transparent"};
 `;
 
 

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

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkU2OBO5TYcjs = require('./chunk-U2OBO5TY.cjs');
+var _chunkY45PAGZ2cjs = require('./chunk-Y45PAGZ2.cjs');
 
 
-var _chunk7EJGVZAAcjs = require('./chunk-7EJGVZAA.cjs');
+var _chunkILBP4CTUcjs = require('./chunk-ILBP4CTU.cjs');
 
 
-var _chunkGYFYOAO2cjs = require('./chunk-GYFYOAO2.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkKKOBB4X5cjs = require('./chunk-KKOBB4X5.cjs');
 
 
 
@@ -39,7 +39,7 @@ var StringFilter = ({
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGYFYOAO2cjs.Button,
+      _chunkKKOBB4X5cjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -59,8 +59,8 @@ var StringFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU2OBO5TYcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk7EJGVZAAcjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY45PAGZ2cjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkILBP4CTUcjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/{chunk-PEOBLYQN.cjs → chunk-XKV4MIWI.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
 
 
-var _chunkLPTWQ2KPcjs = require('./chunk-LPTWQ2KP.cjs');
+var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');
 
 // src/components/ProgressBar.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -41,8 +41,8 @@ function ProgressBar({
 }
 ProgressBar.defaultProps = defaultProps;
 var ProgressBarContainer = _styled2.default.div`
-  ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 16)}
-  background-color: ${({ theme }) => _chunkLPTWQ2KPcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
+  ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 16)}
+  background-color: ${({ theme }) => _chunkOBHJBBPCcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
   box-sizing: border-box;
   display: flex;
   height: ${({ isSm }) => isSm ? "6px" : "16px"};
@@ -51,7 +51,7 @@ var ProgressBarContainer = _styled2.default.div`
   position: relative;
 `;
 var BarBg = _styled2.default.div`
-  ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 16)}
   width: ${({ percentage }) => 100 / percentage * 100}%;
   height: 100%;
 
@@ -65,7 +65,7 @@ var BarBg = _styled2.default.div`
   )`};
 `;
 var Bar = _styled2.default.div`
-  ${_chunkUL22WLXRcjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 16)}
   overflow: hidden;
   box-sizing: border-box;
   display: inline-block;

package/dist/{chunk-GMJNK6ME.cjs → chunk-XO5V3EX5.cjs}

@@ -1,21 +1,21 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkGYFYOAO2cjs = require('./chunk-GYFYOAO2.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk22Q6UJGLcjs = require('./chunk-22Q6UJGL.cjs');
+var _chunkKKOBB4X5cjs = require('./chunk-KKOBB4X5.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkSNSG4HBQcjs = require('./chunk-SNSG4HBQ.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk5R7OENS4cjs = require('./chunk-5R7OENS4.cjs');
+var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
 
 
-var _chunkUL22WLXRcjs = require('./chunk-UL22WLXR.cjs');
+var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
 
 // src/components/Drawer.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -105,7 +105,7 @@ var Drawer = (props) => {
             children: [
               props.grabber && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Grabber, { onClick: handleClose, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, GrabberBar, {}) }),
               props.handleBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkGYFYOAO2cjs.Button,
+                _chunkKKOBB4X5cjs.Button,
                 {
                   onClick: props.handleBack,
                   icon: { name: "ChevronLeft" },
@@ -114,7 +114,7 @@ var Drawer = (props) => {
                 }
               ) }),
               props.closeButton && !props.nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButtonContainer, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: handleClose, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk5R7OENS4cjs.Icon,
+                _chunkWF7Z2VITcjs.Icon,
                 {
                   name: "CentralCrossLarge",
                   square: true,
@@ -236,8 +236,8 @@ var CloseButtonContainer = _styled2.default.div`
     line-height: 14px;
   }
 `;
-var CloseButton = _styled2.default.call(void 0, _chunk22Q6UJGLcjs.UnstyledButton)`
-  ${_chunkUL22WLXRcjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkSNSG4HBQcjs.UnstyledButton)`
+  ${_chunkRSHN4K6Ncjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

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

@@ -1,31 +1,31 @@
 import {
   StyledContentTable
-} from "./chunk-GFHCGTQG.js";
+} from "./chunk-Y3Y43TZD.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-AGHCD2FL.js";
+} from "./chunk-FAWI3ZGU.js";
 import {
   standardBorderRadius
-} from "./chunk-33BECMKR.js";
-import {
-  StyledTitle
-} from "./chunk-GCN5FKVE.js";
+} from "./chunk-HGZGGJQB.js";
 import {
   StyledCode
-} from "./chunk-R5TACHAR.js";
+} from "./chunk-CKO5XQTU.js";
 import {
   displaySelector
-} from "./chunk-QPGFYIFU.js";
+} from "./chunk-DKKSEGTF.js";
 import {
-  ALL_HEADLINE_SELECTORS,
-  headlineSelector
-} from "./chunk-V774KTFA.js";
+  StyledTitle
+} from "./chunk-EQDCU7HD.js";
 import {
   StyledBody
-} from "./chunk-7PLRPYVC.js";
+} from "./chunk-E6KUNQIE.js";
+import {
+  ALL_HEADLINE_SELECTORS,
+  headlineSelector
+} from "./chunk-3FHPHO5S.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -34,7 +34,7 @@ import {
 } from "./chunk-KCUSJWDZ.js";
 import {
   colors
-} from "./chunk-5J7O4QVA.js";
+} from "./chunk-MIIIUXV6.js";
 
 // src/components/typography/Article.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-YBLHOQFS.js → chunk-XZD67M3O.js}

@@ -1,7 +1,7 @@
 import {
   firstChild,
   pxToRems
-} from "./chunk-AGHCD2FL.js";
+} from "./chunk-FAWI3ZGU.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-GFHCGTQG.js → chunk-Y3Y43TZD.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-DMPXNHDT.js";
 
 // src/components/ContentTable.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-U2OBO5TY.cjs → chunk-Y45PAGZ2.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkDSG76UY6cjs = require('./chunk-DSG76UY6.cjs');
+var _chunkRKH2QFA7cjs = require('./chunk-RKH2QFA7.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
@@ -13,7 +13,7 @@ var Filter = ({
   children
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FilterContainer, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDSG76UY6cjs.LabelModerate, { children: `Filter by ${label}` }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRKH2QFA7cjs.LabelModerate, { children: `Filter by ${label}` }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilterBody, { children })
   ] });
 };

package/dist/{chunk-3UQQNOZF.js → chunk-YIPBSM46.js}

@@ -1,6 +1,6 @@
 import {
   TextInput
-} from "./chunk-TDUDDWTZ.js";
+} from "./chunk-H5MRGJQP.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-2NTAA34G.js → chunk-YNCTWF7N.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-U6AUAZQA.js";
+} from "./chunk-DMPXNHDT.js";
 
 // src/components/Loading.tsx
 import { useTheme } from "@emotion/react";
@@ -12,11 +12,12 @@ function Loading({
   size = 60,
   ml = 0,
   mt = 0,
-  kind = "primary"
+  kind = "primary",
+  color = void 0
 }) {
   const theme = useTheme();
   const iconName = resolveLoadingProp(null, kind, "defaultIconName", theme);
-  return /* @__PURE__ */ jsx(LoadingWrapper, { center, ml, mt, children: /* @__PURE__ */ jsx(Rotate, { children: /* @__PURE__ */ jsx(Icon, { name: iconName, width: size }) }) });
+  return /* @__PURE__ */ jsx(LoadingWrapper, { center, ml, mt, children: /* @__PURE__ */ jsx(Rotate, { children: /* @__PURE__ */ jsx(Icon, { name: iconName, width: size, color }) }) });
 }
 var LoadingWrapper = styled.div`
   flex-grow: 1;

package/dist/{chunk-ZTIYSEE6.cjs → chunk-YPB3YRAG.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkEC2UGHQ6cjs = require('./chunk-EC2UGHQ6.cjs');
+var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');
 
 
 
@@ -90,7 +90,7 @@ function toReactNodesWithTypographyMap(nodesArg, nodesTypographyMap, replaceExis
     nodesTypographyMap,
     replaceExistingTypography
   );
-  const nodes = _chunkEC2UGHQ6cjs.toReactNodes.call(void 0, nodesWithTypography);
+  const nodes = _chunkDDGSFIWAcjs.toReactNodes.call(void 0, nodesWithTypography);
   return nodes;
 }
 function setDefaultReactNodesTypography(nodesArg, setDefaultReactNodesTypographyArg) {