@misoto22/folio 0.0.0 → 0.16.0

package/dist/website/Actions/Actions.d.ts

@@ -0,0 +1,34 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface ActionMenuItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    onSelect: () => void;
+    keepOpen?: boolean;
+    separatorBefore?: boolean;
+}
+interface ActionMenuProps {
+    label: string;
+    icon: ReactNode;
+    items: ActionMenuItem[];
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    side?: 'top' | 'bottom';
+    align?: 'start' | 'center' | 'end';
+    /** A host-native action may replace the menu on a supported device. */
+    onTriggerAction?: () => void;
+    className?: string;
+}
+/** A collision-aware action menu with roving focus and an optional native trigger. */
+declare function ActionMenu({ label, icon, items, open, onOpenChange, side, align, onTriggerAction, className }: ActionMenuProps): react.JSX.Element;
+interface ScrollControlProps {
+    label: string;
+    visible: boolean;
+    onActivate: () => void;
+}
+/** Page position belongs to the host; visibility and a safe tab stop belong here. */
+declare function ScrollControl({ label, visible, onActivate }: ScrollControlProps): react.JSX.Element;
+
+export { ActionMenu, type ActionMenuItem, type ActionMenuProps, ScrollControl, type ScrollControlProps };

package/dist/website/Actions/Actions.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { RiArrowUpLine } from "@remixicon/react";
+import { Button } from "../../components/Button/Button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../../components/DropdownMenu/DropdownMenu.js";
+import { FloatingIconButton } from "../../components/FloatingIconButton/FloatingIconButton.js";
+import { cn } from "../../lib/cn.js";
+function ActionMenu({ label, icon, items, open, onOpenChange, side = "bottom", align = "center", onTriggerAction, className }) {
+  const trigger = /* @__PURE__ */ jsx(Button, { variant: "ghost", iconOnly: true, "aria-label": label, className, onClick: onTriggerAction, children: icon });
+  if (onTriggerAction) return trigger;
+  return /* @__PURE__ */ jsxs(DropdownMenu, { open, onOpenChange, modal: false, children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align, side, sideOffset: 8, collisionPadding: 8, className: "folio-action-menu", onEscapeKeyDown: (event) => event.stopPropagation(), children: items.map((item) => /* @__PURE__ */ jsxs("div", { children: [
+      item.separatorBefore && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx(DropdownMenuItem, { icon: item.icon, className: "folio-action-menu-item", onSelect: (event) => {
+        if (item.keepOpen) event.preventDefault();
+        item.onSelect();
+      }, children: item.label })
+    ] }, item.id)) })
+  ] });
+}
+function ScrollControl({ label, visible, onActivate }) {
+  return /* @__PURE__ */ jsx(FloatingIconButton, { position: "end", label, onClick: onActivate, disabled: !visible, tabIndex: visible ? 0 : -1, "aria-hidden": !visible || void 0, className: cn("folio-scroll-control", !visible && "folio-scroll-control-hidden"), children: /* @__PURE__ */ jsx(RiArrowUpLine, { size: 18, "aria-hidden": "true" }) });
+}
+export {
+  ActionMenu,
+  ScrollControl
+};
+//# sourceMappingURL=Actions.js.map

package/dist/website/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/website/Actions/Actions.tsx"],"sourcesContent":["'use client'\n\nimport { RiArrowUpLine } from '@remixicon/react'\nimport type { ReactNode } from 'react'\nimport { Button } from '../../components/Button/Button'\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../../components/DropdownMenu/DropdownMenu'\nimport { FloatingIconButton } from '../../components/FloatingIconButton/FloatingIconButton'\nimport { cn } from '../../lib/cn'\n\nexport interface ActionMenuItem {\n  id: string\n  label: string\n  icon?: ReactNode\n  onSelect: () => void\n  keepOpen?: boolean\n  separatorBefore?: boolean\n}\n\nexport interface ActionMenuProps {\n  label: string\n  icon: ReactNode\n  items: ActionMenuItem[]\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  side?: 'top' | 'bottom'\n  align?: 'start' | 'center' | 'end'\n  /** A host-native action may replace the menu on a supported device. */\n  onTriggerAction?: () => void\n  className?: string\n}\n\n/** A collision-aware action menu with roving focus and an optional native trigger. */\nexport function ActionMenu({ label, icon, items, open, onOpenChange, side = 'bottom', align = 'center', onTriggerAction, className }: ActionMenuProps) {\n  const trigger = <Button variant=\"ghost\" iconOnly aria-label={label} className={className} onClick={onTriggerAction}>{icon}</Button>\n  if (onTriggerAction) return trigger\n  return (\n    <DropdownMenu open={open} onOpenChange={onOpenChange} modal={false}>\n      <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n      <DropdownMenuContent align={align} side={side} sideOffset={8} collisionPadding={8} className=\"folio-action-menu\" onEscapeKeyDown={(event) => event.stopPropagation()}>\n        {items.map((item) => <div key={item.id}>{item.separatorBefore && <DropdownMenuSeparator />}<DropdownMenuItem icon={item.icon} className=\"folio-action-menu-item\" onSelect={(event) => { if (item.keepOpen) event.preventDefault(); item.onSelect() }}>{item.label}</DropdownMenuItem></div>)}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n\nexport interface ScrollControlProps {\n  label: string\n  visible: boolean\n  onActivate: () => void\n}\n\n/** Page position belongs to the host; visibility and a safe tab stop belong here. */\nexport function ScrollControl({ label, visible, onActivate }: ScrollControlProps) {\n  return <FloatingIconButton position=\"end\" label={label} onClick={onActivate} disabled={!visible} tabIndex={visible ? 0 : -1} aria-hidden={!visible || undefined} className={cn('folio-scroll-control', !visible && 'folio-scroll-control-hidden')}><RiArrowUpLine size={18} aria-hidden=\"true\" /></FloatingIconButton>\n}\n"],"mappings":";AAiCkB,cAMW,YANX;AA/BlB,SAAS,qBAAqB;AAE9B,SAAS,cAAc;AACvB,SAAS,cAAc,qBAAqB,kBAAkB,uBAAuB,2BAA2B;AAChH,SAAS,0BAA0B;AACnC,SAAS,UAAU;AAyBZ,SAAS,WAAW,EAAE,OAAO,MAAM,OAAO,MAAM,cAAc,OAAO,UAAU,QAAQ,UAAU,iBAAiB,UAAU,GAAoB;AACrJ,QAAM,UAAU,oBAAC,UAAO,SAAQ,SAAQ,UAAQ,MAAC,cAAY,OAAO,WAAsB,SAAS,iBAAkB,gBAAK;AAC1H,MAAI,gBAAiB,QAAO;AAC5B,SACE,qBAAC,gBAAa,MAAY,cAA4B,OAAO,OAC3D;AAAA,wBAAC,uBAAoB,SAAO,MAAE,mBAAQ;AAAA,IACtC,oBAAC,uBAAoB,OAAc,MAAY,YAAY,GAAG,kBAAkB,GAAG,WAAU,qBAAoB,iBAAiB,CAAC,UAAU,MAAM,gBAAgB,GAChK,gBAAM,IAAI,CAAC,SAAS,qBAAC,SAAmB;AAAA,WAAK,mBAAmB,oBAAC,yBAAsB;AAAA,MAAG,oBAAC,oBAAiB,MAAM,KAAK,MAAM,WAAU,0BAAyB,UAAU,CAAC,UAAU;AAAE,YAAI,KAAK,SAAU,OAAM,eAAe;AAAG,aAAK,SAAS;AAAA,MAAE,GAAI,eAAK,OAAM;AAAA,SAAnO,KAAK,EAAiP,CAAM,GAC7R;AAAA,KACF;AAEJ;AASO,SAAS,cAAc,EAAE,OAAO,SAAS,WAAW,GAAuB;AAChF,SAAO,oBAAC,sBAAmB,UAAS,OAAM,OAAc,SAAS,YAAY,UAAU,CAAC,SAAS,UAAU,UAAU,IAAI,IAAI,eAAa,CAAC,WAAW,QAAW,WAAW,GAAG,wBAAwB,CAAC,WAAW,6BAA6B,GAAG,8BAAC,iBAAc,MAAM,IAAI,eAAY,QAAO,GAAE;AACnS;","names":[]}

