@exponential-at/ui-solid 0.0.0-stage → 0.1.0

package/dist/types/primitives/cn.d.ts

@@ -0,0 +1 @@
+export { cn, getInitials } from "@exponential-at/ui/web/primitives";

package/dist/types/primitives/code-block.d.ts

@@ -0,0 +1,34 @@
+import { type ComponentProps, type JSX } from "solid-js";
+import { CODE_TOKEN_CLASS, type CodeBlockLineVariantProps, type CodeBlockVariantProps } from "@exponential-at/ui/web/primitives";
+import { type StyleInput } from "../style.js";
+import { type ButtonProps } from "./button.js";
+declare function CodeBlock(props: ComponentProps<`div`> & CodeBlockVariantProps & {
+    size?: `default` | `sm`;
+}): JSX.Element;
+declare const CodeBlockHeader: (props: ComponentProps<`div`>) => JSX.Element;
+declare const CodeBlockTitle: (props: ComponentProps<`div`>) => JSX.Element;
+declare const CodeBlockActions: (props: ComponentProps<`div`>) => JSX.Element;
+declare const CodeBlockFooter: (props: ComponentProps<`div`>) => JSX.Element;
+/** The copy action: ui-copy → ui-check for 2s, announced politely. A copy
+ *  that did not happen (no clipboard, a refusal) changes nothing. */
+declare function CodeBlockCopyButton(props: ButtonProps & {
+    value: string;
+    labels?: {
+        copy: string;
+        copied: string;
+    };
+}): JSX.Element;
+declare function CodeBlockContent(props: Omit<ComponentProps<`pre`>, `style`> & {
+    /** React-form (camelCase) or kebab-case keys, merged after the block's own. */
+    style?: StyleInput;
+    wrap?: boolean;
+    lineNumbers?: boolean;
+    startLine?: number;
+    /** A catalog language (`ts`, `json`, `ansi`…): string children are
+     *  tokenized and coloured per token kind. */
+    language?: string;
+    /** Lines shown before the block scrolls; 0 = unbounded. */
+    maxLines?: number;
+}): JSX.Element;
+declare function CodeBlockLine(props: ComponentProps<`span`> & CodeBlockLineVariantProps): JSX.Element;
+export { CodeBlock, CodeBlockHeader, CodeBlockTitle, CodeBlockActions, CodeBlockCopyButton, CodeBlockContent, CodeBlockLine, CodeBlockFooter, CODE_TOKEN_CLASS };

package/dist/types/primitives/collapsible.d.ts

@@ -0,0 +1,15 @@
+import { type ComponentProps, type JSX } from "solid-js";
+export type CollapsibleProps = ComponentProps<`div`> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+};
+declare function Collapsible(props: CollapsibleProps): JSX.Element;
+declare function CollapsibleTrigger(props: ComponentProps<`button`>): JSX.Element;
+export type CollapsibleContentProps = Omit<ComponentProps<`div`>, `style`> & {
+    forceMount?: boolean;
+    style?: JSX.CSSProperties;
+};
+declare function CollapsibleContent(props: CollapsibleContentProps): JSX.Element;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/types/primitives/command.d.ts

