themelia-ui 2.0.0 → 3.0.0

package/dist/components/base/repeaters/repeaters.strings.d.cts

@@ -1,32 +0,0 @@
-export interface RepeaterStrings {
-    /** The control that appends a row. */
-    add: string;
-    /**
-     * Announced after a keyboard move. Optional so older complete strings objects still
-     * type-check.
-     */
-    moved?: (position: number, total: number) => string;
-    /** Names each row's remove control, by its row. */
-    remove: (index: number) => string;
-    /** Names the drag handle, including how to move it by keyboard. */
-    reorder: (index: number) => string;
-    /**
-     * Shown when the list is empty; the `emptyState` prop replaces it. Optional so older
-     * complete strings objects still type-check.
-     */
-    emptyState?: string;
-}
-export declare const defaultRepeaterStrings: RepeaterStrings;
-export interface KeyValueEditorStrings extends RepeaterStrings {
-    keyPlaceholder: string;
-    valuePlaceholder: string;
-    /** Names each field by its row (the placeholder is identical on every row). */
-    keyLabel: (index: number) => string;
-    valueLabel: (index: number) => string;
-}
-export declare const defaultKeyValueEditorStrings: KeyValueEditorStrings;
-export interface ObjectRepeaterStrings extends RepeaterStrings {
-    /** Shown when the list is empty. */
-    emptyState: string;
-}
-export declare const defaultObjectRepeaterStrings: ObjectRepeaterStrings;

package/dist/components/base/repeaters/string-repeater.d.cts

@@ -1,16 +0,0 @@
-import { RepeaterStrings } from './repeaters.strings.cjs';
-export interface StringRepeaterProps {
-    value: string[];
-    onValueChange: (value: string[]) => void;
-    placeholder?: string;
-    /** Overrides this list's own copy — the add control and each row's remove. */
-    strings?: Partial<RepeaterStrings>;
-    emptyState?: React.ReactNode;
-    maxItems?: number;
-    sortable?: boolean;
-    disabled?: boolean;
-    invalid?: boolean;
-    className?: string;
-    "aria-label"?: string;
-}
-export declare function StringRepeater({ value, onValueChange, placeholder, strings, emptyState, maxItems, sortable, disabled, invalid, className, "aria-label": ariaLabel, }: StringRepeaterProps): import("react").JSX.Element;

package/dist/components/base/resizable/index.d.cts

@@ -1 +0,0 @@
-export { ResizablePanelGroup, ResizablePanel, ResizableHandle, type ResizablePanelGroupProps, type ResizablePanelProps, type ResizableHandleProps, } from './resizable.cjs';

package/dist/components/base/resizable/resizable.d.cts

@@ -1,16 +0,0 @@
-/**
- * Resizable — split panes on react-resizable-panels; the handle is a keyboard-operable
- * `role="separator"`. Persist sizes with `onLayoutChanged` and restore via `defaultLayout`.
- */
-import * as ResizablePrimitive from "react-resizable-panels";
-export interface ResizablePanelGroupProps extends ResizablePrimitive.GroupProps {
-}
-export declare function ResizablePanelGroup({ className, ...props }: ResizablePanelGroupProps): import("react").JSX.Element;
-export interface ResizablePanelProps extends ResizablePrimitive.PanelProps {
-}
-export declare function ResizablePanel({ className, ...props }: ResizablePanelProps): import("react").JSX.Element;
-export interface ResizableHandleProps extends ResizablePrimitive.SeparatorProps {
-    /** Draws a grip on the line, for a split with no other cue that it moves. Defaults to false. */
-    withHandle?: boolean;
-}
-export declare function ResizableHandle({ withHandle, className, ...props }: ResizableHandleProps): import("react").JSX.Element;

package/dist/components/base/sheet/index.d.cts

@@ -1 +0,0 @@
-export { SheetContent, type SheetSide, type SheetContentProps, } from './sheet.cjs';

package/dist/components/base/sheet/sheet.d.cts

@@ -1,14 +0,0 @@
-import { OverlayContentProps } from '../overlay/index.cjs';
-import { SheetSide } from './sheet.types.cjs';
-/**
- * Sheet — an edge-anchored Overlay. `SheetContent` names the edge `side` and applies a
- * default shape; the other parts are Overlay's own (`base/overlay`). `modality` suits an
- * inspector that sits beside the app.
- */
-import * as React from "react";
-export type { SheetSide };
-export interface SheetContentProps extends Omit<OverlayContentProps, "placement">, Omit<React.ComponentProps<"dialog">, "children" | "className" | "title"> {
-    /** The edge it enters from. */
-    side?: SheetSide;
-}
-export declare function SheetContent({ side, size, length, inset, className, ...props }: SheetContentProps): React.JSX.Element;

