@danxbot/ui 3.2.0 → 3.2.1

package/dist/index.js

@@ -28563,7 +28563,12 @@ function G3({
         "aria-label": e,
         className: q(
           "flex min-w-0",
-          x ? "flex-col gap-1" : "flex-row items-center gap-3 overflow-x-auto"
+          /* `relative` pairs with `overflow-x-auto`: each step's status carries
+             an `sr-only` span, which is `position: absolute`, and an
+             unpositioned scroller is not in its containing-block chain — so
+             the strip would not clip it and its width would reach the
+             document. See `scripts/probe-containment.mjs`. */
+          x ? "flex-col gap-1" : "relative flex-row items-center gap-3 overflow-x-auto"
         ),
         children: t.map((v, w) => {
           const y = SD(t, n, w), C = ND[y], S = r !== void 0 && w < n, R = /* @__PURE__ */ M(ut, { children: [
@@ -41928,7 +41933,11 @@ function l5(e) {
 }
 const c5 = Rt({
   slots: {
-    root: "flex min-w-0 flex-col overflow-hidden rounded-xl border border-border bg-surface",
+    /* `relative` is what makes `overflow-hidden` true for the grid's
+       out-of-flow contents — the live-region announcements are `sr-only`,
+       which is `position: absolute`, and an unpositioned clipper is not in
+       their containing-block chain. See `scripts/probe-containment.mjs`. */
+    root: "relative flex min-w-0 flex-col overflow-hidden rounded-xl border border-border bg-surface",
     header: "flex shrink-0 flex-col border-b border-border-subtle bg-surface",
     headerRow: "flex",
     gutter: "shrink-0 border-r border-border-subtle",
@@ -42668,7 +42677,7 @@ function C5(e) {
 }
 function S5({ roles: e, permissions: t }) {
   const n = it(() => C5(t), [t]), r = e.length + 1;
-  return /* @__PURE__ */ p("div", { className: "w-full min-w-0 overflow-auto overscroll-x-contain rounded-xl border border-border bg-surface shadow-sm", children: /* @__PURE__ */ M("table", { className: "w-full border-collapse text-left", children: [
+  return /* @__PURE__ */ p("div", { className: "relative w-full min-w-0 overflow-auto overscroll-x-contain rounded-xl border border-border bg-surface shadow-sm", children: /* @__PURE__ */ M("table", { className: "w-full border-collapse text-left", children: [
     /* @__PURE__ */ p("caption", { className: "sr-only", children: "Which permissions each role has" }),
     /* @__PURE__ */ p("thead", { className: "sticky top-0 z-10", children: /* @__PURE__ */ M("tr", { children: [
       /* @__PURE__ */ p(
@@ -44166,7 +44175,13 @@ function L4({
     "div",
     {
       className: q(
-        "flex min-w-0 flex-col overflow-hidden rounded-xl border border-border bg-surface",
+        /* `relative` is what makes `overflow-hidden` true for the canvas's
+           out-of-flow contents. The "showing X, level N" announcement is
+           `sr-only` — `position: absolute` — and an unpositioned clipper is
+           not in its containing-block chain, so it would sit at the canvas's
+           full scroll width and push the document out. See
+           `scripts/probe-containment.mjs`. */
+        "relative flex min-w-0 flex-col overflow-hidden rounded-xl border border-border bg-surface",
         m
       ),
       children: [