@@ -0,0 +1,51 @@
+import { type ComponentProps, type JSX } from "solid-js";
+import { type CommandFilter } from "@exponential-at/ui/web/primitives";
+type CommandProps = Omit<ComponentProps<`div`>, `onChange`> & {
+    /** The selected item's value (controlled). */
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Score an item against the query (0 hides it); default `commandScore`. */
+    filter?: CommandFilter;
+    /** `false` = the host filters: every item shows, in its own order. */
+    shouldFilter?: boolean;
+    /** Arrow keys wrap around. */
+    loop?: boolean;
+    /** The accessible label (a visually hidden <label> for the input). */
+    label?: string;
+};
+declare function Command(props: CommandProps): JSX.Element;
+type CommandInputProps = Omit<ComponentProps<`input`>, `value` | `type` | `ref`> & {
+    /** The query (controlled). */
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (query: string) => void;
+    /** The clear button's accessible name. */
+    clearLabel?: string;
+    ref?: (el: HTMLInputElement) => void;
+};
+declare function CommandInput(props: CommandInputProps): JSX.Element;
+declare function CommandList(props: ComponentProps<`div`>): JSX.Element;
+declare function CommandEmpty(props: ComponentProps<`div`>): JSX.Element;
+type CommandGroupProps = Omit<ComponentProps<`div`>, `value`> & {
+    heading?: JSX.Element;
+    value?: string;
+    forceMount?: boolean;
+};
+declare function CommandGroup(props: CommandGroupProps): JSX.Element;
+type CommandItemProps = Omit<ComponentProps<`div`>, `onSelect`> & {
+    /** The value it filters and selects by (default: its text, trimmed). */
+    value?: string;
+    keywords?: string[];
+    onSelect?: (value: string) => void;
+    disabled?: boolean;
+    /** Always rendered, whatever the query. */
+    forceMount?: boolean;
+};
+declare function CommandItem(props: CommandItemProps): JSX.Element;
+declare function CommandSeparator(props: ComponentProps<`div`> & {
+    alwaysRender?: boolean;
+}): JSX.Element;
+declare function CommandShortcut(props: ComponentProps<`span`>): JSX.Element;
+export { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, CommandShortcut };
+export type { CommandProps, CommandInputProps, CommandItemProps, CommandGroupProps };

package/dist/types/primitives/context-ring.d.ts

@@ -0,0 +1,14 @@
+import { type RingTone } from "@exponential-at/ui/web/primitives";
+import { type ButtonProps } from "./button.js";
+export { RING_RADIUS, RING_SIZE, RING_STROKE, RING_TONE_CLASS, ringGeometry } from "@exponential-at/ui/web/primitives";
+export type { RingGeometry, RingTone } from "@exponential-at/ui/web/primitives";
+export interface ContextRingProps extends ButtonProps {
+    /** How full the context window is — null while nothing measured it. */
+    percent: number | null | undefined;
+    /** Which of the three tones to paint. Default: `normal`. */
+    tone?: RingTone;
+    /** Draw the empty track anyway (the run has other usage worth opening).
+     *  Without it, a run with no context window renders NOTHING. */
+    showEmpty?: boolean;
+}
+export declare function ContextRing(props: ContextRingProps): import("solid-js").JSX.Element;

package/dist/types/primitives/dialog-arms.d.ts

@@ -0,0 +1,2 @@
+export { MOBILE_ALERT, MOBILE_ARMS, MOBILE_PAGE, MOBILE_SHEET, MOBILE_SHEET_FULL } from "@exponential-at/ui/web/primitives";
+export type { DialogMobileArm } from "@exponential-at/ui/web/primitives";

package/dist/types/primitives/dialog.d.ts

