@haruhimemoe/ui 0.3.0 → 0.4.0

package/dist/components/tables/TBody.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @file src/components/tables/TBody.tsx
+ * @desc A table's body rows, each with a b4 rule above it. Server-safe.
+ * @author David @dvhsh (https://dvh.sh)
+ * @created Mon Sep 28, 2026
+ * @modified Mon Sep 28, 2026
+ */
+import type { ComponentProps } from "react";
+/** Every native `<tbody>` prop (including `ref`). */
+export type TBodyProps = ComponentProps<"tbody">;
+/**
+ * @function TBody
+ * @param props {TBodyProps} native tbody props; plain `<tr>`s as children
+ * @returns {JSX.Element} a `<tbody>` whose rows get a top border in b4
+ */
+export declare function TBody({ className, ...props }: TBodyProps): import("react").JSX.Element;

package/dist/components/tables/TBody.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from "../../utils/cx.js";
+/**
+ * @function TBody
+ * @param props {TBodyProps} native tbody props; plain `<tr>`s as children
+ * @returns {JSX.Element} a `<tbody>` whose rows get a top border in b4
+ */
+export function TBody({ className, ...props }) {
+    return _jsx("tbody", { className: cx("[&>tr]:border-b4 [&>tr]:border-t", className), ...props });
+}

package/dist/components/tables/THead.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @file src/components/tables/THead.tsx
+ * @desc A table's header rows in small muted capitals, the apps' column-heading look. Server-safe.
+ * @author David @dvhsh (https://dvh.sh)
+ * @created Mon Sep 28, 2026
+ * @modified Mon Sep 28, 2026
+ */
+import type { ComponentProps } from "react";
+/** Every native `<thead>` prop (including `ref`). */
+export type THeadProps = ComponentProps<"thead">;
+/**
+ * @function THead
+ * @param props {THeadProps} native thead props; the header `<tr>` as children
+ * @returns {JSX.Element} a `<thead>` in c3 at text-xs, uppercase
+ */
+export declare function THead({ className, ...props }: THeadProps): import("react").JSX.Element;

package/dist/components/tables/THead.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from "../../utils/cx.js";
+/**
+ * @function THead
+ * @param props {THeadProps} native thead props; the header `<tr>` as children
+ * @returns {JSX.Element} a `<thead>` in c3 at text-xs, uppercase
+ */
+export function THead({ className, ...props }) {
+    return _jsx("thead", { className: cx("text-c3 text-xs uppercase", className), ...props });
+}

package/dist/components/tables/Table.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @file src/components/tables/Table.tsx
+ * @desc A data table on the apps' look: full width, small left-aligned text, in a wrapper that
+ *       scrolls sideways on phones, with an optional caption (visible, or for screen readers only).
+ *       Server-safe. Fill it with THead, TBody, Th and Td.
+ * @author David @dvhsh (https://dvh.sh)
+ * @created Mon Sep 28, 2026
+ * @modified Mon Sep 28, 2026
+ */
+import type { ComponentProps, ReactNode } from "react";
+/** Every native `<table>` prop (including `ref`), plus a caption and the wrapper's classes. */
+export type TableProps = ComponentProps<"table"> & {
+    /** Names the table for screen readers. Shown above it unless `hideCaption`. */
+    caption?: ReactNode;
+    /** Keep the caption for screen readers only (`sr-only`), when a heading already shows. */
+    hideCaption?: boolean | undefined;
+    /** Classes for the wrapper `<div>` that scrolls sideways. */
+    wrapperClassName?: string | undefined;
+};
+/**
+ * @function Table
+ * @param props {TableProps} native table props (rows as children), a caption, hideCaption and
+ *        wrapperClassName; `className` and `ref` go on the `<table>`
+ * @returns {JSX.Element} an `overflow-x-auto` `<div>` around the `<table>` and its caption
+ */
+export declare function Table({ caption, hideCaption, wrapperClassName, className, children, ...props }: TableProps): import("react").JSX.Element;

package/dist/components/tables/Table.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cx } from "../../utils/cx.js";
+import { FIELD_LABEL } from "../forms/fieldStyles.js";
+/**
+ * @function Table
+ * @param props {TableProps} native table props (rows as children), a caption, hideCaption and
+ *        wrapperClassName; `className` and `ref` go on the `<table>`
+ * @returns {JSX.Element} an `overflow-x-auto` `<div>` around the `<table>` and its caption
+ */
+export function Table({ caption, hideCaption = false, wrapperClassName, className, children, ...props }) {
+    return (_jsx("div", { className: cx("overflow-x-auto", wrapperClassName), children: _jsxs("table", { className: cx("w-full text-left text-sm", className), ...props, children: [caption ? (_jsx("caption", { className: hideCaption ? "sr-only" : `mb-2 text-left ${FIELD_LABEL}`, children: caption })) : null, children] }) }));
+}

package/dist/components/tables/Td.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @file src/components/tables/Td.tsx
+ * @desc A data cell with the shared padding. Server-safe.
+ * @author David @dvhsh (https://dvh.sh)
+ * @created Mon Sep 28, 2026
+ * @modified Mon Sep 28, 2026
+ */
+import type { ComponentProps } from "react";
+/** Every native `<td>` prop (including `ref`), plus a flag for a number. */
+export type TdProps = ComponentProps<"td"> & {
+    /** Line up digits (`tabular-nums`), for a number. */
+    numeric?: boolean | undefined;
+};
+/**
+ * @function Td
+ * @param props {TdProps} native td props, plus numeric
+ * @returns {JSX.Element} a `<td>` with the shared cell padding
+ */
+export declare function Td({ numeric, className, ...props }: TdProps): import("react").JSX.Element;

package/dist/components/tables/Td.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from "../../utils/cx.js";
+import { CELL, NUMERIC } from "./tableStyles.js";
+/**
+ * @function Td
+ * @param props {TdProps} native td props, plus numeric
+ * @returns {JSX.Element} a `<td>` with the shared cell padding
+ */
+export function Td({ numeric = false, className, ...props }) {
+    return _jsx("td", { className: cx(CELL, numeric && NUMERIC, className), ...props });
+}

package/dist/components/tables/Th.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @file src/components/tables/Th.tsx
+ * @desc A header cell: a column heading by default (scope col), or a row's heading (scope row,
+ *       bold c1). Server-safe.
+ * @author David @dvhsh (https://dvh.sh)
+ * @created Mon Sep 28, 2026
+ * @modified Mon Sep 28, 2026
+ */
+import type { ComponentProps } from "react";
+/** Every native `<th>` prop (including `ref`), plus a flag for a numbers column. */
+export type ThProps = ComponentProps<"th"> & {
+    /** Line up digits (`tabular-nums`), for a column of numbers. */
+    numeric?: boolean | undefined;
+};
+/**
+ * @function Th
+ * @param props {ThProps} native th props (`scope` defaults to "col"), plus numeric
+ * @returns {JSX.Element} a `<th>` with the shared cell padding; bold c1 when it heads a row
+ */
+export declare function Th({ scope, numeric, className, ...props }: ThProps): import("react").JSX.Element;

package/dist/components/tables/Th.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cx } from "../../utils/cx.js";
+import { CELL, NUMERIC } from "./tableStyles.js";
+/**
+ * @function Th
+ * @param props {ThProps} native th props (`scope` defaults to "col"), plus numeric
+ * @returns {JSX.Element} a `<th>` with the shared cell padding; bold c1 when it heads a row
+ */
+export function Th({ scope = "col", numeric = false, className, ...props }) {
+    return (_jsx("th", { scope: scope, className: cx(CELL, scope === "row" && "font-bold text-c1", numeric && NUMERIC, className), ...props }));
+}

package/dist/components/tables/tableStyles.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @file src/components/tables/tableStyles.ts
+ * @desc The cell padding Th and Td share (internal): room on the right between columns, none after
+ *       the last one, as the apps' tables have it.
+ * @author David @dvhsh (https://dvh.sh)
+ * @created Mon Sep 28, 2026
+ * @modified Mon Sep 28, 2026
+ */
+/** A header or data cell: py-2 and pr-3, with no right padding on the row's last cell. */
+export declare const CELL = "py-2 pr-3 last:pr-0";
+/** Numbers line up in a column. */
+export declare const NUMERIC = "tabular-nums";

package/dist/components/tables/tableStyles.js

@@ -0,0 +1,12 @@
+/**
+ * @file src/components/tables/tableStyles.ts
+ * @desc The cell padding Th and Td share (internal): room on the right between columns, none after
+ *       the last one, as the apps' tables have it.
+ * @author David @dvhsh (https://dvh.sh)
+ * @created Mon Sep 28, 2026
+ * @modified Mon Sep 28, 2026
+ */
+/** A header or data cell: py-2 and pr-3, with no right padding on the row's last cell. */
+export const CELL = "py-2 pr-3 last:pr-0";
+/** Numbers line up in a column. */
+export const NUMERIC = "tabular-nums";

package/dist/index.d.ts

@@ -5,35 +5,56 @@
  *       their own "use client" directive, so this barrel is safe to import from Server Components.
  * @author David @dvhsh (https://dvh.sh)
  * @created Wed Sep 23, 2026
- * @modified Fri Sep 25, 2026
+ * @modified Mon Sep 28, 2026
  */
+export { AsyncButton, type AsyncButtonProps } from "./components/actions/AsyncButton.js";
 export { CopyButton, type CopyButtonProps } from "./components/actions/CopyButton.js";
-export { JsonLd, type JsonLdProps } from "./components/actions/JsonLd.js";
+export { InlineConfirm, type InlineConfirmProps } from "./components/actions/InlineConfirm.js";
 export { Pagination, type PaginationProps } from "./components/actions/Pagination.js";
+export { Badge, type BadgeProps, type BadgeTone } from "./components/basics/Badge.js";
 export { Button, type ButtonProps } from "./components/basics/Button.js";
 export { ButtonLink, type ButtonLinkProps } from "./components/basics/ButtonLink.js";
 export { type ButtonClassOptions, type ButtonSize, type ButtonVariant, buttonClasses, } from "./components/basics/buttonStyles.js";
 export { Card, type CardProps } from "./components/basics/Card.js";
+export type { HeadingLevel } from "./components/basics/cardStyles.js";
+export { Disclosure, type DisclosureProps } from "./components/basics/Disclosure.js";
+export { type LinkClassOptions, linkClasses, type TextLinkVariant, } from "./components/basics/linkStyles.js";
 export { Notice, type NoticeProps, type NoticeTone } from "./components/basics/Notice.js";
 export { PageHeader, type PageHeaderProps } from "./components/basics/PageHeader.js";
 export { Prose, type ProseProps } from "./components/basics/Prose.js";
+export { TextLink, type TextLinkProps } from "./components/basics/TextLink.js";
 export { Chip, type ChipProps } from "./components/filters/Chip.js";
 export { ChipGroup, type ChipGroupProps, type ChipOption } from "./components/filters/ChipGroup.js";
+export { type ChoiceChipOption, ChoiceChips, type ChoiceChipsProps, } from "./components/filters/ChoiceChips.js";
 export { FilterPanel, type FilterPanelProps } from "./components/filters/FilterPanel.js";
 export { FilterRow, type FilterRowProps } from "./components/filters/FilterRow.js";
 export { RangeSlider, type RangeSliderProps, type RangeSliderValue, } from "./components/filters/RangeSlider.js";
 export { Checkbox, type CheckboxProps } from "./components/forms/Checkbox.js";
 export type { FieldProps } from "./components/forms/FieldFrame.js";
 export { fieldClasses } from "./components/forms/fieldStyles.js";
+export { RadioGroup, type RadioGroupProps, type RadioOption, } from "./components/forms/RadioGroup.js";
 export { Select, type SelectProps } from "./components/forms/Select.js";
 export { Textarea, type TextareaProps } from "./components/forms/Textarea.js";
 export { TextInput, type TextInputProps } from "./components/forms/TextInput.js";
+export { TypeToConfirm, type TypeToConfirmProps } from "./components/forms/TypeToConfirm.js";
 export { DiscordIcon, type DiscordIconProps } from "./components/icons/DiscordIcon.js";
 export { GitHubIcon, type GitHubIconProps } from "./components/icons/GitHubIcon.js";
 export { HaruhimeWordmark, type HaruhimeWordmarkProps, } from "./components/icons/HaruhimeWordmark.js";
 export { HaruhimeWordmarkLink, type HaruhimeWordmarkLinkProps, } from "./components/icons/HaruhimeWordmarkLink.js";
+export { JsonLd, type JsonLdProps } from "./components/meta/JsonLd.js";
+export { type BeatmapStatKey, BeatmapStats, type BeatmapStatsProps, } from "./components/osu/BeatmapStats.js";
+export { ModBadge, type ModBadgeProps } from "./components/osu/ModBadge.js";
+export { StarRating, type StarRatingProps } from "./components/osu/StarRating.js";
+export { HeaderMenu, type HeaderMenuItem, type HeaderMenuProps, } from "./components/shell/HeaderMenu.js";
+export { type LinkTabItem, LinkTabs, type LinkTabsProps } from "./components/shell/LinkTabs.js";
 export type { SiteLinkItem } from "./components/shell/links.js";
 export { NavLinks, type NavLinksProps, type SiteNavAlign } from "./components/shell/NavLinks.js";
 export { PageShell, type PageShellProps } from "./components/shell/PageShell.js";
 export { SiteFooter, type SiteFooterColumn, type SiteFooterProps, } from "./components/shell/SiteFooter.js";
 export { SiteHeader, type SiteHeaderProps } from "./components/shell/SiteHeader.js";
+export { Table, type TableProps } from "./components/tables/Table.js";
+export { TBody, type TBodyProps } from "./components/tables/TBody.js";
+export { Td, type TdProps } from "./components/tables/Td.js";
+export { THead, type THeadProps } from "./components/tables/THead.js";
+export { Th, type ThProps } from "./components/tables/Th.js";
+export { type ClassValue, cx } from "./utils/cx.js";

package/dist/index.js

@@ -5,38 +5,63 @@
  *       their own "use client" directive, so this barrel is safe to import from Server Components.
  * @author David @dvhsh (https://dvh.sh)
  * @created Wed Sep 23, 2026
- * @modified Fri Sep 25, 2026
+ * @modified Mon Sep 28, 2026
  */
 // Actions
+export { AsyncButton } from "./components/actions/AsyncButton.js";
 export { CopyButton } from "./components/actions/CopyButton.js";
-export { JsonLd } from "./components/actions/JsonLd.js";
+export { InlineConfirm } from "./components/actions/InlineConfirm.js";
 export { Pagination } from "./components/actions/Pagination.js";
 // Basics
+export { Badge } from "./components/basics/Badge.js";
 export { Button } from "./components/basics/Button.js";
 export { ButtonLink } from "./components/basics/ButtonLink.js";
 export { buttonClasses, } from "./components/basics/buttonStyles.js";
 export { Card } from "./components/basics/Card.js";
+export { Disclosure } from "./components/basics/Disclosure.js";
+export { linkClasses, } from "./components/basics/linkStyles.js";
 export { Notice } from "./components/basics/Notice.js";
 export { PageHeader } from "./components/basics/PageHeader.js";
 export { Prose } from "./components/basics/Prose.js";
+export { TextLink } from "./components/basics/TextLink.js";
 // Filters
 export { Chip } from "./components/filters/Chip.js";
 export { ChipGroup } from "./components/filters/ChipGroup.js";
+export { ChoiceChips, } from "./components/filters/ChoiceChips.js";
 export { FilterPanel } from "./components/filters/FilterPanel.js";
 export { FilterRow } from "./components/filters/FilterRow.js";
 export { RangeSlider, } from "./components/filters/RangeSlider.js";
 // Forms
 export { Checkbox } from "./components/forms/Checkbox.js";
 export { fieldClasses } from "./components/forms/fieldStyles.js";
+export { RadioGroup, } from "./components/forms/RadioGroup.js";
 export { Select } from "./components/forms/Select.js";
 export { Textarea } from "./components/forms/Textarea.js";
 export { TextInput } from "./components/forms/TextInput.js";
+export { TypeToConfirm } from "./components/forms/TypeToConfirm.js";
 // Icons
 export { DiscordIcon } from "./components/icons/DiscordIcon.js";
 export { GitHubIcon } from "./components/icons/GitHubIcon.js";
 export { HaruhimeWordmark, } from "./components/icons/HaruhimeWordmark.js";
 export { HaruhimeWordmarkLink, } from "./components/icons/HaruhimeWordmarkLink.js";
+// Meta
+export { JsonLd } from "./components/meta/JsonLd.js";
+// osu!
+export { BeatmapStats, } from "./components/osu/BeatmapStats.js";
+export { ModBadge } from "./components/osu/ModBadge.js";
+export { StarRating } from "./components/osu/StarRating.js";
+// Shell
+export { HeaderMenu, } from "./components/shell/HeaderMenu.js";
+export { LinkTabs } from "./components/shell/LinkTabs.js";
 export { NavLinks } from "./components/shell/NavLinks.js";
 export { PageShell } from "./components/shell/PageShell.js";
 export { SiteFooter, } from "./components/shell/SiteFooter.js";
 export { SiteHeader } from "./components/shell/SiteHeader.js";
+// Tables
+export { Table } from "./components/tables/Table.js";
+export { TBody } from "./components/tables/TBody.js";
+export { Td } from "./components/tables/Td.js";
+export { THead } from "./components/tables/THead.js";
+export { Th } from "./components/tables/Th.js";
+// Utilities
+export { cx } from "./utils/cx.js";

package/dist/utils/href.d.ts

@@ -1,15 +1,18 @@
 /**
  * @file src/utils/href.ts
  * @desc Tells hrefs that leave the app (a URL scheme or a protocol-relative //host) from paths
- *       inside it, so links can pick a plain <a> or next/link.
+ *       inside it, so links can pick a plain <a> or next/link. It reads an href the way a
+ *       browser's URL parser does: leading spaces and control characters don't count, tabs and
+ *       newlines anywhere are dropped, and a backslash counts as a slash (`/\host` is `//host`).
  * @author David @dvhsh (https://dvh.sh)
  * @created Wed Sep 23, 2026
- * @modified Wed Sep 23, 2026
+ * @modified Mon Sep 28, 2026
  */
 /**
  * @function isExternalHref
  * @param href {string} a link target
- * @returns {boolean} true when the href has a scheme or starts with `//`, so it leaves the app
- *          and should be a plain `<a>` instead of `next/link`
+ * @returns {boolean} true when a browser reads the href as a scheme or a `//host` (so also
+ *          `/\host`, `\\host` and `" https://host"`): it leaves the app and should be a plain
+ *          `<a>` instead of `next/link`
  */
 export declare const isExternalHref: (href: string) => boolean;

package/dist/utils/href.js

@@ -1,17 +1,33 @@
 /**
  * @file src/utils/href.ts
  * @desc Tells hrefs that leave the app (a URL scheme or a protocol-relative //host) from paths
- *       inside it, so links can pick a plain <a> or next/link.
+ *       inside it, so links can pick a plain <a> or next/link. It reads an href the way a
+ *       browser's URL parser does: leading spaces and control characters don't count, tabs and
+ *       newlines anywhere are dropped, and a backslash counts as a slash (`/\host` is `//host`).
  * @author David @dvhsh (https://dvh.sh)
  * @created Wed Sep 23, 2026
- * @modified Wed Sep 23, 2026
+ * @modified Mon Sep 28, 2026
  */
-// A URL scheme ("https:", "mailto:") or a protocol-relative "//host".
-const EXTERNAL = /^(?:[a-z][a-z\d+.-]*:|\/\/)/i;
+// A URL scheme ("https:", "mailto:") or a protocol-relative "//host", with "\" read as "/".
+const EXTERNAL = /^(?:[a-z][a-z\d+.-]*:|[/\\]{2})/i;
+/**
+ * @function parsedStart
+ * @param href {string} a link target
+ * @returns {string} the href as the URL parser starts reading it: every tab, line feed and
+ *          carriage return removed, then the leading C0 controls and spaces
+ */
+const parsedStart = (href) => {
+    const text = href.replace(/[\t\n\r]/g, "");
+    let start = 0;
+    while (start < text.length && text.charCodeAt(start) <= 0x20)
+        start++;
+    return text.slice(start);
+};
 /**
  * @function isExternalHref
  * @param href {string} a link target
- * @returns {boolean} true when the href has a scheme or starts with `//`, so it leaves the app
- *          and should be a plain `<a>` instead of `next/link`
+ * @returns {boolean} true when a browser reads the href as a scheme or a `//host` (so also
+ *          `/\host`, `\\host` and `" https://host"`): it leaves the app and should be a plain
+ *          `<a>` instead of `next/link`
  */
-export const isExternalHref = (href) => EXTERNAL.test(href);
+export const isExternalHref = (href) => EXTERNAL.test(parsedStart(href));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@haruhimemoe/ui",
-  "version": "0.3.0",
-  "description": "React components for the haruhime.moe osu! tools on Next.js: the osu!-web-style palette as a Tailwind theme, buttons, cards, form fields, filter controls and the site header and footer.",
+  "version": "0.4.0",
+  "description": "React components for the haruhime.moe osu! tools on Next.js: the osu!-web-style palette as a Tailwind theme, buttons, cards, form fields and confirms, filter controls, tables, osu! beatmap display pieces and the site header and footer.",
   "keywords": [
     "osu",
     "osu!",
@@ -50,7 +50,7 @@
     "build": "bun run clean && tsc -p tsconfig.build.json && node -e \"require('node:fs').copyFileSync('src/theme.css','dist/theme.css')\"",
     "check": "biome check .",
     "check:fix": "biome check --write .",
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsc --noEmit && tsc -p scripts/consumer-fixture/tsconfig.json",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",
     "test:watch": "vitest",

package/dist/components/shell/AutoLink.d.ts

@@ -1,19 +0,0 @@
-/**
- * @file src/components/shell/AutoLink.tsx
- * @desc A link that picks its element from the href: `next/link` for paths inside the app, a
- *       plain `<a>` for anything with a scheme (https:, mailto:) or a protocol-relative URL.
- * @author David @dvhsh (https://dvh.sh)
- * @created Wed Sep 23, 2026
- * @modified Wed Sep 23, 2026
- */
-import type { ComponentProps } from "react";
-/** Every native `<a>` prop (including `ref`), with `href` required and a plain string. */
-export type AutoLinkProps = Omit<ComponentProps<"a">, "href"> & {
-    href: string;
-};
-/**
- * @function AutoLink
- * @param props {AutoLinkProps} native anchor props with a string href
- * @returns {JSX.Element} a `next/link` for internal paths, a plain `<a>` for external URLs
- */
-export declare function AutoLink({ href, ...props }: AutoLinkProps): import("react").JSX.Element;

package/dist/components/shell/AutoLink.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @file src/components/shell/AutoLink.tsx
- * @desc A link that picks its element from the href: `next/link` for paths inside the app, a
- *       plain `<a>` for anything with a scheme (https:, mailto:) or a protocol-relative URL.
- * @author David @dvhsh (https://dvh.sh)
- * @created Wed Sep 23, 2026
- * @modified Wed Sep 23, 2026
- */
-import Link from "next/link.js";
-import { isExternalHref } from "./links.js";
-/**
- * @function AutoLink
- * @param props {AutoLinkProps} native anchor props with a string href
- * @returns {JSX.Element} a `next/link` for internal paths, a plain `<a>` for external URLs
- */
-export function AutoLink({ href, ...props }) {
-    if (isExternalHref(href))
-        return _jsx("a", { href: href, ...props });
-    // Link takes every anchor prop, but types a few handlers (onClick, onMouseEnter) without
-    // `| undefined`, which exactOptionalPropertyTypes rejects for a spread of optional props.
-    return _jsx(Link, { href: href, ...props });
-}