@aseguragonzalez/ui 1.0.2 → 1.0.3

package/dist/components/AppShell/AppShell.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+export type AppShellVariant = 'sidebar-only' | 'navbar-only' | 'both';
+export interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Layout variant. If omitted, auto-detected from the `sidebar` and `navbar` slots:
+     * both provided → `'both'`; sidebar only → `'sidebar-only'`; navbar only → `'navbar-only'`.
+     */
+    variant?: AppShellVariant;
+    /** Content for the sidebar slot. */
+    sidebar?: ReactNode;
+    /** Content for the top navigation slot. */
+    navbar?: ReactNode;
+    /** Main page content. Rendered inside a `<main>` element. */
+    children: ReactNode;
+}
+declare const AppShell: import("react").ForwardRefExoticComponent<AppShellProps & import("react").RefAttributes<HTMLDivElement>>;
+export { AppShell };

package/dist/components/Banner/Banner.d.ts

@@ -0,0 +1,17 @@
+export type BannerVariant = 'info' | 'success' | 'warning' | 'error' | 'promotional';
+export type BannerLayout = 'horizontal' | 'stacked';
+export interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Required headline — also used as the accessible name for landmark regions. */
+    headline: string;
+    description?: string;
+    variant?: BannerVariant;
+    layout?: BannerLayout;
+    /** Icon or illustration override. Defaults to the variant icon. */
+    media?: React.ReactNode;
+    /** CTA buttons or links. */
+    actions?: React.ReactNode;
+    onDismiss?: () => void;
+    dismissLabel?: string;
+}
+declare const Banner: import("react").ForwardRefExoticComponent<BannerProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Banner };

package/dist/components/BarChart/BarChart.d.ts

@@ -0,0 +1,17 @@
+export interface BarChartDatum {
+    label: string;
+    value: number;
+}
+export interface BarChartSeries {
+    id: string;
+    label: string;
+    data: BarChartDatum[];
+    color?: string;
+}
+export interface BarChartProps {
+    title: string;
+    series: BarChartSeries[];
+    className?: string;
+}
+declare const BarChart: import("react").ForwardRefExoticComponent<BarChartProps & import("react").RefAttributes<HTMLDivElement>>;
+export { BarChart };

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,11 @@
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    'aria-label'?: string;
+    className?: string;
+}
+declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLElement>>;
+export { Breadcrumb };

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,14 @@
+export type CardVariant = 'outlined' | 'elevated' | 'flat';
+export type CardPadding = 'sm' | 'md' | 'lg';
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: CardVariant;
+    padding?: CardPadding;
+}
+type SectionProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Media: import("react").ForwardRefExoticComponent<SectionProps & import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<SectionProps & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<SectionProps & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<SectionProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export {};

package/dist/components/Carousel/Carousel.d.ts

@@ -0,0 +1,16 @@
+export interface CarouselProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'aria-label'> {
+    /** Required accessible name for the region landmark. */
+    'aria-label': string;
+    /** Wrap around from last to first and vice versa. */
+    loop?: boolean;
+    /** Auto-advance interval in ms. Pauses on hover/focus and when prefers-reduced-motion is set. */
+    autoplay?: number;
+    /** Number of slides visible at once. */
+    visibleSlides?: 1 | 2 | 3;
+    /** Accessible label for the previous button. */
+    prevLabel?: string;
+    /** Accessible label for the next button. */
+    nextLabel?: string;
+}
+declare const Carousel: import("react").ForwardRefExoticComponent<CarouselProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Carousel };

package/dist/components/CheckboxField/CheckboxField.d.ts

@@ -0,0 +1,19 @@
+import { type CheckboxSize } from '../../primitives/Checkbox/Checkbox';
+export interface CheckboxFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'id'> {
+    /** Visible label text adjacent to the checkbox. */
+    label: React.ReactNode;
+    hint?: string;
+    error?: string;
+    size?: CheckboxSize;
+    inputId?: string;
+}
+/**
+ * Composite: Checkbox + inline label + optional hint/error.
+ * Layout: [☑] Label text
+ *              hint or error below
+ *
+ * For groups of checkboxes, compose several CheckboxField inside a
+ * <fieldset> + <legend> at the page level.
+ */
+declare const CheckboxField: import("react").ForwardRefExoticComponent<CheckboxFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export { CheckboxField };