@@ -0,0 +1,34 @@
+import { type ComponentProps, type JSX } from "solid-js";
+import { type AsProps, type DialogContentPartProps, type DialogRootProps } from "../behaviors/dialog.js";
+import { type ButtonProps } from "./button.js";
+import { type DialogMobileArm } from "./dialog-arms.js";
+declare function Dialog(props: DialogRootProps): JSX.Element;
+declare function DialogTrigger(props: AsProps): JSX.Element;
+declare function DialogPortal(props: {
+    container?: HTMLElement | null;
+    children?: JSX.Element;
+}): JSX.Element;
+declare function DialogClose(props: AsProps): JSX.Element;
+declare function DialogOverlay(props: ComponentProps<`div`> & Record<string, unknown>): JSX.Element;
+/** The `< sm` presentation of the enclosing dialog, for chrome that differs
+ *  per arm (the ✕, DialogCancel). `null` outside a DialogContent. */
+declare const DialogPresentationContext: import("solid-js").Context<DialogMobileArm | null>;
+export type DialogContentProps = DialogContentPartProps & {
+    class?: string;
+    showCloseButton?: boolean;
+    /** How the dialog presents below `sm` (EXP-687). Defaults to the bottom
+     *  `sheet`; the `sm:` presentation is identical for every arm. */
+    mobile?: DialogMobileArm;
+    container?: HTMLElement | null;
+};
+declare function DialogContent(props: DialogContentProps): JSX.Element;
+declare function DialogHeader(props: ComponentProps<`div`>): JSX.Element;
+declare function DialogBody(props: ComponentProps<`div`>): JSX.Element;
+declare function DialogFooter(props: ComponentProps<`div`>): JSX.Element;
+/** The Cancel of a dialog footer (EXP-687): hidden on a phone for the sheet
+ *  arms (a sheet is dismissed by dragging it down or tapping outside),
+ *  visible for `alert`/`page`. Desktop: a ghost button. */
+declare function DialogCancel(props: ButtonProps): JSX.Element;
+declare function DialogTitle(props: ComponentProps<`h2`>): JSX.Element;
+declare function DialogDescription(props: ComponentProps<`p`>): JSX.Element;
+export { Dialog, DialogBody, DialogCancel, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogPresentationContext, DialogTitle, DialogTrigger, };

package/dist/types/primitives/disclosure-header.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentProps, type JSX } from "solid-js";
+export declare function DisclosureHeader(props: Omit<ComponentProps<`button`>, `onClick` | `onToggle` | `type` | `aria-expanded` | `children`> & {
+    open: boolean;
+    onToggle: () => void;
+    chevron?: `leading` | `trailing`;
+    children: JSX.Element;
+}): JSX.Element;

package/dist/types/primitives/dock-card.d.ts

@@ -0,0 +1,41 @@
+import { type Component, type ComponentProps, type JSX } from "solid-js";
+import { type DockCardTint } from "@exponential-at/ui/web/primitives";
+type Glyph = Component<{
+    class?: string;
+}>;
+export type DockCardProps = Omit<ComponentProps<`div`>, `title` | `children`> & {
+    tint?: DockCardTint;
+    /** The kind glyph (a component; the card sizes and tints it). */
+    icon?: Glyph;
+    label: JSX.Element;
+    caption?: JSX.Element;
+    meta?: JSX.Element;
+    title: JSX.Element;
+    /** The card opens: the trailing chevron, a button role, Enter / Space. */
+    onOpen?: () => void;
+    /** Without `onOpen`: a trailing node (a banner's action). */
+    trailing?: JSX.Element;
+    /** A card behind the front one while piled: its chrome peeks, its words do not. */
+    hidden?: boolean;
+    /** The accessible name of a card that opens. */
+    openLabel?: string;
+};
+export declare function DockCard(props: DockCardProps): JSX.Element;
+export interface DockPileItem {
+    id: string;
+    /** The card (a `DockCard`; pass `hidden` for the ones behind the front). */
+    node: JSX.Element;
+    /** A known height (px) instead of the measured one (specimens, tests). */
+    height?: number;
+}
+export type DockPileProps = Omit<ComponentProps<`div`>, `children`> & {
+    /** Oldest first: the LAST item is the front card. */
+    items: readonly DockPileItem[];
+    /** Fanned: every card at full size, `gap` apart. */
+    expanded: boolean;
+    /** A pointer entering/leaving the pile or the focus moving in/out of it. */
+    onExpandedChange?: (expanded: boolean) => void;
+};
+export declare function DockPile(props: DockPileProps): JSX.Element;
+export { DOCK_CARD_CLASSES, DOCK_PILE_CLASSES, DOCK_PILE_CONSTANTS, dockPileGeometry } from "@exponential-at/ui/web/primitives";
+export type { DockCardTint } from "@exponential-at/ui/web/primitives";

