@lightsparkdev/ui 1.0.16 → 1.1.0

package/dist/{chunk-D7M7KHJ6.js → chunk-32TB2XVD.js}

@@ -1,12 +1,15 @@
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-OFNX3IEO.js";
+} from "./chunk-RKAVKJX6.js";
 import {
   Button
-} from "./chunk-ZR5RJNK6.js";
+} from "./chunk-U6EBWLCK.js";
 import {
   standardContentInset
-} from "./chunk-WXQAFT6L.js";
+} from "./chunk-E46IHC27.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";
@@ -22,22 +25,25 @@ function ButtonRow({
   className,
   smSticky = true,
   bottomBorder = true,
-  headerHeight = 0
+  headerHeight = 0,
+  ml
 }) {
   return /* @__PURE__ */ jsx(
-    ButtonRowContainer,
+    StyledButtonRow,
     {
       smSticky,
       headerHeight,
       bottomBorder,
-      children: /* @__PURE__ */ jsx(StyledButtonRow, { className, children: buttons.map(
+      ml,
+      children: /* @__PURE__ */ jsx(StyledButtonRowButton, { className, children: buttons.map(
         (button, idx) => button === "divider" ? /* @__PURE__ */ jsx(ButtonRowDivider, {}, idx) : /* @__PURE__ */ jsx(Button, __spreadValues({}, button), idx)
       ) })
     }
   );
 }
-var ButtonRowContainer = styled.div`
+var StyledButtonRow = styled.div`
   max-width: 100%;
+  ${({ ml }) => typeof ml !== "undefined" ? `margin-left: ${ml}px;` : ``}
   ${({ theme }) => bp.sm(`background: ${theme.bg}`)}
   ${({ headerHeight, smSticky, bottomBorder }) => bp.sm(
   `
@@ -71,17 +77,13 @@ var ButtonRowDivider = styled.div`
   margin-left: 16px;
   padding-left: 16px;
 `;
-var StyledButtonRow = styled.div`
+var StyledButtonRowButton = styled.div`
   ${overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
   z-index: 1;
-
-  & button:not(:first-of-type),
-  & a:not(:first-of-type) {
-    margin-left: 8px;
-  }
+  gap: ${Spacing.px.xs};
 
   & ${ButtonRowDivider} + button,
   & ${ButtonRowDivider} + a {
@@ -95,6 +97,6 @@ var StyledButtonRow = styled.div`
 
 export {
   ButtonRow,
-  ButtonRowContainer,
-  StyledButtonRow
+  StyledButtonRow,
+  StyledButtonRowButton
 };

package/dist/{chunk-ULZFHIAE.cjs → chunk-37ZNE6RR.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
+var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
 
 
 
-var _chunkZNT5FTBTcjs = require('./chunk-ZNT5FTBT.cjs');
+var _chunkTBJKNYG4cjs = require('./chunk-TBJKNYG4.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Headline.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Headline(props) {
-  const propsWithDefaults = _chunkZNT5FTBTcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkTBJKNYG4cjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkQXYZAROGcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZNT5FTBTcjs.StyledHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTBJKNYG4cjs.StyledHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-7QQTJUDC.js → chunk-3CS5KWB3.js}

@@ -1,31 +1,31 @@
 import {
   StyledContentTable
-} from "./chunk-SR7X3E5F.js";
+} from "./chunk-QSHSTJDS.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-OFNX3IEO.js";
+} from "./chunk-RKAVKJX6.js";
 import {
   standardBorderRadius
-} from "./chunk-WXQAFT6L.js";
+} from "./chunk-E46IHC27.js";
 import {
   StyledTitle
-} from "./chunk-Q2L5NELX.js";
+} from "./chunk-NMMCTZPQ.js";
 import {
   StyledCode
-} from "./chunk-JFXIPKS5.js";
+} from "./chunk-I7JHRFWF.js";
 import {
   displaySelector
-} from "./chunk-L3JCGD3R.js";
-import {
-  StyledBody
-} from "./chunk-5UKUILS6.js";
+} from "./chunk-YUEYUDQC.js";
 import {
   ALL_HEADLINE_SELECTORS,
   headlineSelector
-} from "./chunk-GCI4XPLR.js";
+} from "./chunk-42SXP7BM.js";
+import {
+  StyledBody
+} from "./chunk-6Q373SSH.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -34,7 +34,7 @@ import {
 } from "./chunk-FGZFMWJU.js";
 import {
   colors
-} from "./chunk-HU2UCL6I.js";
+} from "./chunk-YJIIP7IY.js";
 
 // src/components/typography/Article.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-2N6KBD5A.cjs → chunk-3GKIKZL2.cjs}

