haze-ui 1.32.0 → 1.34.0

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

@@ -1,5 +1,6 @@
-export { default as DataTable } from './DataTable';
-export type { DataTableProps, DataTableColumnDef, DataTableColumnMeta, DataTableVirtualized, DataTableSummary, DataTableSummaryCell, DataTableCellEditorProps, } from './DataTable';
-export { dataTableToCsv } from './csv';
-export type { DataTableCsvOptions } from './csv';
-export { dataTableSum, dataTableAvg, dataTableCount } from './summary';
+export { default as DataTable } from './DataTable.js';
+export type { DataTableProps, DataTableClassNames, DataTableColumnDef, DataTableColumnMeta, DataTableVirtualized, DataTableSummary, DataTableSummaryCell, DataTableCellEditorProps, } from './DataTable.js';
+export type { DataTableFiltersState } from './filters.js';
+export { dataTableToCsv } from './csv.js';
+export type { DataTableCsvOptions } from './csv.js';
+export { dataTableSum, dataTableAvg, dataTableCount } from './summary.js';

package/dist/types/components/DataTable/summary.d.ts

@@ -1,5 +1,5 @@
 import type { Row, RowData } from '@tanstack/react-table';
-import type { dataTableFeatures } from './features';
+import type { dataTableFeatures } from './features.js';
 /** A row as DataTable hands it to the `summary` callback and editors. */
 type DataTableRow<TData extends RowData> = Row<typeof dataTableFeatures, TData>;
 /**

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

@@ -0,0 +1,21 @@
+import type { ComponentPropsWithoutRef, Ref } from 'react';
+import type { ControlOrValue } from 'react-use-control';
+import type { DateLabels, DatePlaceholder } from './DateFieldCore.js';
+type DateFieldProps = {
+    /** `"YYYY-MM-DD"` (Datepicker's value semantics) or `''` when empty;
+     * commits fire only when every segment holds a valid date. */
+    value?: ControlOrValue<string>;
+    onChange?: (value: string) => void;
+    /** Locale feeding the month segment's aria-valuetext (localized long
+     * month names, e.g. locale="fr" reads "mars"). */
+    locale?: string;
+    disabled?: boolean;
+    placeholder?: DatePlaceholder;
+    labels?: DateLabels;
+    className?: string;
+    /** Forwarded to the current tab-stop segment span — the element form
+     * bridges and `ref.current.focus()` reach. */
+    ref?: Ref<HTMLSpanElement>;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'onChange'>;
+export default function DateField({ value: valueControl, onChange, locale, disabled, placeholder, labels, className, ref, ...rest }: DateFieldProps): import("react").JSX.Element;
+export type { DateFieldProps };

package/dist/types/components/DateField/DateFieldCore.d.ts