package/dist/types/primitives/dropdown-menu.d.ts

@@ -0,0 +1,73 @@
+import { type ComponentProps, type JSX } from "solid-js";
+import { type Align, type OutsideEvent, type Side } from "../behaviors/index.js";
+import { type AsProps } from "../behaviors/dialog.js";
+export interface DropdownMenuProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Radix's `modal` (the root content is always modal here). */
+    modal?: boolean;
+    dir?: `ltr` | `rtl`;
+    children?: JSX.Element;
+}
+declare function DropdownMenu(props: DropdownMenuProps): JSX.Element;
+declare function DropdownMenuPortal(props: {
+    container?: HTMLElement | null;
+    children?: JSX.Element;
+}): JSX.Element;
+declare function DropdownMenuTrigger(props: AsProps & {
+    disabled?: boolean;
+}): JSX.Element;
+type ContentProps = Omit<ComponentProps<`div`>, `style` | `onKeyDown`> & {
+    side?: Side;
+    align?: Align;
+    sideOffset?: number;
+    alignOffset?: number;
+    collisionPadding?: number;
+    container?: HTMLElement | null;
+    onKeyDown?: (e: KeyboardEvent) => void;
+    onCloseAutoFocus?: (e: Event) => void;
+    onEscapeKeyDown?: (e: KeyboardEvent) => void;
+    onFocusOutside?: (e: OutsideEvent) => void;
+    onInteractOutside?: (e: OutsideEvent) => void;
+};
+declare function DropdownMenuContent(props: ContentProps): JSX.Element;
+declare function DropdownMenuGroup(props: ComponentProps<`div`>): JSX.Element;
+type ItemProps = Omit<ComponentProps<`div`>, `onSelect`> & {
+    disabled?: boolean;
+    onSelect?: (e: Event) => void;
+};
+declare function DropdownMenuItem(props: ItemProps & {
+    inset?: boolean;
+    variant?: `default` | `destructive`;
+}): JSX.Element;
+type CheckedState = boolean | `indeterminate`;
+declare function DropdownMenuCheckboxItem(props: ItemProps & {
+    checked?: CheckedState;
+    onCheckedChange?: (checked: boolean) => void;
+}): JSX.Element;
+declare function DropdownMenuRadioGroup(props: Omit<ComponentProps<`div`>, `onChange`> & {
+    value?: string;
+    onValueChange?: (value: string) => void;
+}): JSX.Element;
+declare function DropdownMenuRadioItem(props: ItemProps & {
+    value: string;
+}): JSX.Element;
+declare function DropdownMenuLabel(props: ComponentProps<`div`> & {
+    inset?: boolean;
+}): JSX.Element;
+declare function DropdownMenuSeparator(props: ComponentProps<`div`>): JSX.Element;
+declare function DropdownMenuShortcut(props: ComponentProps<`span`>): JSX.Element;
+declare function DropdownMenuSub(props: {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children?: JSX.Element;
+}): JSX.Element;
+declare function DropdownMenuSubTrigger(props: ComponentProps<`div`> & {
+    inset?: boolean;
+    variant?: `default` | `destructive`;
+    disabled?: boolean;
+}): JSX.Element;
+declare function DropdownMenuSubContent(props: ContentProps): JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

package/dist/types/primitives/empty-state.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentProps, type JSX } from "solid-js";
+import { type EmptyStateSize } from "@exponential-at/ui/web/primitives";
+import type { IconComponent } from "../host.js";
+export { EMPTY_STATE_SIZES } from "@exponential-at/ui/web/primitives";
+export type { EmptyStateSize } from "@exponential-at/ui/web/primitives";
+export declare function EmptyState(props: {
+    icon?: IconComponent;
+    title: string;
+    description?: string;
+    size?: EmptyStateSize;
+    class?: string;
+    children?: JSX.Element;
+}): JSX.Element;
+export declare function ListEmpty(props: Omit<ComponentProps<`p`>, `title`>): JSX.Element;
+export declare function EmptyCta(props: Omit<ComponentProps<`button`>, `children` | `title`> & {
+    icon: IconComponent;
+    title: string;
+    description: string;
+}): JSX.Element;

