@arbidocs/blocks 0.3.179 → 0.3.180

package/dist/index.d.cts

@@ -593,6 +593,20 @@ interface EntityIdentityField {
      * value run the full width, which is what a description wants.
      */
     trailing?: ReactNode;
+    /**
+     * Content rendered immediately BEFORE the value — the entity's own mark.
+     * Sits outside the edit swap, so starting to edit the name doesn't make the
+     * icon jump or disappear.
+     */
+    leading?: ReactNode;
+    /**
+     * Drops the caption from view for this row, leaving the value flush left.
+     * For a field whose value already says what it is — a workspace's name and
+     * description read as exactly that — the caption is a word the eye has to
+     * step over on the way in. The caption stays in the markup for screen
+     * readers, which have no such visual cue to fall back on.
+     */
+    hideLabel?: boolean;
     /** Row test id; the pencil and input derive `-edit` and `-input`. */
     testId?: string;
 }

package/dist/index.d.ts

@@ -593,6 +593,20 @@ interface EntityIdentityField {
      * value run the full width, which is what a description wants.
      */
     trailing?: ReactNode;
+    /**
+     * Content rendered immediately BEFORE the value — the entity's own mark.
+     * Sits outside the edit swap, so starting to edit the name doesn't make the
+     * icon jump or disappear.
+     */
+    leading?: ReactNode;
+    /**
+     * Drops the caption from view for this row, leaving the value flush left.
+     * For a field whose value already says what it is — a workspace's name and
+     * description read as exactly that — the caption is a word the eye has to
+     * step over on the way in. The caption stays in the markup for screen
+     * readers, which have no such visual cue to fall back on.
+     */
+    hideLabel?: boolean;
     /** Row test id; the pencil and input derive `-edit` and `-input`. */
     testId?: string;
 }

package/dist/index.js

@@ -1297,6 +1297,8 @@ function IdentityFieldRow({ field, canEdit }) {
     multiline = false,
     maxLength,
     valueClassName,
+    leading,
+    hideLabel,
     trailing,
     testId
   } = field;
@@ -1340,8 +1342,7 @@ function IdentityFieldRow({ field, canEdit }) {
       "dt",
       {
         className: cn(
-          "w-24 shrink-0 text-sm font-medium text-muted-foreground",
-          multiline && "pt-1"
+          hideLabel ? "sr-only" : cn("w-24 shrink-0 text-sm font-medium text-muted-foreground", multiline && "pt-1")
         ),
         children: [
           label,
@@ -1350,6 +1351,7 @@ function IdentityFieldRow({ field, canEdit }) {
       }
     ),
     /* @__PURE__ */ jsxs("dd", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+      leading,
       isEditing ? /* @__PURE__ */ jsxs("div", { className: "relative min-w-0 flex-1", children: [
         multiline ? /* @__PURE__ */ jsx(
           Textarea,
@@ -1579,7 +1581,7 @@ function RecentActivityCard({
           /* @__PURE__ */ jsx(
             "p",
             {
-              className: "mt-1 px-4 pb-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground",
+              className: "mt-1 px-4 pb-1 text-right text-[11px] font-medium uppercase tracking-wide text-muted-foreground",
               "data-testid": testId && `${testId}-caption`,
               children: caption
             }
@@ -1793,7 +1795,7 @@ function QuickActionCards({
           title: item.disabled ? item.disabledReason : void 0,
           "aria-describedby": void 0,
           className: cn(
-            "group flex h-full items-start gap-3 rounded-2xl border border-border/70 bg-card p-4 text-left",
+            "group flex h-full items-start gap-3 rounded-2xl border-2 border-border bg-card p-4 text-left",
             "transition-colors",
             // `[&:hover]` rather than `hover:` — Tailwind v4 wraps the hover
             // variant in @media (hover: hover), so on a touchscreen the
@@ -1801,7 +1803,7 @@ function QuickActionCards({
             "[&:hover]:border-theme-cyan/50 [&:hover]:bg-theme-cyan/5",
             "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-theme-cyan focus-visible:ring-offset-2",
             "disabled:cursor-default disabled:opacity-55",
-            "disabled:[&:hover]:border-border/70 disabled:[&:hover]:bg-card"
+            "disabled:[&:hover]:border-border disabled:[&:hover]:bg-card"
           ),
           "data-testid": item.testId,
           children: [
@@ -1843,7 +1845,10 @@ function SectionStrip({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cn("rounded-xl border border-border/60 bg-card p-2 shadow-sm", className),
+      className: cn(
+        "@container rounded-xl border border-border/60 bg-card p-2 shadow-sm",
+        className
+      ),
       "data-testid": testId,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
@@ -1912,7 +1917,7 @@ function SectionStrip({
             ]
           }
         ) : null : /* @__PURE__ */ jsx("div", { className: "grid gap-x-4 @2xl:grid-cols-2", children: filledGroups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "mt-1 px-2 pb-0.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: group.caption }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 px-2 pb-0.5 text-right text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: group.caption }),
           /* @__PURE__ */ jsx("ul", { children: group.rows.map((row) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
             "button",
             {