@lightsparkdev/ui 1.0.15 → 1.0.16

package/dist/{chunk-25FI3JKP.cjs → chunk-E6TUMOMF.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 
-var _chunkZS6OPCVJcjs = require('./chunk-ZS6OPCVJ.cjs');
+var _chunk7QQBTG3Ocjs = require('./chunk-7QQBTG3O.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -68,46 +68,46 @@ var baseHeading = ({ mt, mb, mtSm, mbSm, theme }) => _react.css`
     margin-bottom: ${mbSm}px;
   `)}
 `;
-var firstChildStyles = _chunkZS6OPCVJcjs.firstChild.call(void 0, `margin-top: 0;`);
+var firstChildStyles = _chunk7QQBTG3Ocjs.firstChild.call(void 0, `margin-top: 0;`);
 var headings = {
   h1: _styled2.default.h1`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkZS6OPCVJcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
+    font-size: ${_chunk7QQBTG3Ocjs.pxToRems.call(void 0, defaultHeadingSizes.h1.size)};
     font-weight: ${({ light }) => light ? 400 : 800}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkZS6OPCVJcjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
+      font-size: ${_chunk7QQBTG3Ocjs.pxToRems.call(void 0, defaultHeadingSizes.h1.sizeSm)};
     `)}
   `,
   h2: _styled2.default.h2`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkZS6OPCVJcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
+    font-size: ${_chunk7QQBTG3Ocjs.pxToRems.call(void 0, defaultHeadingSizes.h2.size)};
     font-weight: ${({ light }) => light ? 400 : 700}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkZS6OPCVJcjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
+      font-size: ${_chunk7QQBTG3Ocjs.pxToRems.call(void 0, defaultHeadingSizes.h2.sizeSm)};
     `)}
   `,
   h3: _styled2.default.h3`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkZS6OPCVJcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
+    font-size: ${_chunk7QQBTG3Ocjs.pxToRems.call(void 0, defaultHeadingSizes.h3.size)};
     font-weight: ${({ light }) => light ? 400 : 700}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkZS6OPCVJcjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
+      font-size: ${_chunk7QQBTG3Ocjs.pxToRems.call(void 0, defaultHeadingSizes.h3.sizeSm)};
     `)}
   `,
   h4: _styled2.default.h4`
     ${(props) => baseHeading(props)}
     ${firstChildStyles}
 
