@arbidocs/blocks 0.3.179 → 0.3.180

package/dist/index.cjs

@@ -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: react.cn(
-          "w-24 shrink-0 text-sm font-medium text-muted-foreground",
-          multiline && "pt-1"
+          hideLabel ? "sr-only" : react.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__ */ jsxRuntime.jsxs("dd", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+      leading,
       isEditing ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative min-w-0 flex-1", children: [
         multiline ? /* @__PURE__ */ jsxRuntime.jsx(
           react.Textarea,
@@ -1579,7 +1581,7 @@ function RecentActivityCard({
           /* @__PURE__ */ jsxRuntime.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: react.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__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: react.cn("rounded-xl border border-border/60 bg-card p-2 shadow-sm", className),
+      className: react.cn(
+        "@container rounded-xl border border-border/60 bg-card p-2 shadow-sm",
+        className
+      ),
       "data-testid": testId,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
@@ -1912,7 +1917,7 @@ function SectionStrip({
             ]
           }
         ) : null : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-x-4 @2xl:grid-cols-2", children: filledGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 px-2 pb-0.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: group.caption }),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("ul", { children: group.rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
             "button",
             {