package/dist/website/Collection/Collection.d.ts

@@ -0,0 +1,128 @@
+import * as react from 'react';
+import { ReactNode, HTMLAttributes, ReactElement, ElementType, ComponentProps } from 'react';
+
+/** An element supplied by a host router. The composition owns its children and appearance. */
+type CollectionLink = ReactElement<{
+    children?: ReactNode;
+}>;
+interface ContentBandProps extends HTMLAttributes<HTMLElement> {
+    as?: ElementType;
+    tone?: 'base' | 'muted' | 'feature';
+    bleed?: boolean;
+    spacing?: 'none' | 'content' | 'section';
+}
+declare function ContentBand({ as: Component, tone, bleed, spacing, className, children, ...rest }: ContentBandProps): react.JSX.Element;
+interface CollectionIntroProps {
+    title: ReactNode;
+    description?: ReactNode;
+    context?: ReactNode;
+    media?: ReactNode;
+    actions?: ReactNode;
+    compact?: boolean;
+}
+declare function CollectionIntro({ title, description, context, media, actions, compact }: CollectionIntroProps): react.JSX.Element;
+interface CollectionMetadataItem {
+    id?: string;
+    label: ReactNode;
+    value: ReactNode;
+}
+interface CollectionMetadataProps {
+    items: CollectionMetadataItem[];
+}
+declare function CollectionMetadata({ items }: CollectionMetadataProps): react.JSX.Element | null;
+interface CollectionGroupProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    title?: ReactNode;
+    caption?: ReactNode;
+    headingId?: string;
+    compact?: boolean;
+}
+declare function CollectionGroup({ title, caption, headingId, compact, children, className, ...rest }: CollectionGroupProps): react.JSX.Element;
+interface CollectionFilter {
+    value: string | null;
+    label: string;
+    count?: number;
+}
+interface CollectionSearchProps {
+    value: string;
+    onChange: (value: string) => void;
+    label: string;
+    placeholder?: string;
+    clearLabel: string;
+    focusShortcut?: boolean;
+}
+declare function CollectionSearch({ value, onChange, label, placeholder, clearLabel, focusShortcut }: CollectionSearchProps): react.JSX.Element;
+interface CollectionControlsProps {
+    items: CollectionFilter[];
+    selected: string | null;
+    onSelect: (value: string | null) => void;
+    filterLabel?: string;
+    search?: CollectionSearchProps;
+    quiet?: boolean;
+    showCounts?: boolean;
+}
+declare function CollectionControls({ items, selected, onSelect, filterLabel, search, quiet, showCounts }: CollectionControlsProps): react.JSX.Element;
+interface HighlightedTextProps {
+    text: string;
+    query: string;
+    className?: string;
+}
+declare function HighlightedText({ text, query, className }: HighlightedTextProps): react.JSX.Element;
+interface RecordRowProps {
+    link?: CollectionLink;
+    title: ReactNode;
+    summary?: ReactNode;
+    context?: ReactNode;
+    media?: ReactNode;
+    index?: ReactNode;
+    metadata?: ReactNode;
+    trailing?: ReactNode;
+    subtitle?: ReactNode;
+    headingLevel?: 2 | 3;
+    variant?: 'editorial' | 'media' | 'compact';
+}
+declare function RecordRow({ link, title, summary, context, media, index, metadata, trailing, subtitle, headingLevel, variant }: RecordRowProps): react.JSX.Element;
+interface FeaturedRecordProps {
+    media: ReactNode;
+    title: ReactNode;
+    context?: ReactNode;
+    summary?: ReactNode;
+    action?: ReactNode;
+}
+declare function FeaturedRecord({ media, title, context, summary, action }: FeaturedRecordProps): react.JSX.Element;
+interface CollectionEmptyProps {
+    message: string;
+    hint?: string;
+    action?: ReactNode;
+}
+declare function CollectionEmpty({ message, hint, action }: CollectionEmptyProps): react.JSX.Element;
+interface CollectionFooterProps {
+    children?: ReactNode;
+    feedback?: ReactNode;
+}
+declare function CollectionFooter({ children, feedback }: CollectionFooterProps): react.JSX.Element;
+interface TaxonomyLinksProps {
+    children: ReactNode;
+    label?: string;
+}
+declare function TaxonomyLinks({ children, label }: TaxonomyLinksProps): react.JSX.Element;
+interface ReferenceRowsProps {
+    items: {
+        id?: string;
+        label: ReactNode;
+        hint?: ReactNode;
+        content: ReactNode;
+    }[];
+}
+/** A quiet resource link for references, separate from action buttons. */
+declare function ReferenceLink({ children, className, ...props }: ComponentProps<'a'>): react.JSX.Element;
+declare function ReferenceRows({ items }: ReferenceRowsProps): react.JSX.Element;
+interface CollectionTallyProps {
+    children: ReactNode;
+}
+declare function CollectionTally({ children }: CollectionTallyProps): react.JSX.Element;
+interface CollectionListProps extends HTMLAttributes<HTMLUListElement> {
+    children: ReactNode;
+}
+declare function CollectionList({ className, ...props }: CollectionListProps): react.JSX.Element;
+
+export { CollectionControls, type CollectionControlsProps, CollectionEmpty, type CollectionEmptyProps, type CollectionFilter, CollectionFooter, type CollectionFooterProps, CollectionGroup, type CollectionGroupProps, CollectionIntro, type CollectionIntroProps, type CollectionLink, CollectionList, type CollectionListProps, CollectionMetadata, type CollectionMetadataItem, type CollectionMetadataProps, CollectionSearch, type CollectionSearchProps, CollectionTally, type CollectionTallyProps, ContentBand, type ContentBandProps, FeaturedRecord, type FeaturedRecordProps, HighlightedText, type HighlightedTextProps, RecordRow, type RecordRowProps, ReferenceLink, ReferenceRows, type ReferenceRowsProps, TaxonomyLinks, type TaxonomyLinksProps };

package/dist/website/Collection/Collection.js