package/dist/types/primitives/glass-card.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentProps } from "solid-js";
+export { GLASS_CARD_CLASS, GLASS_CARD_CLASSES } from "@exponential-at/ui/web/primitives";
+export declare function GlassCard(props: ComponentProps<`div`>): import("solid-js").JSX.Element;

package/dist/types/primitives/hover-card.d.ts

@@ -0,0 +1,28 @@
+import { type ComponentProps, type JSX } from "solid-js";
+import { type Align, type OutsideEvent, type Side } from "../behaviors/index.js";
+import { type AsProps } from "../behaviors/dialog.js";
+export interface HoverCardProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    openDelay?: number;
+    closeDelay?: number;
+    children?: JSX.Element;
+}
+declare function HoverCard(props: HoverCardProps): JSX.Element;
+declare function HoverCardTrigger(props: AsProps): JSX.Element;
+export type HoverCardContentProps = Omit<ComponentProps<`div`>, `style`> & {
+    side?: Side;
+    align?: Align;
+    sideOffset?: number;
+    alignOffset?: number;
+    collisionPadding?: number;
+    container?: HTMLElement | null;
+    style?: JSX.CSSProperties;
+    onEscapeKeyDown?: (e: KeyboardEvent) => void;
+    onPointerDownOutside?: (e: OutsideEvent) => void;
+    onFocusOutside?: (e: OutsideEvent) => void;
+    onInteractOutside?: (e: OutsideEvent) => void;
+};
+declare function HoverCardContent(props: HoverCardContentProps): JSX.Element;
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/types/primitives/icon-disc.d.ts

@@ -0,0 +1,11 @@
+import type { JSX } from "solid-js";
+import { type IconDiscTone } from "@exponential-at/ui/web/primitives";
+import type { IconComponent } from "../host.js";
+export { ICON_DISC_TONES } from "@exponential-at/ui/web/primitives";
+export type { IconDiscTone } from "@exponential-at/ui/web/primitives";
+export declare function IconDisc(props: {
+    icon: IconComponent;
+    tone?: IconDiscTone;
+    strokeWidth?: number;
+    class?: string;
+}): JSX.Element;

package/dist/types/primitives/index.d.ts

@@ -0,0 +1,51 @@
+export * from "./alert.js";
+export * from "./alert-dialog.js";
+export * from "./avatar.js";
+export * from "./avatar-color.js";
+export * from "./badge.js";
+export * from "./breadcrumb.js";
+export * from "./button.js";
+export * from "./calendar.js";
+export * from "./card.js";
+export * from "./checkbox.js";
+export * from "./choice-tiles.js";
+export * from "./cn.js";
+export * from "./code-block.js";
+export * from "./collapsible.js";
+export * from "./command.js";
+export * from "./context-ring.js";
+export * from "./dialog.js";
+export * from "./dialog-arms.js";
+export * from "./disclosure-header.js";
+export * from "./dock-card.js";
+export * from "./dropdown-menu.js";
+export * from "./empty-state.js";
+export * from "./glass-card.js";
+export * from "./hover-card.js";
+export * from "./icon-disc.js";
+export * from "./input.js";
+export * from "./kbd.js";
+export * from "./label.js";
+export * from "./menu-surface.js";
+export * from "./meter.js";
+export * from "./popover.js";
+export * from "./progress.js";
+export * from "./progress-ring.js";
+export * from "./scroll-area.js";
+export * from "./segmented-control.js";
+export * from "./select.js";
+export * from "./separator.js";
+export * from "./sheet.js";
+export * from "./sheet-chrome.js";
+export * from "./skeleton.js";
+export * from "./spinner.js";
+export * from "./switch.js";
+export * from "./table.js";
+export * from "./tabs.js";
+export * from "./textarea.js";
+export * from "./toast.js";
+export * from "./tooltip.js";
+export * from "./truncate.js";
+export * from "./use-media-query.js";
+export * from "./use-mobile.js";
+export * from "./use-sheet-drag.js";

