@lightsparkdev/ui 1.1.0 → 1.1.1

package/dist/{chunk-UGRRR64W.js → chunk-VDD5W2ZW.js}

@@ -3,44 +3,44 @@ import {
 } from "./chunk-PEK53X7W.js";
 import {
   ProgressBar
-} from "./chunk-WK3QJMNV.js";
+} from "./chunk-VHX4V2EN.js";
+import {
+  IconWithCircleBackground
+} from "./chunk-363DAWKZ.js";
 import {
   Drawer
-} from "./chunk-VFOOK2Q5.js";
+} from "./chunk-43FHEBXH.js";
 import {
-  IconWithCircleBackground
-} from "./chunk-E5INXIWL.js";
+  Button,
+  ButtonSelector
+} from "./chunk-2OE2VPDJ.js";
+import {
+  UnstyledButton
+} from "./chunk-3HIDFTSK.js";
+import {
+  z
+} from "./chunk-55OQPFLF.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   setDefaultReactNodesTypography
-} from "./chunk-2WPDZCWM.js";
+} from "./chunk-5A7SOR5D.js";
 import {
   toReactNodes
-} from "./chunk-AHC2USPG.js";
+} from "./chunk-BDL3A6DZ.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-RKAVKJX6.js";
-import {
-  Button,
-  ButtonSelector
-} from "./chunk-U6EBWLCK.js";
-import {
-  UnstyledButton
-} from "./chunk-Z6I64NIF.js";
-import {
-  z
-} from "./chunk-55OQPFLF.js";
+} from "./chunk-KKGZ47R3.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardContentInset,
   standardFocusOutline
-} from "./chunk-E46IHC27.js";
+} from "./chunk-ANZUTQRP.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
@@ -102,7 +102,10 @@ function Modal({
   handleBack,
   appendToElement,
   bottomContent,
-  topLeftIcon
+  topLeftIcon,
+  drawerKind,
+  drawerPadding,
+  drawerCloseButton = true
 }) {
   const visibleChangedRef = useRef(false);
   const [visibleChanged, setVisibleChanged] = useState(false);
@@ -306,9 +309,12 @@ function Modal({
       Drawer,
       {
         onClose: () => onClickCloseButton(),
-        closeButton: true,
+        closeButton: drawerCloseButton,
         nonDismissable,
         handleBack,
+        kind: drawerKind != null ? drawerKind : "default",
+        padding: drawerPadding !== void 0 ? `${drawerPadding}px` : void 0,
+        top,
         children: modalContent
       }
     );

package/dist/{chunk-DSRVIFSU.cjs → chunk-VDSQAXIM.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkVXW4GOMOcjs = require('./chunk-VXW4GOMO.cjs');
 
 
-var _chunk7H2OXTENcjs = require('./chunk-7H2OXTEN.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunk4UFYMBJKcjs = require('./chunk-4UFYMBJK.cjs');
+var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -36,7 +36,7 @@ function ButtonRow({
       bottomBorder,
       ml,
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRowButton, { className, children: buttons.map(
-        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4UFYMBJKcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
+        (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVXW4GOMOcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
       ) })
     }
   );
@@ -52,9 +52,9 @@ var StyledButtonRow = _styled2.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunkFPQ2OUYXcjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunkFPQ2OUYXcjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunkFPQ2OUYXcjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunkU35SY546cjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunkU35SY546cjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunkU35SY546cjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         ${bottomBorder ? `
             &:before {
@@ -78,7 +78,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRowButton = _styled2.default.div`
-  ${_chunk7H2OXTENcjs.overflowAutoWithoutScrollbars}
+  ${_chunkXQNOVNF4cjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -91,7 +91,7 @@ var StyledButtonRowButton = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunkFPQ2OUYXcjs.standardContentInset.smPx}px;
+    padding: ${_chunkU35SY546cjs.standardContentInset.smPx}px;
   `)}
 `;
 

package/dist/{chunk-WK3QJMNV.js → chunk-VHX4V2EN.js}

@@ -1,9 +1,9 @@
 import {
   standardBorderRadius
-} from "./chunk-E46IHC27.js";
+} from "./chunk-ANZUTQRP.js";
 import {
   themeOr
-} from "./chunk-AM7EMJXN.js";
+} from "./chunk-33OPRYWV.js";
 
 // src/components/ProgressBar.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-2FG7PGPI.js → chunk-VUXLRZHO.js}

@@ -3,33 +3,33 @@ import {
 } from "./chunk-VQVEZVAG.js";
 import {
   MultiToggle
-} from "./chunk-UVJK2G3B.js";
+} from "./chunk-PGJA2U3B.js";
 import {
   Toggle
-} from "./chunk-FXDEUNPF.js";
+} from "./chunk-ALFU7MBM.js";
 import {
   Button
-} from "./chunk-U6EBWLCK.js";
+} from "./chunk-2OE2VPDJ.js";
 import {
   UnstyledButton
-} from "./chunk-Z6I64NIF.js";
+} from "./chunk-3HIDFTSK.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardFocusOutline
-} from "./chunk-E46IHC27.js";
+} from "./chunk-ANZUTQRP.js";
 import {
   Link
-} from "./chunk-5HDXWO2E.js";
+} from "./chunk-PTJ7AVLT.js";
 import {
   themeOr
-} from "./chunk-AM7EMJXN.js";
+} from "./chunk-33OPRYWV.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-4UFYMBJK.cjs → chunk-VXW4GOMO.cjs}

