@lightsparkdev/ui 1.1.10 → 1.1.12

package/dist/{chunk-ONOZU4XX.cjs → chunk-DB6Z636Z.cjs}

@@ -3,58 +3,61 @@
 var _chunkDCH43ZYZcjs = require('./chunk-DCH43ZYZ.cjs');
 
 
-var _chunkXKV4MIWIcjs = require('./chunk-XKV4MIWI.cjs');
+var _chunkZA6M4P4Gcjs = require('./chunk-ZA6M4P4G.cjs');
 
 
-var _chunkXO5V3EX5cjs = require('./chunk-XO5V3EX5.cjs');
+var _chunkXLKLSO42cjs = require('./chunk-XLKLSO42.cjs');
 
 
-var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
+var _chunkESB24OWJcjs = require('./chunk-ESB24OWJ.cjs');
 
 
-var _chunkOTDIKLJRcjs = require('./chunk-OTDIKLJR.cjs');
 
+var _chunkGMDANQACcjs = require('./chunk-GMDANQAC.cjs');
 
-var _chunkYPB3YRAGcjs = require('./chunk-YPB3YRAG.cjs');
 
+var _chunkJR6JLVEZcjs = require('./chunk-JR6JLVEZ.cjs');
 
-var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');
 
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
-var _chunkMFKERIW4cjs = require('./chunk-MFKERIW4.cjs');
 
+var _chunkRWXDKRDLcjs = require('./chunk-RWXDKRDL.cjs');
 
 
-var _chunkKKOBB4X5cjs = require('./chunk-KKOBB4X5.cjs');
+var _chunkMVYSTBT3cjs = require('./chunk-MVYSTBT3.cjs');
 
 
-var _chunkSNSG4HBQcjs = require('./chunk-SNSG4HBQ.cjs');
+var _chunkFVBFDZEScjs = require('./chunk-FVBFDZES.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkX6AJB6TLcjs = require('./chunk-X6AJB6TL.cjs');
 
 
-var _chunkWF7Z2VITcjs = require('./chunk-WF7Z2VIT.cjs');
 
 
 
+var _chunkRZ24JAMPcjs = require('./chunk-RZ24JAMP.cjs');
 
 
-var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');
+var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 
 
-var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
+var _chunkR5SHOMBXcjs = require('./chunk-R5SHOMBX.cjs');
 
 
 
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
+var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
+
+
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/Modal.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -108,7 +111,7 @@ function Modal({
   drawerCloseButton = true,
   drawerAlignBottom,
   drawerDisableTouchMove,
-  voidOverlayBackground
+  overlayBackground
 }) {
   const visibleChangedRef = _react.useRef.call(void 0, false);
   const [visibleChanged, setVisibleChanged] = _react.useState.call(void 0, false);
@@ -220,11 +223,11 @@ function Modal({
   const displayCancelBelow = !!buttonOrder ? buttonOrder === "submit-first" : isSm;
   const buttonContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "above").map((_a, i) => {
-      var _b = _a, { placement, text } = _b, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _b, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKKOBB4X5cjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      var _b = _a, { placement, text } = _b, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _b, ["placement", "text"]);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGMDANQACcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     displayCancelAbove && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKKOBB4X5cjs.Button,
+      _chunkGMDANQACcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -232,7 +235,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKKOBB4X5cjs.Button,
+      _chunkGMDANQACcjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -248,7 +251,7 @@ function Modal({
       }
     ),
     displayCancelBelow && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKKOBB4X5cjs.Button,
+      _chunkGMDANQACcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -256,8 +259,8 @@ function Modal({
       }
     ),
     extraActions == null ? void 0 : extraActions.filter((action) => action.placement === "below").map((_c, i) => {
-      var _d = _c, { placement, text } = _d, rest = _chunkZ6EUSUADcjs.__objRest.call(void 0, _d, ["placement", "text"]);
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKKOBB4X5cjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      var _d = _c, { placement, text } = _d, rest = _chunkYM5JDZDQcjs.__objRest.call(void 0, _d, ["placement", "text"]);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGMDANQACcjs.Button, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     })
   ] });
   let titleContent = null;
@@ -267,10 +270,10 @@ function Modal({
       heading: "h4",
       size: "Small"
     };
-    const titleNodesWithTypography = _chunkYPB3YRAGcjs.setDefaultReactNodesTypography.call(void 0, title, {
+    const titleNodesWithTypography = _chunkRWXDKRDLcjs.setDefaultReactNodesTypography.call(void 0, title, {
       default: defaultTypography
     });
-    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkDDGSFIWAcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
+    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkMVYSTBT3cjs.toReactNodes.call(void 0, titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
@@ -278,23 +281,23 @@ function Modal({
       type: "Body",
       size: "ExtraSmall"
     };
-    const descriptionNodesWithTypography = _chunkYPB3YRAGcjs.setDefaultReactNodesTypography.call(void 0, 
+    const descriptionNodesWithTypography = _chunkRWXDKRDLcjs.setDefaultReactNodesTypography.call(void 0, 
       description,
       { default: defaultTypography }
     );
-    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkDDGSFIWAcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
+    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkMVYSTBT3cjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
   }
   let topContentNode = null;
   if (topContent) {
     if (_chunkDCH43ZYZcjs.isReactNode.call(void 0, topContent)) {
       topContentNode = topContent;
     } else {
-      topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOTDIKLJRcjs.IconWithCircleBackground, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, topContent)) });
+      topContentNode = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: _chunkZUAO4DW3cjs.Spacing.px.xl }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXLKLSO42cjs.IconWithCircleBackground, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, topContent)) });
     }
   }
   const modalContent = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
     progressBar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginBottom: "20px" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXKV4MIWIcjs.ProgressBar,
