@godxjp/ui 31.31.8 → 32.0.0

package/dist/components/data-entry/toggle.js

@@ -1,5 +1,156 @@
 "use client";
-import { Toggle } from "../ui/toggle.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ToggleButton } from "react-aria-components";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils.js";
+import { useTranslation } from "../../i18n/use-translation.js";
+import { numberFormat } from "../../lib/intl-cache.js";
+const toggleVariants = cva("ui-toggle", {
+  variants: {
+    variant: {
+      default: "ui-toggle-default",
+      outline: "ui-toggle-outline",
+      // The REST FILL (gh#734). `default` is a 1px TRANSPARENT border and `outline` a hairline on
+      // `--background`, so neither draws a chip that reads as filled before it is pressed — which
+      // is why a consumer building a tag-filter panel reported its tags "look transparent" and
+      // fell back to `Button variant="secondary" shape="pill" aria-pressed`, a control that paints
+      // no pressed state at all. `soft` is antd `Tag`'s resting surface, on the SAME
+      // `hsl(var(--secondary))` fill `Badge variant="secondary"` and `Button variant="secondary"`
+      // already paint, so a chip, a badge and a button on one row are one family.
+      soft: "ui-toggle-soft"
+    },
+    size: {
+      // The fourth step of the shared control ladder (gh#716): 24px, `--control-height-xs`, the
+      // same tier `Button size="xs"` reads — so a 24px-dense row can carry a segmented control
+      // instead of someone hand-rolling one out of Buttons.
+      xs: "ui-toggle-xs",
+      sm: "ui-toggle-sm",
+      md: "ui-toggle-default-size",
+      lg: "ui-toggle-lg"
+    },
+    // Corner shape at parity with `Button` and `Badge` — the same three values mapped to the same
+    // two radius tokens, so `shape="pill"` means one thing across the library. `default` is empty
+    // on purpose: it leaves `.ui-toggle`'s own `--radius-md` in place instead of restating it,
+    // exactly as `badgeVariants` does.
+    shape: {
+      default: "",
+      pill: "rounded-[var(--radius-pill)]",
+      sharp: "rounded-[var(--radius-sharp)]"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    shape: "default"
+  }
+});
+function useCounterPill({
+  count,
+  overflowCount = 99,
+  showZero = true,
+  countLabel,
+  ariaLabel,
+  slot = "toggle"
+}) {
+  const { locale } = useTranslation();
+  const visible = count != null && (count !== 0 || showZero);
+  const formatted = React.useMemo(() => {
+    if (count == null) return "";
+    const format = numberFormat(locale);
+    return count > overflowCount ? `${format.format(overflowCount)}+` : format.format(count);
+  }, [count, locale, overflowCount]);
+  if (!visible) {
+    return { pill: null, resolvedAriaLabel: ariaLabel };
+  }
+  const spoken = countLabel ? `${formatted} ${countLabel}` : formatted;
+  return {
+    pill: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { "data-slot": `${slot}-count`, className: `ui-${slot}-count`, "aria-hidden": "true", children: formatted }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: `, ${spoken}` })
+    ] }),
+    resolvedAriaLabel: ariaLabel == null ? ariaLabel : `${ariaLabel}, ${spoken}`
+  };
+}
+function usePressedState({ pressed, defaultPressed, onPressedChange }) {
+  const [uncontrolled, setUncontrolled] = React.useState(defaultPressed ?? false);
+  const isPressed = pressed ?? uncontrolled;
+  return {
+    isPressed,
+    onSelectionChange: (next) => {
+      if (pressed == null) {
+        setUncontrolled(next);
+      }
+      onPressedChange?.(next);
+    }
+  };
+}
+function restoreDomProps(raw, domProps) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ...raw,
+      ...domProps,
+      id: raw.id ?? domProps.id,
+      tabIndex: raw.tabIndex ?? domProps.tabIndex
+    }
+  );
+}
+const Toggle = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    shape,
+    count,
+    overflowCount,
+    showZero,
+    countLabel,
+    children,
+    "aria-label": ariaLabel,
+    pressed,
+    defaultPressed,
+    onPressedChange,
+    disabled,
+    ...props
+  }, ref) => {
+    const { pill, resolvedAriaLabel } = useCounterPill({
+      count,
+      overflowCount,
+      showZero,
+      countLabel,
+      ariaLabel
+    });
+    const { isPressed, onSelectionChange } = usePressedState({
+      pressed,
+      defaultPressed,
+      onPressedChange
+    });
+    return /* @__PURE__ */ jsxs(
+      ToggleButton,
+      {
+        ref,
+        "data-slot": "toggle",
+        "data-state": isPressed ? "on" : "off",
+        "aria-label": resolvedAriaLabel,
+        className: cn(toggleVariants({ variant, size, shape }), className),
+        ...props,
+        isSelected: isPressed,
+        onChange: onSelectionChange,
+        isDisabled: disabled,
+        render: (domProps) => restoreDomProps(props, domProps),
+        children: [
+          children,
+          pill
+        ]
+      }
+    );
+  }
+);
+Toggle.displayName = "Toggle";
 export {
-  Toggle
+  Toggle,
+  restoreDomProps,
+  toggleVariants,
+  useCounterPill
 };

