@lightsparkdev/ui 1.1.2 → 1.1.4

package/dist/{chunk-GGMWV3MT.cjs → chunk-TC25DKJX.cjs}

@@ -1,25 +1,25 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkXYPLDDUHcjs = require('./chunk-XYPLDDUH.cjs');
+var _chunkT336CT3Zcjs = require('./chunk-T336CT3Z.cjs');
 
 
+var _chunk3RVXS6NYcjs = require('./chunk-3RVXS6NY.cjs');
 
-var _chunkHW7ECH4Ncjs = require('./chunk-HW7ECH4N.cjs');
 
 
-var _chunk42S7PZMXcjs = require('./chunk-42S7PZMX.cjs');
+var _chunkZQO2GKVScjs = require('./chunk-ZQO2GKVS.cjs');
 
 
-var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
+var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
 
 
-var _chunkJRCDVJMMcjs = require('./chunk-JRCDVJMM.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
-var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
+var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
-var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
+var _chunkJZ3TGO3Dcjs = require('./chunk-JZ3TGO3D.cjs');
 
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
@@ -107,12 +107,12 @@ function ReadClipboardButton({
         hasError: Boolean(errorMsg),
         onMouseUp: onDeleteMouseUp,
         children: autoButtonText ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkJRCDVJMMcjs.UnstyledButton,
+          _chunkWLHC2LVQcjs.UnstyledButton,
           {
             onClick: onClickAutoButton,
             css: { cursor: "pointer" },
             children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk42S7PZMXcjs.Pill,
+              _chunk3RVXS6NYcjs.Pill,
               {
                 text: autoButtonText,
                 icon: "MagicWand",
@@ -123,12 +123,12 @@ function ReadClipboardButton({
             )
           }
         ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
-          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJRCDVJMMcjs.UnstyledButton, { onClick, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.Icon, { name: "Copy", width: 19 }),
+          !value && !isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton, { onClick, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: "Copy", width: 19 }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { css: { marginTop: "8px" }, children: description })
           ] }) : null,
           value || isEditingTextInput ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk42S7PZMXcjs.Pill,
+            _chunk3RVXS6NYcjs.Pill,
             {
               text: value,
               onDeleteMouseDown,
@@ -145,9 +145,9 @@ function ReadClipboardButton({
         ] })
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHW7ECH4Ncjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZQO2GKVScjs.InputSubtext, { text: errorMsg || hint, hasError: Boolean(errorMsg) })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkXYPLDDUHcjs.TextInput,
+    _chunkT336CT3Zcjs.TextInput,
     {
       onChange: onChangeTextInput,
       value,
@@ -157,7 +157,7 @@ function ReadClipboardButton({
   ) });
 }
 var ReadClipboardButtonContainer = _styled2.default.div`
-  ${({ theme, hasAddress, hasError }) => _chunkHW7ECH4Ncjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
+  ${({ theme, hasAddress, hasError }) => _chunkZQO2GKVScjs.inputBlockStyle.call(void 0, { theme, hasValue: hasAddress, hasError })}
 `;
 
 

package/dist/{chunk-X3JGXIPS.cjs → chunk-TMBLHZIP.cjs}

@@ -3,47 +3,44 @@
 var _chunkDCH43ZYZcjs = require('./chunk-DCH43ZYZ.cjs');
 
 
-var _chunkVSYUOLR4cjs = require('./chunk-VSYUOLR4.cjs');
+var _chunkERCPYTURcjs = require('./chunk-ERCPYTUR.cjs');
 
 
-var _chunkOPCYCGCFcjs = require('./chunk-OPCYCGCF.cjs');
+var _chunkQP4QZ4WIcjs = require('./chunk-QP4QZ4WI.cjs');
 
 
-var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
-
+var _chunkMECYTRP3cjs = require('./chunk-MECYTRP3.cjs');
 