package/dist/components/Container/Container.d.ts

@@ -0,0 +1,9 @@
+export type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Max-width breakpoint. Defaults to "lg". */
+    size?: ContainerSize;
+    /** Apply horizontal padding. Defaults to true. */
+    padding?: boolean;
+}
+declare const Container: import("react").ForwardRefExoticComponent<ContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Container };

package/dist/components/DataTable/DataTable.d.ts

@@ -0,0 +1,27 @@
+export type SortDirection = 'asc' | 'desc';
+export interface TableColumn<TRow extends Record<string, unknown> = Record<string, unknown>> {
+    key: string;
+    header: string;
+    sortable?: boolean;
+    align?: 'left' | 'center' | 'right';
+    render?: (value: unknown, row: TRow) => React.ReactNode;
+}
+export interface DataTableProps<TRow extends Record<string, unknown> = Record<string, unknown>> {
+    caption: string;
+    columns: TableColumn<TRow>[];
+    data: TRow[];
+    defaultSortKey?: string;
+    defaultSortDirection?: SortDirection;
+    /** Controlled sort key */
+    sortKey?: string;
+    /** Controlled sort direction */
+    sortDirection?: SortDirection;
+    onSort?: (key: string, direction: SortDirection) => void;
+    /** Field name used as stable React key for rows. Strongly recommended to avoid index-key issues when sorting. */
+    rowKey?: keyof TRow;
+    /** Message shown when data array is empty */
+    emptyMessage?: string;
+    className?: string;
+}
+declare const DataTable: <TRow extends Record<string, unknown> = Record<string, unknown>>(props: DataTableProps<TRow> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+export { DataTable };

package/dist/components/DateField/DateField.d.ts

@@ -0,0 +1,20 @@
+import { type DateInputSize } from '../../primitives/DateInput/DateInput';
+export interface DateFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'id'> {
+    /** Visible label text. Always required — never use placeholder as a label. */
+    label: string;
+    /** Helper text shown below the input when there is no error. */
+    hint?: string;
+    /** Validation error. Replaces hint when present. */
+    error?: string;
+    size?: DateInputSize;
+    /** Marks the field as required visually and via aria-required. */
+    required?: boolean;
+    /** Custom id for the input. Auto-generated if omitted. */
+    inputId?: string;
+    /** ISO 8601 (YYYY-MM-DD) */
+    min?: string;
+    /** ISO 8601 (YYYY-MM-DD) */
+    max?: string;
+}
+declare const DateField: import("react").ForwardRefExoticComponent<DateFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export { DateField };

package/dist/components/DonutChart/DonutChart.d.ts

@@ -0,0 +1,14 @@
+export interface DonutSegment {
+    label: string;
+    value: number;
+    color?: string;
+}
+export interface DonutChartProps {
+    title: string;
+    segments: DonutSegment[];
+    centerLabel?: string;
+    centerSubLabel?: string;
+    className?: string;
+}
+declare const DonutChart: import("react").ForwardRefExoticComponent<DonutChartProps & import("react").RefAttributes<SVGSVGElement>>;
+export { DonutChart };

package/dist/components/EmailField/EmailField.d.ts

@@ -0,0 +1,16 @@
+import { type EmailInputSize } from '../../primitives/EmailInput/EmailInput';
+export interface EmailFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'id'> {
+    /** Visible label text. Always required — never use placeholder as a label. */
+    label: string;
+    /** Helper text shown below the input when there is no error. */
+    hint?: string;
+    /** Validation error. Replaces hint when present. */
+    error?: string;
+    size?: EmailInputSize;
+    /** Marks the field as required visually and via aria-required. */
+    required?: boolean;
+    /** Custom id for the input. Auto-generated if omitted. */
+    inputId?: string;
+}
+declare const EmailField: import("react").ForwardRefExoticComponent<EmailFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export { EmailField };

package/dist/components/Grid/Grid.d.ts

@@ -0,0 +1,29 @@
+declare const spaceMap: {
+    readonly 0: "0";
+    readonly 1: "var(--ds-space-1)";
+    readonly 2: "var(--ds-space-2)";
+    readonly 3: "var(--ds-space-3)";
+    readonly 4: "var(--ds-space-4)";
+    readonly 5: "var(--ds-space-5)";
+    readonly 6: "var(--ds-space-6)";
+    readonly 8: "var(--ds-space-8)";
+    readonly 10: "var(--ds-space-10)";
+    readonly 12: "var(--ds-space-12)";
+    readonly 16: "var(--ds-space-16)";
+};
+export type GridSpacingKey = keyof typeof spaceMap;
+export type GridCols = 1 | 2 | 3 | 4 | 5 | 6 | 12;
+export type ResponsiveGridCols = {
+    mobile?: GridCols;
+    tablet?: GridCols;
+    desktop?: GridCols;
+};
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    cols?: GridCols | ResponsiveGridCols;
+    gap?: GridSpacingKey;
+    /** Independent column and row gap. Overrides `gap` if provided. */
+    columnGap?: GridSpacingKey;
+    rowGap?: GridSpacingKey;
+}
+declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Grid };

