@flamingo-stack/openframe-frontend-core 0.0.764 → 0.0.766

package/dist/components/ui/cursor-pagination.js

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight, RotateCcw, Home } from "lucide-react";
 import { cn } from "../../utils/cn.js";
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "./button/index.js";
 function CursorPagination({
   hasNextPage,
@@ -20,7 +21,8 @@ function CursorPagination({
   showInfo = true,
   compact = false,
   resetButtonLabel = "First",
-  resetButtonIcon = "home"
+  resetButtonIcon = "home",
+  skeleton = false
 }) {
   const handleNext = () => {
     if (hasNextPage && endCursor && onNext) {
@@ -50,8 +52,8 @@ function CursorPagination({
   };
   const displayText = getDisplayText();
   return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between gap-4", compact ? "py-2" : "py-3", className), children: [
-    showInfo && /* @__PURE__ */ jsx("div", { className: "text-ods-text-secondary text-h6", children: displayText || /* @__PURE__ */ jsx("span", { children: "\xA0" }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    showInfo && /* @__PURE__ */ jsx("div", { className: "text-ods-text-secondary text-h6", children: skeleton ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-40" }) : displayText || /* @__PURE__ */ jsx("span", { children: "\xA0" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", inert: skeleton || void 0, "aria-hidden": skeleton || void 0, children: [
       onReset ? /* @__PURE__ */ jsx(
         Button,
         {
@@ -93,6 +95,9 @@ function CursorPagination({
     ] })
   ] });
 }
+function CursorPaginationSkeleton(props) {
+  return /* @__PURE__ */ jsx(CursorPagination, { ...props, hasNextPage: false, skeleton: true });
+}
 function CursorPaginationSimple({
   hasNextPage,
   hasPreviousPage,
@@ -143,5 +148,6 @@ function CursorPaginationSimple({
 }
 export {
   CursorPagination,
-  CursorPaginationSimple
+  CursorPaginationSimple,
+  CursorPaginationSkeleton
 };

package/dist/components/ui/dashboard-info-card.d.ts

@@ -99,5 +99,10 @@ export interface DashboardInfoCardProps {
      */
     loadingShowsSubValue?: boolean;
 }
-export declare function DashboardInfoCard({ title, titleSlot, titleTag, icon, value, percentage, showProgress, progressVariant, percentageDisplay, progressOverflow, progressSize, className, href, tooltip, valueClassName, subValue, caption, loading, loadingShowsPercentage, loadingShowsSubValue, }: DashboardInfoCardProps): import("react").JSX.Element;
+export declare function DashboardInfoCard({ title, titleSlot, titleTag, icon, value, percentage, showProgress, progressVariant, percentageDisplay, progressOverflow, progressSize, className, href, tooltip, valueClassName, subValue, caption, loading: loadingProp, loadingShowsPercentage, loadingShowsSubValue, }: DashboardInfoCardProps): import("react").JSX.Element;
+/**
+ * A DashboardInfoCard while its figure is read: the same card with `loading` set, so it is the loaded card's box.
+ * The title, title slot, tag and icon it is given are the page's own and draw as they are.
+ */
+export declare function DashboardInfoCardSkeleton(props: Omit<DashboardInfoCardProps, 'value' | 'loading'>): import("react").JSX.Element;
 //# sourceMappingURL=dashboard-info-card.d.ts.map

package/dist/components/ui/dashboard-info-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dashboard-info-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dashboard-info-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAoB,KAAK,wBAAwB,EAAE,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAIpH;;;;;;;GAOG;AACH,MAAM,MAAM,kCAAkC,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAE1E;;;;;;;GAOG;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhG,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,kCAAkC,CAAC;IACvD;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,wBAAwB,CAAC;IAC5C;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,6BAA6B,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,YAAoB,EACpB,eAAe,EACf,iBAA0B,EAC1B,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,OAAO,EACP,cAAc,EACd,QAAQ,EACR,OAAO,EACP,OAAe,EACf,sBAA8B,EAC9B,oBAA4B,GAC7B,EAAE,sBAAsB,+BA6MxB"}
+{"version":3,"file":"dashboard-info-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dashboard-info-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAoB,KAAK,wBAAwB,EAAE,KAAK,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAKpH;;;;;;;GAOG;AACH,MAAM,MAAM,kCAAkC,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;AAE1E;;;;;;;GAOG;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhG,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,kCAAkC,CAAC;IACvD;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,wBAAwB,CAAC;IAC5C;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,6BAA6B,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,UAAU,EACV,YAAoB,EACpB,eAAe,EACf,iBAA0B,EAC1B,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,IAAI,EACJ,OAAO,EACP,cAAc,EACd,QAAQ,EACR,OAAO,EACP,OAAO,EAAE,WAAmB,EAC5B,sBAA8B,EAC9B,oBAA4B,GAC7B,EAAE,sBAAsB,+BAoNxB;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,SAAS,CAAC,+BAEjG"}

package/dist/components/ui/dashboard-info-card.js

@@ -3,9 +3,10 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Link from "../../embed-shims/next-link.js";
 import { cn } from "../../utils/cn.js";
 import { QuestionCircleIcon } from "../icons-v2-generated/signs-and-symbols/question-circle-icon.js";
-import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { TextLineSkeleton, UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { CircularProgress } from "./circular-progress.js";
 import { FloatingTooltip } from "./floating-tooltip.js";
+import { useLoadingScope } from "./loading-scope.js";
 import { Tag } from "./tag.js";
 function DashboardInfoCard({
   title,
@@ -25,16 +26,19 @@ function DashboardInfoCard({
   valueClassName,
   subValue,
   caption,
-  loading = false,
+  loading: loadingProp = false,
   loadingShowsPercentage = false,
   loadingShowsSubValue = false
 }) {
+  const inScope = useLoadingScope();
+  const loading = loadingProp || inScope;
+  const hasCaption = loading ? caption != null : Boolean(caption);
   const formattedValue = typeof value === "number" ? value.toLocaleString() : value;
   const percentageAsTag = percentageDisplay === "tag" || percentageDisplay === "auto" && (progressVariant === "warning" || progressVariant === "error");
   const renderPercentage = () => {
     if (loading) {
       if (!loadingShowsPercentage) return null;
-      return percentageAsTag ? /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-12 shrink-0 rounded-md" }) : /* @__PURE__ */ jsx("p", { className: "text-h4", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-12 rounded" }) });
+      return percentageAsTag ? /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-12 shrink-0 rounded-md" }) : /* @__PURE__ */ jsx("p", { className: "text-h4", children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-12" }) });
     }
     if (percentage === void 0) return null;
     if (percentageAsTag) {
@@ -102,22 +106,23 @@ function DashboardInfoCard({
     icon && /* @__PURE__ */ jsx("div", { className: "flex size-8 shrink-0 items-center justify-center rounded-sm border border-ods-border bg-ods-bg p-[var(--spacing-system-xxs)] text-ods-text-primary content-md:size-14", children: /* @__PURE__ */ jsx("span", { className: "flex size-4 items-center justify-center content-md:size-6 [&>*]:size-full", children: icon }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--spacing-system-xxs)]", children: [
-        titleSlot ?? (title !== void 0 ? /* @__PURE__ */ jsx("p", { className: "truncate text-ods-text-secondary text-h5", children: title }) : loading && /* @__PURE__ */ jsx("p", { className: "text-h5", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-20 rounded" }) })),
+        titleSlot ?? // A title still being read (empty while loading) is a bar of its line, like no title.
+        (title !== void 0 && !(loading && !title) ? /* @__PURE__ */ jsx("p", { className: "truncate text-ods-text-secondary text-h5", children: title }) : loading && /* @__PURE__ */ jsx("p", { className: "text-h5", children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-20" }) })),
         titleTag
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-        /* @__PURE__ */ jsx("p", { className: cn("truncate text-ods-text-primary text-h3 content-md:text-h2", valueClassName), children: loading ? /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-24 rounded" }) : formattedValue }),
-        loading ? loadingShowsSubValue && /* @__PURE__ */ jsx("p", { className: "text-h6", children: /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-16 rounded" }) }) : subValue && /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h6", children: subValue }),
+        /* @__PURE__ */ jsx("p", { className: cn("truncate text-ods-text-primary text-h3 content-md:text-h2", valueClassName), children: loading ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-24" }) : formattedValue }),
+        loading ? loadingShowsSubValue && /* @__PURE__ */ jsx("p", { className: "text-h6", children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-16" }) }) : subValue && /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h6", children: subValue }),
         renderPercentage(),
         tooltip && /* @__PURE__ */ jsx(FloatingTooltip, { content: tooltip, side: "top", children: /* @__PURE__ */ jsx("span", { className: "cursor-help text-ods-text-secondary", children: /* @__PURE__ */ jsx(QuestionCircleIcon, { size: 20 }) }) })
       ] }),
-      caption && /* @__PURE__ */ jsx("p", { className: "line-clamp-2 min-h-[2lh] text-ods-text-secondary text-h6", children: loading ? /* @__PURE__ */ jsx(UnifiedSkeleton, { as: "span", className: "block h-[1lh] w-32 rounded" }) : caption })
+      hasCaption && /* @__PURE__ */ jsx("p", { className: "line-clamp-2 min-h-[2lh] text-ods-text-secondary text-h6", children: loading ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-32" }) : caption })
     ] }),
     renderProgress()
   ] });
   const baseClassName = "bg-ods-card border border-ods-border rounded-md p-[var(--spacing-system-xsf)] content-md:p-[var(--spacing-system-m)] h-16 content-md:h-[104px] flex gap-[var(--spacing-system-s)] content-md:gap-[var(--spacing-system-m)] items-center transition-all";
-  const captionClassName = caption ? "h-auto content-md:h-auto" : void 0;
-  if (href) {
+  const captionClassName = hasCaption ? "h-auto content-md:h-auto" : void 0;
+  if (href && !loading) {
     return /* @__PURE__ */ jsx(
       Link,
       {
@@ -136,6 +141,10 @@ function DashboardInfoCard({
   }
   return /* @__PURE__ */ jsx("div", { "aria-busy": loading || void 0, className: cn(baseClassName, captionClassName, className), children: cardContent });
 }
+function DashboardInfoCardSkeleton(props) {
+  return /* @__PURE__ */ jsx(DashboardInfoCard, { ...props, value: "", loading: true });
+}
 export {
-  DashboardInfoCard
+  DashboardInfoCard,
+  DashboardInfoCardSkeleton
 };

package/dist/components/ui/data-attribution.d.ts

@@ -18,20 +18,25 @@ export interface DataAttributionProps {
  */
 export declare function DataAttribution({ icon, source, lastUpdated, action }: DataAttributionProps): import("react").JSX.Element;
 /**
- * `DataAttribution` while its date loads: the same line (two lines below
- * `content-sm`, one row above it) with text bars, so the line does not move
- * when it fills in.
+ * `DataAttribution` while it is read: the same line (two lines below `content-sm`, one row above it), its own
+ * words drawn for real, the source and the date bars of the line's height, so the line does not move when it
+ * fills in. The source's mark is the one given (a brand glyph is static), else a box of its size.
  */
-export declare function DataAttributionSkeleton(): import("react").JSX.Element;
+export declare function DataAttributionSkeleton({ icon, action }?: Pick<DataAttributionProps, 'icon' | 'action'>): import("react").JSX.Element;
 /**
  * THE sync line of a shared page whose records an API reads from a mirror (the roadmap and the delivery board:
  * ClickUp; the ticket center: HubSpot; the docs and the legal documents: GitHub). The page draws whatever `sync`
  * its endpoint answers, so a host that states none shows no line. `loading` draws the line's skeleton, so the page
  * does not move when it fills in. It sits on its own row, at the end; `inline` leaves it in the caller's row.
  */
-export declare function DataSyncLine({ sync, loading, inline, action, }: {
+export declare function DataSyncLine({ sync, loading: loadingProp, stated, inline, action, }: {
     sync?: DataSync | null;
     loading?: boolean;
+    /**
+     * The host states a sync for this page (its source is a mirror). While the sync is read, the line's skeleton is
+     * drawn only then: a page whose host states none shows no line, loading or loaded. Default `true`.
+     */
+    stated?: boolean;
     inline?: boolean;
     action?: ReactNode;
 }): import("react").JSX.Element | null;

package/dist/components/ui/data-attribution.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-attribution.d.ts","sourceRoot":"","sources":["../../../src/components/ui/data-attribution.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAqB,KAAK,QAAQ,EAAuB,MAAM,uBAAuB,CAAC;AAO9F,MAAM,WAAW,oBAAoB;IACnC,yFAAyF;IACzF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yEAAyE;IACzE,MAAM,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,8GAA8G;IAC9G,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAcD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,oBAAoB,+BAY1F;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,gCAUtC;AASD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAe,EACf,MAAc,EACd,MAAM,GACP,EAAE;IACD,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,sCAeA"}
+{"version":3,"file":"data-attribution.d.ts","sourceRoot":"","sources":["../../../src/components/ui/data-attribution.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAqB,KAAK,QAAQ,EAAuB,MAAM,uBAAuB,CAAC;AAU9F,MAAM,WAAW,oBAAoB;IACnC,yFAAyF;IACzF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yEAAyE;IACzE,MAAM,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,8GAA8G;IAC9G,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAkBD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,oBAAoB,+BAa1F;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAE,IAAI,CAAC,oBAAoB,EAAE,MAAM,GAAG,QAAQ,CAAM,+BAqB3G;AASD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,OAAO,EAAE,WAAmB,EAC5B,MAAa,EACb,MAAc,EACd,MAAM,GACP,EAAE;IACD,IAAI,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB,sCAkBA"}

package/dist/components/ui/data-attribution.js

@@ -1,17 +1,24 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DATA_SYNC_SOURCES } from "../../types/data-sync.js";
+import { cn } from "../../utils/cn.js";
 import { formatDate } from "../../utils/format.js";
 import { ClickupIcon } from "../icons-v2-generated/brand-logos/clickup-icon.js";
 import { GithubClassicIcon } from "../icons-v2-generated/brand-logos/github-classic-icon.js";
 import { HubspotIcon } from "../icons-v2-generated/brand-logos/hubspot-icon.js";
-import { TextSkeleton, UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { TextLineSkeleton, UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { TOOL_MARK_CLASS } from "../platform/tool-badge-mark.js";
+import { useLoadingScope } from "./loading-scope.js";
 const LINE_CLASS = "flex shrink-0 flex-col gap-[var(--spacing-system-xsf)] text-ods-text-primary text-h6 content-sm:flex-row content-sm:items-center content-sm:gap-[var(--spacing-system-sf)]";
 const ITEM_CLASS = "flex items-center gap-[var(--spacing-system-xsf)]";
+const ACTION_CLASS = "flex content-sm:pl-[var(--spacing-system-xs)]";
+const UPDATED_CLASS = "text-ods-text-secondary";
+const WORD_BAR_CLASS = "inline-block align-bottom";
 function Separator() {
   return /* @__PURE__ */ jsx("span", { className: "hidden text-ods-text-secondary content-sm:inline", "aria-hidden": "true", children: "\xB7" });
 }
 function DataAttribution({ icon, source, lastUpdated, action }) {
+  if (useLoadingScope()) return /* @__PURE__ */ jsx(DataAttributionSkeleton, { icon, action });
   return /* @__PURE__ */ jsxs("div", { className: LINE_CLASS, children: [
     /* @__PURE__ */ jsxs("div", { className: ITEM_CLASS, children: [
       icon,
@@ -21,20 +28,28 @@ function DataAttribution({ icon, source, lastUpdated, action }) {
       ] })
     ] }),
     /* @__PURE__ */ jsx(Separator, {}),
-    /* @__PURE__ */ jsxs("span", { className: "text-ods-text-secondary", children: [
+    /* @__PURE__ */ jsxs("span", { className: UPDATED_CLASS, children: [
       "Last updated: ",
       lastUpdated ? formatDate(lastUpdated) : "Never"
     ] }),
-    action ? /* @__PURE__ */ jsx("div", { className: "flex content-sm:pl-[var(--spacing-system-xs)]", children: action }) : null
+    action ? /* @__PURE__ */ jsx("div", { className: ACTION_CLASS, children: action }) : null
   ] });
 }
-function DataAttributionSkeleton() {
+function DataAttributionSkeleton({ icon, action } = {}) {
   return /* @__PURE__ */ jsxs("div", { className: LINE_CLASS, "aria-hidden": "true", children: [
     /* @__PURE__ */ jsxs("div", { className: ITEM_CLASS, children: [
-      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "size-4 rounded" }),
-      /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-40" })
+      icon ?? /* @__PURE__ */ jsx(UnifiedSkeleton, { className: cn(TOOL_MARK_CLASS, "rounded") }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Data synced from ",
+        /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: `${WORD_BAR_CLASS} w-20` })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsxs("span", { className: UPDATED_CLASS, children: [
+      "Last updated: ",
+      /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: `${WORD_BAR_CLASS} w-24` })
     ] }),
-    /* @__PURE__ */ jsx(TextSkeleton.Body, { className: "w-52" })
+    action ? /* @__PURE__ */ jsx("div", { className: ACTION_CLASS, inert: true, children: action }) : null
   ] });
 }
 const DATA_SYNC_ICONS = {
@@ -44,13 +59,16 @@ const DATA_SYNC_ICONS = {
 };
 function DataSyncLine({
   sync,
-  loading = false,
+  loading: loadingProp = false,
+  stated = true,
   inline = false,
   action
 }) {
+  const inScope = useLoadingScope();
+  const loading = (loadingProp || inScope) && stated;
   if (!loading && !(sync && sync.source in DATA_SYNC_ICONS)) return null;
   const Icon = sync ? DATA_SYNC_ICONS[sync.source] : null;
-  const line = loading || !sync || !Icon ? /* @__PURE__ */ jsx(DataAttributionSkeleton, {}) : /* @__PURE__ */ jsx(
+  const line = loading || !sync || !Icon ? /* @__PURE__ */ jsx(DataAttributionSkeleton, { action }) : /* @__PURE__ */ jsx(
     DataAttribution,
     {
       icon: /* @__PURE__ */ jsx(Icon, { size: 16 }),

package/dist/components/ui/data-table/data-table-body.d.ts

@@ -81,5 +81,5 @@ export interface DataTableBodyProps<T = unknown> {
  * `onRowClick` / `rowHref` / `rowClassName` (if function) with `useCallback`
  * in the consumer to get the full benefit.
  */
-export declare function DataTableBody<T = unknown>({ loading, emptyMessage, emptyState, skeletonRows, loadingRegion, className, rowClassName, compact, rowHeightClassName, onRowClick, rowHref, minRows, renderSubRow, }: DataTableBodyProps<T>): import("react").JSX.Element;
+export declare function DataTableBody<T = unknown>({ loading: loadingProp, emptyMessage, emptyState, skeletonRows, loadingRegion, className, rowClassName, compact, rowHeightClassName, onRowClick, rowHref, minRows, renderSubRow, }: DataTableBodyProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=data-table-body.d.ts.map

package/dist/components/ui/data-table/data-table-body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-body.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/data-table-body.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAO9C,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,OAAO;IAC7C,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2GAA2G;IAC3G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iGAAiG;IACjG,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC7D,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;CACvC;AAKD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,CAAC,GAAG,OAAO,EAAE,EACzC,OAAO,EACP,YAAY,EACZ,UAAU,EACV,YAAiB,EACjB,aAAoB,EACpB,SAAS,EACT,YAAY,EACZ,OAAO,EACP,kBAAkB,EAClB,UAAU,EACV,OAAO,EACP,OAAO,EACP,YAAY,GACb,EAAE,kBAAkB,CAAC,CAAC,CAAC,+BAwFvB"}
+{"version":3,"file":"data-table-body.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/data-table-body.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAO9C,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,OAAO;IAC7C,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2GAA2G;IAC3G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iGAAiG;IACjG,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC7D,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;CACvC;AAKD;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,CAAC,GAAG,OAAO,EAAE,EACzC,OAAO,EAAE,WAAW,EACpB,YAAY,EACZ,UAAU,EACV,YAAiB,EACjB,aAAoB,EACpB,SAAS,EACT,YAAY,EACZ,OAAO,EACP,kBAAkB,EAClB,UAAU,EACV,OAAO,EACP,OAAO,EACP,YAAY,GACb,EAAE,kBAAkB,CAAC,CAAC,CAAC,+BAgGvB"}

package/dist/components/ui/data-table/data-table-body.js

@@ -4,6 +4,7 @@ import { useSyncExternalStore } from "react";
 import { useIsomorphicLayoutEffect } from "../../../hooks/ui/use-isomorphic-layout-effect.js";
 import { cn } from "../../../utils/cn.js";
 import { LoadingRegion } from "../../loading/loading-region.js";
+import { useLoadingScope } from "../loading-scope.js";
 import { useDataTableContext } from "./data-table.js";
 import { DataTableEmpty } from "./data-table-empty.js";
 import { useDataTableLoadMoreStore } from "./data-table-load-more.js";
@@ -11,7 +12,7 @@ import { DataTableRow } from "./data-table-row.js";
 import { DataTableSkeleton, PlaceholderRows, ReservedEmptyState, ROW_STACK_CLASSES } from "./data-table-skeleton.js";
 const getNoRows = () => 0;
 function DataTableBody({
-  loading,
+  loading: loadingProp,
   emptyMessage,
   emptyState,
   skeletonRows = 10,
@@ -26,6 +27,8 @@ function DataTableBody({
   renderSubRow
 }) {
   const table = useDataTableContext();
+  const inScope = useLoadingScope();
+  const loading = inScope || loadingProp;
   const rows = table.getRowModel().rows;
   const hasRows = rows.length > 0;
   const loadMore = useDataTableLoadMoreStore();
@@ -33,14 +36,22 @@ function DataTableBody({
   useIsomorphicLayoutEffect(() => hasRows ? loadMore.registerRowsBody() : void 0, [loadMore, hasRows]);
   const skeletonRowClassName = typeof rowClassName === "string" ? rowClassName : void 0;
   if (loading && !hasRows) {
-    return /* @__PURE__ */ jsx(LoadingRegion, { label: "Loading results", announce: loadingRegion, className: cn(ROW_STACK_CLASSES, className), children: /* @__PURE__ */ jsx(
-      DataTableSkeleton,
+    return /* @__PURE__ */ jsx(
+      LoadingRegion,
       {
-        rows: skeletonRows,
-        className: skeletonRowClassName,
-        rowHeightClassName
+        label: "Loading results",
+        announce: loadingRegion && !inScope,
+        className: cn(ROW_STACK_CLASSES, className),
+        children: /* @__PURE__ */ jsx(
+          DataTableSkeleton,
+          {
+            rows: skeletonRows,
+            className: skeletonRowClassName,
+            rowHeightClassName
+          }
+        )
       }
-    ) });
+    );
   }
   if (!hasRows) {
     const empty = emptyState ? /* @__PURE__ */ jsx(DataTableEmpty, { ...emptyState }) : emptyMessage != null ? /* @__PURE__ */ jsx(DataTableEmpty, { title: emptyMessage, description: void 0 }) : /* @__PURE__ */ jsx(DataTableEmpty, {});

package/dist/components/ui/data-table/data-table-row-count.d.ts

@@ -13,6 +13,11 @@ export interface DataTableRowCountProps {
     hideWhenEmpty?: boolean;
     className?: string;
 }
+/** The row count while the rows are read: the same line, the number a bar and the (plural) item name real. */
+export declare function DataTableRowCountSkeleton({ label, className }: {
+    label: string;
+    className?: string;
+}): import("react").JSX.Element;
 /**
  * Renders "8 devices" (or your custom `itemName`) for the current row model.
  * Place wherever you want — above the table, in a toolbar, in a header right

package/dist/components/ui/data-table/data-table-row-count.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-row-count.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/data-table-row-count.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,sBAAsB;IACrC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAmB,EACnB,UAAU,EACV,SAAS,EACT,aAAoB,EACpB,SAAS,GACV,EAAE,sBAAsB,sCAaxB"}
+{"version":3,"file":"data-table-row-count.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/data-table-row-count.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,sBAAsB;IACrC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACxD,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,8GAA8G;AAC9G,wBAAgB,yBAAyB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAMpG;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAmB,EACnB,UAAU,EACV,SAAS,EACT,aAAoB,EACpB,SAAS,GACV,EAAE,sBAAsB,sCAkBxB"}

package/dist/components/ui/data-table/data-table-row-count.js

@@ -1,7 +1,17 @@
 "use client";
-import { jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../../utils/cn.js";
+import { TextLineSkeleton } from "../../loading/unified-skeleton.js";
+import { useLoadingScope } from "../loading-scope.js";
 import { useDataTableContext } from "./data-table.js";
+const ROW_COUNT_CLASS = "whitespace-nowrap text-ods-text-secondary text-h6";
+function DataTableRowCountSkeleton({ label, className }) {
+  return /* @__PURE__ */ jsxs("span", { className: cn(ROW_COUNT_CLASS, className), "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "inline-block align-top w-6" }),
+    " ",
+    label
+  ] });
+}
 function DataTableRowCount({
   itemName = "result",
   totalCount,
@@ -10,15 +20,20 @@ function DataTableRowCount({
   className
 }) {
   const table = useDataTableContext();
+  const inScope = useLoadingScope();
   const count = totalCount ?? table.getRowModel().rows.length;
+  if (inScope) {
+    return /* @__PURE__ */ jsx(DataTableRowCountSkeleton, { label: pluralize?.(2, itemName) ?? `${itemName}s`, className });
+  }
   if (hideWhenEmpty && count === 0) return null;
   const label = pluralize?.(count, itemName) ?? (count === 1 ? itemName : `${itemName}s`);
-  return /* @__PURE__ */ jsxs("span", { className: cn("whitespace-nowrap text-ods-text-secondary text-h6", className), children: [
+  return /* @__PURE__ */ jsxs("span", { className: cn(ROW_COUNT_CLASS, className), children: [
     count,
     " ",
     label
   ] });
 }
 export {
-  DataTableRowCount
+  DataTableRowCount,
+  DataTableRowCountSkeleton
 };

package/dist/components/ui/data-table/data-table-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/data-table-row.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlE,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,iBAAS,gBAAgB,CAAC,CAAC,EAAE,EAC3B,GAAG,EACH,OAAO,EACP,IAAI,EACJ,OAAO,EACP,kBAAkB,EAClB,SAAS,EACT,MAAM,GACP,EAAE,iBAAiB,CAAC,CAAC,CAAC,qBAuHtB;AAED,eAAO,MAAM,YAAY,EAA6B,OAAO,gBAAgB,CAAC"}
+{"version":3,"file":"data-table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/data-table-row.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlE,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,wBAAwB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,iBAAS,gBAAgB,CAAC,CAAC,EAAE,EAC3B,GAAG,EACH,OAAO,EACP,IAAI,EACJ,OAAO,EACP,kBAAkB,EAClB,SAAS,EACT,MAAM,GACP,EAAE,iBAAiB,CAAC,CAAC,CAAC,qBAiHtB;AAED,eAAO,MAAM,YAAY,EAA6B,OAAO,gBAAgB,CAAC"}

package/dist/components/ui/data-table/data-table-row.js

@@ -4,6 +4,7 @@ import { flexRender } from "@tanstack/react-table";
 import { memo, useCallback, useRef } from "react";
 import Link from "../../../embed-shims/next-link.js";
 import { cn } from "../../../utils/cn.js";
+import { isOwnClick } from "../../../utils/own-click.js";
 import { ROW_HEIGHT_DESKTOP, ROW_SHELL_CLASSES } from "./data-table-skeleton.js";
 import { alignJustify, getHideClasses } from "./utils.js";
 function DataTableRowImpl({
@@ -21,12 +22,7 @@ function DataTableRowImpl({
   const containerRef = useRef(null);
   const handleClick = useCallback(
     (e) => {
-      const target = e.target;
-      if (!containerRef.current?.contains(target)) {
-        if (isLinkMode) e.preventDefault();
-        return;
-      }
-      if (target.closest("[data-no-row-click]")) {
+      if (!isOwnClick(e.target, containerRef.current)) {
         if (isLinkMode) e.preventDefault();
         return;
       }

package/dist/components/ui/data-table/data-table-skeleton.js

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../../utils/cn.js";
-import { UnifiedSkeleton } from "../../loading/unified-skeleton.js";
+import { TextLineSkeleton } from "../../loading/unified-skeleton.js";
 import { useDataTableContext } from "./data-table.js";
 import { getHideClasses } from "./utils.js";
 const ROW_HEIGHT_DESKTOP = "h-[66px] content-md:h-[78px]";
@@ -48,8 +48,8 @@ function DataTableSkeleton({ rows = 10, className, rowClassName, rowHeightClassN
                     getHideClasses(meta?.hideAt)
                   ),
                   children: [
-                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-[var(--spacing-system-xxs)] h-5 w-3/4 rounded-sm" }),
-                    index % 2 === 0 && column.id === firstColumnId && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-1/2 rounded-sm opacity-60" })
+                    /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-3/4" }),
+                    index % 2 === 0 && column.id === firstColumnId && /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-1/2" })
                   ]
                 },
                 column.id
@@ -67,8 +67,8 @@ function DataTableSkeleton({ rows = 10, className, rowClassName, rowHeightClassN
               rowClassName
             ),
             children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center py-[var(--spacing-system-sf)]", children: [
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "mb-[var(--spacing-system-xsf)] h-4 w-3/4 rounded-sm" }),
-              /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-3 w-1/2 rounded-sm opacity-60" })
+              /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-3/4" }),
+              /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-1/2" })
             ] })
           }
         )

package/dist/components/ui/data-table/index.d.ts

@@ -6,7 +6,7 @@ import { DataTableEmpty } from './data-table-empty';
 import { DataTableHeader } from './data-table-header';
 import { DataTableInfiniteFooter } from './data-table-infinite-footer';
 import { DataTableRow } from './data-table-row';
-import { DataTableRowCount } from './data-table-row-count';
+import { DataTableRowCount, DataTableRowCountSkeleton } from './data-table-row-count';
 import { DataTableSkeleton } from './data-table-skeleton';
 /**
  * Compound table primitive. Use `useDataTable` to build the table instance,
@@ -31,7 +31,7 @@ export declare const DataTable: typeof DataTableRoot & {
     CursorFooter: typeof DataTableCursorFooter;
     RowCount: typeof DataTableRowCount;
 };
-export { DataTableRoot, DataTableHeader, DataTableBody, DataTableRow, DataTableSkeleton, DataTableEmpty, DataTableInfiniteFooter, DataTableCursorFooter, DataTableRowCount, };
+export { DataTableRoot, DataTableHeader, DataTableBody, DataTableRow, DataTableSkeleton, DataTableEmpty, DataTableInfiniteFooter, DataTableCursorFooter, DataTableRowCount, DataTableRowCountSkeleton, };
 export { useDataTableContext } from './data-table';
 export { useDataTable } from './use-data-table';
 export { ROW_HEIGHT_DESKTOP, ROW_HEIGHT_MOBILE, ROW_SHELL_CLASSES } from './data-table-skeleton';

package/dist/components/ui/data-table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,CAAC;AACjB,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS;;;;;;;;;CASpB,CAAC;AAGH,OAAO,EACL,aAAa,EACb,eAAe,EACf,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,qBAAqB,EACrB,iBAAiB,GAClB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE5E,YAAY,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACzE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AACpE,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACpF,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,YAAY,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AACjF,YAAY,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAC7E,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAI5D,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,WAAW,EACX,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,aAAa,EACb,UAAU,EACV,GAAG,EACH,iBAAiB,EACjB,YAAY,EACZ,KAAK,IAAI,iBAAiB,EAC1B,YAAY,EACZ,eAAe,GAChB,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,CAAC;AACjB,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACtF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,SAAS;;;;;;;;;CASpB,CAAC;AAGH,OAAO,EACL,aAAa,EACb,eAAe,EACf,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,uBAAuB,EACvB,qBAAqB,EACrB,iBAAiB,EACjB,yBAAyB,GAC1B,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE5E,YAAY,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACzE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AACpE,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACpF,YAAY,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AACpE,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,YAAY,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AACjF,YAAY,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAC7E,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAI5D,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,WAAW,EACX,MAAM,EACN,SAAS,EACT,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,aAAa,EACb,UAAU,EACV,GAAG,EACH,iBAAiB,EACjB,YAAY,EACZ,KAAK,IAAI,iBAAiB,EAC1B,YAAY,EACZ,eAAe,GAChB,MAAM,uBAAuB,CAAC"}

package/dist/components/ui/data-table/index.js

@@ -7,7 +7,7 @@ import { DataTableEmpty } from "./data-table-empty.js";
 import { DataTableHeader } from "./data-table-header.js";
 import { DataTableInfiniteFooter } from "./data-table-infinite-footer.js";
 import { DataTableRow } from "./data-table-row.js";
-import { DataTableRowCount } from "./data-table-row-count.js";
+import { DataTableRowCount, DataTableRowCountSkeleton } from "./data-table-row-count.js";
 import { DataTableSkeleton } from "./data-table-skeleton.js";
 const DataTable = Object.assign(DataTableRoot, {
   Header: DataTableHeader,
@@ -47,6 +47,7 @@ export {
   DataTableRoot,
   DataTableRow,
   DataTableRowCount,
+  DataTableRowCountSkeleton,
   DataTableSkeleton,
   ROW_HEIGHT_DESKTOP,
   ROW_HEIGHT_MOBILE,

package/dist/components/ui/date-picker.d.ts

@@ -204,5 +204,4 @@ export interface DateFilterMenuProps {
  * drops the filter.
  */
 export declare function DateFilterMenu({ mode, sort, defaultSort, date, range, onApply, onClose, trigger, disabled, fromDate, toDate, locale, align, ascLabel, descLabel, className, 'aria-label': ariaLabel, }: DateFilterMenuProps): import("react").JSX.Element;
-export { type DateRange };
 //# sourceMappingURL=date-picker.d.ts.map

package/dist/components/ui/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/date-picker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/components/ui/date-picker.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/entity-image.d.ts

@@ -1,4 +1,6 @@
 import React from 'react';
+/** The design size, when a caller does not state one. */
+export declare const ENTITY_IMAGE_SIZE: "size-[52px] content-md:size-[60px]";
 export interface EntityImageProps {
     src?: string | null;
     alt?: string;
@@ -18,4 +20,6 @@ export interface EntityImageProps {
     className?: string;
 }
 export declare function EntityImage({ src, alt, fallbackText, sizeClassName, className }: EntityImageProps): React.JSX.Element;
+/** An EntityImage while its record is read: a box of the image's own size and corner. */
+export declare function EntityImageSkeleton({ sizeClassName, className, }: Pick<EntityImageProps, 'sizeClassName' | 'className'>): React.JSX.Element;
 //# sourceMappingURL=entity-image.d.ts.map

package/dist/components/ui/entity-image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entity-image.d.ts","sourceRoot":"","sources":["../../../src/components/ui/entity-image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,gBAAgB;IAC/B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,gBAAgB,qBA6CjG"}
+{"version":3,"file":"entity-image.d.ts","sourceRoot":"","sources":["../../../src/components/ui/entity-image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,yDAAyD;AACzD,eAAO,MAAM,iBAAiB,sCAAmB,CAAC;AAIlD,MAAM,WAAW,gBAAgB;IAC/B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,gBAAgB,qBAmDjG;AAED,yFAAyF;AACzF,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,SAAS,GACV,EAAE,IAAI,CAAC,gBAAgB,EAAE,eAAe,GAAG,WAAW,CAAC,qBAMvD"}