@@ -1,41 +1,41 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkNNQVQMFIcjs = require('./chunk-NNQVQMFI.cjs');
+var _chunk74SBZBYAcjs = require('./chunk-74SBZBYA.cjs');
 
 
 
 
 
 
-var _chunkVS54P2UScjs = require('./chunk-VS54P2US.cjs');
+var _chunk2PI3XHGDcjs = require('./chunk-2PI3XHGD.cjs');
 
 
-var _chunkZ4P3SDK3cjs = require('./chunk-Z4P3SDK3.cjs');
+var _chunkYDN2RZ25cjs = require('./chunk-YDN2RZ25.cjs');
 
 
-var _chunkBT2NS24Ucjs = require('./chunk-BT2NS24U.cjs');
+var _chunkBL5NDVAZcjs = require('./chunk-BL5NDVAZ.cjs');
 
 
-var _chunkELEYS3GZcjs = require('./chunk-ELEYS3GZ.cjs');
+var _chunkE2672QPScjs = require('./chunk-E2672QPS.cjs');
 
 
-var _chunkND4ZEWCYcjs = require('./chunk-ND4ZEWCY.cjs');
+var _chunkK5JJ5ZJPcjs = require('./chunk-K5JJ5ZJP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
+var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
 
 
-var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
+var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
 
 
-var _chunkR5RXA5HTcjs = require('./chunk-R5RXA5HT.cjs');
+var _chunkDO3PWX7Qcjs = require('./chunk-DO3PWX7Q.cjs');
 
 
-var _chunkEUDYMZXOcjs = require('./chunk-EUDYMZXO.cjs');
+var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
 
 
 
@@ -54,7 +54,7 @@ function withDefaults(textInputProps) {
     width: textInputProps.width || "full",
     type: textInputProps.type || "text",
     disabled: Boolean(textInputProps.disabled),
-    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunkVS54P2UScjs.defaultTextInputTypography), textInputProps.typography)
+    typography: _chunkZ6EUSUADcjs.__spreadValues.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, _chunk2PI3XHGDcjs.defaultTextInputTypography), textInputProps.typography)
   });
 }
 function TextInput(textInputProps) {
@@ -177,7 +177,7 @@ function TextInput(textInputProps) {
           hasValue: Boolean(props.value),
           colorProp: props.typography.color,
           iconOffset: typeof props.paddingX === "number" ? props.paddingX : leftIconOffset,
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: props.icon.name, width: iconWidth })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: props.icon.name, width: iconWidth })
         }
       ),
       input,
@@ -191,7 +191,7 @@ function TextInput(textInputProps) {
           hasValue: Boolean(props.value),
           colorProp: props.typography.color,
           iconOffset: typeof props.paddingX === "number" ? props.paddingX : rightIconOffset,
-          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBT2NS24Ucjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: props.icon.name, width: rightIconWidth }) : null
+          children: props.loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBL5NDVAZcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: props.icon.name, width: rightIconWidth }) : null
         }
       )
     ] });
@@ -216,18 +216,18 @@ function TextInput(textInputProps) {
     ),
     input,
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVS54P2UScjs.InputSubtext,
+      _chunk2PI3XHGDcjs.InputSubtext,
       {
         text: props.error || props.hint,
         hasError,
         tooltipId: hintTooltipId
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkELEYS3GZcjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
+    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE2672QPScjs.Tooltip, { id: hintTooltipId, content: props.hintTooltip, place: "right" }) : null
   ] });
 }
 var TextInputSelect = _styled2.default.select`
-  ${({ typography, theme }) => _chunkR5RXA5HTcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
+  ${({ typography, theme }) => _chunkDO3PWX7Qcjs.applyTypography.call(void 0, theme, typography.type, typography.size, typography.color)}
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   border: none;
@@ -238,10 +238,10 @@ var TextInputSelect = _styled2.default.select`
   width: ${({ widthProp }) => `${widthProp}px`};
 `;
 var WithIcon = _styled2.default.div`