@@ -0,0 +1,162 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { RiArrowRightUpLine, RiCloseLine, RiSearchLine } from "@remixicon/react";
+import { Button } from "../../components/Button/Button.js";
+import { Input } from "../../components/Input/Input.js";
+import { EmptyState } from "../../components/EmptyState/EmptyState.js";
+import { cn } from "../../lib/cn.js";
+import { replaceSlotContent } from "../../lib/slot-content.js";
+function ContentBand({ as: Component = "section", tone = "base", bleed = false, spacing = "none", className, children, ...rest }) {
+  return /* @__PURE__ */ jsx(Component, { className: cn("folio-content-band", className), "data-tone": tone, "data-bleed": bleed || void 0, "data-spacing": spacing, ...rest, children: bleed ? children : /* @__PURE__ */ jsx("div", { className: "folio-collection-frame", children }) });
+}
+function CollectionIntro({ title, description, context, media, actions, compact = false }) {
+  return /* @__PURE__ */ jsxs("header", { className: "folio-collection-intro", "data-compact": compact || void 0, children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      context != null && /* @__PURE__ */ jsx("div", { className: "folio-collection-context", children: context }),
+      /* @__PURE__ */ jsx("h1", { children: title }),
+      description && /* @__PURE__ */ jsx("p", { children: description }),
+      actions && /* @__PURE__ */ jsx("div", { className: "folio-collection-actions", children: actions })
+    ] }),
+    media && /* @__PURE__ */ jsx("div", { className: "folio-collection-intro-media", children: media })
+  ] });
+}
+function CollectionMetadata({ items }) {
+  if (!items.length) return null;
+  return /* @__PURE__ */ jsx("dl", { className: "folio-collection-metadata", children: items.map((item, index) => /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("dt", { children: item.label }),
+    /* @__PURE__ */ jsx("dd", { children: item.value })
+  ] }, item.id ?? index)) });
+}
+function CollectionGroup({ title, caption, headingId, compact, children, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("section", { className: cn("folio-collection-group", className), "data-compact": compact || void 0, ...rest, children: [
+    (title || caption) && /* @__PURE__ */ jsxs("div", { className: "folio-collection-group-heading", children: [
+      /* @__PURE__ */ jsx("h2", { id: headingId, children: title }),
+      caption && /* @__PURE__ */ jsx("span", { children: caption })
+    ] }),
+    children
+  ] });
+}
+function CollectionSearch({ value, onChange, label, placeholder, clearLabel, focusShortcut = false }) {
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!focusShortcut) return;
+    const onKey = (event) => {
+      const target = event.target;
+      const typing = target instanceof HTMLElement && (target.matches("input,textarea,select") || target.isContentEditable);
+      if (event.key === "/" && !typing && !event.metaKey && !event.ctrlKey && !event.altKey) {
+        event.preventDefault();
+        ref.current?.focus();
+      }
+      if (event.key === "Escape" && document.activeElement === ref.current) {
+        onChange("");
+        ref.current?.blur();
+      }
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [focusShortcut, onChange]);
+  return /* @__PURE__ */ jsxs("div", { className: "folio-collection-search", children: [
+    /* @__PURE__ */ jsx(RiSearchLine, { "aria-hidden": "true", size: 15 }),
+    /* @__PURE__ */ jsx(Input, { ref, "aria-label": label, type: "search", value, placeholder, onChange: (event) => onChange(event.target.value) }),
+    value && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", iconOnly: true, "aria-label": clearLabel, onClick: () => onChange(""), children: /* @__PURE__ */ jsx(RiCloseLine, { size: 15, "aria-hidden": "true" }) })
+  ] });
+}
+function CollectionControls({ items, selected, onSelect, filterLabel, search, quiet, showCounts = true }) {
+  return /* @__PURE__ */ jsxs("div", { className: "folio-collection-controls", "data-quiet": quiet || void 0, children: [
+    items.length > 0 && /* @__PURE__ */ jsxs("div", { className: "folio-collection-filters", role: "group", "aria-label": filterLabel, children: [
+      filterLabel && /* @__PURE__ */ jsx("span", { className: "folio-collection-context", children: filterLabel }),
+      items.map((item) => /* @__PURE__ */ jsxs(Button, { type: "button", variant: item.value === selected ? "secondary" : "ghost", "aria-pressed": item.value === selected, onClick: () => onSelect(item.value), children: [
+        item.label,
+        showCounts && item.count !== void 0 && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "folio-collection-count", children: item.count })
+      ] }, item.value ?? "__all"))
+    ] }),
+    search && /* @__PURE__ */ jsx(CollectionSearch, { ...search })
+  ] });
+}
+function HighlightedText({ text, query, className }) {
+  const needle = query.trim();
+  if (!needle) return /* @__PURE__ */ jsx("span", { className, children: text });
+  const parts = text.split(new RegExp(`(${needle.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")})`, "ig"));
+  return /* @__PURE__ */ jsx("span", { className, children: parts.map((part, index) => index % 2 ? /* @__PURE__ */ jsx("mark", { className: "folio-collection-highlight", children: part }, index) : part) });
+}
+function RecordRow({ link, title, summary, context, media, index, metadata, trailing, subtitle, headingLevel = 2, variant = "editorial" }) {
+  const Heading = headingLevel === 2 ? "h2" : "h3";
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    index != null && /* @__PURE__ */ jsx("span", { className: "folio-record-index", "aria-hidden": true, children: index }),
+    variant !== "compact" && /* @__PURE__ */ jsx("div", { className: "folio-record-media", "data-empty": !media || void 0, children: media }),
+    /* @__PURE__ */ jsxs("div", { className: "folio-record-copy", children: [
+      context && /* @__PURE__ */ jsx("div", { className: "folio-record-context", children: context }),
+      /* @__PURE__ */ jsx(Heading, { children: title }),
+      subtitle && /* @__PURE__ */ jsx("div", { className: "folio-record-subtitle", children: subtitle }),
+      summary && /* @__PURE__ */ jsx("p", { className: "folio-record-summary", children: summary }),
+      metadata && /* @__PURE__ */ jsx("div", { className: "folio-record-metadata", children: metadata })
+    ] }),
+    trailing && /* @__PURE__ */ jsx("div", { className: "folio-record-trailing", children: trailing })
+  ] });
+  return /* @__PURE__ */ jsx("article", { className: "folio-record", "data-variant": variant, "data-indexed": index != null || void 0, children: link ? /* @__PURE__ */ jsx(Slot, { className: "folio-record-link", children: replaceSlotContent(link, body) }) : /* @__PURE__ */ jsx("div", { className: "folio-record-link", children: body }) });
+}
+function FeaturedRecord({ media, title, context, summary, action }) {
+  return /* @__PURE__ */ jsxs("article", { className: "folio-featured-record", children: [
+    /* @__PURE__ */ jsx("div", { className: "folio-featured-record-media", children: media }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      context && /* @__PURE__ */ jsx("div", { className: "folio-record-context", children: context }),
+      /* @__PURE__ */ jsx("h2", { children: title }),
+      summary && /* @__PURE__ */ jsx("p", { children: summary }),
+      action && /* @__PURE__ */ jsx("div", { className: "folio-collection-actions", children: action })
+    ] })
+  ] });
+}
+function CollectionEmpty({ message, hint, action }) {
+  return /* @__PURE__ */ jsx(EmptyState, { title: message, description: hint, action });
+}
+function CollectionFooter({ children, feedback }) {
+  return /* @__PURE__ */ jsxs("div", { className: "folio-collection-footer", children: [
+    feedback && /* @__PURE__ */ jsx("div", { role: "status", children: feedback }),
+    /* @__PURE__ */ jsx("div", { children })
+  ] });
+}
+function TaxonomyLinks({ children, label }) {
+  return /* @__PURE__ */ jsx("nav", { className: "folio-taxonomy-links", "aria-label": label, children });
+}
+function ReferenceLink({ children, className, ...props }) {
+  return /* @__PURE__ */ jsxs("a", { ...props, className: cn("folio-reference-link", className), children: [
+    /* @__PURE__ */ jsx("span", { children }),
+    /* @__PURE__ */ jsx(RiArrowRightUpLine, { size: 14, "aria-hidden": true })
+  ] });
+}
+function ReferenceRows({ items }) {
+  return /* @__PURE__ */ jsx("dl", { className: "folio-reference-rows", children: items.map((item, index) => /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("dt", { children: [
+      item.label,
+      item.hint && /* @__PURE__ */ jsx("p", { children: item.hint })
+    ] }),
+    /* @__PURE__ */ jsx("dd", { children: item.content })
+  ] }, item.id ?? index)) });
+}
+function CollectionTally({ children }) {
+  return /* @__PURE__ */ jsx("p", { className: "folio-collection-tally", children });
+}
+function CollectionList({ className, ...props }) {
+  return /* @__PURE__ */ jsx("ul", { className: cn("folio-collection-list", className), ...props });
+}
+export {
+  CollectionControls,
+  CollectionEmpty,
+  CollectionFooter,
+  CollectionGroup,
+  CollectionIntro,
+  CollectionList,
+  CollectionMetadata,
+  CollectionSearch,
+  CollectionTally,
+  ContentBand,
+  FeaturedRecord,
+  HighlightedText,
+  RecordRow,
+  ReferenceLink,
+  ReferenceRows,
+  TaxonomyLinks
+};
+//# sourceMappingURL=Collection.js.map