-var _chunkMYIV5ZLHcjs = require('./chunk-MYIV5ZLH.cjs');
 
 
-var _chunkNN6GDACAcjs = require('./chunk-NN6GDACA.cjs');
+var _chunkKGBWMBLAcjs = require('./chunk-KGBWMBLA.cjs');
 
 
-var _chunkKOGW3LJCcjs = require('./chunk-KOGW3LJC.cjs');
+var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
 
 
-var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
-
+var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
 
-var _chunkXIFHBLNQcjs = require('./chunk-XIFHBLNQ.cjs');
 
+var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');
 
 
-var _chunkECFNSLYPcjs = require('./chunk-ECFNSLYP.cjs');
+var _chunk6FKIZCM5cjs = require('./chunk-6FKIZCM5.cjs');
 
 
-var _chunkJRCDVJMMcjs = require('./chunk-JRCDVJMM.cjs');
+var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
 
 
-var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');
+var _chunkW4UIZ5DJcjs = require('./chunk-W4UIZ5DJ.cjs');
 
 
-var _chunk4JJ5GJLEcjs = require('./chunk-4JJ5GJLE.cjs');
+var _chunk267QLBXGcjs = require('./chunk-267QLBXG.cjs');
 
 
 
 
 
-var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
+var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
 
 
 var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
@@ -53,6 +50,9 @@ var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');
 var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');
 
 
+var _chunkKL5ZQSVOcjs = require('./chunk-KL5ZQSVO.cjs');
+
+
 
 var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 
@@ -220,10 +220,10 @@ function Modal({
   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, _chunkECFNSLYPcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKGBWMBLAcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     }),
     displayCancelAbove && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkECFNSLYPcjs.Button,
+      _chunkKGBWMBLAcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -231,7 +231,7 @@ function Modal({
       }
     ),
     (onSubmit || submitLink) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkECFNSLYPcjs.Button,
+      _chunkKGBWMBLAcjs.Button,
       {
         kind: "primary",
         disabled: submitDisabled,
@@ -247,7 +247,7 @@ function Modal({
       }
     ),
     displayCancelBelow && !cancelHidden && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkECFNSLYPcjs.Button,
+      _chunkKGBWMBLAcjs.Button,
       {
         disabled: cancelDisabled,
         onClick: onClickCancel,
@@ -256,7 +256,7 @@ 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, _chunkECFNSLYPcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKGBWMBLAcjs.Button, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, { text }, rest), text || `no-text-${i}`);
     })
   ] });
   let titleContent = null;