package/dist/components/LineChart/LineChart.d.ts

@@ -0,0 +1,20 @@
+export interface LineChartDatum {
+    label: string;
+    value: number;
+}
+export interface LineChartSeries {
+    id: string;
+    label: string;
+    data: LineChartDatum[];
+    color?: string;
+    showArea?: boolean;
+}
+export interface LineChartProps {
+    title: string;
+    series: LineChartSeries[];
+    /** Applies area fill to all series that don't specify their own showArea */
+    showArea?: boolean;
+    className?: string;
+}
+declare const LineChart: import("react").ForwardRefExoticComponent<LineChartProps & import("react").RefAttributes<HTMLDivElement>>;
+export { LineChart };

package/dist/components/Navbar/Navbar.d.ts

@@ -0,0 +1,20 @@
+export interface NavItem {
+    key: string;
+    label: string;
+    href?: string;
+    isActive?: boolean;
+    onClick?: () => void;
+}
+export interface NavbarProps {
+    brand?: React.ReactNode;
+    items?: NavItem[];
+    actions?: React.ReactNode;
+    sticky?: boolean;
+    'aria-label'?: string;
+    defaultMobileOpen?: boolean;
+    isMobileOpen?: boolean;
+    onMobileOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+declare const Navbar: import("react").ForwardRefExoticComponent<NavbarProps & import("react").RefAttributes<HTMLElement>>;
+export { Navbar };

package/dist/components/NumberField/NumberField.d.ts

@@ -0,0 +1,19 @@
+import { type NumberInputSize } from '../../primitives/NumberInput/NumberInput';
+export interface NumberFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'id'> {
+    /** Visible label text. Always required — never use placeholder as a label. */
+    label: string;
+    /** Helper text shown below the input when there is no error. */
+    hint?: string;
+    /** Validation error. Replaces hint when present. */
+    error?: string;
+    size?: NumberInputSize;
+    /** Marks the field as required visually and via aria-required. */
+    required?: boolean;
+    /** Custom id for the input. Auto-generated if omitted. */
+    inputId?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+declare const NumberField: import("react").ForwardRefExoticComponent<NumberFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export { NumberField };

package/dist/components/PageLayout/PageLayout.d.ts

@@ -0,0 +1,25 @@
+declare const spaceMap: {
+    readonly 0: "0";
+    readonly 1: "var(--ds-space-1)";
+    readonly 2: "var(--ds-space-2)";
+    readonly 3: "var(--ds-space-3)";
+    readonly 4: "var(--ds-space-4)";
+    readonly 5: "var(--ds-space-5)";
+    readonly 6: "var(--ds-space-6)";
+    readonly 8: "var(--ds-space-8)";
+    readonly 10: "var(--ds-space-10)";
+    readonly 12: "var(--ds-space-12)";
+    readonly 16: "var(--ds-space-16)";
+};
+type PageLayoutSpacingKey = keyof typeof spaceMap;
+export type PageLayoutSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface PageLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Maximum width of the content area. Defaults to `'xl'` (1280px). */
+    maxWidth?: PageLayoutSize;
+    /** Apply horizontal and vertical padding. Defaults to `true`. */
+    padding?: boolean;
+    /** Gap between direct children. Defaults to `6`. */
+    gap?: PageLayoutSpacingKey;
+}
+declare const PageLayout: import("react").ForwardRefExoticComponent<PageLayoutProps & import("react").RefAttributes<HTMLDivElement>>;
+export { PageLayout };

package/dist/components/PasswordField/PasswordField.d.ts

@@ -0,0 +1,20 @@
+import { type PasswordInputSize } from '../../primitives/PasswordInput/PasswordInput';
+export interface PasswordFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'id'> {
+    /** Visible label text. Always required — never use placeholder as a label. */
+    label: string;
+    /** Helper text shown below the input when there is no error. */
+    hint?: string;
+    /** Validation error. Replaces hint when present. */
+    error?: string;
+    size?: PasswordInputSize;
+    /** Marks the field as required visually and via aria-required. */
+    required?: boolean;
+    /** Accessible label for the "show password" button state. */
+    showPasswordLabel?: string;
+    /** Accessible label for the "hide password" button state. */
+    hidePasswordLabel?: string;
+    /** Custom id for the input. Auto-generated if omitted. */
+    inputId?: string;
+}
+declare const PasswordField: import("react").ForwardRefExoticComponent<PasswordFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export { PasswordField };

package/dist/components/PhoneField/PhoneField.d.ts

@@ -0,0 +1,16 @@
+import { type PhoneInputSize } from '../../primitives/PhoneInput/PhoneInput';
+export interface PhoneFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'id'> {
+    /** Visible label text. Always required — never use placeholder as a label. */
+    label: string;
+    /** Helper text shown below the input when there is no error. */
+    hint?: string;
+    /** Validation error. Replaces hint when present. */
+    error?: string;
+    size?: PhoneInputSize;
+    /** Marks the field as required visually and via aria-required. */
+    required?: boolean;
+    /** Custom id for the input. Auto-generated if omitted. */
+    inputId?: string;
+}
+declare const PhoneField: import("react").ForwardRefExoticComponent<PhoneFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export { PhoneField };

package/dist/components/RadarChart/RadarChart.d.ts

@@ -0,0 +1,16 @@
+export interface RadarSeries {
+    id: string;
+    label: string;
+    values: number[];
+    color?: string;
+}
+export interface RadarChartProps {
+    title: string;
+    axes: string[];
+    series: RadarSeries[];
+    /** Explicit max value; defaults to the max across all series */
+    maxValue?: number;
+    className?: string;
+}
+declare const RadarChart: import("react").ForwardRefExoticComponent<RadarChartProps & import("react").RefAttributes<HTMLDivElement>>;
+export { RadarChart };

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,30 @@
+import { type RadioButtonSize } from '../../primitives/RadioButton/RadioButton';
+export interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    /** Group label — rendered as <legend> inside <fieldset>. */
+    legend: string;
+    name: string;
+    options: RadioOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    hint?: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    size?: RadioButtonSize;
+    className?: string;
+}
+/**
+ * Composite radio group using <fieldset> + <legend> — the WCAG-correct
+ * pattern for grouped form controls. Each option gets its own <label>.
+ */
+declare function RadioGroup({ legend, name, options, value, defaultValue, onChange, hint, error, required, disabled, size, className, }: RadioGroupProps): import("react").JSX.Element;
+declare namespace RadioGroup {
+    var displayName: string;
+}
+export { RadioGroup };

