@hirobius/design-system 0.19.0 → 0.20.0

package/dist/types/src/app/components/date-time-input.d.ts

@@ -1,30 +0,0 @@
-/**
- * DateTimeInput — combined date + time field pairing a text date input with
- * a calendar popover and a native time field, so picking a moment in time
- * reads as one control instead of two disconnected inputs glued together by
- * a consuming app.
- * @category Inputs
- * @tier pattern
- * @public
- *
- * Composes the HDS Popover (trigger = calendar icon button) with Calendar
- * for the date grid, and TimeInput for the time-of-day, keeping both parts
- * in sync with a single `Date` value via date-fns.
- *
- *   <DateTimeInput value={date} onChange={setDate} />
- */
-import * as React from 'react';
-/** @public */
-export interface DateTimeInputProps {
-    /** Currently selected date + time, or undefined when empty. */
-    value?: Date;
-    /** Fired with the next combined date/time, or undefined when cleared. */
-    onChange?: (date: Date | undefined) => void;
-    /** date-fns format string used to display and parse the date portion. */
-    dateFormat?: string;
-    disabled?: boolean;
-    id?: string;
-    'aria-label'?: string;
-}
-/** Text date field + calendar popover, paired with a native time field, producing one Date. */
-export declare const DateTimeInput: React.ForwardRefExoticComponent<DateTimeInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/types/src/app/components/doc-link-card.d.ts

