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

package/dist/components/ui/square-avatar.js

@@ -3,8 +3,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { memo, forwardRef } from "react";
 import Image from "../../embed-shims/next-image.js";
 import { useAuthedImageSrc } from "../../hooks/use-authed-image-src.js";
+import { AVATAR_SIZE, AVATAR_SIZE_PX } from "../../styles/component-sizes.js";
 import { cn } from "../../utils/cn.js";
 import { personInitials } from "../../utils/format.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { useLoadingScope } from "./loading-scope.js";
+const SQUARE_AVATAR_VARIANT_CLASS = {
+  square: "rounded-md",
+  round: "rounded-full"
+};
 const SquareAvatar = memo(
   forwardRef(
     ({
@@ -20,28 +27,15 @@ const SquareAvatar = memo(
       style,
       ...props
     }, ref) => {
-      const resolvedSrc = useAuthedImageSrc(src);
-      const sizeClasses = {
-        // xs (24px): dense card meta rows — avatar stacks on delivery/
-        // roadmap cards. Part of the shared scale so no caller ever
-        // bypasses the buckets with raw sizePx for a standard size.
-        xs: "h-6 w-6",
-        sm: "h-8 w-8",
-        md: "h-10 w-10",
-        lg: "h-12 w-12",
-        xl: "h-16 w-16"
-      };
-      const sizePxBySize = {
-        xs: 24,
-        sm: 32,
-        md: 40,
-        lg: 48,
-        xl: 64
-      };
-      const variantClasses = {
-        square: "rounded-md",
-        round: "rounded-full"
-      };
+      const held = useLoadingScope();
+      const authedSrc = useAuthedImageSrc(held ? void 0 : src);
+      if (held) {
+        return /* @__PURE__ */ jsx(SquareAvatarSkeleton, { size, sizePx, variant, className });
+      }
+      const resolvedSrc = authedSrc;
+      const sizeClasses = AVATAR_SIZE;
+      const sizePxBySize = AVATAR_SIZE_PX;
+      const variantClasses = SQUARE_AVATAR_VARIANT_CLASS;
       return /* @__PURE__ */ jsxs(
         "div",
         {
@@ -109,6 +103,27 @@ const SquareAvatar = memo(
   )
 );
 SquareAvatar.displayName = "SquareAvatar";
+function SquareAvatarSkeleton({
+  size = "md",
+  sizePx,
+  variant = "square",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    UnifiedSkeleton,
+    {
+      className: cn(
+        "shrink-0",
+        sizePx === void 0 && AVATAR_SIZE[size],
+        SQUARE_AVATAR_VARIANT_CLASS[variant],
+        className
+      ),
+      width: sizePx,
+      height: sizePx
+    }
+  );
+}
 export {
-  SquareAvatar
+  SquareAvatar,
+  SquareAvatarSkeleton
 };

package/dist/components/ui/stacked-rows-panel.d.ts

@@ -58,6 +58,29 @@ export interface StackedRowsPanelProps {
     /** Optional uppercase caption rendered above the card. */
     title?: string;
     className?: string;
+    /** The shape drawn while the rows are read (a page's loading state, where `rows` is empty). */
+    skeleton?: StackedRowsPanelSkeletonShape;
+    /**
+     * The rows are a read list (how many there are is the data's, and a loading state draws a fold of them): every
+     * row carries `data-loading-item`. Default false (a panel of fixed fields).
+     */
+    listItems?: boolean;
 }
-export declare function StackedRowsPanel({ rows, title, className }: StackedRowsPanelProps): import("react").JSX.Element;
+/** How many rows a loading panel draws, and how many value/label columns each carries. */
+export interface StackedRowsPanelSkeletonShape {
+    /** Rows drawn. Default {@link STACKED_ROWS_SKELETON_COUNT}. */
+    rows?: number;
+    /** Columns per row; one is a full-width title/caption row. Default 1. */
+    columns?: number;
+    /** Each cell carries a label under its value. Default `true`. */
+    labels?: boolean;
+}
+/** Rows a loading panel draws when its caller names no count. */
+export declare const STACKED_ROWS_SKELETON_COUNT = 3;
+export declare function StackedRowsPanel({ rows, title, className, skeleton, listItems }: StackedRowsPanelProps): import("react").JSX.Element;
+/**
+ * A StackedRowsPanel while its rows are read: the same card and row heights, each cell's value a `text-h4` bar
+ * over its label's `text-h6` bar. The title above the card is the page's own and draws as it is.
+ */
+export declare function StackedRowsPanelSkeleton({ rows, columns, labels, title, className, listItems, }: StackedRowsPanelSkeletonShape & Pick<StackedRowsPanelProps, 'title' | 'className' | 'listItems'>): import("react").JSX.Element;
 //# sourceMappingURL=stacked-rows-panel.d.ts.map

package/dist/components/ui/stacked-rows-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stacked-rows-panel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/stacked-rows-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,gGAAgG;IAChG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uGAAuG;IACvG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mGAAmG;IACnG,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mCAAmC;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;8EAC0E;IAC1E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,sFAAsF;IACtF,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,QAAQ;IACvB,8BAA8B;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,oEAAoE;IACpE,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,gFAAgF;IAChF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gGAAgG;IAChG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuHD,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,qBAAqB,+BAmBjF"}
+{"version":3,"file":"stacked-rows-panel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/stacked-rows-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,gGAAgG;IAChG,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,uGAAuG;IACvG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mGAAmG;IACnG,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mCAAmC;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;8EAC0E;IAC1E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,sFAAsF;IACtF,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,QAAQ;IACvB,8BAA8B;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,oEAAoE;IACpE,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,gFAAgF;IAChF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gGAAgG;IAChG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,6BAA6B,CAAC;IACzC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,0FAA0F;AAC1F,MAAM,WAAW,6BAA6B;IAC5C,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iEAAiE;IACjE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,iEAAiE;AACjE,eAAO,MAAM,2BAA2B,IAAI,CAAC;AA8H7C,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAiB,EAAE,EAAE,qBAAqB,+BAwB9G;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,IAAkC,EAClC,OAAW,EACX,MAAa,EACb,KAAK,EACL,SAAS,EACT,SAAiB,GAClB,EAAE,6BAA6B,GAAG,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,WAAW,GAAG,WAAW,CAAC,+BA0BlG"}

package/dist/components/ui/stacked-rows-panel.js

@@ -2,6 +2,9 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Link from "../../embed-shims/next-link.js";
 import { cn } from "../../utils/cn.js";
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
+import { useLoadingScope } from "./loading-scope.js";
+const STACKED_ROWS_SKELETON_COUNT = 3;
 const ALIGN_CLASS = {
   left: "justify-start items-start",
   center: "justify-center items-center",
@@ -18,6 +21,11 @@ const HIDE_CLASS = {
   xl: "hidden content-xl:flex"
 };
 const ROW_CLASS = "flex items-center gap-[var(--spacing-system-m)] px-[var(--spacing-system-m)] min-h-14 content-md:min-h-20 border-b border-ods-border last:border-b-0";
+const FULL_WIDTH_ROW_CLASS = "flex items-center gap-[var(--spacing-system-m)] border-b border-ods-border p-[var(--spacing-system-m)] last:border-b-0";
+const CARD_CLASS = "flex flex-col overflow-clip rounded-md border border-ods-border bg-ods-card";
+const TITLED_CLASS = "flex flex-col gap-[var(--spacing-system-xxs)]";
+const TITLE_CLASS = "uppercase text-ods-text-secondary text-h5";
+const DEFAULT_WIDTH_CLASS = "flex-[1_0_0] min-w-0";
 function CellValue({ column }) {
   const valueNode = /* @__PURE__ */ jsx(
     "div",
@@ -45,7 +53,7 @@ function CellValue({ column }) {
   ] });
 }
 function PanelCell({ column }) {
-  const widthClass = column.width ?? "flex-[1_0_0] min-w-0";
+  const widthClass = column.width ?? DEFAULT_WIDTH_CLASS;
   const hideClass = column.hideAt ? HIDE_CLASS[column.hideAt] : "flex";
   if (column.content !== void 0) {
     return /* @__PURE__ */ jsx("div", { className: cn(hideClass, "flex-col", ALIGN_CLASS[column.align ?? "left"], widthClass), children: column.content });
@@ -58,28 +66,57 @@ function PanelCell({ column }) {
   }
   return /* @__PURE__ */ jsx("div", { className: cn(hideClass, "flex-col justify-center", CELL_ITEMS_ALIGN[column.align ?? "left"], widthClass), children: /* @__PURE__ */ jsx(CellValue, { column }) });
 }
-function PanelRowView({ row }) {
+function PanelRowView({ row, listItem }) {
+  const item = listItem ? { "data-loading-item": "" } : void 0;
   if (row.content !== void 0) {
-    return /* @__PURE__ */ jsx("div", { className: cn("border-b border-ods-border last:border-b-0", row.className), children: row.content });
+    return /* @__PURE__ */ jsx("div", { className: cn("border-b border-ods-border last:border-b-0", row.className), ...item, children: row.content });
   }
   const columns = row.columns ?? [];
   const isFullWidth = columns.length === 1;
-  const rowClass = isFullWidth ? cn(
-    "flex items-center gap-[var(--spacing-system-m)] border-b border-ods-border p-[var(--spacing-system-m)] last:border-b-0",
-    row.className
-  ) : cn(ROW_CLASS, row.className);
-  return /* @__PURE__ */ jsx("div", { className: rowClass, children: columns.map((column) => /* @__PURE__ */ jsx(PanelCell, { column }, column.key)) });
+  const rowClass = isFullWidth ? cn(FULL_WIDTH_ROW_CLASS, row.className) : cn(ROW_CLASS, row.className);
+  return /* @__PURE__ */ jsx("div", { className: rowClass, ...item, children: columns.map((column) => /* @__PURE__ */ jsx(PanelCell, { column }, column.key)) });
 }
-function StackedRowsPanel({ rows, title, className }) {
-  const card = /* @__PURE__ */ jsx("div", { className: "flex flex-col overflow-clip rounded-md border border-ods-border bg-ods-card", children: rows.map((row) => /* @__PURE__ */ jsx(PanelRowView, { row }, row.id)) });
+function StackedRowsPanel({ rows, title, className, skeleton, listItems = false }) {
+  const inScope = useLoadingScope();
+  if (inScope && rows.length === 0)
+    return /* @__PURE__ */ jsx(StackedRowsPanelSkeleton, { ...skeleton, title, className, listItems });
+  const card = /* @__PURE__ */ jsx("div", { className: CARD_CLASS, children: rows.map((row) => /* @__PURE__ */ jsx(PanelRowView, { row, listItem: listItems }, row.id)) });
   if (!title) {
     return /* @__PURE__ */ jsx("div", { className, children: card });
   }
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-[var(--spacing-system-xxs)]", className), children: [
-    /* @__PURE__ */ jsx("p", { className: "uppercase text-ods-text-secondary text-h5", children: title }),
+  return /* @__PURE__ */ jsxs("div", { className: cn(TITLED_CLASS, className), children: [
+    /* @__PURE__ */ jsx("p", { className: TITLE_CLASS, children: title }),
+    card
+  ] });
+}
+function StackedRowsPanelSkeleton({
+  rows = STACKED_ROWS_SKELETON_COUNT,
+  columns = 1,
+  labels = true,
+  title,
+  className,
+  listItems = false
+}) {
+  const card = /* @__PURE__ */ jsx("div", { className: CARD_CLASS, "aria-hidden": true, children: Array.from({ length: rows }, (_, row) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: columns === 1 ? FULL_WIDTH_ROW_CLASS : ROW_CLASS,
+      ...listItems ? { "data-loading-item": "" } : void 0,
+      children: Array.from({ length: columns }, (_cell, column) => /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col justify-center", DEFAULT_WIDTH_CLASS), children: [
+        /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-1/2" }),
+        labels && /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-3/4" })
+      ] }, column))
+    },
+    row
+  )) });
+  if (!title) return /* @__PURE__ */ jsx("div", { className, children: card });
+  return /* @__PURE__ */ jsxs("div", { className: cn(TITLED_CLASS, className), children: [
+    /* @__PURE__ */ jsx("p", { className: TITLE_CLASS, children: title }),
     card
   ] });
 }
 export {
-  StackedRowsPanel
+  STACKED_ROWS_SKELETON_COUNT,
+  StackedRowsPanel,
+  StackedRowsPanelSkeleton
 };

package/dist/components/ui/status-badge.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from 'class-variance-authority';
 import type React from 'react';
 declare const statusBadgeVariants: (props?: ({
     variant?: "button" | "card" | null | undefined;
-    colorScheme?: "default" | "warning" | "error" | "success" | "yellow" | "green" | "red" | "pink" | "cyan" | "purple" | "cyanSoft" | "pinkSoft" | "openYellow" | "accentBorder" | "errorBorder" | "whiteBorder" | null | undefined;
+    colorScheme?: "default" | "warning" | "error" | "success" | "cyan" | "green" | "pink" | "purple" | "red" | "yellow" | "cyanSoft" | "pinkSoft" | "openYellow" | "accentBorder" | "errorBorder" | "whiteBorder" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 /**
  * OpenFrame generation badge tint — the ONE ramp for the `gen` mode below.
@@ -38,6 +38,14 @@ export interface StatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement>,
      */
     gen?: number;
 }
+/**
+ * A badge while its text is read: one skeleton box with the badge's own padding and type step, its content one line
+ * of that step (`box-content`: the padding adds to the line, as it does around the badge's text).
+ */
+declare function StatusBadgeSkeleton({ variant, className }: {
+    variant?: 'card' | 'button' | null;
+    className?: string;
+}): React.JSX.Element;
 declare function StatusBadge({ text, variant, colorScheme, className, singleLine, gen, style, ...props }: StatusBadgeProps): React.JSX.Element;
-export { StatusBadge, statusBadgeVariants };
+export { StatusBadge, StatusBadgeSkeleton, statusBadgeVariants };
 //# sourceMappingURL=status-badge.d.ts.map

package/dist/components/ui/status-badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/status-badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,mBAAmB;;;8EAyCvB,CAAC;AAEH;;;;;;;;;0EAS0E;AAC1E,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAIrD;AAED;;0CAE0C;AAC1C,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAIhF;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,OAAO,mBAAmB,CAAC;IACvF,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,iBAAS,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAgDjH;AAED,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/status-badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,mBAAmB;;;8EAyCvB,CAAC;AAEH;;;;;;;;;0EAS0E;AAC1E,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAIrD;AAED;;0CAE0C;AAC1C,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAIhF;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,OAAO,mBAAmB,CAAC;IACvF,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,iBAAS,mBAAmB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAO9G;AAED,iBAAS,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,qBAkDjH;AAED,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/ui/status-badge.js

@@ -2,6 +2,8 @@
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "../../utils/cn.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { useLoadingScope } from "./loading-scope.js";
 const statusBadgeVariants = cva("inline-flex items-center justify-center rounded", {
   variants: {
     // Two densities, not one style at two paddings. Both are the ODS h5
@@ -53,7 +55,18 @@ function generationTierFromLabel(label) {
   const n = m ? parseInt(m[1], 10) : 1;
   return Number.isFinite(n) && n > 0 ? n : 1;
 }
+function StatusBadgeSkeleton({ variant, className }) {
+  return /* @__PURE__ */ jsx(
+    UnifiedSkeleton,
+    {
+      as: "span",
+      className: cn(statusBadgeVariants({ variant, colorScheme: null }), "box-content h-[1lh] w-12 border-transparent", className)
+    }
+  );
+}
 function StatusBadge({ text, variant, colorScheme, className, singleLine, gen, style, ...props }) {
+  const loading = useLoadingScope();
+  if (loading) return /* @__PURE__ */ jsx(StatusBadgeSkeleton, { variant, className });
   const genStyle = gen != null ? {
     textTransform: "none",
     color: "var(--ods-accent)",
@@ -79,6 +92,7 @@ function StatusBadge({ text, variant, colorScheme, className, singleLine, gen, s
 }
 export {
   StatusBadge,
+  StatusBadgeSkeleton,
   genBadgeBgOpacity,
   generationTierFromLabel,
   statusBadgeVariants

package/dist/components/ui/status-indicator.d.ts

@@ -4,5 +4,9 @@ interface StatusIndicatorProps {
     href?: string;
 }
 export declare function StatusIndicator({ status, label, href }: StatusIndicatorProps): import("react").JSX.Element;
+/** A StatusIndicator while its status is read: the dot a circle of its size, the label a `text-h6` bar. */
+export declare function StatusIndicatorSkeleton({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=status-indicator.d.ts.map

package/dist/components/ui/status-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/ui/status-indicator.tsx"],"names":[],"mappings":"AAIA,UAAU,oBAAoB;IAC5B,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,oBAAoB,+BAmC5E"}
+{"version":3,"file":"status-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/ui/status-indicator.tsx"],"names":[],"mappings":"AAWA,UAAU,oBAAoB;IAC5B,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,oBAAoB,+BAqC5E;AAED,2GAA2G;AAC3G,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAO5E"}

package/dist/components/ui/status-indicator.js

@@ -1,7 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Link from "../../embed-shims/next-link.js";
+import { DOT_SIZE } from "../../styles/component-sizes.js";
+import { TextLineSkeleton, UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { useLoadingScope } from "./loading-scope.js";
+const ROW_CLASS = "flex items-center gap-1.5";
+const DOT_CLASS = `${DOT_SIZE.md} rounded-full`;
 function StatusIndicator({ status, label, href }) {
+  if (useLoadingScope()) return /* @__PURE__ */ jsx(StatusIndicatorSkeleton, {});
   const getStatusColor = (kind) => {
     switch (kind) {
       case "success":
@@ -18,8 +24,8 @@ function StatusIndicator({ status, label, href }) {
   };
   const colorClasses = getStatusColor(status);
   const [dotColor, textColor] = colorClasses.split(" ");
-  const content = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx("div", { className: `h-3 w-3 rounded-full ${dotColor}` }),
+  const content = /* @__PURE__ */ jsxs("div", { className: ROW_CLASS, children: [
+    /* @__PURE__ */ jsx("div", { className: `${DOT_CLASS} ${dotColor}` }),
     /* @__PURE__ */ jsx("span", { className: `text-h6 ${textColor}`, children: label })
   ] });
   if (href) {
@@ -27,6 +33,13 @@ function StatusIndicator({ status, label, href }) {
   }
   return content;
 }
+function StatusIndicatorSkeleton({ className }) {
+  return /* @__PURE__ */ jsxs("div", { className: `${ROW_CLASS} ${className ?? ""}`, "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx(UnifiedSkeleton, { variant: "circular", className: DOT_CLASS }),
+    /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-24" })
+  ] });
+}
 export {
-  StatusIndicator
+  StatusIndicator,
+  StatusIndicatorSkeleton
 };

package/dist/components/ui/status-line.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status-line.d.ts","sourceRoot":"","sources":["../../../src/components/ui/status-line.tsx"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,+BA0BrE"}
+{"version":3,"file":"status-line.d.ts","sourceRoot":"","sources":["../../../src/components/ui/status-line.tsx"],"names":[],"mappings":"AAKA;;;;;;;GAOG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,eAAe,+BA0BrE"}

package/dist/components/ui/status-line.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { CheckCircleIcon } from "../icons-v2-generated/signs-and-symbols/check-circle-icon.js";
 import { XmarkCircleIcon } from "../icons-v2-generated/signs-and-symbols/xmark-circle-icon.js";
+import { LIVE_PULSE_CLASS } from "./skeleton-surface.js";
 function StatusLine({ tone, label, className }) {
   return /* @__PURE__ */ jsxs(
     "span",
@@ -16,7 +17,7 @@ function StatusLine({ tone, label, className }) {
         tone === "working" && /* @__PURE__ */ jsx(
           "span",
           {
-            className: "h-2 w-2 shrink-0 animate-pulse rounded-full bg-ods-flamingo-cyan motion-reduce:animate-none",
+            className: cn("h-2 w-2 shrink-0 rounded-full bg-ods-flamingo-cyan", LIVE_PULSE_CLASS),
             "aria-hidden": true
           }
         ),

package/dist/components/ui/strip-card.d.ts

@@ -20,4 +20,13 @@ export interface StripCardProps {
  * of them shares its radius, hairlines and insets.
  */
 export declare function StripCard({ lead, title, caption, titleAs: Title, density, children, className, bodyClassName, }: StripCardProps): import("react").JSX.Element;
+/**
+ * A StripCard while its head is read: the same frame, the lead as given (an icon is static, a picture draws its
+ * own box), the title a `text-h3` bar and the caption, when the card carries one, a `text-h6` bar. The body is
+ * the caller's: its components draw their own skeletons.
+ */
+export declare function StripCardSkeleton({ lead, caption, density, children, className, bodyClassName, }: Pick<StripCardProps, 'lead' | 'density' | 'children' | 'className' | 'bodyClassName'> & {
+    /** The loaded card carries a caption under its title. */
+    caption?: boolean;
+}): import("react").JSX.Element;
 //# sourceMappingURL=strip-card.d.ts.map

package/dist/components/ui/strip-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"strip-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/strip-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,cAAc;IAC7B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;IAC5B,kGAAkG;IAClG,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EAAE,KAAY,EACrB,OAAmB,EACnB,QAAQ,EACR,SAAS,EACT,aAAa,GACd,EAAE,cAAc,+BAkChB"}
+{"version":3,"file":"strip-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/strip-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,cAAc;IAC7B,4DAA4D;IAC5D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,GAAG,CAAC;IAC5B,kGAAkG;IAClG,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAgBD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAO,EAAE,KAAY,EACrB,OAAmB,EACnB,QAAQ,EACR,SAAS,EACT,aAAa,GACd,EAAE,cAAc,+BAgChB;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,OAAe,EACf,OAAmB,EACnB,QAAQ,EACR,SAAS,EACT,aAAa,GACd,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,eAAe,CAAC,GAAG;IACzF,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,+BAiBA"}

package/dist/components/ui/strip-card.js

@@ -1,6 +1,17 @@
 "use client";
 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";
+const FRAME_CLASS = "flex h-full min-w-0 flex-col overflow-hidden rounded-md border border-ods-border bg-ods-card";
+const HEAD_CLASS = "flex items-center gap-[var(--spacing-system-mf)] border-b border-ods-border";
+const HEAD_TEXT_CLASS = "flex min-w-0 flex-1 flex-col";
+const LEAD_CLASS = "flex shrink-0 items-center";
+const headPadding = (roomy) => roomy ? "p-[var(--spacing-system-l)]" : "p-[var(--spacing-system-m)]";
+const bodyClass = (roomy) => cn(
+  "flex min-w-0 flex-1 flex-col bg-ods-bg",
+  roomy ? "gap-[var(--spacing-system-l)] p-[var(--spacing-system-l)]" : "gap-[var(--spacing-system-m)] px-[var(--spacing-system-m)] pb-[var(--spacing-system-l)] pt-[var(--spacing-system-m)]"
+);
 function StripCard({
   lead,
   title,
@@ -12,45 +23,52 @@ function StripCard({
   bodyClassName
 }) {
   const roomy = density === "roomy";
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex h-full min-w-0 flex-col overflow-hidden rounded-md border border-ods-border bg-ods-card",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(
-              "flex items-center gap-[var(--spacing-system-mf)] border-b border-ods-border",
-              roomy ? "p-[var(--spacing-system-l)]" : "p-[var(--spacing-system-m)]"
-            ),
-            children: [
-              lead && /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center", children: lead }),
-              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-                /* @__PURE__ */ jsx(Title, { className: "m-0 text-ods-text-primary text-h3", children: title }),
-                caption && /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h6", children: caption })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "flex min-w-0 flex-1 flex-col bg-ods-bg",
-              roomy ? "gap-[var(--spacing-system-l)] p-[var(--spacing-system-l)]" : "gap-[var(--spacing-system-m)] px-[var(--spacing-system-m)] pb-[var(--spacing-system-l)] pt-[var(--spacing-system-m)]",
-              bodyClassName
-            ),
-            children
-          }
-        )
-      ]
-    }
-  );
+  const inScope = useLoadingScope();
+  if (inScope && !title) {
+    return /* @__PURE__ */ jsx(
+      StripCardSkeleton,
+      {
+        lead,
+        caption: caption !== void 0,
+        density,
+        className,
+        bodyClassName,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn(FRAME_CLASS, className), children: [
+    /* @__PURE__ */ jsxs("div", { className: cn(HEAD_CLASS, headPadding(roomy)), children: [
+      lead && /* @__PURE__ */ jsx("span", { className: LEAD_CLASS, children: lead }),
+      /* @__PURE__ */ jsxs("div", { className: HEAD_TEXT_CLASS, children: [
+        /* @__PURE__ */ jsx(Title, { className: "m-0 text-ods-text-primary text-h3", children: title }),
+        caption && /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h6", children: caption })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: cn(bodyClass(roomy), bodyClassName), children })
+  ] });
+}
+function StripCardSkeleton({
+  lead,
+  caption = false,
+  density = "default",
+  children,
+  className,
+  bodyClassName
+}) {
+  const roomy = density === "roomy";
+  return /* @__PURE__ */ jsxs("div", { className: cn(FRAME_CLASS, className), children: [
+    /* @__PURE__ */ jsxs("div", { className: cn(HEAD_CLASS, headPadding(roomy)), "aria-hidden": true, children: [
+      lead && /* @__PURE__ */ jsx("span", { className: LEAD_CLASS, children: lead }),
+      /* @__PURE__ */ jsxs("div", { className: HEAD_TEXT_CLASS, children: [
+        /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h3", className: "w-3/4" }),
+        caption && /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-1/2" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: cn(bodyClass(roomy), bodyClassName), inert: true, children })
+  ] });
 }
 export {
-  StripCard
+  StripCard,
+  StripCardSkeleton
 };

package/dist/components/ui/tab-navigation.d.ts

@@ -36,7 +36,7 @@ export interface TabItem {
     badge?: string;
     /** A second, quieter line of text: beside the label from `md`, under it below. */
     sublabel?: string;
-    /** A leading visual used instead of `icon` (an avatar, a logo). Rendered as given. */
+    /** A leading visual used instead of `icon` (an avatar, a logo), drawn `TAB_AVATAR_PX` square. Rendered as given. */
     avatar?: React.ReactNode;
     /**
      * 0..1. Set on the ACTIVE tab, the underline stops being a selection marker
@@ -98,6 +98,11 @@ interface TabNavigationProps {
     variant?: TabNavigationVariant;
     urlSync?: boolean | TabNavigationUrlSyncOptions;
     defaultTab?: string;
+    /**
+     * The tab labels are static copy (config, never read data): in a loading scope the real strip is drawn (inert)
+     * instead of its skeleton bars. Default `false`: labels built from read data stay skeletons.
+     */
+    staticLabels?: boolean;
     /**
      * Render prop for the tab BODY. Receives the tab to render and, additively,
      * a `isStale` flag — true while the bar has already moved to a newly clicked
@@ -109,7 +114,26 @@ interface TabNavigationProps {
         isStale: boolean;
     }) => React.ReactNode;
 }
-export declare function TabNavigation({ activeTab: controlledActiveTab, onTabChange: controlledOnTabChange, tabs, className, shadowClassName, showRightGradient, showLeftGradient, stretchTabs, tabAlign, progressTransitionMs, variant: variantProp, urlSync, defaultTab, children, }: TabNavigationProps): React.JSX.Element;
+/** A tab's avatar, in px: the size a host draws `TabItem.avatar` at, and the circle the skeleton draws for it. */
+export declare const TAB_AVATAR_PX = 24;
+export interface TabNavigationSkeletonProps {
+    /** How many tabs the strip draws. */
+    count: number;
+    /** Each tab leads with an avatar: a `TAB_AVATAR_PX` circle before its label. */
+    avatar?: boolean;
+    /** Each tab carries a quieter second line (`TabItem.sublabel`): beside the label from md, under it below. */
+    sublabel?: boolean;
+    stretchTabs?: boolean;
+    tabAlign?: 'center' | 'start';
+    variant?: TabNavigationVariant;
+    className?: string;
+}
+/**
+ * The strip while its tabs are read: the same strip, tab padding and gaps, each label a bar at the label's type
+ * step, and the strip's bottom border drawn for real. `TabNavigation` draws it in a loading scope.
+ */
+export declare function TabNavigationSkeleton({ count, avatar, sublabel, stretchTabs, tabAlign, variant, className, }: TabNavigationSkeletonProps): React.JSX.Element;
+export declare function TabNavigation({ activeTab: controlledActiveTab, onTabChange: controlledOnTabChange, tabs, className, shadowClassName, showRightGradient, showLeftGradient, stretchTabs, tabAlign, progressTransitionMs, variant: variantProp, urlSync, defaultTab, staticLabels, children, }: TabNavigationProps): React.JSX.Element;
 export declare const getTabById: (tabs: TabItem[], tabId: string) => TabItem | undefined;
 export declare const getTabComponent: (tabs: TabItem[], tabId: string) => TabItem["component"] | null;
 export {};

package/dist/components/ui/tab-navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-navigation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tab-navigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkB/B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;IAC1D;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC5C;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;;GAMG;AACH,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,OAAO,CAAC;AAIvD;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,oBAAoB,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,qBAEA;AAED,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,kBAAkB;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kFAAkF;IAClF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;iFAC6E;IAC7E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC9B,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2GAA2G;IAC3G,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAG/B,OAAO,CAAC,EAAE,OAAO,GAAG,2BAA2B,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CAChF;AAmbD,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EAAE,qBAAqB,EAClC,IAAI,EACJ,SAAS,EACT,eAAe,EACf,iBAAyB,EACzB,gBAAwB,EACxB,WAAmB,EACnB,QAAmB,EACnB,oBAA0B,EAC1B,OAAO,EAAE,WAAW,EACpB,OAAe,EACf,UAAU,EACV,QAAQ,GACT,EAAE,kBAAkB,qBAqLpB;AAGD,eAAO,MAAM,UAAU,GAAI,MAAM,OAAO,EAAE,EAAE,OAAO,MAAM,KAAG,OAAO,GAAG,SAA+C,CAAC;AAGtH,eAAO,MAAM,eAAe,GAAI,MAAM,OAAO,EAAE,EAAE,OAAO,MAAM,KAAG,OAAO,CAAC,WAAW,CAAC,GAAG,IAGvF,CAAC"}
+{"version":3,"file":"tab-navigation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tab-navigation.tsx"],"names":[],"mappings":"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"}