-    font-size: ${_chunkZS6OPCVJcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
+    font-size: ${_chunk7QQBTG3Ocjs.pxToRems.call(void 0, defaultHeadingSizes.h4.size)};
     font-weight: ${({ light }) => light ? 400 : 600}};
     ${_chunkKW3JYLRIcjs.bp.sm(`
-      font-size: ${_chunkZS6OPCVJcjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
+      font-size: ${_chunk7QQBTG3Ocjs.pxToRems.call(void 0, defaultHeadingSizes.h4.sizeSm)};
     `)}
   `
 };

package/dist/{chunk-LLRMYTGL.cjs → chunk-E7KJQVHI.cjs}

@@ -1,30 +1,30 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkGBWOZLYDcjs = require('./chunk-GBWOZLYD.cjs');
+var _chunkGX5KB4DNcjs = require('./chunk-GX5KB4DN.cjs');
 
 
-var _chunkATTRMONFcjs = require('./chunk-ATTRMONF.cjs');
+var _chunkKF2ZLWG4cjs = require('./chunk-KF2ZLWG4.cjs');
 
 
 
-var _chunkZS6OPCVJcjs = require('./chunk-ZS6OPCVJ.cjs');
+var _chunk7QQBTG3Ocjs = require('./chunk-7QQBTG3O.cjs');
 
 
-var _chunkONBN7GATcjs = require('./chunk-ONBN7GAT.cjs');
+var _chunkBT2NS24Ucjs = require('./chunk-BT2NS24U.cjs');
 
 
-var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
+var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
 
 
-var _chunk4GO7VWXEcjs = require('./chunk-4GO7VWXE.cjs');
+var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
 
 
 
 
-var _chunkA3ACFWRZcjs = require('./chunk-A3ACFWRZ.cjs');
+var _chunkRLTFMTRWcjs = require('./chunk-RLTFMTRW.cjs');
 
 
-var _chunkBW6SKFVJcjs = require('./chunk-BW6SKFVJ.cjs');
+var _chunkEUDYMZXOcjs = require('./chunk-EUDYMZXO.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -72,7 +72,7 @@ function Table({
   clipboardCallbacks,
   rowHoverEffect = "border"
 }) {
-  const navigate = _chunkA3ACFWRZcjs.useNavigate.call(void 0, );
+  const navigate = _chunkRLTFMTRWcjs.useNavigate.call(void 0, );
   const [sorting, setSorting] = _react3.useState.call(void 0, []);
   const { canWriteToClipboard, writeTextToClipboard } = _chunkJZ3TGO3Dcjs.useClipboard.call(void 0, clipboardCallbacks);
   const onClickCopy = _react3.useCallback.call(void 0, 
@@ -87,7 +87,7 @@ function Table({
       header: (context) => typeof column.header === "string" ? column.header : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
         column.header.name,
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkGBWOZLYDcjs.InfoIconTooltip,
+          _chunkGX5KB4DNcjs.InfoIconTooltip,
           {
             id: `tooltip-${column.header.name}`,
             content: column.header.tooltip || "",
@@ -102,7 +102,7 @@ function Table({
         let icon = null;
         if (isObjectCell(value)) {
           const base64icon = value.base64icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Base64Icon, { src: value.base64icon, alt: "Icon" }) : null;
-          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPXZDRT5cjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
+          icon = value.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: value.icon, width: 14, mr: 4, color: "c4Neutral" }) : null;
           if (isMultilineCell(value)) {
             content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LineClampSpan, { children: [
               base64icon ? base64icon : icon,
@@ -124,7 +124,7 @@ function Table({
               onClick: onClickCopy(value.text),
               role: "button",
               tabIndex: 0,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPXZDRT5cjs.Icon, { name: "Copy", width: 16, mr: 12 })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: "Copy", width: 16, mr: 12 })
             }
           );
           return value.link ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, LinkClipboardCell, { children: [
@@ -138,7 +138,7 @@ function Table({
                   e.stopPropagation();
                 },
                 children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPXZDRT5cjs.Icon, { name: "LinkIcon", width: 12 }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: "LinkIcon", width: 12 }),
                   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
                 ]
               }
@@ -146,7 +146,7 @@ function Table({
             copyButton
           ] }) : value.to ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkA3ACFWRZcjs.Link,
+              _chunkRLTFMTRWcjs.Link,
               {
                 to: value.to,
                 params: value.toParams,
@@ -172,12 +172,12 @@ function Table({
                 e.stopPropagation();
               },
               children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNPXZDRT5cjs.Icon, { name: "LinkIcon", width: 12 }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAPCRRZMTcjs.Icon, { name: "LinkIcon", width: 12 }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LinkCellContent, { children: content })
               ]
             }
           ) : value.to ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HoverableCellWrapper, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            _chunkA3ACFWRZcjs.Link,
+            _chunkRLTFMTRWcjs.Link,
             {
               to: value.to,
               params: value.toParams,
@@ -202,7 +202,7 @@ function Table({
           return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, HoverableCellWrapper, { children: [
             icon,
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkATTRMONFcjs.ClipboardTextField,
+              _chunkKF2ZLWG4cjs.ClipboardTextField,
               {
                 value: value.text,
                 elide: maxChars ? {
@@ -241,7 +241,7 @@ function Table({
       if ((onClickRowResult == null ? void 0 : onClickRowResult.link) || (onClickRowResult == null ? void 0 : onClickRowResult.to) && newTabKey) {
         let link = onClickRowResult == null ? void 0 : onClickRowResult.link;
         if (!link) {
-          link = _chunkA3ACFWRZcjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
+          link = _chunkRLTFMTRWcjs.replaceParams.call(void 0, onClickRowResult.to, onClickRowResult.params);
         }
         const target = newTabKey ? "_blank" : void 0;
         window.open(link, target);
@@ -292,13 +292,13 @@ function Table({
       }
     ),
     emptyState,
-    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkONBN7GATcjs.Loading, {})
+    loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBT2NS24Ucjs.Loading, {})
   ] });
 }
 var TableWrapper = _styled2.default.div`
   position: relative;
   min-height: 300px;
-  ${_chunkZS6OPCVJcjs.overflowAutoWithoutScrollbars}
+  ${_chunk7QQBTG3Ocjs.overflowAutoWithoutScrollbars}
 `;
 var hoverCellStyles = _react.css`
   cursor: pointer;
