@adecore/ui 0.23.0 → 0.24.0

package/dist/format/datetime.js

@@ -1,3 +1,4 @@
+import { formatAgo } from './duration.js';
 import { dateFormatter, wordFormatter } from './locale.js';
 /* The parts that are a word rather than a number, and so come from the language and not the region. */
 const WORD_PARTS = new Set(['month', 'weekday', 'dayPeriod', 'era']);
@@ -49,3 +50,17 @@ export const isSameDay = (a, b) => {
     return left.getFullYear() === right.getFullYear() && left.getMonth() === right.getMonth() && left.getDate() === right.getDate();
 };
 export const formatMoment = (at, now = Date.now()) => (isSameDay(at, now) ? formatClock(at) : formatDayClock(at));
+const WEEK = 7 * 24 * 60 * 60 * 1000;
+/*
+ * How old a row is, for its right edge: `3d ago` for the first week, then the day, with the year once
+ * it is not this one. An `at` ahead of `now`, from a clock that runs ahead, reads as now.
+ */
+export const formatAge = (at, now = Date.now()) => {
+    const date = toDate(at);
+    const today = toDate(now);
+    const past = today.getTime() - date.getTime();
+    if (past < WEEK) {
+        return formatAgo(past);
+    }
+    return date.getFullYear() === today.getFullYear() ? formatDay(date) : formatDayWithYear(date);
+};

package/dist/format/index.d.ts

@@ -1,4 +1,4 @@
-export { formatClock, formatDateTime, formatDay, formatDayClock, formatDayWithYear, formatHour, formatMoment, formatNumericDate, formatWeekdayClock, formatWeekdayDay, isSameDay } from './datetime.ts';
+export { formatAge, formatClock, formatDateTime, formatDay, formatDayClock, formatDayWithYear, formatHour, formatMoment, formatNumericDate, formatWeekdayClock, formatWeekdayDay, isSameDay } from './datetime.ts';
 export { formatAgo, formatClockDuration, formatCountdown, formatDuration, formatElapsedShort } from './duration.ts';
 export { FALLBACK_LOCALE, formatLocale, labelCollator, setFormatSource, systemLocale, useFormatLocale, type FormatSource } from './locale.ts';
 export { formatBytes, formatDecimal, formatFixed, formatMoney, formatNumber, formatNumeral, formatPercent, formatRounded, formatTokens, formatUsdSignificant } from './number.ts';

package/dist/format/index.js

@@ -1,5 +1,5 @@
 /* Every number, date, time and duration a person reads, written the way the language and the region they set ask for. */
-export { formatClock, formatDateTime, formatDay, formatDayClock, formatDayWithYear, formatHour, formatMoment, formatNumericDate, formatWeekdayClock, formatWeekdayDay, isSameDay } from './datetime.js';
+export { formatAge, formatClock, formatDateTime, formatDay, formatDayClock, formatDayWithYear, formatHour, formatMoment, formatNumericDate, formatWeekdayClock, formatWeekdayDay, isSameDay } from './datetime.js';
 export { formatAgo, formatClockDuration, formatCountdown, formatDuration, formatElapsedShort } from './duration.js';
 export { FALLBACK_LOCALE, formatLocale, labelCollator, setFormatSource, systemLocale, useFormatLocale } from './locale.js';
 export { formatBytes, formatDecimal, formatFixed, formatMoney, formatNumber, formatNumeral, formatPercent, formatRounded, formatTokens, formatUsdSignificant } from './number.js';

package/dist/index.d.ts

