@lightsparkdev/ui 1.0.12 → 1.0.13

package/dist/{chunk-MXSPA6A5.js → chunk-WB7M3D2W.js}

@@ -1,58 +1,49 @@
-import {
-  Body
-} from "./chunk-2YWN7AMD.js";
 import {
   useLiveRef
 } from "./chunk-NBCCPGA4.js";
 import {
   ProgressBar
-} from "./chunk-HXNEBHAR.js";
+} from "./chunk-OBBLAFLK.js";
 import {
   Drawer
-} from "./chunk-KFFGSG6N.js";
+} from "./chunk-MTAHDNQT.js";
 import {
   IconWithCircleBackground
-} from "./chunk-E5ICVBJN.js";
+} from "./chunk-XHATKRJR.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";
 import {
   Button,
   ButtonSelector
-} from "./chunk-WUPMVX4G.js";
+} from "./chunk-4U3AAKMA.js";
 import {
   UnstyledButton
-} from "./chunk-HGKK6OQJ.js";
+} from "./chunk-ZP6BJB4X.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   setDefaultReactNodesTypography
-} from "./chunk-RT7X3ZOO.js";
+} from "./chunk-GLYTFTP5.js";
 import {
   toReactNodes
-} from "./chunk-SOGADTSR.js";
+} from "./chunk-TS7Y6L2D.js";
 import {
   overflowAutoWithoutScrollbars
-} from "./chunk-AV62WHL7.js";
+} from "./chunk-4ZUB5ENE.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-DV6LJQJW.js";
 import {
   overlaySurface,
   standardBorderRadius,
   standardContentInset,
   standardFocusOutline
-} from "./chunk-4H7CTVLY.js";
-import {
-  headlineSelector
-} from "./chunk-LNQFUFVM.js";
+} from "./chunk-POGNK25N.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
-import {
-  TokenSize
-} from "./chunk-AZSSORPU.js";
 import {
   bp,
   useBreakpoints
@@ -98,7 +89,9 @@ function Modal({
   buttonLayout = "horizontal",
   extraActions,
   handleBack,
-  appendToElement
+  appendToElement,
+  bottomContent,
+  topLeftIcon
 }) {
   const visibleChangedRef = useRef(false);
   const nodeRef = useRef(null);
@@ -238,20 +231,24 @@ function Modal({
     const defaultTypography = {
       type: "Headline",
       heading: "h4",
-      size: TokenSize.Small
+      size: "Small"
     };
     const titleNodesWithTypography = setDefaultReactNodesTypography(title, {
       default: defaultTypography
     });
-    titleContent = toReactNodes(titleNodesWithTypography);
+    titleContent = /* @__PURE__ */ jsx(ModalTitle, { children: toReactNodes(titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
-    if (typeof description === "string") {
-      descriptionContent = /* @__PURE__ */ jsx(Description, { children: /* @__PURE__ */ jsx(Body, { size: "ExtraSmall", content: description }) });
-    } else {
-      descriptionContent = /* @__PURE__ */ jsx(Description, { children: toReactNodes(description) });
-    }
+    const defaultTypography = {
+      type: "Body",
+      size: "ExtraSmall"
+    };
+    const descriptionNodesWithTypography = setDefaultReactNodesTypography(
+      description,
+      { default: defaultTypography }
+    );
+    descriptionContent = /* @__PURE__ */ jsx(ModalDescription, { children: toReactNodes(descriptionNodesWithTypography) });
   }
   let topContentNode = null;
   if (topContent) {
@@ -298,10 +295,11 @@ function Modal({
           children: /* @__PURE__ */ jsxs(ModalContent, { width, ghost, smKind, children: [
             !firstFocusRef && /* @__PURE__ */ jsx(DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
             !ghost && /* @__PURE__ */ jsxs(ModalNavigation, { children: [
-              handleBack && /* @__PURE__ */ jsx(BackButton, { onClick: handleBack, children: /* @__PURE__ */ jsx(Icon, { name: "ChevronLeft", width: 16 }) }),
+              handleBack ? /* @__PURE__ */ jsx(BackButton, { onClick: handleBack, children: /* @__PURE__ */ jsx(Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ jsx(Icon, __spreadValues({}, topLeftIcon)) : null,
               !nonDismissable && /* @__PURE__ */ jsx(CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ jsx(Icon, { name: "Close", width: 9 }) })
             ] }),
-            /* @__PURE__ */ jsx(ModalContentInner, { ghost, children: modalContent })
+            /* @__PURE__ */ jsx(ModalContentInner, { ghost, children: modalContent }),
+            bottomContent && /* @__PURE__ */ jsx("div", { css: { marginTop: "auto" }, children: bottomContent })
           ] })
         }
       )
@@ -345,7 +343,7 @@ var ModalContainer = styled.div`
   ${(props) => `top: ${props.top}px;`}
 `;
 var contentTopMarginPx = 24;
-var Description = styled.div`
+var ModalDescription = styled.div`
   color: ${({ theme }) => theme.mcNeutral};
   margin-top: ${Spacing.px.sm};
   & + * {
@@ -375,6 +373,12 @@ var ModalButtonColumn = styled.div`
 
   margin-top: ${Spacing.px.lg};
 `;
+var ModalTitle = styled.div`
+  margin: 0;
+  & + *:not(${select(ModalDescription)}) {
+    margin-top: ${contentTopMarginPx}px;
+  }
+`;
 var ModalContent = styled.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
@@ -386,6 +390,8 @@ var ModalContent = styled.div`
   max-width: 100%;
   max-height: 100%;
   position: absolute;
+  display: flex;
+  flex-direction: column;
 
   ${({ ghost, width }) => `
     ${ghost ? "" : standardBorderRadius(16)}
@@ -394,17 +400,10 @@ var ModalContent = styled.div`
 
   ${({ smKind }) => smKind === "fullscreen" ? bp.sm(`
           width: 100%;
-          height: 100%;
+          height: 100dvh;
         `) : ""}
 
   ${({ ghost }) => ghost ? "" : "padding: 16px 16px 40px;"}
-
-  ${headlineSelector("h4")} {
-    margin: 0;
-    & + *:not(${select(Description)}) {
-      margin-top: ${contentTopMarginPx}px;
-    }
-  }
 `;
 var ModalNavigation = styled.div`
   display: grid;

package/dist/{chunk-LDQCPJGF.js → chunk-WBXNDT23.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-JJC2AUQ3.js";
 import {
   TextButton
-} from "./chunk-VXZ7H5N5.js";
+} from "./chunk-AM2SAFZ6.js";
 import {
   IconContainer
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-DV6LJQJW.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-YSZZ2EO6.js → chunk-WC32NKES.js}

@@ -1,12 +1,12 @@
 import {
   InfoIconTooltip
-} from "./chunk-WYK3Q2DP.js";
+} from "./chunk-BXJM6PXH.js";
 import {
   Loading
-} from "./chunk-24B3POUB.js";
+} from "./chunk-75PYS7WZ.js";
 import {
   ClipboardTextField
-} from "./chunk-FC3BTZUR.js";
+} from "./chunk-NVEDOY6M.js";
 import {
   useClipboard
 } from "./chunk-NFQP7P3D.js";
@@ -14,19 +14,19 @@ import {
   ignoreSSRWarning,
   lineClamp,
   overflowAutoWithoutScrollbars
-} from "./chunk-AV62WHL7.js";
+} from "./chunk-4ZUB5ENE.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-DV6LJQJW.js";
 import {
   standardBorderRadius,
   standardContentInset
-} from "./chunk-4H7CTVLY.js";
+} from "./chunk-POGNK25N.js";
 import {
   Link,
   replaceParams,
   useNavigate
-} from "./chunk-PVEDEZJZ.js";
+} from "./chunk-7VQUG3NG.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-LEM2VWU3.cjs → chunk-WDZTASE5.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
 
 
-var _chunkC6XJ7ZJFcjs = require('./chunk-C6XJ7ZJF.cjs');
+var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.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`
-  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 16)}
-  background-color: ${({ theme }) => _chunkC6XJ7ZJFcjs.themeOr.call(void 0, theme.c05Neutral, theme.c1Neutral)({ theme })};
+  ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, 16)}
+  background-color: ${({ theme }) => _chunk6DWDBCUJcjs.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`
-  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkD262WAOVcjs.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`
-  ${_chunkSWQDRB3Acjs.standardBorderRadius.call(void 0, 16)}
+  ${_chunkD262WAOVcjs.standardBorderRadius.call(void 0, 16)}
   overflow: hidden;
   box-sizing: border-box;
   display: inline-block;

package/dist/{chunk-5N2IZZTU.js → chunk-WF3QCCW3.js}

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

package/dist/{chunk-CMVAGQAD.js → chunk-WWUA7KI6.js}

@@ -1,12 +1,12 @@
 import {
   getPropDefaultsBase
-} from "./chunk-XJ3UGTYC.js";
+} from "./chunk-76FQY6HX.js";
 import {
   typographyStyles
-} from "./chunk-FKTI5NUC.js";
+} from "./chunk-F3HU3LG5.js";
 import {
   applyTypography
-} from "./chunk-XTOBN7SG.js";
+} from "./chunk-TLFK5GBE.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-UCTTDHY6.js → chunk-WY3ZN7KY.js}

@@ -1,15 +1,15 @@
 import {
   getPropDefaultsBase
-} from "./chunk-XJ3UGTYC.js";
+} from "./chunk-76FQY6HX.js";
 import {
   typographyStyles
-} from "./chunk-FKTI5NUC.js";
+} from "./chunk-F3HU3LG5.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-XTOBN7SG.js";
+} from "./chunk-TLFK5GBE.js";
 import {
   __objRest,
   __spreadProps,

package/dist/chunk-WZ7YBRQW.js

@@ -0,0 +1,27 @@
+// src/icons/ChevronRight.tsx
+import { jsx } from "@emotion/react/jsx-runtime";
+function ChevronRight() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "100%",
+      viewBox: "0 0 9 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M1.5 1.33333L7.57742 7.41075C7.90283 7.73617 7.90283 8.26383 7.57742 8.58925L1.5 14.6667",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+
+export {
+  ChevronRight
+};

package/dist/{chunk-E5ICVBJN.js → chunk-XHATKRJR.js}

@@ -3,13 +3,13 @@ import {
 } from "./chunk-5SJB7TBQ.js";
 import {
   Icon
-} from "./chunk-OFZVJPBJ.js";
+} from "./chunk-DV6LJQJW.js";
 import {
   Link
-} from "./chunk-PVEDEZJZ.js";
+} from "./chunk-7VQUG3NG.js";
 import {
   getColor
-} from "./chunk-HCKCJR5Y.js";
+} from "./chunk-N4C6SL6K.js";
 
 // src/components/IconWithCircleBackground.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-UE3WNLRT.js → chunk-XKCJPDD3.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-SOGADTSR.js";