@@ -1,32 +0,0 @@
-import { type LucideIcon } from 'lucide-react';
-export interface DocLinkCardProps {
-    /** Primary title displayed in the card. */
-    title: string;
-    /** Supporting body copy shown below the title. */
-    description?: string;
-    /** Destination route or URL. */
-    href: string;
-    /** Icon rendered in the card header. */
-    icon: LucideIcon;
-    /** Optional metadata label rendered above the title. */
-    meta?: string;
-    /** Typography style used for the meta label. */
-    metaStyle?: 'caption' | 'ui';
-    /** Tint the card surface for emphasis. */
-    accent?: boolean;
-    /** Card layout variant. */
-    variant?: 'feature' | 'pager';
-    /** Disable navigation and reduce contrast. */
-    disabled?: boolean;
-    /** Directional affordance for the header icon. */
-    affordance?: 'up-right' | 'right' | 'left';
-}
-declare const docLinkCardVariants: (props?: ({
-    variant?: "feature" | "pager" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-/**
- * @public
- */
-export declare function DocLinkCard({ title, description, href, icon: CardIcon, meta, metaStyle, accent, variant, disabled, affordance, }: DocLinkCardProps): import("react/jsx-runtime").JSX.Element;
-/** @internal — CVA variant helper; compose via DocLinkCard props instead. */
-export { docLinkCardVariants };

package/dist/types/src/app/components/error-boundary.d.ts

@@ -1,25 +0,0 @@
-/** @internal — utility-tier component; not part of @hirobius/design-system public API. */
-/**
- * ErrorBoundary — slot-scoped recovery surface for runtime render failures.
- * @category Feedback
- * @tier utility
- * @doc-exempt: runtime safety infra, not an LLM-facing layout primitive
- */
-import { Component, type ErrorInfo, type ReactNode } from 'react';
-export interface ErrorBoundaryProps {
-    children: ReactNode;
-    slotLabel?: string;
-    minHeight?: string;
-}
-interface ErrorBoundaryState {
-    error: Error | null;
-    retryNonce: number;
-}
-export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    state: ErrorBoundaryState;
-    static getDerivedStateFromError(error: Error): Pick<ErrorBoundaryState, 'error'>;
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    private handleRetry;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
-export {};

package/dist/types/src/app/components/file-input.d.ts

@@ -1,30 +0,0 @@
-/**
- * FileInput — styled dropzone that wraps a real native file input for full
- * keyboard and screen-reader accessibility, with optional drag-and-drop.
- * @category Inputs
- * @tier pattern
- * @public
- */
-import * as React from 'react';
-declare const fileInputVariants: (props?: ({
-    dragging?: boolean | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export interface FileInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
-    /** Called with the selected (or dropped) files. */
-    onFiles?: (files: File[]) => void;
-    /** Dropzone prompt content. */
-    label?: React.ReactNode;
-    /** Native `accept` attribute, e.g. `"image/*"`. */
-    accept?: string;
-    /** Allow selecting more than one file. */
-    multiple?: boolean;
-    /** Disable interaction. */
-    disabled?: boolean;
-}
-/**
- * A dashed dropzone that opens the native file picker or accepts a drag-and-drop.
- */
-export declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLInputElement>>;
-/** @internal — CVA variant helper; compose via FileInput props instead. */
-export { fileInputVariants };

package/dist/types/src/app/components/foundation-swatch.d.ts

@@ -1,45 +0,0 @@
-/**
- * FoundationSwatch - governed foundation specimen for color and semantic role previews.
- * @category Utilities
- * @tier pattern
- */
-import type { ReactNode } from 'react';
-type FoundationSwatchPreviewPosition = 'bottom-left' | 'top-left' | 'center';
-type FoundationSwatchTokenDisplayPreset = 'depth1' | 'depth2' | 'full';
-/** @public */
-export type FoundationSwatchProps = {
-    /** Primary label rendered inside or below the swatch. */
-    label: string;
-    /** Whether to hide the preview label inside the swatch specimen. */
-    hidePreviewLabel?: boolean;
-    /** Optional token path rendered as a condensed node inside the swatch surface. */
-    tokenPath?: string;
-    /** Shorthand preset for how the token path renders inside the specimen. */
-    tokenDisplayPreset?: FoundationSwatchTokenDisplayPreset;
-    /** Placement of the specimen content inside the swatch surface. */
-    previewPosition?: FoundationSwatchPreviewPosition;
-    /** Background fill or tone shown by the specimen. */
-    background: string;
-    /** Optional text/value line shown inside the specimen. */
-    value?: string;
-    /** Optional supporting lines shown inside the specimen. */
-    details?: string[];
-    /** Foreground color used for text inside the specimen. */
-    foreground?: string;
-    /** Custom specimen content rendered inside card-style swatches. */
-    specimen?: ReactNode;
-    /** Optional note rendered below card-style swatches. */
-    note?: ReactNode;
-    /** Whether to show a bordered specimen surface. */
-    bordered?: boolean;
-    /** Explicit color value (hex or CSS var name) to pin the token chip's swatch square, overriding auto-resolution from tokenPath. */
-    swatchVar?: string;
-};
-/**
- * FoundationSwatch - governed foundation specimen for color and semantic role previews.
- *
- * @deprecated FoundationSwatch is an HDS docs/lab internal (foundation specimen preview for the token/foundation doc pages), not a consumer-facing HDS surface. It will be retiered to `utility` (dropped from the published barrel) at the named major.
- * @removeIn 1.0.0
- */
-export declare function FoundationSwatch({ label, hidePreviewLabel, tokenPath, tokenDisplayPreset, previewPosition, background, value, details, foreground, specimen, note, bordered, swatchVar, }: FoundationSwatchProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/src/app/components/frame.d.ts

@@ -1,38 +0,0 @@
-/**
- * Frame — aspect-ratio-locked, token-clipped media box.
- * @category Layout
- * @tier primitive
- * @ai-intent Solves "media that must reserve a fixed aspect ratio and never
- * cause layout shift while it loads, cropped to a token-governed corner
- * radius" — a thin, token-skinned wrapper over `AspectRatio`
- * (`@radix-ui/react-aspect-ratio`), which already owns the ratio-lock
- * mechanics. Frame adds the overflow-hidden clip and semantic radius that a
- * bare media frame needs and `AspectRatio` deliberately leaves undecorated.
- * @ai-rules Reach for this named layout intent before Box/sx when framing
- * media (image, video, embed, map tile). radius MUST use a semantic
- * borderRadius token, never a raw px value. Do NOT reach for bare
- * `AspectRatio` in product code just to add a border-radius by hand — use
- * Frame. Do NOT use Frame for non-media layout — it exists purely as a media
- * clipping frame.
- *
- * Every Layout reference: https://every-layout.dev/layouts/frame/
- */
-import React from 'react';
-type FrameRadius = 'none' | 'sm' | 'md' | 'full';
-export interface FrameProps {
-    /** Media rendered inside the locked-ratio, clipped frame. */
-    children: React.ReactNode;
-    /** Desired width-to-height ratio, e.g. `16 / 9`. Defaults to `16 / 9`. */
-    ratio?: number;
-    /** Corner radius token applied to the clipped frame. Defaults to 'md'. */
-    radius?: FrameRadius;
-    /** Escape hatch: only use when tokenized props cannot express the required wrapper class. */
-    className?: string;
-    /** Escape hatch: only use for narrow layout adjustments that do not belong in the primitive API. */
-    style?: React.CSSProperties;
-    /** Element rendered as the outer clipping wrapper. Defaults to 'div'. */
-    as?: React.ElementType;
-}
-/** @public */
-export declare const Frame: React.ForwardRefExoticComponent<FrameProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/types/src/app/components/heading-stack.d.ts

@@ -1,52 +0,0 @@
-/**
- * HeadingStack — enforced vertical rhythm for heading + subheading pairs.
- *
- * Automatically handles gap and secondary color, preventing manual stacking.
- * - Heading level: 'heading1' | 'heading2' | 'heading3'
- * - Gap: px4 (tight) | px8 (default)
- * - Subheading color: always var(--semantic-color-content-secondary)
- *
- * GUARDRAIL: Never manually stack headings using Stack. Always use HeadingStack.
- *
- * Usage:
- *   <HeadingStack level="heading1" heading="Main Title" subheading="Subtitle text" />
- *   <HeadingStack level="heading2" heading="Section" subheading="Description" gap="px4" />
- *
- * @category Typography
- * @tier primitive
- * @doc-exempt: internal typography lockup utility, documented through page composition rather than a standalone component page
- */
-import { type ElementType } from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const headingStackVariants: (props?: ({
-    gap?: "px4" | "px8" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare const headingStackLevelVariants: (props?: ({
-    level?: "heading1" | "heading2" | "heading3" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-type HeadingStackGapVariantProps = VariantProps<typeof headingStackVariants>;
-type HeadingStackLevelVariantProps = VariantProps<typeof headingStackLevelVariants>;
-type HdsHeadingLevel = NonNullable<HeadingStackLevelVariantProps['level']>;
-type HdsHeadingGap = NonNullable<HeadingStackGapVariantProps['gap']>;
-type HdsHeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-type HdsSupportingTag = 'p' | 'div' | 'span';
-export interface HeadingStackProps {
-    /** The heading content (string). */
-    heading: string;
-    /** The supporting copy rendered beneath the heading. */
-    subheading: string;
-    /** Semantic heading level: heading1 | heading2 | heading3. */
-    level: HdsHeadingLevel;
-    /** Gap between heading and subheading: px4 (tight) | px8 (default). */
-    gap?: HdsHeadingGap;
-    /** Override the root semantic wrapper while preserving the governed layout styles. */
-    as?: ElementType;
-    /** Override the heading tag without altering the applied typography style. */
-    headingAs?: HdsHeadingTag;
-    /** Override the supporting-copy tag. */
-    subheadingAs?: HdsSupportingTag;
-}
-/** @public */
-export declare const HeadingStack: import("react").ForwardRefExoticComponent<HeadingStackProps & import("react").RefAttributes<HTMLElement>>;
-/** @internal — CVA variant helpers; compose via HeadingStack props instead. */
-export { headingStackVariants, headingStackLevelVariants };

package/dist/types/src/app/components/history-card.d.ts

@@ -1,12 +0,0 @@
-/** @public */
-export type HistoryCardCommit = {
-    hash: string | null;
-    date: string;
-    message: string;
-    displayMessage?: string;
-};
-export interface HistoryCardProps {
-    commit: HistoryCardCommit;
-    href: string;
-}
-export declare function HistoryCard({ commit, href }: HistoryCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/app/components/hover-card.d.ts

@@ -1,46 +0,0 @@
-/**
- * HoverCard — rich preview shown on hover/focus, on Radix HoverCard.
- * @category Overlays
- * @tier primitive
- * @usage Preview extra detail about a link or mention when it is hovered or focused, without navigating.
- * @whenNot Content people must reach, or a label for an interactive control.
- * @useInstead Dialog content people must act on
- * @useInstead Tooltip a short label for a control
- * @slot trigger The link or element that opens the card (HoverCard.Trigger).
- * @slot content The preview (HoverCard.Content).
- * @keyboard Focus Opens the card when the trigger receives keyboard focus.
- * @keyboard Escape Closes the card and keeps focus on the trigger.
- * @keyboard Tab Moves on to the next element and closes the card.
- * @doc-exempt: no Overlays doc page yet — add demo when the overlays page is created
- *
- * Radix HoverCard (@radix-ui/react-hover-card) themed with the overlay role
- * tokens to match Menu/Popover. For sighted-pointer preview affordances (user
- * cards, link previews) — it is NOT a replacement for an accessible tooltip on
- * an interactive control; use Tooltip for labelling.
- *
- *   <HoverCard>
- *     <HoverCard.Trigger asChild><InlineLink href="…">@ada</InlineLink></HoverCard.Trigger>
- *     <HoverCard.Content>Ada Lovelace — first programmer.</HoverCard.Content>
- *   </HoverCard>
- */
-import * as React from 'react';
-import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
-declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
-declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    /**
-     * Element to portal into. Defaults to the nearest `data-hds` scope, so the
-     * overlay inherits its theme; pass `null` to use `document.body`.
-     */
-    container?: HTMLElement | null;
-} & React.RefAttributes<HTMLDivElement>>;
-interface HoverCardComponent extends React.FC<React.ComponentProps<typeof HoverCardPrimitive.Root>> {
-    Trigger: typeof HoverCardTrigger;
-    Content: typeof HoverCardContent;
-}
-/**
- * HoverCard root + parts. Controlled via `open`/`onOpenChange`, or uncontrolled
- * with `defaultOpen`; tune timing with `openDelay`/`closeDelay`.
- * @public
- */
-export declare const HoverCard: HoverCardComponent;
-export {};

package/dist/types/src/app/components/icon-button.d.ts

@@ -1,22 +0,0 @@
-import type { LucideIcon } from 'lucide-react';
-import { ButtonProps } from './button.js';
-import { IconSize } from './icon.js';
-export interface IconButtonProps extends Omit<ButtonProps, 'iconOnly' | 'children' | 'size'> {
-    /** Lucide icon rendered inside the button. */
-    icon: LucideIcon;
-    /** Size token for the button itself. */
-    size?: 'sm' | 'md' | 'lg';
-    /** Override the inner icon size; defaults to the matching button ramp size. */
-    iconSize?: IconSize;
-    /** Override the inner icon color. */
-    iconColor?: string;
-    /** Accessible label for the icon button. */
-    label?: string;
-    /** Accessible label fallback for backward compatibility. */
-    'aria-label'?: string;
-}
-/**
- * IconButton — compact icon-only action surface.
- */
-/** @public */
-export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/src/app/components/image-lightbox.d.ts

@@ -1,14 +0,0 @@
-export interface LightboxProps {
-    open: boolean;
-    onClose: () => void;
-    src: string;
-    alt?: string;
-    naturalWidth?: number;
-    naturalHeight?: number;
-    caption?: string;
-    captionHref?: string;
-    captionLabel?: string;
-}
-/**
- */
-export declare function Lightbox({ open, onClose, src, alt, naturalWidth, naturalHeight, caption, captionHref, captionLabel, }: LightboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/app/components/input-group.d.ts

@@ -1,23 +0,0 @@
-/**
- * InputGroup — a text input framed with leading and/or trailing adornments.
- * @category Inputs
- * @tier primitive
- */
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const inputGroupVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-type InputGroupVariantProps = VariantProps<typeof inputGroupVariants>;
-/** @public */
-export interface InputGroupProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, InputGroupVariantProps {
-    /** Content rendered before the input, e.g. an icon or a static prefix. */
-    leading?: React.ReactNode;
-    /** Content rendered after the input, e.g. a unit or a clear button. */
-    trailing?: React.ReactNode;
-    /** Class applied to the wrapper (the input itself stays transparent). */
-    className?: string;
-}
-/** A single-line input with optional `leading`/`trailing` adornments. */
-export declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLInputElement>>;
-export {};

package/dist/types/src/app/components/multi-selector.d.ts

@@ -1,40 +0,0 @@
-/**
- * MultiSelector — multi-select dropdown composing the existing Popover with
- * a checkbox option list, so choosing several values from a fixed set reads
- * as one overlay pattern with Combobox and Menu rather than a bespoke widget.
- * @category Inputs
- * @tier pattern
- * @public
- *
- * No new dependency — built entirely on the HDS Popover. The trigger reads
- * like a secondary Button, showing a placeholder or a `${n} selected` count;
- * the content is a token-skinned list where each row is a checkbox toggling
- * membership in `value`.
- *
- *   <MultiSelector
- *     options={[{ value: 'a', label: 'Apple' }, { value: 'b', label: 'Banana' }]}
- *     value={fruits}
- *     onChange={setFruits}
- *   />
- */
-import * as React from 'react';
-/** @public */
-export interface MultiSelectorOption {
-    value: string;
-    label: string;
-}
-/** @public */
-export interface MultiSelectorProps {
-    /** Selectable options. */
-    options: MultiSelectorOption[];
-    /** Currently selected values. */
-    value: string[];
-    /** Fired with the next selected-values array whenever an option is toggled. */
-    onChange: (next: string[]) => void;
-    /** Trigger text when nothing is selected. */
-    placeholder?: string;
-    disabled?: boolean;
-    className?: string;
-}
-/** @public */
-export declare const MultiSelector: React.ForwardRefExoticComponent<MultiSelectorProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/src/app/components/nav-group.d.ts

@@ -1,29 +0,0 @@
-import type { CSSProperties, ReactNode } from 'react';
-import { type NavLevel } from '../lib/navLevels.js';
-import { NavItem } from './nav-item.js';
-type NavItem = {
-    path: string;
-    label: string;
-    disabled?: boolean;
-};
-type NavGroupVariant = 'side' | 'toc';
-declare const navGroupLabelVariants: (props?: ({
-    variant?: "side" | "toc" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export type NavGroupProps = {
-    label?: string;
-    variant?: NavGroupVariant;
-    level?: NavLevel;
-    items?: NavItem[];
-    children?: ReactNode;
-    collapsible?: boolean;
-    onNavigate?: () => void;
-    getExact?: (item: NavItem) => boolean;
-    className?: string;
-    style?: CSSProperties;
-    contentStyle?: CSSProperties;
-};
-/** @public */
-export declare function NavGroup({ label, variant, level, items, children, collapsible, onNavigate, getExact, className, style, contentStyle, }: NavGroupProps): import("react/jsx-runtime").JSX.Element;
-/** @internal — CVA variant helper; compose via NavGroup props instead. */
-export { navGroupLabelVariants };

package/dist/types/src/app/components/nav-item.d.ts

@@ -1,33 +0,0 @@
-import type { AnchorHTMLAttributes, MouseEvent } from 'react';
-import { type VariantProps } from 'class-variance-authority';
-import { type NavLevel } from '../lib/navLevels.js';
-declare const navItemVariants: (props?: ({
-    variant?: "side" | "toc" | null | undefined;
-    state?: "default" | "active" | "disabled" | "focus" | "hover" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare const navIndicatorVariants: (props?: ({
-    state?: "default" | "active" | "disabled" | "focus" | "hover" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-type NavItemVariantProps = VariantProps<typeof navItemVariants>;
-type NavVariant = NonNullable<NavItemVariantProps['variant']>;
-type NavNativeProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'onClick'>;
-export interface NavProps extends NavNativeProps {
-    /** Visual layout variant for side nav or table of contents usage. */
-    variant?: NavVariant;
-    /** Text label displayed inside the navigation row. */
-    label: string;
-    /** Marks the item as the current route. */
-    active?: boolean;
-    /** Disables interaction and muted the nav row. */
-    disabled?: boolean;
-    /** Visual hierarchy level for the navigation row. */
-    level?: NavLevel;
-    /** Navigation callback fired before the browser follows the link. */
-    onNavigate?: (event: MouseEvent<HTMLAnchorElement>) => void;
-}
-/**
- * @public
- */
-export declare function NavItem({ variant, label, href, active, disabled, level, onNavigate, className, style, onFocus, onMouseEnter, onMouseLeave, onPointerDown, onPointerUp, onPointerCancel, onBlur, ...rest }: NavProps): import("react/jsx-runtime").JSX.Element;
-/** @internal — CVA variant helpers; compose via NavItem props instead. */
-export { navItemVariants, navIndicatorVariants };

package/dist/types/src/app/components/not-found-pattern.d.ts

@@ -1 +0,0 @@
-export declare function NotFoundPattern(): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/app/components/overflow-list.d.ts

@@ -1,21 +0,0 @@
-/**
- * OverflowList — a horizontal list that caps visible children by count and
- * collapses the remainder into a trailing +N chip. Count-based (via `max`),
- * not width-measured, so layout is deterministic and safe under SSR and jsdom.
- * @category Layout
- * @tier pattern
- */
-import * as React from 'react';
-/** @public */
-export interface OverflowListProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Items to lay out. Extra items beyond `max` collapse into the overflow node. */
-    children: React.ReactNode;
-    /** Maximum items shown before collapsing into overflow. Unset or >= count shows all. */
-    max?: number;
-    /** Custom renderer for the overflow node. Defaults to a muted `+N` chip. */
-    renderOverflow?: (count: number) => React.ReactNode;
-}
-/**
- * Renders up to `max` children followed by a `+N` overflow chip (or custom node).
- */
-export declare const OverflowList: React.ForwardRefExoticComponent<OverflowListProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/src/app/components/selectable-card.d.ts

@@ -1,29 +0,0 @@
-/**
- * SelectableCard — a full-surface card that behaves as a single checkbox-like
- * selectable option, with native aria-checked semantics and full keyboard support.
- * @category Actions
- * @tier pattern
- *
- *   <SelectableCard selected={selected} onSelectedChange={setSelected}>
- *     Plan A
- *   </SelectableCard>
- */
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const selectableCardVariants: (props?: ({
-    selected?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-type SelectableCardVariantProps = VariantProps<typeof selectableCardVariants>;
-/** @public */
-export interface SelectableCardProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, 'onSelect'>, Omit<SelectableCardVariantProps, 'selected'> {
-    /** Whether this card is currently selected. */
-    selected?: boolean;
-    /** Called with the toggled selection state when the card is activated. */
-    onSelectedChange?: (selected: boolean) => void;
-    /** Disable interaction. */
-    disabled?: boolean;
-}
-/** A card-shaped single checkbox — click or activate to toggle selection. */
-export declare const SelectableCard: React.ForwardRefExoticComponent<SelectableCardProps & React.RefAttributes<HTMLButtonElement>>;
-/** @internal — CVA variant helper; compose via SelectableCard props instead. */
-export { selectableCardVariants };

package/dist/types/src/app/components/side-nav.d.ts

@@ -1,23 +0,0 @@
-import type { MouseEvent } from 'react';
-export type SideNavLevel = 'root' | 'nested';
-export interface SideNavProps {
-    label: string;
-    href?: string;
-    active?: boolean;
-    disabled?: boolean;
-    titleLabel?: boolean;
-    /** Visual level — root matches group-header altitude, nested is an indented page link. */
-    level?: SideNavLevel;
-    /** Nested depth offset applied via inner padding while keeping the row full width. */
-    indent?: boolean | number;
-    onNavigate?: (event: MouseEvent<HTMLAnchorElement>) => void;
-}
-declare const sideNavVariants: (props?: ({
-    level?: "root" | "nested" | null | undefined;
-    state?: "default" | "active" | "disabled" | "focus" | "hover" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-/**
- */
-export declare function SideNav({ label, href, active, disabled, titleLabel, level, indent, onNavigate, }: SideNavProps): import("react/jsx-runtime").JSX.Element;
-/** @internal — CVA variant helper; compose via SideNav props instead. */
-export { sideNavVariants };

package/dist/types/src/app/components/sketch.d.ts

@@ -1,19 +0,0 @@
-/**
- * Sketch — shared shell for generative canvases and WebGL sketches.
- * @category Layout
- * @tier pattern
- */
-import type { ReactNode } from 'react';
-/** @public */
-export interface SketchProps {
-    title: string;
-    children: ReactNode;
-    controls?: ReactNode;
-}
-/**
- * Sketch — shared shell for generative canvases and WebGL sketches.
- *
- * @deprecated Sketch is an HDS docs/lab internal (shell for generative canvas/WebGL specimen pages), not a consumer-facing HDS surface. It will be retiered to `utility` (dropped from the published barrel) at the named major.
- * @removeIn 1.0.0
- */
-export declare function Sketch({ title, children, controls }: SketchProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/app/components/stacked-card-rail.d.ts

@@ -1,32 +0,0 @@
-/**
- * StackedCardRail — horizontally-scrolling stacked card carousel.
- *
- * Scroll mechanism: vertical scroll on an absolutely-positioned inner container
- * is mapped to horizontal scroll on a sticky inner strip via a single scroll
- * event listener. Cards use CSS scroll-driven animation (animation-timeline:
- * view(x …)) for the stack/unstack effect where the browser supports it;
- * a plain horizontal rail is the graceful fallback.
- *
- * Browser compat note:
- *   - animation-timeline: view() — Chrome 115+, Firefox 110+ (behind flag until
- *     v114), Safari 18+ (TP only as of 2025). The @supports guard ensures the
- *     stacking animation is only applied when the feature is available; all other
- *     browsers get a clean scrollable row.
- *   - :has() selector (neighbour shift on hover) — Chrome 105+, FF 121+, Safari 15.4+.
- *     Gated with @supports selector(:has(+ *)).
- *
- * @category Display
- * @tier pattern
- */
-export interface StackedCardRailCard {
-    id: string;
-    title: string;
-    category?: string;
-    coverImage?: string;
-    href?: string;
-}
-export interface StackedCardRailProps {
-    cards: StackedCardRailCard[];
-}
-export declare function StackedCardRail({ cards }: StackedCardRailProps): import("react/jsx-runtime").JSX.Element;
-export default StackedCardRail;

package/dist/types/src/app/components/stepper-field.d.ts

@@ -1,12 +0,0 @@
-export interface StepperFieldProps {
-    label: string;
-    value: number;
-    min: number;
-    max: number;
-    step: number;
-    onChange: (value: number) => void;
-    inputStep?: number;
-    precision?: number;
-}
-/** @public */
-export declare function StepperField({ label, value, min, max, step, onChange, inputStep, precision, }: StepperFieldProps): import("react/jsx-runtime").JSX.Element;