@lightsparkdev/ui 1.0.13 → 1.0.14

package/dist/{chunk-Q2CWG22B.cjs → chunk-RSAWZM47.cjs}

@@ -1,37 +1,37 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXNXC2QV2cjs = require('./chunk-XNXC2QV2.cjs');
+var _chunkNAFB5UYYcjs = require('./chunk-NAFB5UYY.cjs');
 
 
-var _chunkJBO3HA6Gcjs = require('./chunk-JBO3HA6G.cjs');
+var _chunkXRNCL5CAcjs = require('./chunk-XRNCL5CA.cjs');
 
 
-var _chunkLH7M4OGRcjs = require('./chunk-LH7M4OGR.cjs');
+var _chunkQ4RAJLKPcjs = require('./chunk-Q4RAJLKP.cjs');
 
 
-var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.cjs');
 
 
-var _chunkD262WAOVcjs = require('./chunk-D262WAOV.cjs');
+var _chunkRUDXRW4Rcjs = require('./chunk-RUDXRW4R.cjs');
 
 
-var _chunkVUS3VIMScjs = require('./chunk-VUS3VIMS.cjs');
+var _chunk5YGED5IJcjs = require('./chunk-5YGED5IJ.cjs');
 
 
-var _chunkAK6RCSDZcjs = require('./chunk-AK6RCSDZ.cjs');
+var _chunkLVYTRVPJcjs = require('./chunk-LVYTRVPJ.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
+var _chunkF6XEXDWUcjs = require('./chunk-F6XEXDWU.cjs');
 
 
 
-var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
+var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
 
 
-var _chunkSZKZWADNcjs = require('./chunk-SZKZWADN.cjs');
+var _chunkBP7JY5RTcjs = require('./chunk-BP7JY5RT.cjs');
 
 
 
@@ -56,23 +56,24 @@ var buttonKinds = [
   "linkLight",
   "danger",
   "warning",
-  "tertiary"
+  "tertiary",
+  "quaternary"
 ];
 var roundPaddingsX = {
-  [_chunkSZKZWADNcjs.TokenSize.ExtraSmall]: 10,
-  [_chunkSZKZWADNcjs.TokenSize.Small]: 10,
-  [_chunkSZKZWADNcjs.TokenSize.Schmedium]: 10,
-  [_chunkSZKZWADNcjs.TokenSize.Medium]: 14,
-  [_chunkSZKZWADNcjs.TokenSize.Mlarge]: 19,
-  [_chunkSZKZWADNcjs.TokenSize.Large]: 19
+  [_chunkBP7JY5RTcjs.TokenSize.ExtraSmall]: 10,
+  [_chunkBP7JY5RTcjs.TokenSize.Small]: 10,
+  [_chunkBP7JY5RTcjs.TokenSize.Schmedium]: 10,
+  [_chunkBP7JY5RTcjs.TokenSize.Medium]: 14,
+  [_chunkBP7JY5RTcjs.TokenSize.Mlarge]: 19,
+  [_chunkBP7JY5RTcjs.TokenSize.Large]: 19
 };
 var paddingsX = {
-  [_chunkSZKZWADNcjs.TokenSize.ExtraSmall]: 16,
-  [_chunkSZKZWADNcjs.TokenSize.Small]: 24,
-  [_chunkSZKZWADNcjs.TokenSize.Schmedium]: 24,
-  [_chunkSZKZWADNcjs.TokenSize.Medium]: 24,
-  [_chunkSZKZWADNcjs.TokenSize.Mlarge]: 24,
-  [_chunkSZKZWADNcjs.TokenSize.Large]: 24
+  [_chunkBP7JY5RTcjs.TokenSize.ExtraSmall]: 16,
+  [_chunkBP7JY5RTcjs.TokenSize.Small]: 24,
+  [_chunkBP7JY5RTcjs.TokenSize.Schmedium]: 24,
+  [_chunkBP7JY5RTcjs.TokenSize.Medium]: 24,
+  [_chunkBP7JY5RTcjs.TokenSize.Mlarge]: 24,
+  [_chunkBP7JY5RTcjs.TokenSize.Large]: 24
 };
 function getPaddingX(size, kind, isRound) {
   return kind === "ghost" ? 0 : isRound ? roundPaddingsX[size] : paddingsX[size];
@@ -86,11 +87,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 && _chunk6DWDBCUJcjs.isThemeOrColorKey.call(void 0, kind)) {
+  if (!backgroundColorKey && _chunkCUOCAP4Wcjs.isThemeOrColorKey.call(void 0, kind)) {
     backgroundColorKey = kind;
   }
   const defaultBackgroundColor = theme.buttons[defaultKey];
-  const backgroundColor = _chunk6DWDBCUJcjs.getBackgroundColor.call(void 0, 
+  const backgroundColor = _chunkCUOCAP4Wcjs.getBackgroundColor.call(void 0, 
     theme,
     backgroundColorKey,
     defaultBackgroundColor
@@ -217,7 +218,7 @@ function Button(props) {
         text,
         typography,
         kind,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXNXC2QV2cjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNAFB5UYYcjs.Loading, { size: defaultIconWidth, center: false, kind: loadingKind })
       }
     );
   } else if (icon) {
@@ -229,7 +230,7 @@ function Button(props) {
         typography,
         kind,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkORWZTMF2cjs.Icon,
+          _chunkZFJVBBROcjs.Icon,
           _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, icon), {
             width: icon.width || defaultIconWidth,
             color: typography.color
@@ -257,7 +258,7 @@ function Button(props) {
                 textOverflow: "ellipsis",
                 overflow: "hidden"
               },
-              children: _chunkAK6RCSDZcjs.renderTypography.call(void 0, typography.type, {
+              children: _chunkLVYTRVPJcjs.renderTypography.call(void 0, typography.type, {
                 children: text,
                 color: typography.color,
                 size
@@ -268,7 +269,7 @@ function Button(props) {
         ]
       })
     ),
-    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLH7M4OGRcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
+    tooltipText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQ4RAJLKPcjs.Tooltip, { id: tooltipId.current, content: tooltipText }) : null
   ] });
   const isSingleCharRoundButton = Boolean(text && text.length === 1 && !icon);
   const commonProps = {
@@ -338,7 +339,7 @@ var buttonStyle = ({
 
     ${zIndex && `z-index: ${zIndex};`}
 
-    ${_chunkQK32JW3Ncjs.applyTypography.call(void 0, 
+    ${_chunkF6XEXDWUcjs.applyTypography.call(void 0, 
     theme,
     typography.type,
     typography.size,
@@ -346,7 +347,7 @@ var buttonStyle = ({
   )}
 
     &:focus-visible {
-      outline: ${_chunkD262WAOVcjs.getFocusOutline.call(void 0, { theme })};
+      outline: ${_chunkRUDXRW4Rcjs.getFocusOutline.call(void 0, { theme })};
       /* Slightly different offset for buttons so the outline is visible: */
       outline-offset: 0px;
     }
@@ -391,7 +392,7 @@ var ButtonIcon = _styled2.default.div`
   justify-content: center;
   ${({ iconSide, kind, typography }) => `${iconSide}: ${getPaddingX(typography.size, kind, false)}px;`}
 `;
-var StyledButton = _styled2.default.call(void 0, _chunkJBO3HA6Gcjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkXRNCL5CAcjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonLink = _styled2.default.call(void 0, LinkWithoutTypography)`
@@ -404,7 +405,7 @@ var ButtonSelector = (prepend = "", append = "") => `${prepend}*:is(${_chunk6VA4
   ButtonHrefLink
 )})${append}`;
 function LinkWithoutTypography(props) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVUS3VIMScjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5YGED5IJcjs.Link, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, props));
 }
 
 

package/dist/{chunk-D262WAOV.cjs → chunk-RUDXRW4R.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
+var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -115,7 +115,7 @@ var overlaySurfaceBorderColor = ({
   theme,
   important = false
 }) => _react.css`
-  border-color: ${_chunk6DWDBCUJcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
+  border-color: ${_chunkCUOCAP4Wcjs.themeOr.call(void 0, theme.c1Neutral, theme.c3Neutral)({ theme })}
     ${important ? "!important" : ""};
 `;
 var overlaySurface = ({
@@ -123,11 +123,11 @@ var overlaySurface = ({
   important = false,
   border = true
 }) => _react.css`
-  background-color: ${_chunk6DWDBCUJcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
+  background-color: ${_chunkCUOCAP4Wcjs.themeOr.call(void 0, theme.bg, theme.c1Neutral)({ theme })}
     ${important ? "!important" : ""};
   ${border ? `border: 0.5px solid ${important ? "!important" : ""};` : ""}
   ${overlaySurfaceBorderColor({ theme, important })};
-  ${_chunk6DWDBCUJcjs.themeOr.call(void 0, 
+  ${_chunkCUOCAP4Wcjs.themeOr.call(void 0, 
   `box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.1) ${important ? "!important" : ""};`,
   ""
 )({ theme })}

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

@@ -3,13 +3,13 @@ import {
 } from "./chunk-76FQY6HX.js";
 import {
   typographyStyles
-} from "./chunk-F3HU3LG5.js";
+} from "./chunk-BU6N4DJ3.js";
 import {
   select
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-TLFK5GBE.js";
+} from "./chunk-XBZNPA3L.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-A4EY427C.js → chunk-RW5RZAVN.js}

@@ -1,9 +1,9 @@
 import {
   UnstyledButton
-} from "./chunk-ZP6BJB4X.js";
+} from "./chunk-I5WDNJY3.js";
 import {
   themeOr
-} from "./chunk-N4C6SL6K.js";
+} from "./chunk-QNPCRFUV.js";
 import {
   colors
 } from "./chunk-HO7LVJ3R.js";

package/dist/{chunk-AC2NXSOP.cjs → chunk-RWL5BQ2Z.cjs}

@@ -3,7 +3,7 @@
 var _chunkAGIM6BKCcjs = require('./chunk-AGIM6BKC.cjs');
 
 
-var _chunkV2JHGVZYcjs = require('./chunk-V2JHGVZY.cjs');
+var _chunkHTPOCTTEcjs = require('./chunk-HTPOCTTE.cjs');
 
 // src/components/documentation/DocsHeadline.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -53,7 +53,7 @@ var DocsHeadline = ({
 }) => {
   const id = toKebabCase(getHeaderId(children));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkV2JHGVZYcjs.StyledHeadline,
+    _chunkHTPOCTTEcjs.StyledHeadline,
     {
       as: heading,
       id,

package/dist/{chunk-2I6GN3DP.js → chunk-SHKLF5BK.js}

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

package/dist/{chunk-SY55CUFP.cjs → chunk-SKFWIFQW.cjs}

@@ -3,10 +3,10 @@
 var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
 
 
-var _chunkUBC75VRUcjs = require('./chunk-UBC75VRU.cjs');
+var _chunkOZ6V4UJ3cjs = require('./chunk-OZ6V4UJ3.cjs');
 
 
-var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
+var _chunkF6XEXDWUcjs = require('./chunk-F6XEXDWU.cjs');
 
 
 
@@ -24,8 +24,8 @@ function getPropDefaults(props) {
   return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledTitle = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkQK32JW3Ncjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
-  ${_chunkUBC75VRUcjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkF6XEXDWUcjs.applyTypography.call(void 0, theme, "Title", size, colorProp)}
+  ${_chunkOZ6V4UJ3cjs.typographyStyles}
 `;
 
 

package/dist/{chunk-NNBFAVZ7.cjs → chunk-SL5VIBXU.cjs}

@@ -3,10 +3,10 @@
 var _chunk5Y5GUICOcjs = require('./chunk-5Y5GUICO.cjs');
 
 
-var _chunkUBC75VRUcjs = require('./chunk-UBC75VRU.cjs');
+var _chunkOZ6V4UJ3cjs = require('./chunk-OZ6V4UJ3.cjs');
 
 
-var _chunkQK32JW3Ncjs = require('./chunk-QK32JW3N.cjs');
+var _chunkF6XEXDWUcjs = require('./chunk-F6XEXDWU.cjs');
 
 
 
@@ -24,8 +24,8 @@ function getPropDefaults(props) {
   return _chunk5Y5GUICOcjs.getPropDefaultsBase.call(void 0, props, { as: props.tag || "span" });
 }
 var StyledBody = _styled2.default.span`
-  ${({ theme, size, colorProp }) => _chunkQK32JW3Ncjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
-  ${_chunkUBC75VRUcjs.typographyStyles}
+  ${({ theme, size, colorProp }) => _chunkF6XEXDWUcjs.applyTypography.call(void 0, theme, "Body", size, colorProp)}
+  ${_chunkOZ6V4UJ3cjs.typographyStyles}
 `;
 
 

package/dist/{chunk-LYEFDFUE.cjs → chunk-SLDZQZJX.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
 
-var _chunkSY55CUFPcjs = require('./chunk-SY55CUFP.cjs');
+var _chunkSKFWIFQWcjs = require('./chunk-SKFWIFQW.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/Title.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Title(props) {
-  const propsWithDefaults = _chunkSY55CUFPcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkSKFWIFQWcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkSCLUBPNMcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSY55CUFPcjs.StyledTitle, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSKFWIFQWcjs.StyledTitle, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-MK352OC6.js → chunk-SPIRL6S7.js}

@@ -1,9 +1,9 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-GLYTFTP5.js";
+} from "./chunk-6GJZZ2PX.js";
 import {
   toReactNodes
-} from "./chunk-TS7Y6L2D.js";
+} from "./chunk-3NZOR3KT.js";
 
 // src/components/Checkbox.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-FCPDDL5B.js → chunk-TBGADBO7.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-76FQY6HX.js";
 import {
   typographyStyles
-} from "./chunk-F3HU3LG5.js";
+} from "./chunk-BU6N4DJ3.js";
 import {
   applyTypography
-} from "./chunk-TLFK5GBE.js";
+} from "./chunk-XBZNPA3L.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-6GO3M7E2.js → chunk-TLG5FZQY.js}

@@ -1,9 +1,9 @@
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   renderTypography
-} from "./chunk-QJV3WFYP.js";
+} from "./chunk-EFEPUABF.js";
 
 // src/components/CurrencyAmount.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-TBN4AXEM.js → chunk-TSIPKEXK.js}

@@ -1,6 +1,6 @@
 import {
   StatusIndicator
-} from "./chunk-W7TDNP36.js";
+} from "./chunk-2TOLXFJU.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";

package/dist/{chunk-2UBMGY7N.js → chunk-TTOEZCKH.js}

@@ -1,13 +1,13 @@
 import {
   Pill
-} from "./chunk-JA2CQPTC.js";
+} from "./chunk-OYZBOVOL.js";
 import {
   InputSubtext,
   inputBlockStyle
-} from "./chunk-P2OCWRMQ.js";
+} from "./chunk-GEE2G7BL.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-RMZQSXO2.js";
 
 // src/components/FileInput.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-T63TBYVP.cjs → chunk-TYOYK7LF.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk3NRRDBJNcjs = require('./chunk-3NRRDBJN.cjs');
+var _chunkOEJWIKG7cjs = require('./chunk-OEJWIKG7.cjs');
 
 
 
@@ -14,7 +14,7 @@ function SecretInput(_a) {
   var rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _a, []);
   const [showSecret, setShowSecret] = _react.useState.call(void 0, false);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk3NRRDBJNcjs.TextInput,
+    _chunkOEJWIKG7cjs.TextInput,
     _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, rest), {
       type: showSecret ? void 0 : "password",
       onClickIcon: () => setShowSecret(!showSecret),

package/dist/{chunk-UPJ6PK46.cjs → chunk-U6CIT7U5.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkJBO3HA6Gcjs = require('./chunk-JBO3HA6G.cjs');
+var _chunkXRNCL5CAcjs = require('./chunk-XRNCL5CA.cjs');
 
 
-var _chunk6DWDBCUJcjs = require('./chunk-6DWDBCUJ.cjs');
+var _chunkCUOCAP4Wcjs = require('./chunk-CUOCAP4W.cjs');
 
 
 var _chunkJBCEOOZScjs = require('./chunk-JBCEOOZS.cjs');
@@ -47,7 +47,7 @@ function Toggle({
 var width = 44;
 var circleDim = 20;
 var circleOffset = 2;
-var ToggleButton = _styled2.default.call(void 0, _chunkJBO3HA6Gcjs.UnstyledButton)`
+var ToggleButton = _styled2.default.call(void 0, _chunkXRNCL5CAcjs.UnstyledButton)`
   color: ${_chunkJBCEOOZScjs.colors.white};
   font-weight: 500;
   border-radius: 44px;
@@ -60,7 +60,7 @@ var ToggleButton = _styled2.default.call(void 0, _chunkJBO3HA6Gcjs.UnstyledButto
   } else if (isOn) {
     return theme.success;
   }
-  return _chunk6DWDBCUJcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
+  return _chunkCUOCAP4Wcjs.themeOr.call(void 0, theme.c1Neutral, theme.c4Neutral)({ theme });
 }};
   position: relative;
   &:after {

package/dist/{chunk-OBBLAFLK.js → chunk-U6IOG5DK.js}

@@ -1,9 +1,9 @@
 import {
   standardBorderRadius
-} from "./chunk-POGNK25N.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   themeOr
-} from "./chunk-N4C6SL6K.js";
+} from "./chunk-QNPCRFUV.js";
 
 // src/components/ProgressBar.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-C6GQCKNT.cjs → chunk-UAMMPMCP.cjs}

@@ -8,7 +8,11 @@ function Flex({
   column = false,
   children,
   onClick,
-  as = "div"
+  as = "div",
+  overflow,
+  whiteSpace,
+  mr,
+  ml
 }) {
   const justify = justifyProp ? justifyProp : center ? "center" : "flex-start";
   const align = alignProp ? alignProp : center ? "center" : "flex-start";
@@ -21,17 +25,26 @@ function Flex({
       as,
       onClick,
       cursorProp: onClick ? "pointer" : "unset",
+      overflowProp: overflow,
+      whiteSpace,
+      mr,
+      ml,
       children
     }
   );
 }
 var StyledFlex = _styled2.default.div`
   display: flex;
+  text-overflow: ellipsis;
 
   ${({ column }) => column && `flex-direction: column;`}
   ${({ justify }) => `justify-content: ${justify};`}
   ${({ align }) => `align-items: ${align};`}
   ${({ cursorProp }) => `cursor: ${cursorProp};`}
+  ${({ overflowProp }) => overflowProp ? `overflow: ${overflowProp}; max-width: 100%;` : ""}
+  ${({ whiteSpace }) => whiteSpace ? `white-space: ${whiteSpace};` : ""}
+  ${({ mr }) => mr ? `margin-right: ${typeof mr === "number" ? `${mr}px` : mr};` : ""}
+  ${({ ml }) => ml ? `margin-left: ${typeof ml === "number" ? `${ml}px` : ml};` : ""}
 `;
 
 

package/dist/{chunk-Q3WOYG4N.js → chunk-UGLDWKDQ.js}

@@ -2,11 +2,11 @@ import {
   standardBorderRadius,
   standardCardShadow,
   standardContentInset
-} from "./chunk-POGNK25N.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   isDark,
   themeOr
-} from "./chunk-N4C6SL6K.js";
+} from "./chunk-QNPCRFUV.js";
 
 // src/components/Table/TableEmptyState.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-553YQKZ3.cjs → chunk-UJJGQNGE.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSCLUBPNMcjs = require('./chunk-SCLUBPNM.cjs');
+var _chunkKTXJ54RRcjs = require('./chunk-KTXJ54RR.cjs');
 
 
 
-var _chunkZHLUF7Z2cjs = require('./chunk-ZHLUF7Z2.cjs');
+var _chunkJ5AZWLJZcjs = require('./chunk-J5AZWLJZ.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 // src/components/typography/LabelStrong.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LabelStrong(props) {
-  const propsWithDefaults = _chunkZHLUF7Z2cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkJ5AZWLJZcjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkSCLUBPNMcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkKTXJ54RRcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZHLUF7Z2cjs.StyledLabelStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ5AZWLJZcjs.StyledLabelStrong, _chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-6DCFPU4Z.js → chunk-UNZTDJ63.js}

@@ -1,6 +1,6 @@
 import {
   LabelModerate
-} from "./chunk-XKCJPDD3.js";
+} from "./chunk-BOJGILTQ.js";
 import {
   Spacing
 } from "./chunk-E5DUKMCU.js";

package/dist/{chunk-MTAHDNQT.js → chunk-UP5BXY7S.js}

@@ -3,19 +3,19 @@ import {
 } from "./chunk-E5DUKMCU.js";
 import {
   Button
-} from "./chunk-4U3AAKMA.js";
+} from "./chunk-4EXNT44R.js";
 import {
   UnstyledButton
-} from "./chunk-ZP6BJB4X.js";
+} from "./chunk-I5WDNJY3.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon
-} from "./chunk-DV6LJQJW.js";
+} from "./chunk-RMZQSXO2.js";
 import {
   standardFocusOutline
-} from "./chunk-POGNK25N.js";
+} from "./chunk-RNCUEVKR.js";
 import {
   colors
 } from "./chunk-HO7LVJ3R.js";

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

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkMJZ366UEcjs = require('./chunk-MJZ366UE.cjs');
+var _chunkF4XOUFVScjs = require('./chunk-F4XOUFVS.cjs');
 
 
 
-var _chunkITH4PPTTcjs = require('./chunk-ITH4PPTT.cjs');
+var _chunk3QEUCAATcjs = require('./chunk-3QEUCAAT.cjs');
 
 
-var _chunkORWZTMF2cjs = require('./chunk-ORWZTMF2.cjs');
+var _chunkZFJVBBROcjs = require('./chunk-ZFJVBBRO.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, 
-        _chunkMJZ366UEcjs.Pill,
+        _chunkF4XOUFVScjs.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, _chunkORWZTMF2cjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZFJVBBROcjs.Icon, { name: "Upload", width: 26, tutorialStep: 6 }),
         "Upload ",
         filePurpose || "",
         " file"
@@ -82,7 +82,7 @@ function FileInput({
         }
       )
     ] }),
-    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkITH4PPTTcjs.InputSubtext, { text: fileErrorMsg, hasError: true }) : null
+    fileErrorMsg ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3QEUCAATcjs.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 }) => _chunkITH4PPTTcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
+    ${({ theme, hasValidFileSet }) => _chunk3QEUCAATcjs.inputBlockStyle.call(void 0, { theme, hasValue: hasValidFileSet, hasError: false })}
   }
 `;
 

package/dist/{chunk-7VQUG3NG.js → chunk-UUKJNNJ5.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-QJV3WFYP.js";
+} from "./chunk-EFEPUABF.js";
 import {
   isString
 } from "./chunk-EDN2QDCB.js";