@danxbot/ui 3.4.1 → 3.4.3

package/dist/index.js

@@ -26962,7 +26962,18 @@ const Dm = Rt({
       "[--radius-outer:var(--radius-xl)]",
       "transition-[var(--tx-colors),box-shadow,translate] duration-(--dur-fast) ease-hover"
     ],
-    header: "flex items-start gap-4",
+    /* WRAPPING IS NOT COSMETIC HERE — IT IS WHAT STOPS THE TITLE VANISHING.
+    
+           This row pairs a text column that can shrink with an `action` the
+           consumer supplies and this component cannot size. Without `flex-wrap`
+           the column is the only item that gives, so a wide action does not push
+           the title along, it erases it: reported at 0px against a 65px
+           min-content in a 247px row, present in the DOM and invisible on screen.
+    
+           Not an overflow — the opposite — so no `scrollWidth` gate in this package
+           could ever have seen it. `probe-card-header.mjs` now measures it, and
+           sweeps every element on three routes for the same shape. */
+    header: "flex flex-wrap items-start gap-4",
     title: "font-display font-semibold text-primary text-balance",
     description: "text-sm text-secondary text-pretty",
     body: "min-w-0 flex-1",
@@ -27055,7 +27066,7 @@ function rC({
   const i = Dm();
   return /* @__PURE__ */ M("div", { className: K(i.header(), s), children: [
     r,
-    /* @__PURE__ */ M("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+    /* @__PURE__ */ M("div", { className: K("flex flex-1 flex-col gap-1", n ? void 0 : "min-w-0"), children: [
       e && /* @__PURE__ */ p(o, { className: K(i.title(), "text-md"), children: e }),
       t && /* @__PURE__ */ p("p", { className: i.description(), children: t })
     ] }),
@@ -27073,7 +27084,7 @@ const rD = Rt({
       "[--radius-outer:var(--radius-lg)]",
       "transition-[var(--tx-colors),box-shadow,translate] duration-(--dur-fast) ease-hover"
     ],
-    top: "flex min-w-0 items-start gap-2",
+    top: "flex min-w-0 flex-wrap items-start gap-2",
     identifier: "font-mono text-2xs text-tertiary",
     title: "text-sm font-medium text-primary text-pretty",
     subtitle: "text-2xs text-tertiary text-pretty",
@@ -27154,7 +27165,7 @@ function H3({
       children: /* @__PURE__ */ M(dt, { children: [
         /* @__PURE__ */ M("div", { className: x.top(), children: [
           s,
-          /* @__PURE__ */ M("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ M("div", { className: K("flex flex-1 flex-col gap-0.5", i ? void 0 : "min-w-0"), children: [
             e != null && /* @__PURE__ */ p("span", { className: x.identifier(), children: e }),
             /* @__PURE__ */ p("span", { className: x.title(), children: t }),
             n != null && /* @__PURE__ */ p("span", { className: x.subtitle(), children: n })