@tensor_1/react 2.0.0

package/dist/index.d.cts

@@ -0,0 +1,534 @@
+import * as react from 'react';
+import { ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, SelectHTMLAttributes, CSSProperties, HTMLAttributes, AnchorHTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from 'react';
+
+declare function cx(...args: (string | false | null | undefined | 0)[]): string;
+
+declare function useDialog(open: boolean): React.RefObject<HTMLDialogElement>;
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'link';
+    size?: 'sm' | 'md' | 'lg';
+    icon?: boolean;
+    loading?: boolean;
+    children?: ReactNode;
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+interface ButtonGroupProps {
+    children?: ReactNode;
+    className?: string;
+}
+declare function ButtonGroup({ children, className }: ButtonGroupProps): react.JSX.Element;
+
+interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    size?: 'sm' | 'md';
+    invalid?: boolean;
+    valid?: boolean;
+}
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
+interface InputGroupProps {
+    children: ReactNode;
+    leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+    className?: string;
+}
+declare function InputGroup({ children, leadingIcon, trailingIcon, className }: InputGroupProps): react.JSX.Element;
+
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    invalid?: boolean;
+}
+declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
+
+interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
+    size?: 'sm' | 'md';
+}
+declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
+
+interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: ReactNode;
+    indeterminate?: boolean;
+}
+declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+
+interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: ReactNode;
+}
+declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
+interface RadioGroupProps {
+    children: ReactNode;
+    className?: string;
+}
+declare function RadioGroup({ children, className }: RadioGroupProps): react.JSX.Element;
+
+interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    label?: ReactNode;
+}
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLInputElement>>;
+
+interface FieldProps {
+    label?: string;
+    hint?: string;
+    error?: string;
+    success?: string;
+    required?: boolean;
+    children: ReactNode;
+    className?: string;
+    htmlFor?: string;
+}
+declare function Field({ label, hint, error, success, required, children, className, htmlFor }: FieldProps): react.JSX.Element;
+
+interface ModalProps {
+    open: boolean;
+    onClose?: () => void;
+    title?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+}
+declare function Modal({ open, onClose, title, children, footer, className, style }: ModalProps): react.JSX.Element;
+
+interface DrawerProps {
+    open: boolean;
+    onClose?: () => void;
+    title?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+}
+declare function Drawer({ open, onClose, title, children, footer, className }: DrawerProps): react.JSX.Element;
+
+interface PeekProps {
+    open: boolean;
+    onClose?: () => void;
+    title?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+    onNavPrev?: () => void;
+    onNavNext?: () => void;
+    hint?: string;
+    className?: string;
+}
+declare function Peek({ open, onClose, title, children, footer, onNavPrev, onNavNext, hint, className }: PeekProps): react.JSX.Element;
+
+interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    headerAction?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+}
+declare function Card({ title, subtitle, headerAction, footer, children, className, ...props }: CardProps): react.JSX.Element;
+
+interface PageHeaderProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    eyebrow?: ReactNode;
+    title: ReactNode;
+    /** Supporting copy under the title. */
+    subtitle?: ReactNode;
+    /** Right-aligned action area (buttons, menus). */
+    actions?: ReactNode;
+}
+/**
+ * Page header — eyebrow / title / subtitle + actions row, over `.uix-page-header`.
+ * The hairline + breathing room below come from the component CSS.
+ */
+declare function PageHeader({ eyebrow, title, subtitle, actions, className, ...props }: PageHeaderProps): react.JSX.Element;
+
+interface DetailLayoutProps extends HTMLAttributes<HTMLDivElement> {
+    /** The narrow trailing column (record meta, side panels). */
+    side?: ReactNode;
+    /** The main column content. */
+    children?: ReactNode;
+}
+/**
+ * Two-column record layout over `.uix-detail` (main + side meta).
+ * Collapses to a single column below 820px.
+ */
+declare function DetailLayout({ side, children, className, ...props }: DetailLayoutProps): react.JSX.Element;
+
+interface ListProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+/** Bordered, rounded list container over `.uix-list`. */
+declare function List({ children, className, ...props }: ListProps): react.JSX.Element;
+interface ListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: ReactNode;
+    meta?: ReactNode;
+    /** Right-aligned trailing content (status, actions). */
+    trail?: ReactNode;
+    /** Leading content (icon/avatar) rendered before the title block. */
+    leading?: ReactNode;
+    children?: ReactNode;
+}
+/** A single `.uix-list__item`. Provide `title`/`meta`, or arbitrary `children`. */
+declare function ListItem({ title, meta, trail, leading, children, className, ...props }: ListItemProps): react.JSX.Element;
+
+interface TabsProps {
+    variant?: 'line' | 'enclosed' | 'pill';
+    value?: string;
+    onChange?: (value: string) => void;
+    children?: ReactNode;
+    className?: string;
+}
+declare function Tabs({ variant, value, onChange, children, className }: TabsProps): react.JSX.Element;
+interface TabProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    value: string;
+    children?: ReactNode;
+    disabled?: boolean;
+}
+declare function Tab({ value, children, disabled, className, onClick, ...props }: TabProps): react.JSX.Element;
+
+interface AppShellProps extends HTMLAttributes<HTMLDivElement> {
+    collapsed?: boolean;
+    sidebar?: ReactNode;
+    topbar?: ReactNode;
+    children?: ReactNode;
+}
+declare function AppShell({ collapsed, sidebar, topbar, children, className, ...props }: AppShellProps): react.JSX.Element;
+
+interface SidebarProps extends HTMLAttributes<HTMLElement> {
+    collapsed?: boolean;
+    onToggle?: () => void;
+    brand?: ReactNode;
+    toggleIcon?: ReactNode;
+    children?: ReactNode;
+}
+declare function Sidebar({ collapsed, onToggle, brand, toggleIcon, children, className, ...props }: SidebarProps): react.JSX.Element;
+interface SidebarSectionProps {
+    label?: string;
+    children?: ReactNode;
+}
+declare function SidebarSection({ label, children }: SidebarSectionProps): react.JSX.Element;
+interface NavItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    icon?: ReactNode;
+    badge?: ReactNode;
+    active?: boolean;
+    as?: 'a' | 'button';
+    children?: ReactNode;
+}
+declare function NavItem({ icon, badge, active, as: Tag, children, className, ...props }: NavItemProps): react.JSX.Element;
+interface NavGroupProps {
+    icon?: ReactNode;
+    label: ReactNode;
+    children?: ReactNode;
+    defaultExpanded?: boolean;
+}
+declare function NavGroup({ icon, label, children, defaultExpanded }: NavGroupProps): react.JSX.Element;
+interface SubNavItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    active?: boolean;
+    as?: 'a' | 'button';
+    children?: ReactNode;
+}
+declare function SubNavItem({ active, as: Tag, children, className, ...props }: SubNavItemProps): react.JSX.Element;
+
+type AlertTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    tone?: AlertTone;
+    title?: ReactNode;
+    icon?: ReactNode;
+    children?: ReactNode;
+}
+declare function Alert({ tone, title, icon, children, className, ...props }: AlertProps): react.JSX.Element;
+
+interface SpinnerProps extends HTMLAttributes<HTMLSpanElement> {
+    size?: 'md' | 'lg';
+    accent?: boolean;
+}
+declare function Spinner({ size, accent, className, ...props }: SpinnerProps): react.JSX.Element;
+
+type ToastTone = 'success' | 'danger' | 'info';
+interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: ReactNode;
+    message?: ReactNode;
+    tone?: ToastTone;
+    icon?: ReactNode;
+    onClose?: () => void;
+    leaving?: boolean;
+}
+declare function Toast({ title, message, tone, icon, onClose, leaving, className, ...props }: ToastProps): react.JSX.Element;
+interface ToasterProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+declare function Toaster({ children, className, ...props }: ToasterProps): react.JSX.Element;
+
+interface TableWrapProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+declare function TableWrap({ children, className, ...props }: TableWrapProps): react.JSX.Element;
+type TableDensity = 'compact' | 'standard' | 'comfortable';
+type SortDirection = 'ascending' | 'descending' | 'none';
+interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
+    density?: TableDensity;
+    zebra?: boolean;
+    pinnedCol?: boolean;
+    rowPeek?: boolean;
+    v2?: boolean;
+}
+declare function Table({ density, zebra, pinnedCol, rowPeek, v2, className, children, ...props }: TableProps): react.JSX.Element;
+interface ThProps extends ThHTMLAttributes<HTMLTableCellElement> {
+    sortable?: boolean;
+    sortDirection?: SortDirection;
+    onSort?: () => void;
+}
+declare function Th({ sortable, sortDirection, onSort, className, children, onClick, ...props }: ThProps): react.JSX.Element;
+interface TdProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    pinned?: boolean;
+}
+declare function Td({ pinned, className, children, ...props }: TdProps): react.JSX.Element;
+interface TrProps extends HTMLAttributes<HTMLTableRowElement> {
+    selected?: boolean;
+    pinned?: boolean;
+}
+declare function Tr({ selected, pinned, className, children, ...props }: TrProps): react.JSX.Element;
+
+interface PaginationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    page: number;
+    pageCount: number;
+    onChange: (page: number) => void;
+}
+declare function Pagination({ page, pageCount, onChange, className, ...props }: PaginationProps): react.JSX.Element;
+
+type PillTone = 'neutral' | 'success' | 'info' | 'warning' | 'danger' | 'critical' | 'muted';
+type PillTreatment = 'filled' | 'outline';
+interface StatusPillProps extends HTMLAttributes<HTMLSpanElement> {
+    tone?: PillTone;
+    /** 'filled' (default) = tinted wash; 'outline' = transparent fill + tone-tinted border. */
+    treatment?: PillTreatment;
+    dot?: boolean;
+    children?: ReactNode;
+}
+declare function StatusPill({ tone, treatment, dot, children, className, ...props }: StatusPillProps): react.JSX.Element;
+
+interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
+    /** 0..max. Ignored when `indeterminate`. */
+    value?: number;
+    /** Default 100. */
+    max?: number;
+    /** Continuous slide animation when the amount of work is unknown. */
+    indeterminate?: boolean;
+}
+declare function Progress({ value, max, indeterminate, className, ...props }: ProgressProps): react.JSX.Element;
+
+interface StatTrend {
+    direction: 'up' | 'down';
+    label: ReactNode;
+}
+interface StatProps extends HTMLAttributes<HTMLDivElement> {
+    label: ReactNode;
+    value: ReactNode;
+    /** Optional icon shown at the trailing edge of the label row. */
+    icon?: ReactNode;
+    /** Supporting line under the value (e.g. "vs last week"). */
+    meta?: ReactNode;
+    /** Trend chip rendered before the meta text. */
+    trend?: StatTrend;
+}
+/** KPI / stat tile over `.uix-stat`. */
+declare function Stat({ label, value, icon, meta, trend, className, ...props }: StatProps): react.JSX.Element;
+
+interface TooltipProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Tooltip text. Rendered via the CSS `[data-uix-tip]` hover/focus tooltip. */
+    label: string;
+    children?: ReactNode;
+}
+/**
+ * Thin wrapper over the CSS-only tooltip (`[data-uix-tip]`). Wraps its children
+ * in a span carrying the attribute; the bubble is drawn entirely in CSS on
+ * hover/focus. For keyboard reveal, ensure a focusable child or pass `tabIndex`.
+ */
+declare function Tooltip({ label, children, ...props }: TooltipProps): react.JSX.Element;
+
+interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    icon?: ReactNode;
+    title?: ReactNode;
+    /** Supporting copy / description. */
+    children?: ReactNode;
+    /** Primary action (e.g. a Button) shown under the body. */
+    action?: ReactNode;
+}
+/** Centered empty state over `.uix-empty`. */
+declare function EmptyState({ icon, title, children, action, className, ...props }: EmptyStateProps): react.JSX.Element;
+interface ErrorStateProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    icon?: ReactNode;
+    title?: ReactNode;
+    /** Error detail / message. */
+    detail?: ReactNode;
+    /** Recovery action (e.g. a Retry Button). */
+    action?: ReactNode;
+}
+/** Error state over `.uix-empty` with a danger-toned icon; `role="alert"`. */
+declare function ErrorState({ icon, title, detail, action, className, ...props }: ErrorStateProps): react.JSX.Element;
+interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: 'block' | 'text' | 'circle';
+    width?: number | string;
+    height?: number | string;
+}
+/** Shimmer placeholder over `.uix-skeleton`. */
+declare function Skeleton({ variant, width, height, className, style, ...props }: SkeletonProps): react.JSX.Element;
+interface LoadingStateProps extends HTMLAttributes<HTMLDivElement> {
+    /** Number of skeleton rows to render. */
+    rows?: number;
+}
+/** A stack of skeleton rows for list/section loading. `role="status"`. */
+declare function LoadingState({ rows, className, ...props }: LoadingStateProps): react.JSX.Element;
+
+interface LabelProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Any CSS color or a `--uix-chart-*` var; sets `--label-color`. */
+    color?: string;
+    dot?: boolean;
+    children?: ReactNode;
+}
+/** Colored label / tag over `.uix-label`. */
+declare function Label({ color, dot, children, className, style, ...props }: LabelProps): react.JSX.Element;
+
+interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
+    size?: 'sm' | 'md' | 'lg';
+    src?: string;
+    alt?: string;
+    /** Initials / fallback shown when there is no `src`. */
+    children?: ReactNode;
+    /** Online status dot. */
+    status?: boolean;
+}
+/** Avatar over `.uix-avatar`. Renders an image when `src` is set, else children (initials). */
+declare function Avatar({ size, src, alt, children, status, className, ...props }: AvatarProps): react.JSX.Element;
+interface AvatarGroupProps extends HTMLAttributes<HTMLSpanElement> {
+    children?: ReactNode;
+}
+/** Overlapping avatar stack over `.uix-avatar-group`. */
+declare function AvatarGroup({ children, className, ...props }: AvatarGroupProps): react.JSX.Element;
+interface UserChipProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Usually an `<Avatar />`. */
+    avatar?: ReactNode;
+    name?: ReactNode;
+    /** Secondary line (role, email). */
+    sub?: ReactNode;
+}
+/** Avatar + name (+ optional sub-line) over `.uix-user-chip`. */
+declare function UserChip({ avatar, name, sub, className, children, ...props }: UserChipProps): react.JSX.Element;
+
+interface CommentsProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+/** Comment thread container over `.uix-comments`. */
+declare function Comments({ children, className, ...props }: CommentsProps): react.JSX.Element;
+interface CommentProps extends HTMLAttributes<HTMLDivElement> {
+    /** Usually an `<Avatar />` (the grid reserves the leading column). */
+    avatar?: ReactNode;
+    author?: ReactNode;
+    meta?: ReactNode;
+    children?: ReactNode;
+}
+/** A single comment over `.uix-comment` (avatar column + body). */
+declare function Comment({ avatar, author, meta, children, className, ...props }: CommentProps): react.JSX.Element;
+
+interface TimelineProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+/** Activity timeline container over `.uix-timeline`. */
+declare function Timeline({ children, className, ...props }: TimelineProps): react.JSX.Element;
+interface TimelineItemProps extends HTMLAttributes<HTMLDivElement> {
+    meta?: ReactNode;
+    children?: ReactNode;
+}
+/** A timeline entry over `.uix-timeline__item` (node + connecting line + body). */
+declare function TimelineItem({ meta, children, className, ...props }: TimelineItemProps): react.JSX.Element;
+
+interface ProseProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+/**
+ * Long-form content container over `.uix-prose` (KB articles, descriptions,
+ * release notes). Apply to a block of rendered HTML/markdown.
+ */
+declare function Prose({ children, className, ...props }: ProseProps): react.JSX.Element;
+type NoteTone = 'info' | 'success' | 'warning' | 'danger';
+interface NoteProps extends HTMLAttributes<HTMLDivElement> {
+    tone?: NoteTone;
+    icon?: ReactNode;
+    children?: ReactNode;
+}
+/** Callout / note box over `.uix-note`. */
+declare function Note({ tone, icon, children, className, ...props }: NoteProps): react.JSX.Element;
+
+interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Native popover behavior. Defaults to `"auto"` (light-dismiss). A trigger
+     * wires to it via `popoverTarget={id}`. Pass `"manual"` to control open state yourself.
+     */
+    popover?: 'auto' | 'manual';
+    children?: ReactNode;
+}
+/**
+ * Anchored surface over `.uix-popover`, using the native Popover API.
+ * Compose ITSM things like a filter popover by putting controls inside.
+ */
+declare function Popover({ popover, children, className, ...props }: PopoverProps): react.JSX.Element;
+
+interface CommandPaletteProps extends HTMLAttributes<HTMLDivElement> {
+    /** Props for the search input (value/onChange/placeholder wired by the consumer). */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    children?: ReactNode;
+}
+/**
+ * ⌘K command palette surface over `.uix-cmdk`. Presentational: mount it inside a
+ * Modal/Popover and wire search + keyboard selection in the consumer.
+ */
+declare function CommandPalette({ inputProps, children, className, ...props }: CommandPaletteProps): react.JSX.Element;
+interface CommandGroupProps {
+    label?: ReactNode;
+    children?: ReactNode;
+}
+/** A labeled group of command items. */
+declare function CommandGroup({ label, children }: CommandGroupProps): react.JSX.Element;
+interface CommandItemProps extends HTMLAttributes<HTMLDivElement> {
+    icon?: ReactNode;
+    /** Trailing shortcut hint (e.g. a `.uix-kbd`). */
+    shortcut?: ReactNode;
+    active?: boolean;
+    children?: ReactNode;
+}
+/** A single command row over `.uix-cmdk__item`. */
+declare function CommandItem({ icon, shortcut, active, children, className, ...props }: CommandItemProps): react.JSX.Element;
+
+interface KanbanProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+declare function Kanban({ children, className, ...props }: KanbanProps): react.JSX.Element;
+interface KanbanColumnProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: ReactNode;
+    count?: number;
+    children?: ReactNode;
+}
+declare function KanbanColumn({ title, count, children, className, ...props }: KanbanColumnProps): react.JSX.Element;
+interface KanbanCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: ReactNode;
+    meta?: ReactNode;
+    children?: ReactNode;
+}
+declare function KanbanCard({ title, meta, children, className, ...props }: KanbanCardProps): react.JSX.Element;
+
+interface TreeNodeData {
+    id: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    children?: TreeNodeData[];
+}
+interface TreeNodeProps {
+    node: TreeNodeData;
+    expanded: Set<string>;
+    selected?: string;
+    onToggle: (id: string) => void;
+    onSelect?: (id: string) => void;
+    level?: number;
+}
+interface TreeProps extends Omit<HTMLAttributes<HTMLUListElement>, 'onSelect' | 'onChange'> {
+    nodes: TreeNodeData[];
+    expanded?: Set<string>;
+    defaultExpanded?: Set<string>;
+    selected?: string;
+    onToggle?: (id: string) => void;
+    onSelect?: (id: string) => void;
+}
+declare function Tree({ nodes, expanded: controlledExpanded, defaultExpanded, selected, onToggle, onSelect, className, ...props }: TreeProps): react.JSX.Element;
+
+export { Alert, type AlertProps, type AlertTone, AppShell, type AppShellProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, CommandGroup, type CommandGroupProps, CommandItem, type CommandItemProps, CommandPalette, type CommandPaletteProps, Comment, type CommentProps, Comments, type CommentsProps, DetailLayout, type DetailLayoutProps, Drawer, type DrawerProps, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, Field, type FieldProps, Input, InputGroup, type InputGroupProps, type InputProps, Kanban, KanbanCard, type KanbanCardProps, KanbanColumn, type KanbanColumnProps, type KanbanProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, LoadingState, type LoadingStateProps, Modal, type ModalProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, Note, type NoteProps, type NoteTone, PageHeader, type PageHeaderProps, Pagination, type PaginationProps, Peek, type PeekProps, type PillTone, type PillTreatment, Popover, type PopoverProps, Progress, type ProgressProps, Prose, type ProseProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, type SelectProps, Sidebar, type SidebarProps, SidebarSection, type SidebarSectionProps, Skeleton, type SkeletonProps, type SortDirection, Spinner, type SpinnerProps, Stat, type StatProps, type StatTrend, StatusPill, type StatusPillProps, SubNavItem, type SubNavItemProps, Switch, type SwitchProps, Tab, type TabProps, Table, type TableDensity, type TableProps, TableWrap, type TableWrapProps, Tabs, type TabsProps, Td, type TdProps, Textarea, type TextareaProps, Th, type ThProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineProps, Toast, type ToastProps, type ToastTone, Toaster, type ToasterProps, Tooltip, type TooltipProps, Tr, type TrProps, Tree, type TreeNodeData, type TreeNodeProps, type TreeProps, UserChip, type UserChipProps, cx, useDialog };

