@jfrader/ui 0.3.0 → 0.5.0

package/dist/types/components/carousel/carousel.d.ts

@@ -0,0 +1,73 @@
+import { type ComponentPropsWithRef, type CSSProperties, type ReactNode } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+import { type SxProps } from '../../styling/sx';
+import { type ButtonProps } from '../button';
+export type CarouselActivation = 'auto' | 'manual';
+export interface CarouselLabels {
+    /** Name of the slide viewport. */
+    slides: string;
+    /** Name of the slide picker tablist. */
+    chooseSlide: string;
+    previous: string;
+    next: string;
+    startRotation: string;
+    stopRotation: string;
+    /** Shown when there are no slides. */
+    empty: string;
+    /** The root's aria-roledescription. */
+    carouselRole: string;
+    /** Default slide name; `index` is zero-based. */
+    slideCount: (index: number, count: number) => string;
+}
+type StyleSlot = {
+    css?: Interpolation<Theme>;
+};
+type PartSlot = Omit<ComponentPropsWithRef<'div'>, 'children' | 'role' | 'id' | 'tabIndex' | 'hidden' | 'inert'> & StyleSlot;
+type SlideSlot = Omit<PartSlot, 'ref' | 'aria-hidden'>;
+type IndicatorSlot = Omit<ComponentPropsWithRef<'button'>, 'ref' | 'children' | 'role' | 'id' | 'type' | 'tabIndex' | 'disabled' | 'aria-selected' | 'aria-controls' | 'aria-disabled' | 'aria-label'> & StyleSlot;
+type ButtonSlot = Omit<ButtonProps, 'children' | 'type' | 'disabled' | 'aria-disabled' | 'render' | 'sx'>;
+export interface CarouselSlotProps {
+    rotationButton?: ButtonSlot;
+    viewport?: PartSlot;
+    track?: PartSlot;
+    slide?: SlideSlot;
+    controls?: PartSlot;
+    tabList?: PartSlot;
+    indicator?: IndicatorSlot;
+    previousButton?: ButtonSlot;
+    nextButton?: ButtonSlot;
+    status?: PartSlot;
+    empty?: PartSlot;
+}
+export interface CarouselProps extends Omit<ComponentPropsWithRef<'section'>, 'defaultValue' | 'onChange'>, SxProps {
+    /** One renderable child per slide; give each a stable key. */
+    children: ReactNode;
+    /** Active slide index (controlled). */
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (index: number) => void;
+    /** Inline size of each slide, clamped to the carousel's width. */
+    slideSize?: CSSProperties['inlineSize'];
+    /** Accessible slide name; `index` is zero-based. Defaults to `labels.slideCount`. */
+    getSlideLabel?: (index: number, count: number) => string;
+    activation?: CarouselActivation;
+    /** Rotation delay in milliseconds. Without a positive finite value there is no rotation. */
+    interval?: number;
+    /** Seeds the uncontrolled playing state on mount. */
+    autoPlay?: boolean;
+    /** Requested rotation state (controlled). Safety pauses apply on top of it. */
+    playingValue?: boolean;
+    /** Seeds the uncontrolled playing state; takes precedence over `autoPlay`. */
+    defaultPlayingValue?: boolean;
+    onPlayingValueChange?: (playing: boolean) => void;
+    locale?: Intl.LocalesArgument;
+    labels?: Partial<CarouselLabels>;
+    /** Blocks navigation and rotation; the active slide's content stays operable. */
+    disabled?: boolean;
+    slotProps?: CarouselSlotProps;
+}
+export declare function Carousel({ ref, children, value: valueProp, defaultValue, onValueChange, slideSize, getSlideLabel: getSlideLabelProp, activation, interval, autoPlay, playingValue, defaultPlayingValue, onPlayingValueChange, locale, labels: labelProps, disabled, slotProps, className, sx, style, role, 'aria-roledescription': roleDescription, onFocus, onBlur, onPointerEnter, onPointerLeave, ...rest }: CarouselProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace Carousel {
+    var displayName: string;
+}
+export {};

package/dist/types/components/carousel/index.d.ts

@@ -0,0 +1,2 @@
+export { Carousel } from './carousel';
+export type { CarouselActivation, CarouselLabels, CarouselProps, CarouselSlotProps } from './carousel';

package/dist/types/components/chip-group/chip-group.d.ts

@@ -0,0 +1,54 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+import { type SxProps } from '../../styling/sx';
+export interface ChipGroupOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+type StyledSlot<T extends 'div' | 'span' | 'button'> = Omit<ComponentPropsWithRef<T>, 'children' | 'role' | 'tabIndex' | 'disabled' | 'aria-disabled' | 'aria-pressed' | 'aria-expanded' | 'aria-controls'> & {
+    css?: Interpolation<Theme>;
+};
+export interface ChipGroupSlotProps {
+    frame?: StyledSlot<'div'>;
+    row?: StyledSlot<'div'>;
+    chip?: StyledSlot<'button'> | ((option: ChipGroupOption) => StyledSlot<'button'>);
+    label?: StyledSlot<'span'>;
+    check?: StyledSlot<'span'>;
+    overflow?: StyledSlot<'button'>;
+}
+interface ChipGroupBaseProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange' | 'children'>, SxProps {
+    options: readonly ChipGroupOption[];
+    label?: string;
+    allowEmpty?: boolean;
+    disabled?: boolean;
+    size?: 'sm' | 'md';
+    maxVisible?: number;
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
+    locale?: Intl.LocalesArgument;
+    moreLabel?: (formattedCount: string, count: number) => string;
+    lessLabel?: string;
+    slotProps?: ChipGroupSlotProps;
+}
+export interface ChipGroupSingleProps extends ChipGroupBaseProps {
+    type: 'single';
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+}
+export interface ChipGroupMultipleProps extends ChipGroupBaseProps {
+    type?: 'multiple';
+    value?: readonly string[];
+    defaultValue?: readonly string[];
+    onValueChange?: (value: string[]) => void;
+}
+export type ChipGroupProps = ChipGroupSingleProps | ChipGroupMultipleProps;
+/** Clearable pressed-button filters. Arrows (horizontal RTL-aware), Home/End move focus only;
+ * Enter/Space toggle. Multiple values are emitted in option order, not activation order. */
+export declare function ChipGroup({ ref, options, type, value: valueProp, defaultValue, onValueChange, label, allowEmpty, disabled, size, maxVisible, expanded: expandedProp, defaultExpanded, onExpandedChange, locale, moreLabel, lessLabel, slotProps, className, sx, onKeyDown, onBlur, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...rest }: ChipGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace ChipGroup {
+    var displayName: string;
+}
+export {};

package/dist/types/components/chip-group/index.d.ts

@@ -0,0 +1 @@
+export { ChipGroup, type ChipGroupProps, type ChipGroupOption, type ChipGroupSingleProps, type ChipGroupMultipleProps, type ChipGroupSlotProps, } from './chip-group';

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

@@ -0,0 +1,58 @@
+import { type ComponentPropsWithRef, type Ref } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+import { type SxProps } from '../../styling/sx';
+import { type CopyButtonProps } from '../copy-button';
+export interface CodeBlockSlotPartProps {
+    className?: string;
+    css?: Interpolation<Theme>;
+}
+export interface CodeBlockSlotProps {
+    header?: CodeBlockSlotPartProps;
+    label?: CodeBlockSlotPartProps;
+    language?: CodeBlockSlotPartProps;
+    sourceFrame?: CodeBlockSlotPartProps;
+    gutter?: CodeBlockSlotPartProps;
+    pre?: CodeBlockSlotPartProps;
+    code?: CodeBlockSlotPartProps;
+    toggle?: CodeBlockSlotPartProps;
+}
+export interface CodeHighlightToken {
+    content: string;
+    /** Any CSS color; token references (`vars.color.syntax*`) follow the theme. */
+    color?: string;
+    fontStyle?: 'normal' | 'italic';
+}
+/** One token list per source line, without line terminators. */
+export type CodeHighlightLines = readonly (readonly CodeHighlightToken[])[];
+export interface CodeHighlightRequest {
+    code: string;
+    language?: string;
+}
+/** Tokenizes `code`; `null` (e.g. an unsupported language) keeps plain text. */
+export type CodeHighlightLoader = (request: CodeHighlightRequest) => CodeHighlightLines | null | PromiseLike<CodeHighlightLines | null>;
+export interface CodeBlockProps extends Omit<ComponentPropsWithRef<'section'>, 'children' | 'onChange'>, SxProps {
+    code: string;
+    filename?: string;
+    language?: string;
+    label?: string;
+    sourceLabel?: string;
+    maxLines?: number;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    lineNumbers?: boolean;
+    locale?: Intl.LocalesArgument;
+    getExpandLabel?: (count: number, formatted: string) => string;
+    collapseLabel?: string;
+    copyable?: boolean;
+    copyButtonProps?: Partial<Omit<CopyButtonProps, 'text' | 'ref'>>;
+    preRef?: Ref<HTMLPreElement>;
+    /** Syntax highlighting loader, read when `code` or `language` changes. */
+    highlight?: CodeHighlightLoader;
+    slotProps?: CodeBlockSlotProps;
+    css?: Interpolation<Theme>;
+}
+export declare function CodeBlock({ ref, code, filename, language, label, sourceLabel, maxLines, open, defaultOpen, onOpenChange, lineNumbers, locale, getExpandLabel, collapseLabel, copyable, copyButtonProps, preRef, highlight, slotProps, className, sx, 'aria-label': ariaLabel, 'aria-labelledby': labelledBy, ...rest }: CodeBlockProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace CodeBlock {
+    var displayName: string;
+}

package/dist/types/components/code-block/index.d.ts

@@ -0,0 +1 @@
+export { CodeBlock, type CodeBlockProps, type CodeBlockSlotProps, type CodeBlockSlotPartProps, type CodeHighlightLines, type CodeHighlightLoader, type CodeHighlightRequest, type CodeHighlightToken, } from './code-block';

package/dist/types/components/code-block/shiki.d.ts

@@ -0,0 +1,3 @@
+import type { CodeHighlightLoader } from './code-block';
+/** Highlights js/ts/json/css/bash/html with shiki; any other language resolves to `null` (plain text). */
+export declare const loadShikiHighlight: CodeHighlightLoader;

package/dist/types/components/combobox/combobox.d.ts

@@ -35,7 +35,7 @@ export interface ComboboxItemProps extends ComponentPropsWithRef<'div'>, SxProps
 }
 export interface ComboboxEmptyProps extends ComponentPropsWithRef<'div'>, SxProps {
 }
-declare function ComboboxRoot({ value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, name, filter, onInputChange, children, }: ComboboxProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function ComboboxRoot(props: ComboboxProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare function ComboboxInput({ ref, inputValue, defaultInputValue, label, description, error, size, slotProps, className, sx, id: idProp, onChange, onKeyDown, onBlur, disabled, ...rest }: ComboboxInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare function ComboboxList({ ref, id: idProp, style, onMouseDown, children, className, sx, ...rest }: ComboboxListProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare function ComboboxItem({ ref, value, disabled, onClick, children, className, sx, ...rest }: ComboboxItemProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/command-palette/command-palette.d.ts

@@ -35,7 +35,7 @@ export interface CommandPaletteItemProps extends Omit<ComponentPropsWithRef<'div
     /** Extra text the filter matches against (synonyms, aliases). */
     keywords?: string;
 }
-declare function CommandPaletteRoot({ open: openProp, defaultOpen, onOpenChange, label, filter, emptyMessage, formatResultCount, children, }: CommandPaletteProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function CommandPaletteRoot(props: CommandPaletteProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare function CommandPaletteTrigger({ ref, onClick, className, sx, ...rest }: CommandPaletteTriggerProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare function CommandPaletteContent({ ref, className, sx, ...props }: CommandPaletteContentProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare function CommandPaletteInput({ ref, onChange, onKeyDown, className, sx, ...rest }: CommandPaletteInputProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/copy-button/copy-button.d.ts

@@ -0,0 +1,49 @@
+import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+import type { SxProps } from '../../styling/sx';
+import { type ButtonSize, type ButtonTone, type ButtonVariant } from '../button';
+export type CopyButtonValue = 'idle' | 'pending' | 'copied' | 'error';
+export type CopyButtonIcons = Partial<Record<CopyButtonValue, ReactNode>>;
+export interface CopyButtonSlotPartProps extends ComponentPropsWithoutRef<'span'> {
+    css?: Interpolation<Theme>;
+}
+export interface CopyButtonSlotProps {
+    icon?: CopyButtonSlotPartProps;
+    label?: CopyButtonSlotPartProps;
+    status?: CopyButtonSlotPartProps;
+}
+export interface CopyButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'value' | 'defaultValue' | 'color' | 'type'>, SxProps {
+    /** The string written to the clipboard. An empty string is a valid payload. */
+    text: string;
+    /** Accessible name and idle face, e.g. "Copy command". */
+    label: string;
+    /** Face and announcement while the write is in flight. */
+    pendingLabel: string;
+    /** Face and announcement after a successful write. */
+    copiedLabel: string;
+    /** Face and announcement after a failed or unavailable write. */
+    errorLabel: string;
+    /** Hides the visible label; the accessible name and announcements stay. */
+    iconOnly?: boolean;
+    /** Decorative icon per face; a supplied key replaces the default, including `null` for none. */
+    icons?: CopyButtonIcons;
+    value?: CopyButtonValue;
+    defaultValue?: CopyButtonValue;
+    onValueChange?: (value: CopyButtonValue) => void;
+    /** Called once per successful write with the text captured at activation. */
+    onCopied?: (text: string) => void;
+    /** Called once per failed write, including a missing Clipboard API. */
+    onCopyError?: (error: unknown) => void;
+    /** Milliseconds before `copied`/`error` request `idle`; 0 keeps the result face. */
+    resetAfterMs?: number;
+    variant?: ButtonVariant;
+    tone?: ButtonTone;
+    size?: ButtonSize;
+    slotProps?: CopyButtonSlotProps;
+    /** Consumer style overrides, merged after the component's own styles. */
+    css?: Interpolation<Theme>;
+}
+export declare function CopyButton({ ref, text, label, pendingLabel, copiedLabel, errorLabel, iconOnly, icons, value, defaultValue, onValueChange, onCopied, onCopyError, resetAfterMs, variant, tone, size, slotProps, disabled, onClick, className, css: cssProp, sx, ...rest }: CopyButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace CopyButton {
+    var displayName: string;
+}

package/dist/types/components/copy-button/index.d.ts

@@ -0,0 +1,2 @@
+export { CopyButton } from './copy-button';
+export type { CopyButtonIcons, CopyButtonProps, CopyButtonSlotPartProps, CopyButtonSlotProps, CopyButtonValue, } from './copy-button';

package/dist/types/components/countdown/countdown.d.ts

@@ -0,0 +1,37 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+import { type SxProps } from '../../styling/sx';
+export type CountdownUnit = 'days' | 'hours' | 'minutes' | 'seconds';
+export type CountdownVariant = 'display' | 'compact';
+export interface CountdownPartProps {
+    className?: string;
+    css?: Interpolation<Theme>;
+}
+export interface CountdownProps extends Omit<ComponentPropsWithRef<'div'>, 'children'>, SxProps {
+    /** Exact instant: epoch milliseconds, Date, or an ISO date-time with Z or an explicit offset. */
+    target: Date | number | string;
+    variant?: CountdownVariant;
+    units?: readonly CountdownUnit[];
+    label?: ReactNode;
+    locale?: Intl.LocalesArgument;
+    unitDisplay?: 'long' | 'short' | 'narrow';
+    completeLabel?: ReactNode;
+    completeText?: string;
+    pendingLabel?: ReactNode;
+    invalidLabel?: ReactNode;
+    invalidText?: string;
+    /** Authoritative epoch-ms source. Background callbacks run at the first executable wake-up. */
+    clock?: () => number;
+    /** Shared server snapshot for identical SSR and hydration output. */
+    initialNow?: number;
+    /** Once per resolved target identity, including a target already elapsed at mount. */
+    onComplete?: (targetEpochMs: number) => void;
+    announceCompletion?: boolean;
+    completionIcon?: ReactNode;
+    slotProps?: Partial<Record<'label' | 'content' | 'unit' | 'number' | 'complete' | 'icon' | 'description', CountdownPartProps>>;
+}
+/** Noninteractive ARIA timer. Tab and every other key pass through; no focus or editable state. */
+export declare function Countdown({ ref, target, variant, units, label, locale, unitDisplay, completeLabel, completeText, pendingLabel, invalidLabel, invalidText, clock, initialNow, onComplete, announceCompletion, completionIcon, slotProps, className, sx, 'aria-labelledby': externalLabel, 'aria-describedby': externalDescription, 'aria-label': ariaLabel, ...rest }: CountdownProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace Countdown {
+    var displayName: string;
+}

package/dist/types/components/countdown/index.d.ts

@@ -0,0 +1 @@
+export { Countdown, type CountdownProps, type CountdownUnit, type CountdownVariant, type CountdownPartProps, } from './countdown';

package/dist/types/components/date-picker/date-picker.d.ts

@@ -32,7 +32,7 @@ export interface DatePickerInputProps extends Omit<TextFieldProps, 'value' | 'de
 }
 /** The popup renders its own calendar. */
 export type DatePickerPopupProps = Omit<ComponentPropsWithRef<'div'>, 'children'> & SxProps;
-declare function DatePickerRoot({ value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, min: minProp, max: maxProp, locale: localeProp, firstDayOfWeek, disabled: disabledProp, name, placeholder: placeholderProp, children, }: DatePickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function DatePickerRoot(props: DatePickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare function DatePickerInput({ ref, label, id: idProp, disabled: disabledProp, slotProps, onKeyDown, onKeyUp, ...rest }: DatePickerInputProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare function DatePickerPopup({ ref, style, className, sx, ...rest }: DatePickerPopupProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
 export declare const DatePicker: typeof DatePickerRoot & {

package/dist/types/components/date-range-picker/date-range-picker.d.ts

@@ -0,0 +1,103 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+import { type SxProps } from '../../styling/sx';
+import { type CalendarRange, type CalendarWeekday } from '../calendar';
+/** Inclusive range of 'YYYY-MM-DD' dates. */
+export type DateRangeValue = CalendarRange;
+export type DateRangePickerMonths = 'auto' | 1 | 2;
+export type DateRangePickerSize = 'sm' | 'md' | 'lg';
+export interface DateRangePreset {
+    id: string;
+    label: ReactNode;
+    /** The preset's range for the given 'YYYY-MM-DD' today. Out-of-bounds results disable the preset. */
+    range: (today: string) => DateRangeValue;
+}
+export interface DateRangePickerSummaryDetails {
+    /** The range as Intl formats it, e.g. "Oct 3 – 9, 2026". */
+    range: string;
+    /** Inclusive day count, for plural selection. */
+    days: number;
+    /** `days` as Intl.NumberFormat formats it in the locale. */
+    formattedDays: string;
+}
+export interface DateRangePickerMessages {
+    apply: ReactNode;
+    cancel: ReactNode;
+    /** Summary while no range is drafted. */
+    empty: ReactNode;
+    /** Description of the range's first day. */
+    start: string;
+    /** Description of the range's last day. */
+    end: string;
+    /** Summary of the drafted (or previewed) range; select plurals from `days`. */
+    summary: (details: DateRangePickerSummaryDetails) => ReactNode;
+    /** Accessible name of the preset group. */
+    presets?: string;
+    /** Alert shown next to the trigger while the field is invalid. */
+    error?: ReactNode;
+    /** Joined to the trigger's name when `required` is set. */
+    required?: string;
+}
+export interface DateRangePickerProps {
+    value?: DateRangeValue | null;
+    defaultValue?: DateRangeValue | null;
+    /** Apply request; a structurally unchanged range is not requested. Controlled values may reject it. */
+    onValueChange?: (range: DateRangeValue | null) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Earliest selectable date, 'YYYY-MM-DD'. */
+    min?: string;
+    /** Latest selectable date, 'YYYY-MM-DD'. */
+    max?: string;
+    /** BCP 47 tag. Defaults to `navigator.language` (the Intl default on the server). */
+    locale?: string;
+    /** Defaults to the locale's week start. */
+    firstDayOfWeek?: CalendarWeekday;
+    /** 'YYYY-MM-DD' used for presets and the today marker. Defaults to the local civil date. */
+    today?: string;
+    /** `auto` shows two months when the boundary leaves at least 712px. */
+    months?: DateRangePickerMonths;
+    /** Collision boundary of the dialog. Defaults to the clipping ancestors and the viewport. */
+    boundary?: HTMLElement | null;
+    presets?: readonly DateRangePreset[];
+    /** Blocks the popup, even with controlled open=true, and omits the form fields. */
+    disabled?: boolean;
+    /** The dialog opens for inspection; days, presets and Apply change nothing. */
+    readOnly?: boolean;
+    required?: boolean;
+    /** Hidden form field carrying the start date ('' when empty). */
+    startName?: string;
+    /** Hidden form field carrying the end date ('' when empty). */
+    endName?: string;
+    messages: DateRangePickerMessages;
+    /** One Trigger and one Content. */
+    children?: ReactNode;
+}
+export interface DateRangePickerTriggerProps extends Omit<ComponentPropsWithRef<'button'>, 'value' | 'defaultValue' | 'children'>, SxProps {
+    size?: DateRangePickerSize;
+    /** Decorative icon before the range text. */
+    icon?: ReactNode;
+    /** Shown while no valid range is committed. */
+    placeholder?: ReactNode;
+}
+export interface DateRangePickerSlotProps {
+    className?: string;
+    css?: Interpolation<Theme>;
+}
+export interface DateRangePickerContentProps extends Omit<ComponentPropsWithRef<'div'>, 'children'>, SxProps {
+    slotProps?: {
+        presets?: DateRangePickerSlotProps;
+        calendars?: DateRangePickerSlotProps;
+        summary?: DateRangePickerSlotProps;
+        actions?: DateRangePickerSlotProps;
+    };
+}
+declare function DateRangePickerRoot(props: DateRangePickerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function DateRangePickerTrigger({ ref, id: idProp, size, icon, placeholder, className, sx, onKeyDown, onKeyUp, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalidProp, ...rest }: DateRangePickerTriggerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function DateRangePickerContent(props: DateRangePickerContentProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const DateRangePicker: typeof DateRangePickerRoot & {
+    Trigger: typeof DateRangePickerTrigger;
+    Content: typeof DateRangePickerContent;
+};
+export {};

package/dist/types/components/date-range-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { DateRangePicker } from './date-range-picker';
+export type { DateRangePickerContentProps, DateRangePickerMessages, DateRangePickerMonths, DateRangePickerProps, DateRangePickerSize, DateRangePickerSlotProps, DateRangePickerSummaryDetails, DateRangePickerTriggerProps, DateRangePreset, DateRangeValue, } from './date-range-picker';

package/dist/types/components/drawer/drawer.d.ts

@@ -0,0 +1,59 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type SxProps } from '../../styling/sx';
+export type DrawerSide = 'inline-start' | 'inline-end' | 'top' | 'bottom';
+export type DrawerSize = 'sm' | 'md' | 'lg';
+export interface DrawerProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Viewport edge the panel attaches to. Inline sides follow the drawer's effective direction. */
+    side?: DrawerSide;
+    /** Inline size cap for inline sides. Top/bottom panels span the viewport and ignore it. */
+    size?: DrawerSize;
+    /** Lets the header drag the panel toward its edge to dismiss. Ignored under reduced motion. */
+    draggable?: boolean;
+    children?: ReactNode;
+}
+export interface DrawerTriggerProps extends ComponentPropsWithRef<'button'>, SxProps {
+}
+export interface DrawerContentProps extends Omit<ComponentPropsWithRef<'dialog'>, 'open'>, SxProps {
+    /** Set false to keep structured content out of the drawer's accessible description. */
+    withDescription?: boolean;
+}
+export interface DrawerPanelProps extends ComponentPropsWithRef<'div'>, SxProps {
+}
+export interface DrawerHeaderProps extends ComponentPropsWithRef<'div'>, SxProps {
+}
+export interface DrawerBodyProps extends ComponentPropsWithRef<'div'>, SxProps {
+}
+export interface DrawerFooterProps extends ComponentPropsWithRef<'div'>, SxProps {
+}
+export interface DrawerTitleProps extends ComponentPropsWithRef<'h2'>, SxProps {
+}
+export interface DrawerDescriptionProps extends ComponentPropsWithRef<'p'>, SxProps {
+}
+/** Needs visible children or a localized `aria-label`; the library ships no default label. */
+export interface DrawerCloseProps extends ComponentPropsWithRef<'button'>, SxProps {
+}
+declare function DrawerRoot({ open: openProp, defaultOpen, onOpenChange, side, size, draggable, children, }: DrawerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function DrawerTrigger({ ref, onClick, className, sx, ...rest }: DrawerTriggerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function DrawerContent({ ref, className, sx, ...props }: DrawerContentProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function DrawerPanel({ ref, className, sx, ...props }: DrawerPanelProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function DrawerHeader({ ref, className, sx, ...props }: DrawerHeaderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function DrawerBody({ ref, className, sx, ...props }: DrawerBodyProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function DrawerFooter({ ref, className, sx, ...props }: DrawerFooterProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function DrawerTitle({ ref, className, sx, children, ...props }: DrawerTitleProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare function DrawerDescription({ ref, className, sx, children, ...props }: DrawerDescriptionProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare function DrawerClose({ ref, onClick, className, sx, ...rest }: DrawerCloseProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Drawer: typeof DrawerRoot & {
+    Trigger: typeof DrawerTrigger;
+    Content: typeof DrawerContent;
+    Panel: typeof DrawerPanel;
+    Header: typeof DrawerHeader;
+    Body: typeof DrawerBody;
+    Footer: typeof DrawerFooter;
+    Title: typeof DrawerTitle;
+    Description: typeof DrawerDescription;
+    Close: typeof DrawerClose;
+};
+export {};

package/dist/types/components/drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { Drawer } from './drawer';
+export type { DrawerBodyProps, DrawerCloseProps, DrawerContentProps, DrawerDescriptionProps, DrawerFooterProps, DrawerHeaderProps, DrawerPanelProps, DrawerProps, DrawerSide, DrawerSize, DrawerTitleProps, DrawerTriggerProps, } from './drawer';

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

@@ -0,0 +1,36 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+import { type SxProps } from '../../styling/sx';
+import type { CardHeadingLevel } from '../card';
+export type EmptyStateVariant = 'centered' | 'inline';
+export interface EmptyStatePartProps {
+    className?: string;
+    css?: Interpolation<Theme>;
+}
+export interface EmptyStateSlotProps {
+    icon?: EmptyStatePartProps;
+    content?: EmptyStatePartProps;
+    title?: EmptyStatePartProps;
+    description?: EmptyStatePartProps;
+    action?: EmptyStatePartProps;
+}
+export interface EmptyStateProps extends Omit<ComponentPropsWithRef<'section'>, 'title' | 'children'>, SxProps {
+    /** Visible heading. */
+    title: ReactNode;
+    description?: ReactNode;
+    /** Decorative; hidden from assistive tech. Never put interactive content here. */
+    icon?: ReactNode;
+    /** Caller-owned controls (Button, link), rendered as given. */
+    action?: ReactNode;
+    headingLevel?: CardHeadingLevel;
+    variant?: EmptyStateVariant;
+    slotProps?: EmptyStateSlotProps;
+}
+/**
+ * Empty view with a literal next action. Use Skeleton while content is pending and Alert for an
+ * error next to existing content. The caller owns copy, translations and result announcements.
+ */
+export declare function EmptyState({ ref, title, description, icon, action, headingLevel, variant, slotProps, className, sx, 'aria-labelledby': labelledBy, 'aria-describedby': describedBy, ...rest }: EmptyStateProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace EmptyState {
+    var displayName: string;
+}

package/dist/types/components/empty-state/index.d.ts

@@ -0,0 +1,2 @@
+export { EmptyState } from './empty-state';
+export type { EmptyStatePartProps, EmptyStateProps, EmptyStateSlotProps, EmptyStateVariant } from './empty-state';

package/dist/types/components/expandable-card/expandable-card.d.ts

@@ -0,0 +1,28 @@
+import { type ComponentPropsWithRef } from 'react';
+import { type SxProps } from '../../styling/sx';
+export interface ExpandableCardProps extends Omit<ComponentPropsWithRef<'article'>, 'defaultValue' | 'onChange'>, SxProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    collapsedInlineSize?: number;
+    expandedInlineSize?: number;
+    size?: 'sm' | 'md';
+    disabled?: boolean;
+    headingLevel?: 2 | 3 | 4;
+}
+export type ExpandableCardTriggerProps = ComponentPropsWithRef<'button'> & SxProps;
+export type ExpandableCardTitleProps = ComponentPropsWithRef<'span'> & SxProps;
+export type ExpandableCardDescriptionProps = ComponentPropsWithRef<'span'> & SxProps;
+export type ExpandableCardContentProps = Omit<ComponentPropsWithRef<'div'>, 'hidden'> & SxProps;
+declare function ExpandableCardRoot({ ref, open: openProp, defaultOpen, onOpenChange, collapsedInlineSize, expandedInlineSize, size, disabled, headingLevel, className, sx, onKeyDown, children, ...rest }: ExpandableCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function ExpandableCardTrigger({ ref, className, sx, onClick, disabled, 'aria-labelledby': labelledBy, 'aria-describedby': describedBy, ...rest }: ExpandableCardTriggerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function ExpandableCardTitle({ ref, className, sx, children, ...rest }: ExpandableCardTitleProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare function ExpandableCardDescription({ ref, className, sx, children, ...rest }: ExpandableCardDescriptionProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare function ExpandableCardContent({ ref, className, sx, children, 'aria-labelledby': labelledBy, 'aria-describedby': describedBy, ...rest }: ExpandableCardContentProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ExpandableCard: typeof ExpandableCardRoot & {
+    Trigger: typeof ExpandableCardTrigger;
+    Title: typeof ExpandableCardTitle;
+    Description: typeof ExpandableCardDescription;
+    Content: typeof ExpandableCardContent;
+};
+export {};

package/dist/types/components/expandable-card/index.d.ts

@@ -0,0 +1,2 @@
+export { ExpandableCard } from './expandable-card';
+export type { ExpandableCardProps, ExpandableCardTriggerProps, ExpandableCardTitleProps, ExpandableCardDescriptionProps, ExpandableCardContentProps, } from './expandable-card';

package/dist/types/components/field/field-anatomy.d.ts

@@ -29,17 +29,19 @@ export declare function useFieldAnatomy({ id: idProp, description, error, 'aria-
 interface FieldRootProps extends SxProps {
     'data-ui': string;
     className?: string;
+    dir?: string;
     part?: FieldPartProps;
     children: ReactNode;
 }
-export declare function FieldRoot({ 'data-ui': dataUi, className, sx, part, children }: FieldRootProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function FieldRoot({ 'data-ui': dataUi, className, dir, sx, part, children }: FieldRootProps): import("@emotion/react/jsx-runtime").JSX.Element;
 interface FieldLabelProps {
+    id?: string;
     htmlFor: string;
     required?: boolean;
     part?: FieldPartProps;
     children: ReactNode;
 }
-export declare function FieldLabel({ htmlFor, required, part, children }: FieldLabelProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare function FieldLabel({ id, htmlFor, required, part, children }: FieldLabelProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
 interface FieldMessageProps {
     id: string;
     part?: FieldPartProps;