@@ -1,34 +1,34 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkBL5NDVAZcjs = require('./chunk-BL5NDVAZ.cjs');
+var _chunk2VEWSENQcjs = require('./chunk-2VEWSENQ.cjs');
 
 
-var _chunkE2672QPScjs = require('./chunk-E2672QPS.cjs');
+var _chunkYNBZC3U6cjs = require('./chunk-YNBZC3U6.cjs');
 
 
-var _chunkK5JJ5ZJPcjs = require('./chunk-K5JJ5ZJP.cjs');
+var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 
-var _chunkI4L4UO26cjs = require('./chunk-I4L4UO26.cjs');
+var _chunk7VSNXYK4cjs = require('./chunk-7VSNXYK4.cjs');
 
 
-var _chunk5SPEBEERcjs = require('./chunk-5SPEBEER.cjs');
+var _chunkILL2GVLFcjs = require('./chunk-ILL2GVLF.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkDO3PWX7Qcjs = require('./chunk-DO3PWX7Q.cjs');
+var _chunkHEMGZE2Gcjs = require('./chunk-HEMGZE2G.cjs');
 
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
 
 
 
@@ -68,11 +68,11 @@ function resolveBackgroundColorKey(theme, kind, defaultKey) {
   var _a;
   const defaultBackgroundColorKey = (_a = theme.buttons.kinds[kind]) == null ? void 0 : _a[defaultKey];
   let backgroundColorKey = defaultBackgroundColorKey;
-  if (!backgroundColorKey && _chunkHGCI5IAMcjs.isThemeOrColorKey.call(void 0, kind)) {
+  if (!backgroundColorKey && _chunkXUEKQQJVcjs.isThemeOrColorKey.call(void 0, kind)) {
     backgroundColorKey = kind;
   }
   const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunkHGCI5IAMcjs.getBackgroundColor.call(void 0, 
+  const backgroundColor = _chunkXUEKQQJVcjs.getBackgroundColor.call(void 0, 
     theme,
     backgroundColorKey,
     defaultBackgroundColor
@@ -215,7 +215,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         typography,
         kind,
         paddingX,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBL5NDVAZcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2VEWSENQcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -228,7 +228,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         kind,
         paddingX,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk6Z6ZBZEJcjs.Icon,
+          _chunk4N5EXQIScjs.Icon,
           _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, icon), {
             width: icon.width || defaultIconWidth,
             square: true,
@@ -257,7 +257,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              children: _chunk5SPEBEERcjs.renderTypography.call(void 0, typography.type, {
+              children: _chunkILL2GVLFcjs.renderTypography.call(void 0, typography.type, {
                 children: text,
                 color: typography.color,
                 size
@@ -268,7 +268,7 @@ var Button = _react3.forwardRef.call(void 0, (props, ref) => {
         ]
       })
     ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkE2672QPScjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNBZC3U6cjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
   const commonProps = {
     id,
@@ -354,7 +354,7 @@ var buttonStyle = ({
 
     ${zIndex && `z-index: ${zIndex};`}
 
-    ${_chunkDO3PWX7Qcjs.applyTypography.call(void 0, 
+    ${_chunkHEMGZE2Gcjs.applyTypography.call(void 0, 
     theme,
     typography.type,
     typography.size,
@@ -362,7 +362,7 @@ var buttonStyle = ({
   )}
 
     &:focus-visible {
-      outline: ${_chunkFPQ2OUYXcjs.getFocusOutline.call(void 0, { theme })};
+      outline: ${_chunkU35SY546cjs.getFocusOutline.call(void 0, { theme })};
       /* Slightly different offset for buttons so the outline is visible: */
       outline-offset: 0px;
     }
@@ -402,9 +402,9 @@ var ButtonIcon = _styled2.default.div`
   ${({ iconSide, paddingX }) => `${iconSide}: ${paddingX}px;`}
 `;
 var LinkWithoutTypography = _react3.forwardRef.call(void 0, (props, ref) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI4L4UO26cjs.Link, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { ref }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7VSNXYK4cjs.Link, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props), { ref }));
 });
-var StyledButton = _styled2.default.call(void 0, _chunkK5JJ5ZJPcjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkR46DRG52cjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`

package/dist/{chunk-YJIIP7IY.js → chunk-WAGTMEWB.js}

@@ -23,6 +23,7 @@ var neutral = {
   gray91: "#171717",
   gray95: "#F2F2F2",
   gray98: "#F9F9F9",
+  gray99: "#EDEEF1",
   white: "#FFFFFF"
 };
 var darkGradient = "#1d1d1d linear-gradient(180deg, #090909 63.08%, #1d1d1d 100.52%)";
@@ -34,10 +35,12 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   green33: "#179257",
   green35: "#19981E",
   // blue
+  blue10: "#E4EFFB",
   blue43: "#145BC6",
   blue22: "#0E2E60",
   blue39: "#0068C9",
   blue37: "#21529c",
+  blue50: "#2483D1",
   blue58: "#28BFFF",
   // less than 50% saturated blue
   grayBlue5: "#0c0d0f",
@@ -68,6 +71,8 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   red42a10: "#D800271A",
   red42a20: "#D800272D",
   red42a30: "#D800273F",
+  errorText: "#E41C1B",
+  errorBackground: "#FEE2E1",
   // yellow
   primary,
   warning: primary,
@@ -78,6 +83,10 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   // neutral
   secondary: neutral.black,
   gray: "#242526",
+  gray2: "#6D7685",
+  gray3: "#D9DBDF",
+  gray4: "#B6BAC3",
+  gray6: "#8E95A2",
   // transparent
   transparent: "transparent",
   transparenta02: "#00000005",

package/dist/chunk-WDN77DVO.cjs

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkTPVPCMRQcjs = require('./chunk-TPVPCMRQ.cjs');
+
+// src/hooks/useDocumentTitle.tsx
+var _react = require('react');
+var useDocumentTitle = (defaultPrefix, title) => {
+  _chunkTPVPCMRQcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+    window.document.title = `${defaultPrefix} - ${title}`;
+  }, [title, defaultPrefix]);
+  _react.useEffect.call(void 0, () => {
+    return () => {
+      window.document.title = defaultPrefix;
+    };
+  }, [defaultPrefix]);
+};
+
+
+
+exports.useDocumentTitle = useDocumentTitle;

package/dist/{chunk-LFNGQTS6.js → chunk-WFMPV7KX.js}

@@ -1,18 +1,18 @@
 import {
   absoluteCenter
-} from "./chunk-RKAVKJX6.js";
+} from "./chunk-KKGZ47R3.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 import {
   standardBorderRadius
-} from "./chunk-E46IHC27.js";
+} from "./chunk-ANZUTQRP.js";
 import {
   getColor
-} from "./chunk-AM7EMJXN.js";
+} from "./chunk-33OPRYWV.js";
 import {
   colors
-} from "./chunk-YJIIP7IY.js";
+} from "./chunk-WAGTMEWB.js";
 import {
   __spreadValues
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-TBZZXLAM.cjs → chunk-WKRK7DGR.cjs}

@@ -205,8 +205,8 @@ var LETTER_SPACING = {
     loose: ".1em"
   },
   ["Bridge" /* Bridge */]: {
-    tight: "-2%",
-    normal: "0%",
+    tight: "-0.48px",
+    normal: "0",
     wide: "10%"
   }
 };

package/dist/{chunk-OYQ4V4V6.cjs → chunk-WOKD2LBD.cjs}

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

package/dist/{chunk-MYRSWJPJ.js → chunk-WW3KFUFD.js}

@@ -1,6 +1,6 @@
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 
 // src/components/Loading.tsx
 import { useTheme } from "@emotion/react";

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

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
+var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
 
 
 
-var _chunkTBJKNYG4cjs = require('./chunk-TBJKNYG4.cjs');
+var _chunkUBQ5BC6Mcjs = require('./chunk-UBQ5BC6M.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 = _chunkTBJKNYG4cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkUBQ5BC6Mcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkPMF5K72Fcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunk6OSTNEFIcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTBJKNYG4cjs.StyledHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUBQ5BC6Mcjs.StyledHeadline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-VTCBLFGU.js → chunk-XK6WXVWL.js}

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

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

@@ -1,32 +1,32 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFOUSEEFHcjs = require('./chunk-FOUSEEFH.cjs');
+var _chunkR46DRG52cjs = require('./chunk-R46DRG52.cjs');
 
 
-var _chunkPMF5K72Fcjs = require('./chunk-PMF5K72F.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
+var _chunkSFVPZBMVcjs = require('./chunk-SFVPZBMV.cjs');
 
 
-var _chunk7H2OXTENcjs = require('./chunk-7H2OXTEN.cjs');
+var _chunk6OSTNEFIcjs = require('./chunk-6OSTNEFI.cjs');
 
 
-var _chunkK5JJ5ZJPcjs = require('./chunk-K5JJ5ZJP.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkXQNOVNF4cjs = require('./chunk-XQNOVNF4.cjs');
 
 
-var _chunk6Z6ZBZEJcjs = require('./chunk-6Z6ZBZEJ.cjs');
+var _chunk4N5EXQIScjs = require('./chunk-4N5EXQIS.cjs');
 
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 
-var _chunkHGCI5IAMcjs = require('./chunk-HGCI5IAM.cjs');
+var _chunkXUEKQQJVcjs = require('./chunk-XUEKQQJV.cjs');
 
 
-var _chunkQYVQII3Icjs = require('./chunk-QYVQII3I.cjs');
+var _chunkK7HWTEGPcjs = require('./chunk-K7HWTEGP.cjs');
 
 
 
@@ -183,7 +183,7 @@ function Toasts({
     const fromCurrent = i === currentToastIndex ? 0 : currentToastIndex - i;
     const movingToCurrent = currentToast.isHiding && i === currentToastIndex - 1;
     const hidingFromCurrent = currentToast.isHiding ? fromCurrent - 1 : fromCurrent;
-    const nodes = toast.content ? _chunkFOUSEEFHcjs.setDefaultReactNodesTypography.call(void 0, toast.content, {
+    const nodes = toast.content ? _chunkSFVPZBMVcjs.setDefaultReactNodesTypography.call(void 0, toast.content, {
       default: defaultTypography
     }).map((node) => {
       if (_lodashes.isObject.call(void 0, node) && "typography" in node && node.typography) {
@@ -201,7 +201,7 @@ function Toasts({
       }
       return node;
     }) : null;
-    const contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: nodes ? _chunkPMF5K72Fcjs.toReactNodes.call(void 0, nodes) : null });
+    const contentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: nodes ? _chunk6OSTNEFIcjs.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,
@@ -224,18 +224,18 @@ function Toasts({
           children: [
             contentNode,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkK5JJ5ZJPcjs.UnstyledButton,
+              _chunkR46DRG52cjs.UnstyledButton,
               {
-                css: _chunk7H2OXTENcjs.extend.call(void 0, _chunk7H2OXTENcjs.flexCenter, {
+                css: _chunkXQNOVNF4cjs.extend.call(void 0, _chunkXQNOVNF4cjs.flexCenter, {
                   position: "absolute",
                   right: "5px",
                   top: "-1px",
                   height: "50px",
                   width: "50px",
-                  outlineColor: `${_chunkQYVQII3Icjs.colors.white} !important`
+                  outlineColor: `${_chunkK7HWTEGPcjs.colors.white} !important`
                 }),
                 onClick: () => hideToast(toast.id),
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6Z6ZBZEJcjs.Icon, { name: "Close", width: 9 })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4N5EXQIScjs.Icon, { name: "Close", width: 9 })
               }
             )
           ]
@@ -252,12 +252,12 @@ var minScale = 0.95;
 var StyledToast = _styled2.default.div`
   position: fixed;
   z-index: ${_chunkZU72XWNEcjs.z.toast};
-  line-height: ${_chunk7H2OXTENcjs.pxToRems.call(void 0, 16)};
+  line-height: ${_chunkXQNOVNF4cjs.pxToRems.call(void 0, 16)};
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   font-weight: 500;
-  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? _chunkQYVQII3Icjs.colors.blue43 : _chunkHGCI5IAMcjs.themeOr.call(void 0, "#2A50B2", _chunkQYVQII3Icjs.colors.blue43)};
+  background-color: ${({ isCurrent, movingToCurrent }) => isCurrent || movingToCurrent ? _chunkK7HWTEGPcjs.colors.blue43 : _chunkXUEKQQJVcjs.themeOr.call(void 0, "#2A50B2", _chunkK7HWTEGPcjs.colors.blue43)};
   color: rgba(255, 255, 255, 0);
   padding: 16px 24px;
   ${({ duration }) => !duration && "padding-right: 50px;"}
@@ -272,7 +272,7 @@ var StyledToast = _styled2.default.div`
   transform: translateX(-50%);
   text-overflow: ellipsis;
   overflow: hidden;
-  max-width: calc(100% - ${_chunkFPQ2OUYXcjs.standardContentInset.smPx * 2}px);
+  max-width: calc(100% - ${_chunkU35SY546cjs.standardContentInset.smPx * 2}px);
 
   max-height: ${beginHeightPx}px;
   width: 0px;

package/dist/{chunk-FHRJPK5E.js → chunk-XLXBCBY5.js}

@@ -1,12 +1,12 @@
 import {
   Tooltip
-} from "./chunk-KPNJ6H7M.js";
+} from "./chunk-D2TOV5JJ.js";
 import {
   UnstyledButton
-} from "./chunk-Z6I64NIF.js";
+} from "./chunk-3HIDFTSK.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 import {
   __async
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-G2UHA5JS.js → chunk-XPV3XQ5D.js}

@@ -3,22 +3,22 @@ import {
 } from "./chunk-MS4Y7HXG.js";
 import {
   LabelModerate
-} from "./chunk-3LCR3KCY.js";
+} from "./chunk-QX2R5WFV.js";
 import {
   textInputStyle
-} from "./chunk-KU4X4VPI.js";
-import {
-  Spacing
-} from "./chunk-E5DUKMCU.js";
+} from "./chunk-UH2H3Y7Y.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
+import {
+  Spacing
+} from "./chunk-E5DUKMCU.js";
 import {
   Icon
-} from "./chunk-DJOYSVI3.js";
+} from "./chunk-YTKSEJHA.js";
 import {
   getTypographyString
-} from "./chunk-FGZFMWJU.js";
+} from "./chunk-J3TUZRIL.js";
 
 // src/components/DataManagerTable/DateWidget.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-7H2OXTEN.cjs → chunk-XQNOVNF4.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkFPQ2OUYXcjs = require('./chunk-FPQ2OUYX.cjs');
+var _chunkU35SY546cjs = require('./chunk-U35SY546.cjs');
 
 // src/styles/utils.tsx
 var _react = require('@emotion/react');
 function pxToRems(rems, asNum = false) {
-  const value = (rems / _chunkFPQ2OUYXcjs.rootFontSizePx).toFixed(6);
+  const value = (rems / _chunkU35SY546cjs.rootFontSizePx).toFixed(6);
   return asNum ? Number(value) : `${value}rem`;
 }
 function remsToPx(rems, asNum = false) {
-  const value = (_chunkFPQ2OUYXcjs.rootFontSizePx * rems).toFixed(6);
+  const value = (_chunkU35SY546cjs.rootFontSizePx * rems).toFixed(6);
   return asNum ? Number(value) : `${value}px`;
 }
 var extend = (...args) => _react.css.call(void 0, ...args);