package/dist/components/base/sheet/sheet.types.d.cts

@@ -1,17 +0,0 @@
-import { OverlayInset, OverlayLength, OverlayPlacement, OverlaySize } from '../overlay/index.cjs';
-/** The edge a sheet enters from, in writing-mode-relative terms. */
-export type SheetSide = Exclude<OverlayPlacement, "center">;
-declare module '../../../lib/ui-provider' {
-    interface ComponentDefaults {
-        /**
-         * Sheet defaults, e.g. `defaults: { sheet: { length: "95%", inset: true } }`.
-         * Registered here so adding a family never edits `lib/`.
-         */
-        sheet: {
-            side: SheetSide;
-            size: OverlaySize;
-            length: OverlayLength;
-            inset: OverlayInset;
-        };
-    }
-}

package/dist/components/base/sidebar/index.d.cts

@@ -1,6 +0,0 @@
-export { SidebarProvider } from './sidebar-context.cjs';
-export type { SidebarProviderProps } from './sidebar-context.cjs';
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarRail, SidebarSeparator, SidebarTrigger, } from './sidebar.cjs';
-export type { SidebarCollapsible, SidebarMenuActionProps, SidebarMenuBadgeProps, SidebarMenuButtonProps, SidebarMenuButtonSize, SidebarMenuSkeletonProps, SidebarMenuSubButtonProps, SidebarProps, SidebarSide, SidebarVariant, } from './sidebar.cjs';
-export { defaultSidebarStrings, type SidebarStrings } from './sidebar.strings.cjs';
-export { useSidebar, useOptionalSidebar, type SidebarContextValue } from './sidebar-store.cjs';

package/dist/components/base/sidebar/sidebar-context.d.cts

@@ -1,19 +0,0 @@
-import { SidebarStrings } from './sidebar.strings.cjs';
-export interface SidebarProviderProps extends Omit<React.ComponentProps<"div">, "onChange"> {
-    /** Overrides the sidebar's own copy for every part (it travels through the context). */
-    strings?: Partial<SidebarStrings>;
-    /** Initial expanded state when uncontrolled. */
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    /** Remembers the expanded state across reloads, in `localStorage`. Defaults to true. */
-    persist?: boolean;
-    /** Enables the ⌘B / Ctrl-B toggle shortcut. Defaults to true. */
-    keyboardShortcut?: boolean;
-    /**
-     * Bounds the shell to this element instead of the viewport — for a shell that does not
-     * own the screen (inside a tab, a preview, a nested editor).
-     */
-    contained?: boolean;
-}
-export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange, persist, keyboardShortcut, contained, strings, className, style, children, ref, ...props }: SidebarProviderProps): import("react").JSX.Element;

package/dist/components/base/sidebar/sidebar-store.d.cts

@@ -1,19 +0,0 @@
-import { SidebarStrings } from './sidebar.strings.cjs';
-export interface SidebarContextValue {
-    state: "expanded" | "collapsed";
-    open: boolean;
-    setOpen: (open: boolean | ((open: boolean) => boolean)) => void;
-    openMobile: boolean;
-    setOpenMobile: (open: boolean) => void;
-    isMobile: boolean;
-    toggleSidebar: () => void;
-    /** Resolved copy, so every part of the sidebar reads the same override. */
-    strings: SidebarStrings;
-}
-export declare const SidebarContext: import('react').Context<SidebarContextValue | null>;
-export declare function useSidebar(): SidebarContextValue;
-/**
- * The context, or `null` outside a provider — for shell parts that render with or without
- * a sidebar (a header above a plain page).
- */
-export declare function useOptionalSidebar(): SidebarContextValue | null;

package/dist/components/base/sidebar/sidebar.d.cts