@@ -11,7 +11,7 @@ export type { DialogDescriptionProps, DialogFooterProps, DialogPopupProps, Dialo
 export type { MenuCheckProps, MenuHintProps, MenuLabelProps, MenuPopupProps, MenuRowActionProps, MenuRowProps, MenuRowSubmenuTriggerProps } from './menu/parts.tsx';
 export type { KeyValueListItemProps, KeyValueListNameProps, KeyValueListRootProps, KeyValueListValueProps } from './key-value-list/parts.tsx';
 export type { PopoverPopupProps, PopupVariant, PreviewCardPopupProps } from './popover/parts.tsx';
-export type { TabsCountProps, TabsListProps, TabsRootProps, TabsTabProps, TabsValue } from './tabs/parts.tsx';
+export type { TabsCountProps, TabsListProps, TabsRootProps, TabsTabProps, TabsValue, TabsVariant } from './tabs/parts.tsx';
 export { AccentSwatches, type AccentSwatchesProps } from './AccentSwatches.tsx';
 export { Banner, type BannerProps, type BannerTone } from './Banner.tsx';
 export { Button, type ButtonProps, type ButtonSize, type ButtonVariant } from './Button.tsx';
@@ -34,11 +34,12 @@ export { Input, TextArea, type InputProps, type TextAreaProps } from './Input.ts
 export { Kbd, KeyCap, Keys, type KbdProps, type KeyCapProps, type KeysProps } from './Kbd.tsx';
 export { ListRow, type ListRowProps } from './ListRow.tsx';
 export { Meter, type MeterProps } from './Meter.tsx';
+export { MiddleTruncate, type MiddleTruncateProps } from './MiddleTruncate.tsx';
 export { PanelEmpty, type PanelEmptyProps } from './PanelEmpty.tsx';
 export { PanelHeader, type PanelHeaderProps } from './PanelHeader.tsx';
 export { Pill, type PillProps } from './Pill.tsx';
 export { PromptDialog, type PromptDialogProps } from './PromptDialog.tsx';
-export { ProjectSwitcher, type ProjectSwitcherItem, type ProjectSwitcherProps } from './ProjectSwitcher.tsx';
+export { ProjectSwitcher, ProjectSwitcherGroups, type ProjectSwitcherItem, type ProjectSwitcherProps } from './ProjectSwitcher.tsx';
 export { SectionLabel, type SectionLabelProps } from './SectionLabel.tsx';
 export { SegmentBar, type SegmentBarPart, type SegmentBarProps } from './SegmentBar.tsx';
 export { Segmented, type SegmentedOption, type SegmentedProps } from './Segmented.tsx';
@@ -88,5 +89,7 @@ export { Workspace, type WorkspaceProps } from './workspace/Workspace.tsx';
 export type { WorkspaceLayout } from './workspace/context.ts';
 export { DocumentTab, TabStrip, type DocumentTabProps, type TabStripProps, type TabStripItem } from './workspace/TabStrip.tsx';
 export { SplitView, type SplitViewProps, type SplitViewInfo, type SplitViewBounds, type SplitDropTarget, type SplitDrag } from './workspace/SplitView.tsx';
+export { DropPreview, type DropPreviewProps } from './workspace/DropPreview.tsx';
+export { dropPreviewPath, rectDropPreview, sameDropPreview, tabDropPreview, type DropPreviewShape, type TabDrop } from './workspace/preview.ts';
 export { createSplitLayout, normalizeSplitLayout, updateSplitLayout, splitPanes, type SplitAxis, type SplitSide, type SplitPane, type SplitBranch, type SplitNode, type SplitLayout, type SplitCommand } from './workspace/model.ts';
-export type { SplitRect, SplitEdges, SplitMinimum } from './workspace/geometry.ts';
+export { tabGapAt, type SplitRect, type SplitEdges, type SplitMinimum } from './workspace/geometry.ts';

package/dist/index.js

@@ -33,11 +33,12 @@ export { Input, TextArea } from './Input.js';
 export { Kbd, KeyCap, Keys } from './Kbd.js';
 export { ListRow } from './ListRow.js';
 export { Meter } from './Meter.js';
+export { MiddleTruncate } from './MiddleTruncate.js';
 export { PanelEmpty } from './PanelEmpty.js';
 export { PanelHeader } from './PanelHeader.js';
 export { Pill } from './Pill.js';
 export { PromptDialog } from './PromptDialog.js';
-export { ProjectSwitcher } from './ProjectSwitcher.js';
+export { ProjectSwitcher, ProjectSwitcherGroups } from './ProjectSwitcher.js';
 export { SectionLabel } from './SectionLabel.js';
 export { SegmentBar } from './SegmentBar.js';
 export { Segmented } from './Segmented.js';
@@ -81,4 +82,7 @@ export { useFileTree } from './file-tree/use-file-tree.js';
 export { Workspace } from './workspace/Workspace.js';
 export { DocumentTab, TabStrip } from './workspace/TabStrip.js';
 export { SplitView } from './workspace/SplitView.js';
+export { DropPreview } from './workspace/DropPreview.js';
+export { dropPreviewPath, rectDropPreview, sameDropPreview, tabDropPreview } from './workspace/preview.js';
 export { createSplitLayout, normalizeSplitLayout, updateSplitLayout, splitPanes } from './workspace/model.js';
+export { tabGapAt } from './workspace/geometry.js';

package/dist/key-value-list/parts.d.ts

@@ -1,4 +1,4 @@
-import { useRender } from '@base-ui-components/react/use-render';
+import { useRender } from '@base-ui/react/use-render';
 export type KeyValueListRootProps = useRender.ComponentProps<'dl'> & {
     divided?: boolean;
 };

package/dist/key-value-list/parts.js

@@ -1,5 +1,5 @@
 import clsx from 'clsx';
-import { useRender } from '@base-ui-components/react/use-render';
+import { useRender } from '@base-ui/react/use-render';
 /*
  * The names take the width of the widest one, up to two fifths of the list, and a longer name wraps
  * there. Every item is a subgrid of the list, so the names line up across rows and a hairline runs

package/dist/locales/en.d.ts

@@ -0,0 +1,83 @@
+declare const _default: {
+    action: {
+        cancel: string;
+        copy: string;
+        copyError: string;
+        dismiss: string;
+        reload: string;
+        retry: string;
+        select: string;
+        selectAll: string;
+    };
+    accent: {
+        more: string;
+    };
+    settings: {
+        title: string;
+        section: string;
+        sections: string;
+        close: string;
+        failed: string;
+        search: {
+            placeholder: string;
+            clear: string;
+            none: string;
+            results: string;
+            pane: string;
+        };
+    };
+    controls: {
+        stepper: {
+            smaller: string;
+            larger: string;
+            smallerFor: string;
+            largerFor: string;
+        };
+    };
+    select: {
+        search: string;
+        noMatch: string;
+    };
+    iconPicker: {
+        label: string;
+        none: string;
+        search: string;
+        clear: string;
+        noMatch: string;
+    };
+    zoom: {
+        out: string;
+        in: string;
+        presets: string;
+        fit: string;
+        fitEverything: string;
+    };
+    waveform: {
+        position: string;
+    };
+    projectSwitcher: {
+        label: string;
+        recent: string;
+        actionsFor: string;
+    };
+    tabs: {
+        more: string;
+        close: string;
+    };
+    tree: {
+        label: string;
+        expand: string;
+        collapse: string;
+    };
+    workspace: {
+        tabs: string;
+        unsaved: string;
+        closeTab: string;
+        resize: string;
+        pane: string;
+        movePane: string;
+        maximize: string;
+        restore: string;
+    };
+};
+export default _default;

package/dist/locales/en.js

@@ -0,0 +1,82 @@
+export default {
+    action: {
+        cancel: 'Cancel',
+        copy: 'Copy',
+        copyError: 'Copy error',
+        dismiss: 'Dismiss',
+        reload: 'Reload',
+        retry: 'Try again',
+        select: 'Select',
+        selectAll: 'Select all'
+    },
+    accent: {
+        more: 'More colors'
+    },
+    settings: {
+        title: 'Settings',
+        section: 'Settings section',
+        sections: 'Settings sections',
+        close: 'Close settings',
+        failed: 'This settings page failed to render',
+        search: {
+            placeholder: 'Search settings',
+            clear: 'Clear search',
+            none: 'Nothing matches "{{query}}".',
+            results: 'Search results',
+            pane: 'Section'
+        }
+    },
+    controls: {
+        stepper: {
+            smaller: 'Smaller',
+            larger: 'Larger',
+            smallerFor: '{{label}}: smaller',
+            largerFor: '{{label}}: larger'
+        }
+    },
+    select: {
+        search: 'Search',
+        noMatch: 'No option matches “{{query}}”'
+    },
+    iconPicker: {
+        label: 'Icon',
+        none: 'No icon',
+        search: 'Find an icon',
+        clear: 'Clear search',
+        noMatch: 'No icon matches “{{query}}”'
+    },
+    zoom: {
+        out: 'Zoom out',
+        in: 'Zoom in',
+        presets: 'Zoom presets',
+        fit: 'Zoom to fit',
+        fitEverything: 'Fit everything'
+    },
+    waveform: {
+        position: '{{time}} of {{duration}}'
+    },
+    projectSwitcher: {
+        label: 'Projects',
+        recent: 'Recent projects',
+        actionsFor: 'Actions for {{name}}'
+    },
+    tabs: {
+        more: 'More',
+        close: 'Close tab'
+    },
+    tree: {
+        label: 'Files',
+        expand: 'Expand',
+        collapse: 'Collapse'
+    },
+    workspace: {
+        tabs: 'Open views',
+        unsaved: 'Unsaved changes',
+        closeTab: 'Close {{name}}',
+        resize: 'Resize panels',
+        pane: 'Panel',
+        movePane: 'Move panel',
+        maximize: 'Maximize panel',
+        restore: 'Restore panels'
+    }
+};

package/dist/locales/nl.d.ts

@@ -0,0 +1,83 @@
+declare const _default: {
+    action: {
+        cancel: string;
+        copy: string;
+        copyError: string;
+        dismiss: string;
+        reload: string;
+        retry: string;
+        select: string;
+        selectAll: string;
+    };
+    accent: {
+        more: string;
+    };
+    settings: {
+        title: string;
+        section: string;
+        sections: string;
+        close: string;
+        failed: string;
+        search: {
+            placeholder: string;
+            clear: string;
+            none: string;
+            results: string;
+            pane: string;
+        };
+    };
+    controls: {
+        stepper: {
+            smaller: string;
+            larger: string;
+            smallerFor: string;
+            largerFor: string;
+        };
+    };
+    select: {
+        search: string;
+        noMatch: string;
+    };
+    iconPicker: {
+        label: string;
+        none: string;
+        search: string;
+        clear: string;
+        noMatch: string;
+    };
+    zoom: {
+        out: string;
+        in: string;
+        presets: string;
+        fit: string;
+        fitEverything: string;
+    };
+    waveform: {
+        position: string;
+    };
+    projectSwitcher: {
+        label: string;
+        recent: string;
+        actionsFor: string;
+    };
+    tabs: {
+        more: string;
+        close: string;
+    };
+    tree: {
+        label: string;
+        expand: string;
+        collapse: string;
+    };
+    workspace: {
+        tabs: string;
+        unsaved: string;
+        closeTab: string;
+        resize: string;
+        pane: string;
+        movePane: string;
+        maximize: string;
+        restore: string;
+    };
+};
+export default _default;

package/dist/locales/nl.js

@@ -0,0 +1,82 @@
+export default {
+    action: {
+        cancel: 'Annuleren',
+        copy: 'Kopiëren',
+        copyError: 'Fout kopiëren',
+        dismiss: 'Sluiten',
+        reload: 'Herladen',
+        retry: 'Opnieuw proberen',
+        select: 'Selecteren',
+        selectAll: 'Alles selecteren'
+    },
+    accent: {
+        more: 'Meer kleuren'
+    },
+    settings: {
+        title: 'Instellingen',
+        section: 'Onderdeel van de instellingen',
+        sections: 'Onderdelen van de instellingen',
+        close: 'Instellingen sluiten',
+        failed: 'Deze instellingenpagina kon niet worden getekend',
+        search: {
+            placeholder: 'Instellingen zoeken',
+            clear: 'Zoekopdracht wissen',
+            none: 'Niets komt overeen met "{{query}}".',
+            results: 'Zoekresultaten',
+            pane: 'Onderdeel'
+        }
+    },
+    controls: {
+        stepper: {
+            smaller: 'Kleiner',
+            larger: 'Groter',
+            smallerFor: '{{label}}: kleiner',
+            largerFor: '{{label}}: groter'
+        }
+    },
+    select: {
+        search: 'Zoeken',
+        noMatch: 'Geen optie past bij “{{query}}”'
+    },
+    iconPicker: {
+        label: 'Icoon',
+        none: 'Geen icoon',
+        search: 'Zoek een icoon',
+        clear: 'Zoekopdracht wissen',
+        noMatch: 'Geen icoon past bij “{{query}}”'
+    },
+    zoom: {
+        out: 'Uitzoomen',
+        in: 'Inzoomen',
+        presets: 'Zoomstanden',
+        fit: 'Zoomen tot alles past',
+        fitEverything: 'Alles laten passen'
+    },
+    waveform: {
+        position: '{{time}} van {{duration}}'
+    },
+    projectSwitcher: {
+        label: 'Projecten',
+        recent: 'Recente projecten',
+        actionsFor: 'Acties voor {{name}}'
+    },
+    tabs: {
+        more: 'Meer',
+        close: 'Tabblad sluiten'
+    },
+    tree: {
+        label: 'Bestanden',
+        expand: 'Uitvouwen',
+        collapse: 'Invouwen'
+    },
+    workspace: {
+        tabs: 'Open views',
+        unsaved: 'Niet-opgeslagen wijzigingen',
+        closeTab: 'Sluit {{name}}',
+        resize: 'Panelen vergroten of verkleinen',
+        pane: 'Paneel',
+        movePane: 'Paneel verplaatsen',
+        maximize: 'Paneel maximaliseren',
+        restore: 'Panelen herstellen'
+    }
+};

package/dist/locales.js

@@ -1,5 +1,6 @@
-import en from './locales/en.json' with { type: 'json' };
-import nl from './locales/nl.json' with { type: 'json' };
+/* The words are modules, not JSON: Node needs `with { type: 'json' }` on a JSON import, and a browser refuses it on the JavaScript Vite serves. */
+import en from './locales/en.js';
+import nl from './locales/nl.js';
 /* The words of this library live in a namespace of their own, which the app adds to its i18next beside its own namespaces. */
 export const UI_NAMESPACE = 'ui';
 /*

package/dist/menu/parts.d.ts

@@ -1,9 +1,9 @@
 import { type ComponentProps, type ReactNode, type Ref } from 'react';
 import { type LucideIcon } from 'lucide-react';
-import { ContextMenu as BaseContextMenu } from '@base-ui-components/react/context-menu';
-import { Menu as BaseMenu } from '@base-ui-components/react/menu';
-import { Separator as BaseSeparator } from '@base-ui-components/react/separator';
-import { useRender } from '@base-ui-components/react/use-render';
+import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu';
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { Separator as BaseSeparator } from '@base-ui/react/separator';
+import { useRender } from '@base-ui/react/use-render';
 import { type PlacementKey } from '../placement.ts';
 type PositionerProps = ComponentProps<typeof BaseMenu.Positioner>;
 type Placement = Pick<PositionerProps, PlacementKey>;
@@ -12,7 +12,7 @@ export declare function MenuRoot(props: ComponentProps<typeof BaseMenu.Root>): i
 export declare function ContextMenuRoot(props: ComponentProps<typeof BaseContextMenu.Root>): import("react").JSX.Element;
 export declare function MenuSubmenuRoot(props: ComponentProps<typeof BaseMenu.SubmenuRoot>): import("react").JSX.Element;
 export declare const MenuTrigger: BaseMenu.Trigger;
-export declare const ContextMenuTrigger: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/context-menu").ContextMenuTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuTriggerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export type MenuPopupProps = ComponentProps<typeof BaseMenu.Popup> & Placement;
 export declare function MenuPopup({ className, ...props }: MenuPopupProps): import("react").JSX.Element;
 type ItemLook = {
@@ -34,7 +34,7 @@ type MenuCheckboxItemProps = ComponentProps<typeof BaseMenu.CheckboxItem> & Item
     children?: ReactNode;
 };
 export declare function MenuCheckboxItem({ unstyled, indicator, className, children, ...props }: MenuCheckboxItemProps): import("react").JSX.Element;
-export declare const MenuRadioGroup: import("react").NamedExoticComponent<import("@base-ui-components/react/menu").MenuRadioGroupProps & import("react").RefAttributes<Element>>;
+export declare const MenuRadioGroup: import("react").NamedExoticComponent<Omit<import("@base-ui/react").MenuRadioGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type MenuRadioItemProps = ComponentProps<typeof BaseMenu.RadioItem> & ItemLook & Indicator & {
     children?: ReactNode;
 };
@@ -56,7 +56,7 @@ export declare function MenuRowAction({ icon, label, iconClassName, className, .
 export type MenuRowSubmenuTriggerProps = Omit<ComponentProps<typeof BaseMenu.SubmenuTrigger>, 'children' | 'label'> & RowButton;
 export declare function MenuRowSubmenuTrigger({ icon, label, iconClassName, className, ...props }: MenuRowSubmenuTriggerProps): import("react").JSX.Element;
 export declare function MenuSeparator({ className, ...props }: ComponentProps<typeof BaseSeparator>): import("react").JSX.Element;
-export declare const MenuGroup: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/menu").MenuGroupProps & import("react").RefAttributes<Element>>;
+export declare const MenuGroup: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").MenuGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type MenuGroupLabelProps = ComponentProps<typeof BaseMenu.GroupLabel> & {
     unstyled?: boolean;
 };

package/dist/menu/parts.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext } from 'react';
 import clsx from 'clsx';
 import { Check, ChevronRight } from 'lucide-react';
-import { ContextMenu as BaseContextMenu } from '@base-ui-components/react/context-menu';
-import { Menu as BaseMenu } from '@base-ui-components/react/menu';
-import { Separator as BaseSeparator } from '@base-ui-components/react/separator';
-import { useRender } from '@base-ui-components/react/use-render';
+import { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu';
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { Separator as BaseSeparator } from '@base-ui/react/separator';
+import { useRender } from '@base-ui/react/use-render';
 import { withClass } from '../class-name.js';
 import { Icon } from '../Icon.js';
 import { Tooltip } from '../Tooltip.js';

package/dist/middle-truncate.d.ts

@@ -0,0 +1,7 @@
+export interface MiddleCut {
+    head: string;
+    middle: string;
+    tail: string;
+}
+export declare const MIDDLE_ELLIPSIS = "\u2026";
+export declare function fitMiddle(text: string, width: number, measure: (text: string) => number): MiddleCut | null;

package/dist/middle-truncate.js

@@ -0,0 +1,34 @@
+export const MIDDLE_ELLIPSIS = '…';
+/*
+ * The head and tail of `text` that keep the most of it around an ellipsis within `width`, or null
+ * when the whole text fits. The tail gets the odd character, since the end of a path or a branch is
+ * what tells two of them apart. Code points, never UTF-16 units, so a cut never halves a character.
+ */
+export function fitMiddle(text, width, measure) {
+    if (measure(text) <= width) {
+        return null;
+    }
+    const characters = Array.from(text);
+    const cutAt = (kept) => {
+        const headLength = Math.floor(kept / 2);
+        const tailStart = characters.length - (kept - headLength);
+        return {
+            head: characters.slice(0, headLength).join(''),
+            middle: characters.slice(headLength, tailStart).join(''),
+            tail: characters.slice(tailStart).join('')
+        };
+    };
+    const fits = (cut) => measure(cut.head + MIDDLE_ELLIPSIS + cut.tail) <= width;
+    let low = 0;
+    let high = characters.length - 1;
+    while (low < high) {
+        const kept = Math.ceil((low + high) / 2);
+        if (fits(cutAt(kept))) {
+            low = kept;
+        }
+        else {
+            high = kept - 1;
+        }
+    }
+    return cutAt(low);
+}

package/dist/popover/parts.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentProps } from 'react';
-import { Popover as BasePopover } from '@base-ui-components/react/popover';
-import { PreviewCard as BasePreviewCard } from '@base-ui-components/react/preview-card';
+import { Popover as BasePopover } from '@base-ui/react/popover';
+import { PreviewCard as BasePreviewCard } from '@base-ui/react/preview-card';
 import { type PlacementKey } from '../placement.ts';
 declare const POPUP_VARIANT: {
     readonly menu: 'menu-popup';
@@ -11,15 +11,15 @@ export type PopupVariant = keyof typeof POPUP_VARIANT;
 type Placement = Pick<ComponentProps<typeof BasePopover.Positioner>, PlacementKey>;
 export declare const PopoverRoot: typeof BasePopover.Root;
 export declare const PopoverTrigger: BasePopover.Trigger;
-export declare const PopoverClose: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const PopoverTitle: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
-export declare const PopoverDescription: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/popover").PopoverDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const PopoverClose: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PopoverTitle: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const PopoverDescription: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").PopoverDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
 export type PopoverPopupProps = ComponentProps<typeof BasePopover.Popup> & Placement & {
     variant?: PopupVariant;
 };
 export declare function PopoverPopup({ variant, side, align, sideOffset, className, ...props }: PopoverPopupProps): import("react").JSX.Element;
