@next-buildr/editor 0.0.0-stage → 2.0.1

package/dist/ui/icon.js

@@ -0,0 +1,182 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AlignCenterVertical, AlignEndVertical, AlignHorizontalJustifyCenter, AlignHorizontalJustifyEnd, AlignHorizontalJustifyStart, AlignHorizontalSpaceAround, AlignHorizontalSpaceBetween, AlignStartVertical, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Award, Ban, Box, Braces, Calendar, CaseLower, CaseSensitive, CaseUpper, ChartColumn, Check, ChevronDown, ChevronRight, ChevronsUpDown, Circle, CircleAlert, CircleCheck, ClipboardList, Clock, Code, Columns2, Columns3, Copy, CreditCard, Database, Dot, Ellipsis, Eye, File, FileText, Folder, GalleryHorizontal, Globe, Grid3x3, Hash, Heading, Heart, History, Image, Images, Info, Italic, Keyboard, Layers, LayoutGrid, LayoutTemplate, Link, Link2, List, ListChecks, ListOrdered, LoaderCircle, Lock, Mail, MapPin, Megaphone, Menu, MessageSquare, Monitor, MonitorSmartphone, Moon, MousePointerClick, Music, Navigation, PanelBottom, PanelLeft, PanelRight, PanelTop, Phone, Pilcrow, Play, Quote, Radio, RectangleHorizontal, RectangleVertical, Redo2, Repeat, RotateCcw, Rows2, Rows3, Search, SeparatorHorizontal, ShoppingBag, ShoppingCart, Sigma, SlidersHorizontal, Smartphone, Sparkles, Square, SquareCheck, SquareChevronDown, SquareDashed, SquarePen, Star, StretchVertical, Strikethrough, Sun, Table, Tablet, Tag, TextAlignCenter, TextAlignEnd, TextAlignJustify, TextAlignStart, TextCursorInput, ToggleLeft, Trash2, TriangleAlert, Type, Underline, Undo2, Unlink2, User, Users, Video, X, } from 'lucide-react';
+/*
+ * The icon vocabulary of the editor. Both maps are static and curated on purpose: each icon is
+ * imported by name so the bundler keeps only these (no `DynamicIcon`, no whole-set import).
+ * Names are lucide's canonical kebab-case names; a unit test checks every one against lucide's
+ * own export list. To support another icon, add it to a map (see docs/component-registry.md).
+ */
+/** The icons the editor's own chrome uses. */
+const EDITOR_ICONS = {
+    'text-align-center': TextAlignCenter,
+    'align-center-vertical': AlignCenterVertical,
+    'align-end-vertical': AlignEndVertical,
+    'align-horizontal-justify-center': AlignHorizontalJustifyCenter,
+    'align-horizontal-justify-end': AlignHorizontalJustifyEnd,
+    'align-horizontal-justify-start': AlignHorizontalJustifyStart,
+    'align-horizontal-space-around': AlignHorizontalSpaceAround,
+    'align-horizontal-space-between': AlignHorizontalSpaceBetween,
+    'text-align-justify': TextAlignJustify,
+    'text-align-start': TextAlignStart,
+    'text-align-end': TextAlignEnd,
+    'align-start-vertical': AlignStartVertical,
+    'arrow-right': ArrowRight,
+    braces: Braces,
+    calendar: Calendar,
+    database: Database,
+    hash: Hash,
+    image: Image,
+    sigma: Sigma,
+    'stretch-vertical': StretchVertical,
+    'toggle-left': ToggleLeft,
+    type: Type,
+    ban: Ban,
+    'case-lower': CaseLower,
+    'case-sensitive': CaseSensitive,
+    'case-upper': CaseUpper,
+    italic: Italic,
+    'link-2': Link2,
+    strikethrough: Strikethrough,
+    underline: Underline,
+    'unlink-2': Unlink2,
+    'arrow-down': ArrowDown,
+    'arrow-left': ArrowLeft,
+    'arrow-up': ArrowUp,
+    box: Box,
+    check: Check,
+    'chevron-down': ChevronDown,
+    'chevron-right': ChevronRight,
+    circle: Circle,
+    copy: Copy,
+    'circle-alert': CircleAlert,
+    'circle-check': CircleCheck,
+    ellipsis: Ellipsis,
+    eye: Eye,
+    history: History,
+    keyboard: Keyboard,
+    'layout-grid': LayoutGrid,
+    info: Info,
+    link: Link,
+    list: List,
+    'list-ordered': ListOrdered,
+    'loader-circle': LoaderCircle,
+    lock: Lock,
+    monitor: Monitor,
+    'monitor-smartphone': MonitorSmartphone,
+    moon: Moon,
+    'mouse-pointer-click': MousePointerClick,
+    'panel-left': PanelLeft,
+    'panel-right': PanelRight,
+    'redo-2': Redo2,
+    'rotate-ccw': RotateCcw,
+    smartphone: Smartphone,
+    sun: Sun,
+    tablet: Tablet,
+    'trash-2': Trash2,
+    search: Search,
+    'triangle-alert': TriangleAlert,
+    'undo-2': Undo2,
+    x: X,
+};
+/** Icons a component's `meta.icon` may name: the built-in catalogue plus a common vocabulary. */
+const COMPONENT_ICONS = {
+    // built-in components
+    file: File,
+    'rectangle-horizontal': RectangleHorizontal,
+    'square-dashed': SquareDashed,
+    'rows-3': Rows3,
+    'layout-grid': LayoutGrid,
+    'panel-top': PanelTop,
+    heading: Heading,
+    type: Type,
+    pilcrow: Pilcrow,
+    link: Link,
+    'mouse-pointer-click': MousePointerClick,
+    image: Image,
+    sparkles: Sparkles,
+    tag: Tag,
+    'separator-horizontal': SeparatorHorizontal,
+    list: List,
+    dot: Dot,
+    'chevrons-up-down': ChevronsUpDown,
+    'chevron-down': ChevronDown,
+    repeat: Repeat,
+    ellipsis: Ellipsis,
+    'clipboard-list': ClipboardList,
+    'text-cursor-input': TextCursorInput,
+    'text-align-start': TextAlignStart,
+    'square-check': SquareCheck,
+    'square-chevron-down': SquareChevronDown,
+    // layout
+    box: Box,
+    square: Square,
+    'rectangle-vertical': RectangleVertical,
+    'rows-2': Rows2,
+    'columns-2': Columns2,
+    'columns-3': Columns3,
+    'layout-template': LayoutTemplate,
+    'panel-left': PanelLeft,
+    'panel-right': PanelRight,
+    'panel-bottom': PanelBottom,
+    layers: Layers,
+    folder: Folder,
+    menu: Menu,
+    navigation: Navigation,
+    // text
+    'file-text': FileText,
+    quote: Quote,
+    'list-ordered': ListOrdered,
+    'list-checks': ListChecks,
+    'message-square': MessageSquare,
+    megaphone: Megaphone,
+    // media
+    video: Video,
+    play: Play,
+    music: Music,
+    images: Images,
+    'gallery-horizontal': GalleryHorizontal,
+    star: Star,
+    heart: Heart,
+    award: Award,
+    // form
+    'square-pen': SquarePen,
+    circle: Circle,
+    radio: Radio,
+    'toggle-left': ToggleLeft,
+    'sliders-horizontal': SlidersHorizontal,
+    search: Search,
+    mail: Mail,
+    phone: Phone,
+    // data
+    table: Table,
+    'grid-3x3': Grid3x3,
+    'chart-column': ChartColumn,
+    database: Database,
+    code: Code,
+    globe: Globe,
+    'map-pin': MapPin,
+    calendar: Calendar,
+    clock: Clock,
+    user: User,
+    users: Users,
+    'shopping-cart': ShoppingCart,
+    'shopping-bag': ShoppingBag,
+    'credit-card': CreditCard,
+};
+/** The names `ComponentIcon` resolves (everything else shows the neutral `box`). */
+export const componentIconNames = Object.keys(COMPONENT_ICONS);
+const SIZES = { sm: 16, md: 20 };
+const STROKE = 1.5;
+function draw(Glyph, name, size, label, className, fallback) {
+    return (_jsx(Glyph, { size: SIZES[size], strokeWidth: STROKE, absoluteStrokeWidth: true, className: className === undefined ? 'bd-icon' : `bd-icon ${className}`, "data-icon": name, ...(fallback ? { 'data-fallback': 'true' } : {}), ...(label === undefined ? { 'aria-hidden': true } : { role: 'img', 'aria-label': label }) }));
+}
+/** One of the editor's own icons, drawn in `currentColor`. */
+export function Icon({ name, size = 'sm', label, className }) {
+    return draw(EDITOR_ICONS[name], name, size, label, className, false);
+}
+/** The icon of a component; a missing or unknown name gives a neutral box, never a letter. */
+export function ComponentIcon({ meta, size = 'sm', className }) {
+    const name = meta?.icon;
+    const glyph = name !== undefined && Object.hasOwn(COMPONENT_ICONS, name) ? COMPONENT_ICONS[name] : undefined;
+    return draw(glyph ?? Box, glyph === undefined ? 'box' : name, size, undefined, className, glyph === undefined);
+}