+      _chunkZA6M4P4Gcjs.ProgressBar,
       {
         progressPercentage: progressBar.progressPercentage,
         isSm: progressBar.isSm
@@ -309,7 +312,7 @@ function Modal({
   let content;
   if (smKind === "drawer" && isSm) {
     content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkXO5V3EX5cjs.Drawer,
+      _chunkESB24OWJcjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: drawerCloseButton,
@@ -329,7 +332,7 @@ function Modal({
         ModalOverlay,
         {
           ref: overlayRef,
-          voidOverlayBackground: voidOverlayBackground != null ? voidOverlayBackground : false
+          overlayBackground
         }
       ) : null,
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -343,12 +346,12 @@ function Modal({
           },
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunkRSHN4K6Ncjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunkRZ24JAMPcjs.standardContentInset.smPx : 0),
           children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalContent, { width, ghost, smKind, children: [
             !firstFocusRef && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DefaultFocusTarget, { ref: defaultFirstFocusRefCb }),
             !ghost && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ModalNavigation, { children: [
-              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, topLeftIcon)) : null,
-              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWF7Z2VITcjs.Icon, { name: "Close", width: 9 }) })
+              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX6AJB6TLcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX6AJB6TLcjs.Icon, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, topLeftIcon)) : null,
+              !nonDismissable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CloseButton, { onClick: onClickCloseButton, type: "button", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX6AJB6TLcjs.Icon, { name: "Close", width: 9 }) })
             ] }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContentInner, { ghost, children: modalContent }),
             bottomContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "auto" }, children: bottomContent })