-export declare const PreviewCardRoot: typeof BasePreviewCard.Root;
-export declare const PreviewCardTrigger: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/preview-card").PreviewCardTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare const PreviewCardRoot: <Payload>(props: BasePreviewCard.Root.Props<Payload>) => React.JSX.Element;
+export declare const PreviewCardTrigger: BasePreviewCard.Trigger;
 export type PreviewCardPopupProps = ComponentProps<typeof BasePreviewCard.Popup> & Placement & {
     variant?: PopupVariant;
 };

package/dist/popover/parts.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Popover as BasePopover } from '@base-ui-components/react/popover';
-import { PreviewCard as BasePreviewCard } from '@base-ui-components/react/preview-card';
+import { Popover as BasePopover } from '@base-ui/react/popover';
+import { PreviewCard as BasePreviewCard } from '@base-ui/react/preview-card';
 import { withClass } from '../class-name.js';
 import { splitPlacement } from '../placement.js';
 import { renderPositioner } from '../popup-layer.js';

package/dist/prefetch.js

@@ -11,7 +11,7 @@ export class Prefetcher {
     running = null;
     loading = false;
     whenIdle;
-    /* Asked on every start, since a person can turn data saving on while the page runs. */
+    /* Asked on every ask and again before every load, since a person can turn data saving on while the page runs. */
     allowed;
     constructor(whenIdle, allowed = () => true) {
         this.whenIdle = whenIdle;
@@ -65,6 +65,11 @@ export class Prefetcher {
         try {
             for (let load = this.queue.shift(); load; load = this.queue.shift()) {
                 await new Promise((resolve) => this.whenIdle(resolve));
+                if (!this.allowed()) {
+                    // Data saving came on while it waited; a later ask may queue it again.
+                    this.queued.delete(load);
+                    continue;
+                }
                 this.loading = true;
                 try {
                     await load();

package/dist/settings/ConfirmDialog.d.ts

@@ -1,3 +1,4 @@
+import type { Ref } from 'react';
 export interface ConfirmDialogProps {
     open: boolean;
     onOpenChange(open: boolean): void;
@@ -5,5 +6,7 @@ export interface ConfirmDialogProps {
     description: string;
     confirmLabel: string;
     onConfirm(): Promise<void>;
+    className?: string;
+    ref?: Ref<HTMLDivElement>;
 }
-export declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, onConfirm }: ConfirmDialogProps): import("react").JSX.Element;
+export declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, onConfirm, className, ref }: ConfirmDialogProps): import("react").JSX.Element;

package/dist/settings/ConfirmDialog.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PromptDialog } from '../PromptDialog.js';
 /* One destructive step, asked before it happens, over whichever dialog it was opened from. */
-export function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, onConfirm }) {
-    return (_jsx(PromptDialog, { open: open, nested: true, danger: true, title: title, description: description, confirmLabel: confirmLabel, onConfirm: async () => {
+export function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, onConfirm, className, ref }) {
+    return (_jsx(PromptDialog, { ref: ref, className: className, open: open, nested: true, danger: true, title: title, description: description, confirmLabel: confirmLabel, onConfirm: async () => {
             await onConfirm();
             onOpenChange(false);
         }, onOpenChange: onOpenChange }));

package/dist/settings/SettingsDialog.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Suspense, useEffect, useMemo, useRef, useState } from 'react';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
-import { Tabs } from '@base-ui-components/react/tabs';
+import { Tabs } from '@base-ui/react/tabs';
 import { Search, X } from 'lucide-react';
 import { CloseButton } from '../CloseButton.js';
 import { DialogDescription, DialogPopup, DialogRoot, DialogTitle } from '../dialog/parts.js';