@@ -0,0 +1,30 @@
+import type { ComponentPropsWithoutRef, Ref } from 'react';
+/** Per-segment placeholder strings for the empty state. */
+type DatePlaceholder = {
+    year?: string;
+    month?: string;
+    day?: string;
+};
+/** Accessible segment names, overriding the built-in English ones. */
+type DateLabels = {
+    year?: string;
+    month?: string;
+    day?: string;
+};
+type DateFieldCoreProps = {
+    /** `"YYYY-MM-DD"` — Calendar/Datepicker's civil-date serialization —
+     * or `''` when empty. Impossible dates are rejected on parse. */
+    value: string;
+    onChange: (value: string) => void;
+    /** Locale feeding the month segment's aria-valuetext (localized long
+     * month names, e.g. locale="fr" reads "mars"). */
+    locale?: string;
+    disabled?: boolean;
+    placeholder?: DatePlaceholder;
+    labels?: DateLabels;
+    className?: string;
+    /** Forwarded to the current tab-stop segment span. */
+    ref?: Ref<HTMLSpanElement>;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'onChange'>;
+export default function DateFieldCore({ value, onChange, locale, disabled, placeholder, labels, className, ref, ...rest }: DateFieldCoreProps): import("react").JSX.Element;
+export type { DateFieldCoreProps, DatePlaceholder, DateLabels };

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

@@ -0,0 +1,4 @@
+export { default as DateField } from './DateField.js';
+export type { DateFieldProps } from './DateField.js';
+export { default as DateFieldCore } from './DateFieldCore.js';
+export type { DateFieldCoreProps, DatePlaceholder, DateLabels } from './DateFieldCore.js';

package/dist/types/components/DateField/segmented-field.d.ts

@@ -0,0 +1,70 @@
+import type { ComponentPropsWithoutRef, Ref } from 'react';
+/**
+ * Shared segmented-input engine behind DateField and TimeField: a
+ * role="group" of role="spinbutton" spans (year/month/day,
+ * hour/minute/second, AM/PM) with roving tabindex, per-segment digit
+ * buffering, arrow stepping and auto-advance — the keyboard-first field
+ * shape React Aria's DateField/TimeField popularized.
+ *
+ * The engine owns only transient input state (focus position and the
+ * pending per-segment edits). Committed values are derived: the consumer
+ * parses its `value` prop into `values`, and every completed interaction
+ * offers the merged segment values back through `serialize` — when it
+ * returns a string the engine commits (`onChange`) and wipes the pending
+ * edits; when it returns null (incomplete, or an impossible combination
+ * like February 30th) nothing commits and the typed state stays visible.
+ */
+/** A numeric spinbutton segment (year/month/day, hour/minute/second). */
+type NumericSegmentSpec = {
+    kind: 'numeric';
+    /** Segment identity, mirrored as `data-segment` on the rendered span. */
+    key: string;
+    /** Accessible segment name (aria-label). */
+    label: string;
+    min: number;
+    max: number;
+    /** Typed-digit capacity; focus auto-advances once it is gathered. */
+    digits: number;
+    /** Zero-pad width for committed values ('2026', '03'). */
+    pad: number;
+    /** Rendered while the segment is empty. */
+    placeholder: string;
+    /** Arrow stepping wraps at the bounds instead of clamping. */
+    wrap?: boolean;
+    /** Value an empty segment takes on the first ArrowUp/ArrowDown
+     * (default `min`; the year segment passes the current year). */
+    fallback?: number;
+    /** aria-valuetext override (localized month names). */
+    ariaValueText?: (value: number) => string;
+};
+/** A two-option toggle segment (AM/PM): 'a'/'p' type in, arrows switch. */
+type PeriodSegmentSpec = {
+    kind: 'period';
+    key: string;
+    label: string;
+    /** The two option labels, value-addressed: [AM, PM]. */
+    options: [string, string];
+    placeholder: string;
+};
+type SegmentSpec = NumericSegmentSpec | PeriodSegmentSpec;
+type SegmentedFieldProps = {
+    segments: SegmentSpec[];
+    /** Separator between adjacent segments; entry i follows segment i. */
+    separators: string[];
+    /** Committed per-segment values parsed from `value` (null = empty). */
+    values: (number | null)[];
+    /** Current serialized value; commits equal to it are swallowed. */
+    value: string;
+    /** Serializes merged segment values; null = incomplete/invalid, so no
+     * commit happens and the container flags `data-invalid` when every
+     * segment is filled yet the combination still fails. */
+    serialize: (values: (number | null)[]) => string | null;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    className?: string;
+    /** Forwarded to the current tab-stop segment (the roving-focus entry,
+     * the element form bridges and `ref.current.focus()` reach). */
+    ref?: Ref<HTMLSpanElement>;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'onChange'>;
+export default function SegmentedField({ segments, separators, values, value, serialize, onChange, disabled, className, ref, ...rest }: SegmentedFieldProps): import("react").JSX.Element;
+export type { SegmentSpec, NumericSegmentSpec, PeriodSegmentSpec, SegmentedFieldProps };

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { ControlOrValue } from 'react-use-control';
-import type { DateRangePickerPreset } from './DateRangePickerCore';
+import type { DateRangePickerPreset } from './DateRangePickerCore.js';
 /**
  * Shortcut rows for the range panel: `'common'` selects the built-in
  * set (today / yesterday / last 7 days / last 30 days / this month /

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

@@ -1,4 +1,4 @@
-export { default as DateRangePicker } from './DateRangePicker';
-export type { DateRangePickerProps, DateRangePickerPresets } from './DateRangePicker';
-export { default as DateRangePickerCore } from './DateRangePickerCore';
-export type { DateRangePickerCoreProps, DateRangePickerPreset } from './DateRangePickerCore';
+export { default as DateRangePicker } from './DateRangePicker.js';
+export type { DateRangePickerProps, DateRangePickerPresets } from './DateRangePicker.js';
+export { default as DateRangePickerCore } from './DateRangePickerCore.js';
+export type { DateRangePickerCoreProps, DateRangePickerPreset } from './DateRangePickerCore.js';

package/dist/types/components/DateRangePicker/presets.d.ts

@@ -7,7 +7,7 @@
  * moves midnight, so a shifted local midnight always round-trips its
  * civil date.
  */
-import type { DateRangePickerPreset } from './DateRangePickerCore';
+import type { DateRangePickerPreset } from './DateRangePickerCore.js';
 /** Localized labels for the built-in rows (LocaleProvider's
  * `dateRangePicker` section). */
 type CommonPresetLabels = {

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

@@ -1,6 +1,6 @@
 import type { ControlOrValue } from 'react-use-control';
-import type { DatepickerPreset } from '../Datepicker/DatepickerCore';
-import type { CalendarCellRender } from '../Calendar/Calendar';
+import type { DatepickerPreset } from '../Datepicker/DatepickerCore.js';
+import type { CalendarCellRender } from '../Calendar/Calendar.js';
 import type { Ref } from 'react';
 /**
  * Date+time picker (the Mantine DateTimePicker niche): a date calendar

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

@@ -1,2 +1,2 @@
-export { default as DateTimePicker } from './DateTimePicker';
-export type { DateTimePickerProps } from './DateTimePicker';
+export { default as DateTimePicker } from './DateTimePicker.js';
+export type { DateTimePickerProps } from './DateTimePicker.js';

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

@@ -1,7 +1,7 @@
 import type { ComponentPropsWithoutRef, Ref } from 'react';
 import type { ControlOrValue } from 'react-use-control';
-import type { CalendarCellRender, CalendarPickerMode } from '../Calendar/Calendar';
-import type { DatepickerPreset } from './DatepickerCore';
+import type { CalendarCellRender, CalendarPickerMode } from '../Calendar/Calendar.js';
+import type { DatepickerPreset } from './DatepickerCore.js';
 type DatepickerProps = {
     value?: ControlOrValue<string>;
     open?: ControlOrValue<boolean>;

package/dist/types/components/Datepicker/DatepickerCore.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentPropsWithoutRef, Ref } from 'react';
-import type { CalendarCellRender, CalendarPickerMode } from '../Calendar/Calendar';
+import type { CalendarCellRender, CalendarPickerMode } from '../Calendar/Calendar.js';
 /** One shortcut row at the top of the dropdown panel: clicking applies
  * `value` (serialized per `picker`) and closes the panel. */
 type DatepickerPreset = {

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

@@ -1,4 +1,4 @@
-export { default as Datepicker } from './Datepicker';
-export type { DatepickerProps } from './Datepicker';
-export { default as DatepickerCore } from './DatepickerCore';
-export type { DatepickerCoreProps, DatepickerPreset } from './DatepickerCore';
+export { default as Datepicker } from './Datepicker.js';
+export type { DatepickerProps } from './Datepicker.js';
+export { default as DatepickerCore } from './DatepickerCore.js';
+export type { DatepickerCoreProps, DatepickerPreset } from './DatepickerCore.js';

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

@@ -1,2 +1,2 @@
-export { default as Descriptions } from './Descriptions';
-export type { DescriptionsProps, DescriptionsItem } from './Descriptions';
+export { default as Descriptions } from './Descriptions.js';
+export type { DescriptionsProps, DescriptionsItem } from './Descriptions.js';

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

@@ -73,9 +73,20 @@ type DialogProps = {
      * 输出零变化。
      */
     classNames?: DialogClassNames;
+    /**
+     * 关闭后内容保持挂载（Radix `forceMount` / Ark `hideMode="hidden"`
+     * 语义）。`<dialog>` 元素本就常驻 DOM、children 随之常驻——表单
+     * 草稿与内部状态天然跨开关存活；本 prop 额外固化关闭态的可达性
+     * 契约：退场动画播完、原生 `close()` 落地后，面板带上 `hidden` +
+     * `inert`（在 UA 对非 open dialog 的 display:none 之外，把子树
+     * 显式排除出 AT 树与 Tab 序——消费者样式覆写关闭面板 display 的
+     * 场景依然安全），焦点逻辑随 `open` 关闭而停用；重开时属性移除、
+     * 进场动画重播。默认 `false`：不传时渲染输出与现有行为完全一致。
+     */
+    keepMounted?: boolean;
     className?: string;
     children: ReactNode;
     ref?: Ref<DialogHandle>;
 };
-export default function Dialog({ open: openControl, onClose, title, viewTransition, classNames, className, children, ref, }: DialogProps): import("react").JSX.Element;
+export default function Dialog({ open: openControl, onClose, title, viewTransition, classNames, keepMounted, className, children, ref, }: DialogProps): import("react").JSX.Element;
 export type { DialogProps, DialogHandle, DialogClassNames };

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

@@ -1,2 +1,2 @@
-export { default as Dialog } from './Dialog';
-export type { DialogProps, DialogHandle, DialogClassNames } from './Dialog';
+export { default as Dialog } from './Dialog.js';
+export type { DialogProps, DialogHandle, DialogClassNames } from './Dialog.js';

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

@@ -1,2 +1,2 @@
-export { default as DiffViewer } from './DiffViewer';
-export type { DiffViewerProps, DiffLine } from './DiffViewer';
+export { default as DiffViewer } from './DiffViewer.js';
+export type { DiffViewerProps, DiffLine } from './DiffViewer.js';

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

@@ -1,2 +1,2 @@
-export { default as Disclosure } from './Disclosure';
-export type { DisclosureProps } from './Disclosure';
+export { default as Disclosure } from './Disclosure.js';
+export type { DisclosureProps } from './Disclosure.js';

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

@@ -1,2 +1,2 @@
-export { default as Divider } from './Divider';
-export type { DividerProps } from './Divider';
+export { default as Divider } from './Divider.js';
+export type { DividerProps } from './Divider.js';

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

@@ -32,6 +32,17 @@ type DrawerClassNames = {
 type DrawerProps = {
     open?: ControlOrValue<boolean>;
     placement?: 'left' | 'right' | 'top' | 'bottom';
+    /**
+     * 面板尺寸预设（默认不传，保持历史 320px 不变）。映射：
+     * left/right 控宽 —— sm 360px / md 480px / lg 640px；
+     * top/bottom 控高 —— sm 240px / md 360px / lg 480px。
+     * 实现为尺寸自定义属性：预设类只声明 `--haze-drawer-width` /
+     * `--haze-drawer-height`，placement 类消费（`width:
+     * var(--haze-drawer-width, 320px)`）——不存在同属性类竞争，预设
+     * 的生效与 CSS 注入顺序无关；消费方也可用内联 style 或
+     * `classNames.content` 上的同名自定义属性直接覆盖像素值。
+     */
+    size?: 'sm' | 'md' | 'lg';
     onClose?: () => void;
     /**
      * 开/关状态翻转是否包进 View Transitions API（默认 `false`，行为与
@@ -47,8 +58,19 @@ type DrawerProps = {
     className?: string;
     /** Slot classes (see {@link DrawerClassNames}). */
     classNames?: DrawerClassNames;
+    /**
+     * 关闭后内容保持挂载（Radix `forceMount` / Ark `hideMode="hidden"`
+     * 语义）。`<dialog>` 元素本就常驻 DOM、children 随之常驻——表单
+     * 草稿与内部状态天然跨开关存活；本 prop 额外固化关闭态的可达性
+     * 契约：退场动画播完、原生 `close()` 落地后，面板带上 `hidden` +
+     * `inert`（在 UA 对非 open dialog 的 display:none 之外，把子树
+     * 显式排除出 AT 树与 Tab 序——消费者样式覆写关闭面板 display 的
+     * 场景依然安全），焦点逻辑随 `open` 关闭而停用；重开时属性移除、
+     * 进场动画重播。默认 `false`：不传时渲染输出与现有行为完全一致。
+     */
+    keepMounted?: boolean;
     children: ReactNode;
     ref?: Ref<DrawerHandle>;
 };
-export default function Drawer({ open: openControl, placement, onClose, viewTransition, className, classNames, children, ref, }: DrawerProps): import("react").JSX.Element;
+export default function Drawer({ open: openControl, placement, size, onClose, viewTransition, keepMounted, className, classNames, children, ref, }: DrawerProps): import("react").JSX.Element;
 export type { DrawerClassNames, DrawerProps, DrawerHandle };

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

@@ -1,2 +1,2 @@
-export { default as Drawer } from './Drawer';
-export type { DrawerClassNames, DrawerProps, DrawerHandle } from './Drawer';
+export { default as Drawer } from './Drawer.js';
+export type { DrawerClassNames, DrawerProps, DrawerHandle } from './Drawer.js';

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

@@ -1,7 +1,8 @@
 import type { ReactNode, Ref } from 'react';
 import type { ControlOrValue } from 'react-use-control';
-import type { CollisionPadding } from '../../utils/collision';
-import type { MenuDataItem } from '../../utils/menuItems';
+import type { CollisionPadding } from '../../utils/collision.js';
+import type { MenuDataItem } from '../../utils/menuItems.js';
+import type { DropdownMenuClassNames } from './DropdownMenuContext.js';
 /**
  * Imperative handle exposed through the React 19 `ref` prop (same API
  * choice as VirtualList). `open`/`close` run through the same
@@ -37,10 +38,22 @@ type DropdownMenuProps = {
      * trigger plus the content built from the data.
      */
     items?: MenuDataItem[];
+    /**
+     * Semantic slot classes (AntD v6 `classNames` shape): declared once
+     * here and distributed to every family part through context (see
+     * {@link DropdownMenuClassNames}). Slot classes are appended at the
+     * end of each part's class list; per-part `className` props still
+     * land after the slot class. Not passing it renders identical output.
+     */
+    classNames?: DropdownMenuClassNames;
     children?: ReactNode;
     className?: string;
+    /** Imperative handle (`open`/`close`/`focusTrigger`) — the family
+     *  keeps its React 19 command-object ref; the root wrapper `<div>`
+     *  is reached through `classNames.root` styling or wrapper queries,
+     *  not a second DOM ref. */
     ref?: Ref<DropdownMenuHandle>;
 };
-export default function DropdownMenu({ open: openControl, onOpenChange, collisionPadding, items, children, className, ref, }: DropdownMenuProps): import("react").JSX.Element;
+export default function DropdownMenu({ open: openControl, onOpenChange, collisionPadding, items, classNames, children, className, ref, }: DropdownMenuProps): import("react").JSX.Element;
 export type { DropdownMenuProps, DropdownMenuHandle };
 export type { MenuDataItem as DropdownMenuDataItem };

package/dist/types/components/DropdownMenu/DropdownMenuContext.d.ts

@@ -1,5 +1,40 @@
 import type { Dispatch, RefObject, SetStateAction } from 'react';
-import type { FloatingBehavior } from '../../utils/floating';
+import type { FloatingBehavior } from '../../utils/floating.js';
+/**
+ * Semantic slot classes (AntD v6 `classNames` shape) for the
+ * DropdownMenu family: declared once on `<DropdownMenu>` and
+ * distributed to every part through this context — one record themes
+ * the wrapper, the trigger, the content panel and every item kind
+ * while the sub-components stay prop-light. Consumer classes are
+ * appended at the end of each part's class list (able to override
+ * component defaults); per-part `className` props remain for one-off
+ * tweaks and still land after the slot class.
+ */
+export type DropdownMenuClassNames = {
+    /** The wrapper `<div>` (`data-slot='dropdown-menu'`) the root renders. */
+    root?: string;
+    /** Every `<DropdownMenuTrigger>` button (`data-slot='trigger'`). */
+    trigger?: string;
+    /** Every `<DropdownMenuContent>` panel (`role="menu"`, `data-slot='content'`). */
+    content?: string;
+    /** Every `<DropdownMenuItem>` (`data-slot='menu-item'`) — plain and `danger`. */
+    item?: string;
+    /** Every `<DropdownMenuCheckboxItem>` (`data-slot='menu-checkbox-item'`). */
+    checkboxItem?: string;
+    /** Every `<DropdownMenuRadioItem>` (`data-slot='menu-radio-item'`). */
+    radioItem?: string;
+    /** Group wrappers: `<DropdownMenuGroup>` and `<DropdownMenuRadioGroup>`
+     *  (`data-slot='group'`). */
+    group?: string;
+    /** Every `<DropdownMenuSeparator>` (`data-slot='separator'`). */
+    separator?: string;
+    /** Every `<DropdownMenuSub>` wrapper (`data-slot='menu-sub'`). */
+    sub?: string;
+    /** Every `<DropdownMenuSubTrigger>` (`data-slot='menu-sub-trigger'`). */
+    subTrigger?: string;
+    /** Every `<DropdownMenuSubContent>` panel (`role="menu"`). */
+    subContent?: string;
+};
 type DropdownMenuContextValue = {
     open: boolean;
     setOpen: Dispatch<SetStateAction<boolean>>;
@@ -17,6 +52,9 @@ type DropdownMenuContextValue = {
     };
     /** Floating-panel behavior shared by the trigger and content. */
     floating: FloatingBehavior;
+    /** Slot classes declared on the root `<DropdownMenu>`; parts append
+     *  them after their own classes, before per-part `className`. */
+    classNames: DropdownMenuClassNames | undefined;
 };
 export declare const DropdownMenuProvider: import("react").Provider<DropdownMenuContextValue | undefined>;
 export declare function useDropdownMenuContext(): DropdownMenuContextValue;

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

@@ -1,24 +1,25 @@
-export { default as DropdownMenu } from './DropdownMenu';
-export { default as DropdownMenuTrigger } from './DropdownMenuTrigger';
-export { default as DropdownMenuContent } from './DropdownMenuContent';
-export { default as DropdownMenuItem } from './DropdownMenuItem';
-export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem';
-export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup';
-export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem';
-export { default as DropdownMenuGroup } from './DropdownMenuGroup';
-export { default as DropdownMenuSeparator } from './DropdownMenuSeparator';
-export { default as DropdownMenuSub } from './DropdownMenuSub';
-export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger';
-export { default as DropdownMenuSubContent } from './DropdownMenuSubContent';
-export type { DropdownMenuProps, DropdownMenuHandle, DropdownMenuDataItem } from './DropdownMenu';
-export type { DropdownMenuTriggerProps } from './DropdownMenuTrigger';
-export type { DropdownMenuContentProps } from './DropdownMenuContent';
-export type { DropdownMenuItemProps } from './DropdownMenuItem';
-export type { DropdownMenuCheckboxItemProps } from './DropdownMenuCheckboxItem';
-export type { DropdownMenuRadioGroupProps } from './DropdownMenuRadioGroup';
-export type { DropdownMenuRadioItemProps } from './DropdownMenuRadioItem';
-export type { DropdownMenuGroupProps } from './DropdownMenuGroup';
-export type { DropdownMenuSeparatorProps } from './DropdownMenuSeparator';
-export type { DropdownMenuSubProps } from './DropdownMenuSub';
-export type { DropdownMenuSubTriggerProps } from './DropdownMenuSubTrigger';
-export type { DropdownMenuSubContentProps } from './DropdownMenuSubContent';
+export { default as DropdownMenu } from './DropdownMenu.js';
+export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.js';
+export { default as DropdownMenuContent } from './DropdownMenuContent.js';
+export { default as DropdownMenuItem } from './DropdownMenuItem.js';
+export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.js';
+export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup.js';
+export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem.js';
+export { default as DropdownMenuGroup } from './DropdownMenuGroup.js';
+export { default as DropdownMenuSeparator } from './DropdownMenuSeparator.js';
+export { default as DropdownMenuSub } from './DropdownMenuSub.js';
+export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger.js';
+export { default as DropdownMenuSubContent } from './DropdownMenuSubContent.js';
+export type { DropdownMenuProps, DropdownMenuHandle, DropdownMenuDataItem } from './DropdownMenu.js';
+export type { DropdownMenuClassNames } from './DropdownMenuContext.js';
+export type { DropdownMenuTriggerProps } from './DropdownMenuTrigger.js';
+export type { DropdownMenuContentProps } from './DropdownMenuContent.js';
+export type { DropdownMenuItemProps } from './DropdownMenuItem.js';
+export type { DropdownMenuCheckboxItemProps } from './DropdownMenuCheckboxItem.js';
+export type { DropdownMenuRadioGroupProps } from './DropdownMenuRadioGroup.js';
+export type { DropdownMenuRadioItemProps } from './DropdownMenuRadioItem.js';
+export type { DropdownMenuGroupProps } from './DropdownMenuGroup.js';
+export type { DropdownMenuSeparatorProps } from './DropdownMenuSeparator.js';
+export type { DropdownMenuSubProps } from './DropdownMenuSub.js';
+export type { DropdownMenuSubTriggerProps } from './DropdownMenuSubTrigger.js';
+export type { DropdownMenuSubContentProps } from './DropdownMenuSubContent.js';

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

@@ -1,2 +1,2 @@
-export { default as Ellipsis } from './Ellipsis';
-export type { EllipsisProps } from './Ellipsis';
+export { default as Ellipsis } from './Ellipsis.js';
+export type { EllipsisProps } from './Ellipsis.js';

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

@@ -1,2 +1,2 @@
-export { default as Empty } from './Empty';
-export type { EmptyProps } from './Empty';
+export { default as Empty } from './Empty.js';
+export type { EmptyProps } from './Empty.js';

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

@@ -0,0 +1,45 @@
+import type { ErrorInfo, ReactNode } from 'react';
+import { Component } from 'react';
+/** Arguments handed to a render-prop fallback. */
+type FallbackRenderArgs = {
+    error: Error;
+    /** React's component stack; `undefined` on the first render pass before
+     * `componentDidCatch` has stored it. */
+    info?: ErrorInfo;
+    resetErrorBoundary: () => void;
+};
+type ErrorBoundaryProps = {
+    children: ReactNode;
+    /** Replacement UI for the errored subtree — a node, or a render prop
+     * receiving the error and the reset callback. `undefined` selects the
+     * default danger fallback; `null` renders nothing. */
+    fallback?: ReactNode | ((args: FallbackRenderArgs) => ReactNode);
+    /** Called with the caught error and React's ErrorInfo (for logging /
+     * reporting). */
+    onError?: (error: Error, info: ErrorInfo) => void;
+    /** While an error is showing, a shallow-compare change of these keys
+     * (per-item `Object.is`) resets the boundary — the classic "retry when
+     * the query key changes" pattern. */
+    resetKeys?: readonly unknown[];
+    /** Fires right before a `resetKeys` change resets the boundary (only
+     * while an error is showing, mirroring react-error-boundary). */
+    onResetKeysChange?: (prev: readonly unknown[] | undefined, next: readonly unknown[] | undefined) => void;
+    /** Merged into the default fallback's root element. */
+    className?: string;
+};
+type ErrorBoundaryState = {
+    error: Error | undefined;
+    info: ErrorInfo | undefined;
+};
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    state: ErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState>;
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    componentDidUpdate(prevProps: ErrorBoundaryProps): void;
+    /** Stable identity across renders — safe for fallback consumers' effect
+     * deps. */
+    readonly resetErrorBoundary: () => void;
+    render(): ReactNode;
+}
+export default ErrorBoundary;
+export type { ErrorBoundaryProps, FallbackRenderArgs };

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

@@ -0,0 +1,2 @@
+export { default as ErrorBoundary } from './ErrorBoundary.js';
+export type { ErrorBoundaryProps, FallbackRenderArgs } from './ErrorBoundary.js';

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

@@ -1,2 +1,2 @@
-export { default as Fieldset } from './Fieldset';
-export type { FieldsetProps } from './Fieldset';
+export { default as Fieldset } from './Fieldset.js';
+export type { FieldsetProps } from './Fieldset.js';

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

@@ -1,2 +1,2 @@
-export { default as FileInput } from './FileInput';
-export type { FileInputProps } from './FileInput';
+export { default as FileInput } from './FileInput.js';
+export type { FileInputProps } from './FileInput.js';

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

@@ -1,2 +1,2 @@
-export { default as FilePreview } from './FilePreview';
-export type { FilePreviewProps, FilePreviewFile, FilePreviewStatus } from './FilePreview';
+export { default as FilePreview } from './FilePreview.js';
+export type { FilePreviewProps, FilePreviewFile, FilePreviewStatus } from './FilePreview.js';

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

@@ -1,2 +1,2 @@
-export { default as Flex } from './Flex';
-export type { FlexProps } from './Flex';
+export { default as Flex } from './Flex.js';
+export type { FlexProps } from './Flex.js';

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

@@ -1,4 +1,4 @@
-export { default as FloatButton } from './FloatButton';
-export type { FloatButtonProps } from './FloatButton';
-export { default as FloatButtonGroup } from './FloatButtonGroup';
-export type { FloatButtonGroupProps } from './FloatButtonGroup';
+export { default as FloatButton } from './FloatButton.js';
+export type { FloatButtonProps } from './FloatButton.js';
+export { default as FloatButtonGroup } from './FloatButtonGroup.js';
+export type { FloatButtonGroupProps } from './FloatButtonGroup.js';

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

@@ -1,6 +1,6 @@
 import type { ReactElement, MouseEvent } from 'react';
 import type { ControlOrValue } from 'react-use-control';
-import type { FullscreenTarget } from '../../hooks/useFullscreen';
+import type { FullscreenTarget } from '../../hooks/useFullscreen.js';
 type MouseEventEventHandler = (event: MouseEvent<HTMLElement>) => void;
 type FullscreenProps = {
     /** Whether the target should be fullscreen — control or plain initial value. */

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

@@ -1,3 +1,3 @@
-export { default as Fullscreen } from './Fullscreen';
-export type { FullscreenProps } from './Fullscreen';
-export type { FullscreenTarget, UseFullscreenHandle } from '../../hooks/useFullscreen';
+export { default as Fullscreen } from './Fullscreen.js';
+export type { FullscreenProps } from './Fullscreen.js';
+export type { FullscreenTarget, UseFullscreenHandle } from '../../hooks/useFullscreen.js';

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

@@ -1,4 +1,4 @@
-export { default as Grid } from './Grid';
-export type { GridProps } from './Grid';
-export { default as GridItem } from './GridItem';
-export type { GridItemProps } from './GridItem';
+export { default as Grid } from './Grid.js';
+export type { GridProps } from './Grid.js';
+export { default as GridItem } from './GridItem.js';
+export type { GridItemProps } from './GridItem.js';