+} from "./chunk-TS7Y6L2D.js";
 import {
   StyledLabelModerate,
   getPropDefaults
-} from "./chunk-CMVAGQAD.js";
+} from "./chunk-WWUA7KI6.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-SP3BMGMU.cjs → chunk-XNXC2QV2.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
 
 // src/components/Loading.tsx
 var _react = require('@emotion/react');
@@ -16,7 +16,7 @@ function Loading({
 }) {
   const theme = _react.useTheme.call(void 0, );
   const iconName = resolveLoadingProp(null, kind, "defaultIconName", theme);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingWrapper, { center, ml, mt, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Rotate, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: iconName, width: size }) }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingWrapper, { center, ml, mt, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Rotate, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: iconName, width: size }) }) });
 }
 var LoadingWrapper = _styled2.default.div`
   flex-grow: 1;

package/dist/{chunk-UMW2YGQI.cjs → chunk-XV2CSNTP.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkPYV6DRBLcjs = require('./chunk-PYV6DRBL.cjs');
+var _chunkILX4T6XZcjs = require('./chunk-ILX4T6XZ.cjs');
 
 
-var _chunkGMVP3EYXcjs = require('./chunk-GMVP3EYX.cjs');
+var _chunkJBO3HA6Gcjs = require('./chunk-JBO3HA6G.cjs');
 
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
 
 
-var _chunkRBWRQTGBcjs = require('./chunk-RBWRQTGB.cjs');
+var _chunkVUS3VIMScjs = require('./chunk-VUS3VIMS.cjs');
 
 
 var _chunk7PRNB5U5cjs = require('./chunk-7PRNB5U5.cjs');
@@ -48,7 +48,7 @@ function TextButton({
   }
   const defaultIconColor = iconMatchTextColor ? void 0 : "mcNeutral";
   const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkPYV6DRBLcjs.TextIconAligner,
+    _chunkILX4T6XZcjs.TextIconAligner,
     {
       onClick,
       leftIcon: leftIcon ? {
@@ -93,7 +93,7 @@ var buttonStyle = ({
   padding: ${padding};
 
   &:focus-visible {
-    outline: ${_chunkSWQDRB3Acjs.getFocusOutline.call(void 0, { theme })};
+    outline: ${_chunkD262WAOVcjs.getFocusOutline.call(void 0, { theme })};
   }
 
   & > * {
@@ -103,10 +103,10 @@ var buttonStyle = ({
     cursor: ${disabled ? "not-allowed" : "pointer"};
   }
 `;