@@ -338,7 +338,7 @@ var CopyButton = _styled2.default.span`
   display: inline-table;
 `;
 var LineClampSpan = _styled2.default.span`
-  ${_chunkZS6OPCVJcjs.lineClamp.call(void 0, 2)}
+  ${_chunk7QQBTG3Ocjs.lineClamp.call(void 0, 2)}
 `;
 var Base64Icon = _styled2.default.img`
   width: 32px;
@@ -354,16 +354,16 @@ var StyledTable = _styled2.default.table`
   width: 100%;
 
   ${_chunkKW3JYLRIcjs.bp.lg(`
-    padding-left: ${_chunk4GO7VWXEcjs.standardContentInset.lgPx}px;
-    padding-right: ${_chunk4GO7VWXEcjs.standardContentInset.lgPx}px;
+    padding-left: ${_chunk2KKFVDUDcjs.standardContentInset.lgPx}px;
+    padding-right: ${_chunk2KKFVDUDcjs.standardContentInset.lgPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding-left: ${_chunk4GO7VWXEcjs.standardContentInset.smPx}px;
-    padding-right: ${_chunk4GO7VWXEcjs.standardContentInset.smPx}px;
+    padding-left: ${_chunk2KKFVDUDcjs.standardContentInset.smPx}px;
+    padding-right: ${_chunk2KKFVDUDcjs.standardContentInset.smPx}px;
   `)}
   ${_chunkKW3JYLRIcjs.bp.minSmMaxLg(`
-    padding-left: ${_chunk4GO7VWXEcjs.standardContentInset.minSmMaxLgPx}px;
-    padding-right: ${_chunk4GO7VWXEcjs.standardContentInset.minSmMaxLgPx}px;
+    padding-left: ${_chunk2KKFVDUDcjs.standardContentInset.minSmMaxLgPx}px;
+    padding-right: ${_chunk2KKFVDUDcjs.standardContentInset.minSmMaxLgPx}px;
   `)}
 
   th {
@@ -371,7 +371,7 @@ var StyledTable = _styled2.default.table`
     text-align: left;
     padding: ${cellPaddingPx}px 0px;
     border-bottom: 1px solid
-      ${({ theme }) => _chunkBW6SKFVJcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
+      ${({ theme }) => _chunkEUDYMZXOcjs.themeOrWithKey.call(void 0, "c1Neutral", "c2Neutral")({ theme })};
     padding: ${cellPaddingPx}px;
     &:first-of-type {
       padding-left: 0px;
@@ -431,7 +431,7 @@ var StyledTable = _styled2.default.table`
               top: 10%;
               bottom: 10%;
               ${rowHoverEffect === "background" ? `background: ${theme.c1Neutral};` : `
-                    border: 1px solid ${_chunkBW6SKFVJcjs.themeOrWithKey.call(void 0, 
+                    border: 1px solid ${_chunkEUDYMZXOcjs.themeOrWithKey.call(void 0, 
   "c1Neutral",
   "c2Neutral"
 )({ theme })};

package/dist/{chunk-PJUAK2V6.cjs → chunk-ELEYS3GZ.cjs}

@@ -3,7 +3,7 @@
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunk4GO7VWXEcjs = require('./chunk-4GO7VWXE.cjs');
+var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
 
 
 
@@ -55,7 +55,7 @@ var styles = ({ theme }) => _css.css`
   border-radius: 8px !important;
   padding: 16px !important;
   z-index: ${_chunkZU72XWNEcjs.z.tooltip};
-  ${_chunk4GO7VWXEcjs.overlaySurface.call(void 0, { theme, important: true })};
+  ${_chunk2KKFVDUDcjs.overlaySurface.call(void 0, { theme, important: true })};
 
   max-width: 260px;
   box-shadow:

package/dist/{chunk-DDF2IXBZ.cjs → chunk-EPCSXFXT.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkUJKGOG7Vcjs = require('./chunk-UJKGOG7V.cjs');
+var _chunkVS54P2UScjs = require('./chunk-VS54P2US.cjs');
 
 // src/components/TextArea.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -24,7 +24,7 @@ function TextArea({
   readOnly = false
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUJKGOG7Vcjs.Label, { children: label }),
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVS54P2UScjs.Label, { children: label }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       StyledTextArea,
       {
@@ -40,11 +40,11 @@ function TextArea({
         readOnly
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUJKGOG7Vcjs.InputSubtext, { text: error || hint })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVS54P2UScjs.InputSubtext, { text: error || hint })
   ] });
 }
 var StyledTextArea = _styled2.default.textarea`
-  ${_chunkUJKGOG7Vcjs.textInputStyle}
+  ${_chunkVS54P2UScjs.textInputStyle}
   resize: none;
   min-height: ${({ minHeight }) => typeof minHeight === "number" ? `${minHeight}px` : "initial"};
 `;