package/dist/index.d.ts

@@ -0,0 +1,40 @@
+export { cx } from './cx.js';
+export { useDialog } from './hooks/useDialog.js';
+export { Button, ButtonGroup, ButtonGroupProps, ButtonProps } from './components/Button.js';
+export { Input, InputGroup, InputGroupProps, InputProps } from './components/Input.js';
+export { Textarea, TextareaProps } from './components/Textarea.js';
+export { Select, SelectProps } from './components/Select.js';
+export { Checkbox, CheckboxProps } from './components/Checkbox.js';
+export { Radio, RadioGroup, RadioGroupProps, RadioProps } from './components/Radio.js';
+export { Switch, SwitchProps } from './components/Switch.js';
+export { Field, FieldProps } from './components/Field.js';
+export { Modal, ModalProps } from './components/Modal.js';
+export { Drawer, DrawerProps } from './components/Drawer.js';
+export { Peek, PeekProps } from './components/Peek.js';
+export { Card, CardProps } from './components/Card.js';
+export { PageHeader, PageHeaderProps } from './components/PageHeader.js';
+export { DetailLayout, DetailLayoutProps } from './components/DetailLayout.js';
+export { List, ListItem, ListItemProps, ListProps } from './components/List.js';
+export { Tab, TabProps, Tabs, TabsProps } from './components/Tabs.js';
+export { AppShell, AppShellProps } from './components/AppShell.js';
+export { NavGroup, NavGroupProps, NavItem, NavItemProps, Sidebar, SidebarProps, SidebarSection, SidebarSectionProps, SubNavItem, SubNavItemProps } from './components/Sidebar.js';
+export { Alert, AlertProps, AlertTone } from './components/Alert.js';
+export { Spinner, SpinnerProps } from './components/Spinner.js';
+export { Toast, ToastProps, ToastTone, Toaster, ToasterProps } from './components/Toast.js';
+export { SortDirection, Table, TableDensity, TableProps, TableWrap, TableWrapProps, Td, TdProps, Th, ThProps, Tr, TrProps } from './components/Table.js';
+export { Pagination, PaginationProps } from './components/Pagination.js';
+export { PillTone, PillTreatment, StatusPill, StatusPillProps } from './components/StatusPill.js';
+export { Progress, ProgressProps } from './components/Progress.js';
+export { Stat, StatProps, StatTrend } from './components/Stat.js';
+export { Tooltip, TooltipProps } from './components/Tooltip.js';
+export { EmptyState, EmptyStateProps, ErrorState, ErrorStateProps, LoadingState, LoadingStateProps, Skeleton, SkeletonProps } from './components/States.js';
+export { Label, LabelProps } from './components/Label.js';
+export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, UserChip, UserChipProps } from './components/Avatar.js';
+export { Comment, CommentProps, Comments, CommentsProps } from './components/Comments.js';
+export { Timeline, TimelineItem, TimelineItemProps, TimelineProps } from './components/Timeline.js';
+export { Note, NoteProps, NoteTone, Prose, ProseProps } from './components/Prose.js';
+export { Popover, PopoverProps } from './components/Popover.js';
+export { CommandGroup, CommandGroupProps, CommandItem, CommandItemProps, CommandPalette, CommandPaletteProps } from './components/CommandPalette.js';
+export { Kanban, KanbanCard, KanbanCardProps, KanbanColumn, KanbanColumnProps, KanbanProps } from './components/Kanban.js';
+export { Tree, TreeNodeData, TreeNodeProps, TreeProps } from './components/Tree.js';
+import 'react';

