@hachej/boring-ui-kit 0.1.111 → 0.2.0

package/dist/html-viewer.js

@@ -0,0 +1,69 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TextDraftControls } from './text-draft-controls.js';
+import { useLayoutEffect, useRef, useState, useSyncExternalStore } from 'react';
+import { passiveHtml } from './html-preview.js';
+function HtmlPreview({ text }) {
+    const container = useRef(null);
+    const [status, setStatus] = useState('unavailable');
+    useLayoutEffect(() => {
+        const host = container.current;
+        if (!host)
+            return;
+        host.replaceChildren();
+        try {
+            const source = passiveHtml(text, host.ownerDocument);
+            const frame = host.ownerDocument.createElement('iframe');
+            frame.setAttribute('sandbox', '');
+            frame.referrerPolicy = 'no-referrer';
+            frame.title = 'HTML preview';
+            frame.className = 'boring-html-viewer__frame';
+            frame.srcdoc = source;
+            host.replaceChildren(frame);
+            setStatus('ready');
+        }
+        catch {
+            host.replaceChildren();
+            setStatus('failed');
+        }
+        return () => { host.replaceChildren(); };
+    }, [text]);
+    return _jsxs("div", { className: "boring-html-viewer__preview", children: [_jsx("p", { role: status === 'failed' ? 'alert' : undefined, children: status === 'ready'
+                    ? 'Preview omits active content, attributes, and external resources.'
+                    : status === 'failed' ? 'Preview unavailable. Source viewing and saving remain available.'
+                        : 'Preview unavailable until this viewer is mounted in a browser.' }), _jsx("div", { ref: container })] });
+}
+function MountedHtmlViewer({ controller, title = 'HTML document', className, header = true, mode: controlledMode, onModeChange }) {
+    const snapshot = useSyncExternalStore(controller.subscribe, controller.getSnapshot, controller.getSnapshot);
+    const [ownMode, setOwnMode] = useState('preview');
+    const mode = controlledMode ?? ownMode;
+    const setMode = (next) => { if (controlledMode === undefined)
+        setOwnMode(next); onModeChange?.(next); };
+    const [error, setError] = useState();
+    const active = useRef(true);
+    useLayoutEffect(() => { active.current = true; return () => { active.current = false; }; }, []);
+    const pending = snapshot.save.kind === 'pending';
+    const unknown = snapshot.save.kind === 'settled' && snapshot.save.result.kind === 'unknown';
+    const disposed = snapshot.lifecycle === 'disposed';
+    const perform = (action) => {
+        setError(undefined);
+        void Promise.resolve().then(action).then(result => {
+            if (active.current && (result.kind === 'denied' || result.kind === 'unavailable'))
+                setError(result.reason);
+        }).catch(() => { if (active.current)
+            setError('The document operation failed. Your source has been retained.'); });
+    };
+    const status = disposed ? 'Viewer disposed' : snapshot.readOnly ? 'Read only' : pending ? 'Saving selected source' : unknown ? 'Save unconfirmed. Reconcile before saving again.' : snapshot.save.kind === 'settled' && snapshot.save.result.kind !== 'saved'
+        ? snapshot.save.result.kind === 'partial' ? 'Save unconfirmed' : snapshot.save.result.reason
+        : snapshot.dirty ? 'Unsaved changes' : 'Saved';
+    return _jsxs("section", { "data-boring": "html-viewer", className: ['boring-html-viewer', className].filter(Boolean).join(' '), "aria-label": title, children: [header && _jsxs("header", { children: [_jsx("strong", { children: title }), _jsx("span", { role: "status", children: status })] }), header && _jsxs("div", { role: "toolbar", "aria-label": "HTML document controls", children: [_jsx("button", { type: "button", "aria-pressed": mode === 'preview', onClick: () => setMode('preview'), children: "HTML preview" }), _jsx("button", { type: "button", "aria-pressed": mode === 'source', onClick: () => setMode('source'), children: "HTML source" }), _jsx("button", { type: "button", disabled: disposed || snapshot.readOnly || !snapshot.dirty || pending || unknown, onClick: () => { const selection = controller.actions.selection(); perform(() => controller.flush(selection)); }, children: "Save" }), _jsx("button", { type: "button", disabled: disposed || pending || unknown, onClick: () => perform(controller.actions.refresh), children: "Refresh" }), _jsx("button", { type: "button", disabled: disposed || !unknown, onClick: () => perform(controller.actions.reconcile), children: "Reconcile save" }), _jsx("button", { type: "button", disabled: disposed || !unknown, onClick: () => perform(controller.actions.abandon), children: "Abandon and refresh, keeping my draft" }), _jsx("button", { type: "button", disabled: disposed || pending || unknown || snapshot.remote === null, onClick: () => perform(controller.actions.discardToRemote), children: "Discard local edits" })] }), _jsx(TextDraftControls, { recovery: snapshot.recovery, actions: controller.actions, readOnly: snapshot.readOnly, blocked: snapshot.lifecycle !== 'active' || snapshot.save.kind === 'pending' || (snapshot.save.kind === 'settled' && snapshot.save.result.kind === 'unknown') }), error && _jsx("p", { role: "alert", children: error }), mode === 'source'
+                ? _jsx("textarea", { className: "boring-html-viewer__source", "aria-label": "HTML source", readOnly: snapshot.readOnly || disposed, value: snapshot.text, onChange: event => { if (!snapshot.readOnly && !disposed)
+                        controller.actions.edit(event.currentTarget.value); } })
+                : _jsx(HtmlPreview, { text: snapshot.text })] });
+}
+export function HtmlViewer(props) {
+    const [mount, setMount] = useState({ controller: props.controller, sequence: 0 });
+    if (mount.controller !== props.controller)
+        setMount({ controller: props.controller, sequence: mount.sequence + 1 });
+    return _jsx(MountedHtmlViewer, { ...props }, mount.sequence);
+}

