@ai-matrx/records-ui 0.102.14 → 0.102.15

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.102.15
+
+Automatic changed-only republish (docs/metadata drift since the last tag — see
+`git diff npm/records-ui/v0.102.14..npm/records-ui/v0.102.15 -- apps/shared/records-ui`).
+No source changes intended and no consumer action required.
+
 ## 0.102.14
 
 - Republish of 0.102.13: its publish run built a commit from before the empty-screen test was updated to the value chip's true shape (label + count sibling), so the release gate failed. No code change.

package/dist/index.cjs

@@ -8286,15 +8286,28 @@ function BodySkeleton({ layout, embedded, rows }) {
         /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex h-9 items-center gap-6 border-b border-border px-3", children: Array.from({ length: 6 }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system24.Skeleton, { shape: "line", width: "sm", className: "w-16" }, i)) }),
         Array.from({ length: Math.min(lineCount, 8) }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex h-10 items-center border-b border-border/60 px-3", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system24.Skeleton, { className: "h-6 rounded-md", style: { marginLeft: `${i * 13 % 45}%`, width: `${20 + i * 7 % 25}%` } }) }, i))
       ] });
-    case "form":
     case "record":
+      return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col gap-2 overflow-hidden", "data-records-skeleton-part": "body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system24.Skeleton, { shape: "title", width: "1/2", className: "h-8", "data-records-skeleton-part": "title" }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex h-[38px] items-center gap-2", "data-records-skeleton-part": "actions", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system24.Skeleton, { shape: "control", width: "sm", className: "h-8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system24.Skeleton, { shape: "control", width: "sm", className: "h-8" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "h-px w-full shrink-0 bg-border" }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "grid grid-cols-[minmax(6rem,12rem)_1fr] gap-x-3 gap-y-0.5", "data-records-skeleton-part": "fields", children: Array.from({ length: 6 }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "contents", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system24.Skeleton, { shape: "line", width: "2/3", className: "my-[7px]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system24.Skeleton, { shape: "row", className: "h-7" })
+        ] }, i)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system24.Skeleton, { shape: "block", height: "lg" })
+      ] });
+    case "form":
       return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col gap-4 overflow-hidden", "data-records-skeleton-part": "body", children: [
         /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system24.Skeleton, { shape: "title", width: "1/2" }),
         /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "grid grid-cols-[minmax(6rem,12rem)_1fr] gap-x-3 gap-y-1.5", children: Array.from({ length: 6 }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "contents", children: [
           /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system24.Skeleton, { shape: "line", width: "2/3", className: "my-1.5" }),
           /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system24.Skeleton, { shape: "row", className: "h-7" })
         ] }, i)) }),
-        layout === "record" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system24.Skeleton, { shape: "block", height: "lg" }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system24.Skeleton, { shape: "control", width: "sm" })
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_design_system24.Skeleton, { shape: "control", width: "sm" })
       ] });
     case "chart":
       return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex flex-col gap-2", "data-records-skeleton-part": "body", children: [