@@ -1,105 +0,0 @@
-import { SidebarStrings } from './sidebar.strings.cjs';
-import { useRender } from '@base-ui/react/use-render';
-import { ComponentProps } from 'react';
-import { Button } from '../buttons/index.cjs';
-import { Separator } from '../display/index.cjs';
-import { Input } from '../text-inputs/index.cjs';
-import type * as React from "react";
-/** Which edge the panel is docked to. */
-export type SidebarSide = "left" | "right";
-/**
- * `sidebar` sits against the shell edge with a border; `floating` is a rounded panel
- * inset from it; `inset` additionally lifts the page content into a rounded card.
- */
-export type SidebarVariant = "sidebar" | "floating" | "inset";
-/** `icon` collapses to a glyph rail; `offcanvas` slides away; `none` never collapses. */
-export type SidebarCollapsible = "offcanvas" | "icon" | "none";
-export interface SidebarProps extends ComponentProps<"div"> {
-    side?: SidebarSide;
-    variant?: SidebarVariant;
-    collapsible?: SidebarCollapsible;
-    /** Class for the visible panel surface, separate from the positioning container. */
-    surfaceClassName?: string;
-    /** Accessible name for the mobile sheet. */
-    mobileTitle?: string;
-    mobileDescription?: string;
-    /** Overrides this sidebar's own copy, including the two above. */
-    strings?: Partial<SidebarStrings>;
-}
-export declare function Sidebar({ side, variant, collapsible, className, surfaceClassName, mobileTitle, mobileDescription, strings, children, ...props }: SidebarProps): React.JSX.Element;
-/** The toggle. Pair it with the rail, which does the same job from the panel's edge. */
-export declare function SidebarTrigger({ className, onClick, ...props }: ComponentProps<typeof Button>): React.JSX.Element;
-/** The strip on the panel's edge. Not a tab stop: it duplicates the trigger. */
-export declare function SidebarRail({ className, ...props }: ComponentProps<"button">): React.JSX.Element;
-/**
- * The page beside the panel. Renders `<main>`; a shell embedded in a host page that already
- * has one should pass `render={<div />}`.
- */
-export declare function SidebarInset({ className, render, ...props }: useRender.ComponentProps<"main">): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-export declare function SidebarHeader({ className, ...props }: ComponentProps<"div">): React.JSX.Element;
-export declare function SidebarFooter({ className, ...props }: ComponentProps<"div">): React.JSX.Element;
-export declare function SidebarContent({ className, ...props }: ComponentProps<"div">): React.JSX.Element;
-export declare function SidebarSeparator({ className, ...props }: ComponentProps<typeof Separator>): React.JSX.Element;
-export declare function SidebarInput({ className, ...props }: ComponentProps<typeof Input>): React.JSX.Element;
-export declare function SidebarGroup({ className, ...props }: ComponentProps<"div">): React.JSX.Element;
-export declare function SidebarGroupLabel({ className, ...props }: ComponentProps<"div">): React.JSX.Element;
-export declare function SidebarGroupAction({ className, ...props }: ComponentProps<"button">): React.JSX.Element;
-export declare function SidebarGroupContent({ className, ...props }: ComponentProps<"div">): React.JSX.Element;
-export declare function SidebarMenu({ className, ...props }: ComponentProps<"ul">): React.JSX.Element;
-export declare function SidebarMenuItem({ className, ...props }: ComponentProps<"li">): React.JSX.Element;
-/**
- * Row shape, not density: `lg` is an account or workspace switcher (avatar over two lines),
- * `sm` a secondary row.
- */
-export type SidebarMenuButtonSize = "sm" | "md" | "lg";
-export interface SidebarMenuButtonProps extends Omit<ComponentProps<"button">, "size"> {
-    size?: SidebarMenuButtonSize;
-    /** Marks the row as the current page. */
-    active?: boolean;
-    /** `outline` gives the row its own frame — for a switcher that must read as a control. */
-    variant?: "default" | "outline";
-    /**
-     * The element this row becomes instead of a `button` — usually a router link
-     * (docs/adr/0005); `children` stays the row's content.
-     */
-    render?: React.ReactElement;
-    /**
-     * Dismisses the mobile sheet when the row is activated. Defaults to true; turn it off for
-     * a row that opens something else (a switcher, a submenu toggle).
-     */
-    closeOnSelectMobile?: boolean;
-    /**
-     * Shown beside the row while the sidebar is collapsed to its icon rail, usually the row's
-     * label. Ignored while expanded and on phones.
-     */
-    tooltip?: React.ReactNode;
-}
-export declare function SidebarMenuButton({ size, active, variant, render, closeOnSelectMobile, tooltip, className, children, onClick, ...props }: SidebarMenuButtonProps): React.JSX.Element;
-export interface SidebarMenuActionProps extends ComponentProps<"button"> {
-    /** Reveals the action on hover or keyboard focus rather than showing it always. */
-    showOnHover?: boolean;
-}
-export declare function SidebarMenuAction({ showOnHover, className, ...props }: SidebarMenuActionProps): React.JSX.Element;
-export interface SidebarMenuBadgeProps extends ComponentProps<"div"> {
-    /** Renders in normal flow instead of over the row — for a button laying out its own parts. */
-    inline?: boolean;
-}
-export declare function SidebarMenuBadge({ inline, className, ...props }: SidebarMenuBadgeProps): React.JSX.Element;
-export interface SidebarMenuSkeletonProps extends ComponentProps<"div"> {
-    showIcon?: boolean;
-}
-export declare function SidebarMenuSkeleton({ showIcon, className, style, ...props }: SidebarMenuSkeletonProps): React.JSX.Element;
-export declare function SidebarMenuSub({ className, ...props }: ComponentProps<"ul">): React.JSX.Element;
-export declare function SidebarMenuSubItem({ className, ...props }: ComponentProps<"li">): React.JSX.Element;
-export interface SidebarMenuSubButtonProps extends ComponentProps<"a"> {
-    size?: "sm" | "md";
-    active?: boolean;
-    /** Dismisses the mobile sheet when the row is activated. See SidebarMenuButton. */
-    closeOnSelectMobile?: boolean;
-    /**
-     * The element this row becomes instead of an `a` or `button` — usually a router link
-     * (docs/adr/0005); `children` stays the row's content.
-     */
-    render?: React.ReactElement;
-}
-export declare function SidebarMenuSubButton({ size, active, closeOnSelectMobile, render, className, onClick, children, ...props }: SidebarMenuSubButtonProps): React.JSX.Element;