package/dist/html.d.ts

@@ -0,0 +1,21 @@
+import type { ReadResult } from '@hachej/boring-files';
+import type { TextDraftActions, TextDraftOptions } from './text-draft-types.js';
+import type { EditableViewerController, SaveResult, SaveSelection } from './resources.js';
+import type { TextBufferOptions, TextBufferSource, TextBufferState } from './text-buffer.js';
+export type HtmlSource = TextBufferSource;
+export type HtmlState = TextBufferState;
+export type HtmlOptions = Pick<TextBufferOptions, 'identity' | 'instanceId' | 'epoch' | 'source' | 'client' | 'readOnly' | 'onListenerError'> & {
+    readonly drafts?: TextDraftOptions;
+};
+export interface HtmlActions extends TextDraftActions {
+    readonly edit: (text: string) => void;
+    readonly selection: () => SaveSelection;
+    readonly refresh: () => Promise<ReadResult>;
+    readonly discardToRemote: () => Promise<ReadResult>;
+    readonly reconcile: () => Promise<SaveResult>;
+    /** For an unconfirmed save: stop reconciling and refresh, keeping the draft. The save is never reported committed or replayed. */
+    readonly abandon: () => Promise<ReadResult>;
+}
+export type HtmlController = EditableViewerController<HtmlState, HtmlActions, undefined>;
+export declare function createHtmlController(options: HtmlOptions): HtmlController;
+//# sourceMappingURL=html.d.ts.map

package/dist/html.js

@@ -0,0 +1,21 @@
+import { createTextBuffer } from './text-buffer.js';
+export function createHtmlController(options) {
+    const { drafts, ...bufferOptions } = options;
+    const buffer = createTextBuffer({ ...bufferOptions, ...(drafts ? { drafts: { ...drafts, format: 'html/v1' } } : {}), mediaType: 'text/html', readText: snapshot => {
+            if (snapshot.mediaType !== 'text/html')
+                throw new TypeError('Expected HTML');
+            return new TextDecoder('utf-8', { fatal: true, ignoreBOM: true }).decode(snapshot.bytes);
+        } });
+    return {
+        getSnapshot: buffer.getSnapshot,
+        subscribe: buffer.subscribe,
+        actions: {
+            edit: text => buffer.edit(text), selection: buffer.selection,
+            checkDrafts: buffer.checkDrafts, checkpointDraft: buffer.checkpointDraft, restoreDraft: buffer.restoreDraft, discardDraft: buffer.discardDraft,
+            refresh: () => buffer.refresh(false), discardToRemote: () => buffer.refresh(true), reconcile: buffer.reconcile, abandon: buffer.abandon,
+        },
+        tools: undefined,
+        flush: buffer.flush,
+        dispose: buffer.dispose,
+    };
+}

