@aivenio/aquarium 4.3.0 → 4.5.0

package/dist/src/molecules/Modal/Modal.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { Dialog as AriaDialog, Modal as AriaModal, ModalOverlay as AriaModalOverlay } from 'react-aria-components';
-import { castArray, omit } from 'lodash-es';
+import { castArray, isEmpty, omit } from 'lodash-es';
 import { Button } from '../../../src/molecules/Button/Button';
 import { createTabsComponent, ModalTab, TabContainer as ModalTabContainer, TabItem, } from '../../../src/molecules/Tabs/Tabs';
 import { Modal as BaseModal, modalStyles } from '../../../src/atoms/Modal/Modal';
@@ -25,6 +25,7 @@ export const Modal = ({ open, onClose, closeOnEsc = true, size = 'md', headerIma
     }
     const styles = modalStyles({ kind: 'dialog', size });
     const hasTabs = isComponentType(children, ModalTabs);
+    const hasActions = (secondaryActions && !isEmpty(secondaryActions)) || primaryAction;
     return (React.createElement(AriaModalOverlay, { isOpen: open, onOpenChange: (isOpen) => !isOpen && onClose(), isDismissable: false, isKeyboardDismissDisabled: !closeOnEsc, className: styles.overlay({ className: 'Aquarium-Modal' }) },
         size !== 'screen' && React.createElement(BaseModal.BackDrop, { className: styles.backdrop() }),
         React.createElement(AriaModal, { className: styles.dialog() },
@@ -36,8 +37,8 @@ export const Modal = ({ open, onClose, closeOnEsc = true, size = 'md', headerIma
                     React.createElement(BaseModal.TitleContainer, null,
                         React.createElement(ModalTitle, { kind: "dialog" }, title),
                         subtitle && React.createElement(BaseModal.Subtitle, null, subtitle))),
-                hasTabs ? (React.cloneElement(children, { className: tw('[&>div:first-child]:px-5 grow') })) : (React.createElement(BaseModal.Body, { tabIndex: 0, noFooter: !(secondaryActions !== null && secondaryActions !== void 0 ? secondaryActions : primaryAction) }, children)),
-                (secondaryActions !== null && secondaryActions !== void 0 ? secondaryActions : primaryAction) && (React.createElement(BaseModal.Footer, null,
+                hasTabs ? (React.cloneElement(children, { className: tw('[&>div:first-child]:px-5 grow') })) : (React.createElement(BaseModal.Body, { tabIndex: 0, noFooter: !hasActions, size: size }, children)),
+                hasActions && (React.createElement(BaseModal.Footer, null,
                     React.createElement(BaseModal.Actions, null,
                         secondaryActions &&
                             castArray(secondaryActions)
@@ -50,4 +51,4 @@ export const Modal = ({ open, onClose, closeOnEsc = true, size = 'md', headerIma
 };
 export const ModalTabs = createTabsComponent(ModalTab, TabItem, 'ModalTabs', (children, selected, props) => (React.createElement(BaseModal.Body, { maxHeight: props.maxHeight },
     React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFlBQVksSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRTVDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLFFBQVEsRUFDUixZQUFZLElBQUksaUJBQWlCLEVBQ2pDLE9BQU8sR0FJUixNQUFNLHlCQUF5QixDQUFDO0FBRWpDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFrQixXQUFXLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV4RixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQUVwQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBMkMxQyxNQUFNLENBQUMsTUFBTSxLQUFLLEdBQXlCLENBQUMsRUFDMUMsSUFBSSxFQUNKLE9BQU8sRUFDUCxVQUFVLEdBQUcsSUFBSSxFQUNqQixJQUFJLEdBQUcsSUFBSSxFQUNYLFdBQVcsRUFDWCxRQUFRLEVBQ1IsS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLEVBQ2IsZ0JBQWdCLEdBQ2pCLEVBQUUsRUFBRTtJQUNILElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNWLE9BQU8sSUFBSSxDQUFDO0lBQ2Qs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFlBQVksSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVyRCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixRQUFRLEVBQ1IsWUFBWSxJQUFJLGlCQUFpQixFQUNqQyxPQUFPLEdBSVIsTUFBTSx5QkFBeUIsQ0FBQztBQUVqQyxPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBa0IsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFeEYsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUMsT0FBTyxLQUFLLE1BQU0saUJBQWlCLENBQUM7QUFFcEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQTJDMUMsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5QixDQUFDLEVBQzFDLElBQUksRUFDSixPQUFPLEVBQ1AsVUFBVSxHQUFHLElBQUksRUFDakIsSUFBSSxHQUFHLElBQUksRUFDWCxXQUFXLEVBQ1gsUUFBUSxFQUNSLEtBQUssRUFDTCxRQUFRLEVBQ1IsYUFBYSxFQUNiLGdCQUFnQixHQUNqQixFQUFFLEVBQUU7SUFDSCxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDVixPQUFPLElBQUks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

package/dist/styles.css

@@ -1130,9 +1130,6 @@ input[type='number'].no-arrows {
 .mb-5{
   margin-bottom: 16px;
 }
-.mb-6{
-  margin-bottom: 24px;
-}
 .mb-\[-20px\]{
   margin-bottom: -20px;
 }
@@ -2969,6 +2966,9 @@ input[type='number'].no-arrows {
 .pt-3{
   padding-top: 8px;
 }
+.pt-6{
+  padding-top: 24px;
+}
 .text-left{
   text-align: left;
 }

package/dist/system.cjs

@@ -718,6 +718,22 @@ var require_calendar = __commonJS({
   }
 });
 
+// src/icons/camera.js
+var require_camera = __commonJS({
+  "src/icons/camera.js"(exports2) {
+    "use strict";
+    var data = {
+      "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M1.333 5.584c0-.233 0-.35.01-.448a2 2 0 011.793-1.793c.098-.01.221-.01.467-.01.095 0 .143 0 .183-.002a1.333 1.333 0 001.156-.834c.015-.037.03-.08.058-.164.028-.084.042-.127.057-.164a1.333 1.333 0 011.156-.834c.04-.002.085-.002.174-.002h3.225c.09 0 .134 0 .174.002.514.032.964.356 1.156.834.015.037.03.08.058.164.028.084.042.127.057.164.192.478.642.802 1.156.834.04.002.088.002.183.002.246 0 .37 0 .467.01a2 2 0 011.794 1.793c.01.098.01.215.01.448V10.8c0 1.12 0 1.68-.219 2.108a2 2 0 01-.874.874c-.428.218-.988.218-2.108.218H4.533c-1.12 0-1.68 0-2.108-.218a2 2 0 01-.874-.874c-.218-.428-.218-.988-.218-2.108V5.584Z"/><path d="M8 11a2.667 2.667 0 100-5.334A2.667 2.667 0 008 11Z"/></g>',
+      "left": 0,
+      "top": 0,
+      "width": 16,
+      "height": 16
+    };
+    exports2.__esModule = true;
+    exports2.default = data;
+  }
+});
+
 // src/icons/capslock.js
 var require_capslock = __commonJS({
   "src/icons/capslock.js"(exports2) {
@@ -4805,6 +4821,7 @@ var import_bookmark = __toESM(require_bookmark());
 var import_box = __toESM(require_box());
 var import_briefcase = __toESM(require_briefcase());
 var import_calendar = __toESM(require_calendar());
+var import_camera = __toESM(require_camera());
 var import_capslock = __toESM(require_capslock());
 var import_caretDownFilled = __toESM(require_caretDownFilled());
 var import_caretDown = __toESM(require_caretDown());
@@ -15204,7 +15221,8 @@ var modalStyles = (0, import_tailwind_variants13.tv)({
     titleContainer: "flex flex-col grow",
     title: "",
     closeButtonContainer: "absolute top-[24px] right-[28px]",
-    body: "px-7 grow overflow-y-auto text-default",
+    body: "grow overflow-y-auto text-default",
+    bodyContent: "px-7",
     footer: "px-7 py-6",
     actions: "flex gap-4 justify-end"
   },
@@ -15227,12 +15245,13 @@ var modalStyles = (0, import_tailwind_variants13.tv)({
       screen: {
         overlay: "py-0",
         dialog: "w-dvw h-dvh mx-0 rounded-none",
-        header: "border-b-1 border-muted mb-6"
+        header: "border-b-1 border-muted",
+        bodyContent: "pt-6"
       }
     },
     noFooter: {
       true: {
-        body: "pb-6"
+        bodyContent: "pb-6"
       }
     },
     backgroundImage: {
@@ -15330,9 +15349,9 @@ Modal.TitleContainer = ({ children, className, ...rest }) => {
   const { titleContainer } = modalStyles();
   return /* @__PURE__ */ import_react98.default.createElement("div", { ...rest, className: titleContainer({ className }) }, children);
 };
-Modal.Body = ({ children, className, noFooter = false, maxHeight, style, ...rest }) => {
-  const { body } = modalStyles();
-  return /* @__PURE__ */ import_react98.default.createElement("div", { ...rest, className: body({ noFooter, className }), style: { maxHeight, ...style } }, children);
+Modal.Body = ({ children, className, noFooter = false, maxHeight, style, size, ...rest }) => {
+  const { body, bodyContent } = modalStyles({ size });
+  return /* @__PURE__ */ import_react98.default.createElement("div", { ...rest, className: body({ className }), style: { maxHeight, ...style } }, /* @__PURE__ */ import_react98.default.createElement("div", { className: bodyContent({ noFooter }) }, children));
 };
 Modal.Footer = ({ children, className, ...rest }) => {
   const { footer } = modalStyles();
@@ -15983,8 +16002,8 @@ var FilterTrigger = ({
   onClear,
   onClick,
   value,
-  // children,
   error: error2 = false,
+  clearSelectionEnabled = true,
   ...props
 }) => {
   const ariaDatePickerState = import_react106.default.useContext(import_react_aria_components18.DatePickerStateContext);
@@ -15999,7 +16018,7 @@ var FilterTrigger = ({
     }
   };
   const hasValue = !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
-  const showClearButton = !!onClear && !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
+  const showClearButton = clearSelectionEnabled && (!!onClear && !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker);
   return /* @__PURE__ */ import_react106.default.createElement(
     import_react_aria_components18.Group,
     {
@@ -16022,7 +16041,11 @@ var FilterTrigger = ({
       /* @__PURE__ */ import_react106.default.createElement("div", { className: tw("flex items-center gap-3 divide-x divide-grey-20") }, /* @__PURE__ */ import_react106.default.createElement("div", { className: tw("flex items-center gap-3") }, /* @__PURE__ */ import_react106.default.createElement("div", { className: tw("flex items-center gap-2") }, /* @__PURE__ */ import_react106.default.createElement(InlineIcon, { icon }), /* @__PURE__ */ import_react106.default.createElement(Typography2.Small, null, labelText)), badge && /* @__PURE__ */ import_react106.default.createElement(Typography2, { color: "primary-active", className: tw("flex items-center") }, /* @__PURE__ */ import_react106.default.createElement(Badge, { dense: true, value: badge }))), hasValue && /* @__PURE__ */ import_react106.default.createElement("div", { className: "pl-3" }, /* @__PURE__ */ import_react106.default.createElement(
         Typography2.Small,
         {
-          className: tw("truncate max-w-[233px]"),
+          className: tw("truncate", {
+            "max-w-[320px]": isUsedInsideDateRangePicker,
+            "max-w-[233px]": !isUsedInsideDateRangePicker
+            // Set to 233px to keep the total width of the filter pill within approximately 360px.
+          }),
           color: error2 ? "danger-intense" : "primary-active"
         },
         value,
@@ -16166,6 +16189,7 @@ var Modal2 = ({
   }
   const styles = modalStyles({ kind: "dialog", size });
   const hasTabs = isComponentType(children, ModalTabs);
+  const hasActions = secondaryActions && !(0, import_lodash_es38.isEmpty)(secondaryActions) || primaryAction;
   return /* @__PURE__ */ import_react110.default.createElement(
     import_react_aria_components19.ModalOverlay,
     {
@@ -16184,7 +16208,7 @@ var Modal2 = ({
         className: tw({ "pb-3": isComponentType(children, ModalTabs) })
       },
       /* @__PURE__ */ import_react110.default.createElement(Modal.TitleContainer, null, /* @__PURE__ */ import_react110.default.createElement(ModalTitle, { kind: "dialog" }, title), subtitle && /* @__PURE__ */ import_react110.default.createElement(Modal.Subtitle, null, subtitle))
-    ), hasTabs ? import_react110.default.cloneElement(children, { className: tw("[&>div:first-child]:px-5 grow") }) : /* @__PURE__ */ import_react110.default.createElement(Modal.Body, { tabIndex: 0, noFooter: !(secondaryActions ?? primaryAction) }, children), (secondaryActions ?? primaryAction) && /* @__PURE__ */ import_react110.default.createElement(Modal.Footer, null, /* @__PURE__ */ import_react110.default.createElement(Modal.Actions, null, secondaryActions && (0, import_lodash_es38.castArray)(secondaryActions).filter(Boolean).map(({ text, ...action }) => /* @__PURE__ */ import_react110.default.createElement(Button2.Secondary, { key: text, ...action }, text)), primaryAction && /* @__PURE__ */ import_react110.default.createElement(Button2.Primary, { key: primaryAction.text, ...(0, import_lodash_es38.omit)(primaryAction, "text") }, primaryAction.text))))))
+    ), hasTabs ? import_react110.default.cloneElement(children, { className: tw("[&>div:first-child]:px-5 grow") }) : /* @__PURE__ */ import_react110.default.createElement(Modal.Body, { tabIndex: 0, noFooter: !hasActions, size }, children), hasActions && /* @__PURE__ */ import_react110.default.createElement(Modal.Footer, null, /* @__PURE__ */ import_react110.default.createElement(Modal.Actions, null, secondaryActions && (0, import_lodash_es38.castArray)(secondaryActions).filter(Boolean).map(({ text, ...action }) => /* @__PURE__ */ import_react110.default.createElement(Button2.Secondary, { key: text, ...action }, text)), primaryAction && /* @__PURE__ */ import_react110.default.createElement(Button2.Primary, { key: primaryAction.text, ...(0, import_lodash_es38.omit)(primaryAction, "text") }, primaryAction.text))))))
   );
 };
 var ModalTabs = createTabsComponent(

package/dist/system.mjs

@@ -716,6 +716,22 @@ var require_calendar = __commonJS({
   }
 });
 
+// src/icons/camera.js
+var require_camera = __commonJS({
+  "src/icons/camera.js"(exports) {
+    "use strict";
+    var data = {
+      "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M1.333 5.584c0-.233 0-.35.01-.448a2 2 0 011.793-1.793c.098-.01.221-.01.467-.01.095 0 .143 0 .183-.002a1.333 1.333 0 001.156-.834c.015-.037.03-.08.058-.164.028-.084.042-.127.057-.164a1.333 1.333 0 011.156-.834c.04-.002.085-.002.174-.002h3.225c.09 0 .134 0 .174.002.514.032.964.356 1.156.834.015.037.03.08.058.164.028.084.042.127.057.164.192.478.642.802 1.156.834.04.002.088.002.183.002.246 0 .37 0 .467.01a2 2 0 011.794 1.793c.01.098.01.215.01.448V10.8c0 1.12 0 1.68-.219 2.108a2 2 0 01-.874.874c-.428.218-.988.218-2.108.218H4.533c-1.12 0-1.68 0-2.108-.218a2 2 0 01-.874-.874c-.218-.428-.218-.988-.218-2.108V5.584Z"/><path d="M8 11a2.667 2.667 0 100-5.334A2.667 2.667 0 008 11Z"/></g>',
+      "left": 0,
+      "top": 0,
+      "width": 16,
+      "height": 16
+    };
+    exports.__esModule = true;
+    exports.default = data;
+  }
+});
+
 // src/icons/capslock.js
 var require_capslock = __commonJS({
   "src/icons/capslock.js"(exports) {
@@ -4657,6 +4673,7 @@ var import_bookmark = __toESM(require_bookmark());
 var import_box = __toESM(require_box());
 var import_briefcase = __toESM(require_briefcase());
 var import_calendar = __toESM(require_calendar());
+var import_camera = __toESM(require_camera());
 var import_capslock = __toESM(require_capslock());
 var import_caretDownFilled = __toESM(require_caretDownFilled());
 var import_caretDown = __toESM(require_caretDown());
@@ -15105,7 +15122,8 @@ var modalStyles = tv13({
     titleContainer: "flex flex-col grow",
     title: "",
     closeButtonContainer: "absolute top-[24px] right-[28px]",
-    body: "px-7 grow overflow-y-auto text-default",
+    body: "grow overflow-y-auto text-default",
+    bodyContent: "px-7",
     footer: "px-7 py-6",
     actions: "flex gap-4 justify-end"
   },
@@ -15128,12 +15146,13 @@ var modalStyles = tv13({
       screen: {
         overlay: "py-0",
         dialog: "w-dvw h-dvh mx-0 rounded-none",
-        header: "border-b-1 border-muted mb-6"
+        header: "border-b-1 border-muted",
+        bodyContent: "pt-6"
       }
     },
     noFooter: {
       true: {
-        body: "pb-6"
+        bodyContent: "pb-6"
       }
     },
     backgroundImage: {
@@ -15231,9 +15250,9 @@ Modal.TitleContainer = ({ children, className, ...rest }) => {
   const { titleContainer } = modalStyles();
   return /* @__PURE__ */ React89.createElement("div", { ...rest, className: titleContainer({ className }) }, children);
 };
-Modal.Body = ({ children, className, noFooter = false, maxHeight, style, ...rest }) => {
-  const { body } = modalStyles();
-  return /* @__PURE__ */ React89.createElement("div", { ...rest, className: body({ noFooter, className }), style: { maxHeight, ...style } }, children);
+Modal.Body = ({ children, className, noFooter = false, maxHeight, style, size, ...rest }) => {
+  const { body, bodyContent } = modalStyles({ size });
+  return /* @__PURE__ */ React89.createElement("div", { ...rest, className: body({ className }), style: { maxHeight, ...style } }, /* @__PURE__ */ React89.createElement("div", { className: bodyContent({ noFooter }) }, children));
 };
 Modal.Footer = ({ children, className, ...rest }) => {
   const { footer } = modalStyles();
@@ -15889,8 +15908,8 @@ var FilterTrigger = ({
   onClear,
   onClick,
   value,
-  // children,
   error: error2 = false,
+  clearSelectionEnabled = true,
   ...props
 }) => {
   const ariaDatePickerState = React97.useContext(AriaDatePickerStateContext2);
@@ -15905,7 +15924,7 @@ var FilterTrigger = ({
     }
   };
   const hasValue = !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
-  const showClearButton = !!onClear && !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
+  const showClearButton = clearSelectionEnabled && (!!onClear && !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker);
   return /* @__PURE__ */ React97.createElement(
     AriaGroup,
     {
@@ -15928,7 +15947,11 @@ var FilterTrigger = ({
       /* @__PURE__ */ React97.createElement("div", { className: tw("flex items-center gap-3 divide-x divide-grey-20") }, /* @__PURE__ */ React97.createElement("div", { className: tw("flex items-center gap-3") }, /* @__PURE__ */ React97.createElement("div", { className: tw("flex items-center gap-2") }, /* @__PURE__ */ React97.createElement(InlineIcon, { icon }), /* @__PURE__ */ React97.createElement(Typography2.Small, null, labelText)), badge && /* @__PURE__ */ React97.createElement(Typography2, { color: "primary-active", className: tw("flex items-center") }, /* @__PURE__ */ React97.createElement(Badge, { dense: true, value: badge }))), hasValue && /* @__PURE__ */ React97.createElement("div", { className: "pl-3" }, /* @__PURE__ */ React97.createElement(
         Typography2.Small,
         {
-          className: tw("truncate max-w-[233px]"),
+          className: tw("truncate", {
+            "max-w-[320px]": isUsedInsideDateRangePicker,
+            "max-w-[233px]": !isUsedInsideDateRangePicker
+            // Set to 233px to keep the total width of the filter pill within approximately 360px.
+          }),
           color: error2 ? "danger-intense" : "primary-active"
         },
         value,
@@ -16053,7 +16076,7 @@ var ListItem = ({ name, icon, active = false }) => {
 // src/molecules/Modal/Modal.tsx
 import React101 from "react";
 import { Dialog as AriaDialog3, Modal as AriaModal2, ModalOverlay as AriaModalOverlay2 } from "react-aria-components";
-import { castArray as castArray4, omit as omit12 } from "lodash-es";
+import { castArray as castArray4, isEmpty as isEmpty2, omit as omit12 } from "lodash-es";
 var import_cross8 = __toESM(require_cross());
 var Modal2 = ({
   open,
@@ -16072,6 +16095,7 @@ var Modal2 = ({
   }
   const styles = modalStyles({ kind: "dialog", size });
   const hasTabs = isComponentType(children, ModalTabs);
+  const hasActions = secondaryActions && !isEmpty2(secondaryActions) || primaryAction;
   return /* @__PURE__ */ React101.createElement(
     AriaModalOverlay2,
     {
@@ -16090,7 +16114,7 @@ var Modal2 = ({
         className: tw({ "pb-3": isComponentType(children, ModalTabs) })
       },
       /* @__PURE__ */ React101.createElement(Modal.TitleContainer, null, /* @__PURE__ */ React101.createElement(ModalTitle, { kind: "dialog" }, title), subtitle && /* @__PURE__ */ React101.createElement(Modal.Subtitle, null, subtitle))
-    ), hasTabs ? React101.cloneElement(children, { className: tw("[&>div:first-child]:px-5 grow") }) : /* @__PURE__ */ React101.createElement(Modal.Body, { tabIndex: 0, noFooter: !(secondaryActions ?? primaryAction) }, children), (secondaryActions ?? primaryAction) && /* @__PURE__ */ React101.createElement(Modal.Footer, null, /* @__PURE__ */ React101.createElement(Modal.Actions, null, secondaryActions && castArray4(secondaryActions).filter(Boolean).map(({ text, ...action }) => /* @__PURE__ */ React101.createElement(Button2.Secondary, { key: text, ...action }, text)), primaryAction && /* @__PURE__ */ React101.createElement(Button2.Primary, { key: primaryAction.text, ...omit12(primaryAction, "text") }, primaryAction.text))))))
+    ), hasTabs ? React101.cloneElement(children, { className: tw("[&>div:first-child]:px-5 grow") }) : /* @__PURE__ */ React101.createElement(Modal.Body, { tabIndex: 0, noFooter: !hasActions, size }, children), hasActions && /* @__PURE__ */ React101.createElement(Modal.Footer, null, /* @__PURE__ */ React101.createElement(Modal.Actions, null, secondaryActions && castArray4(secondaryActions).filter(Boolean).map(({ text, ...action }) => /* @__PURE__ */ React101.createElement(Button2.Secondary, { key: text, ...action }, text)), primaryAction && /* @__PURE__ */ React101.createElement(Button2.Primary, { key: primaryAction.text, ...omit12(primaryAction, "text") }, primaryAction.text))))))
   );
 };
 var ModalTabs = createTabsComponent(