@@ -266,10 +266,10 @@ function Modal({
       heading: "h4",
       size: "Small"
     };
-    const titleNodesWithTypography = _chunkNN6GDACAcjs.setDefaultReactNodesTypography.call(void 0, title, {
+    const titleNodesWithTypography = _chunk6FKIZCM5cjs.setDefaultReactNodesTypography.call(void 0, title, {
       default: defaultTypography
     });
-    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunkKOGW3LJCcjs.toReactNodes.call(void 0, titleNodesWithTypography) });
+    titleContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalTitle, { children: _chunk6IBADE46cjs.toReactNodes.call(void 0, titleNodesWithTypography) });
   }
   let descriptionContent = null;
   if (description) {
@@ -277,23 +277,23 @@ function Modal({
       type: "Body",
       size: "ExtraSmall"
     };
-    const descriptionNodesWithTypography = _chunkNN6GDACAcjs.setDefaultReactNodesTypography.call(void 0, 
+    const descriptionNodesWithTypography = _chunk6FKIZCM5cjs.setDefaultReactNodesTypography.call(void 0, 
       description,
       { default: defaultTypography }
     );
-    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunkKOGW3LJCcjs.toReactNodes.call(void 0, descriptionNodesWithTypography) });
+    descriptionContent = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalDescription, { children: _chunk6IBADE46cjs.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, _chunkMYIV5ZLHcjs.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, _chunkQP4QZ4WIcjs.IconWithCircleBackground, _chunkZ6EUSUADcjs.__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, 
-      _chunkVSYUOLR4cjs.ProgressBar,
+      _chunkERCPYTURcjs.ProgressBar,
       {
         progressPercentage: progressBar.progressPercentage,
         isSm: progressBar.isSm
@@ -308,7 +308,7 @@ function Modal({
   let content;
   if (smKind === "drawer" && isSm) {
     content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkOPCYCGCFcjs.Drawer,
+      _chunkMECYTRP3cjs.Drawer,
       {
         onClose: () => onClickCloseButton(),
         closeButton: drawerCloseButton,
@@ -336,12 +336,12 @@ function Modal({
           },
           role: "dialog",
           ref: modalContainerRef,
-          top: top || (smKind === "default" ? _chunkO6BZRC56cjs.standardContentInset.smPx : 0),
+          top: top || (smKind === "default" ? _chunkMODD4YGEcjs.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, _chunk4JJ5GJLEcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4JJ5GJLEcjs.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, _chunk4JJ5GJLEcjs.Icon, { name: "Close", width: 9 }) })
+              handleBack ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackButton, { onClick: handleBack, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.Icon, { name: "ChevronLeft", width: 16 }) }) : topLeftIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk267QLBXGcjs.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, _chunk267QLBXGcjs.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 })
@@ -355,7 +355,7 @@ function Modal({
     nodeRef.current
   ) : null;
 }
-var DefaultFocusTarget = _styled2.default.call(void 0, _chunkJRCDVJMMcjs.UnstyledButton)`
+var DefaultFocusTarget = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton)`
   position: absolute;
   top: -30px;
   width: 0;
@@ -400,7 +400,7 @@ var ModalButtonRow = _styled2.default.div`
   ${_chunkKW3JYLRIcjs.bp.minSm(`display: flex;`)}
   gap: 10px;
 
-  ${_chunkECFNSLYPcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkKGBWMBLAcjs.ButtonSelector.call(void 0, )} {
     width: 50%;
     ${_chunkKW3JYLRIcjs.bp.sm(`
       width: 100%;
@@ -412,7 +412,7 @@ var ModalButtonColumn = _styled2.default.div`
   flex-direction: column;
   gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
 
-  ${_chunkECFNSLYPcjs.ButtonSelector.call(void 0, )} {
+  ${_chunkKGBWMBLAcjs.ButtonSelector.call(void 0, )} {
     width: 100%;
   }
 
@@ -428,10 +428,10 @@ var ModalContent = _styled2.default.div`
   pointer-events: auto;
   transition: width 0.25s ease-in;
 
-  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkO6BZRC56cjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
+  ${({ theme, smKind, ghost }) => ghost ? "" : _chunkMODD4YGEcjs.overlaySurface.call(void 0, { theme, border: smKind !== "fullscreen" })}
 
-  ${_chunkXIFHBLNQcjs.overflowAutoWithoutScrollbars}
-  ${_chunkO6BZRC56cjs.standardContentInset.smCSS.styles}
+  ${_chunkW4UIZ5DJcjs.overflowAutoWithoutScrollbars}
+  ${_chunkMODD4YGEcjs.standardContentInset.smCSS.styles}
   max-width: 100%;
   max-height: 100%;
   position: absolute;
@@ -439,7 +439,7 @@ var ModalContent = _styled2.default.div`
   flex-direction: column;
 
   ${({ ghost, smKind, width }) => `
-    ${ghost ? "" : _chunkO6BZRC56cjs.standardBorderRadius.call(void 0, 16)}
+    ${ghost ? "" : _chunkMODD4YGEcjs.standardBorderRadius.call(void 0, 16)}
     width: ${width}px;
   `}
 
@@ -456,14 +456,14 @@ var ModalNavigation = _styled2.default.div`
   grid-auto-flow: column;
   width: 100%;
 `;
-var BackButton = _styled2.default.call(void 0, _chunkJRCDVJMMcjs.UnstyledButton)`
-  ${_chunkO6BZRC56cjs.standardFocusOutline}
+var BackButton = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton)`
+  ${_chunkMODD4YGEcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-start;
 `;
-var CloseButton = _styled2.default.call(void 0, _chunkJRCDVJMMcjs.UnstyledButton)`
-  ${_chunkO6BZRC56cjs.standardFocusOutline}
+var CloseButton = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton)`
+  ${_chunkMODD4YGEcjs.standardFocusOutline}
   width: 24px;
   height: 24px;
   justify-self: flex-end;

package/dist/{chunk-WOAB6E7H.cjs → chunk-TR6X433T.cjs}

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

package/dist/{chunk-OVXPXY4L.cjs → chunk-TSALGRXA.cjs}

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkQHNM7Q2Kcjs = require('./chunk-QHNM7Q2K.cjs');
+var _chunkWLHC2LVQcjs = require('./chunk-WLHC2LVQ.cjs');
 
 
-var _chunkJRCDVJMMcjs = require('./chunk-JRCDVJMM.cjs');
+var _chunkISQLKRONcjs = require('./chunk-ISQLKRON.cjs');
 
 
-var _chunkO6BZRC56cjs = require('./chunk-O6BZRC56.cjs');
+var _chunkMODD4YGEcjs = require('./chunk-MODD4YGE.cjs');
 
 
-var _chunk4DJ33XMZcjs = require('./chunk-4DJ33XMZ.cjs');
+var _chunk7KHYVDQ6cjs = require('./chunk-7KHYVDQ6.cjs');
 
 
 var _chunkJA7KZV3Qcjs = require('./chunk-JA7KZV3Q.cjs');
@@ -48,7 +48,7 @@ function TextButton({
   }
   const defaultIconColor = iconMatchTextColor ? void 0 : "mcNeutral";
   const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkQHNM7Q2Kcjs.TextIconAligner,
+    _chunkISQLKRONcjs.TextIconAligner,
     {
       onClick,
       leftIcon: leftIcon ? {
@@ -93,7 +93,7 @@ var buttonStyle = ({
   padding: ${padding};
 
   &:focus-visible {
-    outline: ${_chunkO6BZRC56cjs.getFocusOutline.call(void 0, { theme })};
+    outline: ${_chunkMODD4YGEcjs.getFocusOutline.call(void 0, { theme })};
   }
 
   & > * {
@@ -103,10 +103,10 @@ var buttonStyle = ({
     cursor: ${disabled ? "not-allowed" : "pointer"};
   }
 `;
-var StyledButton = _styled2.default.call(void 0, _chunkJRCDVJMMcjs.UnstyledButton)`
+var StyledButton = _styled2.default.call(void 0, _chunkWLHC2LVQcjs.UnstyledButton)`
   ${(props) => buttonStyle(props)}
 `;
-var ButtonLink = _styled2.default.call(void 0, _chunk4DJ33XMZcjs.Link)`
+var ButtonLink = _styled2.default.call(void 0, _chunk7KHYVDQ6cjs.Link)`
   ${(props) => buttonStyle(props)}
 `;
 var ButtonHrefLink = _styled2.default.a`

package/dist/{chunk-UDEHDJUQ.js → chunk-TY52ZCSF.js}

@@ -1,10 +1,10 @@
 import {
   toReactNodes
-} from "./chunk-E7KQDR6U.js";
+} from "./chunk-AQ72FLUP.js";
 import {
   StyledLabelStrong,
   getPropDefaults
-} from "./chunk-RI5Q7OOG.js";
+} from "./chunk-LMBUBQE3.js";
 import {
   __spreadProps,
   __spreadValues

package/dist/{chunk-5LVXXKFG.js → chunk-U2SPIDO5.js}

@@ -3,17 +3,17 @@ import {
 } from "./chunk-NPKEAEDV.js";
 import {
   Icon
-} from "./chunk-JWFDHULW.js";
+} from "./chunk-XJB6VA4O.js";
 import {
   Link
-} from "./chunk-YIEDSI2X.js";
+} from "./chunk-3NEARZTN.js";
 import {
   getColor
-} from "./chunk-NF6LGARO.js";
+} from "./chunk-YPQXKAV2.js";
 
 // src/components/IconWithCircleBackground.tsx
 import styled from "@emotion/styled";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 function IconWithCircleBackground({
   iconName = "WarningSign",
   iconWidth = 40,
@@ -28,9 +28,10 @@ function IconWithCircleBackground({
   bgColor,
   iconColor,
   iconStrokeWidth,
-  opaque = false
+  opaque = false,
+  showNewTag = false
 }) {
-  const content = /* @__PURE__ */ jsx(
+  const content = /* @__PURE__ */ jsxs(
     Flex,
     {
       center: true,
@@ -38,30 +39,34 @@ function IconWithCircleBackground({
       disabled,
       as: onClick ? "button" : "div",
       asButtonType: "button",
-      children: /* @__PURE__ */ jsx(
-        StyledIconWithCircleBackground,
-        {
-          size: iconWidth,
-          padding,
-          darkBg,
-          hoverActiveBg,
-          shouldRotate,
-          noBg,
-          bgColor,
-          children: /* @__PURE__ */ jsx(
-            Icon,
-            {
-              name: iconName,
-              width: iconWidth,
-              color: iconColor ? iconColor : "secondary",
-              iconProps: {
-                strokeWidth: iconStrokeWidth,
-                fill: opaque ? "currentColor" : "none"
+      position: "relative",
+      children: [
+        /* @__PURE__ */ jsx(
+          StyledIconWithCircleBackground,
+          {
+            size: iconWidth,
+            padding,
+            darkBg,
+            hoverActiveBg,
+            shouldRotate,
+            noBg,
+            bgColor,
+            children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: iconName,
+                width: iconWidth,
+                color: iconColor ? iconColor : "secondary",
+                iconProps: {
+                  strokeWidth: iconStrokeWidth,
+                  fill: opaque ? "currentColor" : "none"
+                }
               }
-            }
-          )
-        }
-      )
+            )
+          }
+        ),
+        showNewTag && /* @__PURE__ */ jsx(NewTag, { "data-testid": "icon-new-tag", children: "NEW" })
+      ]
     }
   );
   return to ? /* @__PURE__ */ jsx("div", { css: { cursor: disabled ? "not-allowed" : void 0 }, children: /* @__PURE__ */ jsx(Link, { to, disabled, children: content }) }) : content;
@@ -110,6 +115,28 @@ function getPadding(size) {
   }
   return 16;
 }
+var NewTag = styled.div`
+  position: absolute;
+  right: 8px;
+  bottom: -4px;
+
+  display: flex;
+  padding: 2px 4px;
+  justify-content: center;
+  align-items: center;
+  gap: 4px;
+
+  border-radius: 4px;
+  background: #179a1c;
+
+  color: #f9f9f9;
+  font-family: Manrope;
+  font-size: 9px;
+  font-style: normal;
+  font-weight: 800;
+  line-height: 12px; /* 133.333% */
+  letter-spacing: 0.72px;
+`;
 
 export {
   IconWithCircleBackground

package/dist/{chunk-MC2ZBKES.js → chunk-U3L3IR4U.js}

@@ -1,6 +1,6 @@
 import {
   central_exports
-} from "./chunk-JY2GP4ST.js";
+} from "./chunk-M6HKACGD.js";
 import {
   icons_exports
 } from "./chunk-UTU2KDZR.js";

package/dist/{chunk-OYN2GQHU.js → chunk-U5K7C7RY.js}

@@ -1,18 +1,18 @@
 import {
   setDefaultReactNodesTypography
-} from "./chunk-R62M65Z7.js";
+} from "./chunk-DTELIM22.js";
 import {
   toReactNodes
-} from "./chunk-E7KQDR6U.js";
+} from "./chunk-AQ72FLUP.js";
 import {
   Icon
-} from "./chunk-JWFDHULW.js";
+} from "./chunk-XJB6VA4O.js";
 import {
   standardBorderRadius
-} from "./chunk-HQN2LS2G.js";
+} from "./chunk-IQQ7XKJO.js";
 import {
   getColor
-} from "./chunk-NF6LGARO.js";
+} from "./chunk-YPQXKAV2.js";
 
 // src/components/Badge.tsx
 import styled from "@emotion/styled";

package/dist/{chunk-U5XHY2DK.js → chunk-UJPCXIYJ.js}

@@ -1,6 +1,6 @@
 import {
   renderTypography
-} from "./chunk-MSMN63ZY.js";
+} from "./chunk-PGWPSTYB.js";
 import {
   __async
 } from "./chunk-W7FAWX6T.js";

package/dist/{chunk-USM7WYUY.cjs → chunk-UR6UDGU7.cjs}

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkKOGW3LJCcjs = require('./chunk-KOGW3LJC.cjs');
+var _chunk6IBADE46cjs = require('./chunk-6IBADE46.cjs');
 
 
 
-var _chunkIGHWH5N3cjs = require('./chunk-IGHWH5N3.cjs');
+var _chunkH4FJGMM7cjs = require('./chunk-H4FJGMM7.cjs');
 
 
 
@@ -13,12 +13,12 @@ var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');
 // src/components/typography/LabelStrong.tsx
 var _jsxruntime = require('@emotion/react/jsx-runtime');
 function LabelStrong(props) {
-  const propsWithDefaults = _chunkIGHWH5N3cjs.getPropDefaults.call(void 0, props);
+  const propsWithDefaults = _chunkH4FJGMM7cjs.getPropDefaults.call(void 0, props);
   let reactNodes = props.children || null;
   if (props.content) {
-    reactNodes = _chunkKOGW3LJCcjs.toReactNodes.call(void 0, props.content);
+    reactNodes = _chunk6IBADE46cjs.toReactNodes.call(void 0, props.content);
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIGHWH5N3cjs.StyledLabelStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH4FJGMM7cjs.StyledLabelStrong, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, propsWithDefaults), { children: reactNodes }));
 }
 
 