package/dist/components/base/sidebar/sidebar.strings.d.cts

@@ -1,8 +0,0 @@
-export interface SidebarStrings {
-    /** Names the collapse control in both states — it is icon-only in both. */
-    toggle: string;
-    /** Title and description of the off-canvas sheet the rail becomes on a phone. */
-    mobileTitle: string;
-    mobileDescription: string;
-}
-export declare const defaultSidebarStrings: SidebarStrings;

package/dist/components/base/skeleton/composed-skeletons.d.cts

@@ -1,42 +0,0 @@
-import { ComponentProps } from 'react';
-import { SkeletonStrings } from './skeleton.strings.cjs';
-export interface ContentSkeletonProps extends ComponentProps<"div"> {
-    /** Number of text lines. The last is short, so the block reads as prose. */
-    lines?: number;
-    /** A heading above the lines. */
-    showTitle?: boolean;
-    /** Announced in place of the shapes. */
-    label?: string;
-    /** Overrides the default announcement. `label` still wins for one instance. */
-    strings?: Partial<SkeletonStrings>;
-}
-export declare function ContentSkeleton({ lines, showTitle, label, strings, className, ...props }: ContentSkeletonProps): import("react").JSX.Element;
-export interface PageSkeletonProps extends ComponentProps<"div"> {
-    /** The page header: a title, its description, and the actions at the end of the row. */
-    showHeader?: boolean;
-    /** Content panels below the header. */
-    blocks?: number;
-    label?: string;
-    /** Overrides the default announcement. `label` still wins for one instance. */
-    strings?: Partial<SkeletonStrings>;
-}
-export declare function PageSkeleton({ showHeader, blocks, label, strings, className, ...props }: PageSkeletonProps): import("react").JSX.Element;
-export interface TwoColumnPageSkeletonProps extends ComponentProps<"div"> {
-    label?: string;
-    /** Overrides the default announcement. `label` still wins for one instance. */
-    strings?: Partial<SkeletonStrings>;
-}
-/** A detail page: a title over the record's panel, beside its owner and facts. */
-export declare function TwoColumnPageSkeleton({ label, strings, className, ...props }: TwoColumnPageSkeletonProps): import("react").JSX.Element;
-export interface TableSkeletonProps extends ComponentProps<"div"> {
-    rows?: number;
-    /** Match the real table, or the placeholder reflows when the data lands. */
-    columns?: number;
-    showHeader?: boolean;
-    /** Draws the table's own edge, as DataView does. Turn off inside a card that has one. */
-    framed?: boolean;
-    label?: string;
-    /** Overrides the default announcement. `label` still wins for one instance. */
-    strings?: Partial<SkeletonStrings>;
-}
-export declare function TableSkeleton({ rows, columns, showHeader, framed, label, strings, className, ...props }: TableSkeletonProps): import("react").JSX.Element;

