@acronis-platform/ui-react 0.57.0 → 0.58.0

package/dist/src/components/ui/dialog/dialog.d.ts

@@ -0,0 +1,135 @@
+import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const dialogContentVariants: (props?: ({
+    size?: "sm" | "large" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const DialogRoot: typeof DialogPrimitive.Root;
+declare const DialogTrigger: DialogPrimitive.Trigger;
+declare const DialogPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogClose: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface DialogContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Popup>, VariantProps<typeof dialogContentVariants> {
+    /**
+     * Popup max-width. `sm` (512px, default) is the Figma-defined size; `large`
+     * (832px) is a backward-compatibility size with no design token (see the
+     * `Large` story).
+     */
+    size?: VariantProps<typeof dialogContentVariants>['size'];
+    /**
+     * Render the content inside a portal (default `true`). Base UI requires the
+     * Popup to sit in a Portal for correct stacking; set `false` for inline usage
+     * (e.g. when the caller supplies its own `DialogPortal`, or in tests).
+     */
+    portal?: boolean;
+    /**
+     * Portal container. Pass a shadow-root mount for isolated-style previews
+     * (the docs demos do this via `useShadowMount`).
+     */
+    portalContainer?: DialogPrimitive.Portal.Props['container'];
+    /** Keep the content mounted while closed (Base UI `Portal` prop). */
+    keepMounted?: DialogPrimitive.Portal.Props['keepMounted'];
+}
+declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeaderRoot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogFooterRoot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogBodyRoot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export interface DialogCloseButtonProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close> {
+    /** Accessible name for screen readers. Defaults to `'Close'`. */
+    closeLabel?: string;
+}
+declare const DialogCloseButton: React.ForwardRefExoticComponent<DialogCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export type DialogVariant = 'default' | 'rename' | 'save changes' | 'reset password' | 'discard changes' | 'accept' | 'read-only' | 'wide';
+type DialogRootProps = React.ComponentPropsWithoutRef<typeof DialogRoot>;
+export interface DialogProps extends Omit<DialogRootProps, 'children'> {
+    /**
+     * Selects the canned title / body / footer preset. Defaults to `'default'`.
+     * `'wide'` is a legacy escape hatch (no canned preset) kept for backward
+     * compatibility — pair it with `size="large"` and the `footer` prop.
+     */
+    variant?: DialogVariant;
+    /**
+     * Show a spinner overlay across the body + footer, and make both `inert`
+     * (unfocusable, unclickable, hidden from assistive tech) so a keyboard user
+     * can't activate the visually obscured footer buttons while busy.
+     */
+    hasLoading?: boolean;
+    /**
+     * Overrides the loading overlay's accessible label. Defaults to `Loading`'s
+     * own default (`'Data is loading…'`). Ignored when `hasLoading` is `false`.
+     */
+    loadingLabel?: string;
+    /**
+     * Show the header (title + close button). Defaults to `true`. When `false`,
+     * the title is still rendered off-screen so the dialog keeps an accessible
+     * name — only the visible bar and close button are omitted. Beyond the
+     * strict Figma contract (all seven `DialogDefault` variants always show the
+     * header); a ui-react-only extension, like `wide`/`size="large"`.
+     */
+    hasHeader?: boolean;
+    /**
+     * Show the footer (action buttons). Defaults to `true`. Beyond the strict
+     * Figma contract (all seven `DialogDefault` variants always show the
+     * footer); a ui-react-only extension, like `wide`/`size="large"`. When
+     * `false`, `footer` (and the canned footer it would otherwise replace) is
+     * not rendered either.
+     */
+    hasFooter?: boolean;
+    /** Overrides the variant's default body content. */
+    children?: React.ReactNode;
+    /** Overrides the variant's default title. */
+    title?: string;
+    /**
+     * The real name of the object being acted on (e.g. a file or resource
+     * name). Interpolated into the `rename`/`discard changes`/`accept`
+     * variants' canned title/body in place of the generic placeholder text;
+     * ignored by variants that don't reference an object name.
+     */
+    objectName?: string;
+    /**
+     * Overrides the accessible name of the `rename` variant's text field
+     * (default `'Object name'`). Ignored by every other variant.
+     */
+    objectNameLabel?: string;
+    /**
+     * Overrides the variant's default secondary (dismiss) button label. Passing
+     * this for a variant with no secondary button by default (e.g. `read-only`)
+     * also makes the button appear. Ignored when `footer` is provided.
+     */
+    secondaryLabel?: string;
+    /** Overrides the variant's default primary button label. Ignored when `footer` is provided. */
+    primaryLabel?: string;
+    /**
+     * Fires when the primary footer button is clicked. The dialog does not
+     * close automatically afterwards — pair this with `open`/`onOpenChange` to
+     * close it once the action completes. Ignored when `footer` is provided
+     * (wire behavior onto your own buttons there instead).
+     */
+    onPrimaryAction?: () => void;
+    /**
+     * Replaces the footer's action content entirely with free-form buttons —
+     * the escape hatch the `wide` variant is meant to be paired with, for
+     * legacy call sites that don't fit one of the seven canned presets. Ignored
+     * (along with the canned footer) when `hasFooter` is `false`.
+     */
+    footer?: React.ReactNode;
+    /** Overrides the close button's accessible name. Defaults to `'Close'`. */
+    closeLabel?: string;
+    /**
+     * Popup max-width (forwarded to `DialogContent`). Defaults to `'sm'`, or to
+     * `'large'` when `variant` is `'wide'`.
+     */
+    size?: DialogContentProps['size'];
+    /** Render inside a portal (forwarded to `DialogContent`). Defaults to `true`. */
+    portal?: boolean;
+    /** Portal container (forwarded to `DialogContent`). */
+    portalContainer?: DialogContentProps['portalContainer'];
+    /** Keep the content mounted while closed (forwarded to `DialogContent`). */
+    keepMounted?: DialogContentProps['keepMounted'];
+    /** Extra classes merged onto the popup container. */
+    className?: string;
+}
+declare const Dialog: React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<HTMLDivElement>>;
+export { DialogRoot, DialogPortal, DialogOverlay, DialogClose, DialogCloseButton, DialogTrigger, DialogContent, DialogHeaderRoot, DialogFooterRoot, DialogTitle, DialogBodyRoot, DialogDescription, dialogContentVariants, Dialog, };

package/dist/src/components/ui/dialog/dialog.docs.d.ts

@@ -0,0 +1,101 @@
+import type * as React from 'react';
+/** Props for `DialogContent` — the portaled, centered dialog popup. */
+export interface DialogContentProps {
+    /** Popup max-width. `sm` (512px, default) is the Figma-defined size; `large` (832px) is a legacy backward-compatibility size. */
+    size?: 'sm' | 'large';
+    /**
+     * Render the content inside a portal (default `true`). Disable only when you
+     * supply your own `DialogPortal` ancestor (e.g. inline usage).
+     */
+    portal?: boolean;
+    /**
+     * Portal container. Pass a shadow-root mount for isolated-style previews
+     * (the docs demos do this via `useShadowMount`).
+     */
+    portalContainer?: HTMLElement | null;
+    /** Keep the content mounted while closed. */
+    keepMounted?: boolean;
+    /** Extra classes merged onto the popup. */
+    className?: string;
+    children?: React.ReactNode;
+}
+/** Props for `Dialog` — the public, variant-driven dialog recipe. */
+export interface DialogProps {
+    /**
+     * Selects the canned title / body / footer preset. Defaults to `'default'`.
+     * `'wide'` is a legacy escape hatch (no Figma preset) kept for backward
+     * compatibility — pair it with `size="large"` and the `footer` prop.
+     */
+    variant?: 'default' | 'rename' | 'save changes' | 'reset password' | 'discard changes' | 'accept' | 'read-only' | 'wide';
+    /**
+     * Show a spinner overlay across the body + footer, and make both `inert`
+     * so a keyboard user can't activate the obscured footer buttons.
+     */
+    hasLoading?: boolean;
+    /** Overrides the loading overlay's accessible label. Ignored when `hasLoading` is `false`. */
+    loadingLabel?: string;
+    /**
+     * Show the header (title + close button). Defaults to `true`. When `false`,
+     * the title is still rendered off-screen so the dialog keeps an accessible
+     * name — only the visible bar and close button are omitted.
+     */
+    hasHeader?: boolean;
+    /** Show the footer (action buttons). Defaults to `true`. When `false`, `footer` is not rendered either. */
+    hasFooter?: boolean;
+    /** Overrides the variant's default body content. */
+    children?: React.ReactNode;
+    /** Overrides the variant's default title. */
+    title?: string;
+    /**
+     * The real name of the object being acted on (e.g. a file or resource
+     * name). Interpolated into the `rename`/`discard changes`/`accept`
+     * variants' canned title/body in place of the generic placeholder text;
+     * ignored by variants that don't reference an object name.
+     */
+    objectName?: string;
+    /**
+     * Overrides the accessible name of the `rename` variant's text field
+     * (default `'Object name'`). Ignored by every other variant.
+     */
+    objectNameLabel?: string;
+    /**
+     * Overrides the variant's default secondary (dismiss) button label. Passing
+     * this on a variant with no secondary button by default (e.g. `read-only`)
+     * also makes the button appear. Ignored when `footer` is provided.
+     */
+    secondaryLabel?: string;
+    /** Overrides the variant's default primary button label. Ignored when `footer` is provided. */
+    primaryLabel?: string;
+    /**
+     * Fires when the primary footer button is clicked. The dialog does not
+     * close automatically afterwards — pair this with `open`/`onOpenChange` to
+     * close it once the action completes. Ignored when `footer` is provided.
+     */
+    onPrimaryAction?: () => void;
+    /**
+     * Replaces the footer's action content entirely with free-form buttons —
+     * the escape hatch the `wide` variant is meant to be paired with, for
+     * legacy call sites that don't fit one of the seven canned presets.
+     */
+    footer?: React.ReactNode;
+    /** Overrides the close button's accessible name. Defaults to `'Close'`. */
+    closeLabel?: string;
+    /** Popup max-width. Defaults to `'sm'`, or to `'large'` when `variant` is `'wide'`. */
+    size?: 'sm' | 'large';
+    /** Render inside a portal (default `true`). */
+    portal?: boolean;
+    /** Portal container. Pass a shadow-root mount for isolated-style previews. */
+    portalContainer?: HTMLElement | null;
+    /** Keep the content mounted while closed. */
+    keepMounted?: boolean;
+    /** Extra classes merged onto the popup container. */
+    className?: string;
+    /** Controlled open state. Pair with `onOpenChange`. */
+    open?: boolean;
+    /** Open on mount, uncontrolled. */
+    defaultOpen?: boolean;
+    /** Modal behavior — focus trap and scroll lock while open. Defaults to `true`. */
+    modal?: boolean | 'trap-focus';
+    /** Fires when the dialog opens or closes. */
+    onOpenChange?: (open: boolean, eventDetails: unknown) => void;
+}

package/dist/src/components/ui/dialog/index.d.ts

@@ -0,0 +1 @@
+export { DialogRoot, DialogPortal, DialogOverlay, DialogClose, DialogCloseButton, DialogTrigger, DialogContent, DialogHeaderRoot, DialogFooterRoot, DialogTitle, DialogBodyRoot, DialogDescription, dialogContentVariants, Dialog, type DialogContentProps, type DialogCloseButtonProps, type DialogProps, type DialogVariant, } from './dialog';

package/dist/src/components/ui/dialog-footer-default/dialog-footer-default.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface DialogFooterDefaultProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Truncated description text next to the actions. Mutually exclusive with `link`. */
+    description?: string;
+    /** A `Link` (or similar) element next to the actions. Mutually exclusive with `description`. */
+    link?: React.ReactNode;
+    /** End-aligned actions — typically a secondary and a primary `Button`. */
+    children?: React.ReactNode;
+}
+declare const DialogFooterDefault: React.ForwardRefExoticComponent<DialogFooterDefaultProps & React.RefAttributes<HTMLDivElement>>;
+export { DialogFooterDefault };

package/dist/src/components/ui/dialog-footer-default/index.d.ts

@@ -0,0 +1 @@
+export { DialogFooterDefault, type DialogFooterDefaultProps } from './dialog-footer-default';

package/dist/src/components/ui/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,32 @@
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import * as React from 'react';
+declare const DropdownMenu: <Payload>(props: MenuPrimitive.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuTrigger: MenuPrimitive.Trigger;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSub: typeof MenuPrimitive.SubmenuRoot;
+export interface DropdownMenuContentProps extends React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup> {
+    side?: MenuPrimitive.Positioner.Props['side'];
+    align?: MenuPrimitive.Positioner.Props['align'];
+    sideOffset?: number;
+    /** Render inside a portal (default `true`). */
+    portal?: boolean;
+    /** Portal container — pass a shadow-root mount for isolated-style previews. */
+    portalContainer?: MenuPrimitive.Portal.Props['container'];
+    keepMounted?: MenuPrimitive.Portal.Props['keepMounted'];
+}
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    sideOffset?: number;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ContextMenuSubmenuTriggerProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+declare function DropdownMenuShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+declare namespace DropdownMenuShortcut {
+    var displayName: string;
+}
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuPortal, };

package/dist/src/components/ui/dropdown-menu/dropdown-menu.docs.d.ts

@@ -0,0 +1,25 @@
+import type * as React from 'react';
+/** Props for `DropdownMenuContent` — the positioned, portaled menu popup. */
+export interface DropdownMenuContentProps {
+    /** Which side of the trigger to render on. Defaults to `bottom`. */
+    side?: 'top' | 'bottom' | 'left' | 'right' | 'inline-start' | 'inline-end';
+    /** Alignment along the chosen side. */
+    align?: 'start' | 'center' | 'end';
+    /** Distance in px from the trigger. Defaults to `4`. */
+    sideOffset?: number;
+    /**
+     * Render inside a portal (default `true`). Disable only when you supply your
+     * own `DropdownMenuPortal` ancestor.
+     */
+    portal?: boolean;
+    /**
+     * Portal container. Pass a shadow-root mount for isolated-style previews
+     * (the docs demos do this via `useShadowMount`).
+     */
+    portalContainer?: HTMLElement | null;
+    /** Keep the content mounted while closed. */
+    keepMounted?: boolean;
+    /** Extra classes merged onto the popup. */
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/src/components/ui/dropdown-menu/index.d.ts

@@ -0,0 +1 @@
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuPortal, type DropdownMenuContentProps, } from './dropdown-menu';

package/dist/src/components/ui/empty/empty.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+declare const Empty: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const EmptyIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const EmptyHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const EmptyTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const EmptyDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const EmptyActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const EmptyLinks: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Empty, EmptyIcon, EmptyHeader, EmptyTitle, EmptyDescription, EmptyActions, EmptyLinks, };

package/dist/src/components/ui/empty/index.d.ts

@@ -0,0 +1 @@
+export { Empty, EmptyIcon, EmptyHeader, EmptyTitle, EmptyDescription, EmptyActions, EmptyLinks, } from './empty';

package/dist/src/components/ui/field/field.d.ts

@@ -0,0 +1,39 @@
+import { Field as FieldPrimitive } from '@base-ui/react/field';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface FieldProps extends Omit<React.ComponentProps<typeof FieldPrimitive.Root>, 'className'>, VariantProps<typeof fieldVariants> {
+    className?: string;
+}
+declare function Field({ className, orientation, ...props }: FieldProps): import("react/jsx-runtime").JSX.Element;
+export interface FieldLabelProps extends Omit<React.ComponentProps<typeof FieldPrimitive.Label>, 'className'> {
+    className?: string;
+}
+declare function FieldLabel({ className, ...props }: FieldLabelProps): import("react/jsx-runtime").JSX.Element;
+export interface FieldControlProps extends Omit<React.ComponentProps<typeof FieldPrimitive.Control>, 'className'> {
+    className?: string;
+}
+declare function FieldControl({ className, ...props }: FieldControlProps): import("react/jsx-runtime").JSX.Element;
+export interface FieldDescriptionProps extends Omit<React.ComponentProps<typeof FieldPrimitive.Description>, 'className'> {
+    className?: string;
+}
+declare function FieldDescription({ className, ...props }: FieldDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export interface FieldErrorProps extends Omit<React.ComponentProps<typeof FieldPrimitive.Error>, 'className'> {
+    className?: string;
+}
+declare function FieldError({ className, ...props }: FieldErrorProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldSet({ className, ...props }: React.ComponentProps<'fieldset'>): import("react/jsx-runtime").JSX.Element;
+export interface FieldLegendProps extends React.ComponentProps<'legend'> {
+    variant?: 'legend' | 'label';
+}
+declare function FieldLegend({ className, variant, ...props }: FieldLegendProps): import("react/jsx-runtime").JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export interface FieldSeparatorProps extends React.ComponentProps<'div'> {
+    children?: React.ReactNode;
+}
+declare function FieldSeparator({ children, className, ...props }: FieldSeparatorProps): import("react/jsx-runtime").JSX.Element;
+export { Field, FieldLabel, FieldControl, FieldDescription, FieldError, FieldSet, FieldLegend, FieldGroup, FieldContent, FieldTitle, FieldSeparator, };

package/dist/src/components/ui/field/field.docs.d.ts

@@ -0,0 +1,27 @@
+import type * as React from 'react';
+export interface FieldProps {
+    /** Label/control layout — stacked, inline, or stacked-then-inline at the @md container width. */
+    orientation?: 'vertical' | 'horizontal' | 'responsive';
+    /** Marks the field invalid (sets data-invalid + the control's aria-invalid). */
+    invalid?: boolean;
+    /** Disables the field and its control. */
+    disabled?: boolean;
+    /** Identifies the field when a form is submitted. */
+    name?: string;
+    /** When the field validates. */
+    validationMode?: 'onSubmit' | 'onBlur' | 'onChange';
+    children?: React.ReactNode;
+    className?: string;
+}
+export interface FieldErrorProps {
+    /** Which ValidityState shows the message; `true` always shows it. */
+    match?: boolean | keyof ValidityState;
+    children?: React.ReactNode;
+    className?: string;
+}
+export interface FieldLegendProps {
+    /** Large legend text or small label text. */
+    variant?: 'legend' | 'label';
+    children?: React.ReactNode;
+    className?: string;
+}

package/dist/src/components/ui/field/index.d.ts

@@ -0,0 +1,2 @@
+export { Field, FieldLabel, FieldControl, FieldDescription, FieldError, FieldSet, FieldLegend, FieldGroup, FieldContent, FieldTitle, FieldSeparator, } from './field';
+export type { FieldProps, FieldLabelProps, FieldControlProps, FieldDescriptionProps, FieldErrorProps, FieldLegendProps, FieldSeparatorProps, } from './field';

package/dist/src/components/ui/filter-search/filter-search.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+export type FilterSearchProps = React.ComponentPropsWithoutRef<'div'>;
+declare const FilterSearch: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type FilterSearchActionsProps = React.ComponentPropsWithoutRef<'div'>;
+declare const FilterSearchActions: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface FilterSearchFiltersContextValue {
+    /** The current draft filters being edited inside the popover. */
+    filters: Record<string, unknown>;
+    /** Set a single draft filter value by key. */
+    setFilter: (key: string, value: unknown) => void;
+}
+/**
+ * Bind a filter field child (rendered inside `FilterSearchFilters`'s popover) to
+ * the component's draft filters. Returns the current draft map and a per-key
+ * setter. Field children are plain JSX (no render prop) and wire their own
+ * `onChange` to `setFilter`; Apply commits the draft, Cancel/dismiss reverts it.
+ */
+export declare function useFilterSearchFilters(): FilterSearchFiltersContextValue;
+export interface FilterSearchFiltersProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'value' | 'onValueChange'> {
+    /** The applied filter values, keyed by an arbitrary consumer-chosen id. */
+    value: Record<string, unknown>;
+    /** Called with the committed filters when Apply is pressed. */
+    onValueChange: (next: Record<string, unknown>) => void;
+    /** Called with the newly applied filters when Apply is pressed (fires alongside `onValueChange`). */
+    onApply?: (filters: Record<string, unknown>) => void;
+    /** Label for the filter trigger button. */
+    label?: React.ReactNode;
+    /**
+     * Filter field children rendered inside the popover form. Plain children —
+     * wire each field to the draft via `useFilterSearchFilters`. Group fields with
+     * a `Separator` as a layout convention if desired.
+     */
+    children?: React.ReactNode;
+    /** Additional classes merged onto the trigger button. */
+    className?: string;
+}
+declare const FilterSearchFilters: React.ForwardRefExoticComponent<FilterSearchFiltersProps & React.RefAttributes<HTMLButtonElement>>;
+export interface FilterSearchAppliedFiltersProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {
+    /** The currently applied filter values, keyed by an arbitrary consumer-chosen id. */
+    filters: Record<string, unknown>;
+    /** Called with the remaining filters when a chip is removed or "Reset filters" clears all. */
+    onValueChange: (next: Record<string, unknown>) => void;
+    /** Format an applied-filter chip's label. Defaults to `"<key>: <value>"`. */
+    getFilterChipLabel?: (key: string, value: unknown) => React.ReactNode;
+}
+/**
+ * Renders one removable chip per applied filter plus a "Reset filters" action
+ * that clears all filters immediately (no popover involved). Renders nothing
+ * when `filters` is empty.
+ */
+declare const FilterSearchAppliedFilters: React.ForwardRefExoticComponent<FilterSearchAppliedFiltersProps & React.RefAttributes<HTMLDivElement>>;
+export { FilterSearch, FilterSearchActions, FilterSearchFilters, FilterSearchAppliedFilters, };

package/dist/src/components/ui/filter-search/index.d.ts

@@ -0,0 +1,2 @@
+export { FilterSearch, FilterSearchActions, FilterSearchFilters, FilterSearchAppliedFilters, useFilterSearchFilters, } from './filter-search';
+export type { FilterSearchProps, FilterSearchActionsProps, FilterSearchFiltersProps, FilterSearchAppliedFiltersProps, } from './filter-search';

package/dist/src/components/ui/form/form.d.ts

@@ -0,0 +1,6 @@
+import { FormProps as BaseFormProps } from '@base-ui/react/form';
+export interface FormProps<FormValues extends Record<string, unknown> = Record<string, unknown>> extends Omit<BaseFormProps<FormValues>, 'className'> {
+    className?: string;
+}
+declare function Form<FormValues extends Record<string, unknown> = Record<string, unknown>>({ className, ...props }: FormProps<FormValues>): import("react/jsx-runtime").JSX.Element;
+export { Form };

package/dist/src/components/ui/form/index.d.ts

@@ -0,0 +1 @@
+export { Form, type FormProps } from './form';

package/dist/src/components/ui/funnel-chart/funnel-chart.d.ts

@@ -0,0 +1,39 @@
+import { VariantProps } from 'class-variance-authority';
+import { ChartTooltip, ChartConfig } from '../chart';
+import * as React from 'react';
+declare const funnelChartVariants: (props?: ({
+    lastShape?: "triangle" | "rectangle" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface FunnelChartProps extends Omit<React.ComponentProps<'div'>, 'children'>, VariantProps<typeof funnelChartVariants> {
+    /** Row-per-stage data. Each object holds the stage's `nameKey` label + its `dataKey` numeric value. */
+    data: ReadonlyArray<Record<string, string | number>>;
+    /**
+     * Per-stage map of `label` / `color`, keyed by the stage's `nameKey` value
+     * (imported from the shared `Chart` primitives). Turned into `--color-<name>`
+     * custom properties. Colors are caller-supplied — reference an existing
+     * semantic `--ui-*` token; there is no chart palette tier yet.
+     */
+    config: ChartConfig;
+    /** Numeric field that sizes each stage (the funnel narrows as it drops). */
+    dataKey: string;
+    /**
+     * Label field that names each stage (drives the legend, tooltip, on-chart
+     * labels, and the `--color-<name>` lookup). Values should be unique per chart —
+     * stages sharing a name share one `config`/color entry.
+     */
+    nameKey: string;
+    /** Flip the funnel so it widens toward the bottom instead of narrowing. */
+    reversed?: boolean;
+    /** Render each stage's name beside its segment. */
+    showLabels?: boolean;
+    showTooltip?: boolean;
+    /**
+     * Replace the default tooltip. Pass a configured `ChartTooltipContent`
+     * (imported from this library) — e.g. with a `formatter` / `labelFormatter` —
+     * to customize formatting, per-series rows, or extra fields without composing
+     * recharts yourself. Ignored when `showTooltip` is false.
+     */
+    tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];
+}
+declare const FunnelChart: React.ForwardRefExoticComponent<Omit<FunnelChartProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { FunnelChart, funnelChartVariants };

package/dist/src/components/ui/funnel-chart/index.d.ts

@@ -0,0 +1 @@
+export { FunnelChart, funnelChartVariants, type FunnelChartProps, } from './funnel-chart';

package/dist/src/components/ui/grid/grid.d.ts

@@ -0,0 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const gridVariants: (props?: ({
+    cols?: 1 | 2 | 6 | 3 | 4 | 12 | null | undefined;
+    gap?: "none" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof gridVariants> {
+    /**
+     * Size columns by the grid's own width (container queries) instead of the
+     * viewport. Wraps the grid in a `@container/grid`.
+     */
+    container?: boolean;
+}
+declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
+export { Grid, gridVariants };

package/dist/src/components/ui/grid/index.d.ts

@@ -0,0 +1 @@
+export { Grid, gridVariants, type GridProps } from './grid';

package/dist/src/components/ui/histogram/histogram.d.ts

@@ -0,0 +1,55 @@
+import { ChartTooltip, ChartConfig } from '../chart';
+import * as React from 'react';
+export interface HistogramBin {
+    /** Lower bound of the bin (inclusive). */
+    x0: number;
+    /** Upper bound of the bin (exclusive, except the last bin which is inclusive). */
+    x1: number;
+    /** Human-readable range label, e.g. `"0–10"`. */
+    label: string;
+    /** How many samples fell in the bin. */
+    count: number;
+}
+/**
+ * Split `values` into `binCount` equal-width bins and count the samples in each.
+ * The range is `domain` if given, else the data's [min, max]; values outside the
+ * domain are dropped, and the max value lands in the last (inclusive) bin.
+ * Returns [] when there's nothing to bin. Exported for unit tests; not part of
+ * the package's public API.
+ */
+export declare function computeHistogramBins(values: ReadonlyArray<number>, binCount: number, domain?: [number, number]): HistogramBin[];
+export interface HistogramProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    /** Raw continuous samples to bin (non-finite values are ignored). */
+    values: ReadonlyArray<number>;
+    /**
+     * Single-series map of `label` / `color`, keyed by `dataKey` (imported from
+     * the shared `Chart` primitives). Color is caller-supplied — reference an
+     * existing semantic `--ui-*` token; there is no chart palette tier yet.
+     */
+    config: ChartConfig;
+    /** `config` key that colors + labels the frequency bars. */
+    dataKey?: string;
+    /** Number of equal-width bins. */
+    binCount?: number;
+    /** Fix the binning range instead of deriving it from the data's min/max. */
+    domain?: [number, number];
+    /** Title rendered beneath the horizontal (X) axis. */
+    xAxisLabel?: string;
+    /** Title rendered beside the vertical (Y) axis (rotated). */
+    yAxisLabel?: string;
+    /** Unit suffix appended to Y-axis tick values (recharts `unit`; the X axis is the bin label). */
+    yUnit?: string;
+    /** Corner radius on the top of each bar. */
+    barRadius?: number;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    /**
+     * Replace the default tooltip. Pass a configured `ChartTooltipContent`
+     * (imported from this library) — e.g. with a `formatter` / `labelFormatter` —
+     * to customize the tooltip without composing recharts yourself. Ignored when
+     * `showTooltip` is false.
+     */
+    tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];
+}
+declare const Histogram: React.ForwardRefExoticComponent<Omit<HistogramProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Histogram };

package/dist/src/components/ui/histogram/index.d.ts

@@ -0,0 +1 @@
+export { Histogram, type HistogramProps, type HistogramBin } from './histogram';

package/dist/src/components/ui/input/index.d.ts

@@ -0,0 +1 @@
+export { InputBox, type InputBoxProps } from './input';

package/dist/src/components/ui/input/input.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export type InputBoxProps = React.ComponentPropsWithoutRef<'input'>;
+declare const InputBox: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { InputBox };

package/dist/src/components/ui/input-date-picker/index.d.ts

@@ -0,0 +1 @@
+export { InputDatePicker, type InputDatePickerProps, } from './input-date-picker';