package/dist/ui/icon.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=icon.test.d.ts.map

package/dist/ui/icon.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.test.d.ts","sourceRoot":"","sources":["../../src/ui/icon.test.tsx"],"names":[],"mappings":""}

package/dist/ui/icon.test.js

@@ -0,0 +1,115 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @vitest-environment jsdom
+import { readdirSync, readFileSync, statSync } from 'node:fs';
+import { join } from 'node:path';
+import { icons } from 'lucide-react';
+import { act } from 'react';
+import { createRoot } from 'react-dom/client';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+import { axe } from 'vitest-axe';
+import * as matchers from 'vitest-axe/matchers';
+import { MessagesProvider } from '../messages/index.js';
+import { ComponentIcon, componentIconNames, Icon, IconButton } from './index.js';
+expect.extend(matchers);
+globalThis.IS_REACT_ACT_ENVIRONMENT = true;
+const pascal = (kebab) => kebab
+    .split('-')
+    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+    .join('');
+let container;
+let root;
+beforeEach(() => {
+    container = document.createElement('div');
+    document.body.append(container);
+    root = createRoot(container);
+});
+afterEach(() => {
+    act(() => root.unmount());
+    document.body.innerHTML = '';
+});
+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));
+        expect(unknown).toEqual([]);
+        expect(componentIconNames.length).toBeGreaterThanOrEqual(60);
+    });
+    it('draws every editor icon, under real lucide names', async () => {
+        const names = [
+            'text-align-center',
+            'text-align-start',
+            'arrow-right',
+            'braces',
+            'database',
+            'hash',
+            'sigma',
+            'stretch-vertical',
+            'type',
+            'arrow-down',
+            'arrow-left',
+            'arrow-up',
+            'box',
+            'chevron-down',
+            'chevron-right',
+            'eye',
+            'layout-grid',
+            'link',
+            'list',
+            'list-ordered',
+            'lock',
+            'monitor-smartphone',
+            'redo-2',
+            'search',
+            'triangle-alert',
+            'undo-2',
+            'x',
+        ];
+        await show(names.map((name) => _jsx(Icon, { name: name }, name)));
+        expect(names.filter((name) => !(pascal(name) in icons))).toEqual([]);
+        expect(container.querySelectorAll('svg')).toHaveLength(names.length);
+    });
+});
+describe('Icon and ComponentIcon', () => {
+    it('is decorative by default and an image with a label', async () => {
+        await show(_jsxs(_Fragment, { children: [_jsx(Icon, { name: "lock" }), _jsx(Icon, { name: "eye", label: "Visible" })] }));
+        const [decorative, named] = [...container.querySelectorAll('svg')];
+        expect(decorative?.getAttribute('aria-hidden')).toBe('true');
+        expect(named?.getAttribute('role')).toBe('img');
+        expect(named?.getAttribute('aria-label')).toBe('Visible');
+        expect(named?.hasAttribute('aria-hidden')).toBe(false);
+        expect(await axe(container)).toHaveNoViolations();
+    });
+    it('falls back to the neutral box for an unknown, inherited or missing name', async () => {
+        await show(_jsxs(_Fragment, { children: [_jsx(ComponentIcon, { meta: { icon: 'layout-grid' } }), _jsx(ComponentIcon, { meta: { icon: 'nope' } }), _jsx(ComponentIcon, { meta: { icon: 'constructor' } }), _jsx(ComponentIcon, { meta: {} }), _jsx(ComponentIcon, { meta: undefined })] }));
+        const svgs = [...container.querySelectorAll('svg')];
+        expect(svgs.map((svg) => svg.getAttribute('data-icon'))).toEqual([
+            'layout-grid',
+            'box',
+            'box',
+            'box',
+            'box',
+        ]);
+        expect(svgs.slice(1).every((svg) => svg.getAttribute('data-fallback') === 'true')).toBe(true);
+        expect(container.textContent).toBe('');
+    });
+    it('keeps the accessible name of an icon button', async () => {
+        await show(_jsx(IconButton, { label: "Undo", icon: "undo-2" }));
+        const button = container.querySelector('button');
+        expect(button?.getAttribute('aria-label')).toBe('Undo');
+        expect(button?.querySelector('svg')?.getAttribute('aria-hidden')).toBe('true');
+        expect(await axe(container)).toHaveNoViolations();
+    });
+});
+describe('no glyph icons (PB-120)', () => {
+    const walk = (dir) => readdirSync(dir).flatMap((entry) => {
+        const path = join(dir, entry);
+        if (statSync(path).isDirectory())
+            return entry === 'fonts' ? [] : walk(path);
+        return path.endsWith('.tsx') && !path.endsWith('.test.tsx') ? [path] : [];
+    });
+    it('uses no arrow, triangle, emoji or multiplication-sign glyph in any component file', () => {
+        const glyph = /[←-⇿■-◿☀-➿×\u{1F300}-\u{1FAFF}]/u;
+        const offenders = walk(join(import.meta.dirname, '..')).filter((file) => glyph.test(readFileSync(file, 'utf8')));
+        expect(offenders).toEqual([]);
+    });
+});