package/dist/components/base/skeleton/index.d.cts

@@ -1,3 +0,0 @@
-export { Skeleton } from './skeleton.cjs';
-export { ContentSkeleton, PageSkeleton, TableSkeleton, TwoColumnPageSkeleton, type ContentSkeletonProps, type PageSkeletonProps, type TableSkeletonProps, type TwoColumnPageSkeletonProps, } from './composed-skeletons.cjs';
-export { defaultSkeletonStrings, type SkeletonStrings } from './skeleton.strings.cjs';

package/dist/components/base/skeleton/skeleton.d.cts

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Skeleton };

package/dist/components/base/skeleton/skeleton.strings.d.cts

@@ -1,10 +0,0 @@
-/** What a skeleton announces while there is nothing to read. `label` overrides per instance. */
-export interface SkeletonStrings {
-    /** A region of content. */
-    loading: string;
-    /** A whole page's worth. */
-    loadingPage: string;
-    /** A table, where the shape being loaded is worth naming. */
-    loadingTable: string;
-}
-export declare const defaultSkeletonStrings: SkeletonStrings;

package/dist/components/base/slot/index.d.cts

@@ -1 +0,0 @@
-export { Slot } from './slot.cjs';

package/dist/components/base/slot/slot.d.cts

@@ -1,13 +0,0 @@
-import * as React from "react";
-type AnyProps = Record<string, unknown>;
-type SlotProps = {
-    children: React.ReactElement;
-} & AnyProps;
-/**
- * Minimal Slot: merges its props onto the single child element and composes refs. The
- * child's props win, except that classes join, both handlers run (the child's first) and
- * styles merge (the child's over the slot's). Returns null unless given exactly one element.
- * Internal mechanism behind `render` (docs/adr/0005), not a consumer API.
- */
-export declare const Slot: React.ForwardRefExoticComponent<Omit<SlotProps, "ref"> & React.RefAttributes<unknown>>;
-export {};

package/dist/components/base/spinner/index.d.cts

@@ -1 +0,0 @@
-export { Spinner, type SpinnerProps } from './spinner.cjs';

package/dist/components/base/spinner/spinner.d.cts

@@ -1,13 +0,0 @@
-import { ComponentScale, SemanticTone } from '../../../lib/component-vocabulary.cjs';
-/**
- * Spinner — indeterminate progress. With a `label` it is a `role="status"`; without one it
- * is decorative and hidden from the accessibility tree.
- */
-import * as React from "react";
-export interface SpinnerProps extends Omit<React.ComponentProps<"span">, "children"> {
-    size?: ComponentScale;
-    tone?: SemanticTone;
-    /** Visible label beside the ring. Also becomes the announced status. */
-    label?: React.ReactNode;
-}
-export declare function Spinner({ size, tone, label, className, ...props }: SpinnerProps): React.JSX.Element;

package/dist/components/base/structure/adaptive-grid.d.cts

@@ -1,13 +0,0 @@
-import { AdaptiveGridMinimum, ResponsiveValue, StructureAlign, StructureGap } from './structure.types.cjs';
-/**
- * AdaptiveGrid — columns follow the available width: `auto-fit` adds a track whenever
- * another fits at the minimum width, with no breakpoints.
- */
-import * as React from "react";
-export interface AdaptiveGridProps extends React.ComponentProps<"div"> {
-    /** Minimum column width before another track is added. */
-    minColumnWidth?: AdaptiveGridMinimum;
-    gap?: ResponsiveValue<StructureGap>;
-    align?: ResponsiveValue<StructureAlign>;
-}
-export declare const AdaptiveGrid: React.ForwardRefExoticComponent<Omit<AdaptiveGridProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/base/structure/bleed.d.cts

