@jfrader/ui 0.0.0-stage → 0.1.1

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

@@ -0,0 +1,14 @@
+import { type HTMLAttributes } from 'react';
+export interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    page: number;
+    totalPages: number;
+    onPageChange?: (page: number) => void;
+    /** Pages shown on each side of the current page. */
+    siblingCount?: number;
+    /** Accessible name of the navigation landmark. */
+    label?: string;
+    previousLabel?: string;
+    nextLabel?: string;
+    locale?: string;
+}
+export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,2 @@
+export { Pill } from './pill';
+export type { PillProps, PillTone } from './pill';

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

@@ -0,0 +1,6 @@
+import { type HTMLAttributes } from 'react';
+export type PillTone = 'neutral' | 'accent' | 'success' | 'warning' | 'danger';
+export interface PillProps extends HTMLAttributes<HTMLSpanElement> {
+    tone?: PillTone;
+}
+export declare const Pill: import("react").ForwardRefExoticComponent<PillProps & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,2 @@
+export { Popover } from './popover';
+export type { PopoverContentProps, PopoverProps, PopoverTriggerProps } from './popover';

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

@@ -0,0 +1,19 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';
+import { type Placement } from '@floating-ui/react';
+export interface PopoverProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: Placement;
+    children?: ReactNode;
+}
+export interface PopoverTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+}
+export interface PopoverContentProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare function PopoverRoot({ open: openProp, defaultOpen, onOpenChange, placement, children, }: PopoverProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Popover: typeof PopoverRoot & {
+    Trigger: import("react").ForwardRefExoticComponent<PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export {};

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

@@ -0,0 +1,2 @@
+export { Progress } from './progress';
+export type { ProgressPartProps, ProgressProps } from './progress';

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

@@ -0,0 +1,19 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+export interface ProgressPartProps {
+    className?: string;
+    css?: Interpolation<Theme>;
+}
+export interface ProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Current value in `0..max`; leave undefined for indeterminate progress. */
+    value?: number;
+    max?: number;
+    /** Accessible name, rendered visually hidden. */
+    label?: ReactNode;
+    /** Human-readable value for assistive tech (aria-valuetext). */
+    getValueLabel?: (value: number, max: number) => string;
+    slotProps?: {
+        indicator?: ProgressPartProps;
+    };
+}
+export declare const Progress: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export { RadioGroup } from './radio-group';
+export type { RadioGroupOrientation, RadioGroupProps, RadioGroupRadioPartProps, RadioGroupRadioProps, } from './radio-group';

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

@@ -0,0 +1,29 @@
+import { type HTMLAttributes, type InputHTMLAttributes, type ReactNode } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+export type RadioGroupOrientation = 'vertical' | 'horizontal';
+export interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    name?: string;
+    disabled?: boolean;
+    orientation?: RadioGroupOrientation;
+}
+export interface RadioGroupRadioPartProps {
+    className?: string;
+    css?: Interpolation<Theme>;
+}
+export interface RadioGroupRadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'value' | 'name' | 'checked' | 'defaultChecked' | 'size'> {
+    value: string;
+    label?: ReactNode;
+    description?: ReactNode;
+    slotProps?: {
+        root?: RadioGroupRadioPartProps;
+        label?: RadioGroupRadioPartProps;
+        control?: RadioGroupRadioPartProps;
+        description?: RadioGroupRadioPartProps;
+    };
+}
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Radio: import("react").ForwardRefExoticComponent<RadioGroupRadioProps & import("react").RefAttributes<HTMLInputElement>>;
+};

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

@@ -0,0 +1,2 @@
+export { Select } from './select';
+export type { SelectContentProps, SelectItemProps, SelectProps, SelectTriggerProps, SelectValueProps } from './select';

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

