@alixpartners/ui-components 2.6.0 → 2.6.2

package/dist/components/Dialog/Dialog.test.js

@@ -1,368 +1,393 @@
-import { jsx as i, jsxs as B } from "react/jsx-runtime";
-import { d as T, i as c, r as l, s as o, g as t, v as d, f as r } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
-import s from "./Dialog.js";
+import { jsx as n, jsxs as B } from "react/jsx-runtime";
+import { d as T, i as l, r as c, s as o, g as t, v as d, f as r } from "../../vi.bdSIJ99Y-017e_Pkz.js";
 import p from "../Button/Button.js";
+import s from "./Dialog.js";
 T("Dialog", () => {
   T("Rendering", () => {
     T("Basic rendering", () => {
-      c("should render dialog with required props when open", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
+      l("should render dialog with required props when open", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
         const e = o.getByTestId("dialog");
         t(e).toBeInTheDocument(), t(o.getByTestId("dialog-title")).toHaveTextContent("Test Title"), t(o.getByTestId("dialog-description")).toHaveTextContent("Test Description");
-      }), c("should render dialog with children trigger", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open Dialog" }) })), t(o.getByText("Open Dialog")).toBeInTheDocument(), t(o.queryByTestId("dialog")).not.toBeInTheDocument();
-      }), c("should render dialog element with correct structure", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
+      }), l("should render dialog with children trigger", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open Dialog" }) })), t(o.getByText("Open Dialog")).toBeInTheDocument(), t(o.queryByTestId("dialog")).not.toBeInTheDocument();
+      }), l("should render dialog element with correct structure", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
         const e = o.getByTestId("dialog");
         t(e).toBeInTheDocument(), t(o.getByTestId("dialog-content")).toBeInTheDocument(), t(o.getByTestId("dialog-title")).toBeInTheDocument(), t(o.getByTestId("dialog-description")).toBeInTheDocument(), t(o.getByTestId("dialog-overlay")).toBeInTheDocument();
       });
     }), T("Conditional rendering", () => {
-      c("should render close button when onClose is provided", () => {
+      l("should render close button when onClose is provided", () => {
         const e = d.fn();
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", onClose: e, isOpen: !0 }));
-        const n = o.getByTestId("dialog-close-button");
-        t(n).toBeInTheDocument();
-      }), c("should not render close button when onClose is not provided", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description" }));
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", onClose: e, isOpen: !0 }));
+        const i = o.getByTestId("dialog-close-button");
+        t(i).toBeInTheDocument();
+      }), l("should not render close button when onClose is not provided", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description" }));
         const e = o.queryByTestId("dialog-close-button");
         t(e).not.toBeInTheDocument();
-      }), c("should render illustration when illustrationSrc is provided", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", illustrationSrc: "https://example.com/image.png", isOpen: !0 }));
+      }), l("should render illustration when illustrationSrc is provided", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", illustrationSrc: "https://example.com/image.png", isOpen: !0 }));
         const e = o.getByTestId("dialog-illustration");
         t(e).toBeInTheDocument();
-        const n = e.querySelector("img");
-        t(n).toBeInTheDocument(), t(n).toHaveAttribute("src", "https://example.com/image.png"), t(n).toHaveAttribute("alt", "Dialog illustration");
-      }), c("should not render illustration when illustrationSrc is not provided", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description" }));
+        const i = e.querySelector("img");
+        t(i).toBeInTheDocument(), t(i).toHaveAttribute("src", "https://example.com/image.png"), t(i).toHaveAttribute("alt", "Dialog illustration");
+      }), l("should not render illustration when illustrationSrc is not provided", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description" }));
         const e = o.queryByTestId("dialog-illustration");
         t(e).not.toBeInTheDocument();
-      }), c("should render confirm button when confirmButtonText is provided", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", isOpen: !0 }));
+      }), l("should render confirm button when confirmButtonText is provided", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", isOpen: !0 }));
         const e = o.getByTestId("dialog-buttons");
         t(e).toBeInTheDocument(), t(o.getByText("Confirm")).toBeInTheDocument();
-      }), c("should render cancel button when cancelButtonText is provided", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", cancelButtonText: "Cancel", isOpen: !0 })), t(o.getByText("Cancel")).toBeInTheDocument();
-      }), c("should render both buttons when both are provided", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", cancelButtonText: "Cancel", isOpen: !0 })), t(o.getByText("Confirm")).toBeInTheDocument(), t(o.getByText("Cancel")).toBeInTheDocument();
-      }), c("should render empty buttons container when no buttons are provided", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
+      }), l("should render cancel button when cancelButtonText is provided", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", cancelButtonText: "Cancel", isOpen: !0 })), t(o.getByText("Cancel")).toBeInTheDocument();
+      }), l("should render both buttons when both are provided", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", cancelButtonText: "Cancel", isOpen: !0 })), t(o.getByText("Confirm")).toBeInTheDocument(), t(o.getByText("Cancel")).toBeInTheDocument();
+      }), l("should render empty buttons container when no buttons are provided", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
         const e = o.getByTestId("dialog-buttons");
         t(e).toBeInTheDocument(), t(e.children.length).toBe(0);
       });
     }), T("Content rendering", () => {
-      c("should render title text correctly", () => {
-        l(/* @__PURE__ */ i(s, { title: "My Dialog Title", description: "Test Description", isOpen: !0 })), t(o.getByTestId("dialog-title")).toHaveTextContent("My Dialog Title");
-      }), c("should render description as string correctly", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "My description text", isOpen: !0 })), t(o.getByTestId("dialog-description")).toHaveTextContent("My description text");
-      }), c("should render description as ReactNode correctly", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: /* @__PURE__ */ B("div", { children: [
-          /* @__PURE__ */ i("p", { children: "Custom HTML content" }),
-          /* @__PURE__ */ i("span", { children: "More content" })
+      l("should render title text correctly", () => {
+        c(/* @__PURE__ */ n(s, { title: "My Dialog Title", description: "Test Description", isOpen: !0 })), t(o.getByTestId("dialog-title")).toHaveTextContent("My Dialog Title");
+      }), l("should render description as string correctly", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "My description text", isOpen: !0 })), t(o.getByTestId("dialog-description")).toHaveTextContent("My description text");
+      }), l("should render description as ReactNode correctly", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: /* @__PURE__ */ B("div", { children: [
+          /* @__PURE__ */ n("p", { children: "Custom HTML content" }),
+          /* @__PURE__ */ n("span", { children: "More content" })
         ] }), isOpen: !0 })), t(o.getByTestId("dialog-description")).toContainHTML("<div><p>Custom HTML content</p><span>More content</span></div>");
