@danxbot/ui 15.37.0 → 15.38.0

package/dist/index.js

@@ -44994,7 +44994,20 @@ function xM({
            card's handler on keyboard activation, which is where that trick
            quietly breaks. */
         "relative z-10 flex items-center gap-0.5",
-        p && "absolute top-1.5 right-1.5"
+        /* DX-4039: a tile's cluster WRAPS inside the tile, never clips. Under
+                   `pointer: coarse` every action is `dx-tap`'s 44px, so three fill the
+                   144px tile (3*44 + 2*2 = 136 of the 138 left of the 6px right inset)
+                   and a fourth has no room on the row, where `overflow-hidden` on the
+                   tile would cut it off. Bounded by `left-0` and right-aligned, the
+                   overflow drops to a second row instead. `left-0`, not the 6px that
+                   mirrors the right: 132px would wrap the third. A fine pointer's 24px
+                   actions never reach the edge, so it is unchanged.
+        
+                   The box now spans the tile's width, so it is `pointer-events-none`
+                   and only its controls take the pointer (`[&>*]`): otherwise the empty
+                   part of the row would swallow taps meant for the preview trigger
+                   beneath it. */
+        p && "pointer-events-none absolute top-1.5 right-1.5 left-0 flex-wrap justify-end [&>*]:pointer-events-auto"
       ),
       children: [
         r,
@@ -45108,7 +45121,7 @@ function jw({
         "dx-tap grid size-6 shrink-0 cursor-pointer place-items-center rounded-md outline-none",
         "transition-[var(--tx-colors),opacity] duration-(--dur-fast)",
         "focus-visible:ring-2 focus-visible:ring-focus-ring",
-        o ? "bg-black/45 text-white opacity-0 backdrop-blur-[2px] hover:bg-black/70 group-hover/attachment:opacity-100 group-focus-within/attachment:opacity-100 focus-visible:opacity-100" : "text-tertiary hover:bg-surface-hover hover:text-primary",
+        o ? "bg-black/45 text-white opacity-0 backdrop-blur-[2px] hover:bg-black/70 group-hover/attachment:opacity-100 group-focus-within/attachment:opacity-100 focus-visible:opacity-100 [@media(hover:none)]:opacity-100" : "text-tertiary hover:bg-surface-hover hover:text-primary",
         r && "pointer-events-none opacity-40"
       ),
       children: /* @__PURE__ */ d(ue, { name: e, size: "xs" })
@@ -45121,37 +45134,39 @@ function Fj({
   onDownload: n,
   renderBody: r
 }) {
-  const o = e ? ix(e) && !!e.url : !1, s = e ? ax(e) && !!e.url : !1, i = e && r ? r(e) : null;
+  const [o, s] = ae(e);
+  e !== null && e !== o && s(e);
+  const i = e ?? o, a = i ? ix(i) && !!i.url : !1, c = i ? ax(i) && !!i.url : !1, l = i && r ? r(i) : null;
   return /* @__PURE__ */ d(
     ps,
     {
       open: e !== null,
       onOpenChange: t,
       size: "lg",
-      title: e?.name ?? "Attachment",
-      description: e?.size === void 0 ? void 0 : Ls(e.size),
-      actions: e && n ? /* @__PURE__ */ M(et, { variant: "outline", onClick: () => n(e), children: [
+      title: i?.name ?? "Attachment",
+      description: i?.size === void 0 ? void 0 : Ls(i.size),
+      actions: i && n ? /* @__PURE__ */ M(et, { variant: "outline", onClick: () => n(i), children: [
         /* @__PURE__ */ d(ue, { name: "download", size: "sm" }),
         "Download"
       ] }) : void 0,
-      children: i ?? (s && e?.url ? /* @__PURE__ */ d(
+      children: l ?? (c && i?.url ? /* @__PURE__ */ d(
         bM,
         {
-          src: e.url,
-          title: e.name,
-          poster: e.thumbnailUrl,
-          onDownload: n ? () => n(e) : void 0,
+          src: i.url,
+          title: i.name,
+          poster: i.thumbnailUrl,
+          onDownload: n ? () => n(i) : void 0,
           className: "mx-auto max-h-[60vh] w-full"
         }
-      ) : o && e?.url ? /* @__PURE__ */ d(
+      ) : a && i?.url ? /* @__PURE__ */ d(
         "img",
         {
-          src: e.url,
-          alt: e.name,
+          src: i.url,
+          alt: i.name,
           className: "mx-auto max-h-[60vh] w-auto rounded-lg object-contain"
         }
       ) : /* @__PURE__ */ M("div", { className: "flex flex-col items-center gap-3 py-10 text-center", children: [
-        /* @__PURE__ */ d(ue, { name: e ? sx(e) : "file", size: "xl", className: "text-tertiary" }),
+        /* @__PURE__ */ d(ue, { name: i ? sx(i) : "file", size: "xl", className: "text-tertiary" }),
         /* @__PURE__ */ d("p", { className: "max-w-sm text-sm text-tertiary", children: "No preview for this kind of file. Download it to open in the application that understands it." })
       ] }))
     }