@@ -0,0 +1,38 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';
+import { type Placement } from '@floating-ui/react';
+export interface SelectProps {
+    value?: string;
+    defaultValue?: string;
+    /** Fires once per accepted selection with the option's `value`. */
+    onValueChange?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: Placement;
+    disabled?: boolean;
+    /** Renders a hidden input so the value takes part in native form submission. */
+    name?: string;
+    children?: ReactNode;
+}
+export interface SelectTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    id?: string;
+}
+export interface SelectValueProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Shown when no option matches the selected value. */
+    placeholder?: ReactNode;
+}
+export interface SelectContentProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface SelectItemProps extends HTMLAttributes<HTMLDivElement> {
+    /** Unique within the select. */
+    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;
+export declare const Select: typeof SelectRoot & {
+    Trigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Value: import("react").ForwardRefExoticComponent<SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Content: import("react").ForwardRefExoticComponent<SelectContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export {};

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

@@ -0,0 +1,2 @@
+export { Skeleton } from './skeleton';
+export type { SkeletonProps } from './skeleton';

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

@@ -0,0 +1,11 @@
+import { type HTMLAttributes } from 'react';
+type Length = number | string;
+export interface SkeletonProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    width?: Length;
+    height?: Length;
+    /** Round placeholder; height follows width unless `height` is given. */
+    circle?: boolean;
+    radius?: Length;
+}
+export declare const Skeleton: import("react").ForwardRefExoticComponent<SkeletonProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

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

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

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

@@ -0,0 +1,8 @@
+import { type HTMLAttributes } from 'react';
+export type SpinnerSize = 'sm' | 'md' | 'lg';
+export interface SpinnerProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    size?: SpinnerSize;
+    /** Accessible text announced for the status region. */
+    label?: string;
+}
+export declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,3 @@
+export { Stack } from './stack';
+export type { StackAlign, StackProps } from './stack';
+export type { FlexJustify, LayoutSpace } from '../../styling/layout-style';

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

@@ -0,0 +1,7 @@
+import { type FlexAlign } from '../../styling/layout-style';
+import type { FlexProps } from '../flex';
+export type StackAlign = Exclude<FlexAlign, 'baseline'>;
+export interface StackProps extends Omit<FlexProps, 'direction' | 'inline' | 'align'> {
+    align?: StackAlign;
+}
+export declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export { Switch } from './switch';
+export type { SwitchProps, SwitchPartProps, SwitchSize } from './switch';

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

@@ -0,0 +1,20 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import { type Interpolation, type Theme } from '../../styling/css';
+export type SwitchSize = 'sm' | 'md';
+export interface SwitchPartProps {
+    className?: string;
+    css?: Interpolation<Theme>;
+}
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    label?: ReactNode;
+    description?: ReactNode;
+    size?: SwitchSize;
+    onCheckedChange?: (checked: boolean) => void;
+    slotProps?: {
+        root?: SwitchPartProps;
+        label?: SwitchPartProps;
+        control?: SwitchPartProps;
+        description?: SwitchPartProps;
+    };
+}
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,2 @@
+export { Tabs } from './tabs';
+export type { TabsActivation, TabsListProps, TabsOrientation, TabsPanelProps, TabsProps, TabsTabProps } from './tabs';

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

@@ -0,0 +1,22 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes } from 'react';
+export type TabsOrientation = 'horizontal' | 'vertical';
+export type TabsActivation = 'auto' | 'manual';
+export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    orientation?: TabsOrientation;
+    activation?: TabsActivation;
+}
+export type TabsListProps = HTMLAttributes<HTMLDivElement>;
+export interface TabsTabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    value: string;
+}
+export interface TabsPanelProps extends HTMLAttributes<HTMLDivElement> {
+    value: string;
+}
+export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>> & {
+    List: import("react").ForwardRefExoticComponent<TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
+    Tab: import("react").ForwardRefExoticComponent<TabsTabProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Panel: import("react").ForwardRefExoticComponent<TabsPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+};

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

@@ -0,0 +1,2 @@
+export { TextField } from './text-field';
+export type { TextFieldPartProps, TextFieldProps, TextFieldSize } from './text-field';

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

@@ -0,0 +1,14 @@
+import { type InputHTMLAttributes, type ReactNode } from 'react';
+import { type FieldPartProps, type FieldSlotProps } from '../field/field-anatomy';
+export type TextFieldSize = 'sm' | 'md' | 'lg';
+export interface TextFieldPartProps extends FieldPartProps {
+}
+export interface TextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    label?: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+    size?: TextFieldSize;
+    onValueChange?: (value: string) => void;
+    slotProps?: FieldSlotProps<TextFieldPartProps>;
+}
+export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,2 @@
+export { Textarea } from './textarea';
+export type { TextareaPartProps, TextareaProps, TextareaResize, TextareaSize } from './textarea';

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

@@ -0,0 +1,17 @@
+import { type ReactNode, type TextareaHTMLAttributes } from 'react';
+import { type FieldPartProps, type FieldSlotProps } from '../field/field-anatomy';
+export type TextareaSize = 'sm' | 'md' | 'lg';
+export type TextareaResize = 'none' | 'vertical';
+export interface TextareaPartProps extends FieldPartProps {
+}
+export interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
+    size?: TextareaSize;
+    resize?: TextareaResize;
+    autoResize?: boolean;
+    onValueChange?: (value: string) => void;
+    slotProps?: FieldSlotProps<TextareaPartProps>;
+}
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/types/components/theme-root/index.d.ts

