@jfrader/ui 0.4.0 → 0.5.1

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

@@ -0,0 +1,37 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type SxProps } from '../../styling/sx';
+import { type CardHeadingLevel, type CardPartProps, type CardVariant } from '../card';
+import { type PillTone } from '../pill';
+export interface MetricCardSlotProps {
+    surface?: CardPartProps;
+    header?: CardPartProps;
+    label?: CardPartProps;
+    value?: CardPartProps;
+    delta?: CardPartProps;
+    description?: CardPartProps;
+}
+export interface MetricCardProps extends Omit<ComponentPropsWithRef<'div'>, 'children'>, SxProps {
+    label: ReactNode;
+    value: number | null;
+    description?: ReactNode;
+    headingLevel?: CardHeadingLevel;
+    variant?: CardVariant;
+    /** Pin the locale for matching server and client output. */
+    locale?: Intl.LocalesArgument;
+    /** Percent values are fractions; currency formatting requires a currency code. Invalid options throw. */
+    formatOptions?: Intl.NumberFormatOptions;
+    unitLabel?: string;
+    delta?: number;
+    /** Nonzero deltas always have a sign, including when signDisplay is 'never'. */
+    deltaFormatOptions?: Intl.NumberFormatOptions;
+    deltaTone?: PillTone;
+    deltaDescription?: string;
+    loading?: boolean;
+    missingValueLabel?: string;
+    slotProps?: MetricCardSlotProps;
+}
+/** Read-only heading and numeric summary; Tab skips it. No live region or animated value copies. */
+export declare function MetricCard({ ref, label, value, description, headingLevel, variant, locale, formatOptions, unitLabel, delta, deltaFormatOptions, deltaTone, deltaDescription, loading, missingValueLabel, slotProps, className, sx, role, 'aria-labelledby': labelledBy, 'aria-describedby': describedBy, 'aria-busy': busy, ...rest }: MetricCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace MetricCard {
+    var displayName: string;
+}

package/dist/types/components/multi-select/index.d.ts

@@ -0,0 +1,2 @@
+export { MultiSelect } from './multi-select';
+export type { MultiSelectProps, MultiSelectMessages, MultiSelectTriggerProps, MultiSelectValueProps, MultiSelectContentProps, MultiSelectItemProps, MultiSelectClearProps, MultiSelectLabelProps, MultiSelectDescriptionProps, MultiSelectErrorProps, MultiSelectEmptyProps, } from './multi-select';

package/dist/types/components/multi-select/multi-select.d.ts

@@ -0,0 +1,73 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type Placement } from '@floating-ui/react';
+import { type SxProps } from '../../styling/sx';
+export interface MultiSelectMessages {
+    clearLabel: string;
+    empty: string;
+    selected: (labels: readonly string[]) => string;
+    toggled: (label: string, selected: boolean) => string;
+    required: string;
+}
+export interface MultiSelectProps {
+    value?: readonly string[];
+    defaultValue?: readonly string[];
+    onValueChange?: (value: string[]) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    locale?: Intl.LocalesArgument;
+    messages?: Partial<MultiSelectMessages>;
+    placement?: Placement;
+    children?: ReactNode;
+}
+export interface MultiSelectTriggerProps extends ComponentPropsWithRef<'button'>, SxProps {
+    size?: 'sm' | 'md' | 'lg';
+}
+export interface MultiSelectValueProps extends ComponentPropsWithRef<'span'>, SxProps {
+    maxVisible?: number;
+    placeholder?: ReactNode;
+}
+export interface MultiSelectContentProps extends ComponentPropsWithRef<'div'>, SxProps {
+}
+export interface MultiSelectItemProps extends ComponentPropsWithRef<'div'>, SxProps {
+    value: string;
+    disabled?: boolean;
+    textValue?: string;
+}
+export interface MultiSelectClearProps extends ComponentPropsWithRef<'button'>, SxProps {
+}
+export interface MultiSelectLabelProps extends ComponentPropsWithRef<'label'>, SxProps {
+}
+export interface MultiSelectDescriptionProps extends ComponentPropsWithRef<'span'>, SxProps {
+}
+export interface MultiSelectErrorProps extends ComponentPropsWithRef<'span'>, SxProps {
+}
+export interface MultiSelectEmptyProps extends ComponentPropsWithRef<'div'>, SxProps {
+}
+declare function MultiSelectRoot(props: MultiSelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
+/** Select-only combobox: arrows and Home/End move virtual focus; Enter/Space toggle without
+ * closing; prefix typeahead persists for 500ms. Escape/Tab dismiss without changing values. */
+declare function MultiSelectTrigger({ ref, id: idProp, size, disabled: disabledProp, onKeyDown, onKeyUp, onClick, onBlur, className, sx, ...rest }: MultiSelectTriggerProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function MultiSelectValue({ ref, maxVisible, placeholder, className, sx, ...rest }: MultiSelectValueProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function MultiSelectContent({ ref, id: idProp, children, style, onMouseDown, className, sx, ...rest }: MultiSelectContentProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function MultiSelectItem({ ref, id: idProp, value, disabled, textValue, onClick, children, className, sx, ...rest }: MultiSelectItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function MultiSelectClear({ ref, disabled, onClick, children, className, sx, ...rest }: MultiSelectClearProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function MultiSelectLabel({ ref, id: idProp, children, className, sx, ...rest }: MultiSelectLabelProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare function MultiSelectDescription(props: MultiSelectDescriptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function MultiSelectError(props: MultiSelectErrorProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function MultiSelectEmpty({ ref, children, className, sx, ...rest }: MultiSelectEmptyProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const MultiSelect: typeof MultiSelectRoot & {
+    Trigger: typeof MultiSelectTrigger;
+    Value: typeof MultiSelectValue;
+    Content: typeof MultiSelectContent;
+    Item: typeof MultiSelectItem;
+    Clear: typeof MultiSelectClear;
+    Label: typeof MultiSelectLabel;
+    Description: typeof MultiSelectDescription;
+    Error: typeof MultiSelectError;
+    Empty: typeof MultiSelectEmpty;
+};
+export {};

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

@@ -12,7 +12,7 @@ export interface PaginationProps extends Omit<ComponentPropsWithRef<'nav'>, 'onC
     nextLabel?: string;
     locale?: string;
 }
-export declare function Pagination({ ref, page, totalPages, onPageChange, siblingCount, label, previousLabel, nextLabel, locale, className, sx, ...rest }: PaginationProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Pagination({ ref, page, totalPages, onPageChange, siblingCount, label, previousLabel, nextLabel, locale, className, sx, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, ...rest }: PaginationProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export declare namespace Pagination {
     var displayName: string;
 }

package/dist/types/components/password-field/index.d.ts

@@ -0,0 +1,2 @@
+export { PasswordField } from './password-field';
+export type { PasswordFieldMessages, PasswordFieldPartProps, PasswordFieldProps, PasswordFieldSize, PasswordFieldSlotProps, } from './password-field';

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

@@ -0,0 +1,34 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import type { SxProps } from '../../styling/sx';
+import { type FieldPartProps, type FieldSlotProps } from '../field/field-anatomy';
+export type PasswordFieldSize = 'sm' | 'md' | 'lg';
+export interface PasswordFieldMessages {
+    /** Accessible name of the reveal toggle; `aria-pressed` conveys whether it is on. */
+    reveal: string;
+}
+export interface PasswordFieldPartProps extends FieldPartProps {
+}
+export interface PasswordFieldSlotProps extends FieldSlotProps<PasswordFieldPartProps> {
+    shell?: PasswordFieldPartProps;
+    reveal?: PasswordFieldPartProps;
+}
+export interface PasswordFieldProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size' | 'value' | 'defaultValue' | 'children'>, SxProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    revealed?: boolean;
+    defaultRevealed?: boolean;
+    onRevealedChange?: (revealed: boolean) => void;
+    label?: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+    size?: PasswordFieldSize;
+    messages?: Partial<PasswordFieldMessages>;
+    /** Replaces the built-in eye; rendered decoratively inside the toggle. */
+    revealIcon?: (revealed: boolean) => ReactNode;
+    slotProps?: PasswordFieldSlotProps;
+}
+export declare function PasswordField({ ref, value, defaultValue, onChange, onValueChange, revealed: revealedProp, defaultRevealed, onRevealedChange, label, description, error, size, messages: messagesProp, revealIcon, slotProps, className, sx, dir, disabled, required, form, id: idProp, 'aria-labelledby': ariaLabelledByProp, 'aria-describedby': ariaDescribedByProp, 'aria-invalid': ariaInvalidProp, ...rest }: PasswordFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace PasswordField {
+    var displayName: string;
+}

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

@@ -12,7 +12,7 @@ export interface PopoverTriggerProps extends ComponentPropsWithRef<'button'>, Sx
 }
 export interface PopoverContentProps extends ComponentPropsWithRef<'div'>, SxProps {
 }
-declare function PopoverRoot({ open: openProp, defaultOpen, onOpenChange, placement, children, }: PopoverProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function PopoverRoot(props: PopoverProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare function PopoverTrigger({ ref, className, sx, ...props }: PopoverTriggerProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare function PopoverContent({ ref, style, className, sx, ...rest }: PopoverContentProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
 export declare const Popover: typeof PopoverRoot & {

package/dist/types/components/radio-cards/index.d.ts

@@ -0,0 +1 @@
+export { RadioCards, type RadioCardsProps, type RadioCardsItemProps, type RadioCardsLabelProps, type RadioCardsDescriptionProps, type RadioCardsPartProps, type RadioCardsLayout, type RadioCardsSize, } from './radio-cards';

package/dist/types/components/radio-cards/radio-cards.d.ts

@@ -0,0 +1,42 @@
+import { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type CSSProperties, type ReactNode } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+import { type SxProps } from '../../styling/sx';
+export type RadioCardsLayout = 'grid' | 'list';
+export type RadioCardsSize = 'sm' | 'md';
+export interface RadioCardsProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'defaultValue'>, SxProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    error?: ReactNode;
+    layout?: RadioCardsLayout;
+    minColumnWidth?: CSSProperties['inlineSize'];
+    size?: RadioCardsSize;
+}
+export type RadioCardsPartProps = ComponentPropsWithoutRef<'span'> & {
+    css?: Interpolation<Theme>;
+};
+export interface RadioCardsItemProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'size' | 'children'>, SxProps {
+    value: string;
+    label: ReactNode;
+    description?: ReactNode;
+    meta?: ReactNode;
+    icon?: ReactNode;
+    disabledReason?: ReactNode;
+    slotProps?: Partial<Record<'control' | 'indicator' | 'icon' | 'label' | 'description' | 'meta', RadioCardsPartProps>>;
+}
+export type RadioCardsLabelProps = ComponentPropsWithRef<'span'> & SxProps;
+export type RadioCardsDescriptionProps = ComponentPropsWithRef<'span'> & SxProps;
+declare function RadioCardsRoot({ ref, value: valueProp, defaultValue, onValueChange, name: nameProp, required, disabled, invalid, error, layout, minColumnWidth, size, className, sx, style, children, onKeyDown, 'aria-labelledby': labelledBy, 'aria-describedby': describedBy, 'aria-invalid': ariaInvalid, ...rest }: RadioCardsProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function RadioCardsItem({ ref, value, label, description, meta, icon, disabledReason, dir, disabled: disabledProp, required: requiredProp, onChange, slotProps, className, sx, 'aria-label': ariaLabel, 'aria-labelledby': labelledBy, 'aria-describedby': describedBy, 'aria-invalid': ariaInvalid, ...rest }: RadioCardsItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function RadioCardsLabel(props: RadioCardsLabelProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function RadioCardsDescription(props: RadioCardsDescriptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RadioCards: typeof RadioCardsRoot & {
+    Item: typeof RadioCardsItem;
+    Label: typeof RadioCardsLabel;
+    Description: typeof RadioCardsDescription;
+};
+export {};

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

@@ -26,7 +26,7 @@ export interface RadioGroupRadioProps extends Omit<ComponentPropsWithRef<'input'
     };
 }
 declare function RadioGroupRoot({ ref, value: valueProp, defaultValue, onValueChange, name: nameProp, disabled, orientation, className, sx, ...rest }: RadioGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
-declare function RadioGroupRadio({ ref, value, label, description, disabled: disabledProp, onChange, slotProps, className, sx, 'aria-labelledby': ariaLabelledByProp, 'aria-describedby': ariaDescribedByProp, ...rest }: RadioGroupRadioProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function RadioGroupRadio({ ref, value, label, description, disabled: disabledProp, onChange, slotProps, className, sx, dir, 'aria-labelledby': ariaLabelledByProp, 'aria-describedby': ariaDescribedByProp, ...rest }: RadioGroupRadioProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const RadioGroup: typeof RadioGroupRoot & {
     Radio: typeof RadioGroupRadio;
 };

package/dist/types/components/resizable-panels/index.d.ts

@@ -0,0 +1,2 @@
+export { ResizablePanels } from './resizable-panels';
+export type { ResizablePanelsPanelProps, ResizablePanelsProps, ResizablePanelsSeparatorProps, ResizablePanelsSlotProps, } from './resizable-panels';

package/dist/types/components/resizable-panels/resizable-panels.d.ts

@@ -0,0 +1,42 @@
+import { type ComponentPropsWithRef } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+import { type SxProps } from '../../styling/sx';
+export type ResizablePanelsSeparatorProps = ComponentPropsWithRef<'div'> & {
+    css?: Interpolation<Theme>;
+};
+export interface ResizablePanelsSlotProps {
+    /** Applied to every generated separator. */
+    separator?: ResizablePanelsSeparatorProps;
+}
+export interface ResizablePanelsProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange'>, SxProps {
+    /** Controlled weights, one per panel in order. A zero collapses a collapsible panel. */
+    value?: readonly number[];
+    /** Initial weights; equal weights when omitted. */
+    defaultValue?: readonly number[];
+    /** Requested layout as percentages totalling 100; drags request at most once per frame. */
+    onValueChange?: (shares: number[]) => void;
+    /** Completed key press, reset or pointer release. */
+    onValueCommit?: (shares: number[]) => void;
+    disabled?: boolean;
+    /** Locale for the default separator value text. */
+    locale?: Intl.LocalesArgument;
+    /** Separator value text for the primary panel's share (percent of the usable extent). */
+    getValueText?: (share: number, panelValue: string, collapsed: boolean) => string;
+    slotProps?: ResizablePanelsSlotProps;
+}
+export interface ResizablePanelsPanelProps extends ComponentPropsWithRef<'div'>, SxProps {
+    /** Stable identifier, unique within the group. */
+    value: string;
+    /** Smallest open width in px. */
+    minSize?: number;
+    /** Largest width in px. */
+    maxSize?: number;
+    /** Allows the panel to collapse to zero width. */
+    collapsible?: boolean;
+}
+declare function ResizablePanelsRoot({ ref, children, value, defaultValue, onValueChange, onValueCommit, disabled, locale, getValueText, slotProps, className, sx, ...rest }: ResizablePanelsProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function ResizablePanelsPanel({ ref, value: _value, minSize: _minSize, maxSize: _maxSize, collapsible: _collapsible, className, sx, style, children, ...rest }: ResizablePanelsPanelProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ResizablePanels: typeof ResizablePanelsRoot & {
+    Panel: typeof ResizablePanelsPanel;
+};
+export {};

package/dist/types/components/scroll-area/index.d.ts

@@ -0,0 +1,2 @@
+export { ScrollArea } from './scroll-area';
+export type { ScrollAreaProps, ScrollAreaEdges, ScrollAreaSlotProps } from './scroll-area';

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

@@ -0,0 +1,34 @@
+import { type ComponentPropsWithRef, type CSSProperties, type UIEvent } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+import { type SxProps } from '../../styling/sx';
+export interface ScrollAreaEdges {
+    top: boolean;
+    bottom: boolean;
+    left: boolean;
+    right: boolean;
+}
+type Slot = ComponentPropsWithRef<'div'> & {
+    css?: Interpolation<Theme>;
+};
+export interface ScrollAreaSlotProps {
+    viewport?: Slot;
+    track?: Slot;
+    thumb?: Slot;
+}
+export interface ScrollAreaProps extends Omit<ComponentPropsWithRef<'div'>, 'onScroll'>, SxProps {
+    orientation?: 'vertical' | 'horizontal' | 'both';
+    fade?: number;
+    scrollbars?: 'auto' | 'always' | 'native';
+    hideDelay?: number;
+    maxBlockSize?: CSSProperties['maxBlockSize'];
+    snap?: CSSProperties['scrollSnapType'];
+    wheelToHorizontal?: boolean;
+    onScroll?: (event: UIEvent<HTMLDivElement>) => void;
+    onEdgeChange?: (edges: ScrollAreaEdges) => void;
+    slotProps?: ScrollAreaSlotProps;
+}
+export declare function ScrollArea({ ref, children, className, sx, orientation, fade, scrollbars, hideDelay, maxBlockSize, snap, wheelToHorizontal, onScroll, onEdgeChange, slotProps, ...rest }: ScrollAreaProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace ScrollArea {
+    var displayName: string;
+}
+export {};

package/dist/types/components/search-field/index.d.ts

@@ -0,0 +1 @@
+export { SearchField, type SearchFieldProps, type SearchFieldSize, type SearchFieldMessages, type SearchFieldSlotProps } from './search-field';

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

@@ -0,0 +1,31 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type SxProps } from '../../styling/sx';
+import { type FieldPartProps, type FieldSlotProps } from '../field/field-anatomy';
+export type SearchFieldSize = 'sm' | 'md' | 'lg';
+export interface SearchFieldMessages {
+    clear: string;
+}
+export interface SearchFieldSlotProps extends FieldSlotProps {
+    shell?: FieldPartProps;
+    icon?: FieldPartProps;
+    clearSlot?: FieldPartProps;
+    clear?: FieldPartProps;
+}
+export interface SearchFieldProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size' | 'value' | 'defaultValue' | 'children'>, SxProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    label?: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+    size?: SearchFieldSize;
+    clearable?: boolean;
+    messages?: Partial<SearchFieldMessages>;
+    searchIcon?: ReactNode;
+    clearIcon?: ReactNode;
+    slotProps?: SearchFieldSlotProps;
+}
+export declare function SearchField({ ref, value, defaultValue, onValueChange, label, description, error, size, clearable, messages, searchIcon, clearIcon, slotProps, className, sx, dir, required, disabled, readOnly, onChange, onKeyDown, id, 'aria-describedby': describedBy, 'aria-invalid': invalid, ...rest }: SearchFieldProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace SearchField {
+    var displayName: string;
+}

package/dist/types/components/segmented-control/index.d.ts

@@ -0,0 +1,2 @@
+export { SegmentedControl } from './segmented-control';
+export type { SegmentedControlProps, SegmentedControlItemProps, SegmentedControlSize, SegmentedControlVariant, } from './segmented-control';

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

@@ -0,0 +1,32 @@
+import { type ComponentPropsWithRef, type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+import { type SxProps } from '../../styling/sx';
+export type SegmentedControlSize = 'sm' | 'md' | 'lg';
+export type SegmentedControlVariant = 'solid' | 'soft';
+type SlotProps<Element extends 'div' | 'span'> = ComponentPropsWithoutRef<Element> & {
+    css?: Interpolation<Theme>;
+};
+export interface SegmentedControlProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange'>, SxProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    size?: SegmentedControlSize;
+    variant?: SegmentedControlVariant;
+    label?: string;
+    onOptionIntent?: (value: string) => void;
+    slotProps?: {
+        track?: SlotProps<'div'>;
+        selection?: SlotProps<'span'>;
+    };
+}
+export interface SegmentedControlItemProps extends Omit<ComponentPropsWithRef<'button'>, 'value'>, SxProps {
+    value: string;
+    accessory?: ReactNode;
+}
+declare function SegmentedControlRoot({ ref, value: valueProp, defaultValue, onValueChange, disabled, size, variant, label, onOptionIntent, slotProps, className, sx, children, onKeyDown, ...rest }: SegmentedControlProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function SegmentedControlItem({ ref, value, accessory, children, disabled: itemDisabled, className, sx, onClick, onFocus, onPointerEnter, 'aria-labelledby': labelledBy, 'aria-describedby': describedBy, ...rest }: SegmentedControlItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SegmentedControl: typeof SegmentedControlRoot & {
+    Item: typeof SegmentedControlItem;
+};
+export {};

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

@@ -29,7 +29,7 @@ export interface SelectItemProps extends ComponentPropsWithRef<'div'>, SxProps {
     value: string;
     disabled?: boolean;
 }
-declare function SelectRoot({ value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, placement, disabled, name, children, }: SelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare function SelectRoot(props: SelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare function SelectTrigger({ ref, id: idProp, disabled: disabledProp, onKeyDown, className, sx, ...rest }: SelectTriggerProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare function SelectValue({ ref, placeholder, className, sx, ...rest }: SelectValueProps): import("@emotion/react/jsx-runtime").JSX.Element;
 declare function SelectContent({ ref, style, onMouseDown, children, className, sx, ...rest }: SelectContentProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/types/components/signature-pad/index.d.ts

@@ -0,0 +1,2 @@
+export { SignaturePad, SignatureExportError, signatureToPng, signatureToSvg } from './signature-pad';
+export type { InkColor, InkWidth, SignaturePoint, SignatureStroke, SignatureExportOptions, SignatureAction, SignaturePadMessages, SignaturePadPartProps, SignaturePadSlotProps, SignaturePadHandle, SignaturePadProps, } from './signature-pad';

package/dist/types/components/signature-pad/signature-pad.d.ts

@@ -0,0 +1,104 @@
+import { type ComponentPropsWithRef, type ReactNode, type Ref } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+import { type SxProps } from '../../styling/sx';
+export type InkColor = 'black' | 'blue' | 'violet';
+export type InkWidth = 'fine' | 'medium' | 'bold';
+export interface SignaturePoint {
+    x: number;
+    y: number;
+    pressure: number | null;
+    time: number;
+}
+export interface SignatureStroke {
+    id: string;
+    points: SignaturePoint[];
+    color: InkColor;
+    width: InkWidth;
+    startTime: number;
+}
+export interface SignatureExportOptions {
+    crop?: boolean;
+    scale?: number;
+}
+export type SignatureAction = 'undo' | 'redo' | 'clear' | 'replay' | 'stop' | 'png' | 'svg';
+export interface SignaturePadMessages {
+    ink: string;
+    nib: string;
+    colors: Record<InkColor, string>;
+    widths: Record<InkWidth, string>;
+    actions: Record<SignatureAction, string>;
+    empty: string;
+    signed: string;
+    roleDescription: string;
+    fallback: string;
+    shortcuts: string;
+    required: string;
+    added: string;
+    undone: string;
+    redone: string;
+    cleared: string;
+    reset: string;
+    replayComplete: string;
+    exported: string;
+    exportFailed: string;
+}
+export interface SignaturePadPartProps {
+    className?: string;
+    css?: Interpolation<Theme>;
+}
+export type SignaturePadSlotProps = Partial<Record<'root' | 'label' | 'canvas' | 'guide' | 'toolbar' | 'action' | 'description' | 'error' | 'status', SignaturePadPartProps>>;
+export interface SignaturePadHandle {
+    focus(): void;
+    clear(): void;
+    undo(): void;
+    redo(): void;
+    replay(): void;
+    stopReplay(): void;
+    toDataURL(options?: SignatureExportOptions): string;
+    toBlob(options?: SignatureExportOptions): Promise<Blob>;
+    toSvg(options?: SignatureExportOptions): string;
+}
+export interface SignaturePadProps extends Omit<ComponentPropsWithRef<'canvas'>, 'onChange' | 'defaultValue' | 'width' | 'height' | 'color' | 'children'>, SxProps {
+    value?: SignatureStroke[];
+    defaultValue?: SignatureStroke[];
+    onValueChange?: (value: SignatureStroke[]) => void;
+    color?: InkColor;
+    defaultColor?: InkColor;
+    onColorChange?: (color: InkColor) => void;
+    width?: InkWidth;
+    defaultWidth?: InkWidth;
+    onWidthChange?: (width: InkWidth) => void;
+    label?: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+    signer?: ReactNode;
+    hint?: ReactNode;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    replay?: boolean;
+    download?: boolean;
+    fileName?: string;
+    historyLimit?: number;
+    messages: SignaturePadMessages;
+    icons?: Partial<Record<SignatureAction, ReactNode>>;
+    exportOptions?: SignatureExportOptions;
+    apiRef?: Ref<SignaturePadHandle>;
+    slotProps?: SignaturePadSlotProps;
+}
+export declare class SignatureExportError extends Error {
+    readonly code: 'empty' | 'invalid' | 'size' | 'encoder';
+    constructor(code: 'empty' | 'invalid' | 'size' | 'encoder', message: string);
+}
+/** Transparent PNG from normalized samples; guides and preview theme are excluded. */
+export declare function signatureToPng(strokes: SignatureStroke[], options?: SignatureExportOptions): Promise<Blob>;
+/** The same midpoint-quadratic segments and round caps used by Canvas, with fixed print ink. */
+export declare function signatureToSvg(strokes: SignatureStroke[], options?: SignatureExportOptions): string;
+/** Pointer-only handwriting. Consuming forms must offer typed-name or upload alternatives.
+ * Canvas shortcuts: Mod+Z undo, Shift+Mod+Z/Mod+Y redo, Delete clear, Escape cancel/stop.
+ * Samples use 600×260 coordinates; pressure changes round line widths, not speed-based taper.
+ * This artifact does not establish identity, consent, or legal validity. */
+export declare function SignaturePad({ ref, apiRef, value: valueProp, defaultValue, onValueChange, color: colorProp, defaultColor, onColorChange, width: widthProp, defaultWidth, onWidthChange, label, description, error, signer, hint, disabled, readOnly, required, replay: showReplay, download, fileName, historyLimit, messages, icons, exportOptions, slotProps, className, sx, dir, style, onPointerDown, onPointerMove, onPointerUp, onPointerCancel, onLostPointerCapture, onKeyDown, 'aria-labelledby': labelledBy, 'aria-describedby': describedBy, ...rest }: SignaturePadProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace SignaturePad {
+    var displayName: string;
+}

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

@@ -0,0 +1 @@
+export { Slider, type SliderProps, type SliderValue, type SliderMark, type SliderSize, type SliderSlotProps, } from './slider';

package/dist/types/components/slider/slider-style.d.ts

@@ -0,0 +1,14 @@
+export declare const sliderRootStyle: import("@emotion/react").SerializedStyles;
+export declare const sliderHeaderStyle: import("@emotion/react").SerializedStyles;
+export declare const sliderLabelStyle: import("@emotion/react").SerializedStyles;
+export declare const sliderReadoutStyle: import("@emotion/react").SerializedStyles;
+export declare const sliderDescriptionStyle: import("@emotion/react").SerializedStyles;
+export declare const sliderErrorStyle: import("@emotion/react").SerializedStyles;
+export declare const sliderRowStyle: import("@emotion/react").SerializedStyles;
+export declare const sliderControlStyle: import("@emotion/react").SerializedStyles;
+export declare const sliderSizeStyles: {
+    sm: import("@emotion/react").SerializedStyles;
+    md: import("@emotion/react").SerializedStyles;
+};
+export declare const sliderMarksStyle: import("@emotion/react").SerializedStyles;
+export declare const sliderMarkStyle: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,62 @@
+import { type ComponentPropsWithRef, type ReactNode } from 'react';
+import { type SxProps } from '../../styling/sx';
+import { type SliderMark, type SliderPart as Part } from './use-slider-interaction';
+export type { SliderMark, SliderValue } from './use-slider-interaction';
+export type SliderSize = 'sm' | 'md';
+export interface SliderSlotProps {
+    label?: Part<'span'>;
+    readout?: Part<'span'>;
+    description?: Part<'div'>;
+    error?: Part<'div'>;
+    control?: Part<'div'>;
+    track?: Part<'div'>;
+    fill?: Part<'div'>;
+    thumb?: Part<'div'> | ((index: number) => Part<'div'>);
+    bubble?: Part<'span'>;
+    mark?: Part<'button'> | ((index: number) => Part<'button'>);
+    start?: Part<'div'>;
+    end?: Part<'div'>;
+}
+interface SliderCommonProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue' | 'onChange' | 'children'>, SxProps {
+    label: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+    invalid?: boolean;
+    disabled?: boolean;
+    min?: number;
+    max?: number;
+    step?: number;
+    largeStep?: number;
+    marks?: readonly SliderMark[];
+    locale?: Intl.LocalesArgument;
+    formatOptions?: Intl.NumberFormatOptions;
+    formatValue?: (value: number, formatter: Intl.NumberFormat) => string;
+    showValue?: boolean;
+    start?: ReactNode;
+    end?: ReactNode;
+    size?: SliderSize;
+    slotProps?: SliderSlotProps;
+}
+export type SliderProps = SliderCommonProps & ({
+    type?: 'single';
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+    onValueCommit?: (value: number) => void;
+    name?: string;
+    thumbLabels?: never;
+    minStepsBetweenThumbs?: never;
+} | {
+    type: 'range';
+    value?: readonly [number, number];
+    defaultValue?: readonly [number, number];
+    onValueChange?: (value: readonly [number, number]) => void;
+    onValueCommit?: (value: readonly [number, number]) => void;
+    name?: string | readonly [string, string];
+    thumbLabels: readonly [string, string];
+    minStepsBetweenThumbs?: number;
+});
+export declare function Slider(props: SliderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare namespace Slider {
+    var displayName: string;
+}