-  ${_chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunkAPCRRZMTcjs.IconContainer.toString()} {
+  & ${_chunk6Z6ZBZEJcjs.IconContainer.toString()} {
     z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
   }
 `;
@@ -255,10 +255,10 @@ var TextInputIconContainer = _styled2.default.div`
   display: flex;
   align-items: center;
   cursor: ${({ onClick }) => onClick ? "pointer" : "auto"};
-  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkEUDYMZXOcjs.getFontColor.call(void 0, theme, colorProp) : _chunkVS54P2UScjs.textInputPlaceholderColor.call(void 0, { theme })};
+  color: ${({ focused, hasValue, theme, colorProp }) => focused || hasValue ? _chunkHGCI5IAMcjs.getFontColor.call(void 0, theme, colorProp) : _chunk2PI3XHGDcjs.textInputPlaceholderColor.call(void 0, { theme })};
 `;
 var Input = _styled2.default.input`
-  ${_chunkVS54P2UScjs.textInputStyle};
+  ${_chunk2PI3XHGDcjs.textInputStyle};
 
   // disable autofill styles in chrome https://stackoverflow.com/a/68240841/9808766
   &:-webkit-autofill,
@@ -281,7 +281,7 @@ var RightButtonAligner = _styled2.default.div`
   display: flex;
   align-items: center;
 `;
-var RightButton = _styled2.default.call(void 0, _chunkND4ZEWCYcjs.UnstyledButton)`
+var RightButton = _styled2.default.call(void 0, _chunkK5JJ5ZJPcjs.UnstyledButton)`
   border-radius: 4px;
   border: none;
   background-color: ${({ theme }) => theme.vlcNeutral};
@@ -291,7 +291,7 @@ var RightButton = _styled2.default.call(void 0, _chunkND4ZEWCYcjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunk2KKFVDUDcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 8)}
   font-size: 10px;
   position: absolute;
   z-index: ${_chunkZU72XWNEcjs.z.textInput + 1};