-var StyledButton = _styled2.default.call(void 0, _chunkGMVP3EYXcjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkJBO3HA6Gcjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
-var ButtonLink = _styled2.default.call(void 0, _chunkRBWRQTGBcjs.Link)`
+var ButtonLink = _styled2.default.call(void 0, _chunkVUS3VIMScjs.Link)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonHrefLink = _styled2.default.a`

package/dist/{chunk-P7H66N4C.js → chunk-Y2HVV2C3.js}

@@ -1,12 +1,12 @@
 import {
   getPropDefaultsBase
-} from "./chunk-XJ3UGTYC.js";
+} from "./chunk-76FQY6HX.js";
 import {
   typographyStyles
-} from "./chunk-FKTI5NUC.js";
+} from "./chunk-F3HU3LG5.js";
 import {
   applyTypography
-} from "./chunk-XTOBN7SG.js";
+} from "./chunk-TLFK5GBE.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-ATCXH4ZA.cjs → chunk-YSH2UK2B.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkTETFIMNOcjs = require('./chunk-TETFIMNO.cjs');
+var _chunkZWH3ABG3cjs = require('./chunk-ZWH3ABG3.cjs');
 
 
-var _chunkCBPXRCT4cjs = require('./chunk-CBPXRCT4.cjs');
+var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
 
 // src/components/Checkbox.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -28,10 +28,10 @@ function Checkbox({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Medium",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkTETFIMNOcjs.setDefaultReactNodesTypography.call(void 0, label, {