package/dist/{chunk-DFYU5VPB.js → chunk-UZVCEPZZ.js}

@@ -1,41 +1,41 @@
 import {
   ToggleContainer
-} from "./chunk-R2AGQ3JJ.js";
+} from "./chunk-K27IPM4F.js";
 import {
   InputSubtext,
   defaultTextInputTypography,
   inputSpacingPx,
   textInputPlaceholderColor,
   textInputStyle
-} from "./chunk-TKOYRZ7J.js";
-import {
-  CheckboxContainer
-} from "./chunk-KMV6MVFT.js";
+} from "./chunk-WZFG7LSB.js";
 import {
   Loading
-} from "./chunk-4D4LDRA5.js";
+} from "./chunk-XIDZLXAN.js";
 import {
-  UnstyledButton
-} from "./chunk-BJP4OTMN.js";
+  CheckboxContainer
+} from "./chunk-HABYIBKT.js";
 import {
   Tooltip
-} from "./chunk-EOKBV2EI.js";
+} from "./chunk-4CMNSEWA.js";
+import {
+  UnstyledButton
+} from "./chunk-VLZUMH7A.js";
 import {
   z
 } from "./chunk-55OQPFLF.js";
 import {
   Icon,
   IconContainer
-} from "./chunk-JWFDHULW.js";
+} from "./chunk-XJB6VA4O.js";
 import {
   standardBorderRadius
-} from "./chunk-HQN2LS2G.js";
+} from "./chunk-IQQ7XKJO.js";
 import {
   applyTypography
-} from "./chunk-I6WJCP2T.js";
+} from "./chunk-PNFXJZAS.js";
 import {
   getFontColor
-} from "./chunk-NF6LGARO.js";
+} from "./chunk-YPQXKAV2.js";
 import {
   __spreadProps,
   __spreadValues