@lightsparkdev/ui 1.0.17 → 1.1.0

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

@@ -1,12 +1,15 @@
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-MFTEQD6P.js";
+} from "./chunk-RKAVKJX6.js";
 import {
   Button
-} from "./chunk-CEZHIXNR.js";
+} from "./chunk-U6EBWLCK.js";
 import {
   standardContentInset
-} from "./chunk-XDL2VYUF.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-2SD26ZFK.cjs → chunk-37ZNE6RR.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
+var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
 
 
 
-var _chunk2ZERFWQCcjs = require('./chunk-2ZERFWQC.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 = _chunk2ZERFWQCcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkTBJKNYG4cjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkJBVSQGPYcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2ZERFWQCcjs.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-TXKZXR43.js → chunk-3CS5KWB3.js}

@@ -1,31 +1,31 @@
 import {
   StyledContentTable
-} from "./chunk-X2EDVBOD.js";
+} from "./chunk-QSHSTJDS.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-MFTEQD6P.js";
+} from "./chunk-RKAVKJX6.js";
 import {
   standardBorderRadius
-} from "./chunk-XDL2VYUF.js";
+} from "./chunk-E46IHC27.js";
 import {
   StyledTitle
-} from "./chunk-Q6WAGQTZ.js";
+} from "./chunk-NMMCTZPQ.js";
 import {
   StyledCode
-} from "./chunk-YCWLYE6N.js";
+} from "./chunk-I7JHRFWF.js";
 import {
   displaySelector
-} from "./chunk-F62E5IOF.js";
-import {
-  StyledBody
-} from "./chunk-XDJJ5SAF.js";
+} from "./chunk-YUEYUDQC.js";
 import {
   ALL_HEADLINE_SELECTORS,
   headlineSelector
-} from "./chunk-6FLXHRCX.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-IXTGSOHT.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 _chunkVAKYMPPXcjs = require('./chunk-VAKYMPPX.cjs');
+var _chunk74SBZBYAcjs = require('./chunk-74SBZBYA.cjs');
 
 
 
 
 
 
-var _chunkE4MOQFMEcjs = require('./chunk-E4MOQFME.cjs');
+var _chunk2PI3XHGDcjs = require('./chunk-2PI3XHGD.cjs');
 
 
-var _chunkKSHNWL2Lcjs = require('./chunk-KSHNWL2L.cjs');
+var _chunkYDN2RZ25cjs = require('./chunk-YDN2RZ25.cjs');
 
 
-var _chunkIR56ZLYLcjs = require('./chunk-IR56ZLYL.cjs');
+var _chunkBL5NDVAZcjs = require('./chunk-BL5NDVAZ.cjs');
 
 
-var _chunkM2ZLCF6Pcjs = require('./chunk-M2ZLCF6P.cjs');
+var _chunkE2672QPScjs = require('./chunk-E2672QPS.cjs');
 
 
-var _chunkWDEX6VIPcjs = require('./chunk-WDEX6VIP.cjs');
+var _chunkK5JJ5ZJPcjs = require('./chunk-K5JJ5ZJP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
 
-var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
+var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
 
 
-var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
+var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
 
 
-var _chunkFZBPLBNDcjs = require('./chunk-FZBPLBND.cjs');
+var _chunkDO3PWX7Qcjs = require('./chunk-DO3PWX7Q.cjs');
 
 
-var _chunkN63HBX3Vcjs = require('./chunk-N63HBX3V.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, {}, _chunkE4MOQFMEcjs.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, _chunkXTQV7ZJ6cjs.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, _chunkIR56ZLYLcjs.Loading, { center: false, size: rightIconWidth }) : props.icon && iconSide === "right" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXTQV7ZJ6cjs.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, 
-      _chunkE4MOQFMEcjs.InputSubtext,
+      _chunk2PI3XHGDcjs.InputSubtext,
       {
         text: props.error || props.hint,
         hasError,
         tooltipId: hintTooltipId
       }
     ),
-    props.hintTooltip ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWDEX6VIPcjs.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 }) => _chunkFZBPLBNDcjs.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`
-  ${_chunkNWNESPGQcjs.standardBorderRadius.call(void 0, 8)}
+  ${_chunkFPQ2OUYXcjs.standardBorderRadius.call(void 0, 8)}
   position: relative;
 
-  & ${_chunkXTQV7ZJ6cjs.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 ? _chunkN63HBX3Vcjs.getFontColor.call(void 0, theme, colorProp) : _chunkE4MOQFMEcjs.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`
-  ${_chunkE4MOQFMEcjs.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, _chunkM2ZLCF6Pcjs.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, _chunkM2ZLCF6Pcjs.UnstyledButton
   padding: 8px 10px;
 `;
 var TextInputLabel = _styled2.default.label`
-  ${_chunkNWNESPGQcjs.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: ${_chunkE4MOQFMEcjs.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: ${_chunkE4MOQFMEcjs.inputSpacingPx}px;
+    margin-top: ${_chunk2PI3XHGDcjs.inputSpacingPx}px;
   }
 
   ${TextInputHalfRow.toString()} & + & {
     margin-top: 0;
   }
 
-  ${_chunkKSHNWL2Lcjs.CheckboxContainer.toString()} + &,
-  ${_chunkVAKYMPPXcjs.ToggleContainer.toString()} + &,
-  & + ${_chunkKSHNWL2Lcjs.CheckboxContainer.toString()},
-  & + ${_chunkVAKYMPPXcjs.ToggleContainer.toString()} {
-    margin-top: ${_chunkE4MOQFMEcjs.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-QVQJIKDF.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 _chunkPIMOLSBMcjs = require('./chunk-PIMOLSBM.cjs');
+var _chunkFOUSEEFHcjs = require('./chunk-FOUSEEFH.cjs');
 
 
-var _chunkJBVSQGPYcjs = require('./chunk-JBVSQGPY.cjs');
+var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
 
 
 
 
-var _chunkVAUZ4W4Ocjs = require('./chunk-VAUZ4W4O.cjs');
+var _chunk7H2OXTENcjs = require('./chunk-7H2OXTEN.cjs');
 
 
-var _chunkM2ZLCF6Pcjs = require('./chunk-M2ZLCF6P.cjs');
+var _chunkK5JJ5ZJPcjs = require('./chunk-K5JJ5ZJP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkXTQV7ZJ6cjs = require('./chunk-XTQV7ZJ6.cjs');
+var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
 
 
-var _chunkNWNESPGQcjs = require('./chunk-NWNESPGQ.cjs');
+var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
 
 
-var _chunkN63HBX3Vcjs = require('./chunk-N63HBX3V.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 ? _chunkPIMOLSBMcjs.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 ? _chunkJBVSQGPYcjs.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, 
-              _chunkM2ZLCF6Pcjs.UnstyledButton,
+              _chunkK5JJ5ZJPcjs.UnstyledButton,
               {
-                css: _chunkVAUZ4W4Ocjs.extend.call(void 0, _chunkVAUZ4W4Ocjs.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, _chunkXTQV7ZJ6cjs.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: ${_chunkVAUZ4W4Ocjs.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 : _chunkN63HBX3Vcjs.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% - ${_chunkNWNESPGQcjs.standardContentInset.smPx * 2}px);
+  max-width: calc(100% - ${_chunkFPQ2OUYXcjs.standardContentInset.smPx * 2}px);
 
   max-height: ${beginHeightPx}px;
   width: 0px;

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

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

package/dist/{chunk-WSK2MYVL.cjs → chunk-3JLBYFZX.cjs}

@@ -3,27 +3,27 @@
 var _chunk4FRWKWXJcjs = require('./chunk-4FRWKWXJ.cjs');
 
 
-var _chunkJ26VDYFVcjs = require('./chunk-J26VDYFV.cjs');
-
-
 var _chunkQV4YFGGGcjs = require('./chunk-QV4YFGGG.cjs');
 
 
-var _chunkV6U2YSQUcjs = require('./chunk-V6U2YSQU.cjs');
-
-
 var _chunkIO33D4VHcjs = require('./chunk-IO33D4VH.cjs');
 
 
 var _chunkWNB3MZJOcjs = require('./chunk-WNB3MZJO.cjs');
 
 
-var _chunkCUTUDBAFcjs = require('./chunk-CUTUDBAF.cjs');
+var _chunkYEN2IQ6Zcjs = require('./chunk-YEN2IQ6Z.cjs');
 
 
 var _chunkMEPSDTIKcjs = require('./chunk-MEPSDTIK.cjs');
 
 
+var _chunkJ26VDYFVcjs = require('./chunk-J26VDYFV.cjs');
+
+
+var _chunkV6U2YSQUcjs = require('./chunk-V6U2YSQU.cjs');
+
+
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
@@ -101,7 +101,7 @@ function useNumberInput({
       stateValue,
       groupSeparator
     });
-    const stringValue = _chunkCUTUDBAFcjs.cleanValue.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
+    const stringValue = _chunkYEN2IQ6Zcjs.cleanValue.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
       value: modifiedValue
     }, cleanValueOptions));
     if (userMaxLength && stringValue.replace(/-/g, "").length > userMaxLength) {
@@ -151,7 +151,7 @@ function useNumberInput({
     const {
       target: { value }
     } = event;
-    const valueOnly = _chunkCUTUDBAFcjs.cleanValue.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { value }, cleanValueOptions));
+    const valueOnly = _chunkYEN2IQ6Zcjs.cleanValue.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { value }, cleanValueOptions));
     if (valueOnly === "-" || valueOnly === decimalSeparator || !valueOnly) {
       setStateValue("");
       return;
@@ -186,7 +186,7 @@ function useNumberInput({
       event.preventDefault();
       setCursor(stateValue.length);
       const currentValue = parseFloat(
-        userValue != null ? String(userValue).replace(decimalSeparator, ".") : _chunkCUTUDBAFcjs.cleanValue.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { value: stateValue }, cleanValueOptions))
+        userValue != null ? String(userValue).replace(decimalSeparator, ".") : _chunkYEN2IQ6Zcjs.cleanValue.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { value: stateValue }, cleanValueOptions))
       ) || 0;
       const newValue = key === "ArrowUp" ? currentValue + step : currentValue - step;
       if (min !== void 0 && newValue < Number(min)) {

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

@@ -6,7 +6,7 @@ var _chunkSFGLEWHWcjs = require('./chunk-SFGLEWHW.cjs');
 var _chunkB2MHM6CYcjs = require('./chunk-B2MHM6CY.cjs');
 
 
-var _chunkFZBPLBNDcjs = require('./chunk-FZBPLBND.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 }) => _chunkFZBPLBNDcjs.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-V2SU7NNU.js → chunk-3LCR3KCY.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-SJ2MVP3F.js";
+} from "./chunk-AHC2USPG.js";
 import {
   StyledLabelModerate,
   getPropDefaults
-} from "./chunk-3KNJJXRN.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
+};