package/dist/components/ScatterPlot/ScatterPlot.d.ts

@@ -0,0 +1,20 @@
+export interface ScatterDatum {
+    x: number;
+    y: number;
+    label?: string;
+}
+export interface ScatterSeries {
+    id: string;
+    label: string;
+    data: ScatterDatum[];
+    color?: string;
+}
+export interface ScatterPlotProps {
+    title: string;
+    series: ScatterSeries[];
+    xLabel?: string;
+    yLabel?: string;
+    className?: string;
+}
+declare const ScatterPlot: import("react").ForwardRefExoticComponent<ScatterPlotProps & import("react").RefAttributes<HTMLDivElement>>;
+export { ScatterPlot };

package/dist/components/SearchField/SearchField.d.ts

@@ -0,0 +1,16 @@
+import { type SearchInputSize } from '../../primitives/SearchInput/SearchInput';
+export interface SearchFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'id'> {
+    /** Visible label text. Always required — never use placeholder as a label. */
+    label: string;
+    /** Helper text shown below the input when there is no error. */
+    hint?: string;
+    /** Validation error. Replaces hint when present. */
+    error?: string;
+    size?: SearchInputSize;
+    /** Marks the field as required visually and via aria-required. */
+    required?: boolean;
+    /** Custom id for the input. Auto-generated if omitted. */
+    inputId?: string;
+}
+declare const SearchField: import("react").ForwardRefExoticComponent<SearchFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export { SearchField };

