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

package/dist/components/ui/index.d.ts

@@ -59,6 +59,9 @@ export * from './badge';
 export * from './ai-generated-badge';
 export * from './fade-preview';
 export * from './layout-hold';
+export * from './skeleton-surface';
+export * from './input-styles';
+export * from './loading-scope';
 export * from './progress';
 export * from './release-changelog-section';
 export * from './stacked-rows-panel';
@@ -113,6 +116,7 @@ export * from './avatar-stack';
 export * from './people-cell';
 export * from './deleted-user-avatar';
 export * from './square-avatar';
+export * from '../../styles/component-sizes';
 export * from './tab-selector';
 export * from './tag';
 export * from './title-content-block';
@@ -125,7 +129,7 @@ export { Table, TableCardSkeleton, TableCell, TableDescriptionCell, TableEmptySt
 export type { PagePagination, RowAction, TableCardSkeletonProps, TableCellProps, TableColumn, TableDescriptionCellProps, TableEmptyStateProps, TableHeaderProps, TableProps, TableRowProps, TableTimestampCellProps, } from './table';
 export { QueryReportTable, QueryReportTableHeader, QueryReportTableRow, QueryReportTableSkeleton, deriveColumns, exportToCSV, } from './query-report-table';
 export type { QueryReportTableProps, QueryReportTableHeaderProps, QueryReportTableRowProps, QueryReportTableSkeletonProps, QueryResultRow, } from './query-report-table';
-export { CursorPagination, CursorPaginationSimple } from './cursor-pagination';
+export { CursorPagination, CursorPaginationSimple, CursorPaginationSkeleton } from './cursor-pagination';
 export type { CursorPaginationProps } from './cursor-pagination';
 export * from './data-table';
 export * from './password-input';
@@ -178,4 +182,9 @@ export * from './super-user-banner-view';
 export { RequiredMark } from './required-mark';
 export { IconTile } from './icon-tile';
 export { PolicyLink } from './policy-link';
+export type { DateRange } from 'react-day-picker';
+export { TitleBlock, TITLE_BLOCK_MIN_HEIGHT } from '../layout/title-block';
+export type { TitleBlockProps, TitleSkeletonLines } from '../layout/title-block';
+export type { SortableColumn, SortConfig, SortDirection } from './sort-column-item';
+export { ORGANIZATION_CARD_RADIUS_CLASS, ORGANIZATION_CARD_LAYOUT_CLASS, ORGANIZATION_CARD_SURFACE_CLASS, ORGANIZATION_CARD_HEADER_CLASS, ORGANIZATION_CARD_TEXT_CLASS, ORGANIZATION_CARD_DESCRIPTION_CLASS, ORGANIZATION_CARD_FOOTER_CLASS, ORGANIZATION_CARD_STATS_CLASS, ORGANIZATION_CARD_STAT_CLASS, } from '../loading/organization-card-skeleton';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/index.d.ts.map

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

package/dist/components/ui/index.js

@@ -59,6 +59,9 @@ export * from "./badge.js";
 export * from "./ai-generated-badge.js";
 export * from "./fade-preview.js";
 export * from "./layout-hold.js";
+export * from "./skeleton-surface.js";
+export * from "./input-styles.js";
+export * from "./loading-scope.js";
 export * from "./progress.js";
 export * from "./release-changelog-section.js";
 export * from "./stacked-rows-panel.js";
@@ -119,6 +122,7 @@ export * from "./avatar-stack.js";
 export * from "./people-cell.js";
 export * from "./deleted-user-avatar.js";
 export * from "./square-avatar.js";
+export * from "../../styles/component-sizes.js";
 export * from "./tab-selector.js";
 export * from "./tag.js";
 export * from "./title-content-block.js";
@@ -145,7 +149,7 @@ import {
   deriveColumns,
   exportToCSV
 } from "./query-report-table/index.js";
-import { CursorPagination, CursorPaginationSimple } from "./cursor-pagination.js";
+import { CursorPagination, CursorPaginationSimple, CursorPaginationSkeleton } from "./cursor-pagination.js";
 export * from "./data-table/index.js";
 export * from "./password-input.js";
 export * from "./phone-input.js";
@@ -197,16 +201,38 @@ export * from "./super-user-banner-view.js";
 import { RequiredMark } from "./required-mark.js";
 import { IconTile } from "./icon-tile.js";
 import { PolicyLink } from "./policy-link.js";
+import { TitleBlock, TITLE_BLOCK_MIN_HEIGHT } from "../layout/title-block.js";
+import {
+  ORGANIZATION_CARD_RADIUS_CLASS,
+  ORGANIZATION_CARD_LAYOUT_CLASS,
+  ORGANIZATION_CARD_SURFACE_CLASS,
+  ORGANIZATION_CARD_HEADER_CLASS,
+  ORGANIZATION_CARD_TEXT_CLASS,
+  ORGANIZATION_CARD_DESCRIPTION_CLASS,
+  ORGANIZATION_CARD_FOOTER_CLASS,
+  ORGANIZATION_CARD_STATS_CLASS,
+  ORGANIZATION_CARD_STAT_CLASS
+} from "../loading/organization-card-skeleton.js";
 export {
   CheckIcon,
   CursorPagination,
   CursorPaginationSimple,
+  CursorPaginationSkeleton,
   FloatingTooltip,
   IconTile,
   LazyMount,
   CheckCircleIcon as LucideCheckCircleIcon,
   XIcon as LucideXIcon,
   MinusIcon,
+  ORGANIZATION_CARD_DESCRIPTION_CLASS,
+  ORGANIZATION_CARD_FOOTER_CLASS,
+  ORGANIZATION_CARD_HEADER_CLASS,
+  ORGANIZATION_CARD_LAYOUT_CLASS,
+  ORGANIZATION_CARD_RADIUS_CLASS,
+  ORGANIZATION_CARD_STATS_CLASS,
+  ORGANIZATION_CARD_STAT_CLASS,
+  ORGANIZATION_CARD_SURFACE_CLASS,
+  ORGANIZATION_CARD_TEXT_CLASS,
   PolicyLink,
   QueryReportTable,
   QueryReportTableHeader,
@@ -214,6 +240,7 @@ export {
   QueryReportTableSkeleton,
   RequiredMark,
   SourceTooltip,
+  TITLE_BLOCK_MIN_HEIGHT,
   Table,
   TableCardSkeleton,
   TableCell,
@@ -222,6 +249,7 @@ export {
   TableHeader,
   TableRow,
   TableTimestampCell,
+  TitleBlock,
   ToggleGroup,
   ToggleGroupItem,
   TruncateText,

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

@@ -10,4 +10,16 @@ export interface InfoCardRowProps {
     className?: string;
 }
 export declare function InfoCardRow({ lead, stats, className }: InfoCardRowProps): import("react").JSX.Element;
+/**
+ * An InfoCardRow while its figures are read: the same frame and cells, the lead's picture a box and its two
+ * lines bars, each stat's caption a `text-h3` bar under its title (the page's own label, drawn for real when it
+ * is given, else a bar).
+ */
+export declare function InfoCardRowSkeleton({ leadIcon, statTitles, className, }: {
+    /** The loaded row leads with a picture. Default `true`. */
+    leadIcon?: boolean;
+    /** The stats' own titles (static labels). Empty ones are bars. */
+    statTitles?: [string, string];
+    className?: string;
+}): import("react").JSX.Element;
 //# sourceMappingURL=info-card-row.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"info-card-row.d.ts","sourceRoot":"","sources":["../../../src/components/ui/info-card-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwBD,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BA4BvE"}
+{"version":3,"file":"info-card-row.d.ts","sourceRoot":"","sources":["../../../src/components/ui/info-card-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoCD,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BA4BvE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAe,EACf,UAAqB,EACrB,SAAS,GACV,EAAE;IACD,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kEAAkE;IAClE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAsBA"}

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

@@ -1,11 +1,21 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
+import { TextLineSkeleton, UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { useLoadingScope } from "./loading-scope.js";
 const CELL = "flex items-center gap-[var(--spacing-system-s)] min-w-0 p-[var(--spacing-system-xsf)] content-md:p-[var(--spacing-system-m)] min-h-[60px] content-md:min-h-[76px]";
+const FRAME_CLASS = "flex shrink-0 flex-col overflow-hidden rounded-md border border-ods-border bg-ods-card content-md:flex-row";
+const LEAD_CELL_CLASS = "border-b border-ods-border content-md:flex-1 content-md:border-b-0 content-md:border-r";
+const LEAD_ICON_CLASS = "flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-sm border border-ods-border [&>*]:size-full [&_img]:object-cover";
+const LEAD_TEXT_CLASS = "flex min-w-0 flex-1 flex-col justify-center";
+const STATS_CLASS = "flex content-md:flex-1";
+const STAT_DIVIDER_CLASS = "border-r border-ods-border";
+const STAT_TEXT_CLASS = "flex min-w-0 flex-1 flex-col";
+const STAT_TITLE_CLASS = "truncate uppercase text-ods-text-secondary text-h5";
 function StatCell({ section, className }) {
   return /* @__PURE__ */ jsxs("div", { className: cn(CELL, "flex-1", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-      /* @__PURE__ */ jsx("p", { className: "truncate uppercase text-ods-text-secondary text-h5", children: section.title }),
+    /* @__PURE__ */ jsxs("div", { className: STAT_TEXT_CLASS, children: [
+      /* @__PURE__ */ jsx("p", { className: STAT_TITLE_CLASS, children: section.title }),
       /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-s)]", children: [
         /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 truncate text-ods-text-primary text-h3", children: section.caption }),
         section.icon && /* @__PURE__ */ jsx("div", { className: "flex size-6 shrink-0 items-center justify-center content-md:hidden", children: section.icon })
@@ -15,35 +25,51 @@ function StatCell({ section, className }) {
   ] });
 }
 function InfoCardRow({ lead, stats, className }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex shrink-0 flex-col overflow-hidden rounded-md border border-ods-border bg-ods-card content-md:flex-row",
+  const inScope = useLoadingScope();
+  if (inScope && !lead.title) {
+    return /* @__PURE__ */ jsx(
+      InfoCardRowSkeleton,
+      {
+        leadIcon: Boolean(lead.icon),
+        statTitles: [stats[0].title, stats[1].title],
         className
-      ),
-      children: [
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: cn(CELL, "border-b border-ods-border content-md:flex-1 content-md:border-b-0 content-md:border-r"),
-            children: [
-              lead.icon && /* @__PURE__ */ jsx("div", { className: "flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-sm border border-ods-border [&>*]:size-full [&_img]:object-cover", children: lead.icon }),
-              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
-                /* @__PURE__ */ jsx("p", { className: "truncate text-ods-text-primary text-h3", children: lead.title }),
-                /* @__PURE__ */ jsx("p", { className: "truncate text-ods-text-secondary text-h6", children: lead.caption })
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex content-md:flex-1", children: [
-          /* @__PURE__ */ jsx(StatCell, { section: stats[0], className: "border-r border-ods-border" }),
-          /* @__PURE__ */ jsx(StatCell, { section: stats[1] })
-        ] })
-      ]
-    }
-  );
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn(FRAME_CLASS, className), children: [
+    /* @__PURE__ */ jsxs("div", { className: cn(CELL, LEAD_CELL_CLASS), children: [
+      lead.icon && /* @__PURE__ */ jsx("div", { className: LEAD_ICON_CLASS, children: lead.icon }),
+      /* @__PURE__ */ jsxs("div", { className: LEAD_TEXT_CLASS, children: [
+        /* @__PURE__ */ jsx("p", { className: "truncate text-ods-text-primary text-h3", children: lead.title }),
+        /* @__PURE__ */ jsx("p", { className: "truncate text-ods-text-secondary text-h6", children: lead.caption })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: STATS_CLASS, children: [
+      /* @__PURE__ */ jsx(StatCell, { section: stats[0], className: STAT_DIVIDER_CLASS }),
+      /* @__PURE__ */ jsx(StatCell, { section: stats[1] })
+    ] })
+  ] });
+}
+function InfoCardRowSkeleton({
+  leadIcon = true,
+  statTitles = ["", ""],
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn(FRAME_CLASS, className), "aria-hidden": true, children: [
+    /* @__PURE__ */ jsxs("div", { className: cn(CELL, LEAD_CELL_CLASS), children: [
+      leadIcon && /* @__PURE__ */ jsx(UnifiedSkeleton, { className: LEAD_ICON_CLASS }),
+      /* @__PURE__ */ jsxs("div", { className: LEAD_TEXT_CLASS, children: [
+        /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h3", className: "w-1/2" }),
+        /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-1/3" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: STATS_CLASS, children: statTitles.map((title, index) => /* @__PURE__ */ jsx("div", { className: cn(CELL, "flex-1", index === 0 && STAT_DIVIDER_CLASS), children: /* @__PURE__ */ jsxs("div", { className: STAT_TEXT_CLASS, children: [
+      title ? /* @__PURE__ */ jsx("p", { className: STAT_TITLE_CLASS, children: title }) : /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h5", className: "w-16" }),
+      /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h3", className: "w-20" })
+    ] }) }, index)) })
+  ] });
 }
 export {
-  InfoCardRow
+  InfoCardRow,
+  InfoCardRowSkeleton
 };

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

@@ -35,7 +35,30 @@ export interface InfoCardData {
 interface InfoCardProps {
     data: InfoCardData;
     className?: string;
+    /** The shape drawn while the data is read (a page's loading state, where `data.items` is empty). */
+    skeleton?: InfoCardSkeletonShape;
 }
-export declare function InfoCard({ data, className }: InfoCardProps): React.JSX.Element;
+/** What a loading InfoCard draws: its rows, and whether it carries a head, a progress bar and a footer. */
+export interface InfoCardSkeletonShape {
+    /** Value rows drawn. Default {@link INFO_CARD_SKELETON_ROWS}. */
+    rows?: number;
+    /** A title line. Default `true`. */
+    title?: boolean;
+    /** A subtitle line. */
+    subtitle?: boolean;
+    progress?: boolean;
+    footer?: boolean;
+}
+/** Rows a loading card draws when its caller names no count. */
+export declare const INFO_CARD_SKELETON_ROWS = 3;
+export declare function InfoCard({ data, className, skeleton }: InfoCardProps): React.JSX.Element;
+/**
+ * An InfoCard while its data is read: the same frame and groups, the title and subtitle `text-h4` bars, each row
+ * its label and value bars either side of the row's divider, the progress bar and the footer line boxes of their
+ * own height.
+ */
+export declare function InfoCardSkeleton({ rows, title, subtitle, progress, footer, className, }: InfoCardSkeletonShape & {
+    className?: string;
+}): React.JSX.Element;
 export {};
 //# sourceMappingURL=info-card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"info-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/info-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,kBAAkB;IACjC,4FAA4F;IAC5F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,yDAAyD;IACzD,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,4CAA4C;QAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,2EAA2E;QAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC,CAAC;IACH,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,8EAA8E;IAC9E,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAc,EAAE,EAAE,aAAa,qBAwE/D"}
+{"version":3,"file":"info-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/info-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,kBAAkB;IACjC,4FAA4F;IAC5F,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,sEAAsE;IACtE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,yDAAyD;IACzD,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,4CAA4C;QAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,2EAA2E;QAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC,CAAC;IACH,QAAQ,CAAC,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;QACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,8EAA8E;IAC9E,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oGAAoG;IACpG,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,2GAA2G;AAC3G,MAAM,WAAW,qBAAqB;IACpC,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,gEAAgE;AAChE,eAAO,MAAM,uBAAuB,IAAI,CAAC;AAYzC,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAc,EAAE,QAAQ,EAAE,EAAE,aAAa,qBAyEzE;AAiED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAA8B,EAC9B,KAAY,EACZ,QAAgB,EAChB,QAAgB,EAChB,MAAc,EACd,SAAc,GACf,EAAE,qBAAqB,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBA8BhD"}

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

@@ -6,58 +6,65 @@ import { useCopyToClipboard } from "../../hooks/index.js";
 import { cn } from "../../utils/cn.js";
 import { CheckIcon } from "../icons-v2-generated/index.js";
 import { Copy01Icon } from "../icons-v2-generated/documents/index.js";
-import { ProgressBar } from "./progress-bar.js";
-function InfoCard({ data, className = "" }) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("flex w-full flex-col overflow-hidden rounded-md border border-ods-border bg-ods-card", className),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start gap-[var(--spacing-system-l)] p-[var(--spacing-system-m)]", children: [
-          (data.title || data.subtitle) && /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start self-stretch", children: [
-            data.title && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--spacing-system-xsf)] self-stretch", children: [
-              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-ods-text-primary text-h4", title: data.title, children: data.title }),
-              data.icon
-            ] }),
-            data.subtitle && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--spacing-system-xsf)] self-stretch", children: [
-              /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-ods-text-secondary text-h4", title: data.subtitle, children: data.subtitle }),
-              !data.title && data.icon
-            ] })
-          ] }),
-          (data.items.length > 0 || data.progress) && /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-start gap-[var(--spacing-system-xs)] self-stretch", children: [
-            data.items.map((item, index) => {
-              const values = Array.isArray(item.value) ? item.value : [item.value];
-              return /* @__PURE__ */ jsx(React.Fragment, { children: values.map((val, valIndex) => /* @__PURE__ */ jsx(
-                InfoCardValueRow,
-                {
-                  label: item.label,
-                  value: val,
-                  showLabel: valIndex === 0,
-                  copyable: item.copyable,
-                  icon: valIndex === 0 ? item.icon : void 0,
-                  copyAriaLabel: `Copy ${item.label ?? "value"} ${valIndex + 1}`
-                },
-                `${index}-${valIndex}`
-              )) }, index);
-            }),
-            data.progress && /* @__PURE__ */ jsx(
-              ProgressBar,
-              {
-                progress: data.progress.value,
-                warningThreshold: data.progress.warningThreshold,
-                criticalThreshold: data.progress.criticalThreshold,
-                inverted: data.progress.inverted
-              }
-            )
-          ] })
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
+import { useLoadingScope } from "./loading-scope.js";
+import { ProgressBar, ProgressBarSkeleton } from "./progress-bar.js";
+const INFO_CARD_SKELETON_ROWS = 3;
+const FRAME_CLASS = "flex w-full flex-col overflow-hidden rounded-md border border-ods-border bg-ods-card";
+const CONTENT_CLASS = "flex w-full flex-col items-start gap-[var(--spacing-system-l)] p-[var(--spacing-system-m)]";
+const HEAD_CLASS = "flex w-full flex-col items-start self-stretch";
+const HEAD_LINE_CLASS = "flex items-center gap-[var(--spacing-system-xsf)] self-stretch";
+const ROWS_CLASS = "flex w-full flex-col items-start gap-[var(--spacing-system-xs)] self-stretch";
+const VALUE_ROW_CLASS = "flex h-6 w-full items-center gap-[var(--spacing-system-xs)] self-stretch";
+const DIVIDER_CLASS = "h-px flex-1 bg-ods-divider";
+const FOOTER_CLASS = "mt-auto flex w-full flex-col border-t border-ods-border p-[var(--spacing-system-m)]";
+function InfoCard({ data, className = "", skeleton }) {
+  const inScope = useLoadingScope();
+  if (inScope && data.items.length === 0) return /* @__PURE__ */ jsx(InfoCardSkeleton, { ...skeleton, className });
+  return /* @__PURE__ */ jsxs("div", { className: cn(FRAME_CLASS, className), children: [
+    /* @__PURE__ */ jsxs("div", { className: CONTENT_CLASS, children: [
+      (data.title || data.subtitle) && /* @__PURE__ */ jsxs("div", { className: HEAD_CLASS, children: [
+        data.title && /* @__PURE__ */ jsxs("div", { className: HEAD_LINE_CLASS, children: [
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-ods-text-primary text-h4", title: data.title, children: data.title }),
+          data.icon
         ] }),
-        data.footer && /* @__PURE__ */ jsx(InfoCardFooter, { footer: data.footer })
-      ]
-    }
-  );
+        data.subtitle && /* @__PURE__ */ jsxs("div", { className: HEAD_LINE_CLASS, children: [
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-ods-text-secondary text-h4", title: data.subtitle, children: data.subtitle }),
+          !data.title && data.icon
+        ] })
+      ] }),
+      (data.items.length > 0 || data.progress) && /* @__PURE__ */ jsxs("div", { className: ROWS_CLASS, children: [
+        data.items.map((item, index) => {
+          const values = Array.isArray(item.value) ? item.value : [item.value];
+          return /* @__PURE__ */ jsx(React.Fragment, { children: values.map((val, valIndex) => /* @__PURE__ */ jsx(
+            InfoCardValueRow,
+            {
+              label: item.label,
+              value: val,
+              showLabel: valIndex === 0,
+              copyable: item.copyable,
+              icon: valIndex === 0 ? item.icon : void 0,
+              copyAriaLabel: `Copy ${item.label ?? "value"} ${valIndex + 1}`
+            },
+            `${index}-${valIndex}`
+          )) }, index);
+        }),
+        data.progress && /* @__PURE__ */ jsx(
+          ProgressBar,
+          {
+            progress: data.progress.value,
+            warningThreshold: data.progress.warningThreshold,
+            criticalThreshold: data.progress.criticalThreshold,
+            inverted: data.progress.inverted
+          }
+        )
+      ] })
+    ] }),
+    data.footer && /* @__PURE__ */ jsx(InfoCardFooter, { footer: data.footer })
+  ] });
 }
 function InfoCardFooter({ footer }) {
-  return /* @__PURE__ */ jsxs("div", { className: "mt-auto flex w-full flex-col border-t border-ods-border p-[var(--spacing-system-m)]", children: [
+  return /* @__PURE__ */ jsxs("div", { className: FOOTER_CLASS, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-1", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
         footer.icon,
@@ -79,9 +86,9 @@ function InfoCardFooter({ footer }) {
 }
 function InfoCardValueRow({ label, value, showLabel, copyable, icon, copyAriaLabel }) {
   const { copy, copied } = useCopyToClipboard();
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-6 w-full items-center gap-[var(--spacing-system-xs)] self-stretch", children: [
+  return /* @__PURE__ */ jsxs("div", { className: VALUE_ROW_CLASS, children: [
     /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-ods-text-primary text-h4", children: showLabel ? label : "" }),
-    /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-ods-divider" }),
+    /* @__PURE__ */ jsx("div", { className: DIVIDER_CLASS }),
     /* @__PURE__ */ jsxs("div", { className: "flex max-w-[60%] items-center gap-[var(--spacing-system-xsf)]", children: [
       /* @__PURE__ */ jsx("span", { className: "select-text truncate text-ods-text-primary text-h4", title: value, children: value }),
       icon,
@@ -101,6 +108,34 @@ function InfoCardValueRow({ label, value, showLabel, copyable, icon, copyAriaLab
     ] })
   ] });
 }
+function InfoCardSkeleton({
+  rows = INFO_CARD_SKELETON_ROWS,
+  title = true,
+  subtitle = false,
+  progress = false,
+  footer = false,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn(FRAME_CLASS, className), "aria-hidden": true, children: [
+    /* @__PURE__ */ jsxs("div", { className: CONTENT_CLASS, children: [
+      (title || subtitle) && /* @__PURE__ */ jsxs("div", { className: HEAD_CLASS, children: [
+        title && /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-1/2" }),
+        subtitle && /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-1/3" })
+      ] }),
+      (rows > 0 || progress) && /* @__PURE__ */ jsxs("div", { className: ROWS_CLASS, children: [
+        Array.from({ length: rows }, (_, index) => /* @__PURE__ */ jsxs("div", { className: VALUE_ROW_CLASS, children: [
+          /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-20" }),
+          /* @__PURE__ */ jsx("div", { className: DIVIDER_CLASS }),
+          /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-24" })
+        ] }, index)),
+        progress && /* @__PURE__ */ jsx(ProgressBarSkeleton, {})
+      ] })
+    ] }),
+    footer && /* @__PURE__ */ jsx("div", { className: FOOTER_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-1/2" }) })
+  ] });
+}
 export {
-  InfoCard
+  INFO_CARD_SKELETON_ROWS,
+  InfoCard,
+  InfoCardSkeleton
 };

package/dist/components/ui/input-styles.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The text field's box: its height per breakpoint and its radius. A plain module (no client directive), read by
+ * `Input` and by `InteractiveSkeleton.Input`, so a field's skeleton is the field's box.
+ */
+export declare const INPUT_HEIGHT_CLASS = "h-11 md:h-12";
+export declare const INPUT_RADIUS_CLASS = "rounded-[6px]";
+//# sourceMappingURL=input-styles.d.ts.map

package/dist/components/ui/input-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-styles.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AACjD,eAAO,MAAM,kBAAkB,kBAAkB,CAAC"}

package/dist/components/ui/input-styles.js

@@ -0,0 +1,7 @@
+"use client";
+const INPUT_HEIGHT_CLASS = "h-11 md:h-12";
+const INPUT_RADIUS_CLASS = "rounded-[6px]";
+export {
+  INPUT_HEIGHT_CLASS,
+  INPUT_RADIUS_CLASS
+};

package/dist/components/ui/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAI7E,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yDAAyD;IACzD,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,wDAAwD;IACxD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yGAAyG;IACzG,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACnC,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;8EAC0E;IAC1E,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACzD,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAOD,QAAA,MAAM,KAAK,yGAyIT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAK7E,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yDAAyD;IACzD,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,wDAAwD;IACxD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yGAAyG;IACzG,YAAY,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IACnC,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;8EAC0E;IAC1E,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACzD,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAOD,QAAA,MAAM,KAAK,yGA2IT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/ui/input.js

@@ -4,6 +4,7 @@ import { Loader2 } from "lucide-react";
 import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
 import { FieldWrapper } from "./field-wrapper.js";
+import { INPUT_HEIGHT_CLASS, INPUT_RADIUS_CLASS } from "./input-styles.js";
 const invalidBorderClasses = {
   error: "border-ods-error hover:border-ods-error has-[:focus]:border-ods-error",
   warning: "!border-ods-warning hover:!border-ods-warning has-[:focus]:!border-ods-warning"
@@ -69,7 +70,9 @@ const Input = forwardRef((allProps, ref) => {
       "data-invalid": isInvalid || void 0,
       className: cn(
         // Layout & spacing
-        "flex h-11 w-full cursor-text items-center gap-2 rounded-[6px] border px-3 md:h-12",
+        "flex w-full cursor-text items-center gap-2 border px-3",
+        INPUT_HEIGHT_CLASS,
+        INPUT_RADIUS_CLASS,
         // Focus-within states
         "has-[:focus-visible]:outline-none",
         "group",

package/dist/components/ui/layout-hold.d.ts

@@ -1,23 +1,20 @@
 import type { ReactNode } from 'react';
 /**
- * Holding a layout while its content is read, the two ways that are right at
- * EVERY width. A placeholder of a guessed size (a `w-40` bar, a `h-[120px]`
+ * Holding text while its layout is read, the way that is right at EVERY width. A placeholder of a guessed size (a `w-40` bar, a `h-[120px]`
  * box) is only right at the widths it was tuned at: text wraps where the words
  * make it wrap, so the placeholder has to be made of the words, or of the real
  * layout, to wrap where the content will.
  *
- * - `TextHold`: an inline stand-in exactly as wide as the words it is given
+ * - `TextHold`: an inline bar exactly as wide as the words it is given (the page's own words, never invented)
  *   (same font, same letter spacing, because it IS those words, not shown).
  *   `bar` draws one skeleton bar per line the words take, each as wide as
  *   its line, in plain CSS (no measuring, so it is in the server's HTML);
  *   `blank` only keeps their space.
- * - `LayoutHold`: a block as tall as the real layout rendered inside it, kept
- *   invisible and inert: the layout's own height, at any width.
  *
- * Neither is shown or read out; both are removed for assistive technology.
+ * It is not shown or read out; it is removed for assistive technology.
  */
 export interface TextHoldProps {
-    /** The words whose width is held (the content's own, or a stand-in of its length). */
+    /** The words whose width is held: the page's own static words, never invented ones. */
     children: ReactNode;
     /** `bar`: one skeleton bar per line the words take. `blank`: the space only. */
     variant?: 'bar' | 'blank';
@@ -29,5 +26,10 @@ export interface LayoutHoldProps {
     children: ReactNode;
     className?: string;
 }
+/**
+ * @deprecated Render the layout itself inside a `LoadingScope`: each part draws its own skeleton. Kept so hosts on an
+ * older release keep compiling; nothing in the lib uses it. A block as tall as the layout rendered inside it, kept
+ * invisible and inert.
+ */
 export declare function LayoutHold({ children, className }: LayoutHoldProps): import("react").JSX.Element;
 //# sourceMappingURL=layout-hold.d.ts.map

package/dist/components/ui/layout-hold.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout-hold.d.ts","sourceRoot":"","sources":["../../../src/components/ui/layout-hold.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,aAAa;IAC5B,sFAAsF;IACtF,QAAQ,EAAE,SAAS,CAAC;IACpB,gFAAgF;IAChF,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAe,EAAE,SAAS,EAAE,EAAE,aAAa,+BAqB/E;AAED,MAAM,WAAW,eAAe;IAC9B,uDAAuD;IACvD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,+BAMlE"}
+{"version":3,"file":"layout-hold.d.ts","sourceRoot":"","sources":["../../../src/components/ui/layout-hold.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,aAAa;IAC5B,uFAAuF;IACvF,QAAQ,EAAE,SAAS,CAAC;IACpB,gFAAgF;IAChF,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAYD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,OAAe,EAAE,SAAS,EAAE,EAAE,aAAa,+BAqB/E;AAED,MAAM,WAAW,eAAe;IAC9B,uDAAuD;IACvD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,+BAMlE"}

package/dist/components/ui/leader-row.d.ts

@@ -8,10 +8,17 @@ export interface LeaderRowProps {
     as?: 'div' | 'li';
     className?: string;
 }
+export declare function LeaderRow({ label, value, status, as: Row, className }: LeaderRowProps): import("react").JSX.Element;
 /**
- * A label and its value joined by a leader line (Figma `info-card` row): the
- * quiet label, a hairline that takes the free space, the value, and a status
- * mark at the end. One line, always: a long value clips.
+ * A row while it is read: the label (drawn as it is when the page states it, else a bar), the hairline drawn for
+ * real, a bar for the value, a status box. Every bar is one line of the ROW's type step, so a row sized with
+ * `className="text-h6"` keeps its height.
  */
-export declare function LeaderRow({ label, value, status, as: Row, className }: LeaderRowProps): import("react").JSX.Element;
+export declare function LeaderRowSkeleton({ status, label, as: Row, className, }: {
+    status?: boolean;
+    /** The row's label, when the page states it. */
+    label?: ReactNode;
+    as?: 'div' | 'li';
+    className?: string;
+}): import("react").JSX.Element;
 //# sourceMappingURL=leader-row.d.ts.map

package/dist/components/ui/leader-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"leader-row.d.ts","sourceRoot":"","sources":["../../../src/components/ui/leader-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,qDAAqD;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,4DAA4D;IAC5D,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,GAAW,EAAE,SAAS,EAAE,EAAE,cAAc,+BAS7F"}
+{"version":3,"file":"leader-row.d.ts","sourceRoot":"","sources":["../../../src/components/ui/leader-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,qDAAqD;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,4DAA4D;IAC5D,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,GAAW,EAAE,SAAS,EAAE,EAAE,cAAc,+BAgB7F;AAGD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAc,EACd,KAAK,EACL,EAAE,EAAE,GAAW,EACf,SAAS,GACV,EAAE;IACD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,EAAE,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAiBA"}