@hirobius/design-system 0.19.0 → 0.20.0

package/dist/types/src/app/components/activity-feed.d.ts

@@ -1,73 +0,0 @@
-/**
- * ActivityFeed — chronological system event log.
- * @category Display
- * @tier pattern
- * @doc-exempt: internal portfolio and systems timeline pattern; no standalone component doc page
- *
- * Renders a list of activity events using white space as the sole separator.
- * No dividers, no borders between items. 48px gap (space.12) creates the
- * visual grouping between events; 16px gap inside each item structures the
- * content hierarchy.
- *
- * Typography mapping:
- *   title       → heading3  (24px/1.25)
- *   description → body      (16px/1.5)
- *   timestamp   → technical (12px/1.0 mono)
- *   category    → ui        (14px/1.5)
- */
-import type { ReactNode } from 'react';
-/**
- * @deprecated Use `ActivityTone` instead — values are renamed to match the
- * fixed HDS tone vocabulary (`neutral | danger | success | warning | info`,
- * see docs/architecture/variant-contract.md). `'error'` remains supported
- * here as a back-compat alias for `'danger'`; new code should use `tone`.
- *
- * @removeIn 1.0.0 — CHANGELOG 0.13.0 already states `status`/`ActivityStatus`
- * go in a future major. Dropping a prop is breaking, so 1.0.0 is the first
- * version that can carry it.
- */
-export type ActivityStatus = 'success' | 'error' | 'warning' | 'info' | 'neutral';
-/** @public */
-export type ActivityTone = 'neutral' | 'danger' | 'success' | 'warning' | 'info';
-export interface ActivityEvent {
-    id: string;
-    title: string;
-    description: string;
-    timestamp: string;
-    category: string;
-    icon: ReactNode;
-    /**
-     * Semantic tone for this event's icon and category color.
-     * `neutral | danger | success | warning | info`. Supersedes `status`.
-     */
-    tone?: ActivityTone;
-    /**
-     * @deprecated Use `tone` instead. Retained for back-compat; `'error'`
-     * resolves to the `danger` tone.
-     *
-     * @removeIn 1.0.0 — paired with ActivityStatus above; both go together.
-     */
-    status?: ActivityStatus;
-    action?: {
-        label: string;
-        onClick?: () => void;
-    };
-    /** Optional structured metadata rendered between description and action.
-     *  Reserved for compact metadata clusters like AgentTag (assignee,
-     *  tier, cost). Keeps description as prose; meta is for chips/tags. */
-    meta?: ReactNode;
-}
-export interface ActivityFeedProps {
-    events: ActivityEvent[];
-}
-declare const activityToneVariants: (props?: ({
-    tone?: "success" | "danger" | "warning" | "info" | "neutral" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare const activityAvatarVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
-/** @internal — demo placeholder data; supply your own ActivityEvent[] via the events prop. */
-export declare const defaultActivityEvents: ActivityEvent[];
-/**
- */
-export declare function ActivityFeed({ events }: ActivityFeedProps): import("react/jsx-runtime").JSX.Element;
-/** @internal — CVA variant helpers; compose via ActivityFeed/ActivityEvent props instead. */
-export { activityToneVariants, activityAvatarVariants };

package/dist/types/src/app/components/app-shell.d.ts

@@ -1,40 +0,0 @@
-/**
- * AppShell — application layout scaffold with semantic header, sidebar, and main regions, built for dashboards and admin surfaces.
- * @category Layout
- * @tier template
- * @public
- *
- * Composes a full-height page frame from three optional/required regions: an
- * optional top `header` (spans full width), an optional left `sidebar` (fixed
- * width via `sidebarWidth`), and required `children` rendered in `<main>`.
- * Regions map to native landmark elements (`<header>`, `<aside>`, `<main>`)
- * so assistive tech gets banner/complementary/main roles for free.
- *
- * Usage:
- *   <AppShell header={<TopBar />} sidebar={<NavRail />}>
- *     <PageContent />
- *   </AppShell>
- */
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const appShellVariants: (props?: ({
-    sidebarWidth?: "sm" | "md" | "lg" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-type AppShellVariantProps = VariantProps<typeof appShellVariants>;
-/** @public */
-export interface AppShellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
-    /** Optional top region, rendered full-width above the sidebar/main row. */
-    header?: React.ReactNode;
-    /** Optional left region, rendered as a fixed-width `<aside>` beside main. */
-    sidebar?: React.ReactNode;
-    /** Main content, rendered inside `<main>`. */
-    children: React.ReactNode;
-    /** Sidebar width token: sm (224px) / md (256px) / lg (288px). Defaults to 'md'. */
-    sidebarWidth?: NonNullable<AppShellVariantProps['sidebarWidth']>;
-}
-/**
- * Renders a header/sidebar/main application frame, e.g. `<AppShell sidebar={<Nav />}>...</AppShell>`.
- */
-export declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>>;
-/** @internal — CVA variant helper; compose via AppShell props instead. */
-export { appShellVariants };

package/dist/types/src/app/components/aspect-ratio.d.ts

@@ -1,25 +0,0 @@
-/**
- * AspectRatio — constrains its child to a fixed width:height ratio.
- * @category Layout
- * @tier primitive
- *
- * Thin token-free wrapper over Radix AspectRatio (@radix-ui/react-aspect-ratio),
- * which holds a responsive aspect box via the padding-bottom technique so media
- * (images, video, embeds, map tiles) never causes layout shift while loading.
- *
- *   <AspectRatio ratio={16 / 9}>
- *     <img src="…" alt="…" className="h-full w-full object-cover" />
- *   </AspectRatio>
- */
-import * as React from 'react';
-import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
-/** @public */
-export interface AspectRatioProps extends React.ComponentPropsWithoutRef<typeof AspectRatioPrimitive.Root> {
-    /** Desired width-to-height ratio, e.g. `16 / 9`. Defaults to `1` (square). */
-    ratio?: number;
-}
-/**
- * Locks its single child to the given width-to-height `ratio` so media reserves
- * its box up front and never causes layout shift while it loads.
- */
-export declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,39 +0,0 @@
-/**
- * Bleed — controlled negative-margin full-bleed within a padded container.
- * @category Layout
- * @tier primitive
- * @ai-intent Solves "this one child needs to visually escape its parent's
- * padding" (a full-width image inside a padded card, a divider that should
- * touch both edges) with a single tokenized negative-margin wrapper, so
- * agents stop hand-rolling `margin: -24px` guesses that drift from the
- * parent's actual padding token.
- * @ai-rules Reach for this named layout intent before Box/sx. amount MUST
- * use a semantic space step, never raw px, and MUST match the ancestor
- * padding it is meant to cancel out. Do NOT use Bleed to fake extra spacing
- * — its only job is canceling a specific known padding value on a specific
- * axis.
- *
- * Every Layout reference: https://every-layout.dev/layouts/the-stack/ (bleed
- * is the inverse of a padded Center/Container — HDS names it separately
- * since "every-layout" itself does not ship a dedicated Bleed recipe).
- */
-import React from 'react';
-type LayoutGap = 'tight' | 'normal' | 'inset' | 'spacious';
-type BleedAxis = 'x' | 'y' | 'both';
-export interface BleedProps {
-    /** Bleed content. */
-    children: React.ReactNode;
-    /** Semantic space step to negate. Defaults to 'normal'. */
-    amount?: LayoutGap;
-    /** Which axis the negative margin applies to. Defaults to 'x'. */
-    axis?: BleedAxis;
-    /** 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 wrapper. Defaults to 'div'. */
-    as?: React.ElementType;
-}
-/** @public */
-export declare const Bleed: React.ForwardRefExoticComponent<BleedProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -1,22 +0,0 @@
-/**
- * ButtonGroup — attaches Button children into one segmented control.
- * @category Actions
- * @tier primitive
- * @usage Attach related Buttons into one segmented row or column that reads as a single control.
- * @whenNot Buttons that are unrelated, or choosing one of several views.
- * @useInstead SegmentedControl choosing one of several views
- * @useInstead Stack loosely spaced buttons
- */
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const buttonGroupVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-type ButtonGroupVariantProps = VariantProps<typeof buttonGroupVariants>;
-/** @public */
-export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>, ButtonGroupVariantProps {
-}
-/** Groups Button (or button-like) children into a single attached segment. */
-export declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
-/** @internal — CVA variant helper; compose via ButtonGroup props instead. */
-export { buttonGroupVariants };

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

@@ -1,22 +0,0 @@
-/**
- * Calendar — month calendar / date picker, HDS-skinned over react-day-picker.
- * @category Inputs
- * @tier primitive
- * @public
- *
- * A thin token-skin over react-day-picker's DayPicker (ADR-020). Passes through
- * every DayPicker prop — `mode` ('single' | 'range' | 'multiple'), `selected`,
- * `onSelect`, `disabled`, `month`, min/max, locale — and applies the HDS role
- * tokens via `classNames` so the grid matches the rest of the system. Correct
- * grid ARIA and keyboard navigation come from the underlying library.
- *
- *   <Calendar mode="single" selected={date} onSelect={setDate} />
- */
-import * as React from 'react';
-import { DayPicker } from 'react-day-picker';
-/** @public */
-export type CalendarProps = React.ComponentProps<typeof DayPicker>;
-/**
- * Renders an accessible month grid; compose it inside a Popover for the date inputs.
- */
-export declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,26 +0,0 @@
-/**
- * Carousel — a horizontally-scrollable, scroll-snap track of slides with
- * Prev/Next affordances, implemented natively on top of CSS scroll-snap.
- * @category Display
- * @tier pattern
- * @public
- */
-import * as React from 'react';
-declare const carouselControlVariants: (props?: ({
-    variant?: "next" | "prev" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-/** @public */
-export interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Slides rendered inside the scroll-snap track. */
-    children: React.ReactNode;
-    /** Accessible name for the carousel region. Defaults to 'Carousel'. */
-    ariaLabel?: string;
-    /** Show the Prev/Next scroll affordance buttons. Defaults to true. */
-    showControls?: boolean;
-}
-/**
- * Renders children as a snap-scrolling track with Prev/Next scroll buttons.
- */
-export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLElement>>;
-/** @internal — CVA variant helper; compose via Carousel instead. */
-export { carouselControlVariants };

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

@@ -1,36 +0,0 @@
-/**
- * Center — max-width column, auto-centered horizontally.
- * @category Layout
- * @tier primitive
- * @ai-intent Solves the "centered prose/content column" problem — a
- * max-width box with auto horizontal margins and, optionally, matching
- * horizontal gutters — so agents stop hand-rolling `marginInline: auto` plus
- * an ad hoc max-width value.
- * @ai-rules Reach for this named layout intent before Box/sx. maxWidth MUST
- * use the semantic width scale ('content' | 'max'), never a raw px value.
- * gutter, when set, MUST use a semantic space step, never raw px. Do NOT use
- * Center for full-bleed page shells — use Container. Do NOT use Center when
- * you need the deprecated Container padding prop — gutter replaces it.
- *
- * Every Layout reference: https://every-layout.dev/layouts/center/
- */
-import React from 'react';
-type CenterMaxWidth = 'content' | 'max';
-type LayoutGap = 'tight' | 'normal' | 'inset' | 'spacious';
-export interface CenterProps {
-    /** Center content. */
-    children: React.ReactNode;
-    /** Max width: 'content' (760px prose) | 'max' (1200px full layouts). Defaults to 'content'. */
-    maxWidth?: CenterMaxWidth;
-    /** Optional matching horizontal gutter (padding-inline) from the semantic space scale. */
-    gutter?: LayoutGap;
-    /** 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 wrapper. Defaults to 'div'. */
-    as?: React.ElementType;
-}
-/** @public */
-export declare const Center: React.ForwardRefExoticComponent<CenterProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -1,18 +0,0 @@
-/**
- * CinematicLink - cinematic editorial link treatment for portfolio surfaces.
- * @category Branding
- * @tier primitive
- */
-import React from 'react';
-export interface CinematicLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
-    href: string;
-    children: string;
-}
-/**
- * CinematicLink - cinematic editorial link treatment for portfolio surfaces.
- *
- * @public
- * @deprecated CinematicLink is an HDS docs/lab internal (editorial link treatment for portfolio/case-study specimen surfaces), 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 CinematicLink({ href, children, style, className, ...rest }: CinematicLinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/app/components/circular-progress.d.ts

@@ -1,28 +0,0 @@
-/**
- * CircularProgress — an SVG ring showing determinate or indeterminate progress.
- * @category Feedback
- * @tier primitive
- */
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-declare const circularProgressVariants: (props?: ({
-    tone?: "success" | "danger" | "warning" | "info" | "neutral" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-type CircularProgressVariantProps = VariantProps<typeof circularProgressVariants>;
-/** @public */
-export interface CircularProgressProps extends React.HTMLAttributes<HTMLSpanElement>, CircularProgressVariantProps {
-    /** Current value. Ignored (and the ring animates) when `indeterminate`. */
-    value?: number;
-    /** Upper bound for `value`. Defaults to 100. */
-    max?: number;
-    /** Ring diameter preset. Defaults to `md`. */
-    size?: 'sm' | 'md' | 'lg';
-    /** Show a continuous spinner instead of a measured arc. */
-    indeterminate?: boolean;
-    /** Accessible name for the progress indicator. */
-    label?: string;
-}
-/** A circular progress ring; pass `value`/`max` or set `indeterminate`. */
-export declare const CircularProgress: React.ForwardRefExoticComponent<CircularProgressProps & React.RefAttributes<HTMLSpanElement>>;
-/** @internal — CVA variant helper; compose via CircularProgress props instead. */
-export { circularProgressVariants };

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

@@ -1,39 +0,0 @@
-/**
- * Cluster — wrapping horizontal group with even gaps.
- * @category Layout
- * @tier primitive
- * @ai-intent Solves the "row of same-ish things that wraps gracefully" problem
- * (tag rows, button groups, chip lists, filter pills) with a single flex-wrap
- * wrapper and a tokenized gap in both axes, so agents stop hand-rolling
- * `flexWrap` + `gap` + alignment combinations inline.
- * @ai-rules Reach for this named layout intent before Box/sx. Use Cluster for
- * horizontal groups that should wrap as a unit. Spacing MUST use semantic
- * steps, never raw px. Do NOT use Cluster for a strict single-line row — use
- * Stack with `direction="row"` when wrapping is never desired. Do NOT use
- * Cluster for two-dimensional grid layouts — use Grid.
- *
- * Every Layout reference: https://every-layout.dev/layouts/cluster/
- */
-import React from 'react';
-type LayoutGap = 'tight' | 'normal' | 'inset' | 'spacious';
-type ClusterAlign = 'start' | 'center' | 'end' | 'stretch';
-type ClusterJustify = 'start' | 'center' | 'end' | 'space-between';
-export interface ClusterProps {
-    /** Cluster content — items that wrap as a unit. */
-    children: React.ReactNode;
-    /** Gap token applied to both axes (row and column). Defaults to 'tight'. */
-    gap?: LayoutGap;
-    /** Cross-axis alignment of items within a wrapped row. Defaults to 'center'. */
-    align?: ClusterAlign;
-    /** Main-axis distribution. Defaults to 'start'. */
-    justify?: ClusterJustify;
-    /** 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 wrapper. Defaults to 'div'. */
-    as?: React.ElementType;
-}
-/** @public */
-export declare const Cluster: React.ForwardRefExoticComponent<ClusterProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/types/src/app/components/command-palette.d.ts

@@ -1,46 +0,0 @@
-/**
- * CommandPalette — Cmd-K / Ctrl-K fuzzy-search over the HDS manifest.
- * @category Overlays
- * @tier primitive
- * @public
- *
- * Built on Dialog (8s-7 / Radix) with a custom listbox + input. NO new
- * npm deps — search is a hand-rolled subsequence + token-Levenshtein scorer
- * (think micro-fzf). Indexes four corpora from `virtual:hds-manifest`:
- *
- *   1. componentSpecs — non-hidden, non-docExempt entries (primitive / pattern / template)
- *   2. utilities      — non-hidden entries (utility tier)
- *   3. role tokens    — `role.*` entries from manifest.tokens.role
- *   4. section anchors — curated /hds foundation + tokens pages
- *
- * Each row carries a tier chip + brief description. Enter (or click)
- * navigates via React Router; Esc closes. ↑/↓ wraps. Cmd-K / Ctrl-K
- * toggles open from anywhere in the doc shell.
- *
- * Result rows sanitize free-text: HMAC-style tokens (long hex / signed
- * URL fragments that may leak from upstream description fields) are
- * stripped before render.
- */
-import * as React from 'react';
-declare const cmdkRowVariants: (props?: ({
-    active?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare const cmdkKindBadgeVariants: (props?: ({
-    active?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-declare const cmdkDescriptionVariants: (props?: ({
-    active?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-export interface CommandPaletteProps {
-    /** Optional className for the trigger button. */
-    className?: string;
-}
-/**
- * Mountable trigger + dialog. Drop into header slot; component manages its
- * own open state and Cmd-K / Ctrl-K global keybinding.
- */
-export declare const CommandPalette: React.ForwardRefExoticComponent<CommandPaletteProps & React.RefAttributes<HTMLInputElement>> & {
-    displayName: string;
-};
-/** @internal — CVA variant helpers; compose via CommandPalette instead. */
-export { cmdkRowVariants, cmdkKindBadgeVariants, cmdkDescriptionVariants };

package/dist/types/src/app/components/component-instance-matrix.d.ts

@@ -1,27 +0,0 @@
-/**
- * ComponentInstanceMatrix — responsive specimen matrix for variant and state parity.
- *
- * @category Utilities
- * @tier primitive
- * @doc-exempt: specimen matrix helper used by docs pages, not a consumer-facing HDS surface.
- */
-import React from 'react';
-/**
- * ComponentInstanceMatrix — responsive specimen matrix for variant and state parity.
- *
- * @public
- * @deprecated ComponentInstanceMatrix is an HDS docs/lab internal (specimen matrix helper for the component 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 ComponentInstanceMatrix({ componentName, dimensionX, dimensionY, title, isMobile: _isMobile, rowLabelWidth: _rowLabelWidth, rowLabelTone, freezeRowState, renderInstance, }: {
-    componentName: string;
-    dimensionX: string;
-    dimensionY: string;
-    title?: string;
-    isMobile: boolean;
-    rowLabelWidth?: number;
-    rowLabelTone?: 'primary' | 'secondary';
-    /** Wrap each row's rendered instance in FreezeState so the visual state is frozen. */
-    freezeRowState?: boolean;
-    renderInstance: (rowKey: string, columnKey: string) => React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/src/app/components/context-menu.d.ts

@@ -1,78 +0,0 @@
-/**
- * ContextMenu — right-click context menu on Radix ContextMenu.
- * @category Overlays
- * @tier primitive
- * @usage Offer actions for an item on right-click, or the equivalent keyboard gesture.
- * @whenNot The only way to reach an action, or actions from a visible trigger.
- * @useInstead Menu actions from a visible trigger
- * @slot trigger The area that opens the menu on right-click (ContextMenu.Trigger).
- * @slot content The popup holding the items (ContextMenu.Content).
- * @keyboard ArrowDown/ArrowUp Moves the highlight and stops at the first and last item.
- * @keyboard End Jumps to the last item.
- * @keyboard Character Highlights the next item that starts with the typed letter.
- * @keyboard Enter Selects the highlighted item and closes the menu.
- * @keyboard Escape Closes the menu without leaving focus inside the removed content.
- * @keyboard Tab Does not leave the open menu.
- * @doc-exempt: no Overlays doc page yet — add demo when the overlays page is created
- *
- * Radix ContextMenu (@radix-ui/react-context-menu) themed with the same overlay
- * role tokens as Menu, so the dropdown and the right-click menu are visually
- * identical. Provides roving focus, type-ahead, checkbox/radio items, submenus,
- * cursor-anchored positioning, and portal mounting out of the box.
- *
- *   <ContextMenu>
- *     <ContextMenu.Trigger>Right-click me</ContextMenu.Trigger>
- *     <ContextMenu.Content>
- *       <ContextMenu.Item onSelect={…}>Cut</ContextMenu.Item>
- *       <ContextMenu.Separator />
- *       <ContextMenu.Item disabled>Paste</ContextMenu.Item>
- *     </ContextMenu.Content>
- *   </ContextMenu>
- */
-import * as React from 'react';
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
-declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
-declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & 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>>;
-declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & 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 ContextMenuComponent extends React.FC<React.ComponentProps<typeof ContextMenuPrimitive.Root>> {
-    Trigger: typeof ContextMenuTrigger;
-    Content: typeof ContextMenuContent;
-    Item: typeof ContextMenuItem;
-    CheckboxItem: typeof ContextMenuCheckboxItem;
-    RadioGroup: typeof ContextMenuRadioGroup;
-    RadioItem: typeof ContextMenuRadioItem;
-    Label: typeof ContextMenuLabel;
-    Separator: typeof ContextMenuSeparator;
-    Group: typeof ContextMenuGroup;
-    Sub: typeof ContextMenuSub;
-    SubTrigger: typeof ContextMenuSubTrigger;
-    SubContent: typeof ContextMenuSubContent;
-}
-/**
- * ContextMenu root + parts. Wrap the right-clickable area in
- * `ContextMenu.Trigger`. Controlled via `onOpenChange`.
- * @public
- */
-export declare const ContextMenu: ContextMenuComponent;
-export {};

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

@@ -1,43 +0,0 @@
-/**
- * Cover — vertical shell with an auto-centered main region.
- * @category Layout
- * @tier primitive
- * @ai-intent Solves the "full-height section with an optional header, a
- * centered hero/main region that absorbs the remaining space, and an
- * optional footer" problem via the flex auto-margin centering technique, so
- * agents stop hand-rolling `position: absolute` centering or a fixed 50vh
- * split.
- * @ai-rules Reach for this named layout intent before Box/sx. gap MUST use a
- * semantic space step, never raw px. minHeight is a CSS length dimension
- * (not spacing) — defaults to '100svh' (small viewport height, safe against
- * mobile browser chrome). Pass minHeight="100vh" explicitly if you need the
- * classic viewport unit for a target that predates svh support. Do NOT use
- * Cover for ordinary page content flow — use Stack.
- *
- * Every Layout reference: https://every-layout.dev/layouts/cover/
- */
-import React from 'react';
-type LayoutGap = 'tight' | 'normal' | 'inset' | 'spacious';
-export interface CoverProps {
-    /** The centered main region — takes the remaining space via auto margins. Also available as `centerSlot`. */
-    children?: React.ReactNode;
-    /** Alias for `children` — the centered main region. If both are set, `centerSlot` wins. */
-    centerSlot?: React.ReactNode;
-    /** Optional content pinned to the top. */
-    header?: React.ReactNode;
-    /** Optional content pinned to the bottom. */
-    footer?: React.ReactNode;
-    /** Minimum block size of the cover (CSS length). Defaults to '100svh'. */
-    minHeight?: string;
-    /** Gap enforced between header/main/footer, in addition to the auto-margin centering. Defaults to 'normal'. */
-    gap?: LayoutGap;
-    /** 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 wrapper. Defaults to 'div'. */
-    as?: React.ElementType;
-}
-/** @public */
-export declare const Cover: React.ForwardRefExoticComponent<CoverProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -1,31 +0,0 @@
-/**
- * DateInput — single-date text field with a calendar popover picker, so
- * typing a date and picking one from a grid read as one input rather than
- * two disconnected controls glued together by a consuming app.
- * @category Inputs
- * @tier pattern
- * @public
- *
- * Composes the HDS Popover (trigger = calendar icon button) with Calendar
- * for the grid, and date-fns for parse/format of the free-typed text. The
- * text field and the picker stay in sync in both directions.
- *
- *   <DateInput value={date} onChange={setDate} />
- */
-import * as React from 'react';
-/** @public */
-export interface DateInputProps {
-    /** Currently selected date, or undefined when empty. */
-    value?: Date;
-    /** Fired with the next date, or undefined when the field is cleared/invalid. */
-    onChange?: (date: Date | undefined) => void;
-    /** date-fns format string used to display and parse the text value. */
-    displayFormat?: string;
-    /** Placeholder shown when the field is empty; defaults to the display format. */
-    placeholder?: string;
-    disabled?: boolean;
-    id?: string;
-    'aria-label'?: string;
-}
-/** Text field + calendar popover for picking a single date. */
-export declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,34 +0,0 @@
-/**
- * DateRangeInput — date-range field composing the existing Popover with
- * Calendar in range mode, so picking a start/end date reads as one overlay
- * pattern with Combobox and Menu rather than a bespoke widget.
- * @category Inputs
- * @tier pattern
- * @public
- *
- * No new primitive — built entirely on the HDS Popover + Calendar. The
- * trigger reads like a secondary input, showing a placeholder or the
- * formatted `from – to` range; the content is a two-month range calendar.
- *
- *   <DateRangeInput value={range} onChange={setRange} />
- */
-import * as React from 'react';
-import type { DateRange } from 'react-day-picker';
-/** @public */
-export interface DateRangeInputProps {
-    /** Currently selected range. */
-    value?: DateRange;
-    /** Fired with the next range whenever the calendar selection changes. */
-    onChange?: (range: DateRange | undefined) => void;
-    /** date-fns format string used to render the selected range on the trigger. */
-    displayFormat?: string;
-    /** Trigger text when nothing is selected. */
-    placeholder?: string;
-    disabled?: boolean;
-    /** Number of months rendered side by side in the calendar. */
-    numberOfMonths?: number;
-    id?: string;
-    'aria-label'?: string;
-}
-/** @public */
-export declare const DateRangeInput: React.ForwardRefExoticComponent<DateRangeInputProps & React.RefAttributes<HTMLButtonElement>>;