-      }), c("should render button text correctly", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Save Changes", cancelButtonText: "Discard", isOpen: !0 })), t(o.getByText("Save Changes")).toBeInTheDocument(), t(o.getByText("Discard")).toBeInTheDocument();
-      }), c("should render button icons when provided", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", confirmButtonIcon: "ap-icon-check", cancelButtonText: "Cancel", cancelButtonIcon: "ap-icon-close", isOpen: !0 }));
-        const e = o.getByText("Confirm").closest('[data-testid="button"]'), n = o.getByText("Cancel").closest('[data-testid="button"]');
-        t(e).toBeInTheDocument(), t(n).toBeInTheDocument();
-        const a = e == null ? void 0 : e.querySelector('[data-testid="button-icon"]'), u = n == null ? void 0 : n.querySelector('[data-testid="button-icon"]');
+      }), l("should render button text correctly", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Save Changes", cancelButtonText: "Discard", isOpen: !0 })), t(o.getByText("Save Changes")).toBeInTheDocument(), t(o.getByText("Discard")).toBeInTheDocument();
+      }), l("should render button icons when provided", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", confirmButtonIcon: "ap-icon-check", cancelButtonText: "Cancel", cancelButtonIcon: "ap-icon-close", isOpen: !0 }));
+        const e = o.getByText("Confirm").closest('[data-testid="button"]'), i = o.getByText("Cancel").closest('[data-testid="button"]');
+        t(e).toBeInTheDocument(), t(i).toBeInTheDocument();
+        const a = e == null ? void 0 : e.querySelector('[data-testid="button-icon"]'), u = i == null ? void 0 : i.querySelector('[data-testid="button-icon"]');
         t(a).toBeInTheDocument(), t(u).toBeInTheDocument();
       });
     }), T("CSS Classes", () => {
-      c("should apply dialog base class", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
+      l("should apply dialog base class", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
         const e = o.getByTestId("dialog");
         t(e.className).toContain("dialog");
-      }), c("should apply custom className to wrapper when children are provided", () => {
+      }), l("should apply custom className to wrapper when children are provided", () => {
         const {
           container: e
-        } = l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", className: "custom-wrapper-class", children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) })), n = e.firstChild;
-        t(n.className).toContain("custom-wrapper-class");
-      }), c("should always render wrapper div for consistent className support", () => {
+        } = c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", className: "custom-wrapper-class", children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) })), i = e.firstChild;
+        t(i.className).toContain("custom-wrapper-class");
+      }), l("should always render wrapper div for consistent className support", () => {
         const {
           container: e
-        } = l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", className: "custom-class", isOpen: !0 })), n = e.firstChild;
-        t(n).toBeInTheDocument(), t(n.tagName).toBe("DIV"), t(n.className).toContain("custom-class");
+        } = c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", className: "custom-class", isOpen: !0 })), i = e.firstChild;
+        t(i).toBeInTheDocument(), t(i.tagName).toBe("DIV"), t(i.className).toContain("custom-class");
       });
     });
   }), T("User Interactions", () => {
     T("Trigger interactions", () => {
-      c("should open dialog when trigger is clicked", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
+      l("should open dialog when trigger is clicked", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
         const e = o.getByText("Open");
         t(o.queryByTestId("dialog")).not.toBeInTheDocument(), r.click(e);
-        const n = o.getByTestId("dialog");
-        t(n).toBeInTheDocument(), t(o.getByTestId("dialog-overlay")).toBeInTheDocument();
-      }), c("should not render trigger when children are not provided", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description" }));
-        const n = o.queryAllByTestId("button").filter((a) => a.textContent !== "Confirm" && a.textContent !== "Cancel");
-        t(n.length).toBe(0);
+        const i = o.getByTestId("dialog");
+        t(i).toBeInTheDocument(), t(o.getByTestId("dialog-overlay")).toBeInTheDocument();
+      }), l("should not render trigger when children are not provided", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description" }));
+        const i = o.queryAllByTestId("button").filter((a) => a.textContent !== "Confirm" && a.textContent !== "Cancel");
+        t(i.length).toBe(0);
       });
     }), T("Close button interactions", () => {
-      c("should call onClose when close button is clicked", () => {
+      l("should call onClose when close button is clicked", () => {
         const e = d.fn();
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", onClose: e, isOpen: !0 }));
-        const n = o.getByTestId("dialog-close-button");
-        r.click(n), t(e).toHaveBeenCalledTimes(1);
-      }), c("should close dialog when close button is clicked in uncontrolled mode", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", onClose: e, isOpen: !0 }));
+        const i = o.getByTestId("dialog-close-button");
+        r.click(i), t(e).toHaveBeenCalledTimes(1);
+      }), l("should close dialog when close button is clicked in uncontrolled mode", () => {
         const e = d.fn();
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", onClose: e, children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
-        const n = o.getByText("Open");
-        r.click(n);
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", onClose: e, children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
+        const i = o.getByText("Open");
+        r.click(i);
         const a = o.getByTestId("dialog");
         t(a).toBeInTheDocument();
         const u = o.getByTestId("dialog-close-button");
         r.click(u), t(e).toHaveBeenCalledTimes(1);
       });
     }), T("Confirm button interactions", () => {
-      c("should call onConfirm when confirm button is clicked", () => {
+      l("should call onConfirm when confirm button is clicked", () => {
         const e = d.fn();
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", onConfirm: e, isOpen: !0 }));
-        const n = o.getByText("Confirm");
-        r.click(n), t(e).toHaveBeenCalledTimes(1);
-      }), c("should close dialog when confirm button is clicked in uncontrolled mode", () => {
-        const e = d.fn(), n = d.fn();
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", onConfirm: e, onClose: n, children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", onConfirm: e, isOpen: !0 }));
+        const i = o.getByText("Confirm");
+        r.click(i), t(e).toHaveBeenCalledTimes(1);
+      }), l("should close dialog when confirm button is clicked in uncontrolled mode", () => {
+        const e = d.fn(), i = d.fn();
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", onConfirm: e, onClose: i, children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
         const a = o.getByText("Open");
         r.click(a);
         const u = o.getByTestId("dialog");
         t(u).toBeInTheDocument();
         const m = o.getByText("Confirm");
-        r.click(m), t(e).toHaveBeenCalledTimes(1), t(n).toHaveBeenCalledTimes(1);
-      }), c("should call onClose after onConfirm in uncontrolled mode", () => {
-        const e = d.fn(), n = d.fn();
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", onConfirm: e, onClose: n, children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
+        r.click(m), t(e).toHaveBeenCalledTimes(1), t(i).toHaveBeenCalledTimes(1);
+      }), l("should call onClose after onConfirm in uncontrolled mode", () => {
+        const e = d.fn(), i = d.fn();
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", onConfirm: e, onClose: i, children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
         const a = o.getByText("Open");
         r.click(a);
         const u = o.getByText("Confirm");
-        r.click(u), t(e).toHaveBeenCalledTimes(1), t(n).toHaveBeenCalledTimes(1);
+        r.click(u), t(e).toHaveBeenCalledTimes(1), t(i).toHaveBeenCalledTimes(1);
       });
     }), T("Cancel button interactions", () => {
-      c("should call onCancel when cancel button is clicked", () => {
+      l("should call onCancel when cancel button is clicked", () => {
         const e = d.fn();
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", cancelButtonText: "Cancel", onCancel: e, isOpen: !0 }));
-        const n = o.getByText("Cancel");
-        r.click(n), t(e).toHaveBeenCalledTimes(1);
-      }), c("should close dialog when cancel button is clicked in uncontrolled mode", () => {
-        const e = d.fn(), n = d.fn();
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", cancelButtonText: "Cancel", onCancel: e, onClose: n, children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", cancelButtonText: "Cancel", onCancel: e, isOpen: !0 }));
+        const i = o.getByText("Cancel");
+        r.click(i), t(e).toHaveBeenCalledTimes(1);
+      }), l("should close dialog when cancel button is clicked in uncontrolled mode", () => {
+        const e = d.fn(), i = d.fn();
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", cancelButtonText: "Cancel", onCancel: e, onClose: i, children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
         const a = o.getByText("Open");
         r.click(a);
         const u = o.getByTestId("dialog");
         t(u).toBeInTheDocument();
         const m = o.getByText("Cancel");
-        r.click(m), t(e).toHaveBeenCalledTimes(1), t(n).toHaveBeenCalledTimes(1);
-      }), c("should call onClose after onCancel in uncontrolled mode", () => {
-        const e = d.fn(), n = d.fn();
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", cancelButtonText: "Cancel", onCancel: e, onClose: n, children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
+        r.click(m), t(e).toHaveBeenCalledTimes(1), t(i).toHaveBeenCalledTimes(1);
+      }), l("should call onClose after onCancel in uncontrolled mode", () => {
+        const e = d.fn(), i = d.fn();
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", cancelButtonText: "Cancel", onCancel: e, onClose: i, children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
         const a = o.getByText("Open");
         r.click(a);
         const u = o.getByText("Cancel");
-        r.click(u), t(e).toHaveBeenCalledTimes(1), t(n).toHaveBeenCalledTimes(1);
+        r.click(u), t(e).toHaveBeenCalledTimes(1), t(i).toHaveBeenCalledTimes(1);
       });
     }), T("Escape key handling", () => {
-      c("should handle Escape key press on dialog", () => {
+      l("should handle Escape key press on dialog", () => {
         const e = d.fn();
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", onClose: e, isOpen: !0 }));
-        const n = o.getByTestId("dialog");
-        t(n).toBeInTheDocument(), r.keyDown(n, {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", onClose: e, isOpen: !0 }));
+        const i = o.getByTestId("dialog");
+        t(i).toBeInTheDocument(), r.keyDown(i, {
           key: "Escape",
           code: "Escape"
-        }), t(n).toBeInTheDocument();
+        }), t(i).toBeInTheDocument();
       });
     });
   }), T("Controlled Mode", () => {
-    c("should open dialog when isOpen is true", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
-      const e = o.getByTestId("dialog"), n = o.getByTestId("dialog-overlay");
-      t(e).toBeInTheDocument(), t(n).toBeInTheDocument();
-    }), c("should close dialog when isOpen is false", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !1 })), t(o.queryByTestId("dialog")).not.toBeInTheDocument(), t(o.queryByTestId("dialog-overlay")).not.toBeInTheDocument();
-    }), c("should update dialog state when isOpen changes", async () => {
+    l("should open dialog when isOpen is true", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
+      const e = o.getByTestId("dialog"), i = o.getByTestId("dialog-overlay");
+      t(e).toBeInTheDocument(), t(i).toBeInTheDocument();
+    }), l("should close dialog when isOpen is false", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !1 })), t(o.queryByTestId("dialog")).not.toBeInTheDocument(), t(o.queryByTestId("dialog-overlay")).not.toBeInTheDocument();
+    }), l("should update dialog state when isOpen changes", async () => {
       const {
         rerender: e
-      } = l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !1 }));
-      t(o.queryByTestId("dialog")).not.toBeInTheDocument(), e(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
-      const n = o.getByTestId("dialog");
-      t(n).toBeInTheDocument(), t(o.getByTestId("dialog-overlay")).toBeInTheDocument();
-    }), c("should call onClose when confirm is clicked in controlled mode", () => {
-      const e = d.fn(), n = d.fn();
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !0, confirmButtonText: "Confirm", onConfirm: e, onClose: n }));
+      } = c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !1 }));
+      t(o.queryByTestId("dialog")).not.toBeInTheDocument(), e(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
+      const i = o.getByTestId("dialog");
+      t(i).toBeInTheDocument(), t(o.getByTestId("dialog-overlay")).toBeInTheDocument();
+    }), l("should call onClose when confirm is clicked in controlled mode", () => {
+      const e = d.fn(), i = d.fn();
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0, confirmButtonText: "Confirm", onConfirm: e, onClose: i }));
       const a = o.getByText("Confirm");