+  const nodesWithTypography = _chunkZWH3ABG3cjs.setDefaultReactNodesTypography.call(void 0, label, {
     default: defaultTypography
   });
-  const content = _chunkCBPXRCT4cjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkSCLUBPNMcjs.toReactNodes.call(void 0, nodesWithTypography);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CheckboxContainer, { mt, alignItems, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledCheckbox,

package/dist/{chunk-S3MYMANK.js → chunk-YSQ6UQ6P.js}

@@ -1,6 +1,6 @@
 import {
   CodeInput
-} from "./chunk-MAJGPNTK.js";
+} from "./chunk-ON3L4ZE6.js";
 
 // src/components/CardForm/CardFormCodeInput.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-W7JGP24B.cjs → chunk-Z36EORYI.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkFTTZSNVVcjs = require('./chunk-FTTZSNVV.cjs');
+var _chunkMJZ366UEcjs = require('./chunk-MJZ366UE.cjs');
 
 
 
-var _chunkLQ7N5FRYcjs = require('./chunk-LQ7N5FRY.cjs');
+var _chunkITH4PPTTcjs = require('./chunk-ITH4PPTT.cjs');
 
 
-var _chunkRROZ5XYPcjs = require('./chunk-RROZ5XYP.cjs');
+var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
 
 // src/components/FileInput.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -59,7 +59,7 @@ function FileInput({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledFileInputContainer, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledFileInput, { hasValidFileSet: Boolean(fileName && fileContent), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: name, children: fileName && fileContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkFTTZSNVVcjs.Pill,