package/dist/types/primitives/input.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentProps } from "solid-js";
+export { BARE_FIELD_CLASS, FIELD_CHROME_CLASS } from "@exponential-at/ui/web/primitives";
+/** React reflects a controlled `value` as the attribute too (shared.tsx
+ *  rule 2): `attr:value` mirrors it. */
+declare function Input(props: ComponentProps<`input`>): import("solid-js").JSX.Element;
+export { Input };

package/dist/types/primitives/kbd.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentProps } from "solid-js";
+declare function Kbd(props: ComponentProps<`kbd`>): import("solid-js").JSX.Element;
+declare function KbdGroup(props: ComponentProps<`span`>): import("solid-js").JSX.Element;
+export { Kbd, KbdGroup };

package/dist/types/primitives/label.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentProps, type JSX } from "solid-js";
+declare function Label(props: ComponentProps<`label`>): JSX.Element;
+export { Label };

package/dist/types/primitives/menu-surface.d.ts

@@ -0,0 +1 @@
+export { MENU_CHECK_ITEM_CLASS, MENU_CHEVRON_CLASS, MENU_CONTENT_CLASS, MENU_ITEM_CLASS, MENU_LABEL_CLASS, MENU_SEPARATOR_CLASS, MENU_SHORTCUT_CLASS, MENU_SUB_TRIGGER_CLASS, MENU_SURFACE_CLASS, MENU_VALUE_CLASS } from "@exponential-at/ui/web/primitives";

package/dist/types/primitives/meter.d.ts

@@ -0,0 +1,8 @@
+import { type MeterTone } from "@exponential-at/ui/web/primitives";
+import { type ProgressProps } from "./progress.js";
+export type { MeterTone } from "@exponential-at/ui/web/primitives";
+export declare function Meter(props: Omit<ProgressProps, `value`> & {
+    /** 0-100, the caller clamps. `null` = indeterminate. */
+    value: number | null;
+    tone?: MeterTone;
+}): import("solid-js").JSX.Element;

package/dist/types/primitives/popover.d.ts

@@ -0,0 +1,31 @@
+import { type ComponentProps, type JSX } from "solid-js";
+import { type Align, type OutsideEvent, type Side } from "../behaviors/index.js";
+import { type AsProps } from "../behaviors/dialog.js";
+export interface PopoverProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+    children?: JSX.Element;
+}
+declare function Popover(props: PopoverProps): JSX.Element;
+declare function PopoverTrigger(props: AsProps): JSX.Element;
+declare function PopoverAnchor(props: ComponentProps<`div`>): JSX.Element;
+export type PopoverContentProps = Omit<ComponentProps<`div`>, `style` | `onKeyDown`> & {
+    side?: Side;
+    align?: Align;
+    sideOffset?: number;
+    alignOffset?: number;
+    collisionPadding?: number;
+    container?: HTMLElement | null;
+    style?: JSX.CSSProperties;
+    onKeyDown?: unknown;
+    onOpenAutoFocus?: (e: Event) => void;
+    onCloseAutoFocus?: (e: Event) => void;
+    onEscapeKeyDown?: (e: KeyboardEvent) => void;
+    onPointerDownOutside?: (e: OutsideEvent) => void;
+    onFocusOutside?: (e: OutsideEvent) => void;
+    onInteractOutside?: (e: OutsideEvent) => void;
+};
+declare function PopoverContent(props: PopoverContentProps): JSX.Element;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/types/primitives/progress-ring.d.ts

