@zylem/ui 0.9.6 → 0.9.8

package/etc/ui.api.md

@@ -0,0 +1,1938 @@
+## API Report File for "@zylem/ui"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { Accessor } from 'solid-js';
+import { Component } from 'solid-js';
+import { JSX } from 'solid-js';
+
+// @public
+export function Accordion(props: AccordionProps): JSX.Element;
+
+// @public (undocumented)
+export interface AccordionItemConfig {
+    // (undocumented)
+    content: () => JSX.Element;
+    // (undocumented)
+    id: string;
+    // (undocumented)
+    title: JSX.Element;
+}
+
+// @public (undocumented)
+export interface AccordionProps {
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    collapsible?: boolean;
+    contentClass?: string;
+    // (undocumented)
+    defaultValue?: string[];
+    headingLevel?: HeadingLevel;
+    // (undocumented)
+    items: AccordionItemConfig[];
+    // (undocumented)
+    multiple?: boolean;
+    // (undocumented)
+    onChange?: (value: string[]) => void;
+    stack?: boolean;
+    // (undocumented)
+    value?: string[];
+}
+
+// @public
+export function AddTile(props: AddTileProps): JSX;
+
+// @public (undocumented)
+export interface AddTileProps {
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    disabled?: boolean;
+    label?: string;
+    // (undocumented)
+    onClick?: (event: MouseEvent) => void;
+    variant?: AddTileVariant;
+}
+
+// @public (undocumented)
+export type AddTileVariant = 'square' | 'tall' | 'fill';
+
+// @public
+export function arcPath(cx: number, cy: number, radius: number, from: number, to: number): string;
+
+// @public (undocumented)
+export const ART_TOOL_ICONS: Record<ArtTool, IconComponent>;
+
+// @public (undocumented)
+export const ART_TOOL_LABELS: Record<ArtTool, string>;
+
+// @public
+export const ART_TOOLS: readonly ArtTool[];
+
+// @public
+export type ArtTool = 'pencil' | 'fill' | 'eraser' | 'rectangle' | 'ellipse' | 'select' | 'eyedropper' | 'move';
+
+// @public
+export function Badge(props: BadgeProps): JSX.Element;
+
+// @public (undocumented)
+export interface BadgeProps {
+    // (undocumented)
+    children: JSX.Element;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    tone?: BadgeTone;
+}
+
+// @public (undocumented)
+export type BadgeTone = 'info' | 'warning' | 'error' | 'success' | 'neutral';
+
+// @public (undocumented)
+export const BUILD_LABEL_ID = "zylem-build-label";
+
+// @public
+export function BuildLabel(props: BuildLabelProps): JSX;
+
+// @public (undocumented)
+export interface BuildLabelModel {
+    packages?: Record<string, string>;
+    prefer?: string;
+    version?: string;
+}
+
+// @public (undocumented)
+export type BuildLabelProps = BuildLabelModel;
+
+// @public
+export function Button(props: ButtonProps): JSX.Element;
+
+// @public (undocumented)
+export interface ButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    icon?: JSX.Element | undefined;
+    on?: boolean | undefined;
+    // (undocumented)
+    size?: ButtonSize;
+    // (undocumented)
+    variant?: ButtonVariant;
+}
+
+// @public (undocumented)
+export type ButtonSize = 'sm' | 'md' | 'lg' | 'icon';
+
+// @public (undocumented)
+export type ButtonVariant = 'default' | 'primary' | 'active' | 'danger' | 'ghost';
+
+// @public
+export function Callout(props: CalloutProps): JSX.Element;
+
+// @public (undocumented)
+export interface CalloutProps {
+    // (undocumented)
+    children: JSX.Element;
+    // (undocumented)
+    class?: string;
+    title?: JSX.Element;
+    // (undocumented)
+    tone?: CalloutTone;
+}
+
+// @public (undocumented)
+export type CalloutTone = 'info' | 'warning' | 'error' | 'success';
+
+// @public (undocumented)
+export const CAMERA_ICONS: readonly [{
+    readonly name: "perspective";
+    readonly label: "Perspective";
+    readonly Icon: Component<ZylemIconProps>;
+}, {
+    readonly name: "sideview-perspective";
+    readonly label: "Side view";
+    readonly Icon: Component<ZylemIconProps>;
+}, {
+    readonly name: "top-down-perspective";
+    readonly label: "Top down";
+    readonly Icon: Component<ZylemIconProps>;
+}, {
+    readonly name: "isometric-perspective";
+    readonly label: "Isometric";
+    readonly Icon: Component<ZylemIconProps>;
+}, {
+    readonly name: "free-perspective";
+    readonly label: "Free / orbit";
+    readonly Icon: Component<ZylemIconProps>;
+}, {
+    readonly name: "game-camera";
+    readonly label: "Game camera";
+    readonly Icon: Component<ZylemIconProps>;
+}];
+
+// @public
+export const CAMERA_VIEWS: readonly [{
+    readonly name: "view-iso-left-top";
+    readonly label: "Iso left/top";
+    readonly Icon: Component<ZylemIconProps>;
+}, {
+    readonly name: "view-top";
+    readonly label: "Top";
+    readonly Icon: Component<ZylemIconProps>;
+}, {
+    readonly name: "view-iso-right-top";
+    readonly label: "Iso right/top";
+    readonly Icon: Component<ZylemIconProps>;
+}, {
+    readonly name: "view-right";
+    readonly label: "Right";
+    readonly Icon: Component<ZylemIconProps>;
+}, {
+    readonly name: "view-iso-right-bottom";
+    readonly label: "Iso right/bottom";
+    readonly Icon: Component<ZylemIconProps>;
+}, {
+    readonly name: "view-bottom";
+    readonly label: "Bottom";
+    readonly Icon: Component<ZylemIconProps>;
+}, {
+    readonly name: "view-iso-left-bottom";
+    readonly label: "Iso left/bottom";
+    readonly Icon: Component<ZylemIconProps>;
+}, {
+    readonly name: "view-left";
+    readonly label: "Left";
+    readonly Icon: Component<ZylemIconProps>;
+}];
+
+// @public (undocumented)
+export type CameraIcon = Component<ZylemIconProps>;
+
+// @public (undocumented)
+export type CameraIconName = keyof typeof cameraIconNodes;
+
+// @public (undocumented)
+export const cameraIconNodes: {
+    readonly perspective: IconNode;
+    readonly 'sideview-perspective': IconNode;
+    readonly 'top-down-perspective': IconNode;
+    readonly 'isometric-perspective': IconNode;
+    readonly 'free-perspective': IconNode;
+    readonly 'game-camera': IconNode;
+    readonly 'view-left': IconNode;
+    readonly 'view-iso-left-top': IconNode;
+    readonly 'view-top': IconNode;
+    readonly 'view-iso-right-top': IconNode;
+    readonly 'view-right': IconNode;
+    readonly 'view-iso-right-bottom': IconNode;
+    readonly 'view-bottom': IconNode;
+    readonly 'view-iso-left-bottom': IconNode;
+};
+
+// @public
+export function Card(props: CardProps): JSX.Element;
+
+// @public (undocumented)
+export interface CardProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'title'> {
+    children?: JSX.Element;
+    // (undocumented)
+    description?: JSX.Element;
+    headingLevel?: HeadingLevel;
+    interactive?: boolean;
+    media?: JSX.Element;
+    // (undocumented)
+    selected?: boolean;
+    // (undocumented)
+    title?: JSX.Element;
+}
+
+// @public
+export function cellStart(beats: number, snap: number | undefined, length: number): number;
+
+// @public
+export function Checkbox(props: CheckboxProps): JSX;
+
+// @public (undocumented)
+export interface CheckboxProps {
+    'aria-label'?: string;
+    // (undocumented)
+    checked?: boolean;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    defaultChecked?: boolean;
+    // (undocumented)
+    disabled?: boolean;
+    // (undocumented)
+    label?: string;
+    // (undocumented)
+    name?: string;
+    // (undocumented)
+    onChange?: (checked: boolean) => void;
+}
+
+// @public (undocumented)
+export interface ClipBounds {
+    // (undocumented)
+    length: number;
+    // (undocumented)
+    start: number;
+}
+
+// @public
+export function ColorPalette(props: ColorPaletteProps): JSX;
+
+// @public (undocumented)
+export interface ColorPaletteProps {
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    colors: readonly string[];
+    includeTransparent?: boolean;
+    onAdd?: () => void;
+    // (undocumented)
+    onSelect?: (color: string) => void;
+    value?: string;
+}
+
+// @public (undocumented)
+export function computePeaks(source: PeakSource | Float32Array, bins: number): Float32Array;
+
+// @public
+export function ConfirmDialog(props: ConfirmDialogProps): JSX.Element;
+
+// @public (undocumented)
+export interface ConfirmDialogProps {
+    // (undocumented)
+    cancelLabel?: string;
+    // (undocumented)
+    confirmLabel?: string;
+    // (undocumented)
+    danger?: boolean;
+    // (undocumented)
+    message: JSX.Element;
+    // (undocumented)
+    onConfirm: () => void;
+    // (undocumented)
+    onOpenChange: (open: boolean) => void;
+    // (undocumented)
+    open: boolean;
+    // (undocumented)
+    title?: JSX.Element;
+}
+
+// @public
+function Console_2(props: ConsoleProps): JSX.Element;
+export { Console_2 as Console }
+
+// @public (undocumented)
+export interface ConsoleProps {
+    actions?: JSX.Element;
+    // (undocumented)
+    class?: string;
+    label?: string;
+    // (undocumented)
+    onClear?: () => void;
+    onInput?: (value: string) => void;
+    // (undocumented)
+    readOnly?: boolean;
+    value: string;
+}
+
+// @public
+export function createDismissGuard(): DismissGuard;
+
+// @public
+export function createZylemIcon(name: string, iconNode: IconNode, options?: ZylemIconOptions): Component<ZylemIconProps>;
+
+// @public
+export function Dialog(props: DialogProps): JSX.Element;
+
+// @public (undocumented)
+export interface DialogProps {
+    'aria-describedby'?: string;
+    'aria-label'?: string;
+    bodyClass?: string;
+    // (undocumented)
+    children: JSX.Element;
+    class?: string;
+    footer?: JSX.Element;
+    headerExtra?: JSX.Element;
+    // (undocumented)
+    onOpenChange?: (open: boolean) => void;
+    // (undocumented)
+    open?: boolean;
+    role?: 'dialog' | 'alertdialog';
+    // (undocumented)
+    size?: DialogSize;
+    subtitle?: JSX.Element;
+    // (undocumented)
+    title?: JSX.Element;
+}
+
+// @public
+export type DialogSize = 'md' | 'lg' | 'fullscreen';
+
+// @public
+export interface DismissalEvent {
+    // (undocumented)
+    detail: {
+        originalEvent: Event;
+    };
+    // (undocumented)
+    preventDefault: () => void;
+}
+
+// @public (undocumented)
+export interface DismissGuard {
+    onInteractOutside: (event: DismissalEvent) => void;
+    ref: (element: HTMLElement) => void;
+}
+
+// @public
+export const Dock: Component<ZylemIconProps>;
+
+// @public
+export interface DockOption {
+    // (undocumented)
+    id: DockPosition;
+    // (undocumented)
+    label: string;
+}
+
+// @public
+export type DockPosition = 'left' | 'right' | 'top' | 'float' | 'bottom';
+
+// @public
+export function DropdownMenu(props: DropdownMenuProps): JSX.Element;
+
+// @public (undocumented)
+export interface DropdownMenuItemConfig {
+    checked?: boolean;
+    closeOnSelect?: boolean;
+    // (undocumented)
+    danger?: boolean;
+    // (undocumented)
+    disabled?: boolean;
+    // (undocumented)
+    id: string;
+    // (undocumented)
+    label: JSX.Element;
+    // (undocumented)
+    onSelect?: () => void;
+    separatorAbove?: boolean;
+    // (undocumented)
+    shortcut?: string;
+}
+
+// @public (undocumented)
+export interface DropdownMenuProps {
+    // (undocumented)
+    items: DropdownMenuItemConfig[];
+    // (undocumented)
+    placement?: 'bottom-start' | 'bottom-end' | 'bottom' | 'top-start' | 'top-end' | 'top' | 'right-start' | 'left-start';
+    trigger: JSX.Element;
+    triggerClass?: string;
+    triggerLabel?: string;
+}
+
+// @public
+export function EmptyState(props: EmptyStateProps): JSX.Element;
+
+// @public (undocumented)
+export interface EmptyStateProps {
+    action?: JSX.Element;
+    // (undocumented)
+    children?: JSX.Element;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    title?: JSX.Element;
+}
+
+// @public
+export function ensureLayerContainer(node: Node | null | undefined): HTMLElement;
+
+// @public
+export function filterItems<T extends PickerItem>(items: T[], query: string): T[];
+
+// @public
+export function formatBeats(beats: number, beatsPerBar?: number): string;
+
+// @public
+export function formatBuildLabel(version: string): string;
+
+// @public
+export function formatClock(seconds: number): string;
+
+// @public
+export function formatDb(value: number, floor?: number): string;
+
+// @public
+export function formatPan(value: number): string;
+
+// @public
+export function formatSeconds(seconds: number): string;
+
+// @public
+export function formatTransportTime(time: number, unit: TimeUnit, beatsPerBar?: number): string;
+
+// @public
+export function FrameActions(props: FrameActionsProps): JSX.Element;
+
+// @public (undocumented)
+export interface FrameActionsProps {
+    // (undocumented)
+    canDelete?: boolean;
+    // (undocumented)
+    canDuplicate?: boolean;
+    // (undocumented)
+    canMoveLeft?: boolean;
+    // (undocumented)
+    canMoveRight?: boolean;
+    // (undocumented)
+    canNext?: boolean;
+    // (undocumented)
+    canPrev?: boolean;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    onDelete?: () => void;
+    // (undocumented)
+    onDuplicate?: () => void;
+    onMoveLeft?: () => void;
+    onMoveRight?: () => void;
+    // (undocumented)
+    onNext?: () => void;
+    // (undocumented)
+    onPrev?: () => void;
+}
+
+// @public
+export function FrameStrip(props: FrameStripProps): JSX.Element;
+
+// @public (undocumented)
+export interface FrameStripProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    children: JSX.Element;
+    label?: string;
+    title?: string;
+}
+
+// @public
+export function FrameThumb(props: FrameThumbProps): JSX.Element;
+
+// @public (undocumented)
+export interface FrameThumbProps {
+    children?: JSX.Element;
+    // (undocumented)
+    class?: string;
+    index: number;
+    // (undocumented)
+    label?: string;
+    // (undocumented)
+    onClick?: (event: MouseEvent) => void;
+    // (undocumented)
+    selected?: boolean;
+}
+
+// @public (undocumented)
+export const FreePerspective: Component<ZylemIconProps>;
+
+// @public
+export const GameCamera: Component<ZylemIconProps>;
+
+// @public
+export function groupItems<T extends PickerItem>(items: T[]): PickerGroup<T>[];
+
+// @public
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+
+// @public (undocumented)
+export type IconComponent = Component<JSX.SvgSVGAttributes<SVGSVGElement>>;
+
+// @public
+export type IconNode = [
+elementName: 'rect' | 'path',
+attributes: Record<string, string>
+][];
+
+// @public
+export function intervalTicks(intervals: number, min: number, max: number): number[];
+
+// @public (undocumented)
+export function isBlackKey(pitch: number): boolean;
+
+// @public
+export const IsometricPerspective: Component<ZylemIconProps>;
+
+// @public
+export function ItemPicker<T extends PickerItem>(props: ItemPickerProps<T>): JSX.Element;
+
+// @public (undocumented)
+export interface ItemPickerProps<T extends PickerItem = PickerItem> {
+    autoFocus?: boolean | undefined;
+    // (undocumented)
+    class?: string | undefined;
+    emptyMessage?: JSX.Element | undefined;
+    // (undocumented)
+    items: T[];
+    // (undocumented)
+    onSelect: (item: T) => void;
+    searchable?: boolean | undefined;
+    // (undocumented)
+    searchPlaceholder?: string | undefined;
+    selectedId?: string | null | undefined;
+}
+
+// @public
+export function Kbd(props: KbdProps): JSX.Element;
+
+// @public (undocumented)
+export interface KbdProps {
+    // (undocumented)
+    children: JSX.Element;
+    // (undocumented)
+    class?: string;
+}
+
+// @public
+export function KeyframeMarker(props: KeyframeMarkerProps): JSX.Element;
+
+// @public (undocumented)
+export interface KeyframeMarkerProps {
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    color?: string;
+    // (undocumented)
+    disabled?: boolean;
+    // (undocumented)
+    label?: string;
+    onChange?: (time: number) => void;
+    onCommit?: (time: number) => void;
+    // (undocumented)
+    onDoubleClick?: () => void;
+    onSelect?: (event: MouseEvent | KeyboardEvent) => void;
+    // (undocumented)
+    selected?: boolean;
+    shape?: 'diamond' | 'pin';
+    // (undocumented)
+    time: number;
+}
+
+// @public
+export function Knob(props: KnobProps): JSX;
+
+// @public (undocumented)
+export interface KnobProps {
+    'aria-label'?: string;
+    bipolar?: boolean;
+    // (undocumented)
+    class?: string;
+    defaultValue?: number;
+    // (undocumented)
+    disabled?: boolean;
+    format?: (value: number) => string;
+    label?: string;
+    // (undocumented)
+    max?: number;
+    // (undocumented)
+    min?: number;
+    // (undocumented)
+    onChange?: (value: number) => void;
+    onCommit?: (value: number) => void;
+    // (undocumented)
+    size?: number;
+    // (undocumented)
+    step?: number;
+    // (undocumented)
+    value: number;
+}
+
+// @public
+export const LAYER_PORTAL_CLASS = "zylem-layer-portals";
+
+// @public
+export function LayerProvider(props: LayerProviderProps): JSX.Element;
+
+// @public (undocumented)
+export interface LayerProviderProps {
+    // (undocumented)
+    children: JSX.Element;
+}
+
+// @public
+export function LayerScope(props: LayerScopeProps): JSX.Element;
+
+// @public (undocumented)
+export interface LayerScopeProps {
+    // (undocumented)
+    children: JSX.Element;
+    // (undocumented)
+    class?: string | undefined;
+    // (undocumented)
+    style?: JSX.CSSProperties | undefined;
+}
+
+// @public
+export type LayerTier = 'base' | 'panel' | 'modal' | 'popover' | 'tooltip' | 'menu';
+
+// @public
+export function majorTickTimes(options: RulerTickOptions): number[];
+
+// @public
+export function markerPercent(t: number, min: number, max: number): number;
+
+// @public
+export function Menubar(props: MenubarProps): JSX.Element;
+
+// @public (undocumented)
+export interface MenubarMenuConfig {
+    // (undocumented)
+    disabled?: boolean;
+    // (undocumented)
+    id: string;
+    items: DropdownMenuItemConfig[] | (() => DropdownMenuItemConfig[]);
+    // (undocumented)
+    label: JSX.Element;
+}
+
+// @public (undocumented)
+export interface MenubarProps {
+    // (undocumented)
+    'aria-label'?: string;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    menus: MenubarMenuConfig[];
+    triggerClass?: string;
+}
+
+// @public
+export function MenuButton(props: MenuButtonProps): JSX.Element;
+
+// @public (undocumented)
+export interface MenuButtonProps {
+    children: JSX.Element;
+    // (undocumented)
+    class?: string | undefined;
+    // (undocumented)
+    disabled?: boolean | undefined;
+    label: string;
+    menu: (close: () => void) => JSX.Element;
+    on?: boolean | undefined;
+    onAction?: (() => void) | undefined;
+    // (undocumented)
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    open?: boolean | undefined;
+    // (undocumented)
+    placement?: 'bottom-start' | 'bottom-end' | 'bottom' | 'top-start' | 'top-end' | 'top' | undefined;
+    selected?: boolean | undefined;
+    tooltip?: string | null | undefined;
+}
+
+// @public
+export function MenuItems(props: {
+    items: DropdownMenuItemConfig[];
+}): JSX.Element;
+
+// @public
+export function MixerStrip(props: MixerStripProps): JSX;
+
+// @public (undocumented)
+export interface MixerStripProps {
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    color?: string;
+    // (undocumented)
+    disabled?: boolean;
+    level?: number;
+    master?: boolean;
+    // (undocumented)
+    maxVolume?: number;
+    // (undocumented)
+    minVolume?: number;
+    muted?: boolean;
+    // (undocumented)
+    name: string;
+    // (undocumented)
+    onPanChange?: (pan: number) => void;
+    // (undocumented)
+    onPanCommit?: (pan: number) => void;
+    onSelect?: () => void;
+    // (undocumented)
+    onToggleMute?: () => void;
+    // (undocumented)
+    onToggleSolo?: () => void;
+    // (undocumented)
+    onVolumeChange?: (volume: number) => void;
+    // (undocumented)
+    onVolumeCommit?: (volume: number) => void;
+    pan?: number;
+    // (undocumented)
+    selected?: boolean;
+    // (undocumented)
+    solo?: boolean;
+    volume: number;
+}
+
+// @public
+export function mountBuildLabel(model: BuildLabelModel, parent?: ParentNode): HTMLElement;
+
+// @public (undocumented)
+export interface NoteDragOptions {
+    deltaBeats: number;
+    deltaRows: number;
+    length: number;
+    // (undocumented)
+    maxPitch: number;
+    // (undocumented)
+    minDuration?: number;
+    // (undocumented)
+    minPitch: number;
+    // (undocumented)
+    mode: 'move' | 'resize';
+    origin: readonly PianoRollNote[];
+    // (undocumented)
+    snap?: number;
+}
+
+// @public
+export function NumberField(props: NumberFieldProps): JSX;
+
+// @public (undocumented)
+export interface NumberFieldProps {
+    'aria-label'?: string;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    disabled?: boolean;
+    // (undocumented)
+    error?: string;
+    // (undocumented)
+    label?: string;
+    // (undocumented)
+    maxValue?: number;
+    // (undocumented)
+    minValue?: number;
+    // (undocumented)
+    name?: string;
+    onChange?: (value: number) => void;
+    onCommit?: (value: number) => void;
+    // (undocumented)
+    placeholder?: string;
+    // (undocumented)
+    step?: number;
+    // (undocumented)
+    value?: number;
+}
+
+// @public
+export function Panel(props: PanelProps): JSX.Element;
+
+// @public (undocumented)
+export interface PanelProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'title'> {
+    bodyClass?: string;
+    borderless?: boolean;
+    // (undocumented)
+    children?: JSX.Element;
+    flush?: boolean;
+    headerActions?: JSX.Element;
+    headingLevel?: HeadingLevel;
+    title?: JSX.Element;
+    window?: boolean;
+}
+
+// @public
+export function peaksFromAudioBuffer(buffer: {
+    numberOfChannels: number;
+    getChannelData(channel: number): Float32Array;
+}, bins: number): Float32Array;
+
+// @public
+export interface PeakSource {
+    channels: readonly Float32Array[];
+}
+
+// @public
+export const Perspective: Component<ZylemIconProps>;
+
+// @public
+export function PianoRoll(props: PianoRollProps): JSX;
+
+// @public (undocumented)
+export interface PianoRollNote {
+    duration: number;
+    // (undocumented)
+    id: string;
+    pitch: number;
+    start: number;
+    velocity?: number;
+}
+
+// @public (undocumented)
+export interface PianoRollProps {
+    // (undocumented)
+    beatsPerBar?: number;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    disabled?: boolean;
+    length: number;
+    maxPitch?: number;
+    minPitch?: number;
+    newNoteDuration?: number;
+    // (undocumented)
+    notes: readonly PianoRollNote[];
+    onAddNote?: (note: {
+        pitch: number;
+        start: number;
+        duration: number;
+    }) => void;
+    onChangeNotes?: (notes: PianoRollNote[]) => void;
+    onCommitNotes?: (notes: PianoRollNote[]) => void;
+    onDeleteNotes?: (ids: string[]) => void;
+    onPreviewPitch?: (pitch: number) => void;
+    // (undocumented)
+    onSelect?: (ids: string[]) => void;
+    // (undocumented)
+    pixelsPerBeat?: number;
+    // (undocumented)
+    playhead?: number;
+    // (undocumented)
+    rowHeight?: number;
+    // (undocumented)
+    selectedIds?: readonly string[];
+    showVelocity?: boolean;
+    snap?: number;
+}
+
+// @public (undocumented)
+export interface PickerGroup<T extends PickerItem = PickerItem> {
+    // (undocumented)
+    group: string;
+    // (undocumented)
+    items: T[];
+}
+
+// @public
+export interface PickerItem {
+    description?: string | undefined;
+    // (undocumented)
+    disabled?: boolean | undefined;
+    group?: string | undefined;
+    icon?: string | undefined;
+    // (undocumented)
+    id: string;
+    // (undocumented)
+    label: string;
+    tags?: string[] | undefined;
+}
+
+// @public
+export function pitchName(pitch: number): string;
+
+// @public
+export function PixelGrid(props: PixelGridProps): JSX.Element;
+
+// @public (undocumented)
+export interface PixelGridProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    checkerCell?: number;
+    children?: JSX.Element;
+    height: number;
+    width: number;
+    zoom?: number;
+}
+
+// @public
+export function PlaybackControls(props: PlaybackControlsProps): JSX.Element;
+
+// @public (undocumented)
+export interface PlaybackControlsProps {
+    children?: JSX.Element;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    disabled?: boolean;
+    loop?: boolean;
+    // (undocumented)
+    onFastForward?: () => void;
+    // (undocumented)
+    onRewind?: () => void;
+    // (undocumented)
+    onToggleLoop?: () => void;
+    // (undocumented)
+    onTogglePlay: () => void;
+    // (undocumented)
+    playing: boolean;
+}
+
+// @public
+export function Progress(props: ProgressProps): JSX;
+
+// @public (undocumented)
+export interface ProgressProps {
+    'aria-label'?: string;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    indeterminate?: boolean;
+    // (undocumented)
+    label?: string;
+    // (undocumented)
+    maxValue?: number;
+    // (undocumented)
+    minValue?: number;
+    // (undocumented)
+    showValue?: boolean;
+    // (undocumented)
+    value?: number;
+}
+
+// @public
+export function PropertyList(props: PropertyListProps): JSX.Element;
+
+// @public (undocumented)
+export interface PropertyListProps {
+    // (undocumented)
+    children: JSX.Element;
+    // (undocumented)
+    class?: string;
+    labelWidth?: string;
+}
+
+// @public
+export function PropertyRow(props: PropertyRowProps): JSX.Element;
+
+// @public (undocumented)
+export interface PropertyRowProps {
+    children?: JSX.Element | undefined;
+    isPath?: boolean | undefined;
+    // (undocumented)
+    label: string;
+    maxPathSegments?: number | undefined;
+    onPathClick?: ((fullValue: string) => void) | undefined;
+    value?: string | number | JSX.Element | undefined;
+    // (undocumented)
+    valueClass?: string | undefined;
+}
+
+// @public
+export function resolveBuildVersion(model: BuildLabelModel): string;
+
+// @public
+export function resolveClipDrag(options: ResolveClipDragOptions): ClipBounds;
+
+// @public (undocumented)
+export interface ResolveClipDragOptions {
+    delta: number;
+    length: number;
+    // (undocumented)
+    minLength?: number;
+    // (undocumented)
+    mode: 'move' | 'start' | 'end';
+    // (undocumented)
+    origin: ClipBounds;
+    // (undocumented)
+    snap?: number;
+}
+
+// @public (undocumented)
+export interface ResolvedLayer {
+    anchorRef: (element: Element) => void;
+    mount: Accessor<HTMLElement | undefined>;
+    zIndex: Accessor<string>;
+}
+
+// @public
+export function resolveLayerRoot(node: Node | null | undefined): ShadowRoot | HTMLElement;
+
+// @public
+export function resolveNoteDrag(options: NoteDragOptions): PianoRollNote[];
+
+// @public (undocumented)
+export interface RulerTick {
+    label?: string;
+    // (undocumented)
+    major: boolean;
+    // (undocumented)
+    time: number;
+}
+
+// @public (undocumented)
+export interface RulerTickOptions {
+    length: number;
+    minLabelSpacing?: number;
+    minMinorSpacing?: number;
+    // (undocumented)
+    scale: TimeScale;
+}
+
+// @public
+export function rulerTicks(options: RulerTickOptions): RulerTick[];
+
+// @public
+export function ScrollArea(props: ScrollAreaProps): JSX.Element;
+
+// @public (undocumented)
+export interface ScrollAreaProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    // (undocumented)
+    children?: JSX.Element;
+    direction?: 'vertical' | 'horizontal' | 'both';
+}
+
+// @public
+export function SearchInput(props: SearchInputProps): JSX.Element;
+
+// @public (undocumented)
+export interface SearchInputProps {
+    // (undocumented)
+    'aria-label'?: string;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    onInput?: (value: string) => void;
+    // (undocumented)
+    onKeyDown?: JSX.EventHandlerUnion<HTMLInputElement, KeyboardEvent>;
+    // (undocumented)
+    placeholder?: string;
+    ref?: (element: HTMLInputElement) => void;
+    // (undocumented)
+    value?: string;
+}
+
+// @public
+export function Select(props: SelectProps): JSX;
+
+// @public (undocumented)
+export interface SelectOption {
+    // (undocumented)
+    disabled?: boolean;
+    // (undocumented)
+    label: string;
+    // (undocumented)
+    value: string;
+}
+
+// @public (undocumented)
+export interface SelectProps {
+    'aria-label'?: string;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    disabled?: boolean;
+    // (undocumented)
+    label?: string;
+    // (undocumented)
+    name?: string;
+    // (undocumented)
+    onChange?: (value: string | null) => void;
+    // (undocumented)
+    options: SelectOption[];
+    // (undocumented)
+    placeholder?: string;
+    // (undocumented)
+    value?: string;
+}
+
+// @public
+export function Separator(props: SeparatorProps): JSX;
+
+// @public (undocumented)
+export interface SeparatorProps {
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    orientation?: 'horizontal' | 'vertical';
+}
+
+// @public
+export function Sidebar(props: SidebarProps): JSX.Element;
+
+// @public (undocumented)
+export namespace Sidebar {
+    var // (undocumented)
+    Section: typeof SidebarSection;
+    var // (undocumented)
+    Item: typeof SidebarItem;
+}
+
+// @public (undocumented)
+export function SidebarItem(props: SidebarItemProps): JSX.Element;
+
+// @public
+export const sidebarItemClass = "sidebar-item";
+
+// @public (undocumented)
+export interface SidebarItemProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    active?: boolean;
+    // (undocumented)
+    children?: JSX.Element;
+}
+
+// @public (undocumented)
+export interface SidebarProps extends JSX.HTMLAttributes<HTMLElement> {
+    as?: 'aside' | 'nav';
+    borderless?: boolean;
+    // (undocumented)
+    children?: JSX.Element;
+}
+
+// @public
+export function SidebarSection(props: SidebarSectionProps): JSX.Element;
+
+// @public (undocumented)
+export interface SidebarSectionProps {
+    // (undocumented)
+    children?: JSX.Element;
+    // (undocumented)
+    class?: string;
+    headingLevel?: HeadingLevel;
+    // (undocumented)
+    title?: JSX.Element;
+}
+
+// @public
+export const SideviewPerspective: Component<ZylemIconProps>;
+
+// @public
+export function Slider(props: SliderProps): JSX;
+
+// @public (undocumented)
+export interface SliderProps {
+    'aria-label'?: string;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    disabled?: boolean;
+    // (undocumented)
+    label?: string;
+    // (undocumented)
+    maxValue?: number;
+    // (undocumented)
+    minValue?: number;
+    // (undocumented)
+    onChange?: (value: number) => void;
+    onCommit?: (value: number) => void;
+    // (undocumented)
+    showValue?: boolean;
+    // (undocumented)
+    step?: number;
+    // (undocumented)
+    value?: number;
+}
+
+// @public (undocumented)
+export interface SnapOptions {
+    // (undocumented)
+    max: number;
+    // (undocumented)
+    min: number;
+    // (undocumented)
+    step: number;
+}
+
+// @public
+export function snapSize(value: number, options: SnapOptions): number;
+
+// @public
+export function snapTime(t: number, snap?: number): number;
+
+// @public
+export const SPRITE_SIZE_PRESETS: readonly number[];
+
+// @public
+export interface SpriteSize {
+    // (undocumented)
+    height: number;
+    // (undocumented)
+    width: number;
+}
+
+// @public
+export function SpriteSizePicker(props: SpriteSizePickerProps): JSX;
+
+// @public (undocumented)
+export interface SpriteSizePickerProps {
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    height: number;
+    max?: number;
+    min?: number;
+    // (undocumented)
+    onChange: (size: SpriteSize) => void;
+    presets?: readonly number[];
+    showFields?: boolean;
+    stageSize?: number;
+    step?: number;
+    // (undocumented)
+    width: number;
+}
+
+// @public
+export function Swatch(props: SwatchProps): JSX;
+
+// @public (undocumented)
+export interface SwatchProps {
+    // (undocumented)
+    class?: string;
+    color: string;
+    // (undocumented)
+    disabled?: boolean;
+    label?: string;
+    // (undocumented)
+    onClick?: (event: MouseEvent) => void;
+    // (undocumented)
+    selected?: boolean;
+}
+
+// @public
+export function Switch(props: SwitchProps): JSX;
+
+// @public (undocumented)
+export interface SwitchProps {
+    'aria-label'?: string;
+    // (undocumented)
+    checked?: boolean;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    defaultChecked?: boolean;
+    // (undocumented)
+    disabled?: boolean;
+    // (undocumented)
+    label?: string;
+    // (undocumented)
+    name?: string;
+    // (undocumented)
+    onChange?: (checked: boolean) => void;
+}
+
+// @public
+export function Tabs(props: TabsProps): JSX.Element;
+
+// @public (undocumented)
+export namespace Tabs {
+    var // (undocumented)
+    List: typeof TabsList;
+    var // (undocumented)
+    Trigger: typeof TabsTrigger;
+    var // (undocumented)
+    Content: typeof TabsContent;
+}
+
+// @public (undocumented)
+export function TabsContent(props: {
+    value: string;
+    children: JSX.Element;
+    class?: string;
+}): JSX.Element;
+
+// @public (undocumented)
+export function TabsList(props: {
+    children: JSX.Element;
+    class?: string;
+}): JSX.Element;
+
+// @public (undocumented)
+export interface TabsProps {
+    // (undocumented)
+    'aria-label'?: string;
+    // (undocumented)
+    children: JSX.Element;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    defaultValue?: string;
+    // (undocumented)
+    onChange?: (value: string) => void;
+    // (undocumented)
+    value?: string;
+}
+
+// @public (undocumented)
+export function TabsTrigger(props: TabsTriggerProps): JSX.Element;
+
+// @public (undocumented)
+export interface TabsTriggerProps {
+    // (undocumented)
+    children: JSX.Element;
+    // (undocumented)
+    class?: string;
+    closeLabel?: string;
+    dirty?: boolean;
+    // (undocumented)
+    disabled?: boolean;
+    onClose?: () => void;
+    // (undocumented)
+    value: string;
+}
+
+// @public
+export function TextField(props: TextFieldProps): JSX.Element;
+
+// @public (undocumented)
+export interface TextFieldProps {
+    'aria-label'?: string;
+    // (undocumented)
+    autofocus?: boolean;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    disabled?: boolean;
+    // (undocumented)
+    error?: string;
+    // (undocumented)
+    label?: string;
+    // (undocumented)
+    multiline?: boolean;
+    // (undocumented)
+    name?: string;
+    // (undocumented)
+    onBlur?: JSX.EventHandlerUnion<HTMLInputElement | HTMLTextAreaElement, FocusEvent>;
+    onChange?: (value: string) => void;
+    onCommit?: (value: string) => void;
+    // (undocumented)
+    onInput?: JSX.EventHandlerUnion<HTMLInputElement | HTMLTextAreaElement, InputEvent>;
+    // (undocumented)
+    onKeyDown?: JSX.EventHandlerUnion<HTMLInputElement | HTMLTextAreaElement, KeyboardEvent>;
+    // (undocumented)
+    placeholder?: string;
+    // (undocumented)
+    readOnly?: boolean;
+    // (undocumented)
+    required?: boolean;
+    // (undocumented)
+    rows?: number;
+    // (undocumented)
+    type?: string;
+    // (undocumented)
+    value?: string;
+}
+
+// @public
+export function TimelineClip(props: TimelineClipProps): JSX.Element;
+
+// @public (undocumented)
+export interface TimelineClipChange extends ClipBounds {
+    startDelta: number;
+}
+
+// @public (undocumented)
+export interface TimelineClipProps {
+    blend?: number;
+    children?: JSX.Element;
+    // (undocumented)
+    class?: string;
+    color?: string;
+    // (undocumented)
+    disabled?: boolean;
+    // (undocumented)
+    label?: string;
+    // (undocumented)
+    length: number;
+    // (undocumented)
+    minLength?: number;
+    // (undocumented)
+    movable?: boolean;
+    onChange?: (change: TimelineClipChange) => void;
+    onCommit?: (change: TimelineClipChange) => void;
+    // (undocumented)
+    onDoubleClick?: () => void;
+    onSelect?: (event: MouseEvent | KeyboardEvent) => void;
+    // (undocumented)
+    resizable?: boolean;
+    // (undocumented)
+    selected?: boolean;
+    // (undocumented)
+    start: number;
+}
+
+// @public (undocumented)
+export interface TimelineContextValue {
+    deltaToTime: (dx: number) => number;
+    // (undocumented)
+    disabled: Accessor<boolean>;
+    // (undocumented)
+    headerWidth: Accessor<number>;
+    length: Accessor<number>;
+    pxToTime: (px: number) => number;
+    // (undocumented)
+    scale: Accessor<TimeScale>;
+    // (undocumented)
+    snap: Accessor<number | undefined>;
+    // (undocumented)
+    snapTime: (time: number) => number;
+    // (undocumented)
+    timeToPx: (time: number) => number;
+}
+
+// @public (undocumented)
+export function TimelineLane(props: TimelineLaneProps): JSX.Element;
+
+// @public
+export function TimelineLaneGroup(props: TimelineLaneGroupProps): JSX.Element;
+
+// @public (undocumented)
+export interface TimelineLaneGroupProps {
+    // (undocumented)
+    children?: JSX.Element;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    collapsed?: boolean;
+    header?: JSX.Element;
+}
+
+// @public (undocumented)
+export interface TimelineLaneProps {
+    // (undocumented)
+    children?: JSX.Element;
+    // (undocumented)
+    class?: string;
+    dimmed?: boolean;
+    header?: JSX.Element;
+    // (undocumented)
+    height?: number;
+    onCreate?: (time: number) => void;
+    onSelectEmpty?: () => void;
+    // (undocumented)
+    selected?: boolean;
+}
+
+// @public
+export function TimelineLanes(props: TimelineLanesProps): JSX.Element;
+
+// @public (undocumented)
+export interface TimelineLanesProps {
+    // (undocumented)
+    children?: JSX.Element;
+    // (undocumented)
+    class?: string;
+    corner?: JSX.Element;
+    // (undocumented)
+    disabled?: boolean;
+    headerWidth?: number;
+    length: number;
+    // (undocumented)
+    maxPixelsPerUnit?: number;
+    // (undocumented)
+    minPixelsPerUnit?: number;
+    onSeek?: (time: number) => void;
+    onZoom?: (pixelsPerUnit: number) => void;
+    // (undocumented)
+    playhead?: number;
+    range?: TimelineRange;
+    // (undocumented)
+    ref?: (element: HTMLDivElement) => void;
+    // (undocumented)
+    scale: TimeScale;
+    snap?: number;
+}
+
+// @public (undocumented)
+export interface TimelineRange {
+    // (undocumented)
+    end: number;
+    // (undocumented)
+    start: number;
+}
+
+// @public
+export function TimelineTrack(props: TimelineTrackProps): JSX;
+
+// @public (undocumented)
+export interface TimelineTrackProps {
+    'aria-label'?: string;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    disabled?: boolean;
+    intervals?: number;
+    keyframes?: readonly number[];
+    // (undocumented)
+    label?: string;
+    // (undocumented)
+    max: number;
+    // (undocumented)
+    min?: number;
+    // (undocumented)
+    onChange?: (value: number) => void;
+    // (undocumented)
+    onKeyframeClick?: (time: number) => void;
+    showTime?: boolean;
+    // (undocumented)
+    step?: number;
+    ticks?: readonly number[];
+    // (undocumented)
+    value: number;
+    valueText?: (value: number) => string;
+}
+
+// @public (undocumented)
+export interface TimeScale {
+    beatsPerBar?: number;
+    pixelsPerUnit: number;
+    // (undocumented)
+    unit: TimeUnit;
+}
+
+// @public
+export type TimeUnit = 'seconds' | 'beats';
+
+// @public
+export function TitleBar(props: TitleBarProps): JSX.Element;
+
+// @public (undocumented)
+export interface TitleBarProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'title' | 'onClose'>, WindowControlsProps {
+    children?: JSX.Element;
+    compact?: boolean;
+    draggable?: boolean;
+    headingLevel?: HeadingLevel;
+    // (undocumented)
+    title?: JSX.Element;
+}
+
+// @public
+export function Toast(props: ToastProps): JSX.Element;
+
+// @public (undocumented)
+export interface ToastProps {
+    // (undocumented)
+    class?: string;
+    message?: JSX.Element | null | false;
+    position?: 'top' | 'bottom';
+    // (undocumented)
+    tone?: ToastTone;
+}
+
+// @public (undocumented)
+export type ToastTone = 'info' | 'success' | 'error';
+
+// @public
+export function Toolbar(props: ToolbarProps): JSX.Element;
+
+// @public
+export function ToolbarButton(props: ToolbarButtonProps): JSX.Element;
+
+// @public (undocumented)
+export interface ToolbarButtonProps {
+    // (undocumented)
+    children: JSX.Element;
+    // (undocumented)
+    class?: string;
+    danger?: boolean;
+    // (undocumented)
+    disabled?: boolean;
+    // (undocumented)
+    label: string;
+    on?: boolean;
+    // (undocumented)
+    onClick?: (event: MouseEvent) => void;
+    pressed?: boolean;
+    selected?: boolean;
+}
+
+// @public (undocumented)
+export interface ToolbarDropdownItem {
+    icon: Component<{
+        class?: string;
+    }>;
+    // (undocumented)
+    id: string;
+    // (undocumented)
+    label: string;
+}
+
+// @public
+export function ToolbarDropdownMenu(props: ToolbarDropdownMenuProps): JSX;
+
+// @public (undocumented)
+export interface ToolbarDropdownMenuProps {
+    items: readonly ToolbarDropdownItem[];
+    on?: boolean | undefined;
+    onAction?: (() => void) | undefined;
+    // (undocumented)
+    onChange: (id: string) => void;
+    placement?: MenuButtonProps['placement'];
+    // (undocumented)
+    value: string;
+}
+
+// @public (undocumented)
+export interface ToolbarProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    // (undocumented)
+    children?: JSX.Element;
+    // (undocumented)
+    orientation?: 'horizontal' | 'vertical';
+}
+
+// @public
+export function ToolboxButton(props: ToolboxButtonProps): JSX.Element;
+
+// @public (undocumented)
+export interface ToolboxButtonProps {
+    children: JSX.Element;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    disabled?: boolean;
+    // (undocumented)
+    label: string;
+    on?: boolean;
+    // (undocumented)
+    onClick?: (event: MouseEvent) => void;
+    selected?: boolean;
+    size?: ToolboxSize;
+}
+
+// @public
+export function ToolboxGrid(props: ToolboxGridProps): JSX.Element;
+
+// @public (undocumented)
+export interface ToolboxGridProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    // (undocumented)
+    children: JSX.Element;
+    columns?: number;
+    label?: string;
+    size?: ToolboxSize;
+}
+
+// @public
+export type ToolboxSize = 'md' | 'lg' | 'xl';
+
+// @public
+export function ToolButton(props: ToolButtonProps): JSX.Element;
+
+// @public (undocumented)
+export interface ToolButtonProps {
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    disabled?: boolean;
+    label?: string;
+    // (undocumented)
+    onClick?: (event: MouseEvent) => void;
+    // (undocumented)
+    selected?: boolean;
+    shortcut?: string;
+    // (undocumented)
+    tool: ArtTool;
+}
+
+// @public
+export function ToolGroup(props: ToolGroupProps): JSX.Element;
+
+// @public (undocumented)
+export interface ToolGroupProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    // (undocumented)
+    children: JSX.Element;
+    label: string;
+}
+
+// @public
+export function Tooltip(props: TooltipProps): JSX.Element;
+
+// @public (undocumented)
+export interface TooltipProps {
+    children: JSX.Element;
+    content: JSX.Element;
+    // (undocumented)
+    openDelay?: number;
+    // (undocumented)
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+}
+
+// @public
+export const TopDownPerspective: Component<ZylemIconProps>;
+
+// @public
+export function TrackHeader(props: TrackHeaderProps): JSX.Element;
+
+// @public (undocumented)
+export interface TrackHeaderProps {
+    actions?: JSX.Element;
+    // (undocumented)
+    class?: string;
+    color?: string;
+    detail?: string;
+    // (undocumented)
+    disabled?: boolean;
+    icon?: JSX.Element;
+    // (undocumented)
+    locked?: boolean;
+    muted?: boolean;
+    // (undocumented)
+    name: string;
+    onRename?: (name: string) => void;
+    onSelect?: () => void;
+    // (undocumented)
+    onToggleLock?: () => void;
+    // (undocumented)
+    onToggleMute?: () => void;
+    // (undocumented)
+    onToggleSolo?: () => void;
+    // (undocumented)
+    selected?: boolean;
+    // (undocumented)
+    solo?: boolean;
+}
+
+// @public
+export const TRANSPARENT = "transparent";
+
+// @public
+export function TransportBar(props: TransportBarProps): JSX.Element;
+
+// @public (undocumented)
+export interface TransportBarProps {
+    beatsPerBar?: number;
+    bpm?: number;
+    children?: JSX.Element;
+    // (undocumented)
+    class?: string;
+    // (undocumented)
+    disabled?: boolean;
+    length: number;
+    // (undocumented)
+    loop?: boolean;
+    // (undocumented)
+    onBpmChange?: (bpm: number) => void;
+    // (undocumented)
+    onFastForward?: () => void;
+    // (undocumented)
+    onRewind?: () => void;
+    // (undocumented)
+    onSeek?: (time: number) => void;
+    onStop?: () => void;
+    // (undocumented)
+    onTimeSignatureChange?: (signature: TransportTimeSignature) => void;
+    // (undocumented)
+    onToggleLoop?: () => void;
+    // (undocumented)
+    onTogglePlay: () => void;
+    // (undocumented)
+    playing: boolean;
+    time: number;
+    timeSignature?: TransportTimeSignature;
+    // (undocumented)
+    unit?: TimeUnit;
+}
+
+// @public (undocumented)
+export interface TransportTimeSignature {
+    // (undocumented)
+    denominator: number;
+    // (undocumented)
+    numerator: number;
+}
+
+// @public
+export const UNGROUPED_LABEL = "Other";
+
+// @public
+export function useLayer(tier: LayerTier, rank?: Accessor<number> | number): ResolvedLayer;
+
+// @public
+export function useTimeline(): TimelineContextValue;
+
+// @public
+export const ViewBottom: Component<ZylemIconProps>;
+
+// @public
+export const ViewIsoLeftBottom: Component<ZylemIconProps>;
+
+// @public
+export const ViewIsoLeftTop: Component<ZylemIconProps>;
+
+// @public
+export const ViewIsoRightBottom: Component<ZylemIconProps>;
+
+// @public
+export const ViewIsoRightTop: Component<ZylemIconProps>;
+
+// @public
+export const ViewLeft: Component<ZylemIconProps>;
+
+// @public
+export const ViewRight: Component<ZylemIconProps>;
+
+// @public
+export const ViewTop: Component<ZylemIconProps>;
+
+// @public
+export function Waveform(props: WaveformProps): JSX;
+
+// @public (undocumented)
+export interface WaveformProps {
+    buffer?: {
+        duration: number;
+        numberOfChannels: number;
+        getChannelData(channel: number): Float32Array;
+    };
+    // (undocumented)
+    class?: string;
+    color?: string;
+    // (undocumented)
+    disabled?: boolean;
+    duration?: number;
+    // (undocumented)
+    height?: number;
+    // (undocumented)
+    onRegionChange?: (region: WaveformRegion) => void;
+    // (undocumented)
+    onRegionCommit?: (region: WaveformRegion) => void;
+    onSeek?: (seconds: number) => void;
+    peaks?: ArrayLike<number>;
+    playhead?: number;
+    region?: WaveformRegion;
+}
+
+// @public (undocumented)
+export interface WaveformRegion {
+    // (undocumented)
+    end: number;
+    start: number;
+}
+
+// @public
+export function WindowControls(props: WindowControlsProps): JSX;
+
+// @public (undocumented)
+export interface WindowControlsProps {
+    closeLabel?: string | undefined;
+    closeTestId?: string | undefined;
+    collapsed?: boolean | undefined;
+    dock?: DockPosition | undefined;
+    dockOptions?: readonly DockOption[] | undefined;
+    // (undocumented)
+    onClose?: (() => void) | undefined;
+    // (undocumented)
+    onCollapse?: (() => void) | undefined;
+    onDock?: ((position: DockPosition) => void) | undefined;
+}
+
+// @public (undocumented)
+export interface ZylemIconOptions {
+    className?: string;
+    filled?: boolean;
+    viewBox?: string;
+}
+
+// @public (undocumented)
+export interface ZylemIconProps extends JSX.SvgSVGAttributes<SVGSVGElement> {
+    // (undocumented)
+    absoluteStrokeWidth?: boolean;
+    // (undocumented)
+    color?: string;
+    // (undocumented)
+    size?: string | number;
+    // (undocumented)
+    strokeWidth?: string | number;
+}
+
+// (No @packageDocumentation comment for this package)
+
+```