@@ -1,13 +0,0 @@
-import { BleedAxis, ResponsiveValue, StructureGap } from './structure.types.cjs';
-/**
- * Bleed — lets a child escape the padding it sits in (a full-width image in a padded card).
- * The amount is a spacing step, not a length, so it tracks the padding through density.
- */
-import * as React from "react";
-export interface BleedProps extends React.ComponentProps<"div"> {
-    /** How far to escape, on the spacing scale; match the padding being cancelled. */
-    amount?: ResponsiveValue<StructureGap>;
-    /** Which way (`both` covers every direction). Defaults to `inline`. */
-    axis?: BleedAxis;
-}
-export declare const Bleed: React.ForwardRefExoticComponent<Omit<BleedProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/base/structure/grid.d.cts

@@ -1,22 +0,0 @@
-import { GridColumns, GridSpan, ResponsiveValue, StructureAlign, StructureGap, StructureWidth } from './structure.types.cjs';
-/**
- * Grid — two-dimensional composition with an explicit column count. Use `AdaptiveGrid`
- * when the count should follow the available width.
- */
-import * as React from "react";
-export interface GridProps extends React.ComponentProps<"div"> {
-    /** Defaults to one column, then two from the md breakpoint. */
-    columns?: ResponsiveValue<GridColumns>;
-    gap?: ResponsiveValue<StructureGap>;
-    rowGap?: ResponsiveValue<StructureGap>;
-    columnGap?: ResponsiveValue<StructureGap>;
-    align?: ResponsiveValue<StructureAlign>;
-    /** Caps the grid's width — a content step, or any CSS length. Same scale as `Stack`. */
-    maxWidth?: ResponsiveValue<StructureWidth | (string & {})>;
-}
-export declare const Grid: React.ForwardRefExoticComponent<Omit<GridProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface GridCellProps extends React.ComponentProps<"div"> {
-    /** Columns occupied. `full` spans whatever the grid currently has. */
-    span?: ResponsiveValue<GridSpan>;
-}
-export declare const GridCell: React.ForwardRefExoticComponent<Omit<GridCellProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/base/structure/index.d.cts

@@ -1,6 +0,0 @@
-export { Stack, type StackProps } from './stack.cjs';
-export { Grid, GridCell, type GridProps, type GridCellProps } from './grid.cjs';
-export { AdaptiveGrid, type AdaptiveGridProps } from './adaptive-grid.cjs';
-export { Split, type SplitProps } from './split.cjs';
-export { Bleed, type BleedProps } from './bleed.cjs';
-export type { ResponsiveValue, StructureBreakpoint, StructureGap, StructureAlign, StructureJustify, StructureDirection, GridColumns, GridSpan, AdaptiveGridMinimum, StructureWidth, BleedAxis, SplitSide, } from './structure.types.cjs';

package/dist/components/base/structure/split.d.cts

@@ -1,24 +0,0 @@
-import { ResponsiveValue, SplitSide, StructureGap, StructureWidth } from './structure.types.cjs';
-/**
- * Split — a fixed column beside a fluid one (a sidebar beside content, a form beside a
- * preview). Collapses by breakpoint, not container width, so it stays a plain grid with no
- * containment context. Children are placed by CSS; `side` never changes DOM order.
- */
-import * as React from "react";
-export interface SplitProps extends React.ComponentProps<"div"> {
-    /**
-     * Which visual column is the fixed one. Defaults to `end`. DOM order never changes: the
-     * first child is the main content, the second the side.
-     */
-    side?: SplitSide;
-    /**
-     * The fixed column's width — a step or any CSS length. A maximum, so it never squeezes
-     * the fluid column to nothing.
-     */
-    sideWidth?: ResponsiveValue<StructureWidth | (string & {})>;
-    /** Space between the two columns. */
-    gap?: ResponsiveValue<StructureGap>;
-    /** Below this breakpoint the columns stack. Defaults to `md`; `never` keeps them side by side. */
-    collapseBelow?: "sm" | "md" | "lg" | "xl" | "never";
-}
-export declare const Split: React.ForwardRefExoticComponent<Omit<SplitProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/base/structure/stack.d.cts

@@ -1,19 +0,0 @@
-import { ResponsiveValue, StructureAlign, StructureDirection, StructureGap, StructureJustify, StructureWidth } from './structure.types.cjs';
-/**
- * Stack — one-dimensional composition with token-spaced defaults. Every prop takes a value
- * or a per-breakpoint object, e.g. `direction={{ base: "vertical", md: "horizontal" }}`.
- */
-import * as React from "react";
-export interface StackProps extends Omit<React.ComponentProps<"div">, "dir"> {
-    /** Main axis. Defaults to vertical. */
-    direction?: ResponsiveValue<StructureDirection>;
-    /** Space between children, on the semantic spacing scale. */
-    gap?: ResponsiveValue<StructureGap>;
-    align?: ResponsiveValue<StructureAlign>;
-    justify?: ResponsiveValue<StructureJustify>;
-    /** Allows children to flow onto more than one line. */
-    wrap?: ResponsiveValue<boolean>;
-    /** Caps the box's width — a content step, or any CSS length (e.g. a form's `26rem`). */
-    maxWidth?: ResponsiveValue<StructureWidth | (string & {})>;
-}
-export declare const Stack: React.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/base/structure/structure.maps.d.cts