@@ -362,7 +365,7 @@ function Modal({
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = _styled2.default.call(void 0, _chunkSNSG4HBQcjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkJR6JLVEZcjs.UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
@@ -375,7 +378,7 @@ var ModalOverlay = _styled2.default.div`
   z-index: ${_chunkZU72XWNEcjs.z.modalOverlay};
   width: 100vw;
   height: 100vh;
-  background: ${({ voidOverlayBackground }) => voidOverlayBackground ? "transparent" : "rgba(0, 0, 0, 0.5)"};
+  background: ${({ overlayBackground, theme }) => overlayBackground ? _chunkR5SHOMBXcjs.getColor.call(void 0, theme, overlayBackground) : "rgba(0, 0, 0, 0.5)"};
 `;
 var ModalContainer = _styled2.default.div`
   pointer-events: none;
@@ -410,7 +413,7 @@ var ModalButtonRow = _styled2.default.div`
   `)}
   gap: 10px;
 
-  ${_chunkKKOBB4X5cjs.ButtonSelector.call(void 0, )} {
+  ${_chunkGMDANQACcjs.ButtonSelector.call(void 0, )} {
     width: 50%;
     ${_chunkKW3JYLRIcjs.bp.sm(`
       width: 100%;
@@ -422,7 +425,7 @@ var ModalButtonColumn = _styled2.default.div`
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 
-  ${_chunkKKOBB4X5cjs.ButtonSelector.call(void 0, )} {
+  ${_chunkGMDANQACcjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -438,10 +441,10 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkRSHN4K6Ncjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkRZ24JAMPcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunkMFKERIW4cjs.overflowAutoWithoutScrollbars}
-  ${_chunkRSHN4K6Ncjs.standardContentInset.smCSS.styles}
+  ${_chunkFVBFDZEScjs.overflowAutoWithoutScrollbars}
+  ${_chunkRZ24JAMPcjs.standardContentInset.smCSS.styles}
   max-width: 100%;
   max-height: 100%;
   position: absolute;
@@ -449,7 +452,7 @@ var ModalContent = _styled2.default.div`
   flex-direction: column;
 
   ${({ ghost, smKind, width }) => `
-    ${ghost ? "" : _chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 16)}
+    ${ghost ? "" : _chunkRZ24JAMPcjs.standardBorderRadius.call(void 0, 16)}
     width: ${width}px;
   `}
 
@@ -466,14 +469,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunkSNSG4HBQcjs.UnstyledButton)`
-  ${_chunkRSHN4K6Ncjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkJR6JLVEZcjs.UnstyledButton)`
+  ${_chunkRZ24JAMPcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkSNSG4HBQcjs.UnstyledButton)`
-  ${_chunkRSHN4K6Ncjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkJR6JLVEZcjs.UnstyledButton)`
+  ${_chunkRZ24JAMPcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-4YJ2NQRP.cjs → chunk-DIRSPH6A.cjs}

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkY45PAGZ2cjs = require('./chunk-Y45PAGZ2.cjs');
+var _chunkHG353CMEcjs = require('./chunk-HG353CME.cjs');
 
 
-var _chunk6HFFGWQXcjs = require('./chunk-6HFFGWQX.cjs');
+var _chunkP7VPGHOUcjs = require('./chunk-P7VPGHOU.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
+var _chunkGMDANQACcjs = require('./chunk-GMDANQAC.cjs');
 
 
-var _chunkKKOBB4X5cjs = require('./chunk-KKOBB4X5.cjs');
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/components/DataManagerTable/EnumFilter.tsx
 var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
@@ -39,7 +39,7 @@ var EnumFilter = ({
   var _a;
   const appliedValueButtons = (_a = state.appliedValues) == null ? void 0 : _a.map((value) => {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkKKOBB4X5cjs.Button,
+      _chunkGMDANQACcjs.Button,
       {
         kind: "primary",
         size: "ExtraSmall",
@@ -48,7 +48,7 @@ var EnumFilter = ({
         iconSide: "right",
         onClick: () => {
           var _a2;
-          updateFilterState(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state), {
+          updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
             appliedValues: (_a2 = state.appliedValues) == null ? void 0 : _a2.filter(
               (appliedValue) => appliedValue !== value
             )
@@ -59,8 +59,8 @@ var EnumFilter = ({
     );
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY45PAGZ2cjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk6HFFGWQXcjs.Select_default,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHG353CMEcjs.Filter, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkP7VPGHOUcjs.Select_default,
       {
         zIndex: _chunkZU72XWNEcjs.z.dropdown + 1,
         placeholder: "Select value",
@@ -79,7 +79,7 @@ var EnumFilter = ({
             } else {
               updatedAppliedValues = [...optionValues];
             }
-            updateFilterState(_chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, state), {
+            updateFilterState(_chunkYM5JDZDQcjs.__spreadProps.call(void 0, _chunkYM5JDZDQcjs.__spreadValues.call(void 0, {}, state), {
               value: option.label,
               isApplied: true,
               appliedValues: updatedAppliedValues

package/dist/{chunk-EZI6E6UO.js → chunk-DLXRHZR3.js}

@@ -1,6 +1,6 @@
 import {
   toReactNodes
-} from "./chunk-OYIPFTQC.js";
+} from "./chunk-W5YKSN4C.js";
 import {
   isClipboardTextFieldNode,
   isCurrencyAmountNode,
@@ -15,7 +15,7 @@ import {
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/utils/toReactNodes/setReactNodesTypography.tsx
 import { ensureArray } from "@lightsparkdev/core";

package/dist/{chunk-6SGHAVWG.js → chunk-DN2FKFOA.js}

@@ -1,14 +1,14 @@
 import {
   toReactNodes
-} from "./chunk-OYIPFTQC.js";
+} from "./chunk-W5YKSN4C.js";
 import {
   StyledBody,
   getPropDefaults
-} from "./chunk-E6KUNQIE.js";
+} from "./chunk-OQK3WVD3.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/typography/Body.tsx
 import { jsx } from "@emotion/react/jsx-runtime";

package/dist/{chunk-5NUOBJXP.js → chunk-DTJWFL32.js}

@@ -1,6 +1,6 @@
 import {
   standardFocusOutline
-} from "./chunk-HGZGGJQB.js";
+} from "./chunk-F5UEJLZY.js";
 
 // src/components/UnstyledButton.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-3EC5GIFU.js → chunk-E4NORVJR.js}

@@ -1,22 +1,22 @@
-import {
-  TextIconAligner
-} from "./chunk-TH42CNH3.js";
 import {
   UnstyledButton
-} from "./chunk-5NUOBJXP.js";
+} from "./chunk-DTJWFL32.js";
+import {
+  TextIconAligner
+} from "./chunk-HVI5KOQY.js";
 import {
   getFocusOutline
-} from "./chunk-HGZGGJQB.js";
+} from "./chunk-F5UEJLZY.js";
 import {
   Link
-} from "./chunk-SWMGDTQN.js";
+} from "./chunk-X5XLAM3D.js";
 import {
   elide
 } from "./chunk-HAC5YAGQ.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/components/TextButton.tsx
 import { css } from "@emotion/react";

package/dist/{chunk-HXNX5ZV6.js → chunk-E7BQOZNU.js}

@@ -1,16 +1,16 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-EZI6E6UO.js";
+} from "./chunk-DLXRHZR3.js";
 import {
   toReactNodes
-} from "./chunk-OYIPFTQC.js";
+} from "./chunk-W5YKSN4C.js";
 import {
   themeOrWithKey,
   themes
-} from "./chunk-VAH342U2.js";
+} from "./chunk-EE47JMIS.js";
 import {
   getLineHeightForTypographyType
-} from "./chunk-KCUSJWDZ.js";
+} from "./chunk-FXKLW6CU.js";
 
 // src/components/PendingValue.tsx
 import { css, keyframes, ThemeProvider } from "@emotion/react";

package/dist/{chunk-PRSIGZUJ.cjs → chunk-E7LYNOV5.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
 
-var _chunkCDFVRIETcjs = require('./chunk-CDFVRIET.cjs');
+var _chunkUGCZQJT6cjs = require('./chunk-UGCZQJT6.cjs');
 
 
-var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
+var _chunkYM5JDZDQcjs = require('./chunk-YM5JDZDQ.cjs');
 
 // src/utils/NextLink.tsx
 
@@ -25,7 +25,7 @@ function NextLink({
   const isExternal = href.startsWith("http");
   const target = targetProp ? targetProp : isExternal ? "_blank" : void 0;
   _react.useEffect.call(void 0, () => {
-    void (() => _chunkZ6EUSUADcjs.__async.call(void 0, this, null, function* () {
+    void (() => _chunkYM5JDZDQcjs.__async.call(void 0, this, null, function* () {
       try {
         const nextLinkModule = yield Promise.resolve().then(() => _interopRequireWildcard(require("next/link.js")));
         NextLinkRef.current = nextLinkModule.default;
@@ -37,7 +37,7 @@ function NextLink({
   const InternalNextLink = NextLinkRef.current;
   let content = children;
   if (text) {
-    content = typography ? _chunkCDFVRIETcjs.renderTypography.call(void 0, typography.type, {
+    content = typography ? _chunkUGCZQJT6cjs.renderTypography.call(void 0, typography.type, {
       size: typography.size,
       color: typography.color,
       children: text

package/dist/{chunk-VAH342U2.js → chunk-EE47JMIS.js}

@@ -1,18 +1,18 @@
+import {
+  defaultLoadingTheme,
+  loadingThemeBase
+} from "./chunk-LIVMIDVJ.js";
 import {
   getTypography
-} from "./chunk-KCUSJWDZ.js";
+} from "./chunk-FXKLW6CU.js";
 import {
   buttonsThemeBase,
   defaultButtonsTheme
-} from "./chunk-ISDKKT5U.js";
+} from "./chunk-QWZTWJXX.js";
 import {
   cardFormThemeBase,
   defaultCardFormTheme
-} from "./chunk-PHQ6NFOZ.js";
-import {
-  defaultLoadingTheme,
-  loadingThemeBase
-} from "./chunk-S5AV3X5O.js";
+} from "./chunk-EQHEEJE6.js";
 import {
   useBreakpoints
 } from "./chunk-JSGRNWSB.js";
@@ -21,11 +21,11 @@ import {
   darkGradient,
   hcNeutralFromBg,
   isColorKey
-} from "./chunk-MIIIUXV6.js";
+} from "./chunk-XT5NXF55.js";
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-W7FAWX6T.js";
+} from "./chunk-CWMXXUWU.js";
 
 // src/styles/themes.tsx
 import { css, useTheme } from "@emotion/react";
@@ -84,7 +84,8 @@ var baseThemeColors = {
   warning: colors.warning,
   errorBackground: colors.errorBackground,
   errorText: colors.errorText,
-  transparent: colors.transparent
+  transparent: colors.transparent,
+  border: colors["black-10"]
 };
 var themeOrColorKeyValues = [
   ...Object.keys(baseThemeColors),
@@ -144,6 +145,7 @@ var darkBaseTheme = {
   errorBackground: colors.errorBackground,
   errorText: colors.errorText,
   transparent: colors.transparent,
+  border: colors["black-10"],
   buttons: defaultButtonsTheme,
   loading: defaultLoadingTheme,
   cardForm: defaultCardFormTheme,
@@ -694,17 +696,22 @@ var bridgeDarkTheme = extend(darkTheme, __spreadProps(__spreadValues({}, bridgeB
   type: "bridgeDark" /* BridgeDark */
 }));
 var nageBaseSettings = {
-  secondary: colors.grayBlue43,
+  secondary: colors["gray-500"],
+  tertiary: colors["gray-400"],
   mcNeutral: colors.grayBlue43,
   success: colors.green37,
   typography: getTypography("Nage" /* Nage */, {
     main: "SuisseIntl",
     code: "SuisseIntl-Mono"
   }),
+  controls: extendBase(lightBaseTheme, {
+    border: colors["black-10"]
+  }),
   buttons: merge(buttonsThemeBase, {
     defaultTypographyType: "Btn",
     defaultSize: "Medium",
     defaultBorderRadius: 8,
+    defaultGap: 16,
     defaultPaddingsY: {
       ExtraSmall: 6,
       Small: 6,
@@ -779,6 +786,15 @@ var nageBaseSettings = {
         defaultHoverBorderColor: "transparent",
         defaultActiveBackgroundColor: "black-10",
         defaultActiveBorderColor: "transparent"
+      },
+      danger: {
+        defaultColor: "gray-050",
+        defaultBackgroundColor: "errorText",
+        defaultBorderColor: "transparent",
+        defaultHoverBackgroundColor: "errorText2",
+        defaultHoverBorderColor: "transparent",
+        defaultActiveBackgroundColor: "errorText3",
+        defaultActiveBorderColor: "transparent"
       }
     }
   }),
@@ -799,6 +815,7 @@ var nageLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, nageBas
   bg: colors["gray-100"],
   smBg: colors["gray-100"],
   text: colors["gray-950"],
+  info: colors["gray-950"],
   secondary: colors["gray-500"],
   tertiary: colors.gray6,
   inputBackground: colors["gray-050"],