package/dist/{chunk-RW64JIJP.js → chunk-EW57CGBI.js}

@@ -1,9 +1,9 @@
 import {
   SingleCodeInput
-} from "./chunk-YPYMXOJV.js";
+} from "./chunk-642QHJRK.js";
 import {
   textInputBorderColor
-} from "./chunk-HJWXHKVC.js";
+} from "./chunk-LYQQBGMY.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-XWLYOHDH.cjs → chunk-EXBPIQ7E.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunk23ILZ66Fcjs = require('./chunk-23ILZ66F.cjs');
+var _chunk27L4UDZXcjs = require('./chunk-27L4UDZX.cjs');
 
 
-var _chunkJYUEWB2Ocjs = require('./chunk-JYUEWB2O.cjs');
+var _chunk2N6KBD5Acjs = require('./chunk-2N6KBD5A.cjs');
 
 
 var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkVXRUJP4Qcjs = require('./chunk-VXRUJP4Q.cjs');
+var _chunk2U6C2FAGcjs = require('./chunk-2U6C2FAG.cjs');
 
 
 
@@ -82,7 +82,7 @@ var IdFilter = ({
   };
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkVXRUJP4Qcjs.Button,
+      _chunk2U6C2FAGcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -102,8 +102,8 @@ var IdFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk23ILZ66Fcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkJYUEWB2Ocjs.TextInput,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk27L4UDZXcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk2N6KBD5Acjs.TextInput,
       {
         placeholder: placeholder || "",
         onChange: handleChange,

package/dist/{chunk-UYI7T6EJ.js → chunk-F3R67SIF.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-QZMY2H3H.js";
+} from "./chunk-C3PR3QMX.js";
 import {
   StyledOverline,
   getPropDefaults
-} from "./chunk-OBNUXEA2.js";
+} from "./chunk-2LLSIMYX.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-YEVVNZBD.js → chunk-F6DMF6LQ.js}

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

package/dist/{chunk-YHMJPW4R.cjs → chunk-F6U655TY.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkZS6OPCVJcjs = require('./chunk-ZS6OPCVJ.cjs');
+var _chunk7QQBTG3Ocjs = require('./chunk-7QQBTG3O.cjs');
 
 
-var _chunkVXRUJP4Qcjs = require('./chunk-VXRUJP4Q.cjs');
+var _chunk2U6C2FAGcjs = require('./chunk-2U6C2FAG.cjs');
 
 
-var _chunk4GO7VWXEcjs = require('./chunk-4GO7VWXE.cjs');
+var _chunk2KKFVDUDcjs = require('./chunk-2KKFVDUD.cjs');
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
@@ -31,7 +31,7 @@ function ButtonRow({
       headerHeight,
       bottomBorder,
       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, _chunkVXRUJP4Qcjs.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, _chunk2U6C2FAGcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, button), idx)
       ) })
     }
   );
