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

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

@@ -1,6 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { useLoadingScope } from "./loading-scope.js";
 import { SquareAvatar } from "./square-avatar.js";
 const SIZE_PX = { xs: 24, sm: 32, md: 40, lg: 48 };
 const OVERLAP_PX = { xs: 8, sm: 12, md: 12, lg: 12 };
@@ -10,6 +12,26 @@ const OVERFLOW_CIRCLE_SIZE = {
   md: "h-10 min-w-10",
   lg: "h-12 min-w-12"
 };
+const STACK_ROW_CLASS = "flex items-center";
+const overlapClass = (size) => size === "xs" ? "-ml-2" : "-ml-3";
+const slotsWidthStyle = (size, slots) => slots ? { width: SIZE_PX[size] + (slots - 1) * (SIZE_PX[size] - OVERLAP_PX[size]) } : void 0;
+function AvatarStackSkeleton({
+  count = 3,
+  size = "md",
+  slots,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: cn(STACK_ROW_CLASS, slots && "shrink-0", className), style: slotsWidthStyle(size, slots), children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx(
+    UnifiedSkeleton,
+    {
+      variant: "circular",
+      className: cn("relative shrink-0 ring-2 ring-ods-card", i > 0 && overlapClass(size)),
+      width: SIZE_PX[size],
+      height: SIZE_PX[size]
+    },
+    i
+  )) });
+}
 function AvatarStack({
   people,
   max = 3,
@@ -20,6 +42,8 @@ function AvatarStack({
   label = "Assignees",
   className
 }) {
+  const loading = useLoadingScope();
+  if (loading) return /* @__PURE__ */ jsx(AvatarStackSkeleton, { count: slots ?? max, size, slots, className });
   if (people.length === 0) return null;
   const groupSize = Math.max(total ?? people.length, people.length);
   const faces = slots ? groupSize > slots ? slots - 1 : slots : max;
@@ -32,8 +56,8 @@ function AvatarStack({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cn("flex items-center", slots && "shrink-0", className),
-      style: slots ? { width: SIZE_PX[size] + (slots - 1) * (SIZE_PX[size] - OVERLAP_PX[size]) } : void 0,
+      className: cn(STACK_ROW_CLASS, slots && "shrink-0", className),
+      style: slotsWidthStyle(size, slots),
       role: "group",
       "aria-label": `${label}: ${names}${unnamed > 0 ? ` and ${unnamed} more` : ""}`,
       children: [
@@ -46,7 +70,7 @@ function AvatarStack({
             alt: person.name,
             fallback: person.name,
             title: person.name,
-            className: cn("relative ring-2", ringClassName, i > 0 && (compact ? "-ml-2" : "-ml-3")),
+            className: cn("relative ring-2", ringClassName, i > 0 && overlapClass(size)),
             style: { zIndex: visible.length - i }
           },
           person.key ?? `${person.name}-${i}`
@@ -76,5 +100,6 @@ function AvatarStack({
   );
 }
 export {
-  AvatarStack
+  AvatarStack,
+  AvatarStackSkeleton
 };

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

@@ -6,5 +6,13 @@ declare const badgeVariants: (props?: ({
 export interface BadgeProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }
 declare function Badge({ className, variant, ...props }: BadgeProps): import("react").JSX.Element;
-export { Badge, badgeVariants };
+/**
+ * A badge while its text is read: one skeleton box with the badge's own frame, 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). The
+ * width stands for the text (`className` overrides it).
+ */
+declare function BadgeSkeleton({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+export { Badge, BadgeSkeleton, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,QAAA,MAAM,aAAa;;8EAmBlB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzG,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAE1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,QAAA,MAAM,aAAa;;8EAmBlB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzG,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,+BAE1D;AAED;;;;GAIG;AACH,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAO3D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/badge.js

@@ -2,6 +2,7 @@
 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";
 const badgeVariants = cva(
   // Weight from the ODS token. Scale stays at 12px rather than the `text-h6`
   // composite: a badge is a stamp, and that composite is 14/20 on desktop —
@@ -25,7 +26,17 @@ const badgeVariants = cva(
 function Badge({ className, variant, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
+function BadgeSkeleton({ className }) {
+  return /* @__PURE__ */ jsx(
+    UnifiedSkeleton,
+    {
+      as: "span",
+      className: cn(badgeVariants({ variant: null }), "box-content h-[1lh] w-10 border-transparent", className)
+    }
+  );
+}
 export {
   Badge,
+  BadgeSkeleton,
   badgeVariants
 };

package/dist/components/ui/benefit-list.d.ts

@@ -3,6 +3,14 @@ export interface BenefitItem {
     /** Drawn at 16px in the quiet colour. */
     icon?: ReactNode;
     label: string;
+    /**
+     * The words carry read data that is not here yet ("Trusted by {count} MSPs" before the count): pass the copy with
+     * its slots unfilled. The mark and the page's own words are drawn real, and each `{slot}` is a bar as wide as
+     * `typical` (a typical value of the data, held unseen: `'000'` for a count).
+     */
+    loading?: boolean;
+    /** A typical value of a loading item's slots, whose width each slot's bar takes. */
+    typical?: string;
 }
 /** The mark of each of the trial's terms, wherever a term is listed. */
 export declare const TRIAL_TERM_ICONS: {

package/dist/components/ui/benefit-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"benefit-list.d.ts","sourceRoot":"","sources":["../../../src/components/ui/benefit-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,WAAW,WAAW;IAC1B,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wEAAwE;AACxE,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAEtD,gHAAgH;AAChH,eAAO,MAAM,mBAAmB,EAAE,SAAS,SAAS,EAAuC,CAAC;AAE5F,2HAA2H;AAC3H,wBAAgB,aAAa,CAC3B,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EAC7C,KAAK,GAAE,SAAS,SAAS,EAAwB,GAChD,WAAW,EAAE,CAMf;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B,gGAAgG;IAChG,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACnC,iFAAiF;IACjF,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,kEAAkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,KAAU,EACV,UAAkB,EAClB,KAAe,EACf,SAAS,GACV,EAAE,gBAAgB,sCA4BlB"}
+{"version":3,"file":"benefit-list.d.ts","sourceRoot":"","sources":["../../../src/components/ui/benefit-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,MAAM,WAAW,WAAW;IAC1B,yCAAyC;IACzC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oFAAoF;IACpF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAuBD,wEAAwE;AACxE,eAAO,MAAM,gBAAgB;;;;;CAKnB,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,gBAAgB,CAAC;AAEtD,gHAAgH;AAChH,eAAO,MAAM,mBAAmB,EAAE,SAAS,SAAS,EAAuC,CAAC;AAE5F,2HAA2H;AAC3H,wBAAgB,aAAa,CAC3B,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,EAC7C,KAAK,GAAE,SAAS,SAAS,EAAwB,GAChD,WAAW,EAAE,CAMf;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,SAAS,EAAE,CAAC;IAC7B,gGAAgG;IAChG,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACnC,iFAAiF;IACjF,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,kEAAkE;IAClE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,KAAU,EACV,UAAkB,EAClB,KAAe,EACf,SAAS,GACV,EAAE,gBAAgB,sCAgClB"}

package/dist/components/ui/benefit-list.js

@@ -1,11 +1,24 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ICON_SIZE } from "../../styles/component-sizes.js";
 import { cn } from "../../utils/cn.js";
 import { trialLabels } from "../../utils/trial.js";
 import { FileOffIcon } from "../icons-v2-generated/documents/file-off-icon.js";
 import { CreditCardXmarkIcon } from "../icons-v2-generated/finance/credit-card-xmark-icon.js";
 import { FlaskVialIcon } from "../icons-v2-generated/school/flask-vial-icon.js";
 import { XmarkAltIcon } from "../icons-v2-generated/signs-and-symbols/xmark-alt-icon.js";
+import { TextHold } from "./layout-hold.js";
+function LoadingLabel({ label, typical }) {
+  return /* @__PURE__ */ jsx(Fragment, { children: label.split(/(\{\w+\})/).map(
+    (part, index) => /^\{\w+\}$/.test(part) ? (
+      // biome-ignore lint/suspicious/noArrayIndexKey: the parts of one fixed string never reorder
+      /* @__PURE__ */ jsx(TextHold, { children: typical }, index)
+    ) : part
+  ) });
+}
+const BENEFIT_ITEM_CLASS = "flex items-center gap-[var(--spacing-system-xs)]";
+const BENEFIT_ICON_CLASS = `flex ${ICON_SIZE.sm} shrink-0 items-center justify-center text-ods-text-secondary [&_svg]:size-4`;
+const BENEFIT_LABEL_CLASS = "whitespace-nowrap text-ods-text-primary text-h4";
 const TRIAL_TERM_ICONS = {
   noCard: /* @__PURE__ */ jsx(CreditCardXmarkIcon, {}),
   cancel: /* @__PURE__ */ jsx(XmarkAltIcon, {}),
@@ -40,16 +53,12 @@ function BenefitList({
         align === "center" && "justify-center",
         className
       ),
-      children: all.map((item) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-        item.icon && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "flex size-4 shrink-0 items-center justify-center text-ods-text-secondary [&_svg]:size-4",
-            "aria-hidden": true,
-            children: item.icon
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-ods-text-primary text-h4", children: item.label })
+      children: all.map((item) => /* @__PURE__ */ jsxs("li", { className: BENEFIT_ITEM_CLASS, children: [
+        item.icon && /* @__PURE__ */ jsx("span", { className: BENEFIT_ICON_CLASS, "aria-hidden": true, children: item.icon }),
+        item.loading ? (
+          // The page's own words, real, and a bar where each read value goes: the row keeps its box.
+          /* @__PURE__ */ jsx("span", { className: BENEFIT_LABEL_CLASS, children: /* @__PURE__ */ jsx(LoadingLabel, { label: item.label, typical: item.typical ?? "000" }) })
+        ) : /* @__PURE__ */ jsx("span", { className: BENEFIT_LABEL_CLASS, children: item.label })
       ] }, item.label))
     }
   );

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

@@ -23,4 +23,20 @@ export declare const splitDividerColorClasses: {
     readonly warning: "border-ods-warning-active";
 };
 export type ButtonSurfaceVariant = keyof typeof buttonSurfaceClasses;
+/**
+ * A button's box per size (height, padding, label type, glyph size): read by `buttonVariants` and by
+ * `InteractiveSkeleton.Button`'s `size`, so a button's skeleton is the button's box at every breakpoint.
+ */
+export declare const BUTTON_SIZE_CLASS: {
+    readonly default: "h-11 px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] text-h3 md:h-12";
+    readonly small: "h-6 p-[var(--spacing-system-xs)] text-h5 md:h-8";
+    readonly wrap: "h-auto p-0";
+    readonly 'small-legacy': "h-10 px-[var(--spacing-system-m)] py-[var(--spacing-system-xs)] text-[14px] font-bold";
+    readonly compact: "h-6 px-[var(--spacing-system-sf)] py-0 font-normal text-h6 [&_svg]:h-3.5 [&_svg]:w-3.5";
+    readonly icon: "h-11 w-11 p-[var(--spacing-system-sf)] md:h-12 md:w-12 [&_svg]:h-4 [&_svg]:w-4 md:[&_svg]:h-6 md:[&_svg]:w-6";
+    readonly 'icon-sm': "h-8 w-8 p-[var(--spacing-system-xxs)] [&_svg]:h-4 [&_svg]:w-4";
+    readonly 'icon-inline': "h-5 min-h-0 w-5 min-w-0 shrink-0 p-0 [&_svg]:h-3.5 [&_svg]:w-3.5";
+    readonly 'icon-glyph': "h-14 w-14 p-0 [&_svg]:h-14 [&_svg]:w-14";
+};
+export type ButtonSizeKey = keyof typeof BUTTON_SIZE_CLASS;
 //# sourceMappingURL=button-styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button-styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB;;;;;;;;;;CAmCvB,CAAC;AAEX,eAAO,MAAM,oBAAoB,sJACoH,CAAC;AAWtJ,eAAO,MAAM,qBAAqB,0DAA0D,CAAC;AAW7F,eAAO,MAAM,oBAAoB;;;CAGvB,CAAC;AAGX,eAAO,MAAM,wBAAwB;;;;;;CAM3B,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,oBAAoB,CAAC"}
+{"version":3,"file":"button-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button-styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,oBAAoB;;;;;;;;;;CAmCvB,CAAC;AAEX,eAAO,MAAM,oBAAoB,sJACoH,CAAC;AAWtJ,eAAO,MAAM,qBAAqB,0DAA0D,CAAC;AAW7F,eAAO,MAAM,oBAAoB;;;CAGvB,CAAC;AAGX,eAAO,MAAM,wBAAwB;;;;;;CAM3B,CAAC;AAEX,MAAM,MAAM,oBAAoB,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAErE;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;;;;;;;;;CAuCpB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,iBAAiB,CAAC"}

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

@@ -40,7 +40,49 @@ const splitDividerColorClasses = {
   destructive: "border-ods-error-active",
   warning: "border-ods-warning-active"
 };
+const BUTTON_SIZE_CLASS = {
+  default: "h-11 px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] text-h3 md:h-12",
+  small: "h-6 p-[var(--spacing-system-xs)] text-h5 md:h-8",
+  // The CHILD is the affordance (a badge, a chip, a thumbnail): the button
+  // contributes the hit target, the focus ring and the keyboard/ARIA
+  // semantics, and NO box of its own. Without this, call sites reached for
+  // a `className="h-auto p-0"` override to cancel the default box.
+  wrap: "h-auto p-0",
+  "small-legacy": "h-10 px-[var(--spacing-system-m)] py-[var(--spacing-system-xs)] text-[14px] font-bold",
+  // Temporary alias for "small" — deprecated; grep size="small-legacy" (lib + hub) and migrate the remaining consumers before removal
+  // 24px pill for slim strips (announcement/promo bars, inline banner
+  // actions — Primer banner / Polaris banner / Vercel-bar convention).
+  // The label matches the strip's MESSAGE type ramp exactly (DM Sans
+  // regular, 13px -> md:14px, snug leading — the announcement bar's
+  // subtitle styling): in-strip CTAs must never read louder than the
+  // message beside them, so this deliberately uses neither the
+  // mono-uppercase control style of "small" nor a heavier weight.
+  // Pinned h-6 across breakpoints (24px = the WCAG 2.5.8 target-size
+  // floor) with horizontal-dominant padding and a 14px glyph.
+  compact: "h-6 px-[var(--spacing-system-sf)] py-0 font-normal text-h6 [&_svg]:h-3.5 [&_svg]:w-3.5",
+  icon: "h-11 w-11 p-[var(--spacing-system-sf)] md:h-12 md:w-12 [&_svg]:h-4 [&_svg]:w-4 md:[&_svg]:h-6 md:[&_svg]:w-6",
+  // Quiet 32px icon target with a 16px glyph, fixed across breakpoints
+  // (Carbon ghost sm / Primer medium / shadcn icon-sm all pin 32px;
+  // ≥ the 24px WCAG 2.5.8 target floor). For icon actions that read as
+  // metadata rather than CTAs — author-page social rows, share rows.
+  // Pair with variant="transparent" for the ghost treatment.
+  // `BUTTON_ICON_SM_SIZE` states the same 32px for a layout that must clear one.
+  "icon-sm": "h-8 w-8 p-[var(--spacing-system-xxs)] [&_svg]:h-4 [&_svg]:w-4",
+  // 20px inline glyph for affordances that sit INSIDE a line of text —
+  // an info hint beside a badge, a copy glyph after an id. `icon-sm`'s
+  // 32px target is correct for a metadata row but visually swamps a
+  // 10px badge or a 14px label, so hosts were reaching for className
+  // overrides to shrink it. Below the WCAG 2.5.8 target floor on purpose:
+  // this is only for glyphs whose information is ALSO available another
+  // way (tooltip content mirrored into an aria-describedby node), never
+  // for a sole means of performing an action.
+  "icon-inline": "h-5 min-h-0 w-5 min-w-0 shrink-0 p-0 [&_svg]:h-3.5 [&_svg]:w-3.5",
+  // Bare 56px media glyph (play / unmute over video). A size variant so
+  // hosts stop re-implementing a <button> to escape the 20px svg cap.
+  "icon-glyph": "h-14 w-14 p-0 [&_svg]:h-14 [&_svg]:w-14"
+};
 export {
+  BUTTON_SIZE_CLASS,
   buttonSurfaceClasses,
   outlineBorderClasses,
   splitDividerColorClasses,

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

@@ -1,8 +1,10 @@
 import { type VariantProps } from 'class-variance-authority';
 import React from 'react';
+/** The `icon-sm` button's size (its `h-8 w-8`), for a layout that must leave room for one. */
+export declare const BUTTON_ICON_SM_SIZE = "2rem";
 declare const buttonVariants: (props?: ({
     variant?: "accent" | "link" | "outline" | "transparent" | "destructive" | "warning" | "inverted" | "glyph" | "overlay" | null | undefined;
-    size?: "wrap" | "small" | "default" | "small-legacy" | "compact" | "icon" | "icon-sm" | "icon-inline" | "icon-glyph" | null | undefined;
+    size?: "wrap" | "small" | "default" | "icon" | "small-legacy" | "compact" | "icon-sm" | "icon-inline" | "icon-glyph" | null | undefined;
     font?: "bold" | "regular" | null | undefined;
     fullWidth?: boolean | null | undefined;
     noPaddingX?: boolean | null | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,QAAA,MAAM,cAAc;;;;;;;8EAwGnB,CAAC;AAgGF,8HAA8H;AAC9H,KAAK,oBAAoB,GAAG,cAAc,CAAC;AAE3C,KAAK,UAAU,GACb,OAAO,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,oBAAoB,CAAC;AAEjH,UAAU,WACR,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,MAAM,CAAC;IACxG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE;QACV,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,QAAQ,CAAC;QAClB;;wCAEgC;QAChC,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;QACzC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;KACtD,GAAG,IAAI,CAAC;IACT,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAaD,QAAA,MAAM,MAAM,uFAmNV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,8FAA8F;AAC9F,eAAO,MAAM,mBAAmB,SAAS,CAAC;AAE1C,QAAA,MAAM,cAAc;;;;;;;8EAkEnB,CAAC;AAgGF,8HAA8H;AAC9H,KAAK,oBAAoB,GAAG,cAAc,CAAC;AAE3C,KAAK,UAAU,GACb,OAAO,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC,GAAG,oBAAoB,CAAC;AAEjH,UAAU,WACR,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,EAAE,MAAM,CAAC;IACxG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE;QACV,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,QAAQ,CAAC;QAClB;;wCAEgC;QAChC,GAAG,CAAC,EAAE,UAAU,GAAG,qBAAqB,CAAC;QACzC,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;KACtD,GAAG,IAAI,CAAC;IACT,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAaD,QAAA,MAAM,MAAM,uFAmNV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,CAAC"}

package/dist/components/ui/button/button.js

@@ -6,11 +6,13 @@ import React from "react";
 import Link from "../../../embed-shims/next-link.js";
 import { cn } from "../../../utils/cn.js";
 import {
+  BUTTON_SIZE_CLASS,
   buttonSurfaceClasses,
   outlineBorderClasses,
   splitDividerColorClasses,
   splitGlyphSizeBySize
 } from "./button-styles.js";
+const BUTTON_ICON_SM_SIZE = "2rem";
 const buttonVariants = cva(
   [
     "relative inline-flex items-center justify-center gap-[var(--spacing-system-xsf)]",
@@ -33,46 +35,7 @@ const buttonVariants = cva(
         overlay: buttonSurfaceClasses.overlay,
         link: buttonSurfaceClasses.link
       },
-      size: {
-        default: "h-11 px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] text-h3 md:h-12",
-        small: "h-6 p-[var(--spacing-system-xs)] text-h5 md:h-8",
-        // The CHILD is the affordance (a badge, a chip, a thumbnail): the button
-        // contributes the hit target, the focus ring and the keyboard/ARIA
-        // semantics, and NO box of its own. Without this, call sites reached for
-        // a `className="h-auto p-0"` override to cancel the default box.
-        wrap: "h-auto p-0",
-        "small-legacy": "h-10 px-[var(--spacing-system-m)] py-[var(--spacing-system-xs)] text-[14px] font-bold",
-        // Temporary alias for "small" — deprecated; grep size="small-legacy" (lib + hub) and migrate the remaining consumers before removal
-        // 24px pill for slim strips (announcement/promo bars, inline banner
-        // actions — Primer banner / Polaris banner / Vercel-bar convention).
-        // The label matches the strip's MESSAGE type ramp exactly (DM Sans
-        // regular, 13px -> md:14px, snug leading — the announcement bar's
-        // subtitle styling): in-strip CTAs must never read louder than the
-        // message beside them, so this deliberately uses neither the
-        // mono-uppercase control style of "small" nor a heavier weight.
-        // Pinned h-6 across breakpoints (24px = the WCAG 2.5.8 target-size
-        // floor) with horizontal-dominant padding and a 14px glyph.
-        compact: "h-6 px-[var(--spacing-system-sf)] py-0 font-normal text-h6 [&_svg]:h-3.5 [&_svg]:w-3.5",
-        icon: "h-11 w-11 p-[var(--spacing-system-sf)] md:h-12 md:w-12 [&_svg]:h-4 [&_svg]:w-4 md:[&_svg]:h-6 md:[&_svg]:w-6",
-        // Quiet 32px icon target with a 16px glyph, fixed across breakpoints
-        // (Carbon ghost sm / Primer medium / shadcn icon-sm all pin 32px;
-        // ≥ the 24px WCAG 2.5.8 target floor). For icon actions that read as
-        // metadata rather than CTAs — author-page social rows, share rows.
-        // Pair with variant="transparent" for the ghost treatment.
-        "icon-sm": "h-8 w-8 p-[var(--spacing-system-xxs)] [&_svg]:h-4 [&_svg]:w-4",
-        // 20px inline glyph for affordances that sit INSIDE a line of text —
-        // an info hint beside a badge, a copy glyph after an id. `icon-sm`'s
-        // 32px target is correct for a metadata row but visually swamps a
-        // 10px badge or a 14px label, so hosts were reaching for className
-        // overrides to shrink it. Below the WCAG 2.5.8 target floor on purpose:
-        // this is only for glyphs whose information is ALSO available another
-        // way (tooltip content mirrored into an aria-describedby node), never
-        // for a sole means of performing an action.
-        "icon-inline": "h-5 min-h-0 w-5 min-w-0 shrink-0 p-0 [&_svg]:h-3.5 [&_svg]:w-3.5",
-        // Bare 56px media glyph (play / unmute over video). A size variant so
-        // hosts stop re-implementing a <button> to escape the 20px svg cap.
-        "icon-glyph": "h-14 w-14 p-0 [&_svg]:h-14 [&_svg]:w-14"
-      },
+      size: BUTTON_SIZE_CLASS,
       // Label typography axis (Figma 133-740). `bold` is the classic h3-bold
       // label; `regular` swaps the DEFAULT size's label to the h4 step
       // (DM Sans 500, neutral tracking) — added for navigation buttons.
@@ -366,6 +329,7 @@ const Button = React.forwardRef(function ButtonImpl({
 });
 Button.displayName = "Button";
 export {
+  BUTTON_ICON_SM_SIZE,
   Button,
   buttonVariants
 };

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

@@ -1,3 +1,4 @@
 export * from './button';
 export * from './split-button';
+export { BUTTON_SIZE_CLASS, type ButtonSizeKey } from './button-styles';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/ui/button/index.js

@@ -1,2 +1,6 @@
 export * from "./button.js";
 export * from "./split-button.js";
+import { BUTTON_SIZE_CLASS } from "./button-styles.js";
+export {
+  BUTTON_SIZE_CLASS
+};

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

@@ -1,5 +1,17 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
-declare const Card: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * `default`: the raised card (a shadow, the card colour). `panel`: a flat ODS card surface,
+ * the frame a page section draws around a block of its own (a call-to-action band, the
+ * booking fold, a quote tile): small radius, the card fill, no shadow.
+ */
+declare const CARD_VARIANT_CLASS: {
+    readonly default: "rounded-lg bg-card text-card-foreground shadow-sm";
+    readonly panel: "rounded-md bg-ods-card text-ods-text-primary";
+};
+export type CardVariant = keyof typeof CARD_VARIANT_CLASS;
+declare const Card: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    variant?: CardVariant;
+} & import("react").RefAttributes<HTMLDivElement>>;
 declare const CardHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const CardTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const CardDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAIxE,QAAA,MAAM,IAAI,2HAYR,CAAC;AAGH,QAAA,MAAM,UAAU,2HAEd,CAAC;AAGH,QAAA,MAAM,SAAS,2HAEb,CAAC;AAGH,QAAA,MAAM,eAAe,2HAEnB,CAAC;AAGH,QAAA,MAAM,WAAW,2HAEf,CAAC;AAGH,QAAA,MAAM,UAAU,2HAEd,CAAC;AAIH,UAAU,mBAAmB;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,SAAc,EAAE,UAAiB,EAAE,EAAE,mBAAmB,+BAgBlH;AAED,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAIxE;;;;GAIG;AACH,QAAA,MAAM,kBAAkB;;;CAGd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAE1D,QAAA,MAAM,IAAI;cAA2E,WAAW;kDAe/F,CAAC;AAGF,QAAA,MAAM,UAAU,2HAEd,CAAC;AAGH,QAAA,MAAM,SAAS,2HAEb,CAAC;AAGH,QAAA,MAAM,eAAe,2HAEnB,CAAC;AAGH,QAAA,MAAM,WAAW,2HAEf,CAAC;AAGH,QAAA,MAAM,UAAU,2HAEd,CAAC;AAIH,UAAU,mBAAmB;IAC3B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,SAAc,EAAE,UAAiB,EAAE,EAAE,mBAAmB,+BAgBlH;AAED,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ui/card.js

@@ -2,20 +2,27 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
-const Card = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn(
-      // `border` with NO color token resolves to `currentColor` — on a dark card
-      // with light text that paints a WHITE outline. Every ODS surface borders
-      // on `--color-border`; say so.
-      "rounded-lg border border-ods-border bg-card text-card-foreground shadow-sm",
-      className
-    ),
-    ...props
-  }
-));
+const CARD_VARIANT_CLASS = {
+  default: "rounded-lg bg-card text-card-foreground shadow-sm",
+  panel: "rounded-md bg-ods-card text-ods-text-primary"
+};
+const Card = forwardRef(
+  ({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        // `border` with NO color token resolves to `currentColor` — on a dark card
+        // with light text that paints a WHITE outline. Every ODS surface borders
+        // on `--color-border`; say so.
+        "border border-ods-border",
+        CARD_VARIANT_CLASS[variant],
+        className
+      ),
+      ...props
+    }
+  )
+);
 Card.displayName = "Card";
 const CardHeader = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props }));
 CardHeader.displayName = "CardHeader";

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

@@ -10,6 +10,8 @@ export declare function booleanCheckedChange(handler: ((checked: boolean) => voi
 export interface CheckboxProps extends Omit<CheckboxPrimitiveProps, 'onCheckedChange'> {
     onCheckedChange?: (checked: boolean) => void;
 }
+/** The checkbox's box (its size and corners): read by the checkbox and by every skeleton that stands for one. */
+export declare const CHECKBOX_BOX_CLASS: string;
 declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLButtonElement>>;
 export { Checkbox };
 //# sourceMappingURL=checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,KAAK,wBAAwB,EAA+B,MAAM,OAAO,CAAC;AAKnF,KAAK,sBAAsB,GAAG,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAEtF;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,GAChD,sBAAsB,CAAC,iBAAiB,CAAC,CAE3C;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,sBAAsB,EAAE,iBAAiB,CAAC;IACpF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,QAAA,MAAM,QAAQ,6GAgBb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,KAAK,wBAAwB,EAA+B,MAAM,OAAO,CAAC;AAMnF,KAAK,sBAAsB,GAAG,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAEtF;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,GAChD,sBAAsB,CAAC,iBAAiB,CAAC,CAE3C;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,sBAAsB,EAAE,iBAAiB,CAAC;IACpF,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,iHAAiH;AACjH,eAAO,MAAM,kBAAkB,QAAiD,CAAC;AAEjF,QAAA,MAAM,QAAQ,6GAiBb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/checkbox.js

@@ -2,11 +2,13 @@
 import { jsx } from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { forwardRef } from "react";
+import { CONTROL_SIZE } from "../../styles/component-sizes.js";
 import { cn } from "../../utils/cn.js";
 import { CheckboxCheckmarkIcon } from "../icons-v2-generated/signs-and-symbols/checkbox-checkmark-icon.js";
 function booleanCheckedChange(handler) {
   return handler ? (checked) => handler(checked === true) : void 0;
 }
+const CHECKBOX_BOX_CLASS = `${CONTROL_SIZE.checkbox} shrink-0 rounded-sm`;
 const Checkbox = forwardRef(
   ({ className, onCheckedChange, ...props }, ref) => /* @__PURE__ */ jsx(
     CheckboxPrimitive.Root,
@@ -14,7 +16,8 @@ const Checkbox = forwardRef(
       ref,
       onCheckedChange: booleanCheckedChange(onCheckedChange),
       className: cn(
-        "peer h-4 w-4 shrink-0 rounded-sm border border-ods-border bg-ods-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-ods-accent data-[state=checked]:bg-ods-accent",
+        CHECKBOX_BOX_CLASS,
+        "peer border border-ods-border bg-ods-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-ods-accent data-[state=checked]:bg-ods-accent",
         className
       ),
       ...props,
@@ -24,6 +27,7 @@ const Checkbox = forwardRef(
 );
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 export {
+  CHECKBOX_BOX_CLASS,
   Checkbox,
   booleanCheckedChange
 };

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

@@ -1,5 +1,7 @@
 import type { ReactNode } from 'react';
 import { type ComplianceStandard } from '../../utils/compliance-standards';
+/** A compliance logo's box (the official mark's frame and the drawn badge alike): read by its skeletons too. */
+export declare const COMPLIANCE_LOGO_SIZE_CLASS: "size-10";
 /**
  * A compliance standard's badge, for a standard the icon set has no official
  * mark for: the standard's mark ("CMMC", "FedRAMP") in a plain ring, drawn in

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

@@ -1 +1 @@
-{"version":3,"file":"compliance-badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/compliance-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,kCAAkC,CAAC;AA6B1C;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,kBAAkB,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BA+B5G;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAe,EACf,SAAS,GACV,EAAE;IACD,0FAA0F;IAC1F,KAAK,EAAE,aAAa,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAgBA"}
+{"version":3,"file":"compliance-badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/compliance-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAGL,KAAK,kBAAkB,EACxB,MAAM,kCAAkC,CAAC;AA6B1C,gHAAgH;AAChH,eAAO,MAAM,0BAA0B,WAAe,CAAC;AAEvD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,kBAAkB,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BA+B5G;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAe,EACf,SAAS,GACV,EAAE;IACD,0FAA0F;IAC1F,KAAK,EAAE,aAAa,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAgBA"}

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

@@ -1,5 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { TILE_SIZE } from "../../styles/component-sizes.js";
 import { cn } from "../../utils/cn.js";
 import {
   complianceStandardForName
@@ -27,13 +28,14 @@ function markFontSize(mark) {
   if (mark.length <= 5) return 8.5;
   return 7;
 }
+const COMPLIANCE_LOGO_SIZE_CLASS = TILE_SIZE.lg;
 function ComplianceBadge({ standard, className }) {
   return /* @__PURE__ */ jsxs(
     "svg",
     {
       viewBox: "0 0 40 40",
       xmlns: "http://www.w3.org/2000/svg",
-      className: cn("size-10 shrink-0", className),
+      className: cn(COMPLIANCE_LOGO_SIZE_CLASS, "shrink-0", className),
       role: "img",
       "aria-label": `${standard.body} ${standard.mark}`,
       children: [
@@ -79,12 +81,13 @@ function ComplianceLogo({
     {
       role: "img",
       "aria-label": `${standard.body} ${standard.mark}`,
-      className: cn("flex size-10 shrink-0 items-center justify-center", className),
+      className: cn("flex shrink-0 items-center justify-center", COMPLIANCE_LOGO_SIZE_CLASS, className),
       children: /* @__PURE__ */ jsx(Official, { size: 40, className: "size-full", "aria-hidden": "true" })
     }
   ) : /* @__PURE__ */ jsx(ComplianceBadge, { standard, className });
 }
 export {
+  COMPLIANCE_LOGO_SIZE_CLASS,
   ComplianceBadge,
   ComplianceLogo
 };

package/dist/components/ui/cursor-pagination.d.ts

@@ -16,7 +16,14 @@ export interface CursorPaginationProps {
     compact?: boolean;
     resetButtonLabel?: string;
     resetButtonIcon?: 'home' | 'rotate';
+    /** @internal The skeleton's state: the count line a bar, the buttons drawn but inert. */
+    skeleton?: boolean;
 }
-export declare function CursorPagination({ hasNextPage, hasPreviousPage, isFirstPage, startCursor, endCursor, currentCount, totalCount, itemName, loading, onNext, onPrevious, onReset, className, showInfo, compact, resetButtonLabel, resetButtonIcon, }: CursorPaginationProps): import("react").JSX.Element;
+export declare function CursorPagination({ hasNextPage, hasPreviousPage, isFirstPage, startCursor, endCursor, currentCount, totalCount, itemName, loading, onNext, onPrevious, onReset, className, showInfo, compact, resetButtonLabel, resetButtonIcon, skeleton, }: CursorPaginationProps): import("react").JSX.Element;
+/**
+ * The pager while its page is read: the same row, the count line as a bar, and the pager's own buttons (their labels
+ * are the pager's words) drawn inert. Takes the pager's configuration; its cursors and counts are not known yet.
+ */
+export declare function CursorPaginationSkeleton(props: Pick<CursorPaginationProps, 'hasPreviousPage' | 'onPrevious' | 'onReset' | 'className' | 'showInfo' | 'compact' | 'resetButtonLabel' | 'resetButtonIcon'>): import("react").JSX.Element;
 export declare function CursorPaginationSimple({ hasNextPage, hasPreviousPage, isFirstPage, onNext, onPrevious, onReset, loading, className, }: Pick<CursorPaginationProps, 'hasNextPage' | 'hasPreviousPage' | 'isFirstPage' | 'onNext' | 'onPrevious' | 'onReset' | 'loading' | 'className'>): import("react").JSX.Element;
 //# sourceMappingURL=cursor-pagination.d.ts.map

package/dist/components/ui/cursor-pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cursor-pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/cursor-pagination.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CACrC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,eAAe,EACf,WAAkB,EAClB,WAAW,EACX,SAAS,EACT,YAAY,EACZ,UAAU,EACV,QAAkB,EAClB,OAAe,EACf,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,EACT,QAAe,EACf,OAAe,EACf,gBAA0B,EAC1B,eAAwB,GACzB,EAAE,qBAAqB,+BAqFvB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,eAAe,EACf,WAAkB,EAClB,MAAM,EACN,UAAU,EACV,OAAO,EACP,OAAe,EACf,SAAS,GACV,EAAE,IAAI,CACL,qBAAqB,EACrB,aAAa,GAAG,iBAAiB,GAAG,aAAa,GAAG,QAAQ,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAClH,+BAuCA"}
+{"version":3,"file":"cursor-pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/cursor-pagination.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACpC,yFAAyF;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,eAAe,EACf,WAAkB,EAClB,WAAW,EACX,SAAS,EACT,YAAY,EACZ,UAAU,EACV,QAAkB,EAClB,OAAe,EACf,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,EACT,QAAe,EACf,OAAe,EACf,gBAA0B,EAC1B,eAAwB,EACxB,QAAgB,GACjB,EAAE,qBAAqB,+BA6FvB;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,IAAI,CACT,qBAAqB,EACrB,iBAAiB,GAAG,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,kBAAkB,GAAG,iBAAiB,CAC7H,+BAGF;AAED,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,eAAe,EACf,WAAkB,EAClB,MAAM,EACN,UAAU,EACV,OAAO,EACP,OAAe,EACf,SAAS,GACV,EAAE,IAAI,CACL,qBAAqB,EACrB,aAAa,GAAG,iBAAiB,GAAG,aAAa,GAAG,QAAQ,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAClH,+BAuCA"}