package/dist/index.d.ts

@@ -1,472 +1,2 @@
-import { ClassValue } from 'clsx';
-export { ClassValue } from 'clsx';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React from 'react';
-import { VariantProps } from 'class-variance-authority';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import * as SelectPrimitive from '@radix-ui/react-select';
-import { Command as Command$1 } from 'cmdk';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import * as LabelPrimitive from '@radix-ui/react-label';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
-import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
-
-declare function cn(...inputs: ClassValue[]): string;
-
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type BadgeProps = React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
-    asChild?: boolean;
-};
-declare function Badge({ className, variant, asChild, ...props }: BadgeProps): React.JSX.Element;
-
-type InputProps = React.ComponentProps<'input'>;
-declare const Input: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
-
-type TextareaProps = React.ComponentProps<'textarea'>;
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
-
-type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>;
-declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): React.JSX.Element;
-declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): React.JSX.Element;
-declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): React.JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): React.JSX.Element;
-
-declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
-declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
-declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
-declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
-declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, overlayClassName, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
-    showCloseButton?: boolean;
-    overlayClassName?: string;
-}): React.JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<'div'> & {
-    showCloseButton?: boolean;
-}): React.JSX.Element;
-declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
-declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
-
-declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
-declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
-declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean;
-    variant?: 'default' | 'destructive';
-}): React.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
-declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
-
-declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): React.JSX.Element;
-declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
-declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): React.JSX.Element;
-declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
-    size?: "sm" | "default";
-}): React.JSX.Element;
-declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.JSX.Element;
-declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.JSX.Element;
-declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
-declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.JSX.Element;
-
-declare function Command({ className, ...props }: React.ComponentProps<typeof Command$1>): React.JSX.Element;
-declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
-    title?: string;
-    description?: string;
-    className?: string;
-    showCloseButton?: boolean;
-}): React.JSX.Element;
-declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Command$1.Input>): React.JSX.Element;
-declare function CommandList({ className, ...props }: React.ComponentProps<typeof Command$1.List>): React.JSX.Element;
-declare function CommandEmpty({ ...props }: React.ComponentProps<typeof Command$1.Empty>): React.JSX.Element;
-declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof Command$1.Group>): React.JSX.Element;
-declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof Command$1.Separator>): React.JSX.Element;
-declare function CommandItem({ className, ...props }: React.ComponentProps<typeof Command$1.Item>): React.JSX.Element;
-declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-
-declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
-declare const tabsListVariants: (props?: ({
-    variant?: "default" | "line" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): React.JSX.Element;
-declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element;
-declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element;
-
-type IconButtonProps = Omit<ButtonProps, 'size'> & {
-    size?: Extract<ButtonProps['size'], 'icon' | 'icon-xs' | 'icon-sm' | 'icon-lg'>;
-};
-declare const IconButton: React.ForwardRefExoticComponent<Omit<ButtonProps, "size"> & {
-    size?: Extract<ButtonProps["size"], "icon" | "icon-xs" | "icon-sm" | "icon-lg">;
-} & React.RefAttributes<HTMLButtonElement>>;
-
-type KbdProps = React.ComponentProps<'kbd'>;
-declare function Kbd({ className, ...props }: KbdProps): React.JSX.Element;
-
-type SpinnerProps = React.ComponentProps<'span'>;
-declare function Spinner({ className, ...props }: SpinnerProps): React.JSX.Element;
-
-type EmptyStateProps = React.ComponentProps<'div'> & {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    icon?: React.ReactNode;
-    actions?: React.ReactNode;
-};
-declare function EmptyState({ className, title, description, icon, actions, children, ...props }: EmptyStateProps): React.JSX.Element;
-
-type ErrorStateProps = React.ComponentProps<'div'> & {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    details?: React.ReactNode;
-    actions?: React.ReactNode;
-};
-declare function ErrorState({ className, title, description, details, actions, children, ...props }: ErrorStateProps): React.JSX.Element;
-
-declare function Pane({ className, ...props }: React.ComponentProps<'section'>): React.JSX.Element;
-declare function PaneHeader({ className, ...props }: React.ComponentProps<'header'>): React.JSX.Element;
-declare function PaneTitle({ className, ...props }: React.ComponentProps<'h2'>): React.JSX.Element;
-declare function PaneDescription({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
-declare function PaneBody({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function PaneFooter({ className, ...props }: React.ComponentProps<'footer'>): React.JSX.Element;
-declare function PaneToolbar({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-
-declare function Field({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function FieldLabel({ className, ...props }: React.ComponentProps<'label'>): React.JSX.Element;
-declare function FieldDescription({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
-declare function FieldError({ className, ...props }: React.ComponentProps<'p'>): React.JSX.Element;
-
-type StatusBadgeTone = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
-type StatusBadgeProps = BadgeProps & {
-    tone?: StatusBadgeTone;
-};
-declare function StatusBadge({ className, tone, variant, ...props }: StatusBadgeProps): React.JSX.Element;
-
-type MeterTone = 'default' | 'warning' | 'danger';
-interface MeterProps extends Omit<React.ComponentProps<'progress'>, 'role' | 'value' | 'max'> {
-    /** Filled fraction as a percentage in the range 0..100. */
-    value: number;
-    /** Accessible label for the progressbar (screen readers). */
-    label?: string;
-    tone?: MeterTone;
-}
-/**
- * Accessible horizontal usage/progress bar. A native `<progress>` element
- * gives the browser the dynamic fill without inline styles, which keeps it
- * compatible with applications that enforce nonce-only style CSPs.
- */
-declare function Meter({ value, label, tone, className, ...props }: MeterProps): React.JSX.Element;
-
-type NoticeTone = 'info' | 'success' | 'warning' | 'error' | 'accent' | 'destructive';
-type NoticeProps = React.ComponentProps<'div'> & {
-    tone?: NoticeTone;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    icon?: React.ReactNode;
-    actions?: React.ReactNode;
-};
-declare function Notice({ className, tone, title, description, icon, actions, children, ...props }: NoticeProps): React.JSX.Element;
-
-type SkeletonProps = React.ComponentProps<'div'>;
-declare function Skeleton({ className, ...props }: SkeletonProps): React.JSX.Element;
-
-type InlineCodeProps = React.ComponentProps<'code'>;
-declare function InlineCode({ className, ...props }: InlineCodeProps): React.JSX.Element;
-
-type ToolbarProps = React.ComponentProps<'div'>;
-declare function Toolbar({ className, ...props }: ToolbarProps): React.JSX.Element;
-type ToolbarGroupProps = React.ComponentProps<'div'>;
-declare function ToolbarGroup({ className, ...props }: ToolbarGroupProps): React.JSX.Element;
-type ToolbarButtonProps = ButtonProps;
-declare function ToolbarButton({ className, variant, size, ...props }: ToolbarButtonProps): React.JSX.Element;
-type ToolbarSeparatorProps = React.ComponentProps<'div'>;
-declare function ToolbarSeparator({ className, ...props }: ToolbarSeparatorProps): React.JSX.Element;
-
-type ChipProps = React.ComponentProps<'span'> & {
-    selected?: boolean;
-};
-declare function Chip({ className, selected, ...props }: ChipProps): React.JSX.Element;
-type ChipButtonProps = ButtonProps & {
-    selected?: boolean;
-};
-declare function ChipButton({ className, selected, variant, size, ...props }: ChipButtonProps): React.JSX.Element;
-type ChipRemoveProps = ButtonProps;
-declare function ChipRemove({ className, children, variant, size, ...props }: ChipRemoveProps): React.JSX.Element;
-
-type SegmentedControlProps = React.ComponentProps<'div'>;
-declare function SegmentedControl({ className, ...props }: SegmentedControlProps): React.JSX.Element;
-type SegmentedControlItemProps = ButtonProps & {
-    selected?: boolean;
-};
-declare function SegmentedControlItem({ className, selected, variant, size, ...props }: SegmentedControlItemProps): React.JSX.Element;
-
-type SettingsPanelProps = React.ComponentProps<'section'> & {
-    icon?: React.ReactNode;
-    testId?: string;
-    title: React.ReactNode;
-    description?: React.ReactNode;
-    footer?: React.ReactNode;
-    danger?: boolean;
-};
-declare function SettingsPanel({ className, icon, title, description, footer, danger, testId, children, ...props }: SettingsPanelProps): React.JSX.Element;
-type SettingsNavItem = {
-    href: string;
-    label: React.ReactNode;
-    description?: React.ReactNode;
-};
-type SettingsNavProps = React.ComponentProps<'nav'> & {
-    label: string;
-    items: SettingsNavItem[];
-};
-declare function SettingsNav({ className, label, items, ...props }: SettingsNavProps): React.JSX.Element;
-type SettingsPageHeaderProps = React.ComponentProps<'header'> & {
-    eyebrow?: React.ReactNode;
-    title: React.ReactNode;
-    description?: React.ReactNode;
-    context?: React.ReactNode;
-};
-declare function SettingsPageHeader({ className, eyebrow, title, description, context, children, ...props }: SettingsPageHeaderProps): React.JSX.Element;
-type SettingsActionRowProps = React.ComponentProps<'div'> & {
-    title: React.ReactNode;
-    description?: React.ReactNode;
-    action: React.ReactNode;
-};
-declare function SettingsActionRow({ className, title, description, action, ...props }: SettingsActionRowProps): React.JSX.Element;
-type DetailLineProps = React.ComponentProps<'div'> & {
-    icon?: React.ReactNode;
-    label: React.ReactNode;
-};
-declare function DetailLine({ className, icon, label, children, ...props }: DetailLineProps): React.JSX.Element;
-
-declare const Disclosure: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
-declare const DisclosureContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-type DisclosureTriggerProps = ButtonProps & {
-    chevron?: React.ReactNode;
-};
-declare const DisclosureTrigger: React.ForwardRefExoticComponent<ButtonProps & {
-    chevron?: React.ReactNode;
-} & React.RefAttributes<HTMLButtonElement>>;
-declare function DisclosureChevron({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
-
-type ResizeHandleOrientation = 'vertical' | 'horizontal';
-type ResizeHandleProps = Omit<React.ComponentProps<'div'>, 'onPointerDown'> & {
-    orientation?: ResizeHandleOrientation;
-    onResizeStart?: (event: React.PointerEvent<HTMLDivElement>) => void;
-};
-declare function ResizeHandle({ className, orientation, onResizeStart, role, tabIndex, ...props }: ResizeHandleProps): React.JSX.Element;
-
-type AvatarProps = React.ComponentProps<'div'>;
-declare function Avatar({ className, ...props }: AvatarProps): React.JSX.Element;
-type AvatarFallbackProps = React.ComponentProps<'span'>;
-declare function AvatarFallback({ className, ...props }: AvatarFallbackProps): React.JSX.Element;
-type InitialsAvatarProps = AvatarProps & {
-    initials: React.ReactNode;
-};
-declare function InitialsAvatar({ initials, className, ...props }: InitialsAvatarProps): React.JSX.Element;
-
-type ToastVariant$1 = 'info' | 'success' | 'error';
-interface ToastInput$1 {
-    title?: string;
-    description?: string;
-    variant?: ToastVariant$1;
-    durationMs?: number;
-}
-interface ToastRecord extends ToastInput$1 {
-    id: string;
-    createdAt: number;
-}
-type Listener = (toasts: ToastRecord[]) => void;
-declare function dismissToast(id: string): void;
-declare function subscribeToasts(listener: Listener): () => void;
-declare function getActiveToasts(): ToastRecord[];
-declare function clearToasts(): void;
-interface ToastApi$1 {
-    (input: string | ToastInput$1): string;
-    success: (input: string | ToastInput$1) => string;
-    error: (input: string | ToastInput$1) => string;
-    info: (input: string | ToastInput$1) => string;
-    dismiss: (id: string) => void;
-}
-declare const toast: ToastApi$1;
-interface ToasterProps {
-    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-    className?: string;
-}
-declare function Toaster({ position, className }: ToasterProps): React.ReactPortal | null;
-
-type LoadingStateProps = React.ComponentProps<'div'> & {
-    label?: React.ReactNode;
-    centered?: boolean;
-};
-declare function LoadingState({ className, label, centered, children, ...props }: LoadingStateProps): React.JSX.Element;
-
-type ListProps = React.ComponentProps<'div'>;
-declare function List({ className, ...props }: ListProps): React.JSX.Element;
-type ListRowProps = React.ComponentProps<'div'> & {
-    interactive?: boolean;
-};
-declare function ListRow({ className, interactive, ...props }: ListRowProps): React.JSX.Element;
-type ListRowMainProps = React.ComponentProps<'div'>;
-declare function ListRowMain({ className, ...props }: ListRowMainProps): React.JSX.Element;
-type ListRowTitleProps = React.ComponentProps<'p'>;
-declare function ListRowTitle({ className, ...props }: ListRowTitleProps): React.JSX.Element;
-type ListRowDescriptionProps = React.ComponentProps<'p'>;
-declare function ListRowDescription({ className, ...props }: ListRowDescriptionProps): React.JSX.Element;
-type ListRowMetaProps = React.ComponentProps<'div'>;
-declare function ListRowMeta({ className, ...props }: ListRowMetaProps): React.JSX.Element;
-type ListRowActionsProps = React.ComponentProps<'div'>;
-declare function ListRowActions({ className, ...props }: ListRowActionsProps): React.JSX.Element;
-
-type DetailListProps = React.ComponentProps<'dl'>;
-declare function DetailList({ className, ...props }: DetailListProps): React.JSX.Element;
-
-type FloatingPanelProps = React.ComponentProps<'div'>;
-declare function FloatingPanel({ className, ...props }: FloatingPanelProps): React.JSX.Element;
-type FloatingPanelHeaderProps = React.ComponentProps<'div'>;
-declare function FloatingPanelHeader({ className, ...props }: FloatingPanelHeaderProps): React.JSX.Element;
-type FloatingPanelBodyProps = React.ComponentProps<'div'>;
-declare function FloatingPanelBody({ className, ...props }: FloatingPanelBodyProps): React.JSX.Element;
-
-declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-
-declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
-
-declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): React.JSX.Element;
-
-type RadioProps = Omit<React.ComponentProps<'input'>, 'type'>;
-declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-
-declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
-declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
-declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
-declare function AlertDialogContent({ className, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
-    size?: "default" | "sm";
-}): React.JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
-declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
-declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
-
-declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.JSX.Element;
-declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): React.JSX.Element;
-declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.JSX.Element;
-declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): React.JSX.Element;
-declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
-
-declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): React.JSX.Element;
-declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React.JSX.Element;
-
-declare function Sheet({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
-declare function SheetTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
-declare function SheetClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
-declare function SheetContent({ className, children, side, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
-    side?: "top" | "right" | "bottom" | "left";
-    showCloseButton?: boolean;
-}): React.JSX.Element;
-declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
-declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
-
-type ToastVariant = 'default' | 'destructive' | 'info' | 'success' | 'warning' | 'error';
-type ToastInput = string | {
-    title?: string;
-    description?: string;
-    variant?: ToastVariant;
-};
-type ToastApi = {
-    toast: (input: ToastInput) => void;
-};
-declare function useToast(): ToastApi;
-
-declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
-declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
-declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
-
-declare const buttonGroupVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>): React.JSX.Element;
-declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<'div'> & {
-    asChild?: boolean;
-}): React.JSX.Element;
-declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
-
-declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
-declare const inputGroupButtonVariants: (props?: ({
-    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, 'size'> & VariantProps<typeof inputGroupButtonVariants>): React.JSX.Element;
-declare function InputGroupText({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
-declare function InputGroupInput({ className, ...props }: React.ComponentProps<'input'>): React.JSX.Element;
-declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<'textarea'>): React.JSX.Element;
-
-declare function ChoiceGroup({ className, ...props }: React.ComponentProps<'fieldset'>): React.JSX.Element;
-declare function ChoiceGroupLegend({ className, ...props }: React.ComponentProps<'legend'>): React.JSX.Element;
-declare function ChoiceItem({ className, ...props }: React.ComponentProps<'label'>): React.JSX.Element;
-declare function ChoiceItemBody({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
-declare function ChoiceItemTitle({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;
-declare function ChoiceItemDescription({ className, ...props }: React.ComponentProps<'small'>): React.JSX.Element;
-
-interface BoringPerspectiveThemeOptions {
-    /** Hide Perspective/d3fc axis titles when surrounding UI already labels the chart. */
-    hideAxisLabels?: boolean;
-    /** Use app sans font for d3fc axis/tick labels instead of Perspective's mono token. */
-    chartTicksUseSans?: boolean;
-}
-declare function boringPerspectiveThemeName(root?: Pick<Element, "classList"> | null | undefined): "Pro Light" | "Pro Dark";
-declare function applyBoringPerspectiveTheme(element: HTMLElement, options?: BoringPerspectiveThemeOptions): void;
-
-export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, type AvatarFallbackProps, type AvatarProps, Badge, type BadgeProps, type BoringPerspectiveThemeOptions, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, ChipButton, type ChipButtonProps, type ChipProps, ChipRemove, type ChipRemoveProps, ChoiceGroup, ChoiceGroupLegend, ChoiceItem, ChoiceItemBody, ChoiceItemDescription, ChoiceItemTitle, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DetailLine, type DetailLineProps, DetailList, type DetailListProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Disclosure, DisclosureChevron, DisclosureContent, DisclosureTrigger, type DisclosureTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ErrorState, type ErrorStateProps, Field, FieldDescription, FieldError, FieldLabel, FloatingPanel, FloatingPanelBody, type FloatingPanelBodyProps, FloatingPanelHeader, type FloatingPanelHeaderProps, type FloatingPanelProps, HoverCard, HoverCardContent, HoverCardTrigger, IconButton, type IconButtonProps, InitialsAvatar, type InitialsAvatarProps, InlineCode, type InlineCodeProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, type InputProps, Kbd, type KbdProps, Label, List, type ListProps, ListRow, ListRowActions, type ListRowActionsProps, ListRowDescription, type ListRowDescriptionProps, ListRowMain, type ListRowMainProps, ListRowMeta, type ListRowMetaProps, type ListRowProps, ListRowTitle, type ListRowTitleProps, LoadingState, type LoadingStateProps, Meter, type MeterProps, type MeterTone, Notice, type NoticeProps, type NoticeTone, Pane, PaneBody, PaneDescription, PaneFooter, PaneHeader, PaneTitle, PaneToolbar, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Radio, type RadioProps, ResizeHandle, type ResizeHandleOrientation, type ResizeHandleProps, ScrollArea, ScrollBar, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SeparatorProps, SettingsActionRow, type SettingsActionRowProps, SettingsNav, type SettingsNavItem, type SettingsNavProps, SettingsPageHeader, type SettingsPageHeaderProps, SettingsPanel, type SettingsPanelProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, StatusBadge, type StatusBadgeProps, type StatusBadgeTone, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, type ToastApi$1 as ToastApi, type ToastApi as ToastEventApi, type ToastInput as ToastEventInput, type ToastVariant as ToastEventVariant, type ToastInput$1 as ToastInput, type ToastRecord, type ToastVariant$1 as ToastVariant, Toaster, type ToasterProps, Toolbar, ToolbarButton, type ToolbarButtonProps, ToolbarGroup, type ToolbarGroupProps, type ToolbarProps, ToolbarSeparator, type ToolbarSeparatorProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, applyBoringPerspectiveTheme, badgeVariants, boringPerspectiveThemeName, buttonGroupVariants, buttonVariants, clearToasts, cn, dismissToast, getActiveToasts, subscribeToasts, tabsListVariants, toast, useToast };
+export type * from './contracts.js';
+//# sourceMappingURL=index.d.ts.map