package/dist/website/Collection/Collection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/website/Collection/Collection.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef, type ComponentProps, type ElementType, type HTMLAttributes, type ReactElement, type ReactNode } from 'react'\nimport { Slot } from '@radix-ui/react-slot'\nimport { RiArrowRightUpLine, RiCloseLine, RiSearchLine } from '@remixicon/react'\nimport { Button } from '../../components/Button/Button'\nimport { Input } from '../../components/Input/Input'\nimport { EmptyState } from '../../components/EmptyState/EmptyState'\nimport { cn } from '../../lib/cn'\nimport { replaceSlotContent } from '../../lib/slot-content'\n\n/** An element supplied by a host router. The composition owns its children and appearance. */\nexport type CollectionLink = ReactElement<{ children?: ReactNode }>\n\nexport interface ContentBandProps extends HTMLAttributes<HTMLElement> {\n  as?: ElementType\n  tone?: 'base' | 'muted' | 'feature'\n  bleed?: boolean\n  spacing?: 'none' | 'content' | 'section'\n}\nexport function ContentBand({ as: Component = 'section', tone = 'base', bleed = false, spacing = 'none', className, children, ...rest }: ContentBandProps) {\n  return <Component className={cn('folio-content-band', className)} data-tone={tone} data-bleed={bleed || undefined} data-spacing={spacing} {...rest}>{bleed ? children : <div className=\"folio-collection-frame\">{children}</div>}</Component>\n}\nexport interface CollectionIntroProps {\n  title: ReactNode\n  description?: ReactNode\n  context?: ReactNode\n  media?: ReactNode\n  actions?: ReactNode\n  compact?: boolean\n}\nexport function CollectionIntro({ title, description, context, media, actions, compact = false }: CollectionIntroProps) {\n  return <header className=\"folio-collection-intro\" data-compact={compact || undefined}>\n    <div>{context != null && <div className=\"folio-collection-context\">{context}</div>}<h1>{title}</h1>{description && <p>{description}</p>}{actions && <div className=\"folio-collection-actions\">{actions}</div>}</div>\n    {media && <div className=\"folio-collection-intro-media\">{media}</div>}\n  </header>\n}\nexport interface CollectionMetadataItem { id?: string; label: ReactNode; value: ReactNode }\nexport interface CollectionMetadataProps { items: CollectionMetadataItem[] }\nexport function CollectionMetadata({ items }: CollectionMetadataProps) {\n  if (!items.length) return null\n  return <dl className=\"folio-collection-metadata\">{items.map((item, index) => <div key={item.id ?? index}><dt>{item.label}</dt><dd>{item.value}</dd></div>)}</dl>\n}\nexport interface CollectionGroupProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> { title?: ReactNode; caption?: ReactNode; headingId?: string; compact?: boolean }\nexport function CollectionGroup({ title, caption, headingId, compact, children, className, ...rest }: CollectionGroupProps) {\n  return <section className={cn('folio-collection-group', className)} data-compact={compact || undefined} {...rest}>\n    {(title || caption) && <div className=\"folio-collection-group-heading\"><h2 id={headingId}>{title}</h2>{caption && <span>{caption}</span>}</div>}{children}\n  </section>\n}\nexport interface CollectionFilter { value: string | null; label: string; count?: number }\nexport interface CollectionSearchProps { value: string; onChange: (value: string) => void; label: string; placeholder?: string; clearLabel: string; focusShortcut?: boolean }\nexport function CollectionSearch({ value, onChange, label, placeholder, clearLabel, focusShortcut = false }: CollectionSearchProps) {\n  const ref = useRef<HTMLInputElement>(null)\n  useEffect(() => {\n    if (!focusShortcut) return\n    const onKey = (event: KeyboardEvent) => {\n      const target = event.target\n      const typing = target instanceof HTMLElement && (target.matches('input,textarea,select') || target.isContentEditable)\n      if (event.key === '/' && !typing && !event.metaKey && !event.ctrlKey && !event.altKey) { event.preventDefault(); ref.current?.focus() }\n      if (event.key === 'Escape' && document.activeElement === ref.current) { onChange(''); ref.current?.blur() }\n    }\n    window.addEventListener('keydown', onKey)\n    return () => window.removeEventListener('keydown', onKey)\n  }, [focusShortcut, onChange])\n  return <div className=\"folio-collection-search\"><RiSearchLine aria-hidden=\"true\" size={15} /><Input ref={ref} aria-label={label} type=\"search\" value={value} placeholder={placeholder} onChange={(event) => onChange(event.target.value)} />{value && <Button type=\"button\" variant=\"ghost\" iconOnly aria-label={clearLabel} onClick={() => onChange('')}><RiCloseLine size={15} aria-hidden=\"true\" /></Button>}</div>\n}\nexport interface CollectionControlsProps { items: CollectionFilter[]; selected: string | null; onSelect: (value: string | null) => void; filterLabel?: string; search?: CollectionSearchProps; quiet?: boolean; showCounts?: boolean }\nexport function CollectionControls({ items, selected, onSelect, filterLabel, search, quiet, showCounts = true }: CollectionControlsProps) {\n  return <div className=\"folio-collection-controls\" data-quiet={quiet || undefined}>\n    {items.length > 0 && <div className=\"folio-collection-filters\" role=\"group\" aria-label={filterLabel}>{filterLabel && <span className=\"folio-collection-context\">{filterLabel}</span>}{items.map((item) => <Button key={item.value ?? '__all'} type=\"button\" variant={item.value === selected ? 'secondary' : 'ghost'} aria-pressed={item.value === selected} onClick={() => onSelect(item.value)}>{item.label}{showCounts && item.count !== undefined && <span aria-hidden className=\"folio-collection-count\">{item.count}</span>}</Button>)}</div>}\n    {search && <CollectionSearch {...search} />}\n  </div>\n}\nexport interface HighlightedTextProps { text: string; query: string; className?: string }\nexport function HighlightedText({ text, query, className }: HighlightedTextProps) {\n  const needle = query.trim()\n  if (!needle) return <span className={className}>{text}</span>\n  const parts = text.split(new RegExp(`(${needle.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')})`, 'ig'))\n  return <span className={className}>{parts.map((part, index) => index % 2 ? <mark className=\"folio-collection-highlight\" key={index}>{part}</mark> : part)}</span>\n}\nexport interface RecordRowProps {\n  link?: CollectionLink\n  title: ReactNode\n  summary?: ReactNode\n  context?: ReactNode\n  media?: ReactNode\n  index?: ReactNode\n  metadata?: ReactNode\n  trailing?: ReactNode\n  subtitle?: ReactNode\n  headingLevel?: 2 | 3\n  variant?: 'editorial' | 'media' | 'compact'\n}\nexport function RecordRow({ link, title, summary, context, media, index, metadata, trailing, subtitle, headingLevel = 2, variant = 'editorial' }: RecordRowProps) {\n  const Heading = headingLevel === 2 ? 'h2' : 'h3'\n  const body = <>{index != null && <span className=\"folio-record-index\" aria-hidden>{index}</span>}{variant !== 'compact' && <div className=\"folio-record-media\" data-empty={!media || undefined}>{media}</div>}<div className=\"folio-record-copy\">{context && <div className=\"folio-record-context\">{context}</div>}<Heading>{title}</Heading>{subtitle && <div className=\"folio-record-subtitle\">{subtitle}</div>}{summary && <p className=\"folio-record-summary\">{summary}</p>}{metadata && <div className=\"folio-record-metadata\">{metadata}</div>}</div>{trailing && <div className=\"folio-record-trailing\">{trailing}</div>}</>\n  return <article className=\"folio-record\" data-variant={variant} data-indexed={index != null || undefined}>{link ? <Slot className=\"folio-record-link\">{replaceSlotContent(link, body)}</Slot> : <div className=\"folio-record-link\">{body}</div>}</article>\n}\nexport interface FeaturedRecordProps { media: ReactNode; title: ReactNode; context?: ReactNode; summary?: ReactNode; action?: ReactNode }\nexport function FeaturedRecord({ media, title, context, summary, action }: FeaturedRecordProps) {\n  return <article className=\"folio-featured-record\"><div className=\"folio-featured-record-media\">{media}</div><div>{context && <div className=\"folio-record-context\">{context}</div>}<h2>{title}</h2>{summary && <p>{summary}</p>}{action && <div className=\"folio-collection-actions\">{action}</div>}</div></article>\n}\nexport interface CollectionEmptyProps { message: string; hint?: string; action?: ReactNode }\nexport function CollectionEmpty({ message, hint, action }: CollectionEmptyProps) { return <EmptyState title={message} description={hint} action={action} /> }\nexport interface CollectionFooterProps { children?: ReactNode; feedback?: ReactNode }\nexport function CollectionFooter({ children, feedback }: CollectionFooterProps) { return <div className=\"folio-collection-footer\">{feedback && <div role=\"status\">{feedback}</div>}<div>{children}</div></div> }\nexport interface TaxonomyLinksProps { children: ReactNode; label?: string }\nexport function TaxonomyLinks({ children, label }: TaxonomyLinksProps) { return <nav className=\"folio-taxonomy-links\" aria-label={label}>{children}</nav> }\nexport interface ReferenceRowsProps { items: { id?: string; label: ReactNode; hint?: ReactNode; content: ReactNode }[] }\n/** A quiet resource link for references, separate from action buttons. */\nexport function ReferenceLink({ children, className, ...props }: ComponentProps<'a'>) { return <a {...props} className={cn('folio-reference-link', className)}><span>{children}</span><RiArrowRightUpLine size={14} aria-hidden /></a> }\nexport function ReferenceRows({ items }: ReferenceRowsProps) { return <dl className=\"folio-reference-rows\">{items.map((item, index) => <div key={item.id ?? index}><dt>{item.label}{item.hint && <p>{item.hint}</p>}</dt><dd>{item.content}</dd></div>)}</dl> }\nexport interface CollectionTallyProps { children: ReactNode }\nexport function CollectionTally({ children }: CollectionTallyProps) { return <p className=\"folio-collection-tally\">{children}</p> }\nexport interface CollectionListProps extends HTMLAttributes<HTMLUListElement> { children: ReactNode }\nexport function CollectionList({ className, ...props }: CollectionListProps) { return <ul className={cn('folio-collection-list', className)} {...props} /> }\n"],"mappings":";AAqB0K,SA0E3J,UA1E2J,KAYtK,YAZsK;AAnB1K,SAAS,WAAW,cAA6G;AACjI,SAAS,YAAY;AACrB,SAAS,oBAAoB,aAAa,oBAAoB;AAC9D,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AACnB,SAAS,0BAA0B;AAW5B,SAAS,YAAY,EAAE,IAAI,YAAY,WAAW,OAAO,QAAQ,QAAQ,OAAO,UAAU,QAAQ,WAAW,UAAU,GAAG,KAAK,GAAqB;AACzJ,SAAO,oBAAC,aAAU,WAAW,GAAG,sBAAsB,SAAS,GAAG,aAAW,MAAM,cAAY,SAAS,QAAW,gBAAc,SAAU,GAAG,MAAO,kBAAQ,WAAW,oBAAC,SAAI,WAAU,0BAA0B,UAAS,GAAO;AACnO;AASO,SAAS,gBAAgB,EAAE,OAAO,aAAa,SAAS,OAAO,SAAS,UAAU,MAAM,GAAyB;AACtH,SAAO,qBAAC,YAAO,WAAU,0BAAyB,gBAAc,WAAW,QACzE;AAAA,yBAAC,SAAK;AAAA,iBAAW,QAAQ,oBAAC,SAAI,WAAU,4BAA4B,mBAAQ;AAAA,MAAO,oBAAC,QAAI,iBAAM;AAAA,MAAM,eAAe,oBAAC,OAAG,uBAAY;AAAA,MAAM,WAAW,oBAAC,SAAI,WAAU,4BAA4B,mBAAQ;AAAA,OAAO;AAAA,IAC7M,SAAS,oBAAC,SAAI,WAAU,gCAAgC,iBAAM;AAAA,KACjE;AACF;AAGO,SAAS,mBAAmB,EAAE,MAAM,GAA4B;AACrE,MAAI,CAAC,MAAM,OAAQ,QAAO;AAC1B,SAAO,oBAAC,QAAG,WAAU,6BAA6B,gBAAM,IAAI,CAAC,MAAM,UAAU,qBAAC,SAA2B;AAAA,wBAAC,QAAI,eAAK,OAAM;AAAA,IAAK,oBAAC,QAAI,eAAK,OAAM;AAAA,OAAvD,KAAK,MAAM,KAAiD,CAAM,GAAE;AAC7J;AAEO,SAAS,gBAAgB,EAAE,OAAO,SAAS,WAAW,SAAS,UAAU,WAAW,GAAG,KAAK,GAAyB;AAC1H,SAAO,qBAAC,aAAQ,WAAW,GAAG,0BAA0B,SAAS,GAAG,gBAAc,WAAW,QAAY,GAAG,MACxG;AAAA,cAAS,YAAY,qBAAC,SAAI,WAAU,kCAAiC;AAAA,0BAAC,QAAG,IAAI,WAAY,iBAAM;AAAA,MAAM,WAAW,oBAAC,UAAM,mBAAQ;AAAA,OAAQ;AAAA,IAAQ;AAAA,KACnJ;AACF;AAGO,SAAS,iBAAiB,EAAE,OAAO,UAAU,OAAO,aAAa,YAAY,gBAAgB,MAAM,GAA0B;AAClI,QAAM,MAAM,OAAyB,IAAI;AACzC,YAAU,MAAM;AACd,QAAI,CAAC,cAAe;AACpB,UAAM,QAAQ,CAAC,UAAyB;AACtC,YAAM,SAAS,MAAM;AACrB,YAAM,SAAS,kBAAkB,gBAAgB,OAAO,QAAQ,uBAAuB,KAAK,OAAO;AACnG,UAAI,MAAM,QAAQ,OAAO,CAAC,UAAU,CAAC,MAAM,WAAW,CAAC,MAAM,WAAW,CAAC,MAAM,QAAQ;AAAE,cAAM,eAAe;AAAG,YAAI,SAAS,MAAM;AAAA,MAAE;AACtI,UAAI,MAAM,QAAQ,YAAY,SAAS,kBAAkB,IAAI,SAAS;AAAE,iBAAS,EAAE;AAAG,YAAI,SAAS,KAAK;AAAA,MAAE;AAAA,IAC5G;AACA,WAAO,iBAAiB,WAAW,KAAK;AACxC,WAAO,MAAM,OAAO,oBAAoB,WAAW,KAAK;AAAA,EAC1D,GAAG,CAAC,eAAe,QAAQ,CAAC;AAC5B,SAAO,qBAAC,SAAI,WAAU,2BAA0B;AAAA,wBAAC,gBAAa,eAAY,QAAO,MAAM,IAAI;AAAA,IAAE,oBAAC,SAAM,KAAU,cAAY,OAAO,MAAK,UAAS,OAAc,aAA0B,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK,GAAG;AAAA,IAAG,SAAS,oBAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,UAAQ,MAAC,cAAY,YAAY,SAAS,MAAM,SAAS,EAAE,GAAG,8BAAC,eAAY,MAAM,IAAI,eAAY,QAAO,GAAE;AAAA,KAAU;AAClZ;AAEO,SAAS,mBAAmB,EAAE,OAAO,UAAU,UAAU,aAAa,QAAQ,OAAO,aAAa,KAAK,GAA4B;AACxI,SAAO,qBAAC,SAAI,WAAU,6BAA4B,cAAY,SAAS,QACpE;AAAA,UAAM,SAAS,KAAK,qBAAC,SAAI,WAAU,4BAA2B,MAAK,SAAQ,cAAY,aAAc;AAAA,qBAAe,oBAAC,UAAK,WAAU,4BAA4B,uBAAY;AAAA,MAAS,MAAM,IAAI,CAAC,SAAS,qBAAC,UAAmC,MAAK,UAAS,SAAS,KAAK,UAAU,WAAW,cAAc,SAAS,gBAAc,KAAK,UAAU,UAAU,SAAS,MAAM,SAAS,KAAK,KAAK,GAAI;AAAA,aAAK;AAAA,QAAO,cAAc,KAAK,UAAU,UAAa,oBAAC,UAAK,eAAW,MAAC,WAAU,0BAA0B,eAAK,OAAM;AAAA,WAAnS,KAAK,SAAS,OAA6R,CAAS;AAAA,OAAE;AAAA,IAC5gB,UAAU,oBAAC,oBAAkB,GAAG,QAAQ;AAAA,KAC3C;AACF;AAEO,SAAS,gBAAgB,EAAE,MAAM,OAAO,UAAU,GAAyB;AAChF,QAAM,SAAS,MAAM,KAAK;AAC1B,MAAI,CAAC,OAAQ,QAAO,oBAAC,UAAK,WAAuB,gBAAK;AACtD,QAAM,QAAQ,KAAK,MAAM,IAAI,OAAO,IAAI,OAAO,QAAQ,uBAAuB,MAAM,CAAC,KAAK,IAAI,CAAC;AAC/F,SAAO,oBAAC,UAAK,WAAuB,gBAAM,IAAI,CAAC,MAAM,UAAU,QAAQ,IAAI,oBAAC,UAAK,WAAU,8BAA0C,kBAAR,KAAa,IAAU,IAAI,GAAE;AAC5J;AAcO,SAAS,UAAU,EAAE,MAAM,OAAO,SAAS,SAAS,OAAO,OAAO,UAAU,UAAU,UAAU,eAAe,GAAG,UAAU,YAAY,GAAmB;AAChK,QAAM,UAAU,iBAAiB,IAAI,OAAO;AAC5C,QAAM,OAAO,iCAAG;AAAA,aAAS,QAAQ,oBAAC,UAAK,WAAU,sBAAqB,eAAW,MAAE,iBAAM;AAAA,IAAS,YAAY,aAAa,oBAAC,SAAI,WAAU,sBAAqB,cAAY,CAAC,SAAS,QAAY,iBAAM;AAAA,IAAO,qBAAC,SAAI,WAAU,qBAAqB;AAAA,iBAAW,oBAAC,SAAI,WAAU,wBAAwB,mBAAQ;AAAA,MAAO,oBAAC,WAAS,iBAAM;AAAA,MAAW,YAAY,oBAAC,SAAI,WAAU,yBAAyB,oBAAS;AAAA,MAAQ,WAAW,oBAAC,OAAE,WAAU,wBAAwB,mBAAQ;AAAA,MAAM,YAAY,oBAAC,SAAI,WAAU,yBAAyB,oBAAS;AAAA,OAAO;AAAA,IAAO,YAAY,oBAAC,SAAI,WAAU,yBAAyB,oBAAS;AAAA,KAAO;AAChmB,SAAO,oBAAC,aAAQ,WAAU,gBAAe,gBAAc,SAAS,gBAAc,SAAS,QAAQ,QAAY,iBAAO,oBAAC,QAAK,WAAU,qBAAqB,6BAAmB,MAAM,IAAI,GAAE,IAAU,oBAAC,SAAI,WAAU,qBAAqB,gBAAK,GAAO;AAClP;AAEO,SAAS,eAAe,EAAE,OAAO,OAAO,SAAS,SAAS,OAAO,GAAwB;AAC9F,SAAO,qBAAC,aAAQ,WAAU,yBAAwB;AAAA,wBAAC,SAAI,WAAU,+BAA+B,iBAAM;AAAA,IAAM,qBAAC,SAAK;AAAA,iBAAW,oBAAC,SAAI,WAAU,wBAAwB,mBAAQ;AAAA,MAAO,oBAAC,QAAI,iBAAM;AAAA,MAAM,WAAW,oBAAC,OAAG,mBAAQ;AAAA,MAAM,UAAU,oBAAC,SAAI,WAAU,4BAA4B,kBAAO;AAAA,OAAO;AAAA,KAAM;AAC5S;AAEO,SAAS,gBAAgB,EAAE,SAAS,MAAM,OAAO,GAAyB;AAAE,SAAO,oBAAC,cAAW,OAAO,SAAS,aAAa,MAAM,QAAgB;AAAG;AAErJ,SAAS,iBAAiB,EAAE,UAAU,SAAS,GAA0B;AAAE,SAAO,qBAAC,SAAI,WAAU,2BAA2B;AAAA,gBAAY,oBAAC,SAAI,MAAK,UAAU,oBAAS;AAAA,IAAO,oBAAC,SAAK,UAAS;AAAA,KAAM;AAAO;AAExM,SAAS,cAAc,EAAE,UAAU,MAAM,GAAuB;AAAE,SAAO,oBAAC,SAAI,WAAU,wBAAuB,cAAY,OAAQ,UAAS;AAAO;AAGnJ,SAAS,cAAc,EAAE,UAAU,WAAW,GAAG,MAAM,GAAwB;AAAE,SAAO,qBAAC,OAAG,GAAG,OAAO,WAAW,GAAG,wBAAwB,SAAS,GAAG;AAAA,wBAAC,UAAM,UAAS;AAAA,IAAO,oBAAC,sBAAmB,MAAM,IAAI,eAAW,MAAC;AAAA,KAAE;AAAK;AAChO,SAAS,cAAc,EAAE,MAAM,GAAuB;AAAE,SAAO,oBAAC,QAAG,WAAU,wBAAwB,gBAAM,IAAI,CAAC,MAAM,UAAU,qBAAC,SAA2B;AAAA,yBAAC,QAAI;AAAA,WAAK;AAAA,MAAO,KAAK,QAAQ,oBAAC,OAAG,eAAK,MAAK;AAAA,OAAK;AAAA,IAAK,oBAAC,QAAI,eAAK,SAAQ;AAAA,OAA1F,KAAK,MAAM,KAAoF,CAAM,GAAE;AAAM;AAEvP,SAAS,gBAAgB,EAAE,SAAS,GAAyB;AAAE,SAAO,oBAAC,OAAE,WAAU,0BAA0B,UAAS;AAAK;AAE3H,SAAS,eAAe,EAAE,WAAW,GAAG,MAAM,GAAwB;AAAE,SAAO,oBAAC,QAAG,WAAW,GAAG,yBAAyB,SAAS,GAAI,GAAG,OAAO;AAAG;","names":[]}