@@ -0,0 +1,12 @@
+export { progressRingPercent } from "@exponential-at/ui/web/primitives";
+export declare function ProgressRing(props: {
+    done: number;
+    total: number;
+    /** Rendered box in px. */
+    size?: number;
+    /** A `text-*` token class — the builtin completed status. */
+    colorClass?: string;
+    /** A synced hex — a custom completed row. Wins over `colorClass`. */
+    colorHex?: string;
+    class?: string;
+}): import("solid-js").JSX.Element;

package/dist/types/primitives/progress.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentProps } from "solid-js";
+export type ProgressProps = ComponentProps<`div`> & {
+    /** 0..max; `null`/`undefined` = indeterminate. */
+    value?: number | null;
+    max?: number;
+    getValueLabel?: (value: number, max: number) => string;
+};
+declare function Progress(props: ProgressProps): import("solid-js").JSX.Element;
+export { Progress };

package/dist/types/primitives/scroll-area.d.ts

@@ -0,0 +1,19 @@
+import { type ComponentProps, type JSX } from "solid-js";
+import { type ScrollAreaDir, type ScrollAreaOrientation } from "@exponential-at/ui/web/primitives";
+type Type = `auto` | `always` | `scroll` | `hover`;
+type Dir = ScrollAreaDir;
+type Orientation = ScrollAreaOrientation;
+export type ScrollAreaProps = Omit<ComponentProps<`div`>, `dir` | `style`> & {
+    type?: Type;
+    dir?: Dir;
+    scrollHideDelay?: number;
+    style?: JSX.CSSProperties;
+};
+declare function ScrollArea(props: ScrollAreaProps): JSX.Element;
+type ScrollbarProps = Omit<ComponentProps<`div`>, `style`> & {
+    orientation?: Orientation;
+    forceMount?: boolean;
+    style?: JSX.CSSProperties;
+};
+declare function ScrollBar(props: ScrollbarProps): JSX.Element;
+export { ScrollArea, ScrollBar };

package/dist/types/primitives/segmented-control.d.ts

@@ -0,0 +1,23 @@
+import { type JSX } from "solid-js";
+import type { IconComponent } from "../host.js";
+interface SegmentedOption<TValue extends string> {
+    value: TValue;
+    label: JSX.Element;
+    /** A leading glyph (a lucide-solid component), painted as lucide-react paints it. */
+    icon?: IconComponent;
+    disabled?: boolean;
+}
+interface SegmentedControlProps<TValue extends string> {
+    value: TValue;
+    onValueChange: (value: TValue) => void;
+    options: readonly SegmentedOption<TValue>[];
+    /** Span the container instead of the capsule's natural `w-fit`. */
+    fill?: boolean;
+    /** Disables every segment. */
+    disabled?: boolean;
+    /** Extra classes on the strip (the `TabsList`). */
+    class?: string;
+}
+declare function SegmentedControl<TValue extends string>(props: SegmentedControlProps<TValue>): JSX.Element;
+export { SegmentedControl };
+export type { SegmentedControlProps, SegmentedOption };

package/dist/types/primitives/select.d.ts