@@ -46,9 +46,9 @@ var ButtonRowContainer = _styled2.default.div`
             position: sticky;
             top: ${headerHeight}px;
             margin-top: 24px;
-            margin-left: -${_chunk4GO7VWXEcjs.standardContentInset.smPx}px;
-            width: calc(100% + ${_chunk4GO7VWXEcjs.standardContentInset.smPx * 2}px);
-            max-width: calc(100% + ${_chunk4GO7VWXEcjs.standardContentInset.smPx * 2}px);
+            margin-left: -${_chunk2KKFVDUDcjs.standardContentInset.smPx}px;
+            width: calc(100% + ${_chunk2KKFVDUDcjs.standardContentInset.smPx * 2}px);
+            max-width: calc(100% + ${_chunk2KKFVDUDcjs.standardContentInset.smPx * 2}px);
             z-index: 2;` : `position: relative;`}
         ${bottomBorder ? `
             &:before {
@@ -72,7 +72,7 @@ var ButtonRowDivider = _styled2.default.div`
   padding-left: 16px;
 `;
 var StyledButtonRow = _styled2.default.div`
-  ${_chunkZS6OPCVJcjs.overflowAutoWithoutScrollbars}
+  ${_chunk7QQBTG3Ocjs.overflowAutoWithoutScrollbars}
   background: ${({ theme }) => theme.bg};
   display: flex;
   position: relative;
@@ -89,7 +89,7 @@ var StyledButtonRow = _styled2.default.div`
   }
 
   ${_chunkKW3JYLRIcjs.bp.sm(`
-    padding: ${_chunk4GO7VWXEcjs.standardContentInset.smPx}px;
+    padding: ${_chunk2KKFVDUDcjs.standardContentInset.smPx}px;
   `)}
 `;
 

package/dist/{chunk-OXJLUJ7Z.cjs → chunk-FMAUS34L.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkV2HGIJA7cjs = require('./chunk-V2HGIJA7.cjs');
+var _chunk2DFPQHNPcjs = require('./chunk-2DFPQHNP.cjs');
 
 
-var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
+var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
 
 
-var _chunkNPXZDRT5cjs = require('./chunk-NPXZDRT5.cjs');
+var _chunkAPCRRZMTcjs = require('./chunk-APCRRZMT.cjs');
 
 
 
@@ -26,13 +26,13 @@ function TextIconAligner({
     size: (typographyProp == null ? void 0 : typographyProp.size) || "Small",
     color: (typographyProp == null ? void 0 : typographyProp.color) || "text"
   };
-  const nodesWithTypography = _chunkV2HGIJA7cjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
+  const nodesWithTypography = _chunk2DFPQHNPcjs.setDefaultReactNodesTypography.call(void 0, contentProp, {
     default: defaultTypography,
     link: _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, defaultTypography), { color: "link" })
   });
-  const content = _chunkT3KB7JMUcjs.toReactNodes.call(void 0, nodesWithTypography);
+  const content = _chunkQXYZAROGcjs.toReactNodes.call(void 0, nodesWithTypography);
   const leftIconNode = leftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNPXZDRT5cjs.Icon,
+    _chunkAPCRRZMTcjs.Icon,
     {
       name: leftIcon.name,
       width: leftIcon.width ? leftIcon.width : 12,
@@ -41,7 +41,7 @@ function TextIconAligner({
     }
   ) : null;
   const rightIconNode = rightIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkNPXZDRT5cjs.Icon,
+    _chunkAPCRRZMTcjs.Icon,
     {
       name: rightIcon.name,
       width: rightIcon.width ? rightIcon.width : 12,

package/dist/{chunk-PRIHCQIU.cjs → chunk-FPHG4JBT.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkRAPOJR4Fcjs = require('./chunk-RAPOJR4F.cjs');
+var _chunkXGZRFLNPcjs = require('./chunk-XGZRFLNP.cjs');
 
 
 var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
@@ -15,7 +15,7 @@ function GradientCardHeader(props) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardHeaderWrapper, { children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Gradients, {}),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRAPOJR4Fcjs.StatusIndicator, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props.status)),
+      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXGZRFLNPcjs.StatusIndicator, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props.status)),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeaderTitle, { children: props.title })
     ] }),
     props.children

package/dist/{chunk-BAHOZ36O.cjs → chunk-G5PQP5GQ.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkT3KB7JMUcjs = require('./chunk-T3KB7JMU.cjs');
+var _chunkQXYZAROGcjs = require('./chunk-QXYZAROG.cjs');
 
 
 
-var _chunkRTYZ3DKFcjs = require('./chunk-RTYZ3DKF.cjs');
+var _chunk7KT5EAOScjs = require('./chunk-7KT5EAOS.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/Overline.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function Overline(props) {
-  const propsWithDefaults = _chunkRTYZ3DKFcjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunk7KT5EAOScjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkT3KB7JMUcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunkQXYZAROGcjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRTYZ3DKFcjs.StyledOverline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7KT5EAOScjs.StyledOverline, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-J7WSSYSW.js → chunk-G7SV6WTH.js}

@@ -4,10 +4,10 @@ import {
 import {
   rootFontSizeRems,
   standardLineHeightEms
-} from "./chunk-QRFR2JVT.js";
+} from "./chunk-WXQAFT6L.js";
 import {
   useThemeBg
-} from "./chunk-ZNDP2XLL.js";
+} from "./chunk-WFSTDMMY.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-VKUNZF4N.js → chunk-GC3DZ3E5.js}

@@ -1,7 +1,7 @@
 import {
   firstChild,
   pxToRems
-} from "./chunk-E6MPE6H3.js";
+} from "./chunk-OFNX3IEO.js";
 import {
   bp
 } from "./chunk-JSGRNWSB.js";

package/dist/{chunk-F6IMOUXV.js → chunk-GCI4XPLR.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-YMNSXZ5D.js";
 import {
   applyTypography
-} from "./chunk-XNXBY2U3.js";
+} from "./chunk-JQLRGNLP.js";
 import {
   __objRest,
   __spreadProps,