package/dist/website/Contact/Contact.d.ts

@@ -0,0 +1,87 @@
+import * as react from 'react';
+import { ReactNode, FormEventHandler, HTMLAttributes } from 'react';
+import { DescriptionListItem } from '../../components/DescriptionList/DescriptionList.js';
+
+interface CorrespondenceSectionProps extends HTMLAttributes<HTMLDivElement> {
+    aside: ReactNode;
+    children: ReactNode;
+    /** The secondary column can precede or follow the main content. */
+    asidePosition?: 'start' | 'end';
+}
+/** A correspondence page's primary content and supporting facts. */
+declare function CorrespondenceSection({ aside, children, asidePosition, className, ...rest }: CorrespondenceSectionProps): react.JSX.Element;
+interface ContactFormValues {
+    name: string;
+    email: string;
+    subject: string;
+    message: string;
+}
+interface ContactFormLabels {
+    heading: string;
+    topic: string;
+    name: string;
+    email: string;
+    subject: string;
+    message: string;
+    namePlaceholder: string;
+    emailPlaceholder: string;
+    subjectPlaceholder: string;
+    messagePlaceholder: string;
+    optional: string;
+    note: string;
+    submit: string;
+    submitting: string;
+}
+interface ContactFormViewProps {
+    labels: ContactFormLabels;
+    values: ContactFormValues;
+    topics: {
+        value: string;
+        label: string;
+    }[];
+    topic: string;
+    onTopicChange: (value: string) => void;
+    onFieldChange: (field: keyof ContactFormValues, value: string) => void;
+    onSubmit: FormEventHandler<HTMLFormElement>;
+    limits: Record<keyof ContactFormValues, number>;
+    pending?: boolean;
+    error?: string;
+    /** A server-confirmed success. The host decides when the form can disappear. */
+    success?: {
+        title: string;
+        description: string;
+    };
+    /** Optional stable prefix for links to a specific form. */
+    idPrefix?: string;
+}
+/** Controlled contact form. Validation, submission and delivery remain host responsibilities. */
+declare function ContactFormView({ labels, values, topics, topic, onTopicChange, onFieldChange, onSubmit, limits, pending, error, success, idPrefix }: ContactFormViewProps): react.JSX.Element;
+interface ContactFactsProps {
+    label: string;
+    items: DescriptionListItem[];
+    links?: ReactNode;
+    linksLabel?: string;
+}
+/** Contact facts retain their definition-list semantics and optional navigation. */
+declare function ContactFacts({ label, items, links, linksLabel }: ContactFactsProps): react.JSX.Element;
+interface QuestionListProps extends HTMLAttributes<HTMLElement> {
+    title: string;
+    description?: string;
+    items: {
+        id: string;
+        question: string;
+        answer: string;
+    }[];
+}
+/** Visible questions and answers, useful when the complete answer set is short. */
+declare function QuestionList({ title, description, items, className, ...rest }: QuestionListProps): react.JSX.Element;
+interface LocationFigureProps extends HTMLAttributes<HTMLElement> {
+    label: string;
+    coordinates: string;
+    image?: ReactNode;
+    credit?: ReactNode;
+}
+/** Static map presentation; provider URLs, credentials and theme selection stay in the host. */
+declare function LocationFigure({ label, coordinates, image, credit, className, ...rest }: LocationFigureProps): react.JSX.Element;
+
+export { ContactFacts, type ContactFactsProps, type ContactFormLabels, type ContactFormValues, ContactFormView, type ContactFormViewProps, CorrespondenceSection, type CorrespondenceSectionProps, LocationFigure, type LocationFigureProps, QuestionList, type QuestionListProps };