@@ -0,0 +1,2 @@
+export { ThemeRoot } from './theme-root';
+export type { ThemeName, ThemeRootProps } from './theme-root';

package/dist/types/components/theme-root/theme-root.d.ts

@@ -0,0 +1,7 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+export type ThemeName = 'dark' | 'light';
+export interface ThemeRootProps extends HTMLAttributes<HTMLDivElement> {
+    theme?: ThemeName;
+    children?: ReactNode;
+}
+export declare const ThemeRoot: import("react").ForwardRefExoticComponent<ThemeRootProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export { Toast, useToast } from './toast';
+export type { ToastAction, ToastApi, ToastOptions, ToastProviderProps, ToastTone, ToastViewportProps, } from './toast';

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

@@ -0,0 +1,37 @@
+import { type HTMLAttributes, type MouseEvent, type ReactNode } from 'react';
+export type ToastTone = 'neutral' | 'success' | 'danger';
+export interface ToastAction {
+    label: string;
+    /** Runs on click; the toast then dismisses unless the handler calls `event.preventDefault()`. */
+    onClick: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+export interface ToastOptions {
+    title?: ReactNode;
+    description?: ReactNode;
+    tone?: ToastTone;
+    /** Milliseconds before auto-dismiss; `null` persists until dismissed. Defaults to the provider's. */
+    duration?: number | null;
+    action?: ToastAction;
+}
+export interface ToastProviderProps {
+    children?: ReactNode;
+    /** Maximum toasts kept; adding past it removes the oldest immediately. */
+    max?: number;
+    /** Default delay, captured at enqueue time; changes do not retime existing toasts. */
+    duration?: number;
+    /** Accessible label for each toast's close button. */
+    dismissLabel?: string;
+}
+export interface ToastViewportProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface ToastApi {
+    toast: (options: ToastOptions) => string;
+    dismiss: (id: string) => void;
+}
+export declare function useToast(): ToastApi;
+declare function ToastProvider({ children, max, duration, dismissLabel, }: ToastProviderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Toast: typeof ToastProvider & {
+    Provider: typeof ToastProvider;
+    Viewport: import("react").ForwardRefExoticComponent<ToastViewportProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export {};

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

@@ -0,0 +1,2 @@
+export { ToggleGroup } from './toggle-group';
+export type { ToggleGroupItemProps, ToggleGroupMultipleProps, ToggleGroupOrientation, ToggleGroupProps, ToggleGroupSingleProps, ToggleGroupType, } from './toggle-group';

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

@@ -0,0 +1,29 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes } from 'react';
+export type ToggleGroupType = 'single' | 'multiple';
+export type ToggleGroupOrientation = 'horizontal' | 'vertical';
+interface ToggleGroupBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    orientation?: ToggleGroupOrientation;
+    disabled?: boolean;
+    allowEmpty?: boolean;
+    label?: string;
+}
+export interface ToggleGroupSingleProps extends ToggleGroupBaseProps {
+    type?: 'single';
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+}
+export interface ToggleGroupMultipleProps extends ToggleGroupBaseProps {
+    type: 'multiple';
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+}
+export type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
+export interface ToggleGroupItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
+    value: string;
+}
+export declare const ToggleGroup: import("react").ForwardRefExoticComponent<ToggleGroupProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Item: import("react").ForwardRefExoticComponent<ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export {};

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

@@ -0,0 +1,2 @@
+export { Tooltip } from './tooltip';
+export type { TooltipContentProps, TooltipProps, TooltipTriggerProps } from './tooltip';

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

