@orangecheck/app-design 1.7.0 → 1.8.0

package/dist/components.d.mts

@@ -469,9 +469,10 @@ declare function EmptyState({ title, children, action, icon, className, }: {
     className?: string;
 }): react.JSX.Element;
 type NoticeTone = 'neutral' | 'brand' | 'danger' | 'info' | 'success' | 'warning';
-declare function Notice({ tone, title, children, action, role, className, }: {
+declare function Notice({ tone, title, children, action, icon, role, className, }: {
     tone?: NoticeTone;
     title?: ReactNode;
+    icon?: ReactNode;
     children?: ReactNode;
     action?: ReactNode;
     role?: 'alert' | 'status' | 'note';
@@ -573,7 +574,7 @@ declare function FloatChip({ icon, title, detail, delay, className, style, }: {
     style?: CSSProperties;
 }): react.JSX.Element;
 
-declare const SIZES: {
+declare const SIZES$1: {
     readonly '2xs': "size-7 rounded-[0.55rem] text-[0.75rem]";
     readonly xs: "size-8 rounded-[0.6rem] text-[0.875rem]";
     readonly sm: "size-9 rounded-[0.7rem] text-[0.9375rem]";
@@ -585,7 +586,7 @@ declare function monogramGround(seed: string): number;
 declare function Monogram({ name, seed, size, className, style, }: {
     name: string;
     seed?: string;
-    size?: keyof typeof SIZES;
+    size?: keyof typeof SIZES$1;
     className?: string;
     style?: CSSProperties;
 }): react.JSX.Element;
@@ -859,6 +860,22 @@ declare function SectionTitle({ title, meta, description, action, as: Tag, size,
 declare function ListCard({ as: Tag, className, ...props }: HTMLAttributes<HTMLElement> & {
     as?: 'ul' | 'ol' | 'div';
 }): react.JSX.Element;
+declare function ListRow({ title, meta, description, leading, trailing, actions, revealActions, href, onSelect, current, unread, variant, as: Tag, className, }: {
+    title: ReactNode;
+    meta?: ReactNode;
+    description?: ReactNode;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    actions?: ReactNode;
+    revealActions?: 'always' | 'hover';
+    href?: string;
+    onSelect?: () => void;
+    current?: boolean;
+    unread?: boolean;
+    variant?: 'card' | 'pane';
+    as?: 'li' | 'div';
+    className?: string;
+}): react.JSX.Element;
 declare function ChoiceGroup<T extends string>({ value, onValueChange, label, columns, size, disabled, className, children, }: {
     value: T | undefined;
     onValueChange: (value: T) => void;
@@ -878,6 +895,21 @@ declare function ChoiceCard({ value, title, description, icon, disabled, classNa
     className?: string;
 }): react.JSX.Element;
 
+declare const SIZES: {
+    readonly '2xs': "size-7 text-[0.6875rem] [&_svg]:size-3.5";
+    readonly xs: "size-8 text-[0.75rem] [&_svg]:size-4";
+    readonly sm: "size-9 text-[0.8125rem] [&_svg]:size-4";
+    readonly md: "size-11 text-[0.9375rem] [&_svg]:size-5";
+    readonly lg: "size-14 text-[1.1875rem] [&_svg]:size-6";
+};
+declare function Avatar({ seed, name, src, size, className, }: {
+    seed: string;
+    name?: string | null;
+    src?: string | null;
+    size?: keyof typeof SIZES;
+    className?: string;
+}): react.JSX.Element;
+
 interface SearchResult {
     id: string;
     href?: string;
@@ -917,4 +949,4 @@ interface SearchDialogProps {
 declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect, button, hotkey, label, placeholder, idle, defaultQuery, debounceMs, browse, className, }: SearchDialogProps): react.JSX.Element;
 declare function CommandDialog({ label, placeholder, ...props }: Omit<SearchDialogProps, 'browse' | 'button'>): react.JSX.Element;
 
-export { Accent, type ActivityItem, ActivityList, BrowserFrame, ChartFrame, type ChartTone, type CheckState, ChoiceCard, ChoiceGroup, Closing, type Column, CommandDialog, Container, CopyButton, type CopyButtonProps, CountdownRing, DataTable, Display, type DisplayProps, EmptyLine, EmptyState, type Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, type FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, HudCard, type KeyValueItem, KeyValueList, Lead, type LegalBlock, LegalDocument, type LegalSource, type LegendItem, ListCard, LoadingBlock, LockedPreview, Monogram, Notice, PackageCard, type PackageItem, PageHeader, Panel, PhoneFrame, PlanCard, type ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, type SatsProps, type SatsTextOptions, ScrollStory, SearchButton, SearchDialog, type SearchDialogProps, type SearchGroup, type SearchQuery, type SearchResult, Section, SectionHeading, SectionIntro, type SectionProps, SectionTitle, SignMessage, SourceNote, type SourceNoteProps, Sparkline, SplitBar, type SplitSegment, StatCard, type StatCardProps, StatGrid, type StatGridProps, StepGrid, type StepGridProps, type StepItem, type StepState, TextLink, Ticker, type TruthRow, type TruthStatus, TruthTable, UsdApprox, type ValueTone, type VerifyCheck, VerifyReport, chartColor, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView };
+export { Accent, type ActivityItem, ActivityList, Avatar, BrowserFrame, ChartFrame, type ChartTone, type CheckState, ChoiceCard, ChoiceGroup, Closing, type Column, CommandDialog, Container, CopyButton, type CopyButtonProps, CountdownRing, DataTable, Display, type DisplayProps, EmptyLine, EmptyState, type Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, type FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, HudCard, type KeyValueItem, KeyValueList, Lead, type LegalBlock, LegalDocument, type LegalSource, type LegendItem, ListCard, ListRow, LoadingBlock, LockedPreview, Monogram, Notice, PackageCard, type PackageItem, PageHeader, Panel, PhoneFrame, PlanCard, type ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, type SatsProps, type SatsTextOptions, ScrollStory, SearchButton, SearchDialog, type SearchDialogProps, type SearchGroup, type SearchQuery, type SearchResult, Section, SectionHeading, SectionIntro, type SectionProps, SectionTitle, SignMessage, SourceNote, type SourceNoteProps, Sparkline, SplitBar, type SplitSegment, StatCard, type StatCardProps, StatGrid, type StatGridProps, StepGrid, type StepGridProps, type StepItem, type StepState, TextLink, Ticker, type TruthRow, type TruthStatus, TruthTable, UsdApprox, type ValueTone, type VerifyCheck, VerifyReport, chartColor, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView };

package/dist/components.d.ts

@@ -469,9 +469,10 @@ declare function EmptyState({ title, children, action, icon, className, }: {
     className?: string;
 }): react.JSX.Element;
 type NoticeTone = 'neutral' | 'brand' | 'danger' | 'info' | 'success' | 'warning';
-declare function Notice({ tone, title, children, action, role, className, }: {
+declare function Notice({ tone, title, children, action, icon, role, className, }: {
     tone?: NoticeTone;
     title?: ReactNode;
+    icon?: ReactNode;
     children?: ReactNode;
     action?: ReactNode;
     role?: 'alert' | 'status' | 'note';
@@ -573,7 +574,7 @@ declare function FloatChip({ icon, title, detail, delay, className, style, }: {
     style?: CSSProperties;
 }): react.JSX.Element;
 
-declare const SIZES: {
+declare const SIZES$1: {
     readonly '2xs': "size-7 rounded-[0.55rem] text-[0.75rem]";
     readonly xs: "size-8 rounded-[0.6rem] text-[0.875rem]";
     readonly sm: "size-9 rounded-[0.7rem] text-[0.9375rem]";
@@ -585,7 +586,7 @@ declare function monogramGround(seed: string): number;
 declare function Monogram({ name, seed, size, className, style, }: {
     name: string;
     seed?: string;
-    size?: keyof typeof SIZES;
+    size?: keyof typeof SIZES$1;
     className?: string;
     style?: CSSProperties;
 }): react.JSX.Element;
@@ -859,6 +860,22 @@ declare function SectionTitle({ title, meta, description, action, as: Tag, size,
 declare function ListCard({ as: Tag, className, ...props }: HTMLAttributes<HTMLElement> & {
     as?: 'ul' | 'ol' | 'div';
 }): react.JSX.Element;
+declare function ListRow({ title, meta, description, leading, trailing, actions, revealActions, href, onSelect, current, unread, variant, as: Tag, className, }: {
+    title: ReactNode;
+    meta?: ReactNode;
+    description?: ReactNode;
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    actions?: ReactNode;
+    revealActions?: 'always' | 'hover';
+    href?: string;
+    onSelect?: () => void;
+    current?: boolean;
+    unread?: boolean;
+    variant?: 'card' | 'pane';
+    as?: 'li' | 'div';
+    className?: string;
+}): react.JSX.Element;
 declare function ChoiceGroup<T extends string>({ value, onValueChange, label, columns, size, disabled, className, children, }: {
     value: T | undefined;
     onValueChange: (value: T) => void;
@@ -878,6 +895,21 @@ declare function ChoiceCard({ value, title, description, icon, disabled, classNa
     className?: string;
 }): react.JSX.Element;
 
+declare const SIZES: {
+    readonly '2xs': "size-7 text-[0.6875rem] [&_svg]:size-3.5";
+    readonly xs: "size-8 text-[0.75rem] [&_svg]:size-4";
+    readonly sm: "size-9 text-[0.8125rem] [&_svg]:size-4";
+    readonly md: "size-11 text-[0.9375rem] [&_svg]:size-5";
+    readonly lg: "size-14 text-[1.1875rem] [&_svg]:size-6";
+};
+declare function Avatar({ seed, name, src, size, className, }: {
+    seed: string;
+    name?: string | null;
+    src?: string | null;
+    size?: keyof typeof SIZES;
+    className?: string;
+}): react.JSX.Element;
+
 interface SearchResult {
     id: string;
     href?: string;
@@ -917,4 +949,4 @@ interface SearchDialogProps {
 declare function SearchDialog({ onQuery, open: openProp, onOpenChange, onSelect, button, hotkey, label, placeholder, idle, defaultQuery, debounceMs, browse, className, }: SearchDialogProps): react.JSX.Element;
 declare function CommandDialog({ label, placeholder, ...props }: Omit<SearchDialogProps, 'browse' | 'button'>): react.JSX.Element;
 
-export { Accent, type ActivityItem, ActivityList, BrowserFrame, ChartFrame, type ChartTone, type CheckState, ChoiceCard, ChoiceGroup, Closing, type Column, CommandDialog, Container, CopyButton, type CopyButtonProps, CountdownRing, DataTable, Display, type DisplayProps, EmptyLine, EmptyState, type Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, type FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, HudCard, type KeyValueItem, KeyValueList, Lead, type LegalBlock, LegalDocument, type LegalSource, type LegendItem, ListCard, LoadingBlock, LockedPreview, Monogram, Notice, PackageCard, type PackageItem, PageHeader, Panel, PhoneFrame, PlanCard, type ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, type SatsProps, type SatsTextOptions, ScrollStory, SearchButton, SearchDialog, type SearchDialogProps, type SearchGroup, type SearchQuery, type SearchResult, Section, SectionHeading, SectionIntro, type SectionProps, SectionTitle, SignMessage, SourceNote, type SourceNoteProps, Sparkline, SplitBar, type SplitSegment, StatCard, type StatCardProps, StatGrid, type StatGridProps, StepGrid, type StepGridProps, type StepItem, type StepState, TextLink, Ticker, type TruthRow, type TruthStatus, TruthTable, UsdApprox, type ValueTone, type VerifyCheck, VerifyReport, chartColor, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView };
+export { Accent, type ActivityItem, ActivityList, Avatar, BrowserFrame, ChartFrame, type ChartTone, type CheckState, ChoiceCard, ChoiceGroup, Closing, type Column, CommandDialog, Container, CopyButton, type CopyButtonProps, CountdownRing, DataTable, Display, type DisplayProps, EmptyLine, EmptyState, type Endpoint, EndpointList, ErrorBoundary, ErrorPage, Eyebrow, FactBlock, type FactRow, FactRows, Faq, FloatChip, Footnote, HashChip, HudCard, type KeyValueItem, KeyValueList, Lead, type LegalBlock, LegalDocument, type LegalSource, type LegendItem, ListCard, ListRow, LoadingBlock, LockedPreview, Monogram, Notice, PackageCard, type PackageItem, PageHeader, Panel, PhoneFrame, PlanCard, type ProgressStep, ProgressSteps, ProofStrip, Prose, Reveal, Sats, SatsFigure, type SatsProps, type SatsTextOptions, ScrollStory, SearchButton, SearchDialog, type SearchDialogProps, type SearchGroup, type SearchQuery, type SearchResult, Section, SectionHeading, SectionIntro, type SectionProps, SectionTitle, SignMessage, SourceNote, type SourceNoteProps, Sparkline, SplitBar, type SplitSegment, StatCard, type StatCardProps, StatGrid, type StatGridProps, StepGrid, type StepGridProps, type StepItem, type StepState, TextLink, Ticker, type TruthRow, type TruthStatus, TruthTable, UsdApprox, type ValueTone, type VerifyCheck, VerifyReport, chartColor, monogramGround, monogramLetter, satsText, sectionVariants, useCopy, useInView };

package/dist/components.js

@@ -570,7 +570,7 @@ var JS_TAG = /<\/?(?=[A-Za-z])/y;
 var JS_TAG_NAME = /[A-Za-z][\w$.:-]*/y;
 var JS_PUNCT = /=>|\.\.\.|[{}()[\];,.<>=+\-*/%!?:&|^~#]/y;
 var JSX_BEFORE = /* @__PURE__ */ new Set(["(", ",", "=", "?", ":", "{", "[", ";", ">", "&&", "||", "=>", "return"]);
-function scanJs(src, emit, jsx39) {
+function scanJs(src, emit, jsx40) {
   let i = 0;
   let prev = "";
   let tagDepth = 0;
@@ -596,7 +596,7 @@ function scanJs(src, emit, jsx39) {
       sig('"');
       continue;
     }
-    if (jsx39 && tagDepth === 0 && (m = at(JS_TAG, src, i)) && (prev === "" || JSX_BEFORE.has(prev))) {
+    if (jsx40 && tagDepth === 0 && (m = at(JS_TAG, src, i)) && (prev === "" || JSX_BEFORE.has(prev))) {
       const name = at(JS_TAG_NAME, src, i + m.length);
       if (name) {
         emit(m);
@@ -608,7 +608,7 @@ function scanJs(src, emit, jsx39) {
         continue;
       }
     }
-    if (jsx39 && tagDepth > 0 && braceInTag === 0) {
+    if (jsx40 && tagDepth > 0 && braceInTag === 0) {
       if (src.startsWith("/>", i) || src[i] === ">") {
         const close = src[i] === ">" ? ">" : "/>";
         emit(close);
@@ -628,7 +628,7 @@ function scanJs(src, emit, jsx39) {
         continue;
       }
       if (src[i] === "{") braceInTag = 1;
-    } else if (jsx39 && tagDepth > 0 && braceInTag > 0) {
+    } else if (jsx40 && tagDepth > 0 && braceInTag > 0) {
       if (src[i] === "{") braceInTag++;
       else if (src[i] === "}") braceInTag--;
     }
@@ -1513,6 +1513,7 @@ function Notice({
   title,
   children,
   action,
+  icon,
   role,
   className
 }) {
@@ -1529,7 +1530,17 @@ function Notice({
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 gap-3", children: [
-          kind !== "neutral" ? /* @__PURE__ */ jsxRuntime.jsx(
+          icon ? /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              className: cn(
+                "mt-0.5 shrink-0 [&_svg]:size-[1.125rem]",
+                kind === "brand" ? "text-oca-accent-ink" : kind === "danger" ? "text-destructive" : "text-muted-foreground"
+              ),
+              children: icon
+            }
+          ) : kind !== "neutral" ? /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
               "aria-hidden": true,
@@ -2805,7 +2816,8 @@ react.forwardRef(function DropdownMenuItem2({ className, destructive, ...props }
     {
       ref,
       className: cn(
-        "flex h-10 cursor-default select-none items-center gap-2.5 rounded-xl px-3 text-[0.9375rem] outline-none",
+        // A thumb's 44px on a phone.
+        "flex h-10 cursor-default select-none items-center gap-2.5 rounded-xl px-3 text-[0.9375rem] outline-none max-md:h-11",
         "data-[highlighted]:bg-accent data-[disabled]:opacity-50 [&_svg]:size-4 [&_svg]:text-muted-foreground",
         destructive && "text-destructive [&_svg]:text-destructive",
         className
@@ -4464,6 +4476,66 @@ function ListCard({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Tag, { className: cn("divide-y divide-border overflow-clip rounded-[1.25rem] border border-border bg-card", className), ...props });
 }
+var ROW_LOOK = {
+  // In a ListCard: full width, the card's hairlines between rows.
+  card: { box: "px-5", hover: "hover:bg-accent/60", current: "bg-accent" },
+  // In a pane's list (threads, contacts): rounded, lifted when current.
+  pane: { box: "rounded-xl px-3", hover: "hover:bg-accent", current: "bg-card shadow-sm ring-1 ring-border" }
+};
+function ListRow({
+  title,
+  meta,
+  description,
+  leading,
+  trailing,
+  actions,
+  revealActions = "always",
+  href,
+  onSelect,
+  current = false,
+  unread = false,
+  variant = "card",
+  as: Tag = "li",
+  className
+}) {
+  const tight = useDensity() === "compact";
+  const look = ROW_LOOK[variant];
+  const interactive = href !== void 0 || onSelect !== void 0;
+  const cls = cn(
+    "flex min-h-11 w-full min-w-0 items-center gap-3 text-left outline-none transition-colors",
+    "focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
+    look.box,
+    variant === "pane" ? "py-2" : tight ? "py-3" : "py-4",
+    interactive && !current && look.hover,
+    current && look.current,
+    actions && "pr-14"
+  );
+  const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    leading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0", children: leading }) : null,
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 items-baseline justify-between gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("truncate text-[0.9375rem] text-foreground", unread ? "font-semibold" : "font-medium"), children: title }),
+        meta ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "oca-tabular shrink-0 text-[0.8125rem] text-muted-foreground", children: meta }) : null
+      ] }),
+      description ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("truncate text-[0.875rem]", unread ? "text-foreground" : "text-muted-foreground"), children: description }) : null
+    ] }),
+    trailing ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center gap-2", children: trailing }) : null
+  ] });
+  const aria = current ? { "aria-current": "true" } : {};
+  return /* @__PURE__ */ jsxRuntime.jsxs(Tag, { className: cn("group/row relative", className), children: [
+    href !== void 0 ? href.startsWith("/") ? /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href, className: cls, ...aria, children: body }) : /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: cls, ...aria, children: body }) : onSelect ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onSelect, className: cls, ...aria, children: body }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, children: body }),
+    actions ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "absolute right-2 top-1/2 flex -translate-y-1/2 items-center",
+          revealActions === "hover" && "transition-opacity md:opacity-0 md:focus-within:opacity-100 md:group-hover/row:opacity-100 md:has-[[data-state=open]]:opacity-100"
+        ),
+        children: actions
+      }
+    ) : null
+  ] });
+}
 var ChoiceSize = react.createContext("md");
 var COLUMNS = { 1: "", 2: "sm:grid-cols-2", 3: "sm:grid-cols-2 lg:grid-cols-3" };
 function ChoiceGroup({
@@ -4530,6 +4602,54 @@ function ChoiceCard({
     }
   );
 }
+var SIZES2 = {
+  "2xs": "size-7 text-[0.6875rem] [&_svg]:size-3.5",
+  xs: "size-8 text-[0.75rem] [&_svg]:size-4",
+  sm: "size-9 text-[0.8125rem] [&_svg]:size-4",
+  md: "size-11 text-[0.9375rem] [&_svg]:size-5",
+  lg: "size-14 text-[1.1875rem] [&_svg]:size-6"
+};
+function personInitials(name) {
+  return name.trim().split(/\s+/).slice(0, 2).map((w) => w.match(/[\p{L}\p{N}]/u)?.[0] ?? "").join("").toLocaleUpperCase();
+}
+function avatarHue(seed) {
+  let h = 2166136261;
+  for (let i = 0; i < seed.length; i++) {
+    h ^= seed.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return (h >>> 0) % 360;
+}
+function Avatar({
+  seed,
+  name,
+  src,
+  size = "sm",
+  className
+}) {
+  const [failed, setFailed] = react.useState(null);
+  const box = cn("inline-flex shrink-0 select-none items-center justify-center overflow-hidden rounded-full", SIZES2[size], className);
+  if (src && failed !== src) {
+    return (
+      // eslint-disable-next-line @next/next/no-img-element
+      /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: "", "aria-hidden": true, className: cn(box, "object-cover"), onError: () => setFailed(src) })
+    );
+  }
+  const initials = name ? personInitials(name) : "";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn(box, "font-medium leading-none"),
+      style: {
+        "--oca-avatar-h": avatarHue(seed),
+        backgroundColor: "hsl(var(--oca-avatar-h) 60% var(--oca-avatar-bg-l))",
+        color: "hsl(var(--oca-avatar-h) 45% var(--oca-avatar-fg-l))"
+      },
+      children: initials || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserRound, {})
+    }
+  );
+}
 function useMacKeys() {
   const [mac, setMac] = react.useState(true);
   react.useEffect(() => {
@@ -5380,6 +5500,7 @@ exports.ApiTable = ApiTable;
 exports.AppCard = AppCard;
 exports.AppGrid = AppGrid;
 exports.ArtifactView = ArtifactView;
+exports.Avatar = Avatar;
 exports.BlockCountdown = BlockCountdown;
 exports.BlockHeight = BlockHeight;
 exports.Breadcrumbs = Breadcrumbs;
@@ -5426,6 +5547,7 @@ exports.Lead = Lead;
 exports.LegalDocument = LegalDocument;
 exports.LinkCard = LinkCard;
 exports.ListCard = ListCard;
+exports.ListRow = ListRow;
 exports.LoadingBlock = LoadingBlock;
 exports.LockedPreview = LockedPreview;
 exports.MdxTable = MdxTable;