package/dist/index.js

@@ -0,0 +1,106 @@
+import { cx } from "./cx.js";
+import { useDialog } from "./hooks/useDialog.js";
+import { Button, ButtonGroup } from "./components/Button.js";
+import { Input, InputGroup } from "./components/Input.js";
+import { Textarea } from "./components/Textarea.js";
+import { Select } from "./components/Select.js";
+import { Checkbox } from "./components/Checkbox.js";
+import { Radio, RadioGroup } from "./components/Radio.js";
+import { Switch } from "./components/Switch.js";
+import { Field } from "./components/Field.js";
+import { Modal } from "./components/Modal.js";
+import { Drawer } from "./components/Drawer.js";
+import { Peek } from "./components/Peek.js";
+import { Card } from "./components/Card.js";
+import { PageHeader } from "./components/PageHeader.js";
+import { DetailLayout } from "./components/DetailLayout.js";
+import { List, ListItem } from "./components/List.js";
+import { Tabs, Tab } from "./components/Tabs.js";
+import { AppShell } from "./components/AppShell.js";
+import { Sidebar, SidebarSection, NavItem, NavGroup, SubNavItem } from "./components/Sidebar.js";
+import { Alert } from "./components/Alert.js";
+import { Spinner } from "./components/Spinner.js";
+import { Toast, Toaster } from "./components/Toast.js";
+import { TableWrap, Table, Th, Td, Tr } from "./components/Table.js";
+import { Pagination } from "./components/Pagination.js";
+import { StatusPill } from "./components/StatusPill.js";
+import { Progress } from "./components/Progress.js";
+import { Stat } from "./components/Stat.js";
+import { Tooltip } from "./components/Tooltip.js";
+import { EmptyState, ErrorState, Skeleton, LoadingState } from "./components/States.js";
+import { Label } from "./components/Label.js";
+import { Avatar, AvatarGroup, UserChip } from "./components/Avatar.js";
+import { Comments, Comment } from "./components/Comments.js";
+import { Timeline, TimelineItem } from "./components/Timeline.js";
+import { Prose, Note } from "./components/Prose.js";
+import { Popover } from "./components/Popover.js";
+import { CommandPalette, CommandGroup, CommandItem } from "./components/CommandPalette.js";
+import { Kanban, KanbanColumn, KanbanCard } from "./components/Kanban.js";
+import { Tree } from "./components/Tree.js";
+export {
+  Alert,
+  AppShell,
+  Avatar,
+  AvatarGroup,
+  Button,
+  ButtonGroup,
+  Card,
+  Checkbox,
+  CommandGroup,
+  CommandItem,
+  CommandPalette,
+  Comment,
+  Comments,
+  DetailLayout,
+  Drawer,
+  EmptyState,
+  ErrorState,
+  Field,
+  Input,
+  InputGroup,
+  Kanban,
+  KanbanCard,
+  KanbanColumn,
+  Label,
+  List,
+  ListItem,
+  LoadingState,
+  Modal,
+  NavGroup,
+  NavItem,
+  Note,
+  PageHeader,
+  Pagination,
+  Peek,
+  Popover,
+  Progress,
+  Prose,
+  Radio,
+  RadioGroup,
+  Select,
+  Sidebar,
+  SidebarSection,
+  Skeleton,
+  Spinner,
+  Stat,
+  StatusPill,
+  SubNavItem,
+  Switch,
+  Tab,
+  Table,
+  TableWrap,
+  Tabs,
+  Td,
+  Textarea,
+  Th,
+  Timeline,
+  TimelineItem,
+  Toast,
+  Toaster,
+  Tooltip,
+  Tr,
+  Tree,
+  UserChip,
+  cx,
+  useDialog
+};