@next-buildr/editor 2.0.0 → 3.0.0-rc.0

package/dist/ui/icon.test.js

@@ -2,7 +2,7 @@ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-run
 // @vitest-environment jsdom
 import { readdirSync, readFileSync, statSync } from 'node:fs';
 import { join } from 'node:path';
-import { icons } from 'lucide-react';
+import * as lucideExports from 'lucide-react';
 import { act } from 'react';
 import { createRoot } from 'react-dom/client';
 import { afterEach, beforeEach, describe, expect, it } from 'vitest';
@@ -30,10 +30,17 @@ afterEach(() => {
 const show = (node) => act(async () => root.render(_jsx(MessagesProvider, { locale: "en", children: node })));
 describe('icon maps', () => {
     it('name only real lucide icons (checked against the lucide-react export list)', () => {
-        const unknown = componentIconNames.filter((name) => !(pascal(name) in icons));
+        const unknown = componentIconNames.filter((name) => !(pascal(name) in lucideExports));
         expect(unknown).toEqual([]);
         expect(componentIconNames.length).toBeGreaterThanOrEqual(60);
     });
+    it('checks every editor map name against lucide exports', () => {
+        const source = readFileSync(join(import.meta.dirname, 'icon.tsx'), 'utf8');
+        const map = source.split('const EDITOR_ICONS = {')[1]?.split('} as const')[0] ?? '';
+        const names = [...map.matchAll(/^ {2}'?([a-z0-9-]+)'?:/gm)].map((match) => match[1] ?? '');
+        expect(names.length).toBeGreaterThan(100);
+        expect(names.filter((name) => !(pascal(name) in lucideExports))).toEqual([]);
+    });
     it('draws every editor icon, under real lucide names', async () => {
         const names = [
             'text-align-center',
@@ -65,7 +72,7 @@ describe('icon maps', () => {
             'x',
         ];
         await show(names.map((name) => _jsx(Icon, { name: name }, name)));
-        expect(names.filter((name) => !(pascal(name) in icons))).toEqual([]);
+        expect(names.filter((name) => !(pascal(name) in lucideExports))).toEqual([]);
         expect(container.querySelectorAll('svg')).toHaveLength(names.length);
     });
 });
@@ -92,6 +99,21 @@ describe('Icon and ComponentIcon', () => {
         expect(svgs.slice(1).every((svg) => svg.getAttribute('data-fallback') === 'true')).toBe(true);
         expect(container.textContent).toBe('');
     });
+    it('resolves the PB-160a manifest icon names without fallback', async () => {
+        const names = [
+            'space',
+            'hash',
+            'group',
+            'gallery-horizontal',
+            'rectangle-horizontal',
+            'images',
+            'square',
+        ];
+        await show(names.map((icon) => _jsx(ComponentIcon, { meta: { icon } }, icon)));
+        const icons = [...container.querySelectorAll('svg')];
+        expect(icons.map((icon) => icon.getAttribute('data-icon'))).toEqual(names);
+        expect(icons.every((icon) => !icon.hasAttribute('data-fallback'))).toBe(true);
+    });
     it('keeps the accessible name of an icon button', async () => {
         await show(_jsx(IconButton, { label: "Undo", icon: "undo-2" }));
         const button = container.querySelector('button');
@@ -113,3 +135,79 @@ describe('no glyph icons (PB-120)', () => {
         expect(offenders).toEqual([]);
     });
 });
+describe('template icons (PB-157)', () => {
+    it('draws the icons the design template adds, under real lucide names', async () => {
+        const names = [
+            'plus',
+            'minus',
+            'save',
+            'send',
+            'upload',
+            'palette',
+            'eye-off',
+            'crosshair',
+            'grip-vertical',
+            'ellipsis-vertical',
+            'chevron-up',
+            'chevrons-left',
+            'chevrons-down-up',
+            'chevrons-up-down',
+            'circle-question-mark',
+            'clipboard-paste',
+            'corner-left-up',
+            'list-filter',
+            'list-tree',
+            'lock-open',
+            'mouse-pointer-2',
+            'pencil-line',
+            'sliders-vertical',
+            'square-check-big',
+            'panel-top',
+            'table',
+            'globe',
+            'play',
+            'eye',
+            'lock',
+            'history',
+            'square-dashed',
+            'arrow-up-left',
+            'arrow-up',
+            'arrow-down',
+            'circle-plus',
+            'copy',
+            'trash-2',
+            'ellipsis',
+            'link',
+            'unlink',
+            'bold',
+            'italic',
+            'underline',
+            'strikethrough',
+            'video',
+            'clock',
+            'sparkles',
+            'droplet',
+            'rotate-cw',
+            'scale',
+            'layers',
+            'panel-left',
+            'panel-right',
+            'tablet',
+            'smartphone',
+            'monitor',
+            'align-start-horizontal',
+            'align-center-horizontal',
+            'align-end-horizontal',
+            'search',
+            'x',
+            'check',
+            'external-link',
+            'move',
+            'blend',
+        ];
+        await show(names.map((name) => _jsx(Icon, { name: name }, name)));
+        expect(names.filter((name) => !(pascal(name) in lucideExports))).toEqual([]);
+        expect(container.querySelectorAll('svg')).toHaveLength(names.length);
+        expect(container.querySelector('[data-icon="plus"]')).not.toBeNull();
+    });
+});

package/dist/ui/index.d.ts

@@ -4,8 +4,9 @@ export type { PanelProps } from './panel.tsx';
 export { Panel, PanelBody, PanelFooter, PanelHeader } from './panel.tsx';
 export type { PortalContainerProviderProps } from './portal.tsx';
 export { PortalContainerProvider, usePortalContainer } from './portal.tsx';
-export type { ButtonProps, ColorInputProps, ColorSwatchProps, ContextMenuProps, DialogProps, IconButtonProps, InputProps, MenuItem, NumberUnitInputProps, PopoverProps, SegmentedControlProps, SegmentOption, SelectOption, SelectProps, TabItem, TabsProps, ToggleProps, TooltipProps, } from './primitives.tsx';
-export { Button, ColorInput, ColorSwatch, ContextMenu, Dialog, hexOf, IconButton, Input, NumberUnitInput, Popover, SegmentedControl, Select, stepNumberText, Tabs, Toggle, Tooltip, } from './primitives.tsx';
+export type { ButtonProps, ColorInputProps, ColorSwatchProps, ContextMenuProps, DialogProps, IconButtonProps, InputProps, KbdProps, MenuCheckboxItemProps, MenuItem, NumberUnitInputProps, PopoverProps, SearchFieldProps, SegmentedControlProps, SegmentOption, SelectOption, SelectProps, TabItem, TabsProps, ToggleProps, TooltipProps, } from './primitives.tsx';
+export { Button, ColorInput, ColorSwatch, ContextMenu, Dialog, hexOf, IconButton, Input, Kbd, MenuCheckboxItem, MenuLabel, MenuSeparator, NumberUnitInput, Popover, SearchField, SegmentedControl, Select, stepNumberText, Tabs, Toggle, Tooltip, } from './primitives.tsx';
+export { useStructureLockedNotice } from './structure-locked.ts';
 export type { ToastApi, ToastOptions, ToastVariant } from './toast.tsx';
-export { TOAST_MS, ToastProvider, useToast } from './toast.tsx';
+export { TOAST_MS, ToastProvider, useOptionalToast, useToast } from './toast.tsx';
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACrE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACzE,YAAY,EAAE,4BAA4B,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAC3E,YAAY,EACV,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,UAAU,EACV,QAAQ,EACR,oBAAoB,EACpB,YAAY,EACZ,qBAAqB,EACrB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,OAAO,EACP,SAAS,EACT,WAAW,EACX,YAAY,GACb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,WAAW,EACX,MAAM,EACN,KAAK,EACL,UAAU,EACV,KAAK,EACL,eAAe,EACf,OAAO,EACP,gBAAgB,EAChB,MAAM,EACN,cAAc,EACd,IAAI,EACJ,MAAM,EACN,OAAO,GACR,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACrE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACzE,YAAY,EAAE,4BAA4B,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAC3E,YAAY,EACV,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,UAAU,EACV,QAAQ,EACR,qBAAqB,EACrB,QAAQ,EACR,oBAAoB,EACpB,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,OAAO,EACP,SAAS,EACT,WAAW,EACX,YAAY,GACb,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,WAAW,EACX,MAAM,EACN,KAAK,EACL,UAAU,EACV,KAAK,EACL,GAAG,EACH,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,eAAe,EACf,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,MAAM,EACN,cAAc,EACd,IAAI,EACJ,MAAM,EACN,OAAO,GACR,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/ui/index.js

@@ -1,5 +1,6 @@
 export { ComponentIcon, componentIconNames, Icon } from './icon.js';
 export { Panel, PanelBody, PanelFooter, PanelHeader } from './panel.js';
 export { PortalContainerProvider, usePortalContainer } from './portal.js';
-export { Button, ColorInput, ColorSwatch, ContextMenu, Dialog, hexOf, IconButton, Input, NumberUnitInput, Popover, SegmentedControl, Select, stepNumberText, Tabs, Toggle, Tooltip, } from './primitives.js';
-export { TOAST_MS, ToastProvider, useToast } from './toast.js';
+export { Button, ColorInput, ColorSwatch, ContextMenu, Dialog, hexOf, IconButton, Input, Kbd, MenuCheckboxItem, MenuLabel, MenuSeparator, NumberUnitInput, Popover, SearchField, SegmentedControl, Select, stepNumberText, Tabs, Toggle, Tooltip, } from './primitives.js';
+export { useStructureLockedNotice } from './structure-locked.js';
+export { TOAST_MS, ToastProvider, useOptionalToast, useToast } from './toast.js';

package/dist/ui/primitives.d.ts

@@ -1,7 +1,7 @@
-import type { ButtonHTMLAttributes, InputHTMLAttributes, ReactNode, Ref } from 'react';
+import type { ButtonHTMLAttributes, InputHTMLAttributes, ReactNode, Ref, RefObject } from 'react';
 import { type IconName } from './icon.tsx';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    readonly variant?: 'default' | 'primary' | 'ghost' | 'danger';
+    readonly variant?: 'default' | 'primary' | 'ghost' | 'danger' | 'text';
     readonly ref?: Ref<HTMLButtonElement>;
 }
 export declare function Button({ variant, className, type, ...rest }: ButtonProps): import("react").JSX.Element;
@@ -11,13 +11,39 @@ export interface IconButtonProps extends Omit<ButtonProps, 'children' | 'aria-la
     readonly icon: IconName;
     /** Shown after the name in the tooltip only (a keyboard shortcut), not part of the accessible name. */
     readonly hint?: string | undefined;
+    /** `sm` is the 24px button of dense rows; `md` (default) the 32px one. */
+    readonly size?: 'sm' | 'md';
 }
 /** A button with an icon and a required accessible name; the name is also its tooltip. */
-export declare function IconButton({ label, icon, hint, className, ...rest }: IconButtonProps): import("react").JSX.Element;
+export declare function IconButton({ label, icon, hint, size, className, ...rest }: IconButtonProps): import("react").JSX.Element;
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     readonly ref?: Ref<HTMLInputElement>;
 }
 export declare function Input({ className, ...rest }: InputProps): import("react").JSX.Element;
+export interface KbdProps {
+    readonly children: ReactNode;
+    readonly className?: string;
+    /** Hides it from assistive technology (a hint that another attribute already announces). */
+    readonly 'aria-hidden'?: boolean;
+}
+/** A keyboard key or shortcut, as printed in tooltips, menus and search hints. */
+export declare function Kbd({ children, className, 'aria-hidden': hidden }: KbdProps): import("react").JSX.Element;
+export interface SearchFieldProps {
+    readonly value: string;
+    readonly onChange: (value: string) => void;
+    /** The accessible name of the field. */
+    readonly label: string;
+    /** The accessible name of the clear button (shown while the field has a value). */
+    readonly clearLabel: string;
+    readonly placeholder?: string | undefined;
+    /** A shortcut shown at the end while the field is empty (`/`, `Ctrl+K`). */
+    readonly hint?: string | undefined;
+    readonly disabled?: boolean;
+    readonly className?: string;
+    readonly ref?: Ref<HTMLInputElement>;
+}
+/** A filter field: leading search icon, an optional shortcut hint, a clear button once typed in. */
+export declare function SearchField({ value, onChange, label, clearLabel, placeholder, hint, disabled, className, ref, }: SearchFieldProps): import("react").JSX.Element;
 export interface SelectOption {
     readonly value: string;
     readonly label: string;
@@ -32,6 +58,8 @@ export interface SelectProps {
 }
 export declare function Select({ value, onValueChange, options, label, disabled }: SelectProps): import("react").JSX.Element;
 export interface TabItem {
+    readonly icon?: IconName;
+    readonly modified?: boolean;
     readonly value: string;
     readonly label: string;
     readonly content: ReactNode;
@@ -58,7 +86,7 @@ export interface PopoverProps {
     readonly label?: string;
 }
 export declare function Popover({ trigger, children, open, onOpenChange, contentClassName, align, label, }: PopoverProps): import("react").JSX.Element;
-export interface DialogProps {
+interface DialogBaseProps {
     readonly open: boolean;
     readonly onOpenChange: (open: boolean) => void;
     readonly title: string;
@@ -69,9 +97,29 @@ export interface DialogProps {
     readonly footer?: ReactNode;
     /** Omits the close button, for a dialog that can only be left by choosing (a conflict). */
     readonly hideClose?: boolean;
+    /** A glyph in a round well before the title, coloured by `tone`. */
+    readonly icon?: IconName;
+    /** Colours the icon well; `default` is the accent. */
+    readonly tone?: 'default' | 'info' | 'warning' | 'danger';
+    /** A text-style action at the start (left) of the footer, opposite the `footer` actions. */
+    readonly footerStart?: ReactNode;
+    /** The element that takes the focus when the dialog opens (the primary action); the first focusable one otherwise. */
+    readonly initialFocus?: RefObject<HTMLElement | null>;
+    /** The wide panel (two columns of content), as the shortcuts dialog. */
+    readonly wide?: boolean;
 }
+/**
+ * An `alert` dialog interrupts and needs an answer (`role="alertdialog"`); it must say what it is
+ * about, so `description` is required with it and becomes its `aria-describedby` target.
+ */
+export type DialogProps = DialogBaseProps & ({
+    readonly alert?: false;
+} | {
+    readonly alert: true;
+    readonly description: string;
+});
 /** A modal: header (title, description, close icon button), scrollable body, right-aligned footer. */
-export declare function Dialog({ open, onOpenChange, title, description, children, footer, hideClose, }: DialogProps): import("react").JSX.Element;
+export declare function Dialog({ open, onOpenChange, title, description, children, footer, hideClose, icon, tone, alert, footerStart, initialFocus, wide, }: DialogProps): import("react").JSX.Element;
 export interface TooltipProps {
     readonly content: string;
     readonly children: ReactNode;
@@ -92,20 +140,51 @@ export interface MenuItem {
     readonly onSelect: () => void;
     readonly disabled?: boolean;
     readonly danger?: boolean;
+    /** A glyph before the label. */
+    readonly icon?: IconName;
+    /** A shortcut printed at the end of the row (visual only, hidden from assistive technology). */
+    readonly kbd?: string;
+    /** The same shortcut as a real key combination (`Control+C`), announced as `aria-keyshortcuts`. */
+    readonly shortcut?: string;
+    /** Makes the row a checkbox item (`aria-checked`); `onSelect` toggles it. */
+    readonly checked?: boolean;
 }
 export interface ContextMenuProps {
     /** The area the menu opens on (right click, the menu key, Shift+F10). */
     readonly children: ReactNode;
-    readonly items: readonly MenuItem[];
+    readonly items?: readonly MenuItem[];
+    /** More rows after `items`: `MenuLabel`, `MenuSeparator`, `MenuCheckboxItem`. */
+    readonly content?: ReactNode;
     readonly label: string;
 }
-export declare function ContextMenu({ children, items, label }: ContextMenuProps): import("react").JSX.Element;
+/** A small caption above a group of rows. */
+export declare function MenuLabel({ children }: {
+    readonly children: ReactNode;
+}): import("react").JSX.Element;
+/** A hairline between groups of rows. */
+export declare function MenuSeparator(): import("react").JSX.Element;
+export interface MenuCheckboxItemProps {
+    readonly checked: boolean;
+    readonly onCheckedChange: (checked: boolean) => void;
+    readonly children: ReactNode;
+    readonly kbd?: string | undefined;
+    /** A real key combination, announced as `aria-keyshortcuts`. */
+    readonly shortcut?: string | undefined;
+    readonly icon?: IconName | undefined;
+    readonly danger?: boolean | undefined;
+    readonly disabled?: boolean;
+}
+/** A row that toggles an option: `role="menuitemcheckbox"` with `aria-checked`, a check mark when on. */
+export declare function MenuCheckboxItem({ checked, onCheckedChange, children, kbd, shortcut, icon, danger, disabled, }: MenuCheckboxItemProps): import("react").JSX.Element;
+export declare function ContextMenu({ children, items, content, label }: ContextMenuProps): import("react").JSX.Element;
 export interface SegmentOption {
     readonly value: string;
     /** Text of the segment; with an `icon` and `iconOnly` it is only the accessible name and tooltip. */
     readonly label: string;
     readonly icon?: IconName;
     readonly iconOnly?: boolean;
+    /** This segment cannot be chosen (the rest of the row can). */
+    readonly disabled?: boolean;
 }
 export interface SegmentedControlProps {
     readonly options: readonly SegmentOption[];
@@ -138,6 +217,8 @@ export interface NumberUnitInputProps {
     readonly step?: number;
     /** The grammar takes a bare number as well as a length: the menu then also offers "no unit". */
     readonly bareNumber?: boolean;
+    /** Display text for units whose raw name reads badly (`deg` -> `°`); the stored value is unchanged. */
+    readonly unitLabels?: Readonly<Record<string, string>> | undefined;
     readonly disabled?: boolean;
     readonly invalid?: boolean;
     readonly describedBy?: string | undefined;
@@ -162,7 +243,7 @@ export interface NumberUnitInputProps {
  * /10). It only produces text; the caller checks it against the grammar before anything is stored,
  * so it cannot make a value the grammar refuses representable.
  */
-export declare function NumberUnitInput({ id, value, onValueChange, units, unitLabel, step, bareNumber, disabled, invalid, describedBy, ariaLabel, list, placeholder, compact, unit: sharedUnit, hideUnitMenu, onBlur, onFocus, }: NumberUnitInputProps): import("react").JSX.Element;
+export declare function NumberUnitInput({ id, value, onValueChange, units, unitLabel, step, bareNumber, unitLabels, disabled, invalid, describedBy, ariaLabel, list, placeholder, compact, unit: sharedUnit, hideUnitMenu, onBlur, onFocus, }: NumberUnitInputProps): import("react").JSX.Element;
 export interface ColorSwatchProps {
     /** A colour value from the theme; an unknown notation or `undefined` shows an empty swatch. */
     readonly color: string | undefined;
@@ -180,11 +261,13 @@ export interface ColorInputProps {
     readonly disabled?: boolean;
     /** Called with a `#rrggbb` colour the browser's own picker chose. */
     readonly onColorChange: (hex: string) => void;
+    readonly palette?: readonly {
+        readonly label: string;
+        readonly color: string;
+        readonly value?: string;
+    }[];
 }
-/**
- * The colour swatch as a button that opens the browser's colour picker. The native input sits
- * invisibly over the swatch, so it keeps the platform's keyboard and screen-reader behaviour; what
- * it returns is a hex colour, which the caller still checks against the grammar.
- */
-export declare function ColorInput({ color, label, disabled, onColorChange }: ColorInputProps): import("react").JSX.Element;
+/** A keyboard-accessible colour popover; all writes still pass the caller's grammar. */
+export declare function ColorInput({ color, label, disabled, onColorChange, palette, }: ColorInputProps): import("react").JSX.Element;
+export {};
 //# sourceMappingURL=primitives.d.ts.map

package/dist/ui/primitives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../src/ui/primitives.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../src/ui/primitives.tsx"],"names":[],"mappings":"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"}

package/dist/ui/primitives.js

@@ -6,7 +6,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { useRef, useState } from 'react';
+import { useEffect, useId, useRef, useState } from 'react';
 import { useT } from '../messages/index.js';
 import { Icon } from './icon.js';
 import { usePortalContainer } from './portal.js';
@@ -15,34 +15,71 @@ export function Button({ variant = 'default', className, type = 'button', ...res
     return (_jsx("button", { ...rest, type: type, "data-variant": variant, className: cx('bd-button', className) }));
 }
 /** A button with an icon and a required accessible name; the name is also its tooltip. */
-export function IconButton({ label, icon, hint, className, ...rest }) {
-    return (_jsx(Tooltip, { content: hint === undefined ? label : `${label} (${hint})`, children: _jsx(Button, { ...rest, "aria-label": label, className: cx('bd-icon-button', className), children: _jsx(Icon, { name: icon }) }) }));
+export function IconButton({ label, icon, hint, size = 'md', className, ...rest }) {
+    return (_jsx(Tooltip, { content: hint === undefined ? label : `${label} (${hint})`, children: _jsx(Button, { ...rest, "aria-label": label, className: cx('bd-icon-button', size === 'sm' && 'bd-icon-button--sm', className), children: _jsx(Icon, { name: icon }) }) }));
 }
 export function Input({ className, ...rest }) {
     return _jsx("input", { ...rest, className: cx('bd-input', className) });
 }
+/** A keyboard key or shortcut, as printed in tooltips, menus and search hints. */
+export function Kbd({ children, className, 'aria-hidden': hidden }) {
+    return (_jsx("kbd", { className: cx('bd-kbd', className), ...(hidden === true ? { 'aria-hidden': true } : {}), children: children }));
+}
+/** A filter field: leading search icon, an optional shortcut hint, a clear button once typed in. */
+export function SearchField({ value, onChange, label, clearLabel, placeholder, hint, disabled, className, ref, }) {
+    const inner = useRef(null);
+    // Radix dismisses a Dialog or Popover on Escape at the document in the capture phase, before the
+    // input sees the key. A window capture listener runs earlier still: a non-empty field clears
+    // itself and the key goes no further; an empty one is left alone.
+    useEffect(() => {
+        const onKey = (event) => {
+            if (event.key !== 'Escape' || event.target !== inner.current || value === '')
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            onChange('');
+        };
+        window.addEventListener('keydown', onKey, true);
+        return () => window.removeEventListener('keydown', onKey, true);
+    }, [value, onChange]);
+    return (_jsxs("div", { className: cx('bd-search', className), "data-disabled": disabled === true ? '' : undefined, children: [_jsx(Icon, { name: "search" }), _jsx("input", { ref: (node) => {
+                    inner.current = node;
+                    if (typeof ref === 'function')
+                        ref(node);
+                    else if (ref)
+                        ref.current = node;
+                }, type: "text", value: value, "aria-label": label, placeholder: placeholder, disabled: disabled === true, autoComplete: "off", spellCheck: false, onChange: (event) => onChange(event.target.value) }), value !== '' ? (_jsx(Button, { variant: "ghost", className: "bd-icon-button bd-icon-button--sm bd-search-clear", "aria-label": clearLabel, disabled: disabled === true, onClick: () => {
+                    onChange('');
+                    inner.current?.focus();
+                }, children: _jsx(Icon, { name: "x" }) })) : hint !== undefined ? (_jsx(Kbd, { children: hint })) : null] }));
+}
 export function Select({ value, onValueChange, options, label, disabled }) {
     const portal = usePortalContainer();
-    return (_jsxs(SelectPrimitive.Root, { value: value, onValueChange: onValueChange, ...(disabled !== undefined ? { disabled } : {}), children: [_jsxs(SelectPrimitive.Trigger, { className: "bd-select-trigger", "aria-label": label, children: [_jsx(SelectPrimitive.Value, {}), _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(Icon, { name: "chevron-down" }) })] }), _jsx(SelectPrimitive.Portal, { container: portal, children: _jsx(SelectPrimitive.Content, { className: "bd-select-content", position: "popper", sideOffset: 4, children: _jsx(SelectPrimitive.Viewport, { children: options.map((option) => (_jsx(SelectPrimitive.Item, { value: option.value, className: "bd-select-item", children: _jsx(SelectPrimitive.ItemText, { children: option.label }) }, option.value))) }) }) })] }));
+    return (_jsxs(SelectPrimitive.Root, { value: value, onValueChange: onValueChange, ...(disabled !== undefined ? { disabled } : {}), children: [_jsxs(SelectPrimitive.Trigger, { className: "bd-select-trigger", "aria-label": label, children: [_jsx(SelectPrimitive.Value, {}), _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(Icon, { name: "chevron-down" }) })] }), _jsx(SelectPrimitive.Portal, { container: portal, children: _jsx(SelectPrimitive.Content, { className: "bd-select-content bd-menu-in", position: "popper", sideOffset: 4, children: _jsx(SelectPrimitive.Viewport, { children: options.map((option) => (_jsx(SelectPrimitive.Item, { value: option.value, className: "bd-select-item", children: _jsx(SelectPrimitive.ItemText, { children: option.label }) }, option.value))) }) }) })] }));
 }
 export function Tabs({ items, label, value, defaultValue, onValueChange }) {
     const first = items[0]?.value;
-    return (_jsxs(TabsPrimitive.Root, { ...(value !== undefined ? { value } : { defaultValue: defaultValue ?? first ?? '' }), ...(onValueChange !== undefined ? { onValueChange } : {}), children: [_jsx(TabsPrimitive.List, { className: "bd-tabs-list", "aria-label": label, children: items.map((item) => (_jsx(TabsPrimitive.Trigger, { value: item.value, className: "bd-tab", children: item.label }, item.value))) }), items.map((item) => (_jsx(TabsPrimitive.Content, { value: item.value, children: item.content }, item.value)))] }));
+    return (_jsxs(TabsPrimitive.Root, { ...(value !== undefined ? { value } : { defaultValue: defaultValue ?? first ?? '' }), ...(onValueChange !== undefined ? { onValueChange } : {}), children: [_jsx(TabsPrimitive.List, { className: "bd-tabs-list", "aria-label": label, children: items.map((item) => (_jsxs(TabsPrimitive.Trigger, { value: item.value, className: "bd-tab", children: [item.icon !== undefined ? _jsx(Icon, { name: item.icon }) : null, item.label, item.modified === true ? (_jsx("span", { className: "bd-tab-modified", "aria-hidden": "true" })) : null] }, item.value))) }), items.map((item) => (_jsx(TabsPrimitive.Content, { value: item.value, children: item.content }, item.value)))] }));
 }
 export function Popover({ trigger, children, open, onOpenChange, contentClassName, align, label, }) {
     const portal = usePortalContainer();
-    return (_jsxs(PopoverPrimitive.Root, { ...(open !== undefined ? { open } : {}), ...(onOpenChange !== undefined ? { onOpenChange } : {}), children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: trigger }), _jsx(PopoverPrimitive.Portal, { container: portal, children: _jsx(PopoverPrimitive.Content, { className: cx('bd-popover', contentClassName), sideOffset: 6, ...(align !== undefined ? { align } : {}), ...(label !== undefined ? { 'aria-label': label } : {}), children: children }) })] }));
+    return (_jsxs(PopoverPrimitive.Root, { ...(open !== undefined ? { open } : {}), ...(onOpenChange !== undefined ? { onOpenChange } : {}), children: [_jsx(PopoverPrimitive.Trigger, { asChild: true, children: trigger }), _jsx(PopoverPrimitive.Portal, { container: portal, children: _jsx(PopoverPrimitive.Content, { className: cx('bd-popover bd-menu-in', contentClassName), sideOffset: 6, ...(align !== undefined ? { align } : {}), ...(label !== undefined ? { 'aria-label': label } : {}), children: children }) })] }));
 }
 /** A modal: header (title, description, close icon button), scrollable body, right-aligned footer. */
-export function Dialog({ open, onOpenChange, title, description, children, footer, hideClose, }) {
+export function Dialog({ open, onOpenChange, title, description, children, footer, hideClose, icon, tone = 'default', alert, footerStart, initialFocus, wide, }) {
     const t = useT();
     const portal = usePortalContainer();
     // The dialogs are controlled (opened from a toolbar button, a menu item or a shortcut), so Radix has
     // no trigger to return focus to: remember the element that had focus when the dialog opened.
     const opener = useRef(null);
-    return (_jsx(DialogPrimitive.Root, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogPrimitive.Portal, { container: portal, children: [_jsx(DialogPrimitive.Overlay, { className: "bd-dialog-overlay" }), _jsxs(DialogPrimitive.Content, { className: "bd-dialog", onOpenAutoFocus: () => {
+    return (_jsx(DialogPrimitive.Root, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogPrimitive.Portal, { container: portal, children: [_jsx(DialogPrimitive.Overlay, { className: "bd-dialog-overlay" }), _jsxs(DialogPrimitive.Content, { className: "bd-dialog bd-dialog-in", "data-wide": wide === true ? '' : undefined, ...(alert === true ? { role: 'alertdialog' } : {}), onOpenAutoFocus: (event) => {
                         const active = document.activeElement;
                         opener.current = active instanceof HTMLElement ? active : null;
+                        const target = initialFocus?.current;
+                        if (target && !target.hasAttribute('disabled')) {
+                            event.preventDefault();
+                            target.focus();
+                        }
                     }, onCloseAutoFocus: (event) => {
                         const target = opener.current;
                         opener.current = null;
@@ -50,18 +87,30 @@ export function Dialog({ open, onOpenChange, title, description, children, foote
                             event.preventDefault();
                             target.focus();
                         }
-                    }, ...(description === undefined ? { 'aria-describedby': undefined } : {}), children: [_jsxs("header", { className: "bd-dialog-header", children: [_jsxs("div", { className: "bd-dialog-heading", children: [_jsx(DialogPrimitive.Title, { className: "bd-dialog-title", children: title }), description !== undefined && (_jsx(DialogPrimitive.Description, { className: "bd-dialog-description", children: description }))] }), hideClose === true ? null : (_jsx(DialogPrimitive.Close, { asChild: true, children: _jsx(Button, { variant: "ghost", className: "bd-icon-button", "aria-label": t('ui.close'), children: _jsx(Icon, { name: "x" }) }) }))] }), children !== undefined && _jsx("div", { className: "bd-dialog-body", children: children }), footer !== undefined && _jsx("footer", { className: "bd-dialog-footer", children: footer })] })] }) }));
+                    }, ...(description === undefined ? { 'aria-describedby': undefined } : {}), children: [_jsxs("header", { className: "bd-dialog-header", children: [icon !== undefined ? (_jsx("span", { className: "bd-dialog-icon", "data-tone": tone, "aria-hidden": "true", children: _jsx(Icon, { name: icon }) })) : null, _jsxs("div", { className: "bd-dialog-heading", children: [_jsx(DialogPrimitive.Title, { className: "bd-dialog-title", children: title }), description !== undefined && (_jsx(DialogPrimitive.Description, { className: "bd-dialog-description", children: description }))] }), hideClose === true ? null : (_jsx(DialogPrimitive.Close, { asChild: true, children: _jsx(Button, { variant: "ghost", className: "bd-icon-button", "aria-label": t('ui.close'), children: _jsx(Icon, { name: "x" }) }) }))] }), children !== undefined && _jsx("div", { className: "bd-dialog-body", children: children }), footer !== undefined || footerStart !== undefined ? (_jsxs("footer", { className: "bd-dialog-footer", children: [footerStart !== undefined ? (_jsx("div", { className: "bd-dialog-footer-start", children: footerStart })) : null, footer] })) : null] })] }) }));
 }
 export function Tooltip({ content, children }) {
     const portal = usePortalContainer();
-    return (_jsx(TooltipPrimitive.Provider, { delayDuration: 400, children: _jsxs(TooltipPrimitive.Root, { children: [_jsx(TooltipPrimitive.Trigger, { asChild: true, children: children }), _jsx(TooltipPrimitive.Portal, { container: portal, children: _jsx(TooltipPrimitive.Content, { className: "bd-tooltip", sideOffset: 6, children: content }) })] }) }));
+    return (_jsx(TooltipPrimitive.Provider, { delayDuration: 400, children: _jsxs(TooltipPrimitive.Root, { children: [_jsx(TooltipPrimitive.Trigger, { asChild: true, children: children }), _jsx(TooltipPrimitive.Portal, { container: portal, children: _jsx(TooltipPrimitive.Content, { className: "bd-tooltip bd-pop", sideOffset: 6, children: content }) })] }) }));
 }
 export function Toggle({ pressed, onPressedChange, children, label, disabled }) {
     return (_jsx(TogglePrimitive.Root, { pressed: pressed, onPressedChange: onPressedChange, className: "bd-toggle", ...(label !== undefined ? { 'aria-label': label } : {}), ...(disabled !== undefined ? { disabled } : {}), children: children }));
 }
-export function ContextMenu({ children, items, label }) {
+/** A small caption above a group of rows. */
+export function MenuLabel({ children }) {
+    return (_jsx(ContextMenuPrimitive.Label, { className: "bd-menu-caption", children: children }));
+}
+/** A hairline between groups of rows. */
+export function MenuSeparator() {
+    return _jsx(ContextMenuPrimitive.Separator, { className: "bd-menu-separator" });
+}
+/** A row that toggles an option: `role="menuitemcheckbox"` with `aria-checked`, a check mark when on. */
+export function MenuCheckboxItem({ checked, onCheckedChange, children, kbd, shortcut, icon, danger, disabled, }) {
+    return (_jsxs(ContextMenuPrimitive.CheckboxItem, { className: "bd-menu-item", checked: checked, onCheckedChange: onCheckedChange, disabled: disabled === true, "data-danger": danger === true ? '' : undefined, "aria-keyshortcuts": shortcut, children: [_jsx("span", { className: "bd-menu-check", "aria-hidden": "true", children: _jsx(ContextMenuPrimitive.ItemIndicator, { children: _jsx(Icon, { name: "check" }) }) }), icon !== undefined ? _jsx(Icon, { name: icon }) : null, _jsx("span", { className: "bd-menu-item-label", children: children }), kbd !== undefined ? (_jsx(Kbd, { className: "bd-menu-kbd", "aria-hidden": true, children: kbd })) : null] }));
+}
+export function ContextMenu({ children, items = [], content, label }) {
     const portal = usePortalContainer();
-    return (_jsxs(ContextMenuPrimitive.Root, { children: [_jsx(ContextMenuPrimitive.Trigger, { asChild: true, children: children }), _jsx(ContextMenuPrimitive.Portal, { container: portal, children: _jsx(ContextMenuPrimitive.Content, { className: "bd-menu bd-portal", "aria-label": label, children: items.map((item) => (_jsx(ContextMenuPrimitive.Item, { className: "bd-menu-item", disabled: item.disabled ?? false, "data-danger": item.danger === true ? '' : undefined, onSelect: item.onSelect, children: item.label }, item.id))) }) })] }));
+    return (_jsxs(ContextMenuPrimitive.Root, { children: [_jsx(ContextMenuPrimitive.Trigger, { asChild: true, children: children }), _jsx(ContextMenuPrimitive.Portal, { container: portal, children: _jsxs(ContextMenuPrimitive.Content, { className: "bd-menu bd-menu-in bd-portal", "aria-label": label, children: [items.map((item) => item.checked === undefined ? (_jsxs(ContextMenuPrimitive.Item, { className: "bd-menu-item", disabled: item.disabled ?? false, "data-danger": item.danger === true ? '' : undefined, "aria-keyshortcuts": item.shortcut, onSelect: item.onSelect, children: [item.icon !== undefined ? _jsx(Icon, { name: item.icon }) : null, _jsx("span", { className: "bd-menu-item-label", children: item.label }), item.kbd !== undefined ? (_jsx(Kbd, { className: "bd-menu-kbd", "aria-hidden": true, children: item.kbd })) : null] }, item.id)) : (_jsx(MenuCheckboxItem, { checked: item.checked, onCheckedChange: () => item.onSelect(), kbd: item.kbd, shortcut: item.shortcut, icon: item.icon, danger: item.danger, disabled: item.disabled ?? false, children: item.label }, item.id))), content] }) })] }));
 }
 /**
  * A row of mutually exclusive toggle buttons (`aria-pressed`) for a short list of choices: value
@@ -69,7 +118,7 @@ export function ContextMenu({ children, items, label }) {
  */
 export function SegmentedControl({ options, value, onValueChange, label, disabled, className, }) {
     return (_jsx("fieldset", { "aria-label": label, className: cx('bd-segmented', className), children: options.map((option) => {
-            const button = (_jsxs(Button, { variant: "ghost", className: "bd-segment", "aria-pressed": value === option.value, disabled: disabled === true, ...(option.iconOnly === true ? { 'aria-label': option.label } : {}), onClick: () => onValueChange(option.value), children: [option.icon !== undefined ? _jsx(Icon, { name: option.icon }) : null, option.iconOnly === true ? null : option.label] }, option.value));
+            const button = (_jsxs(Button, { variant: "ghost", className: "bd-segment", "aria-pressed": value === option.value, disabled: disabled === true || option.disabled === true, ...(option.iconOnly === true ? { 'aria-label': option.label } : {}), onClick: () => onValueChange(option.value), children: [option.icon !== undefined ? _jsx(Icon, { name: option.icon }) : null, option.iconOnly === true ? null : option.label] }, option.value));
             return option.iconOnly === true ? (_jsx(Tooltip, { content: option.label, children: button }, option.value)) : (button);
         }) }));
 }
@@ -97,7 +146,7 @@ const NO_UNIT = '—';
  * /10). It only produces text; the caller checks it against the grammar before anything is stored,
  * so it cannot make a value the grammar refuses representable.
  */
-export function NumberUnitInput({ id, value, onValueChange, units, unitLabel, step = 1, bareNumber, disabled, invalid, describedBy, ariaLabel, list, placeholder, compact, unit: sharedUnit, hideUnitMenu, onBlur, onFocus, }) {
+export function NumberUnitInput({ id, value, onValueChange, units, unitLabel, step = 1, bareNumber, unitLabels, disabled, invalid, describedBy, ariaLabel, list, placeholder, compact, unit: sharedUnit, hideUnitMenu, onBlur, onFocus, }) {
     const typed = value.trim();
     const match = typed === '' ? null : NUMBER_WITH_UNIT.exec(typed);
     const isText = typed !== '' && match === null;
@@ -133,7 +182,7 @@ export function NumberUnitInput({ id, value, onValueChange, units, unitLabel, st
                         return;
                     event.preventDefault();
                     onValueChange(next);
-                } }), units.length > 0 && hideUnitMenu !== true ? (_jsx("select", { className: "bd-unit-select", "aria-label": unitLabel, value: unit, disabled: disabled === true || isText, onChange: (event) => pickUnit(event.target.value), children: options.map((entry) => (_jsx("option", { value: entry, children: entry === '' ? NO_UNIT : entry }, entry))) })) : null] }));
+                } }), units.length > 0 && hideUnitMenu !== true ? (_jsx("select", { className: "bd-unit-select", "aria-label": unitLabel, value: unit, disabled: disabled === true || isText, onChange: (event) => pickUnit(event.target.value), children: options.map((entry) => (_jsx("option", { value: entry, children: entry === '' ? NO_UNIT : (unitLabels?.[entry] ?? entry) }, entry))) })) : null] }));
 }
 // --- ColorSwatch ---------------------------------------------------------------------------------
 /** Colour notations a theme token may hold; anything else is not painted (no raw CSS from data). */