package/dist/components/Section/Section.d.ts

@@ -0,0 +1,26 @@
+declare const spaceMap: {
+    readonly 0: "0";
+    readonly 1: "var(--ds-space-1)";
+    readonly 2: "var(--ds-space-2)";
+    readonly 3: "var(--ds-space-3)";
+    readonly 4: "var(--ds-space-4)";
+    readonly 5: "var(--ds-space-5)";
+    readonly 6: "var(--ds-space-6)";
+    readonly 8: "var(--ds-space-8)";
+    readonly 10: "var(--ds-space-10)";
+    readonly 12: "var(--ds-space-12)";
+    readonly 16: "var(--ds-space-16)";
+};
+type SectionSpacingKey = keyof typeof spaceMap;
+export type SectionVariant = 'surface' | 'flat';
+export type SectionPadding = 'none' | 'sm' | 'md' | 'lg';
+export interface SectionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Visual treatment. `surface` = bg + border + shadow; `flat` = subtle bg only. */
+    variant?: SectionVariant;
+    /** Inner padding. Defaults to `'md'`. */
+    padding?: SectionPadding;
+    /** Gap between child elements. Defaults to `4`. */
+    gap?: SectionSpacingKey;
+}
+declare const Section: import("react").ForwardRefExoticComponent<SectionProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Section };

package/dist/components/SelectField/SelectField.d.ts

@@ -0,0 +1,20 @@
+import { type SelectSize } from '../../primitives/Select/Select';
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectFieldProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size' | 'id'> {
+    label: string;
+    /** Structured options — use this OR children, not both. */
+    options?: SelectOption[];
+    /** Placeholder option shown when no value is selected. */
+    placeholder?: string;
+    hint?: string;
+    error?: string;
+    size?: SelectSize;
+    required?: boolean;
+    inputId?: string;
+}
+declare const SelectField: import("react").ForwardRefExoticComponent<SelectFieldProps & import("react").RefAttributes<HTMLSelectElement>>;
+export { SelectField };

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,31 @@
+export interface SidebarItem {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    href?: string;
+    isActive?: boolean;
+    onClick?: () => void;
+}
+export interface SidebarProps {
+    items: SidebarItem[];
+    /** Always-visible slot — shown even when sidebar is collapsed. Ideal for a logo/icon. */
+    logo?: React.ReactNode;
+    /** Text/content slot — fades out when collapsed. Shown next to the logo. */
+    header?: React.ReactNode;
+    /** Pinned to the bottom of the panel, above the collapse button. */
+    footer?: React.ReactNode;
+    'aria-label'?: string;
+    /** Desktop collapse — uncontrolled default */
+    defaultCollapsed?: boolean;
+    /** Desktop collapse — controlled */
+    isCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /** Mobile drawer — uncontrolled default */
+    defaultMobileOpen?: boolean;
+    /** Mobile drawer — controlled */
+    isMobileOpen?: boolean;
+    onMobileOpenChange?: (open: boolean) => void;
+    className?: string;
+}
+declare const Sidebar: import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLElement>>;
+export { Sidebar };