@@ -1,10 +0,0 @@
-import { AdaptiveGridMinimum, StructureWidth, StructureAlign, StructureDirection, StructureGap, StructureJustify } from './structure.types.cjs';
-/** Prop value → CSS value. Gaps are spacing tokens, so structure follows density. */
-export declare const GAP: Record<StructureGap, string>;
-export declare const DIRECTION: Record<StructureDirection, string>;
-export declare const ALIGN: Record<StructureAlign, string>;
-export declare const JUSTIFY: Record<StructureJustify, string>;
-export declare const ADAPTIVE_MIN: Record<AdaptiveGridMinimum, string>;
-/** Width step → CSS value; anything else passes through as a length (`maxWidth="26rem"`). */
-export declare const WIDTH: Record<StructureWidth, string>;
-export declare const width: (value: string) => string;

package/dist/components/base/structure/structure.types.d.cts

@@ -1,19 +0,0 @@
-import { ComponentScale } from '../../../lib/component-vocabulary.cjs';
-export type { Breakpoint as StructureBreakpoint, ResponsiveValue } from '../../../lib/responsive.cjs';
-export type StructureGap = "none" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-export type StructureAlign = "start" | "center" | "end" | "stretch" | "baseline";
-export type StructureJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
-export type StructureDirection = "vertical" | "horizontal";
-export type GridColumns = 1 | 2 | 3 | 4;
-export type GridSpan = GridColumns | "full";
-export type AdaptiveGridMinimum = ComponentScale;
-/**
- * A content-width step (`--content-width-*`), or any CSS length for a control measure such
- * as a field's ~26rem.
- */
-export type StructureWidth = "sm" | "md" | "lg" | "xl" | "2xl" | "full" | "none";
-/** The axis a `Bleed` escapes on. */
-export type BleedAxis = "inline" | "block" | "both";
-/** Which side of a `Split` holds the fixed column. */
-export type SplitSide = "start" | "end";
-export declare const STRUCTURE_BREAKPOINTS: import('../../../lib/responsive.cjs').Breakpoint[];

package/dist/components/base/table/index.d.cts

@@ -1,3 +0,0 @@
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableEmpty, } from './table.cjs';
-export type { TableAlign, TableCellProps, TableEmptyProps, TableHeadProps, TableProps, TableSortDirection, } from './table.cjs';
-export { defaultTableStrings, type TableStrings } from './table.strings.cjs';

package/dist/components/base/table/table.d.cts