package/dist/ui/index.d.ts

@@ -0,0 +1,11 @@
+export type { ComponentIconProps, IconName, IconProps } from './icon.tsx';
+export { ComponentIcon, componentIconNames, Icon } from './icon.tsx';
+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 { ToastApi, ToastOptions, ToastVariant } from './toast.tsx';
+export { TOAST_MS, ToastProvider, useToast } from './toast.tsx';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

package/dist/ui/index.js

@@ -0,0 +1,5 @@
+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';

package/dist/ui/panel.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface PanelProps extends HTMLAttributes<HTMLElement> {
+    /** The element: a landmark `aside` for the shell's side panels, a `section` inside them. */
+    readonly as?: 'aside' | 'section' | 'div';
+    readonly children?: ReactNode;
+}
+/**
+ * The panel frame (docs/editor-design.md#panel-anatomy): a flat column that scrolls as one; its
+ * header and footer stick to the top and bottom edge of it.
+ */
+export declare function Panel({ as: Tag, className, ...rest }: PanelProps): import("react").JSX.Element;
+/** The 40px header: tabs or a title. Sticks to the top of the panel. */
+export declare function PanelHeader({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+/** The content, with `--bd-space-4` padding on every side. */
+export declare function PanelBody({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+/** Optional actions or a summary; sticks to the bottom of the panel. */
+export declare function PanelFooter({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+//# sourceMappingURL=panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../src/ui/panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC7D,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,KAAK,CAAC;IAC1C,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EAAE,EAAE,EAAE,GAAW,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,+BAExE;AAED,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEjF;AAED,8DAA8D;AAC9D,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAE/E;AAED,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,CAAC,cAAc,CAAC,+BAEjF"}

package/dist/ui/panel.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const cx = (...parts) => parts.filter(Boolean).join(' ');
+/**
+ * The panel frame (docs/editor-design.md#panel-anatomy): a flat column that scrolls as one; its
+ * header and footer stick to the top and bottom edge of it.
+ */
+export function Panel({ as: Tag = 'div', className, ...rest }) {
+    return _jsx(Tag, { ...rest, className: cx('bd-panel', className) });
+}
+/** The 40px header: tabs or a title. Sticks to the top of the panel. */
+export function PanelHeader({ className, ...rest }) {
+    return _jsx("div", { ...rest, className: cx('bd-panel-header', className) });
+}
+/** The content, with `--bd-space-4` padding on every side. */
+export function PanelBody({ className, ...rest }) {
+    return _jsx("div", { ...rest, className: cx('bd-panel-body', className) });
+}
+/** Optional actions or a summary; sticks to the bottom of the panel. */
+export function PanelFooter({ className, ...rest }) {
+    return _jsx("div", { ...rest, className: cx('bd-panel-footer', className) });
+}

package/dist/ui/portal.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from 'react';
+export interface PortalContainerProviderProps {
+    /** The editor root; floating layers render inside it, so they inherit its theme (`data-theme`). */
+    readonly container: HTMLElement | null;
+    readonly children: ReactNode;
+}
+/**
+ * Where Radix renders menus, popovers, dialogs and tooltips. Without a provider they go to
+ * `document.body`, outside `.buildr-editor`, and miss the theme the root carries.
+ */
+export declare function PortalContainerProvider({ container, children }: PortalContainerProviderProps): import("react").JSX.Element;
+/** The element floating layers render into; `undefined` (Radix's default, `document.body`) without a provider. */
+export declare function usePortalContainer(): HTMLElement | undefined;
+//# sourceMappingURL=portal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../src/ui/portal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAIlE,MAAM,WAAW,4BAA4B;IAC3C,mGAAmG;IACnG,QAAQ,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;CAC9B;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,4BAA4B,+BAI5F;AAED,kHAAkH;AAClH,wBAAgB,kBAAkB,IAAI,WAAW,GAAG,SAAS,CAE5D"}

package/dist/ui/portal.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const PortalContainerContext = createContext(null);
+/**
+ * Where Radix renders menus, popovers, dialogs and tooltips. Without a provider they go to
+ * `document.body`, outside `.buildr-editor`, and miss the theme the root carries.
+ */
+export function PortalContainerProvider({ container, children }) {
+    return (_jsx(PortalContainerContext.Provider, { value: container, children: children }));
+}
+/** The element floating layers render into; `undefined` (Radix's default, `document.body`) without a provider. */
+export function usePortalContainer() {
+    return useContext(PortalContainerContext) ?? undefined;
+}

package/dist/ui/primitives.d.ts

@@ -0,0 +1,190 @@
+import type { ButtonHTMLAttributes, InputHTMLAttributes, ReactNode, Ref } from 'react';
+import { type IconName } from './icon.tsx';
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    readonly variant?: 'default' | 'primary' | 'ghost' | 'danger';
+    readonly ref?: Ref<HTMLButtonElement>;
+}
+export declare function Button({ variant, className, type, ...rest }: ButtonProps): import("react").JSX.Element;
+export interface IconButtonProps extends Omit<ButtonProps, 'children' | 'aria-label'> {
+    /** What the button does: it has no text, so this is its name for everyone who cannot see the icon. */
+    readonly label: string;
+    readonly icon: IconName;
+    /** Shown after the name in the tooltip only (a keyboard shortcut), not part of the accessible name. */
+    readonly hint?: string | undefined;
+}
+/** 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 interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+    readonly ref?: Ref<HTMLInputElement>;
+}
+export declare function Input({ className, ...rest }: InputProps): import("react").JSX.Element;
+export interface SelectOption {
+    readonly value: string;
+    readonly label: string;
+}
+export interface SelectProps {
+    readonly value: string;
+    readonly onValueChange: (value: string) => void;
+    readonly options: readonly SelectOption[];
+    /** The accessible name of the control. */
+    readonly label: string;
+    readonly disabled?: boolean;
+}
+export declare function Select({ value, onValueChange, options, label, disabled }: SelectProps): import("react").JSX.Element;
+export interface TabItem {
+    readonly value: string;
+    readonly label: string;
+    readonly content: ReactNode;
+}
+export interface TabsProps {
+    readonly items: readonly TabItem[];
+    /** The accessible name of the tab list. */
+    readonly label: string;
+    readonly value?: string;
+    readonly defaultValue?: string;
+    readonly onValueChange?: (value: string) => void;
+}
+export declare function Tabs({ items, label, value, defaultValue, onValueChange }: TabsProps): import("react").JSX.Element;
+export interface PopoverProps {
+    /** The element that opens it; it must accept a ref and props (a `Button`). */
+    readonly trigger: ReactNode;
+    readonly children: ReactNode;
+    readonly open?: boolean;
+    readonly onOpenChange?: (open: boolean) => void;
+    /** Extra class on the floating panel (a menu-like popover drops the default padding). */
+    readonly contentClassName?: string;
+    readonly align?: 'start' | 'center' | 'end';
+    /** The accessible name of the panel. */
+    readonly label?: string;
+}
+export declare function Popover({ trigger, children, open, onOpenChange, contentClassName, align, label, }: PopoverProps): import("react").JSX.Element;
+export interface DialogProps {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly title: string;
+    readonly description?: string;
+    /** The body: it scrolls when it is taller than the dialog; the header and footer stay put. */
+    readonly children?: ReactNode;
+    /** Actions, right-aligned under the body. */
+    readonly footer?: ReactNode;
+    /** Omits the close button, for a dialog that can only be left by choosing (a conflict). */
+    readonly hideClose?: boolean;
+}
+/** 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 interface TooltipProps {
+    readonly content: string;
+    readonly children: ReactNode;
+}
+export declare function Tooltip({ content, children }: TooltipProps): import("react").JSX.Element;
+export interface ToggleProps {
+    readonly pressed: boolean;
+    readonly onPressedChange: (pressed: boolean) => void;
+    readonly children: ReactNode;
+    /** Required when the toggle shows only an icon. */
+    readonly label?: string;
+    readonly disabled?: boolean;
+}
+export declare function Toggle({ pressed, onPressedChange, children, label, disabled }: ToggleProps): import("react").JSX.Element;
+export interface MenuItem {
+    readonly id: string;
+    readonly label: string;
+    readonly onSelect: () => void;
+    readonly disabled?: boolean;
+    readonly danger?: 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 label: string;
+}
+export declare function ContextMenu({ children, items, 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;
+}
+export interface SegmentedControlProps {
+    readonly options: readonly SegmentOption[];
+    /** The pressed segment (`undefined`: none). */
+    readonly value: string | undefined;
+    /** Called with the segment that was pressed, also when it is the one already pressed. */
+    readonly onValueChange: (value: string) => void;
+    /** The accessible name of the group. */
+    readonly label: string;
+    readonly disabled?: boolean;
+    readonly className?: string;
+}
+/**
+ * A row of mutually exclusive toggle buttons (`aria-pressed`) for a short list of choices: value
+ * modes, direction, alignment. Icon-only segments take their name and tooltip from `label`.
+ */
+export declare function SegmentedControl({ options, value, onValueChange, label, disabled, className, }: SegmentedControlProps): import("react").JSX.Element;
+/** Adds `delta` to a `12px` / `0.5` / `1.5rem` text; `undefined` when the text is not that. */
+export declare function stepNumberText(text: string, delta: number, defaultUnit: string): string | undefined;
+export interface NumberUnitInputProps {
+    readonly id?: string;
+    /** What is stored: `12px`, `0.5`, a token or a keyword. */
+    readonly value: string;
+    readonly onValueChange: (text: string) => void;
+    /** The units the grammar allows; empty for a bare number. Nothing else is offered. */
+    readonly units: readonly string[];
+    /** Accessible name of the unit menu. */
+    readonly unitLabel: string;
+    /** How much an arrow key adds (Shift: x10, Alt: /10). */
+    readonly step?: number;
+    /** The grammar takes a bare number as well as a length: the menu then also offers "no unit". */
+    readonly bareNumber?: boolean;
+    readonly disabled?: boolean;
+    readonly invalid?: boolean;
+    readonly describedBy?: string | undefined;
+    /** The accessible name, when no `<label>` points at the field. */
+    readonly ariaLabel?: string | undefined;
+    readonly list?: string | undefined;
+    readonly placeholder?: string | undefined;
+    /** A narrow field for a row of several (the sides of a box). */
+    readonly compact?: boolean;
+    /** The unit shown while nothing is typed: a row's shared unit. */
+    readonly unit?: string | undefined;
+    /** Leaves the unit menu out: the unit is chosen elsewhere (`unit`). */
+    readonly hideUnitMenu?: boolean;
+    readonly onBlur?: () => void;
+    readonly onFocus?: () => void;
+}
+/**
+ * A field for a number with a unit chosen from a menu: the field holds only the number, the menu
+ * the unit, so nobody has to type `px`. Typing digits keeps the unit shown; typing a keyword or a
+ * token (`auto`, `$space.4`) switches to text and disables the menu until the field is emptied;
+ * typing a whole length (`1.5rem`) still works. ArrowUp/ArrowDown step the number (Shift x10, Alt
+ * /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 interface ColorSwatchProps {
+    /** A colour value from the theme; an unknown notation or `undefined` shows an empty swatch. */
+    readonly color: string | undefined;
+    readonly className?: string;
+}
+/** A small decorative square filled with a colour. */
+export declare function ColorSwatch({ color, className }: ColorSwatchProps): import("react").JSX.Element;
+/** `#abc` and `#aabbcc` as the `#rrggbb` a colour input takes; `undefined` for any other notation. */
+export declare function hexOf(color: string | undefined): string | undefined;
+export interface ColorInputProps {
+    /** The colour being edited, as the theme or the author wrote it; only the swatch paints it. */
+    readonly color: string | undefined;
+    /** Accessible name of the picker. */
+    readonly label: string;
+    readonly disabled?: boolean;
+    /** Called with a `#rrggbb` colour the browser's own picker chose. */
+    readonly onColorChange: (hex: string) => void;
+}
+/**
+ * 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;
+//# sourceMappingURL=primitives.d.ts.map

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

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