package/dist/components/Stack/Stack.d.ts

@@ -0,0 +1,26 @@
+declare const spaceMap: {
+    readonly 0: "0";
+    readonly 1: "var(--ds-space-1)";
+    readonly 2: "var(--ds-space-2)";
+    readonly 3: "var(--ds-space-3)";
+    readonly 4: "var(--ds-space-4)";
+    readonly 5: "var(--ds-space-5)";
+    readonly 6: "var(--ds-space-6)";
+    readonly 8: "var(--ds-space-8)";
+    readonly 10: "var(--ds-space-10)";
+    readonly 12: "var(--ds-space-12)";
+    readonly 16: "var(--ds-space-16)";
+};
+export type SpacingKey = keyof typeof spaceMap;
+export type StackDirection = 'row' | 'column';
+export type StackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+export type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
+    direction?: StackDirection;
+    gap?: SpacingKey;
+    align?: StackAlign;
+    justify?: StackJustify;
+    wrap?: boolean;
+}
+declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Stack };

package/dist/components/TextAreaField/TextAreaField.d.ts

@@ -0,0 +1,18 @@
+import { type TextAreaSize } from '../../primitives/TextArea/TextArea';
+export interface TextAreaFieldProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'id'> {
+    /** Visible label text. Always required — never use placeholder as a label. */
+    label: string;
+    /** Helper text shown below the textarea when there is no error. */
+    hint?: string;
+    /** Validation error. Replaces hint when present. */
+    error?: string;
+    size?: TextAreaSize;
+    /** Marks the field as required visually and via aria-required. */
+    required?: boolean;
+    /** Grows to fit content; disables the manual resize handle. */
+    autoResize?: boolean;
+    /** Custom id for the textarea. Auto-generated if omitted. */
+    inputId?: string;
+}
+declare const TextAreaField: import("react").ForwardRefExoticComponent<TextAreaFieldProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+export { TextAreaField };

package/dist/components/TextField/TextField.d.ts

@@ -0,0 +1,20 @@
+import { type TextInputSize } from '../../primitives/TextInput/TextInput';
+export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size' | 'id'> {
+    /** Visible label text. Always required — never use placeholder as a label. */
+    label: string;
+    /** Helper text shown below the input when there is no error. */
+    hint?: string;
+    /** Validation error. Replaces hint when present. */
+    error?: string;
+    size?: TextInputSize;
+    /** Marks the field as required visually and via aria-required. */
+    required?: boolean;
+    /** Custom id for the input. Auto-generated if omitted. */
+    inputId?: string;
+}
+/**
+ * Composite field: Label + TextInput + Hint/Error.
+ * Manages all accessibility wiring (htmlFor, aria-describedby, aria-invalid, aria-required).
+ */
+declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
+export { TextField };

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+export type Theme = 'light' | 'dark' | 'system';
+export type ResolvedTheme = 'light' | 'dark';
+export interface ThemeContextValue {
+    theme: Theme;
+    resolvedTheme: ResolvedTheme;
+    setTheme: (theme: Theme) => void;
+}
+export interface ThemeProviderProps {
+    children: ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+}
+export declare const ThemeContext: import("react").Context<ThemeContextValue | null>;
+export declare function ThemeProvider({ children, defaultTheme, storageKey, }: ThemeProviderProps): import("react").JSX.Element;
+export declare namespace ThemeProvider {
+    var displayName: string;
+}

package/dist/components/ThemeProvider/useTheme.d.ts

@@ -0,0 +1 @@
+export declare function useTheme(): import("./ThemeProvider").ThemeContextValue;