@@ -0,0 +1,51 @@
+import { type ComponentProps, type JSX } from "solid-js";
+import { type Align, type OutsideEvent, type Side } from "../behaviors/index.js";
+export interface SelectProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    dir?: `ltr` | `rtl`;
+    name?: string;
+    autoComplete?: string;
+    disabled?: boolean;
+    required?: boolean;
+    form?: string;
+    children?: JSX.Element;
+}
+declare function Select(props: SelectProps): JSX.Element;
+declare function SelectGroup(props: ComponentProps<`div`>): JSX.Element;
+declare function SelectValue(props: {
+    placeholder?: JSX.Element;
+    children?: JSX.Element;
+    class?: string;
+    style?: JSX.CSSProperties | string;
+} & Omit<ComponentProps<`span`>, `children` | `class` | `style`>): JSX.Element;
+declare function SelectTrigger(props: ComponentProps<`button`> & {
+    size?: `sm` | `default`;
+}): JSX.Element;
+export interface SelectContentProps extends Omit<ComponentProps<`div`>, `onKeyDown`> {
+    position?: `item-aligned` | `popper`;
+    side?: Side;
+    sideOffset?: number;
+    align?: Align;
+    alignOffset?: number;
+    collisionPadding?: number;
+    onCloseAutoFocus?: (e: Event) => void;
+    onEscapeKeyDown?: (e: KeyboardEvent) => void;
+    onPointerDownOutside?: (e: OutsideEvent) => void;
+    onKeyDown?: (e: KeyboardEvent) => void;
+}
+declare function SelectContent(props: SelectContentProps): JSX.Element;
+declare function SelectLabel(props: ComponentProps<`div`>): JSX.Element;
+declare function SelectItem(props: ComponentProps<`div`> & {
+    value: string;
+    disabled?: boolean;
+    textValue?: string;
+}): JSX.Element;
+declare function SelectSeparator(props: ComponentProps<`div`>): JSX.Element;
+declare function SelectScrollUpButton(props: ComponentProps<`div`>): JSX.Element;
+declare function SelectScrollDownButton(props: ComponentProps<`div`>): JSX.Element;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/types/primitives/separator.d.ts

@@ -0,0 +1,6 @@
+import { type ComponentProps } from "solid-js";
+declare function Separator(props: ComponentProps<`div`> & {
+    orientation?: `horizontal` | `vertical`;
+    decorative?: boolean;
+}): import("solid-js").JSX.Element;
+export { Separator };

package/dist/types/primitives/sheet-chrome.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentProps, type JSX } from "solid-js";
+import type { SheetDragHandleProps } from "./use-sheet-drag.js";
+export declare function SheetDragProvider(props: {
+    value: SheetDragHandleProps | null;
+    children?: JSX.Element;
+}): JSX.Element;
+/** The drag props of the enclosing sheet, or `null` outside one (a desktop
+ *  panel, a side drawer). Header components spread these so the whole title
+ *  area is draggable, not just the 4px bar. */
+export declare function createSheetDragHandleProps(): SheetDragHandleProps | null;
+export declare function SheetGrabber(props: ComponentProps<`div`>): JSX.Element;

package/dist/types/primitives/sheet.d.ts

@@ -0,0 +1,21 @@
+import { type ComponentProps, type JSX } from "solid-js";
+import { type SheetSide } from "@exponential-at/ui/web/primitives";
+import { type AsProps, type DialogContentPartProps, type DialogRootProps } from "../behaviors/dialog.js";
+declare function Sheet(props: DialogRootProps): JSX.Element;
+declare function SheetTrigger(props: AsProps): JSX.Element;
+declare function SheetClose(props: AsProps): JSX.Element;
+export type SheetContentProps = DialogContentPartProps & {
+    class?: string;
+    side?: SheetSide;
+    showCloseButton?: boolean;
+    /** The drag pill at the top edge. On by default for `bottom`; the two
+     *  page-like bottom sheets (New issue, search) turn it off. */
+    showGrabber?: boolean;
+    container?: HTMLElement | null;
+};
+declare function SheetContent(props: SheetContentProps): JSX.Element;
+declare function SheetHeader(props: ComponentProps<`div`>): JSX.Element;
+declare function SheetFooter(props: ComponentProps<`div`>): JSX.Element;
+declare function SheetTitle(props: ComponentProps<`h2`>): JSX.Element;
+declare function SheetDescription(props: ComponentProps<`p`>): JSX.Element;
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };

package/dist/types/primitives/skeleton.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentProps } from "solid-js";
+declare function Skeleton(props: ComponentProps<`div`>): import("solid-js").JSX.Element;
+export { Skeleton };