package/dist/website/Contact/Contact.js

@@ -0,0 +1,94 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { Alert } from "../../components/Alert/Alert.js";
+import { Button } from "../../components/Button/Button.js";
+import { DescriptionList } from "../../components/DescriptionList/DescriptionList.js";
+import { Field } from "../../components/Field/Field.js";
+import { Heading } from "../../components/Heading/Heading.js";
+import { Input } from "../../components/Input/Input.js";
+import { Text } from "../../components/Text/Text.js";
+import { Textarea } from "../../components/Textarea/Textarea.js";
+import { ToggleGroup, ToggleGroupItem } from "../../components/ToggleGroup/ToggleGroup.js";
+import { cn } from "../../lib/cn.js";
+function CorrespondenceSection({ aside, children, asidePosition = "start", className, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("folio-correspondence", className), "data-aside-position": asidePosition, ...rest, children: [
+    asidePosition === "start" && aside,
+    children,
+    asidePosition === "end" && aside
+  ] });
+}
+function ContactFormView({ labels, values, topics, topic, onTopicChange, onFieldChange, onSubmit, limits, pending = false, error, success, idPrefix }) {
+  const generatedId = useId();
+  const prefix = idPrefix ?? generatedId;
+  const headingId = `${prefix}-intro`;
+  const fieldError = error ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: error }) : void 0;
+  return /* @__PURE__ */ jsxs("section", { className: "folio-contact-form", children: [
+    /* @__PURE__ */ jsx(Heading, { level: 2, id: headingId, className: "mb-8 max-w-[24ch]", children: labels.heading }),
+    /* @__PURE__ */ jsxs("div", { "aria-live": "polite", "aria-atomic": "true", children: [
+      error && /* @__PURE__ */ jsx(Alert, { id: `${prefix}-status`, tone: "danger", className: "mb-5", children: error }),
+      success && /* @__PURE__ */ jsx(Alert, { tone: "success", title: success.title, children: success.description })
+    ] }),
+    !success && /* @__PURE__ */ jsxs("form", { onSubmit, noValidate: true, "aria-labelledby": headingId, className: "folio-contact-form__fields", children: [
+      /* @__PURE__ */ jsx(Field, { label: labels.topic, children: /* @__PURE__ */ jsx(ToggleGroup, { type: "single", value: topic, onValueChange: (value) => {
+        if (value) onTopicChange(value);
+      }, className: "max-w-full flex-wrap", children: topics.map((item) => /* @__PURE__ */ jsx(ToggleGroupItem, { value: item.value, className: "min-h-11", children: item.label }, item.value)) }) }),
+      /* @__PURE__ */ jsxs("div", { className: "folio-contact-form__identity", children: [
+        /* @__PURE__ */ jsx(Field, { label: labels.name, required: true, htmlFor: `${prefix}-name`, error: fieldError, children: /* @__PURE__ */ jsx(Input, { name: "name", autoComplete: "name", value: values.name, onChange: (event) => onFieldChange("name", event.target.value), placeholder: labels.namePlaceholder, required: true, maxLength: limits.name, className: "min-h-11" }) }),
+        /* @__PURE__ */ jsx(Field, { label: labels.email, required: true, htmlFor: `${prefix}-email`, error: fieldError, children: /* @__PURE__ */ jsx(Input, { name: "email", type: "email", autoComplete: "email", value: values.email, onChange: (event) => onFieldChange("email", event.target.value), placeholder: labels.emailPlaceholder, required: true, maxLength: limits.email, className: "min-h-11" }) })
+      ] }),
+      /* @__PURE__ */ jsx(Field, { label: /* @__PURE__ */ jsxs(Fragment, { children: [
+        labels.subject,
+        " ",
+        /* @__PURE__ */ jsxs(Text, { as: "span", size: "xs", tone: "muted", children: [
+          "(",
+          labels.optional,
+          ")"
+        ] })
+      ] }), htmlFor: `${prefix}-subject`, children: /* @__PURE__ */ jsx(Input, { name: "subject", value: values.subject, onChange: (event) => onFieldChange("subject", event.target.value), placeholder: labels.subjectPlaceholder, maxLength: limits.subject, className: "min-h-11" }) }),
+      /* @__PURE__ */ jsx(Field, { label: labels.message, required: true, htmlFor: `${prefix}-message`, error: fieldError, children: /* @__PURE__ */ jsx(Textarea, { name: "message", value: values.message, onChange: (event) => onFieldChange("message", event.target.value), placeholder: labels.messagePlaceholder, required: true, maxLength: limits.message, rows: 6 }) }),
+      /* @__PURE__ */ jsxs("div", { className: "folio-contact-form__actions", children: [
+        /* @__PURE__ */ jsx(Text, { size: "xs", tone: "muted", className: "m-0 max-w-[30ch]", children: labels.note }),
+        /* @__PURE__ */ jsx(Button, { type: "submit", keycap: "\u21B5", loading: pending, className: "min-h-11", children: pending ? labels.submitting : labels.submit })
+      ] })
+    ] })
+  ] });
+}
+function ContactFacts({ label, items, links, linksLabel }) {
+  return /* @__PURE__ */ jsxs("aside", { "aria-label": label, className: "folio-contact-facts", children: [
+    /* @__PURE__ */ jsx(DescriptionList, { items, layout: "stacked" }),
+    links && /* @__PURE__ */ jsx("nav", { "aria-label": linksLabel, className: "folio-contact-facts__links", children: links })
+  ] });
+}
+function QuestionList({ title, description, items, className, ...rest }) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs("section", { "aria-labelledby": id, className: cn("folio-question-list", className), ...rest, children: [
+    /* @__PURE__ */ jsx(Heading, { level: 2, id, children: title }),
+    description && /* @__PURE__ */ jsx(Text, { className: "mb-8 mt-3 max-w-[42rem]", children: description }),
+    /* @__PURE__ */ jsx("div", { className: "folio-question-list__items", children: items.map((item) => /* @__PURE__ */ jsxs("article", { className: "folio-question-list__item", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 3, children: item.question }),
+      /* @__PURE__ */ jsx(Text, { className: "m-0", children: item.answer })
+    ] }, item.id)) })
+  ] });
+}
+function LocationFigure({ label, coordinates, image, credit, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("figure", { "aria-label": label, className: cn("folio-location-figure", className), ...rest, children: [
+    /* @__PURE__ */ jsxs("div", { className: "folio-location-figure__map", children: [
+      image ?? /* @__PURE__ */ jsx("span", { className: "folio-location-figure__crosshair", "aria-hidden": true }),
+      /* @__PURE__ */ jsx("span", { className: "folio-location-figure__marker", "aria-hidden": true })
+    ] }),
+    /* @__PURE__ */ jsxs("figcaption", { className: "folio-location-figure__caption", children: [
+      /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "strong", children: label }),
+      /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "muted", children: coordinates }),
+      credit && /* @__PURE__ */ jsx(Text, { as: "span", size: "xs", tone: "muted", className: "basis-full", children: credit })
+    ] })
+  ] });
+}
+export {
+  ContactFacts,
+  ContactFormView,
+  CorrespondenceSection,
+  LocationFigure,
+  QuestionList
+};
+//# sourceMappingURL=Contact.js.map