@@ -0,0 +1,23 @@
+import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';
+import { type Placement } from '@floating-ui/react';
+export interface TooltipProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: Placement;
+    /** Hover delay before opening, in ms. Keyboard focus opens immediately. */
+    openDelay?: number;
+    /** Delay before closing after the pointer leaves trigger and content, in ms. */
+    closeDelay?: number;
+    children?: ReactNode;
+}
+export interface TooltipTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+}
+export interface TooltipContentProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare function TooltipRoot({ open: openProp, defaultOpen, onOpenChange, placement, openDelay, closeDelay, children, }: TooltipProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Tooltip: typeof TooltipRoot & {
+    Trigger: import("react").ForwardRefExoticComponent<TooltipTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<TooltipContentProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,36 @@
+export * from './components/accordion';
+export * from './components/alert';
+export * from './components/avatar';
+export * from './components/badge';
+export * from './components/breadcrumbs';
+export * from './components/button';
+export * from './components/calendar';
+export * from './components/card';
+export * from './components/checkbox';
+export * from './components/command-palette';
+export * from './components/combobox';
+export * from './components/container';
+export * from './components/date-picker';
+export * from './components/dialog';
+export * from './components/divider';
+export * from './components/flex';
+export * from './components/kbd';
+export * from './components/menu';
+export * from './components/navigation';
+export * from './components/pagination';
+export * from './components/pill';
+export * from './components/popover';
+export * from './components/progress';
+export * from './components/radio-group';
+export * from './components/select';
+export * from './components/skeleton';
+export * from './components/spinner';
+export * from './components/stack';
+export * from './components/switch';
+export * from './components/tabs';
+export * from './components/text-field';
+export * from './components/textarea';
+export * from './components/theme-root';
+export * from './components/toast';
+export * from './components/toggle-group';
+export * from './components/tooltip';

package/dist/types/overlay/use-native-dialog.d.ts

@@ -0,0 +1,39 @@
+import { type ForwardedRef, type MouseEvent, type MouseEventHandler, type MutableRefObject, type ReactEventHandler, type SyntheticEvent } from 'react';
+/** What Content needs from its Root; both Roots expose it through their context. */
+export interface NativeDialogController {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    requestClose: () => void;
+    repairToken: number;
+    setDialogElement: (element: HTMLDialogElement | null) => void;
+}
+export interface NativeDialogHandlers {
+    onCancel?: ReactEventHandler<HTMLDialogElement>;
+    onClick?: MouseEventHandler<HTMLDialogElement>;
+    onClose?: ReactEventHandler<HTMLDialogElement>;
+}
+export declare function requestNativeDialogClose(dialog: HTMLDialogElement | null, setOpen: (open: boolean) => void): void;
+/** Root half: logical open requests, the repair token and the registered dialog element. */
+export declare function useNativeDialogRoot(open: boolean, requestOpenChange: (open: boolean) => void): {
+    dialogElementRef: import("react").RefObject<HTMLDialogElement | null>;
+    setDialogElement: (element: HTMLDialogElement | null) => void;
+    setOpen: (next: boolean) => void;
+    requestClose: () => void;
+    repairToken: number;
+};
+/** Root owns logical openness: a native `open` prop passed to Content is deliberately ignored. */
+export declare function omitNativeOpen<P extends object>(props: P & {
+    open?: unknown;
+}): Omit<P & {
+    open?: unknown;
+}, "open">;
+/**
+ * Content half: syncs the native dialog to the logical `open`, and returns the `ref` and
+ * event handlers to spread on the <dialog> (after the consumer's props).
+ */
+export declare function useNativeDialog({ open, setOpen, requestClose, repairToken, setDialogElement }: NativeDialogController, { onCancel, onClick, onClose }: NativeDialogHandlers, forwardedRef: ForwardedRef<HTMLDialogElement>, contentRef?: MutableRefObject<HTMLDialogElement | null>): {
+    ref: (element: HTMLDialogElement | null) => void;
+    onCancel: (event: SyntheticEvent<HTMLDialogElement>) => void;
+    onClick: (event: MouseEvent<HTMLDialogElement>) => void;
+    onClose: (event: SyntheticEvent<HTMLDialogElement>) => void;
+};

package/dist/types/overlay/use-overlay-floating.d.ts

@@ -0,0 +1,11 @@
+import { type OpenChangeReason, type Placement, type UseFloatingReturn } from '@floating-ui/react';
+export interface OverlayFloatingOptions {
+    open: boolean;
+    onOpenChange: (open: boolean, event?: Event, reason?: OpenChangeReason) => void;
+    placement: Placement;
+}
+/**
+ * Shared positioning for Popover, Tooltip and Menu. `autoUpdate` only runs while both
+ * elements are mounted, so a closed (unmounted) surface does no positioning work.
+ */
+export declare function useOverlayFloating({ open, onOpenChange, placement, }: OverlayFloatingOptions): UseFloatingReturn<HTMLButtonElement>;

package/dist/types/overlay/use-scroll-lock.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Blocks page scrolling while `active` is true.
+ * Pass `getDocument` for overlays mounted in another document (iframes).
+ */
+export declare function useScrollLock(active: boolean, getDocument?: () => Document | undefined): void;

package/dist/types/styling/choice-control.d.ts

@@ -0,0 +1,8 @@
+/** Column root layout and the checked accent fill on the visual span. */
+export declare const choiceRootStyle: import("@emotion/react").SerializedStyles;
+/** Focus ring on the visual span and the disabled look. */
+export declare const choiceRootStateStyle: import("@emotion/react").SerializedStyles;
+/** Row holding the input, the visual span and the label. */
+export declare const choiceRowStyle: import("@emotion/react").SerializedStyles;
+/** Transparent native input that stays operable and focusable. */
+export declare const choiceInputStyle: import("@emotion/react").SerializedStyles;

package/dist/types/styling/css.d.ts

@@ -0,0 +1,2 @@
+export { css, keyframes } from '@emotion/react';
+export type { Interpolation, SerializedStyles, Theme } from '@emotion/react';

package/dist/types/styling/disclosure-caret.d.ts

@@ -0,0 +1,9 @@
+export declare const disclosureCaret: {
+    content: string;
+    flexShrink: number;
+    borderBlock: string;
+    borderInlineStart: string;
+    transitionProperty: string;
+    transitionDuration: "var(--ui-motion-duration-base)";
+    transitionTimingFunction: "var(--ui-motion-ease-standard)";
+};

package/dist/types/styling/focus-ring.d.ts

@@ -0,0 +1,10 @@
+/** Ring drawn outside the element's border box. */
+export declare const focusRingOutset: {
+    outline: string;
+    outlineOffset: string;
+};
+/** Ring drawn inside the element's border box, for items packed edge to edge. */
+export declare const focusRingInset: {
+    outline: string;
+    outlineOffset: string;
+};

package/dist/types/styling/icon-wrapper.d.ts

@@ -0,0 +1 @@
+export declare const iconWrapperStyle: import("@emotion/react").SerializedStyles;

package/dist/types/styling/input-control.d.ts

@@ -0,0 +1 @@
+export declare const inputControlStyle: import("@emotion/react").SerializedStyles;

package/dist/types/styling/layout-style.d.ts

@@ -0,0 +1,26 @@
+import { type SerializedStyles } from './css';
+export declare const LAYOUT_SPACES: readonly ['none', 'xs', 'sm', 'md', 'lg', 'xl'];
+export type LayoutSpace = (typeof LAYOUT_SPACES)[number];
+export type FlexDirection = 'row' | 'column';
+export type FlexAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+export type FlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export interface LayoutProps {
+    direction?: FlexDirection;
+    wrap?: boolean;
+    inline?: boolean;
+    align?: FlexAlign;
+    justify?: FlexJustify;
+    gap?: LayoutSpace;
+}
+/** Layout space step → `vars.space` key (xs 4px, sm 8px, md 16px, lg 24px, xl 32px); `none` is 0. */
+export declare const LAYOUT_SPACE_TOKEN: {
+    readonly xs: 1;
+    readonly sm: 2;
+    readonly md: 4;
+    readonly lg: 6;
+    readonly xl: 8;
+};
+/** One precomputed style per space step for `property`. Call at module scope. */
+export declare function spaceStyles(property: 'gap' | 'paddingInline'): Record<LayoutSpace, SerializedStyles>;
+/** The flex recipe with its defaults; components pass only the options they own. */
+export declare function flexLayoutStyles({ direction, wrap, inline, align, justify, gap, }: LayoutProps): (false | SerializedStyles)[];

package/dist/types/styling/listbox-style.d.ts

@@ -0,0 +1,12 @@
+/** Popup surface of Menu, Select and Combobox. */
+export declare const listboxSurfaceStyle: import("@emotion/react").SerializedStyles;
+/** A surface that stays mounted while closed and scrolls past its maximum height. */
+export declare const listboxScrollStyle: import("@emotion/react").SerializedStyles;
+/** Virtual-focus option: the active option carries the focus ring. */
+export declare const listboxItemStyle: import("@emotion/react").SerializedStyles;
+/** Hover/active highlight that skips disabled items, and the disabled look. */
+export declare const listboxItemStateStyle: import("@emotion/react").SerializedStyles;
+/** Selectable option with a text part and a trailing check. */
+export declare const listboxOptionStyle: import("@emotion/react").SerializedStyles;
+export declare const listboxOptionTextStyle: import("@emotion/react").SerializedStyles;
+export declare const listboxOptionCheckStyle: import("@emotion/react").SerializedStyles;

package/dist/types/styling/loading-ring.d.ts

@@ -0,0 +1,14 @@
+/** Opacity pulse that replaces the rotation under reduced motion. */
+export declare const loadingRingPulse: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const loadingRing: {
+    display: string;
+    border: string;
+    borderInlineEndColor: string;
+    borderRadius: "var(--ui-radius-full)";
+    animation: string;
+};

package/dist/types/styling/media.d.ts

@@ -0,0 +1,2 @@
+export declare const REDUCED_MOTION = "@media (prefers-reduced-motion: reduce)";
+export declare const FORCED_COLORS = "@media (forced-colors: active)";