package/dist/components/feedback/alert.d.ts

@@ -1,11 +1,12 @@
 import * as React from "react";
-import type { AlertVariantProp, ToneProp } from "../../props/vocabulary/index.js";
+import type { AlertVariantProp, CalloutKindProp, IconProp, ToneProp } from "../../props/vocabulary/index.js";
 import type { AlertQueryErrorProp } from "../../props/components/feedback.prop.js";
 export type { AlertProp, AlertProp as AlertProps, AlertTitleProp, AlertTitleProp as AlertTitleProps, AlertContentProp, AlertContentProp as AlertContentProps, AlertDescriptionProp, AlertDescriptionProp as AlertDescriptionProps, AlertActionsProp, AlertActionsProp as AlertActionsProps, AlertQueryErrorProp, AlertQueryErrorProp as AlertQueryErrorProps, } from "../../props/components/feedback.prop.js";
 declare const AlertBase: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     variant?: AlertVariantProp;
+    kind?: CalloutKindProp;
     tone?: ToneProp;
-    icon?: import("../../props/index.js").IconProp | false;
+    icon?: IconProp | false;
     onDismiss?: import("../../props/index.js").HandlerProp;
     className?: import("../../props/index.js").ClassNameProp;
     children?: import("../../props/index.js").ChildrenProp;
@@ -43,8 +44,9 @@ export declare const AlertActions: React.ForwardRefExoticComponent<React.HTMLAtt
 export declare function AlertQueryError({ error, category, onRetry, onAuthAction, className, }: AlertQueryErrorProp): React.JSX.Element;
 export declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     variant?: AlertVariantProp;
+    kind?: CalloutKindProp;
     tone?: ToneProp;
-    icon?: import("../../props/index.js").IconProp | false;
+    icon?: IconProp | false;
     onDismiss?: import("../../props/index.js").HandlerProp;
     className?: import("../../props/index.js").ClassNameProp;
     children?: import("../../props/index.js").ChildrenProp;

package/dist/components/feedback/alert.js