package/dist/website/Contact/Contact.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/website/Contact/Contact.tsx"],"sourcesContent":["'use client'\n\nimport { useId, type FormEventHandler, type HTMLAttributes, type ReactNode } from 'react'\nimport { Alert } from '../../components/Alert/Alert'\nimport { Button } from '../../components/Button/Button'\nimport { DescriptionList, type DescriptionListItem } from '../../components/DescriptionList/DescriptionList'\nimport { Field } from '../../components/Field/Field'\nimport { Heading } from '../../components/Heading/Heading'\nimport { Input } from '../../components/Input/Input'\nimport { Text } from '../../components/Text/Text'\nimport { Textarea } from '../../components/Textarea/Textarea'\nimport { ToggleGroup, ToggleGroupItem } from '../../components/ToggleGroup/ToggleGroup'\nimport { cn } from '../../lib/cn'\n\nexport interface CorrespondenceSectionProps extends HTMLAttributes<HTMLDivElement> {\n  aside: ReactNode\n  children: ReactNode\n  /** The secondary column can precede or follow the main content. */\n  asidePosition?: 'start' | 'end'\n}\n\n/** A correspondence page's primary content and supporting facts. */\nexport function CorrespondenceSection({ aside, children, asidePosition = 'start', className, ...rest }: CorrespondenceSectionProps) {\n  return (\n    <div className={cn('folio-correspondence', className)} data-aside-position={asidePosition} {...rest}>\n      {asidePosition === 'start' && aside}\n      {children}\n      {asidePosition === 'end' && aside}\n    </div>\n  )\n}\n\nexport interface ContactFormValues {\n  name: string\n  email: string\n  subject: string\n  message: string\n}\n\nexport interface ContactFormLabels {\n  heading: string\n  topic: string\n  name: string\n  email: string\n  subject: string\n  message: string\n  namePlaceholder: string\n  emailPlaceholder: string\n  subjectPlaceholder: string\n  messagePlaceholder: string\n  optional: string\n  note: string\n  submit: string\n  submitting: string\n}\n\nexport interface ContactFormViewProps {\n  labels: ContactFormLabels\n  values: ContactFormValues\n  topics: { value: string; label: string }[]\n  topic: string\n  onTopicChange: (value: string) => void\n  onFieldChange: (field: keyof ContactFormValues, value: string) => void\n  onSubmit: FormEventHandler<HTMLFormElement>\n  limits: Record<keyof ContactFormValues, number>\n  pending?: boolean\n  error?: string\n  /** A server-confirmed success. The host decides when the form can disappear. */\n  success?: { title: string; description: string }\n  /** Optional stable prefix for links to a specific form. */\n  idPrefix?: string\n}\n\n/** Controlled contact form. Validation, submission and delivery remain host responsibilities. */\nexport function ContactFormView({ labels, values, topics, topic, onTopicChange, onFieldChange, onSubmit, limits, pending = false, error, success, idPrefix }: ContactFormViewProps) {\n  const generatedId = useId()\n  const prefix = idPrefix ?? generatedId\n  const headingId = `${prefix}-intro`\n  // One visible summary, with the same feedback connected to each required\n  // control through Field. This keeps the summary concise and the fields named.\n  const fieldError = error ? <span className=\"sr-only\">{error}</span> : undefined\n\n  return (\n    <section className=\"folio-contact-form\">\n      <Heading level={2} id={headingId} className=\"mb-8 max-w-[24ch]\">{labels.heading}</Heading>\n      <div aria-live=\"polite\" aria-atomic=\"true\">\n        {error && <Alert id={`${prefix}-status`} tone=\"danger\" className=\"mb-5\">{error}</Alert>}\n        {success && <Alert tone=\"success\" title={success.title}>{success.description}</Alert>}\n      </div>\n      {!success && (\n        <form onSubmit={onSubmit} noValidate aria-labelledby={headingId} className=\"folio-contact-form__fields\">\n          <Field label={labels.topic}>\n            <ToggleGroup type=\"single\" value={topic} onValueChange={(value) => { if (value) onTopicChange(value) }} className=\"max-w-full flex-wrap\">\n              {topics.map((item) => <ToggleGroupItem key={item.value} value={item.value} className=\"min-h-11\">{item.label}</ToggleGroupItem>)}\n            </ToggleGroup>\n          </Field>\n          <div className=\"folio-contact-form__identity\">\n            <Field label={labels.name} required htmlFor={`${prefix}-name`} error={fieldError}>\n              <Input name=\"name\" autoComplete=\"name\" value={values.name} onChange={(event) => onFieldChange('name', event.target.value)} placeholder={labels.namePlaceholder} required maxLength={limits.name} className=\"min-h-11\" />\n            </Field>\n            <Field label={labels.email} required htmlFor={`${prefix}-email`} error={fieldError}>\n              <Input name=\"email\" type=\"email\" autoComplete=\"email\" value={values.email} onChange={(event) => onFieldChange('email', event.target.value)} placeholder={labels.emailPlaceholder} required maxLength={limits.email} className=\"min-h-11\" />\n            </Field>\n          </div>\n          <Field label={<>{labels.subject} <Text as=\"span\" size=\"xs\" tone=\"muted\">({labels.optional})</Text></>} htmlFor={`${prefix}-subject`}>\n            <Input name=\"subject\" value={values.subject} onChange={(event) => onFieldChange('subject', event.target.value)} placeholder={labels.subjectPlaceholder} maxLength={limits.subject} className=\"min-h-11\" />\n          </Field>\n          <Field label={labels.message} required htmlFor={`${prefix}-message`} error={fieldError}>\n            <Textarea name=\"message\" value={values.message} onChange={(event) => onFieldChange('message', event.target.value)} placeholder={labels.messagePlaceholder} required maxLength={limits.message} rows={6} />\n          </Field>\n          <div className=\"folio-contact-form__actions\">\n            <Text size=\"xs\" tone=\"muted\" className=\"m-0 max-w-[30ch]\">{labels.note}</Text>\n            <Button type=\"submit\" keycap=\"↵\" loading={pending} className=\"min-h-11\">{pending ? labels.submitting : labels.submit}</Button>\n          </div>\n        </form>\n      )}\n    </section>\n  )\n}\n\nexport interface ContactFactsProps {\n  label: string\n  items: DescriptionListItem[]\n  links?: ReactNode\n  linksLabel?: string\n}\n\n/** Contact facts retain their definition-list semantics and optional navigation. */\nexport function ContactFacts({ label, items, links, linksLabel }: ContactFactsProps) {\n  return (\n    <aside aria-label={label} className=\"folio-contact-facts\">\n      <DescriptionList items={items} layout=\"stacked\" />\n      {links && <nav aria-label={linksLabel} className=\"folio-contact-facts__links\">{links}</nav>}\n    </aside>\n  )\n}\n\nexport interface QuestionListProps extends HTMLAttributes<HTMLElement> {\n  title: string\n  description?: string\n  items: { id: string; question: string; answer: string }[]\n}\n\n/** Visible questions and answers, useful when the complete answer set is short. */\nexport function QuestionList({ title, description, items, className, ...rest }: QuestionListProps) {\n  const id = useId()\n  return (\n    <section aria-labelledby={id} className={cn('folio-question-list', className)} {...rest}>\n      <Heading level={2} id={id}>{title}</Heading>\n      {description && <Text className=\"mb-8 mt-3 max-w-[42rem]\">{description}</Text>}\n      <div className=\"folio-question-list__items\">\n        {items.map((item) => <article key={item.id} className=\"folio-question-list__item\"><Heading level={3}>{item.question}</Heading><Text className=\"m-0\">{item.answer}</Text></article>)}\n      </div>\n    </section>\n  )\n}\n\nexport interface LocationFigureProps extends HTMLAttributes<HTMLElement> {\n  label: string\n  coordinates: string\n  image?: ReactNode\n  credit?: ReactNode\n}\n\n/** Static map presentation; provider URLs, credentials and theme selection stay in the host. */\nexport function LocationFigure({ label, coordinates, image, credit, className, ...rest }: LocationFigureProps) {\n  return (\n    <figure aria-label={label} className={cn('folio-location-figure', className)} {...rest}>\n      <div className=\"folio-location-figure__map\">\n        {image ?? <span className=\"folio-location-figure__crosshair\" aria-hidden />}\n        <span className=\"folio-location-figure__marker\" aria-hidden />\n      </div>\n      <figcaption className=\"folio-location-figure__caption\"><Text as=\"span\" size=\"xs\" tone=\"strong\">{label}</Text><Text as=\"span\" size=\"xs\" tone=\"muted\">{coordinates}</Text>{credit && <Text as=\"span\" size=\"xs\" tone=\"muted\" className=\"basis-full\">{credit}</Text>}</figcaption>\n    </figure>\n  )\n}\n"],"mappings":"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","names":[]}