-      r.click(a), t(e).toHaveBeenCalledTimes(1), t(n).toHaveBeenCalledTimes(1);
-    }), c("should call onClose when cancel is clicked in controlled mode", () => {
-      const e = d.fn(), n = d.fn();
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !0, cancelButtonText: "Cancel", onCancel: e, onClose: n }));
+      r.click(a), t(e).toHaveBeenCalledTimes(1), t(i).toHaveBeenCalledTimes(1);
+    }), l("should call onClose when cancel is clicked in controlled mode", () => {
+      const e = d.fn(), i = d.fn();
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0, cancelButtonText: "Cancel", onCancel: e, onClose: i }));
       const a = o.getByText("Cancel");
-      r.click(a), t(e).toHaveBeenCalledTimes(1), t(n).toHaveBeenCalledTimes(1);
-    }), c("should work without children in controlled mode", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
+      r.click(a), t(e).toHaveBeenCalledTimes(1), t(i).toHaveBeenCalledTimes(1);
+    }), l("should work without children in controlled mode", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
       const e = o.getByTestId("dialog");
       t(e).toBeInTheDocument();
     });
   }), T("Uncontrolled Mode", () => {
-    c("should open dialog when trigger is clicked", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
+    l("should open dialog when trigger is clicked", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
       const e = o.getByText("Open");
       t(o.queryByTestId("dialog")).not.toBeInTheDocument(), r.click(e);
-      const n = o.getByTestId("dialog");
-      t(n).toBeInTheDocument(), t(o.getByTestId("dialog-overlay")).toBeInTheDocument();
-    }), c("should close dialog automatically when confirm is clicked", () => {
-      const e = d.fn(), n = d.fn();
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", onConfirm: e, onClose: n, children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
+      const i = o.getByTestId("dialog");
+      t(i).toBeInTheDocument(), t(o.getByTestId("dialog-overlay")).toBeInTheDocument();
+    }), l("should close dialog automatically when confirm is clicked", () => {
+      const e = d.fn(), i = d.fn();
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", onConfirm: e, onClose: i, children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
       const a = o.getByText("Open");
       r.click(a);
       const u = o.getByTestId("dialog");
       t(u).toBeInTheDocument();
       const m = o.getByText("Confirm");
-      r.click(m), t(e).toHaveBeenCalledTimes(1), t(n).toHaveBeenCalledTimes(1);
-    }), c("should close dialog automatically when cancel is clicked", () => {
-      const e = d.fn(), n = d.fn();
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", cancelButtonText: "Cancel", onCancel: e, onClose: n, children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
+      r.click(m), t(e).toHaveBeenCalledTimes(1), t(i).toHaveBeenCalledTimes(1);
+    }), l("should close dialog automatically when cancel is clicked", () => {
+      const e = d.fn(), i = d.fn();
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", cancelButtonText: "Cancel", onCancel: e, onClose: i, children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
       const a = o.getByText("Open");
       r.click(a);
       const u = o.getByTestId("dialog");
       t(u).toBeInTheDocument();
       const m = o.getByText("Cancel");
-      r.click(m), t(e).toHaveBeenCalledTimes(1), t(n).toHaveBeenCalledTimes(1);
+      r.click(m), t(e).toHaveBeenCalledTimes(1), t(i).toHaveBeenCalledTimes(1);
     });
   }), T("Button Configuration", () => {
-    c("should pass button type props correctly", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", confirmButtonType: "secondary", cancelButtonText: "Cancel", cancelButtonType: "tertiary", isOpen: !0 }));
-      const e = o.getByText("Confirm").closest('[data-testid="button"]'), n = o.getByText("Cancel").closest('[data-testid="button"]');
-      t(e).toBeInTheDocument(), t(n).toBeInTheDocument();
-    }), c("should pass button variant props correctly", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", confirmButtonVariant: "danger", cancelButtonText: "Cancel", cancelButtonVariant: "cancel", isOpen: !0 }));
-      const e = o.getByText("Confirm").closest('[data-testid="button"]'), n = o.getByText("Cancel").closest('[data-testid="button"]');
-      t(e).toBeInTheDocument(), t(n).toBeInTheDocument();
-    }), c("should pass button size props correctly", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", confirmButtonSize: "sm", cancelButtonText: "Cancel", cancelButtonSize: "sm", isOpen: !0 }));
-      const e = o.getByText("Confirm").closest('[data-testid="button"]'), n = o.getByText("Cancel").closest('[data-testid="button"]');
-      t(e).toBeInTheDocument(), t(n).toBeInTheDocument();
-    }), c("should use default button props when not provided", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", cancelButtonText: "Cancel", isOpen: !0 }));
-      const e = o.getByText("Confirm").closest('[data-testid="button"]'), n = o.getByText("Cancel").closest('[data-testid="button"]');
-      t(e).toBeInTheDocument(), t(n).toBeInTheDocument();
+    l("should pass button type props correctly", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", confirmButtonType: "secondary", cancelButtonText: "Cancel", cancelButtonType: "tertiary", isOpen: !0 }));
+      const e = o.getByText("Confirm").closest('[data-testid="button"]'), i = o.getByText("Cancel").closest('[data-testid="button"]');
+      t(e).toBeInTheDocument(), t(i).toBeInTheDocument();
+    }), l("should pass button variant props correctly", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", confirmButtonVariant: "danger", cancelButtonText: "Cancel", cancelButtonVariant: "cancel", isOpen: !0 }));
+      const e = o.getByText("Confirm").closest('[data-testid="button"]'), i = o.getByText("Cancel").closest('[data-testid="button"]');
+      t(e).toBeInTheDocument(), t(i).toBeInTheDocument();
+    }), l("should pass button size props correctly", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", confirmButtonSize: "sm", cancelButtonText: "Cancel", cancelButtonSize: "sm", isOpen: !0 }));
+      const e = o.getByText("Confirm").closest('[data-testid="button"]'), i = o.getByText("Cancel").closest('[data-testid="button"]');
+      t(e).toBeInTheDocument(), t(i).toBeInTheDocument();
+    }), l("should use default button props when not provided", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", cancelButtonText: "Cancel", isOpen: !0 }));
+      const e = o.getByText("Confirm").closest('[data-testid="button"]'), i = o.getByText("Cancel").closest('[data-testid="button"]');
+      t(e).toBeInTheDocument(), t(i).toBeInTheDocument();
+    }), l("should disable confirm button when confirmButtonDisabled is true", () => {
+      const e = d.fn();
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", confirmButtonDisabled: !0, onConfirm: e, isOpen: !0 }));
+      const i = o.getByText("Confirm").closest('[data-testid="button"]');
+      t(i).toBeDisabled(), r.click(i), t(e).not.toHaveBeenCalled();
     });
   }), T("Edge Cases", () => {
-    c("should handle empty string for button text", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", confirmButtonText: "", isOpen: !0 }));
+    l("should handle empty string for button text", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "", isOpen: !0 }));
       const e = o.queryByTestId("dialog-buttons");
       t(e).toBeInTheDocument(), t(e == null ? void 0 : e.children.length).toBe(0);
-    }), c("should handle custom HTML content in description", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: /* @__PURE__ */ B("div", { children: [
-        /* @__PURE__ */ i("h3", { children: "Custom Title" }),
-        /* @__PURE__ */ i("p", { children: "Custom paragraph" }),
+    }), l("should handle custom HTML content in description", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: /* @__PURE__ */ B("div", { children: [
+        /* @__PURE__ */ n("h3", { children: "Custom Title" }),
+        /* @__PURE__ */ n("p", { children: "Custom paragraph" }),
         /* @__PURE__ */ B("ul", { children: [
-          /* @__PURE__ */ i("li", { children: "Item 1" }),
-          /* @__PURE__ */ i("li", { children: "Item 2" })
+          /* @__PURE__ */ n("li", { children: "Item 1" }),
+          /* @__PURE__ */ n("li", { children: "Item 2" })
         ] })
       ] }), isOpen: !0 })), t(o.getByText("Custom Title")).toBeInTheDocument(), t(o.getByText("Custom paragraph")).toBeInTheDocument(), t(o.getByText("Item 1")).toBeInTheDocument(), t(o.getByText("Item 2")).toBeInTheDocument();