@@ -1,44 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { TableStrings } from './table.strings.cjs';
-/** Column alignment. Numeric columns read wrong anywhere but the end. */
-export type TableAlign = "start" | "center" | "end";
-export interface TableProps extends ComponentProps<"table"> {
-    /** Class for the scroll container rather than the `<table>` itself. */
-    containerClassName?: string;
-    /** Pins the header while the body scrolls. Only meaningful when the container is bounded. */
-    stickyHeader?: boolean;
-    /** Overrides this table's own copy — the scroll region's name and `TableEmpty`'s message. */
-    strings?: Partial<TableStrings>;
-}
-/** Which way a sorted column is ordered. `null` is "sortable, but not the sort column". */
-export type TableSortDirection = "ascending" | "descending" | null;
-export interface TableCellProps extends Omit<ComponentProps<"td">, "align"> {
-    align?: TableAlign;
-    /** Allows the cell to wrap. Cells are nowrap by default so columns stay readable. */
-    wrap?: boolean;
-}
-export interface TableHeadProps extends Omit<ComponentProps<"th">, "align"> {
-    align?: TableAlign;
-    wrap?: boolean;
-    /** Renders the label as a sort control. Pair with `sortDirection` and `onSort`. */
-    sortable?: boolean;
-    /** This column's current direction, or `null` when another column is the sort. */
-    sortDirection?: TableSortDirection;
-    onSort?: () => void;
-}
-export declare function Table({ className, containerClassName, strings, stickyHeader, ...props }: TableProps): import("react").JSX.Element;
-export declare function TableHeader({ className, ...props }: ComponentProps<"thead">): import("react").JSX.Element;
-export declare function TableBody({ className, ...props }: ComponentProps<"tbody">): import("react").JSX.Element;
-export declare function TableFooter({ className, ...props }: ComponentProps<"tfoot">): import("react").JSX.Element;
-export declare function TableRow({ className, ...props }: ComponentProps<"tr">): import("react").JSX.Element;
-export declare function TableHead({ className, children, align, wrap, sortable, sortDirection, onSort, ...props }: TableHeadProps): import("react").JSX.Element;
-export declare function TableCell({ className, children, align, wrap, ...props }: TableCellProps): import("react").JSX.Element;
-export interface TableEmptyProps extends Omit<ComponentProps<"td">, "children"> {
-    /** How many columns the table has, so the message spans all of them. */
-    colSpan: number;
-    /** The message. Defaults to the table's `strings.empty`. */
-    children?: ReactNode;
-}
-/** The "no rows" row, spanning every column. */
-export declare function TableEmpty({ className, colSpan, children, ...props }: TableEmptyProps): import("react").JSX.Element;
-export declare function TableCaption({ className, children, id, ...props }: ComponentProps<"caption">): import("react").JSX.Element;

package/dist/components/base/table/table.strings.d.cts

@@ -1,10 +0,0 @@
-export interface TableStrings {
-    /**
-     * Names the scroll container while the table overflows it. Unset, it takes the table's
-     * `aria-label` or caption; with none, it is a focusable scroller with no role.
-     */
-    scrollRegion?: string;
-    /** `TableEmpty`'s message when it is given no children. */
-    empty?: string;
-}
-export declare const defaultTableStrings: TableStrings;

package/dist/components/base/text-inputs/field-shell.d.cts

@@ -1,22 +0,0 @@
-/**
- * FieldShell — a control with inline affordances. The shell wears the field surface and the
- * control gives up its own (styles/fields.css, `data-field-shell`).
- */
-import * as React from "react";
-/** Wiring forwarded through the shell to its actual control. */
-export interface FieldShellControlProps {
-    id?: string;
-    "aria-labelledby"?: React.AriaAttributes["aria-labelledby"];
-    "aria-invalid"?: React.AriaAttributes["aria-invalid"];
-    "aria-describedby"?: React.AriaAttributes["aria-describedby"];
-    "aria-required"?: React.AriaAttributes["aria-required"];
-}
-export interface FieldShellProps extends Omit<React.ComponentProps<"div">, "children"> {
-    /** Rendered before the control — an icon, a prefix, a currency symbol. */
-    start?: React.ReactNode;
-    /** Rendered after the control — a unit, a clear button, a reveal toggle. */
-    end?: React.ReactNode;
-    /** A direct control, or an explicit adapter for a wrapped/custom control. */
-    children?: React.ReactNode | ((controlProps: FieldShellControlProps) => React.ReactNode);
-}
-export declare function FieldShell({ start, end, className, children, id, "aria-labelledby": ariaLabelledBy, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, "aria-required": ariaRequired, ...props }: FieldShellProps): React.JSX.Element;

package/dist/components/base/text-inputs/index.d.cts

@@ -1,11 +0,0 @@
-export { Input, type FieldIcon, type InputProps } from './input.cjs';
-export { defaultInputStrings, defaultSearchInputStrings, type InputStrings } from './input.strings.cjs';
-export { useFieldValue, type UseFieldValueOptions, type UseFieldValueResult } from './use-field-value.cjs';
-export { Textarea, type TextareaProps } from './textarea.cjs';
-export { FieldShell, type FieldShellControlProps, type FieldShellProps, } from './field-shell.cjs';
-export { PasswordInput, type PasswordInputProps } from './password-input.cjs';
-export { SearchInput, type SearchInputProps } from './search-input.cjs';
-export { NativeSelect, type NativeSelectProps } from './native-select.cjs';
-export { SlugField, type SlugFieldProps } from './slug-field.cjs';
-export { slugify, type SlugifyOptions } from './slugify.cjs';
-export { defaultPasswordInputStrings, type PasswordInputStrings, } from './password-input.strings.cjs';