+        _chunkMJZ366UEcjs.Pill,
         {
           text: fileName,
           cursor: "pointer",
@@ -67,7 +67,7 @@ function FileInput({
           onDeleteFromKeyboard: handleRemoveFile
         }
       ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRROZ5XYPcjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkORWZTMF2cjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
         "Upload ",
         filePurpose || "",
         " file"
@@ -82,7 +82,7 @@ function FileInput({
         }
       )
     ] }),
-    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLQ7N5FRYcjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
+    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkITH4PPTTcjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
   ] });
 }
 var StyledFileInputContainer = _styled2.default.div``;
@@ -94,7 +94,7 @@ var StyledFileInput = _styled2.default.div`
   label {
     display: block;
     cursor: pointer;
-    ${({ theme, hasValidFileSet }) => _chunkLQ7N5FRYcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
+    ${({ theme, hasValidFileSet }) => _chunkITH4PPTTcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
   }
 `;
 

package/dist/{chunk-23OGEUAA.cjs → chunk-Z5EFUGXG.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkIBPPT3NUcjs = require('./chunk-IBPPT3NU.cjs');
+var _chunkQ2CWG22Bcjs = require('./chunk-Q2CWG22B.cjs');
 
 
-var _chunkAIJ4JHXBcjs = require('./chunk-AIJ4JHXB.cjs');
+var _chunkE36KSEQZcjs = require('./chunk-E36KSEQZ.cjs');
 
 
-var _chunkSWQDRB3Acjs = require('./chunk-SWQDRB3A.cjs');
+var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -24,7 +24,7 @@ function ButtonRow({
   headerHeight = 0
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowContainer, { smSticky, headerHeight, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledButtonRow, { className, children: buttons.map(
-    (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIBPPT3NUcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), idx)
+    (button, idx) => button === "divider" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ButtonRowDivider, {}, idx) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ2CWG22Bcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, button), idx)
   ) }) });
 }
 var ButtonRowContainer = _styled2.default.div`
@@ -37,9 +37,9 @@ var ButtonRowContainer = _styled2.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunkSWQDRB3Acjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunkSWQDRB3Acjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunkSWQDRB3Acjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunkD262WAOVcjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunkD262WAOVcjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunkD262WAOVcjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         z-index: 2;
         &:before {
@@ -61,7 +61,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRow = _styled2.default.div`
-  ${_chunkAIJ4JHXBcjs.overflowAutoWithoutScrollbars}
+  ${_chunkE36KSEQZcjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -78,7 +78,7 @@ var StyledButtonRow = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunkSWQDRB3Acjs.standardContentInset.smPx}px;
+    padding: ${_chunkD262WAOVcjs.standardContentInset.smPx}px;
   `)}
 `;