-    }), c("should handle multiple rapid open/close actions", () => {
+    }), l("should handle multiple rapid open/close actions", () => {
       const e = d.fn();
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", onClose: e, children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
-      const n = o.getByText("Open");
-      t(o.queryByTestId("dialog")).not.toBeInTheDocument(), r.click(n), t(o.getByTestId("dialog")).toBeInTheDocument();
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", onClose: e, children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
+      const i = o.getByText("Open");
+      t(o.queryByTestId("dialog")).not.toBeInTheDocument(), r.click(i), t(o.getByTestId("dialog")).toBeInTheDocument();
       const a = o.getByTestId("dialog-close-button");
-      r.click(a), t(e).toHaveBeenCalledTimes(1), r.click(n), t(o.getByTestId("dialog")).toBeInTheDocument();
+      r.click(a), t(e).toHaveBeenCalledTimes(1), r.click(i), t(o.getByTestId("dialog")).toBeInTheDocument();
       const u = o.getByTestId("dialog-close-button");
       r.click(u), t(e).toHaveBeenCalledTimes(2);
-    }), c("should handle undefined callbacks gracefully", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", cancelButtonText: "Cancel", children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
+    }), l("should handle undefined callbacks gracefully", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", confirmButtonText: "Confirm", cancelButtonText: "Cancel", children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
       const e = o.getByText("Open");
       t(o.queryByTestId("dialog")).not.toBeInTheDocument(), r.click(e), t(o.getByTestId("dialog")).toBeInTheDocument();
-      const n = o.getByText("Confirm");
-      r.click(n), r.click(e), t(o.getByTestId("dialog")).toBeInTheDocument();
+      const i = o.getByText("Confirm");
+      r.click(i), r.click(e), t(o.getByTestId("dialog")).toBeInTheDocument();
       const a = o.getByText("Cancel");
       r.click(a);
     });
   }), T("Accessibility", () => {
-    c("should render dialog element with proper semantic structure", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
+    l("should render dialog element with proper semantic structure", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
       const e = o.getByTestId("dialog");
       t(e).toBeInTheDocument();
-      const n = o.getByTestId("dialog-title");
-      t(n).toBeInTheDocument();
-    }), c("should have accessible close button", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", onClose: d.fn(), isOpen: !0 }));
+      const i = o.getByTestId("dialog-title");
+      t(i).toBeInTheDocument();
+    }), l("should have accessible close button", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", onClose: d.fn(), isOpen: !0 }));
       const e = o.getByTestId("dialog-close-button");
       t(e).toBeInTheDocument();
-    }), c("should render overlay for accessibility", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
+    }), l("should render overlay for accessibility", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
       const e = o.getByTestId("dialog-overlay");
       t(e).toBeInTheDocument();
     });
   }), T("Portal Rendering", () => {
-    c("should render dialog content via Portal", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
+    l("should render dialog content via Portal", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
       const e = o.getByTestId("dialog");
       t(e).toBeInTheDocument(), t(document.body.contains(e)).toBe(!0);
-    }), c("should render overlay via Portal", () => {
-      l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
+    }), l("should render overlay via Portal", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
       const e = o.getByTestId("dialog-overlay");
       t(e).toBeInTheDocument(), t(document.body.contains(e)).toBe(!0);
     });
   }), T("New Props", () => {
     T("defaultOpen", () => {
-      c("should open dialog initially when defaultOpen is true", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", defaultOpen: !0 }));
+      l("should open dialog initially when defaultOpen is true", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", defaultOpen: !0 }));
         const e = o.getByTestId("dialog");
         t(e).toBeInTheDocument();
-      }), c("should keep dialog closed initially when defaultOpen is false", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", defaultOpen: !1, children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) })), t(o.queryByTestId("dialog")).not.toBeInTheDocument();
+      }), l("should keep dialog closed initially when defaultOpen is false", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", defaultOpen: !1, children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) })), t(o.queryByTestId("dialog")).not.toBeInTheDocument();
       });
     }), T("showCloseButton", () => {
-      c("should show close button when showCloseButton is true even without onClose", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", showCloseButton: !0, isOpen: !0 }));
+      l("should show close button when showCloseButton is true even without onClose", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", showCloseButton: !0, isOpen: !0 }));
         const e = o.getByTestId("dialog-close-button");
         t(e).toBeInTheDocument();
-      }), c("should hide close button when showCloseButton is false even with onClose", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", showCloseButton: !1, onClose: d.fn(), isOpen: !0 }));
+      }), l("should hide close button when showCloseButton is false even with onClose", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", showCloseButton: !1, onClose: d.fn(), isOpen: !0 }));
         const e = o.queryByTestId("dialog-close-button");
         t(e).not.toBeInTheDocument();
-      }), c("should show close button by default when onClose is provided (backward compatible)", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", onClose: d.fn(), isOpen: !0 }));
+      }), l("should show close button by default when onClose is provided (backward compatible)", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", onClose: d.fn(), isOpen: !0 }));
         const e = o.getByTestId("dialog-close-button");
         t(e).toBeInTheDocument();
       });
     }), T("onOpenChange", () => {
-      c("should call onOpenChange when dialog opens", () => {
+      l("should call onOpenChange when dialog opens", () => {
         const e = d.fn();
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", onOpenChange: e, children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
-        const n = o.getByText("Open");
-        r.click(n), t(e).toHaveBeenCalledWith(!0);
-      }), c("should call onOpenChange when dialog closes", () => {
-        const e = d.fn(), n = d.fn();
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", onOpenChange: e, onClose: n, children: /* @__PURE__ */ i(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", onOpenChange: e, children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
+        const i = o.getByText("Open");
+        r.click(i), t(e).toHaveBeenCalledWith(!0);
+      }), l("should call onOpenChange when dialog closes", () => {
+        const e = d.fn(), i = d.fn();
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", onOpenChange: e, onClose: i, children: /* @__PURE__ */ n(p, { type: "primary", variant: "default", size: "md", children: "Open" }) }));
         const a = o.getByText("Open");
         r.click(a);
         const u = o.getByTestId("dialog-close-button");
         r.click(u), t(e).toHaveBeenCalledWith(!1);
       });
     }), T("closeOnEscape", () => {
-      c("should close dialog on Escape key by default", () => {
+      l("should close dialog on Escape key by default", () => {
         const e = d.fn();
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", onClose: e, isOpen: !0 }));
-        const n = o.getByTestId("dialog");
-        r.keyDown(n, {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", onClose: e, isOpen: !0 }));
+        const i = o.getByTestId("dialog");
+        r.keyDown(i, {
           key: "Escape",
           code: "Escape"
         }), t(e).toHaveBeenCalled();
-      }), c("should not close dialog on Escape key when closeOnEscape is false", () => {
+      }), l("should not close dialog on Escape key when closeOnEscape is false", () => {
         const e = d.fn();
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", onClose: e, closeOnEscape: !1, isOpen: !0 }));
-        const n = o.getByTestId("dialog");
-        r.keyDown(n, {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", onClose: e, closeOnEscape: !1, isOpen: !0 }));
+        const i = o.getByTestId("dialog");
+        r.keyDown(i, {
           key: "Escape",
           code: "Escape"
         }), t(e).not.toHaveBeenCalled();
       });
     }), T("aria-label on close button", () => {
-      c("should have aria-label on close button for accessibility", () => {
-        l(/* @__PURE__ */ i(s, { title: "Test Title", description: "Test Description", onClose: d.fn(), isOpen: !0 }));
+      l("should have aria-label on close button for accessibility", () => {
+        c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", onClose: d.fn(), isOpen: !0 }));
         const e = o.getByTestId("dialog-close-button");
         t(e).toHaveAttribute("aria-label", "Close dialog");
       });
     });
+  }), T("widthAuto property", () => {
+    l("should apply auto width class when widthAuto is true", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", widthAuto: !0, isOpen: !0 }));
+      const e = o.getByTestId("dialog");
+      t(e.className).toContain("dialog-width-auto");
+    }), l("should not apply auto width class by default", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
+      const e = o.getByTestId("dialog");
+      t(e.className).not.toContain("dialog-width-auto");
+    });
+  }), T("descriptionScrollable property", () => {
+    l("should apply scrollable description class when descriptionScrollable is true", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", descriptionScrollable: !0, isOpen: !0 }));
+      const e = o.getByTestId("dialog");
+      t(e.className).toContain("dialog-scrollable");
+    }), l("should not apply scrollable description class by default", () => {
+      c(/* @__PURE__ */ n(s, { title: "Test Title", description: "Test Description", isOpen: !0 }));
+      const e = o.getByTestId("dialog");
+      t(e.className).not.toContain("dialog-scrollable");
+    });
   });
 });