@hirobius/design-system 0.19.1 → 0.21.0

package/dist/chunks/form-COP3vK9_.js

@@ -1,66 +0,0 @@
-'use client';
-import { jsx as m, jsxs as u } from "react/jsx-runtime";
-import * as s from "react";
-import { cn as p } from "../cn.js";
-const g = /* @__PURE__ */ s.forwardRef(function({ className: e, ...l }, o) {
-  return /* @__PURE__ */ m("form", { ref: o, className: p("flex flex-col gap-4", e), ...l });
-});
-function F({
-  htmlFor: c,
-  childId: e,
-  description: l,
-  error: o
-}) {
-  const i = s.useId(), r = c ?? e ?? i, n = `${r}-description`, d = `${r}-error`, a = [l ? n : null, o ? d : null].filter(Boolean).join(" ") || void 0;
-  return { controlId: r, descriptionId: n, errorId: d, describedBy: a };
-}
-const b = /* @__PURE__ */ s.forwardRef(
-  function({ controlId: e, label: l, description: o, error: i, required: r = !1, className: n, children: d }, a) {
-    const t = `${e}-description`, f = `${e}-error`;
-    return /* @__PURE__ */ u("div", { ref: a, className: p("flex flex-col gap-2", n), children: [
-      /* @__PURE__ */ u("label", { htmlFor: e, className: "text-sm font-medium text-foreground", children: [
-        l,
-        r ? /* @__PURE__ */ u("span", { "aria-hidden": "true", className: "text-destructive", children: [
-          " ",
-          "*"
-        ] }) : null
-      ] }),
-      d,
-      o && !i ? /* @__PURE__ */ m("p", { id: t, className: "text-xs text-muted-foreground", children: o }) : null,
-      i ? /* @__PURE__ */ m("p", { id: f, role: "alert", className: "text-xs text-destructive", children: i }) : null
-    ] });
-  }
-), N = /* @__PURE__ */ s.forwardRef(
-  function({ label: e, children: l, htmlFor: o, description: i, error: r, required: n = !1, className: d }, a) {
-    const t = s.Children.only(l), { controlId: f, describedBy: x } = F({
-      htmlFor: o,
-      childId: t.props.id,
-      description: i,
-      error: r
-    }), h = s.cloneElement(t, {
-      id: f,
-      required: t.props.required ?? n,
-      "aria-invalid": r ? !0 : t.props["aria-invalid"],
-      "aria-describedby": [t.props["aria-describedby"], x].filter(Boolean).join(" ") || void 0
-    });
-    return /* @__PURE__ */ m(
-      b,
-      {
-        ref: a,
-        controlId: f,
-        label: e,
-        description: i,
-        error: r,
-        required: n,
-        className: d,
-        children: h
-      }
-    );
-  }
-);
-export {
-  g as F,
-  b as a,
-  N as b,
-  F as u
-};

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 {};