@danxbot/ui 21.0.0 → 21.1.0

package/dist/index.js

@@ -28208,8 +28208,7 @@ function cQ({ items: e, className: t }) {
 const wb = ht({
   slots: {
     root: [
-      "flex min-w-0 flex-col rounded-xl",
-      "[--radius-outer:var(--radius-xl)]",
+      "flex min-w-0 flex-col",
       "transition-[var(--tx-colors),box-shadow,translate] duration-(--dur-fast) ease-hover"
     ],
     /* WRAPPING IS NOT COSMETIC HERE — IT IS WHAT STOPS THE TITLE VANISHING.
@@ -28242,6 +28241,13 @@ const wb = ht({
       /* Nothing but the padding — for grouping without drawing a box. */
       ghost: { root: "" }
     },
+    /* DX-4794 - the corner. `xl` is a panel's; `md` is the tile's, the same corner `RecordCard` draws, for a card that stands in
+       a list of records beside record cards (a card that navigates). `--radius-outer` follows it so the
+       nested-radius arithmetic above stays right for whatever sits inside. */
+    radius: {
+      xl: { root: "rounded-xl [--radius-outer:var(--radius-xl)]" },
+      md: { root: "rounded-md [--radius-outer:var(--radius-md)]" }
+    },
     padding: {
       none: { root: "[--radius-pad:0px]" },
       sm: { root: "gap-3 p-4 [--radius-pad:var(--space-4)]" },
@@ -28278,6 +28284,7 @@ const wb = ht({
   ],
   defaultVariants: {
     variant: "raised",
+    radius: "xl",
     padding: "md",
     interactive: !1,
     selected: !1
@@ -28285,24 +28292,25 @@ const wb = ht({
 });
 function Qd({
   variant: e,
-  padding: t,
-  interactive: n,
-  selected: r,
-  render: o,
-  className: s,
-  children: i,
-  ref: a,
-  ...c
+  radius: t,
+  padding: n,
+  interactive: r,
+  selected: o,
+  render: s,
+  className: i,
+  children: a,
+  ref: c,
+  ...l
 }) {
-  const l = wb({ variant: e, padding: t, interactive: n, selected: r });
+  const d = wb({ variant: e, radius: t, padding: n, interactive: r, selected: o });
   return Ju({
-    render: o,
-    ref: a,
+    render: s,
+    ref: c,
     /* An interactive card defaults to a real <button>, so it is focusable,
        activates on Enter and Space, and announces as actionable — none of
        which a div with an onClick does. */
-    defaultTagName: n ? "button" : "div",
-    props: { className: H(l.root(), s), children: i, ...c }
+    defaultTagName: r ? "button" : "div",
+    props: { className: H(d.root(), i), children: a, ...l }
   });
 }
 function JN({
@@ -39608,8 +39616,9 @@ const PM = [
 ], Rj = ht({
   slots: {
     root: [
-      "flex min-w-0 flex-col gap-2.5 rounded-lg border bg-surface p-3 text-left",
-      "[--radius-outer:var(--radius-lg)]",
+      /* DX-4794: the tile's corner is `md` (10px); `Card`'s `radius="md"` draws the same one. */
+      "flex min-w-0 flex-col gap-2.5 rounded-md border bg-surface p-3 text-left",
+      "[--radius-outer:var(--radius-md)]",
       "transition-[var(--tx-colors),box-shadow,translate] duration-(--dur-fast) ease-hover"
     ],
     top: "flex min-w-0 flex-wrap items-start gap-2",