@@ -303,7 +303,7 @@ var TextInputLabel = _styled2.default.label`
   top: -10px;
 `;
 var TextInputHalfRow = _styled2.default.div`
-  margin-top: ${_chunkVS54P2UScjs.inputSpacingPx}px;
+  margin-top: ${_chunk2PI3XHGDcjs.inputSpacingPx}px;
   display: flex;
   justify-content: space-between;
   gap: 16px;
@@ -317,18 +317,18 @@ var StyledTextInput = _styled2.default.div`
 
   /* eg forms, should be left consistent: */
   & + & {
-    margin-top: ${_chunkVS54P2UScjs.inputSpacingPx}px;
+    margin-top: ${_chunk2PI3XHGDcjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkZ4P3SDK3cjs.CheckboxContainer.toString()} + &,
-  ${_chunkNNQVQMFIcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkZ4P3SDK3cjs.CheckboxContainer.toString()},
-  & + ${_chunkNNQVQMFIcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkVS54P2UScjs.inputSpacingPx}px;
+  ${_chunkYDN2RZ25cjs.CheckboxContainer.toString()} + &,
+  ${_chunk74SBZBYAcjs.ToggleContainer.toString()} + &,
+  & + ${_chunkYDN2RZ25cjs.CheckboxContainer.toString()},
+  & + ${_chunk74SBZBYAcjs.ToggleContainer.toString()} {
+    margin-top: ${_chunk2PI3XHGDcjs.inputSpacingPx}px;
   }
 `;
 var InputContainer = _styled2.default.div`

package/dist/{chunk-GKSQPAPJ.cjs → chunk-3GWGT73J.cjs}

@@ -1,32 +1,32 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk2DFPQHNPcjs = require('./chunk-2DFPQHNP.cjs');
+var _chunkFOUSEEFHcjs = require('./chunk-FOUSEEFH.cjs');
 
 
-var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
+var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
 
 
 
 
-var _chunk7QQBTG3Ocjs = require('./chunk-7QQBTG3O.cjs');
+var _chunk7H2OXTENcjs = require('./chunk-7H2OXTEN.cjs');
 
 
-var _chunkND4ZEWCYcjs = require('./chunk-ND4ZEWCY.cjs');
+var _chunkK5JJ5ZJPcjs = require('./chunk-K5JJ5ZJP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
+var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
 
 
-var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
+var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
 
 
-var _chunkEUDYMZXOcjs = require('./chunk-EUDYMZXO.cjs');
+var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
 
 
-var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
+var _chunkQYVQII3Icjs = require('./chunk-QYVQII3I.cjs');
 
 
 
@@ -47,7 +47,8 @@ function Toasts({
   maxVisible = 3,
   removeExpiredAndNotVisible = true,
   dedupeConsecutive = true,
-  typography: typographyProp
+  typography: typographyProp,
+  onClickContentNode
 }) {
   const queuedToastIds = _react.useRef.call(void 0, /* @__PURE__ */ new Set());
   const prevToastQueue = _react.useRef.call(void 0, []);
@@ -110,7 +111,7 @@ function Toasts({
       const newToasts = newToastQueueArgs.reduce((acc, toast) => {
         if (dedupeConsecutive && acc.length) {
           const lastToast = acc[acc.length - 1];
-          if (_lodashes.isEqual.call(void 0, toast.text, lastToast.text)) {
+          if (_lodashes.isEqual.call(void 0, toast.content, lastToast.content)) {
             return acc;
           }
         }
@@ -125,7 +126,7 @@ function Toasts({
       }, []);
       setToastQueue((currentToastQueue) => {
         const currentToast2 = currentToastQueue[currentToastQueue.length - 1];
-        if (dedupeConsecutive && currentToast2 && _lodashes.isEqual.call(void 0, newToasts[0].text, currentToast2.text)) {
+        if (dedupeConsecutive && currentToast2 && _lodashes.isEqual.call(void 0, newToasts[0].content, currentToast2.content)) {
           return currentToastQueue;
         }
         return [...currentToastQueue, ...newToasts];
@@ -182,10 +183,25 @@ function Toasts({
     const fromCurrent = i === currentToastIndex ? 0 : currentToastIndex - i;
     const movingToCurrent = currentToast.isHiding && i === currentToastIndex - 1;
     const hidingFromCurrent = currentToast.isHiding ? fromCurrent - 1 : fromCurrent;
-    const nodesWithTypography = toast.text ? _chunk2DFPQHNPcjs.setDefaultReactNodesTypography.call(void 0, toast.text, {
+    const nodes = toast.content ? _chunkFOUSEEFHcjs.setDefaultReactNodesTypography.call(void 0, toast.content, {
       default: defaultTypography
+    }).map((node) => {
+      if (_lodashes.isObject.call(void 0, node) && "typography" in node && node.typography) {
+        const existingOnClick = node.typography.onClick;
+        if (existingOnClick || onClickContentNode) {
+          node.typography.onClick = (e) => {
+            if (existingOnClick) {
+              existingOnClick(e);
+            }
+            if (onClickContentNode) {
+              onClickContentNode(node, toast.id);
+            }
+          };
+        }
+      }
+      return node;
     }) : null;
-    const textNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: nodesWithTypography ? _chunkQXYZAROGcjs.toReactNodes.call(void 0, nodesWithTypography) : null });
+    const contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: nodes ? _chunkPMF5K72Fcjs.toReactNodes.call(void 0, nodes) : null });
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: _reactdom2.default.createPortal(
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         StyledToast,
@@ -206,20 +222,20 @@ function Toasts({
           stackDir: stackDir === "above" ? -1 : 1,
           movingToCurrent,
           children: [
-            textNode,
+            contentNode,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkND4ZEWCYcjs.UnstyledButton,
+              _chunkK5JJ5ZJPcjs.UnstyledButton,
               {
-                css: _chunk7QQBTG3Ocjs.extend.call(void 0, _chunk7QQBTG3Ocjs.flexCenter, {
+                css: _chunk7H2OXTENcjs.extend.call(void 0, _chunk7H2OXTENcjs.flexCenter, {
                   position: "absolute",
                   right: "5px",
                   top: "-1px",
                   height: "50px",
                   width: "50px",
-                  outlineColor: `${_chunkZBLXVPL4cjs.colors.white} !important`
+                  outlineColor: `${_chunkQYVQII3Icjs.colors.white} !important`
                 }),
                 onClick: () => hideToast(toast.id),
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: "Close", width: 9 })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "Close", width: 9 })
               }
             )
           ]
@@ -236,12 +252,12 @@ var minScale = 0.95;
 var StyledToast = _styled2.default.div`
   position: fixed;
   z-index: ${_chunkZU72XWNEcjs.z.toast};
-  line-height: ${_chunk7QQBTG3Ocjs.pxToRems.call(void 0, 16)};
+  line-height: ${_chunk7H2OXTENcjs.pxToRems.call(void 0, 16)};
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   font-weight: 500;
-  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? _chunkZBLXVPL4cjs.colors.blue43 : _chunkEUDYMZXOcjs.themeOr.call(void 0, "#2A50B2", _chunkZBLXVPL4cjs.colors.blue43)};
+  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? _chunkQYVQII3Icjs.colors.blue43 : _chunkHGCI5IAMcjs.themeOr.call(void 0, "#2A50B2", _chunkQYVQII3Icjs.colors.blue43)};
   color: rgba(255, 255, 255, 0);
   padding: 16px 24px;
   ${({ duration }) => !duration && "padding-right: 50px;"}
@@ -256,7 +272,7 @@ var StyledToast = _styled2.default.div`
   transform: translateX(-50%);
   text-overflow: ellipsis;
   overflow: hidden;
-  max-width: calc(100% - ${_chunk2KKFVDUDcjs.standardContentInset.smPx * 2}px);
+  max-width: calc(100% - ${_chunkFPQ2OUYXcjs.standardContentInset.smPx * 2}px);
 
   max-height: ${beginHeightPx}px;
   width: 0px;

package/dist/{chunk-RPVAAPIZ.js → chunk-3HWVUFNG.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-C3PR3QMX.js";
+} from "./chunk-AHC2USPG.js";
 import {
   StyledCode,
   getPropDefaults
-} from "./chunk-JFXIPKS5.js";
+} from "./chunk-I7JHRFWF.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-3IDFXUKW.cjs → chunk-3KSX3FCA.cjs}

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkR5RXA5HTcjs = require('./chunk-R5RXA5HT.cjs');
+var _chunkDO3PWX7Qcjs = require('./chunk-DO3PWX7Q.cjs');
 
 
 
@@ -24,7 +24,7 @@ function getPropDefaults(props) {
   return _chunkSFGLEWHWcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledLabelStrong = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkR5RXA5HTcjs.applyTypography.call(void 0, theme, "Label Strong", size, colorProp)}
+  ${({ theme, size, colorProp }) => _chunkDO3PWX7Qcjs.applyTypography.call(void 0, theme, "Label Strong", size, colorProp)}
   ${_chunkB2MHM6CYcjs.typographyStyles}
 `;
 

package/dist/{chunk-3DA7JJ2P.js → chunk-3LCR3KCY.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-C3PR3QMX.js";
+} from "./chunk-AHC2USPG.js";
 import {
   StyledLabelModerate,
   getPropDefaults
-} from "./chunk-42KSWK6C.js";
+} from "./chunk-VTCBLFGU.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/chunk-3LYNN54X.js

@@ -0,0 +1,32 @@
+// src/icons/central/Loader.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function Loader({
+  strokeWidth = "1.5",
+  strokeLinecap = "round",
+  strokeLinejoin = "round"
+}) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M12.0004 2C12.4146 2.00004 12.7503 2.33585 12.7503 2.75007L12.75 6.25007C12.75 6.66428 12.4141 7.00004 11.9999 7C11.5857 6.99996 11.25 6.66415 11.25 6.24993L11.2503 2.74993C11.2503 2.33572 11.5862 1.99996 12.0004 2ZM4.92919 4.92867C5.22211 4.6358 5.69699 4.63584 5.98985 4.92876L8.46451 7.40385C8.75738 7.69677 8.75734 8.17164 8.46442 8.46451C8.1715 8.75738 7.69663 8.75734 7.40376 8.46442L4.9291 5.98933C4.63623 5.69641 4.63628 5.22154 4.92919 4.92867ZM19.0716 4.92943C19.3645 5.22232 19.3645 5.69719 19.0716 5.99009L16.5967 8.46496C16.3038 8.75785 15.8289 8.75785 15.536 8.46496C15.2431 8.17207 15.2431 7.69719 15.536 7.4043L18.0109 4.92943C18.3038 4.63653 18.7787 4.63653 19.0716 4.92943ZM2 12.0007C2 11.5865 2.33579 11.2507 2.75 11.2507H6.25C6.66421 11.2507 7 11.5865 7 12.0007C7 12.4149 6.66421 12.7507 6.25 12.7507H2.75C2.33579 12.7507 2 12.4149 2 12.0007ZM17 12.0007C17 11.5865 17.3358 11.2507 17.75 11.2507H21.25C21.6642 11.2507 22 11.5865 22 12.0007C22 12.4149 21.6642 12.7507 21.25 12.7507H17.75C17.3358 12.7507 17 12.4149 17 12.0007ZM15.5357 15.5353C15.8286 15.2424 16.3035 15.2424 16.5964 15.5353L19.0713 18.0102C19.3642 18.3031 19.3642 18.778 19.0713 19.0709C18.7784 19.3637 18.3035 19.3637 18.0106 19.0709L15.5357 16.596C15.2429 16.3031 15.2429 15.8282 15.5357 15.5353ZM8.46496 15.536C8.75785 15.8289 8.75785 16.3038 8.46496 16.5967L5.99009 19.0716C5.69719 19.3645 5.22232 19.3645 4.92943 19.0716C4.63653 18.7787 4.63653 18.3038 4.92943 18.0109L7.4043 15.536C7.69719 15.2431 8.17207 15.2431 8.46496 15.536ZM12.0003 17C12.4145 17 12.7503 17.3358 12.7503 17.75V21.25C12.7503 21.6642 12.4145 22 12.0003 22C11.5861 22 11.2503 21.6642 11.2503 21.25V17.75C11.2503 17.3358 11.5861 17 12.0003 17Z",
+          fill: "currentColor",
+          vectorEffect: "non-scaling-stroke"
+        }
+      )
+    }
+  );
+}
+
+export {
+  Loader
+};

package/dist/{chunk-L55IODNP.cjs → chunk-3RGO6Q6G.cjs}

@@ -6,25 +6,25 @@ var _chunk4VVPSX5Ocjs = require('./chunk-4VVPSX5O.cjs');
 var _chunk3JTH7BHIcjs = require('./chunk-3JTH7BHI.cjs');
 
 
-var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
+var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
+var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
 
 
-var _chunkRLTFMTRWcjs = require('./chunk-RLTFMTRW.cjs');
+var _chunkI4L4UO26cjs = require('./chunk-I4L4UO26.cjs');
 
 
-var _chunkEUDYMZXOcjs = require('./chunk-EUDYMZXO.cjs');
+var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
 
 
-var _chunkZBLXVPL4cjs = require('./chunk-ZBLXVPL4.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunkQYVQII3Icjs = require('./chunk-QYVQII3I.cjs');
 
 // src/components/Banner/Banner.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -62,11 +62,11 @@ function Banner({
   }, [onHeightChange, rect == null ? void 0 : rect.height]);
   let contentNode = null;
   if (content) {
-    const contentNodes = _chunkQXYZAROGcjs.toReactNodes.call(void 0, content);
+    const contentNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, content);
     if (to) {
-      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRLTFMTRWcjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
+      contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI4L4UO26cjs.Link, { to, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, BannerFlexInnerContent, { children: [
         contentNodes,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "ArrowRight", width: 12, ml: 6 })
       ] }) });
     } else {
       contentNode = contentNodes;
@@ -134,14 +134,14 @@ var StyledBanner = _styled2.default.div`
 
   width: 100%;
   z-index: ${_chunkZU72XWNEcjs.z.notificationBanner};
-  color: ${_chunkZBLXVPL4cjs.colors.white};
+  color: ${_chunkQYVQII3Icjs.colors.white};
   font-weight: 500;
-  background-color: ${({ colorProp, theme }) => colorProp ? _chunkEUDYMZXOcjs.getColor.call(void 0, theme, colorProp) : "none"};
+  background-color: ${({ colorProp, theme }) => colorProp ? _chunkHGCI5IAMcjs.getColor.call(void 0, theme, colorProp) : "none"};
   display: flex;
   justify-content: ${({ hasSideContent }) => hasSideContent ? "space-between" : "center"};
   align-items: center;
   padding: ${({ hPadding }) => `0 ${hPadding}px`};
-  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkEUDYMZXOcjs.getColor.call(void 0, theme, borderColor)};` : ""}
+  ${({ borderColor, theme }) => borderColor ? `border-bottom: 1px solid ${_chunkHGCI5IAMcjs.getColor.call(void 0, theme, borderColor)};` : ""}
 
   ${({ borderProgress }) => {
   if (typeof borderProgress === "number") {

package/dist/{chunk-SGYY2X64.js → chunk-3RYP2UEV.js}

@@ -1,15 +1,15 @@
 import {
   Filter
-} from "./chunk-HZ7HFKGQ.js";
+} from "./chunk-C3ZJV5MQ.js";
 import {
   TextInput
-} from "./chunk-IE3QUJRS.js";
+} from "./chunk-JU2FTCTN.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-ZR5RJNK6.js";
+} from "./chunk-U6EBWLCK.js";
 import {
   __spreadProps,
   __spreadValues