@@ -154,11 +203,48 @@ export function hexOf(color) {
         return undefined;
     return `#${short[1]}${short[1]}${short[2]}${short[2]}${short[3]}${short[3]}`;
 }
-/**
- * The colour swatch as a button that opens the browser's colour picker. The native input sits
- * invisibly over the swatch, so it keeps the platform's keyboard and screen-reader behaviour; what
- * it returns is a hex colour, which the caller still checks against the grammar.
- */
-export function ColorInput({ color, label, disabled, onColorChange }) {
-    return (_jsxs("span", { className: "bd-color-input", children: [_jsx(ColorSwatch, { color: color }), _jsx("input", { type: "color", className: "bd-color-native", "aria-label": label, value: hexOf(color) ?? '#000000', disabled: disabled === true, onChange: (event) => onColorChange(event.target.value) })] }));
+/** A keyboard-accessible colour popover; all writes still pass the caller's grammar. */
+export function ColorInput({ color, label, disabled, onColorChange, palette = [], }) {
+    const t = useT();
+    const id = useId();
+    const [draft, setDraft] = useState();
+    const text = draft ?? color ?? '';
+    const expanded = color !== undefined && /^#[0-9a-f]{3,4}$/i.test(color)
+        ? `#${[...color.slice(1)].map((c) => c + c).join('')}`
+        : color;
+    const hex = hexOf(expanded?.slice(0, 7)) ?? '#000000';
+    const alpha = expanded !== undefined && /^#[0-9a-f]{8}$/i.test(expanded)
+        ? Math.round((Number.parseInt(expanded.slice(7), 16) / 255) * 100)
+        : 100;
+    const change = (value) => {
+        if (disabled === true)
+            return;
+        onColorChange(value);
+    };
+    const choose = (value) => {
+        setDraft(undefined);
+        const chosenHex = hexOf(value);
+        const suffix = expanded !== undefined && /^#[0-9a-f]{8}$/i.test(expanded) ? expanded.slice(7) : '';
+        change(chosenHex !== undefined && suffix !== '' ? `${chosenHex}${suffix}` : value);
+    };
+    return (_jsxs(Popover, { label: label, contentClassName: "bd-color-popover", trigger: _jsx(Button, { className: "bd-color-trigger", "aria-label": label, disabled: disabled === true, children: _jsx(ColorSwatch, { color: color }) }), children: [_jsx("fieldset", { className: "bd-color-palette", "aria-label": t('style.tokens'), children: palette.map((entry) => (_jsx(Button, { className: "bd-palette-color", "aria-label": entry.label, title: entry.label, "aria-pressed": color === entry.color, disabled: disabled === true, onClick: () => {
+                        if (entry.value !== undefined) {
+                            setDraft(undefined);
+                            change(entry.value);
+                        }
+                        else
+                            choose(entry.color);
+                    }, children: _jsx(ColorSwatch, { color: entry.color }) }, entry.label))) }), _jsxs("label", { className: "bd-color-hex", htmlFor: `${id}-hex`, children: [_jsx("span", { children: t('style.color.hex') }), _jsx(Input, { id: `${id}-hex`, value: text, disabled: disabled === true, spellCheck: false, "aria-invalid": draft !== undefined && !/^#[0-9a-f]{3,4}$|^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(text), onChange: (event) => {
+                            const value = event.target.value;
+                            setDraft(value);
+                            if (/^#[0-9a-f]{3,4}$|^#[0-9a-f]{6}([0-9a-f]{2})?$/i.test(value))
+                                change(value);
+                        }, onBlur: () => setDraft(undefined) })] }), _jsxs("label", { className: "bd-color-opacity", children: [_jsx("span", { children: t('style.color.alpha') }), _jsxs("output", { children: [alpha, "%"] }), _jsx("input", { type: "range", className: "bd-range", min: "0", max: "100", value: alpha, disabled: disabled === true || hexOf(expanded?.slice(0, 7)) === undefined, onChange: (event) => {
+                            setDraft(undefined);
+                            change(`${hex}${Math.round((Number(event.target.value) / 100) * 255)
+                                .toString(16)
+                                .padStart(2, '0')}`);
+                        } })] }), _jsxs("label", { className: "bd-color-picker", children: [_jsx("span", { children: t('style.color.native') }), _jsx("input", { type: "color", value: hex, disabled: disabled === true, onChange: (event) => {
+                            choose(event.target.value);
+                        } })] })] }));
 }