@@ -5,7 +5,10 @@ import {
   AlertCircle,
   CheckCircle2,
   Info,
+  Lightbulb,
   LogIn,
+  MessageSquareWarning,
+  OctagonAlert,
   RefreshCw,
   TriangleAlert,
   X
@@ -32,10 +35,19 @@ const DEFAULT_ICONS = {
   muted: Info,
   neutral: Info
 };
+const CALLOUT_KINDS = {
+  note: { tone: "info", icon: Info },
+  tip: { tone: "success", icon: Lightbulb },
+  important: { tone: "neutral", icon: MessageSquareWarning },
+  warning: { tone: "warning", icon: TriangleAlert },
+  caution: { tone: "destructive", icon: OctagonAlert }
+};
 const AlertBase = React.forwardRef(
-  ({ variant = "default", tone = "default", icon, onDismiss, className, children, ...props }, ref) => {
+  ({ variant = "default", kind, tone: toneProp, icon, onDismiss, className, children, ...props }, ref) => {
     const { t } = useTranslation();
-    const IconComponent = icon === false ? null : icon ?? DEFAULT_ICONS[tone];
+    const preset = variant === "callout" ? CALLOUT_KINDS[kind ?? "note"] : void 0;
+    const tone = toneProp ?? preset?.tone ?? "default";
+    const IconComponent = icon === false ? null : icon ?? preset?.icon ?? DEFAULT_ICONS[tone];
     return /* @__PURE__ */ jsx(AlertContext.Provider, { value: tone, children: /* @__PURE__ */ jsxs(
       "div",
       {

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

@@ -6,12 +6,8 @@ export { TwoFactorSetup } from "./two-factor-setup.js";
 export type { TwoFactorSetupLabels, TwoFactorSetupProps } from "./two-factor-setup.js";
 export { Toaster } from "./sonner.js";
 export { toast } from "./use-toast.js";
-export { Skeleton, SkeletonForm, SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonStat, SkeletonArticle, SkeletonAvatar, SkeletonButton, SkeletonInput, SkeletonNode, SkeletonImage, } from "./skeleton.js";
-export type { SkeletonProp, SkeletonProps, SkeletonWidth, SkeletonArticleProp, SkeletonArticleProps, SkeletonAvatarProp, SkeletonAvatarProps, SkeletonButtonProp, SkeletonButtonProps, SkeletonFormProp, SkeletonFormProps, SkeletonInputProp, SkeletonInputProps, SkeletonNodeProp, SkeletonNodeProps, SkeletonImageProp, SkeletonImageProps, } from "./skeleton.js";
-export { Banner } from "./banner.js";
-export type { BannerProp, BannerProps } from "./banner.js";
-export { Callout } from "./callout.js";
-export type { CalloutProp, CalloutProps } from "./callout.js";
+export { Skeleton, SkeletonForm, SkeletonRows, SkeletonTable, SkeletonDetail, SkeletonStat, SkeletonArticle, SkeletonInput, } from "./skeleton.js";
+export type { SkeletonProp, SkeletonProps, SkeletonWidth, SkeletonArticleProp, SkeletonArticleProps, SkeletonArticleAvatarProp, SkeletonFormProp, SkeletonFormProps, SkeletonInputProp, SkeletonInputProps, } from "./skeleton.js";
 export { Alert, AlertTitle, AlertContent, AlertDescription, AlertActions, AlertQueryError, } from "./alert.js";
 export type { AlertProp, AlertProps, AlertTitleProp, AlertTitleProps, AlertContentProp, AlertContentProps, AlertDescriptionProp, AlertDescriptionProps, AlertActionsProp, AlertActionsProps, AlertQueryErrorProp, AlertQueryErrorProps, } from "./alert.js";
 export { AuthExpiryProvider } from "./auth-expiry.js";

package/dist/components/feedback/index.js

@@ -50,14 +50,8 @@ import {
   SkeletonDetail,
   SkeletonStat,
   SkeletonArticle,
-  SkeletonAvatar,
-  SkeletonButton,
-  SkeletonInput,
-  SkeletonNode,
-  SkeletonImage
+  SkeletonInput
 } from "./skeleton.js";
-import { Banner } from "./banner.js";
-import { Callout } from "./callout.js";
 import {
   Alert,
   AlertTitle,
@@ -88,8 +82,6 @@ export {
   AlertQueryError,
   AlertTitle,
   AuthExpiryProvider,
-  Banner,
-  Callout,
   Dialog,
   DialogAction,
   DialogBody,
@@ -116,13 +108,9 @@ export {
   SheetTrigger,
   Skeleton,
   SkeletonArticle,
-  SkeletonAvatar,
-  SkeletonButton,
   SkeletonDetail,
   SkeletonForm,
-  SkeletonImage,
   SkeletonInput,
-  SkeletonNode,
   SkeletonRows,
   SkeletonStat,
   SkeletonTable,

package/dist/components/feedback/skeleton.d.ts

@@ -1,17 +1,9 @@
 import * as React from "react";
-import type { SkeletonArticleProp, SkeletonAvatarProp, SkeletonButtonProp, SkeletonFormProp, SkeletonImageProp, SkeletonInputProp, SkeletonNodeProp, SkeletonProp } from "../../props/components/feedback.prop.js";
-export type { SkeletonProp, SkeletonProp as SkeletonProps, SkeletonFormProp, SkeletonFormProp as SkeletonFormProps, SkeletonWidth, SkeletonArticleProp, SkeletonArticleProp as SkeletonArticleProps, SkeletonAvatarProp, SkeletonAvatarProp as SkeletonAvatarProps, SkeletonButtonProp, SkeletonButtonProp as SkeletonButtonProps, SkeletonInputProp, SkeletonInputProp as SkeletonInputProps, SkeletonNodeProp, SkeletonNodeProp as SkeletonNodeProps, SkeletonImageProp, SkeletonImageProp as SkeletonImageProps, } from "../../props/components/feedback.prop.js";
+import type { SkeletonArticleProp, SkeletonFormProp, SkeletonInputProp, SkeletonProp } from "../../props/components/feedback.prop.js";
+export type { SkeletonProp, SkeletonProp as SkeletonProps, SkeletonFormProp, SkeletonFormProp as SkeletonFormProps, SkeletonWidth, SkeletonArticleProp, SkeletonArticleProp as SkeletonArticleProps, SkeletonArticleAvatarProp, SkeletonInputProp, SkeletonInputProp as SkeletonInputProps, } from "../../props/components/feedback.prop.js";
 declare function SkeletonBlock({ active, loading, className, children, ...props }: SkeletonProp): React.JSX.Element;
-/** Stands in for an `Avatar` — circle for a person, square for an entity mark. */
-export declare function SkeletonAvatar({ size, shape, active, className }: SkeletonAvatarProp): React.JSX.Element;
-/** Stands in for a `Button` — two control-heights wide, like antd's `controlHeight * 2`. */
-export declare function SkeletonButton({ size, shape, block, active, className }: SkeletonButtonProp): React.JSX.Element;
 /** Stands in for an `Input` — five control-heights wide, like antd's `controlHeight * 5`. */
 export declare function SkeletonInput({ size, block, active, className }: SkeletonInputProp): React.JSX.Element;
-/** A square placeholder for a media or custom slot; `children` centre inside it. */
-export declare function SkeletonNode({ active, children, className }: SkeletonNodeProp): React.JSX.Element;
-/** `SkeletonNode` carrying the image glyph — antd ships its own path; here it is the DS icon. */
-export declare function SkeletonImage({ active, className }: SkeletonImageProp): React.JSX.Element;
 /**
  * SkeletonArticle — antd's own `<Skeleton>` shape: an optional avatar beside a heading line and a
  * paragraph. Reach for it for a comment, a profile card or a feed item; `Skeleton` stays the bare
@@ -20,16 +12,11 @@ export declare function SkeletonImage({ active, className }: SkeletonImageProp):
  */
 export declare function SkeletonArticle({ avatar, title, paragraph, round, active, loading, children, className, }: SkeletonArticleProp): React.JSX.Element;
 /**
- * Skeleton — the placeholder BLOCK, and the namespace antd hangs its element presets on. The
- * statics are the antd spelling (`Skeleton.Button`); the same components are also named exports, so
- * a consumer importing `SkeletonButton` finds it in the catalog.
+ * Skeleton — the placeholder BLOCK, and the namespace the presets hang off (`Skeleton.Input`,
+ * `Skeleton.Article`, antd's spelling); the same components are also named exports.
  */
 export declare const Skeleton: typeof SkeletonBlock & {
-    Avatar: typeof SkeletonAvatar;
-    Button: typeof SkeletonButton;
     Input: typeof SkeletonInput;
-    Node: typeof SkeletonNode;
-    Image: typeof SkeletonImage;
     Article: typeof SkeletonArticle;
 };
 interface SkeletonRowsProps {

package/dist/components/feedback/skeleton.js

@@ -1,5 +1,4 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { ImageIcon } from "lucide-react";
 import { ResponsiveGrid } from "../layout/responsive-grid.js";
 import { cn } from "../../lib/utils.js";
 import { tableCellPaddingClass, tableRowHeightClass } from "../../lib/control-styles.js";
@@ -44,40 +43,12 @@ function SkeletonElement({
     }
   );
 }
-function SkeletonAvatar({ size, shape = "circle", active, className }) {
-  return /* @__PURE__ */ jsx(
-    SkeletonElement,
-    {
-      kind: "avatar",
-      size,
-      shape,
-      active,
-      className
-    }
-  );
-}
-function SkeletonButton({ size, shape, block, active, className }) {
-  return /* @__PURE__ */ jsx(
-    SkeletonElement,
-    {
-      kind: "button",
-      size,
-      shape,
-      block,
-      active,
-      className
-    }
-  );
+function ArticleAvatar({ size, shape = "circle" }) {
+  return /* @__PURE__ */ jsx(SkeletonElement, { kind: "avatar", size, shape });
 }
 function SkeletonInput({ size, block, active, className }) {
   return /* @__PURE__ */ jsx(SkeletonElement, { kind: "input", size, block, active, className });
 }
-function SkeletonNode({ active, children, className }) {
-  return /* @__PURE__ */ jsx(SkeletonElement, { kind: "node", active, className, children });
-}
-function SkeletonImage({ active, className }) {
-  return /* @__PURE__ */ jsx(SkeletonElement, { kind: "image", active, className, children: /* @__PURE__ */ jsx(ImageIcon, { "aria-hidden": "true", focusable: "false", className: "ui-skeleton-image-glyph" }) });
-}
 function avatarDefaults(hasTitle, hasParagraph) {
   if (hasTitle && !hasParagraph) return { size: "lg", shape: "square" };
   return { size: "lg", shape: "circle" };
@@ -130,7 +101,7 @@ function SkeletonArticle({
       "data-round": round ? "" : void 0,
       className: cn("ui-skeleton-article", className),
       children: [
-        hasAvatar ? /* @__PURE__ */ jsx("div", { className: "ui-skeleton-article-header", children: /* @__PURE__ */ jsx(SkeletonAvatar, { ...avatarProps }) }) : null,
+        hasAvatar ? /* @__PURE__ */ jsx("div", { className: "ui-skeleton-article-header", children: /* @__PURE__ */ jsx(ArticleAvatar, { ...avatarProps }) }) : null,
         hasTitle || hasParagraph ? /* @__PURE__ */ jsxs("div", { className: "ui-skeleton-article-section", children: [
           hasTitle ? /* @__PURE__ */ jsx(SkeletonBlock, { className: "ui-skeleton-article-title", style: measureStyle(titleWidth) }) : null,
           hasParagraph ? (
@@ -151,11 +122,7 @@ function SkeletonArticle({
   );
 }
 const Skeleton = Object.assign(SkeletonBlock, {
-  Avatar: SkeletonAvatar,
-  Button: SkeletonButton,
   Input: SkeletonInput,
-  Node: SkeletonNode,
-  Image: SkeletonImage,
   Article: SkeletonArticle
 });
 function SkeletonRows({ rows = 6, columns = 4, className }) {
@@ -209,13 +176,9 @@ function SkeletonStat() {
 export {
   Skeleton,
   SkeletonArticle,
-  SkeletonAvatar,
-  SkeletonButton,
   SkeletonDetail,
   SkeletonForm,
-  SkeletonImage,
   SkeletonInput,
-  SkeletonNode,
   SkeletonRows,
   SkeletonStat,
   SkeletonTable

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

@@ -1,15 +1,13 @@
 export { Button, buttonVariants } from "./button.js";
 export type { ButtonProps } from "./button.js";
-export { Text, Heading, Typography, Title, Paragraph, Link } from "./typography.js";
-export type { TextProps, HeadingProps, TextProp, HeadingProp, TypographyProp, TypographyProps, TypographyBlockProp, TypographyTitleProp, TitleProps, ParagraphProp, ParagraphProps, LinkProp, LinkProps, } from "./typography.js";
+export { Text, Heading, Link } from "./typography.js";
+export type { TextProps, HeadingProps, TextProp, HeadingProp, TypographyBlockProp, LinkProp, LinkProps, } from "./typography.js";
 export { Icon } from "./icon.js";
 export type { IconGlyphProp, IconProps } from "./icon.js";
 export { Logo } from "./logo.js";
 export type { LogoMark, LogoProps, LogoSize, LogoTone } from "./logo.js";
 export { Reveal } from "./reveal.js";
 export type { RevealProp, RevealProps } from "./reveal.js";
-export { FloatButton } from "./float-button.js";
-export type { FloatButtonBackTopProp, FloatButtonBackTopProps, FloatButtonBadgeProp, FloatButtonGroupProp, FloatButtonGroupProps, FloatButtonPlacementProp, FloatButtonProp, FloatButtonProps, FloatButtonShapeProp, FloatButtonTooltipProp, FloatButtonTriggerProp, FloatButtonTypeProp, } from "./float-button.js";
 export { Activity } from "./activity.js";
 export type { ActivityProp, ActivityProps } from "./activity.js";
 export { VisuallyHidden } from "./visually-hidden.js";

package/dist/components/general/index.js

@@ -1,9 +1,8 @@
 import { Button, buttonVariants } from "./button.js";
-import { Text, Heading, Typography, Title, Paragraph, Link } from "./typography.js";
+import { Text, Heading, Link } from "./typography.js";
 import { Icon } from "./icon.js";
 import { Logo } from "./logo.js";
 import { Reveal } from "./reveal.js";
-import { FloatButton } from "./float-button.js";
 import { Activity } from "./activity.js";
 import { VisuallyHidden } from "./visually-hidden.js";
 import { Actions, ActionsItem, ActionsCopy, ActionsFeedback } from "./actions.js";
@@ -14,16 +13,12 @@ export {
   ActionsItem,
   Activity,
   Button,
-  FloatButton,
   Heading,
   Icon,
   Link,
   Logo,
-  Paragraph,
   Reveal,
   Text,
-  Title,
-  Typography,
   VisuallyHidden,
   buttonVariants
 };

package/dist/components/general/typography.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { TextProp, TypographyBlockProp } from "../../props/components/general.prop.js";
 import type { TypographyEllipsisConfigProp } from "../../props/vocabulary/index.js";
-export type { TextProp, TextProp as TextProps, HeadingProp, HeadingProp as HeadingProps, TypographyProp, TypographyProp as TypographyProps, TypographyBlockProp, TypographyTitleProp, TypographyTitleProp as TitleProps, ParagraphProp, ParagraphProp as ParagraphProps, LinkProp, LinkProp as LinkProps, } from "../../props/components/general.prop.js";
+export type { TextProp, TextProp as TextProps, HeadingProp, HeadingProp as HeadingProps, TypographyBlockProp, LinkProp, LinkProp as LinkProps, } from "../../props/components/general.prop.js";
 /** How long the copy button shows its confirmed state. antd's value (`useCopyClick`). */
 export declare const COPIED_RESET_MS = 3000;
 /** antd `getNode` — `true`/`undefined` take the default; `false` suppresses unless a DOM node is required. */
@@ -63,20 +63,6 @@ export declare const Text: React.ForwardRefExoticComponent<Omit<React.HTMLAttrib
     rel?: string;
     download?: React.AnchorHTMLAttributes<HTMLAnchorElement>["download"];
 } & React.RefAttributes<HTMLElement>>;
-/**
- * Paragraph — antd `Typography.Paragraph`.
- *
- * Renders a `<div>`, matching antd, because the editing textarea and the action cluster are block
- * content that a `<p>` may not legally contain — a `<p>` would be split by the parser and the
- * actions would end up OUTSIDE the paragraph. Pass `as="p"` when the content is phrasing-only.
- *
- * The one difference from `Text` is antd's: `ellipsis` here keeps `rows`, `expandable` and
- * `onExpand`.
- */
-export declare const Paragraph: React.ForwardRefExoticComponent<Omit<TextProp, "as" | "ellipsis"> & {
-    as?: "div" | "p" | "span";
-    ellipsis?: boolean | TypographyEllipsisConfigProp;
-} & React.RefAttributes<HTMLElement>>;
 /**
  * Link — antd `Typography.Link`.
  *
@@ -84,7 +70,7 @@ export declare const Paragraph: React.ForwardRefExoticComponent<Omit<TextProp, "
  * of it. It adds antd's `rel` guard: a `target="_blank"` with no explicit `rel` gets
  * `noopener noreferrer`, because the opened document otherwise keeps a live handle on
  * `window.opener`. antd restricts `ellipsis` to a boolean on `Link`, and that restriction is ported
- * by the type — `allowRows` stays off.
+ * by the type.
  */
 export declare const Link: React.ForwardRefExoticComponent<Omit<TextProp, "as" | "ellipsis"> & {
     as?: "a" | "span";
@@ -96,8 +82,8 @@ export declare const Link: React.ForwardRefExoticComponent<Omit<TextProp, "as" |
  * and override the SIZE alone with `size` — the same ten-step ladder `Text` reads, whose top three
  * steps are the display ramp a marketing hero needs (gh#826).
  *
- * UNCHANGED by the antd port. antd's heading is `Title`, which is the sibling below; `Heading` is
- * this library's own and keeps its four levels, its props and its markup exactly as they shipped.
+ * antd's `Typography.Title` was a sibling until v32 retired the antd shims (#1223): `Heading` is
+ * the one heading, and its `size` axis covers antd's fifth level.
  */
 export declare const Heading: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
     level?: import("../../props/index.js").HeadingLevelProp;
@@ -108,43 +94,3 @@ export declare const Heading: React.ForwardRefExoticComponent<Omit<React.HTMLAtt
     truncate?: boolean;
     weight?: import("../../props/index.js").FontWeightProp;
 } & React.RefAttributes<HTMLHeadingElement>>;
-/**
- * Title — antd `Typography.Title`.
- *
- * A SIBLING of `Heading`, not a replacement: five levels instead of four, plus the antd block
- * behaviours (`copyable`, `editable`, `ellipsis`, the decorations). antd omits `strong` here
- * because a heading already renders at the strong weight, and that omission is ported.
- */
-export declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & Omit<TypographyBlockProp, "strong"> & {
-    level?: import("../../props/index.js").TitleLevelProp;
-    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "div";
-    tone?: import("../../props/index.js").TextToneProp;
-    align?: import("../../props/index.js").TextAlignProp;
-    truncate?: boolean;
-    weight?: import("../../props/index.js").FontWeightProp;
-    ellipsis?: boolean | TypographyEllipsisConfigProp;
-} & React.RefAttributes<HTMLElement>>;
-/**
- * Typography — antd's plain wrapper for a run of prose.
- *
- * It renders an `<article>` and carries no emphasis of its own. It exists so `Title`, `Paragraph`,
- * `Text` and `Link` have a container with the reading measure and the block rhythm on it, and so
- * the compound spelling every antd codebase is written in — `<Typography.Text>` — works here
- * unchanged.
- */
-declare const TypographyRoot: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "color"> & {
-    as?: string;
-    component?: string;
-} & React.RefAttributes<HTMLElement>>;
-type TypographyCompound = typeof TypographyRoot & {
-    Text: typeof Text;
-    Title: typeof Title;
-    Paragraph: typeof Paragraph;
-    Link: typeof Link;
-};
-/**
- * The compound export. `Typography.Text` and the bare `Text` are the SAME component — there is no
- * second, poorer Text — so a paste from an antd codebase and a call written in this library's own
- * style compile to the same thing.
- */
-export declare const Typography: TypographyCompound;