@artkit-ai/react 0.0.0-stage → 0.1.0

package/dist/controls.d.ts

@@ -0,0 +1,145 @@
+import { type Color, type Theme } from '@artkit-ai/core';
+import type { LucideIcon } from 'lucide-react';
+import { type ButtonHTMLAttributes, type ReactElement, type ReactNode } from 'react';
+export type ControlVariant = 'default' | 'primary' | 'quiet' | 'danger';
+export type ControlSize = 'sm' | 'md';
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
+    icon?: LucideIcon;
+    variant?: ControlVariant;
+    size?: ControlSize;
+    /** Toggle state (`aria-pressed`). */
+    pressed?: boolean;
+    type?: 'button' | 'submit';
+}
+export declare function Button({ icon: Icon, variant, size, pressed, className, children, type, ...rest }: ButtonProps): ReactElement;
+export interface IconButtonProps extends Omit<ButtonProps, 'icon' | 'children' | 'aria-label'> {
+    icon: LucideIcon;
+    label: string;
+}
+/** Square icon-only button; the label becomes the accessible name and tooltip. */
+export declare function IconButton({ icon, label, title, ...rest }: IconButtonProps): ReactElement;
+export interface FieldProps {
+    label: ReactNode;
+    hint?: ReactNode;
+    htmlFor?: string;
+    children: ReactNode;
+    className?: string;
+}
+/** Label above a control (and an optional hint below it). */
+export declare function Field({ label, hint, htmlFor, children, className }: FieldProps): ReactElement;
+/** Fields side by side, wrapping on narrow panels. */
+export declare function FieldRow({ children, label }: {
+    children: ReactNode;
+    label?: string;
+}): ReactElement;
+export interface TextFieldProps {
+    label: string;
+    value: string;
+    onCommit(value: string): void;
+    multiline?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    hint?: ReactNode;
+    rows?: number;
+}
+/** Text input that commits on blur (or Enter for single-line fields), not on every keystroke. */
+export declare function TextField({ label, value, onCommit, multiline, disabled, placeholder, hint, rows, }: TextFieldProps): ReactElement;
+export interface NumberFieldProps {
+    label: string;
+    value: number | undefined;
+    onCommit(value: number): void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    placeholder?: string;
+    /** Unit shown after the value (e.g. "in", "pt", "%"). */
+    unit?: string;
+}
+/** Number input that commits on blur or Enter, clamped to min/max. */
+export declare function NumberField({ label, value, onCommit, min, max, step, disabled, placeholder, unit, }: NumberFieldProps): ReactElement;
+export interface SelectFieldProps<T extends string> {
+    label: string;
+    value: T | undefined;
+    options: readonly {
+        value: T;
+        label: string;
+    }[];
+    onChange(value: T): void;
+    disabled?: boolean;
+    hint?: ReactNode;
+}
+export declare function SelectField<T extends string>({ label, value, options, onChange, disabled, hint, }: SelectFieldProps<T>): ReactElement;
+export interface SwitchProps {
+    label: string;
+    checked: boolean;
+    onChange(value: boolean): void;
+    disabled?: boolean;
+}
+/** On/off switch (`role="switch"`) with its label beside it. */
+export declare function Switch({ label, checked, onChange, disabled }: SwitchProps): ReactElement;
+export interface ToggleProps {
+    label: string;
+    pressed: boolean;
+    onChange(value: boolean): void;
+    disabled?: boolean;
+    /** Button content (e.g. an icon or "B"); without it the toggle is drawn as a switch. */
+    children?: ReactNode;
+    icon?: LucideIcon;
+}
+/** Pressed-state button (formatting toggles) or, without content, a labelled switch. */
+export declare function Toggle({ label, pressed, onChange, disabled, children, icon }: ToggleProps): ReactElement;
+export interface SegmentedProps<T extends string> {
+    label: string;
+    value: T | undefined;
+    options: readonly {
+        value: T;
+        label: string;
+        icon?: LucideIcon;
+    }[];
+    onChange(value: T): void;
+    disabled?: boolean;
+}
+/** Small set of mutually exclusive options shown as joined buttons. */
+export declare function Segmented<T extends string>({ label, value, options, onChange, disabled, }: SegmentedProps<T>): ReactElement;
+export interface ColorPickerProps {
+    label: string;
+    value: Color | undefined;
+    theme: Theme;
+    locale: string;
+    onChange(color: Color | undefined): void;
+    /** Offer a hex input besides the theme tokens. */
+    allowHex?: boolean;
+    /** Offer a "none" option (for optional fills). */
+    allowNone?: boolean;
+    disabled?: boolean;
+}
+/** Theme token swatches with an optional hex field. */
+export declare function ColorPicker({ label, value, theme, locale, onChange, allowHex, allowNone, disabled, }: ColorPickerProps): ReactElement;
+export interface InspectorProps {
+    label: string;
+    children: ReactNode;
+    className?: string;
+}
+/** Side properties panel of an editor: stacked sections separated by rules. */
+export declare function Inspector({ label, children, className }: InspectorProps): ReactElement;
+export interface InspectorSectionProps {
+    title?: ReactNode;
+    /** Accessible name when the title is not plain text. */
+    label?: string;
+    actions?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+export declare function InspectorSection({ title, label, actions, children, className, }: InspectorSectionProps): ReactElement;
+/** Wrapping row of buttons. */
+export declare function ButtonRow({ children, label }: {
+    children: ReactNode;
+    label?: string;
+}): ReactElement;
+/** Muted helper text for empty states and instructions. */
+export declare function Hint({ children }: {
+    children: ReactNode;
+}): ReactElement;
+export declare const controlsCss = "\n.ak-ctl-button,:where(.ak-ctl-scope) :where(button:not([class])){display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;margin:0;font:inherit;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;border:1px solid var(--ak-color-border,#dde0e2);border-radius:var(--ak-radius-sm,6px);background:var(--ak-color-background,#fff);color:var(--ak-color-text,#1d2f3c);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s}\n.ak-ctl-button svg,:where(.ak-ctl-scope) :where(button:not([class])) svg{width:16px;height:16px;flex-shrink:0}\n.ak-ctl-button:hover:not(:disabled),:where(.ak-ctl-scope) :where(button:not([class])):hover:not(:disabled){background:var(--ak-color-hover,#f2f3f4);border-color:var(--ak-color-border-strong,#8e979d)}\n.ak-ctl-button:active:not(:disabled),:where(.ak-ctl-scope) :where(button:not([class])):active:not(:disabled){background:var(--ak-color-active,#e8eaec)}\n.ak-ctl-button[aria-pressed=\"true\"],:where(.ak-ctl-scope) :where(button:not([class]))[aria-pressed=\"true\"]{background:var(--ak-color-fill-accent,#e7f2ef);color:var(--ak-color-accent,#0f7a5a);border-color:var(--ak-color-accent,#0f7a5a)}\n.ak-ctl-button:disabled,:where(.ak-ctl-scope) :where(button:not([class])):disabled{opacity:.4;cursor:not-allowed}\n.ak-ctl-button:focus-visible,:where(.ak-ctl-scope) :where(button:not([class])):focus-visible,.ak-ctl-switch:focus-visible,.ak-ctl-swatch:focus-visible,.ak-ctl-segmented button:focus-visible{outline:2px solid var(--ak-color-focus,#0f7a5a);outline-offset:2px}\n.ak-ctl-button[data-size=\"sm\"]{height:28px;padding:0 10px;font-size:12px}\n.ak-ctl-button[data-size=\"sm\"] svg{width:14px;height:14px}\n.ak-ctl-button[data-icon-only]{width:32px;padding:0}\n.ak-ctl-button[data-icon-only][data-size=\"sm\"]{width:28px}\n.ak-ctl-button[data-variant=\"primary\"]{border-color:transparent;background:var(--ak-gradient-button,#00dd80);color:var(--ak-color-on-primary,#1d2f3c)}\n.ak-ctl-button[data-variant=\"primary\"]:hover:not(:disabled){border-color:transparent;background:var(--ak-gradient-button-hover,#16a683)}\n.ak-ctl-button[data-variant=\"quiet\"]{border-color:transparent;background:transparent;color:var(--ak-color-muted,#56636d)}\n.ak-ctl-button[data-variant=\"quiet\"]:hover:not(:disabled){border-color:transparent;color:var(--ak-color-text,#1d2f3c)}\n.ak-ctl-button[data-variant=\"quiet\"][aria-pressed=\"true\"]{border-color:var(--ak-color-accent,#0f7a5a);color:var(--ak-color-accent,#0f7a5a)}\n.ak-ctl-button[data-variant=\"danger\"]{color:var(--ak-color-danger,#9f343a)}\n.ak-ctl-button[data-variant=\"danger\"]:hover:not(:disabled){background:var(--ak-color-fill-danger,#f5ebeb);border-color:var(--ak-color-danger,#9f343a)}\n.ak-ctl-input,.ak-ctl-select,.ak-ctl-textarea,:where(.ak-ctl-scope) :where(input:not([class]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"color\"]):not([type=\"range\"]):not([type=\"file\"]),select:not([class]),textarea:not([class])){box-sizing:border-box;width:100%;min-width:0;height:32px;margin:0;padding:0 10px;font:inherit;font-size:13px;line-height:1.3;color:var(--ak-color-text,#1d2f3c);background:var(--ak-color-background,#fff);border:1px solid var(--ak-color-border-strong,#8e979d);border-radius:var(--ak-radius-sm,6px);transition:border-color .15s,box-shadow .15s}\n.ak-ctl-input:hover:not(:disabled),.ak-ctl-select:hover:not(:disabled),.ak-ctl-textarea:hover:not(:disabled),:where(.ak-ctl-scope) :where(input:not([class]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"color\"]):not([type=\"range\"]):not([type=\"file\"]),select:not([class]),textarea:not([class])):hover:not(:disabled){border-color:var(--ak-color-muted,#56636d)}\n.ak-ctl-input:focus,.ak-ctl-select:focus,.ak-ctl-textarea:focus,:where(.ak-ctl-scope) :where(input:not([class]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"color\"]):not([type=\"range\"]):not([type=\"file\"]),select:not([class]),textarea:not([class])):focus{outline:none;border-color:var(--ak-color-accent,#0f7a5a);box-shadow:0 0 0 1px var(--ak-color-accent,#0f7a5a)}\n.ak-ctl-input:disabled,.ak-ctl-select:disabled,.ak-ctl-textarea:disabled,:where(.ak-ctl-scope) :where(input:not([class]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"color\"]):not([type=\"range\"]):not([type=\"file\"]),select:not([class]),textarea:not([class])):disabled{opacity:.5;cursor:not-allowed}\n.ak-ctl-input::placeholder,.ak-ctl-textarea::placeholder{color:var(--ak-color-muted,#56636d);opacity:.8}\n.ak-ctl-select,:where(.ak-ctl-scope) :where(select:not([class])){cursor:pointer;padding-right:6px}\n.ak-ctl-textarea,:where(.ak-ctl-scope) :where(textarea:not([class])){height:auto;min-height:72px;padding:8px 10px;line-height:1.5;resize:vertical}\n.ak-ctl-input[data-size=\"sm\"],.ak-ctl-select[data-size=\"sm\"]{height:28px;font-size:12px;padding:0 8px}\n.ak-ctl-field{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0}\n.ak-ctl-label{display:block;padding:0;font-size:12px;font-weight:600;line-height:16px;color:var(--ak-color-muted,#56636d)}\n.ak-ctl-hint{font-size:12px;line-height:16px;color:var(--ak-color-muted,#56636d)}\n.ak-ctl-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}\n.ak-ctl-row>.ak-ctl-field{flex:1 1 64px}\n.ak-ctl-buttons{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0;padding:0;border:0;min-inline-size:0}\n.ak-ctl-affix{position:relative;display:flex;align-items:center;min-width:0}\n.ak-ctl-affix .ak-ctl-input{padding-right:30px}\n.ak-ctl-unit{position:absolute;right:8px;font-size:12px;color:var(--ak-color-muted,#56636d);pointer-events:none}\n.ak-ctl-hex{max-width:160px}\n.ak-ctl-hex .ak-ctl-input{padding-left:30px;padding-right:8px;font-family:var(--ak-font-mono,ui-monospace,monospace)}\n.ak-ctl-hex-preview{position:absolute;left:7px;width:16px;height:16px;border-radius:4px;border:1px solid var(--ak-color-border-strong,#8e979d);background:repeating-conic-gradient(var(--ak-color-border,#dde0e2) 0 25%,transparent 0 50%) 50%/8px 8px}\n.ak-ctl-colors{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;border:0;min-inline-size:0}\n.ak-ctl-colors:disabled{opacity:.5}\n.ak-ctl-swatches{display:flex;flex-wrap:wrap;gap:6px}\n.ak-ctl-swatch{width:24px;height:24px;min-width:0;padding:0;border:1px solid var(--ak-color-border-strong,#8e979d);border-radius:var(--ak-radius-sm,6px);cursor:pointer;transition:transform .1s}\n.ak-ctl-swatch:hover:not(:disabled){transform:scale(1.08)}\n.ak-ctl-swatch[aria-pressed=\"true\"]{border:2px solid var(--ak-color-accent,#0f7a5a);box-shadow:inset 0 0 0 2px var(--ak-color-background,#fff)}\n.ak-ctl-swatch-none{background:linear-gradient(135deg,transparent 44%,var(--ak-color-danger,#9f343a) 44%,var(--ak-color-danger,#9f343a) 56%,transparent 56%),var(--ak-color-background,#fff)}\n.ak-ctl-switch{display:inline-flex;align-items:center;gap:10px;min-height:28px;margin:0;padding:0;border:0;background:none;color:var(--ak-color-text,#1d2f3c);font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;border-radius:var(--ak-radius-sm,6px)}\n.ak-ctl-switch:disabled{opacity:.4;cursor:not-allowed}\n.ak-ctl-switch-track{position:relative;flex-shrink:0;width:32px;height:18px;border-radius:999px;background:var(--ak-color-border-strong,#8e979d);transition:background-color .15s}\n.ak-ctl-switch-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--ak-color-background,#fff);transition:transform .15s}\n.ak-ctl-switch[aria-checked=\"true\"] .ak-ctl-switch-track{background:var(--ak-color-primary-deep,#16a683)}\n.ak-ctl-switch[aria-checked=\"true\"] .ak-ctl-switch-thumb{transform:translateX(14px)}\n.ak-ctl-segmented{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--ak-color-border,#dde0e2);border-radius:var(--ak-radius-sm,6px);background:var(--ak-color-surface,#f4f7f7)}\n.ak-ctl-segmented button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:28px;height:26px;padding:0 8px;border:0;border-radius:4px;background:transparent;color:var(--ak-color-muted,#56636d);font:inherit;font-size:12px;font-weight:600;cursor:pointer}\n.ak-ctl-segmented button svg{width:14px;height:14px}\n.ak-ctl-segmented button:hover:not(:disabled){color:var(--ak-color-text,#1d2f3c)}\n.ak-ctl-segmented button[aria-checked=\"true\"]{background:var(--ak-color-background,#fff);color:var(--ak-color-accent,#0f7a5a);box-shadow:0 0 0 1px var(--ak-color-border,#dde0e2)}\n.ak-ctl-inspector{display:flex;flex-direction:column;min-width:0;max-height:80vh;overflow-y:auto;background:var(--ak-color-background,#fff);color:var(--ak-color-text,#1d2f3c);border:1px solid var(--ak-color-border,#dde0e2);border-radius:var(--ak-radius-md,8px);font-size:13px}\n.ak-ctl-section{display:flex;flex-direction:column;gap:12px;margin:0;padding:14px;border:0;border-top:1px solid var(--ak-color-border,#dde0e2)}\n.ak-ctl-section:first-child{border-top:0}\n.ak-ctl-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px}\n.ak-ctl-section-title{margin:0;font-family:var(--ak-font-heading,\"Sora\",system-ui,sans-serif);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ak-color-text,#1d2f3c)}\n.ak-ctl-section-actions{display:flex;gap:4px}\n.ak-ctl-empty{margin:0;font-size:13px;line-height:1.55;color:var(--ak-color-muted,#56636d)}\n.ak-ctl-card{display:flex;flex-direction:column;gap:8px;margin:0;padding:10px;border:1px solid var(--ak-color-border,#dde0e2);border-radius:var(--ak-radius-md,8px);background:var(--ak-color-surface,#f4f7f7);min-inline-size:0}\n.ak-ctl-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}\n.ak-ctl-list-item{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:0 10px;border:1px solid transparent;border-radius:var(--ak-radius-sm,6px);background:none;color:var(--ak-color-text,#1d2f3c);font:inherit;font-size:13px;text-align:left;cursor:pointer}\n.ak-ctl-list-item:hover:not(:disabled){background:var(--ak-color-hover,#f2f3f4)}\n.ak-ctl-list-item[aria-current=\"true\"]{background:var(--ak-color-fill-accent,#e7f2ef);border-color:var(--ak-color-accent,#0f7a5a);color:var(--ak-color-accent,#0f7a5a)}\n";
+//# sourceMappingURL=controls.d.ts.map

package/dist/controls.d.ts.map

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

package/dist/controls.js

@@ -0,0 +1,188 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { COLOR_TOKENS, isColorToken, resolveColor } from '@artkit-ai/core';
+import { useEffect, useId, useState, } from 'react';
+/*
+ * Standard form controls for kind editors and side panels (Mouts design: 32px controls, 6px radius, accent
+ * pressed state, focus ring). Every kind uses these, so buttons, fields, selects, switches and property
+ * panels look the same in documents, sheets, slides and diagrams, in light and dark themes.
+ */
+const pt = (locale) => (locale ?? '').toLowerCase().startsWith('pt');
+export function Button({ icon: Icon, variant = 'default', size = 'md', pressed, className, children, type = 'button', ...rest }) {
+    return (_jsxs("button", { type: type, className: `ak-ctl-button${className ? ` ${className}` : ''}`, "data-variant": variant === 'default' ? undefined : variant, "data-size": size === 'md' ? undefined : size, ...(pressed === undefined ? {} : { 'aria-pressed': pressed }), ...rest, children: [Icon ? _jsx(Icon, { "aria-hidden": "true" }) : null, children] }));
+}
+/** Square icon-only button; the label becomes the accessible name and tooltip. */
+export function IconButton({ icon, label, title, ...rest }) {
+    return _jsx(Button, { icon: icon, "aria-label": label, title: title ?? label, "data-icon-only": "", ...rest });
+}
+/** Label above a control (and an optional hint below it). */
+export function Field({ label, hint, htmlFor, children, className }) {
+    return (_jsxs("div", { className: `ak-ctl-field${className ? ` ${className}` : ''}`, children: [_jsx("label", { className: "ak-ctl-label", htmlFor: htmlFor, children: label }), children, hint ? _jsx("span", { className: "ak-ctl-hint", children: hint }) : null] }));
+}
+/** Fields side by side, wrapping on narrow panels. */
+export function FieldRow({ children, label }) {
+    return (_jsx("div", { className: "ak-ctl-row", ...(label ? { role: 'group', 'aria-label': label } : {}), children: children }));
+}
+/** Text input that commits on blur (or Enter for single-line fields), not on every keystroke. */
+export function TextField({ label, value, onCommit, multiline, disabled, placeholder, hint, rows = 4, }) {
+    const id = useId();
+    const [draft, setDraft] = useState(value);
+    useEffect(() => setDraft(value), [value]);
+    const commit = () => {
+        if (draft !== value)
+            onCommit(draft);
+    };
+    return (_jsx(Field, { label: label, htmlFor: id, hint: hint, children: multiline ? (_jsx("textarea", { id: id, className: "ak-ctl-textarea", value: draft, disabled: disabled, placeholder: placeholder, rows: rows, onChange: (event) => setDraft(event.target.value), onBlur: commit })) : (_jsx("input", { id: id, className: "ak-ctl-input", value: draft, disabled: disabled, placeholder: placeholder, onChange: (event) => setDraft(event.target.value), onBlur: commit, onKeyDown: (event) => {
+                if (event.key === 'Enter')
+                    commit();
+            } })) }));
+}
+/** Number input that commits on blur or Enter, clamped to min/max. */
+export function NumberField({ label, value, onCommit, min, max, step = 0.01, disabled, placeholder, unit, }) {
+    const id = useId();
+    const [draft, setDraft] = useState(value === undefined ? '' : String(value));
+    useEffect(() => setDraft(value === undefined ? '' : String(value)), [value]);
+    const commit = () => {
+        const parsed = Number(draft);
+        if (draft.trim() === '' || !Number.isFinite(parsed)) {
+            setDraft(value === undefined ? '' : String(value));
+            return;
+        }
+        const clamped = Math.max(min ?? -Infinity, Math.min(max ?? Infinity, parsed));
+        if (clamped !== value)
+            onCommit(clamped);
+        setDraft(String(clamped));
+    };
+    const input = (_jsx("input", { id: id, className: "ak-ctl-input", type: "number", inputMode: "decimal", value: draft, min: min, max: max, step: step, disabled: disabled, placeholder: placeholder, onChange: (event) => setDraft(event.target.value), onBlur: commit, onKeyDown: (event) => {
+            if (event.key === 'Enter')
+                commit();
+        } }));
+    return (_jsx(Field, { label: label, htmlFor: id, children: unit ? (_jsxs("span", { className: "ak-ctl-affix", children: [input, _jsx("span", { className: "ak-ctl-unit", "aria-hidden": "true", children: unit })] })) : (input) }));
+}
+export function SelectField({ label, value, options, onChange, disabled, hint, }) {
+    const id = useId();
+    return (_jsx(Field, { label: label, htmlFor: id, hint: hint, children: _jsxs("select", { id: id, className: "ak-ctl-select", value: value ?? '', disabled: disabled, onChange: (event) => onChange(event.target.value), children: [value === undefined ? _jsx("option", { value: "", children: "\u2014" }) : null, options.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value)))] }) }));
+}
+/** On/off switch (`role="switch"`) with its label beside it. */
+export function Switch({ label, checked, onChange, disabled }) {
+    return (_jsxs("button", { type: "button", role: "switch", "aria-checked": checked, className: "ak-ctl-switch", disabled: disabled, onClick: () => onChange(!checked), children: [_jsx("span", { className: "ak-ctl-switch-track", "aria-hidden": "true", children: _jsx("span", { className: "ak-ctl-switch-thumb" }) }), _jsx("span", { className: "ak-ctl-switch-label", children: label })] }));
+}
+/** Pressed-state button (formatting toggles) or, without content, a labelled switch. */
+export function Toggle({ label, pressed, onChange, disabled, children, icon }) {
+    if (children === undefined && icon === undefined)
+        return _jsx(Switch, { label: label, checked: pressed, onChange: onChange, ...(disabled ? { disabled } : {}) });
+    return (_jsx(Button, { size: "sm", pressed: pressed, "aria-label": label, title: label, disabled: disabled, "data-icon-only": "", ...(icon ? { icon } : {}), onClick: () => onChange(!pressed), children: children }));
+}
+/** Small set of mutually exclusive options shown as joined buttons. */
+export function Segmented({ label, value, options, onChange, disabled, }) {
+    return (_jsx("div", { className: "ak-ctl-segmented", role: "radiogroup", "aria-label": label, children: options.map(({ value: option, label: text, icon: Icon }) => (_jsx("button", { type: "button", role: "radio", "aria-checked": value === option, "aria-label": Icon ? text : undefined, title: text, disabled: disabled, onClick: () => onChange(option), children: Icon ? _jsx(Icon, { "aria-hidden": "true" }) : text }, option))) }));
+}
+const HEX = /^#(?:[0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
+/** Theme token swatches with an optional hex field. */
+export function ColorPicker({ label, value, theme, locale, onChange, allowHex, allowNone, disabled, }) {
+    const [hex, setHex] = useState(value && !isColorToken(value) ? value : '');
+    useEffect(() => setHex(value && !isColorToken(value) ? value : ''), [value]);
+    const none = pt(locale) ? 'Nenhuma' : 'None';
+    return (_jsxs("fieldset", { className: "ak-ctl-colors", disabled: disabled, children: [_jsx("legend", { className: "ak-ctl-label", children: label }), _jsxs("div", { className: "ak-ctl-swatches", children: [allowNone ? (_jsx("button", { type: "button", "aria-pressed": value === undefined, className: "ak-ctl-swatch ak-ctl-swatch-none", "aria-label": none, title: none, onClick: () => onChange(undefined) })) : null, COLOR_TOKENS.map((token) => (_jsx("button", { type: "button", "aria-pressed": value === token, className: "ak-ctl-swatch", style: { background: resolveColor(theme, token) }, "aria-label": token, title: token, onClick: () => onChange(token) }, token)))] }), allowHex ? (_jsxs("span", { className: "ak-ctl-affix ak-ctl-hex", children: [_jsx("span", { className: "ak-ctl-hex-preview", "aria-hidden": "true", style: HEX.test(hex) ? { background: hex } : undefined }), _jsx("input", { className: "ak-ctl-input", "data-size": "sm", "aria-label": `${label} (hex)`, placeholder: "#RRGGBB", value: hex, onChange: (event) => setHex(event.target.value), onBlur: () => {
+                            if (HEX.test(hex) && hex !== value)
+                                onChange(hex);
+                        }, onKeyDown: (event) => {
+                            if (event.key === 'Enter' && HEX.test(hex))
+                                onChange(hex);
+                        } })] })) : null] }));
+}
+/** Side properties panel of an editor: stacked sections separated by rules. */
+export function Inspector({ label, children, className }) {
+    return (_jsx("aside", { className: `ak-ctl-inspector${className ? ` ${className}` : ''}`, "aria-label": label, children: children }));
+}
+export function InspectorSection({ title, label, actions, children, className, }) {
+    const ariaLabel = label ?? (typeof title === 'string' ? title : undefined);
+    return (_jsxs("section", { className: `ak-ctl-section${className ? ` ${className}` : ''}`, ...(ariaLabel ? { 'aria-label': ariaLabel } : {}), children: [title || actions ? (_jsxs("header", { className: "ak-ctl-section-head", children: [title ? _jsx("h3", { className: "ak-ctl-section-title", children: title }) : null, actions ? _jsx("div", { className: "ak-ctl-section-actions", children: actions }) : null] })) : null, children] }));
+}
+/** Wrapping row of buttons. */
+export function ButtonRow({ children, label }) {
+    return (_jsx("div", { className: "ak-ctl-buttons", ...(label ? { role: 'group', 'aria-label': label } : {}), children: children }));
+}
+/** Muted helper text for empty states and instructions. */
+export function Hint({ children }) {
+    return _jsx("p", { className: "ak-ctl-empty", children: children });
+}
+const BUTTON = 'display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;margin:0;font:inherit;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;border:1px solid var(--ak-color-border,#dde0e2);border-radius:var(--ak-radius-sm,6px);background:var(--ak-color-background,#fff);color:var(--ak-color-text,#1d2f3c);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s';
+const FIELD = 'box-sizing:border-box;width:100%;min-width:0;height:32px;margin:0;padding:0 10px;font:inherit;font-size:13px;line-height:1.3;color:var(--ak-color-text,#1d2f3c);background:var(--ak-color-background,#fff);border:1px solid var(--ak-color-border-strong,#8e979d);border-radius:var(--ak-radius-sm,6px);transition:border-color .15s,box-shadow .15s';
+/**
+ * Plain `<button>`, `<input>`, `<select>` and `<textarea>` without a class inside `.ak-ctl-scope` get the
+ * standard look too (zero specificity, so any kind class still wins).
+ */
+const SCOPE = ':where(.ak-ctl-scope)';
+const PLAIN_BUTTON = `${SCOPE} :where(button:not([class]))`;
+const PLAIN_FIELD = `${SCOPE} :where(input:not([class]):not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):not([type="file"]),select:not([class]),textarea:not([class]))`;
+export const controlsCss = `
+.ak-ctl-button,${PLAIN_BUTTON}{${BUTTON}}
+.ak-ctl-button svg,${PLAIN_BUTTON} svg{width:16px;height:16px;flex-shrink:0}
+.ak-ctl-button:hover:not(:disabled),${PLAIN_BUTTON}:hover:not(:disabled){background:var(--ak-color-hover,#f2f3f4);border-color:var(--ak-color-border-strong,#8e979d)}
+.ak-ctl-button:active:not(:disabled),${PLAIN_BUTTON}:active:not(:disabled){background:var(--ak-color-active,#e8eaec)}
+.ak-ctl-button[aria-pressed="true"],${PLAIN_BUTTON}[aria-pressed="true"]{background:var(--ak-color-fill-accent,#e7f2ef);color:var(--ak-color-accent,#0f7a5a);border-color:var(--ak-color-accent,#0f7a5a)}
+.ak-ctl-button:disabled,${PLAIN_BUTTON}:disabled{opacity:.4;cursor:not-allowed}
+.ak-ctl-button:focus-visible,${PLAIN_BUTTON}:focus-visible,.ak-ctl-switch:focus-visible,.ak-ctl-swatch:focus-visible,.ak-ctl-segmented button:focus-visible{outline:2px solid var(--ak-color-focus,#0f7a5a);outline-offset:2px}
+.ak-ctl-button[data-size="sm"]{height:28px;padding:0 10px;font-size:12px}
+.ak-ctl-button[data-size="sm"] svg{width:14px;height:14px}
+.ak-ctl-button[data-icon-only]{width:32px;padding:0}
+.ak-ctl-button[data-icon-only][data-size="sm"]{width:28px}
+.ak-ctl-button[data-variant="primary"]{border-color:transparent;background:var(--ak-gradient-button,#00dd80);color:var(--ak-color-on-primary,#1d2f3c)}
+.ak-ctl-button[data-variant="primary"]:hover:not(:disabled){border-color:transparent;background:var(--ak-gradient-button-hover,#16a683)}
+.ak-ctl-button[data-variant="quiet"]{border-color:transparent;background:transparent;color:var(--ak-color-muted,#56636d)}
+.ak-ctl-button[data-variant="quiet"]:hover:not(:disabled){border-color:transparent;color:var(--ak-color-text,#1d2f3c)}
+.ak-ctl-button[data-variant="quiet"][aria-pressed="true"]{border-color:var(--ak-color-accent,#0f7a5a);color:var(--ak-color-accent,#0f7a5a)}
+.ak-ctl-button[data-variant="danger"]{color:var(--ak-color-danger,#9f343a)}
+.ak-ctl-button[data-variant="danger"]:hover:not(:disabled){background:var(--ak-color-fill-danger,#f5ebeb);border-color:var(--ak-color-danger,#9f343a)}
+.ak-ctl-input,.ak-ctl-select,.ak-ctl-textarea,${PLAIN_FIELD}{${FIELD}}
+.ak-ctl-input:hover:not(:disabled),.ak-ctl-select:hover:not(:disabled),.ak-ctl-textarea:hover:not(:disabled),${PLAIN_FIELD}:hover:not(:disabled){border-color:var(--ak-color-muted,#56636d)}
+.ak-ctl-input:focus,.ak-ctl-select:focus,.ak-ctl-textarea:focus,${PLAIN_FIELD}:focus{outline:none;border-color:var(--ak-color-accent,#0f7a5a);box-shadow:0 0 0 1px var(--ak-color-accent,#0f7a5a)}
+.ak-ctl-input:disabled,.ak-ctl-select:disabled,.ak-ctl-textarea:disabled,${PLAIN_FIELD}:disabled{opacity:.5;cursor:not-allowed}
+.ak-ctl-input::placeholder,.ak-ctl-textarea::placeholder{color:var(--ak-color-muted,#56636d);opacity:.8}
+.ak-ctl-select,${SCOPE} :where(select:not([class])){cursor:pointer;padding-right:6px}
+.ak-ctl-textarea,${SCOPE} :where(textarea:not([class])){height:auto;min-height:72px;padding:8px 10px;line-height:1.5;resize:vertical}
+.ak-ctl-input[data-size="sm"],.ak-ctl-select[data-size="sm"]{height:28px;font-size:12px;padding:0 8px}
+.ak-ctl-field{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0}
+.ak-ctl-label{display:block;padding:0;font-size:12px;font-weight:600;line-height:16px;color:var(--ak-color-muted,#56636d)}
+.ak-ctl-hint{font-size:12px;line-height:16px;color:var(--ak-color-muted,#56636d)}
+.ak-ctl-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
+.ak-ctl-row>.ak-ctl-field{flex:1 1 64px}
+.ak-ctl-buttons{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0;padding:0;border:0;min-inline-size:0}
+.ak-ctl-affix{position:relative;display:flex;align-items:center;min-width:0}
+.ak-ctl-affix .ak-ctl-input{padding-right:30px}
+.ak-ctl-unit{position:absolute;right:8px;font-size:12px;color:var(--ak-color-muted,#56636d);pointer-events:none}
+.ak-ctl-hex{max-width:160px}
+.ak-ctl-hex .ak-ctl-input{padding-left:30px;padding-right:8px;font-family:var(--ak-font-mono,ui-monospace,monospace)}
+.ak-ctl-hex-preview{position:absolute;left:7px;width:16px;height:16px;border-radius:4px;border:1px solid var(--ak-color-border-strong,#8e979d);background:repeating-conic-gradient(var(--ak-color-border,#dde0e2) 0 25%,transparent 0 50%) 50%/8px 8px}
+.ak-ctl-colors{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;border:0;min-inline-size:0}
+.ak-ctl-colors:disabled{opacity:.5}
+.ak-ctl-swatches{display:flex;flex-wrap:wrap;gap:6px}
+.ak-ctl-swatch{width:24px;height:24px;min-width:0;padding:0;border:1px solid var(--ak-color-border-strong,#8e979d);border-radius:var(--ak-radius-sm,6px);cursor:pointer;transition:transform .1s}
+.ak-ctl-swatch:hover:not(:disabled){transform:scale(1.08)}
+.ak-ctl-swatch[aria-pressed="true"]{border:2px solid var(--ak-color-accent,#0f7a5a);box-shadow:inset 0 0 0 2px var(--ak-color-background,#fff)}
+.ak-ctl-swatch-none{background:linear-gradient(135deg,transparent 44%,var(--ak-color-danger,#9f343a) 44%,var(--ak-color-danger,#9f343a) 56%,transparent 56%),var(--ak-color-background,#fff)}
+.ak-ctl-switch{display:inline-flex;align-items:center;gap:10px;min-height:28px;margin:0;padding:0;border:0;background:none;color:var(--ak-color-text,#1d2f3c);font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;border-radius:var(--ak-radius-sm,6px)}
+.ak-ctl-switch:disabled{opacity:.4;cursor:not-allowed}
+.ak-ctl-switch-track{position:relative;flex-shrink:0;width:32px;height:18px;border-radius:999px;background:var(--ak-color-border-strong,#8e979d);transition:background-color .15s}
+.ak-ctl-switch-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--ak-color-background,#fff);transition:transform .15s}
+.ak-ctl-switch[aria-checked="true"] .ak-ctl-switch-track{background:var(--ak-color-primary-deep,#16a683)}
+.ak-ctl-switch[aria-checked="true"] .ak-ctl-switch-thumb{transform:translateX(14px)}
+.ak-ctl-segmented{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--ak-color-border,#dde0e2);border-radius:var(--ak-radius-sm,6px);background:var(--ak-color-surface,#f4f7f7)}
+.ak-ctl-segmented button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:28px;height:26px;padding:0 8px;border:0;border-radius:4px;background:transparent;color:var(--ak-color-muted,#56636d);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
+.ak-ctl-segmented button svg{width:14px;height:14px}
+.ak-ctl-segmented button:hover:not(:disabled){color:var(--ak-color-text,#1d2f3c)}
+.ak-ctl-segmented button[aria-checked="true"]{background:var(--ak-color-background,#fff);color:var(--ak-color-accent,#0f7a5a);box-shadow:0 0 0 1px var(--ak-color-border,#dde0e2)}
+.ak-ctl-inspector{display:flex;flex-direction:column;min-width:0;max-height:80vh;overflow-y:auto;background:var(--ak-color-background,#fff);color:var(--ak-color-text,#1d2f3c);border:1px solid var(--ak-color-border,#dde0e2);border-radius:var(--ak-radius-md,8px);font-size:13px}
+.ak-ctl-section{display:flex;flex-direction:column;gap:12px;margin:0;padding:14px;border:0;border-top:1px solid var(--ak-color-border,#dde0e2)}
+.ak-ctl-section:first-child{border-top:0}
+.ak-ctl-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px}
+.ak-ctl-section-title{margin:0;font-family:var(--ak-font-heading,"Sora",system-ui,sans-serif);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ak-color-text,#1d2f3c)}
+.ak-ctl-section-actions{display:flex;gap:4px}
+.ak-ctl-empty{margin:0;font-size:13px;line-height:1.55;color:var(--ak-color-muted,#56636d)}
+.ak-ctl-card{display:flex;flex-direction:column;gap:8px;margin:0;padding:10px;border:1px solid var(--ak-color-border,#dde0e2);border-radius:var(--ak-radius-md,8px);background:var(--ak-color-surface,#f4f7f7);min-inline-size:0}
+.ak-ctl-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
+.ak-ctl-list-item{display:flex;align-items:center;gap:8px;width:100%;min-height:32px;padding:0 10px;border:1px solid transparent;border-radius:var(--ak-radius-sm,6px);background:none;color:var(--ak-color-text,#1d2f3c);font:inherit;font-size:13px;text-align:left;cursor:pointer}
+.ak-ctl-list-item:hover:not(:disabled){background:var(--ak-color-hover,#f2f3f4)}
+.ak-ctl-list-item[aria-current="true"]{background:var(--ak-color-fill-accent,#e7f2ef);border-color:var(--ak-color-accent,#0f7a5a);color:var(--ak-color-accent,#0f7a5a)}
+`;
+//# sourceMappingURL=controls.js.map

package/dist/controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.js","sourceRoot":"","sources":["../src/controls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAc,YAAY,EAAE,YAAY,EAAc,MAAM,iBAAiB,CAAC;AAEnG,OAAO,EAIL,SAAS,EACT,KAAK,EACL,QAAQ,GACT,MAAM,OAAO,CAAC;AAEf;;;;GAIG;AAEH,MAAM,EAAE,GAAG,CAAC,MAA0B,EAAE,EAAE,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AAczF,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,EAAE,IAAI,EACV,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,GAAG,IAAI,EACK;IACZ,OAAO,CACL,kBACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,gBAAgB,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,kBAC/C,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,eAC9C,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KACvC,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,KAC1D,IAAI,aAEP,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,mBAAa,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,EACzC,QAAQ,IACF,CACV,CAAC;AACJ,CAAC;AAOD,kFAAkF;AAClF,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAmB;IACzE,OAAO,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,gBAAc,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,KAAK,oBAAiB,EAAE,KAAK,IAAI,GAAI,CAAC;AACtG,CAAC;AAUD,6DAA6D;AAC7D,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAc;IAC7E,OAAO,CACL,eAAK,SAAS,EAAE,eAAe,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,aAC/D,gBAAO,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,OAAO,YAC7C,KAAK,GACA,EACP,QAAQ,EACR,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,aAAa,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IACtD,CACP,CAAC;AACJ,CAAC;AAED,sDAAsD;AACtD,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAA2C;IACnF,OAAO,CACL,cAAK,SAAS,EAAC,YAAY,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAClF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAaD,iGAAiG;AACjG,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,IAAI,GAAG,CAAC,GACO;IACf,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,IAAI,KAAK,KAAK,KAAK;YAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,CAAC;IACF,OAAO,CACL,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,YACzC,SAAS,CAAC,CAAC,CAAC,CACX,mBACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACjD,MAAM,EAAE,MAAM,GACd,CACH,CAAC,CAAC,CAAC,CACF,gBACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACjD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;gBACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;oBAAE,MAAM,EAAE,CAAC;YACtC,CAAC,GACD,CACH,GACK,CACT,CAAC;AACJ,CAAC;AAeD,sEAAsE;AACtE,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,EACH,GAAG,EACH,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,WAAW,EACX,IAAI,GACa;IACjB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7E,SAAS,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7E,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACpD,QAAQ,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;YACnD,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;QAC9E,IAAI,OAAO,KAAK,KAAK;YAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;QACzC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAC5B,CAAC,CAAC;IACF,MAAM,KAAK,GAAG,CACZ,gBACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,cAAc,EACxB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACjD,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;gBAAE,MAAM,EAAE,CAAC;QACtC,CAAC,GACD,CACH,CAAC;IACF,OAAO,CACL,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,YAC7B,IAAI,CAAC,CAAC,CAAC,CACN,gBAAM,SAAS,EAAC,cAAc,aAC3B,KAAK,EACN,eAAM,SAAS,EAAC,aAAa,iBAAa,MAAM,YAC7C,IAAI,GACA,IACF,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,GACK,CACT,CAAC;AACJ,CAAC;AAWD,MAAM,UAAU,WAAW,CAAmB,EAC5C,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,IAAI,GACgB;IACpB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,OAAO,CACL,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,YAC1C,kBACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAU,CAAC,aAErD,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,iBAAQ,KAAK,EAAC,EAAE,uBAAW,CAAC,CAAC,CAAC,IAAI,EACxD,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAA2B,KAAK,EAAE,MAAM,CAAC,KAAK,YAC3C,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC,IACK,GACH,CACT,CAAC;AACJ,CAAC;AASD,gEAAgE;AAChE,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAe;IACxE,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,kBACC,OAAO,EACrB,SAAS,EAAC,eAAe,EACzB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,aAEjC,eAAM,SAAS,EAAC,qBAAqB,iBAAa,MAAM,YACtD,eAAM,SAAS,EAAC,qBAAqB,GAAG,GACnC,EACP,eAAM,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAQ,IAC7C,CACV,CAAC;AACJ,CAAC;AAYD,wFAAwF;AACxF,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAe;IACxF,IAAI,QAAQ,KAAK,SAAS,IAAI,IAAI,KAAK,SAAS;QAC9C,OAAO,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,KAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAI,CAAC;IAC5G,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,OAAO,gBACJ,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,oBACH,EAAE,KACb,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,YAEhC,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAUD,uEAAuE;AACvE,MAAM,UAAU,SAAS,CAAmB,EAC1C,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,GACU;IAClB,OAAO,CACL,cAAK,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAC,YAAY,gBAAa,KAAK,YAClE,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAE3D,iBAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,kBACE,KAAK,KAAK,MAAM,gBAClB,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACnC,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,YAE9B,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,mBAAa,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,IATrC,MAAM,CAUJ,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAeD,MAAM,GAAG,GAAG,sCAAsC,CAAC;AAEnD,uDAAuD;AACvD,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,GACS;IACjB,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC3E,SAAS,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7E,MAAM,IAAI,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAC7C,OAAO,CACL,oBAAU,SAAS,EAAC,eAAe,EAAC,QAAQ,EAAE,QAAQ,aACpD,iBAAQ,SAAS,EAAC,cAAc,YAAE,KAAK,GAAU,EACjD,eAAK,SAAS,EAAC,iBAAiB,aAC7B,SAAS,CAAC,CAAC,CAAC,CACX,iBACE,IAAI,EAAC,QAAQ,kBACC,KAAK,KAAK,SAAS,EACjC,SAAS,EAAC,kCAAkC,gBAChC,IAAI,EAChB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,GAClC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3B,iBAEE,IAAI,EAAC,QAAQ,kBACC,KAAK,KAAK,KAAK,EAC7B,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,EAAE,UAAU,EAAE,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,gBACrC,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAPzB,KAAK,CAQV,CACH,CAAC,IACE,EACL,QAAQ,CAAC,CAAC,CAAC,CACV,gBAAM,SAAS,EAAC,yBAAyB,aACvC,eACE,SAAS,EAAC,oBAAoB,iBAClB,MAAM,EAClB,KAAK,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,GACtD,EACF,gBACE,SAAS,EAAC,cAAc,eACd,IAAI,gBACF,GAAG,KAAK,QAAQ,EAC5B,WAAW,EAAC,SAAS,EACrB,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,MAAM,EAAE,GAAG,EAAE;4BACX,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,KAAK,KAAK;gCAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;wBACpD,CAAC,EACD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;4BACnB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;gCAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;wBAC5D,CAAC,GACD,IACG,CACR,CAAC,CAAC,CAAC,IAAI,IACC,CACZ,CAAC;AACJ,CAAC;AAQD,+EAA+E;AAC/E,MAAM,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAkB;IACtE,OAAO,CACL,gBAAO,SAAS,EAAE,mBAAmB,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,gBAAc,KAAK,YACvF,QAAQ,GACH,CACT,CAAC;AACJ,CAAC;AAWD,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,GACa;IACtB,MAAM,SAAS,GAAG,KAAK,IAAI,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3E,OAAO,CACL,mBACE,SAAS,EAAE,iBAAiB,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,KAC1D,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAEjD,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAClB,kBAAQ,SAAS,EAAC,qBAAqB,aACpC,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,sBAAsB,YAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAChE,OAAO,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,wBAAwB,YAAE,OAAO,GAAO,CAAC,CAAC,CAAC,IAAI,IAClE,CACV,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,IACD,CACX,CAAC;AACJ,CAAC;AAED,+BAA+B;AAC/B,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,KAAK,EAA2C;IACpF,OAAO,CACL,cAAK,SAAS,EAAC,gBAAgB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YACtF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,2DAA2D;AAC3D,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAA2B;IACxD,OAAO,YAAG,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAK,CAAC;AACpD,CAAC;AAED,MAAM,MAAM,GACV,ybAAyb,CAAC;AAC5b,MAAM,KAAK,GACT,sVAAsV,CAAC;AAEzV;;;GAGG;AACH,MAAM,KAAK,GAAG,uBAAuB,CAAC;AACtC,MAAM,YAAY,GAAG,GAAG,KAAK,8BAA8B,CAAC;AAC5D,MAAM,WAAW,GAAG,GAAG,KAAK,6KAA6K,CAAC;AAE1M,MAAM,CAAC,MAAM,WAAW,GAAG;iBACV,YAAY,IAAI,MAAM;qBAClB,YAAY;sCACK,YAAY;uCACX,YAAY;sCACb,YAAY;0BACxB,YAAY;+BACP,YAAY;;;;;;;;;;;;gDAYK,WAAW,IAAI,KAAK;+GAC2C,WAAW;kEACxD,WAAW;2EACF,WAAW;;iBAErE,KAAK;mBACH,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4CvB,CAAC"}

package/dist/download.d.ts

@@ -0,0 +1,4 @@
+import type { ClientExportResult } from './client.js';
+/** Saves exported bytes through a temporary object URL. No-op outside the browser. */
+export declare function triggerDownload(file: Pick<ClientExportResult, 'bytes' | 'mimeType' | 'filename'>): void;
+//# sourceMappingURL=download.d.ts.map

package/dist/download.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"download.d.ts","sourceRoot":"","sources":["../src/download.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,sFAAsF;AACtF,wBAAgB,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG,IAAI,CAmBvG"}

package/dist/download.js

@@ -0,0 +1,20 @@
+/** Saves exported bytes through a temporary object URL. No-op outside the browser. */
+export function triggerDownload(file) {
+    if (typeof document === 'undefined' ||
+        typeof URL === 'undefined' ||
+        typeof URL.createObjectURL !== 'function')
+        return;
+    const blob = new Blob([file.bytes.slice()], { type: file.mimeType });
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement('a');
+    anchor.href = url;
+    anchor.download = file.filename;
+    anchor.rel = 'noopener';
+    anchor.style.display = 'none';
+    document.body.appendChild(anchor);
+    anchor.click();
+    anchor.remove();
+    // Revoking synchronously can cancel the download in some browsers.
+    setTimeout(() => URL.revokeObjectURL(url), 1000);
+}
+//# sourceMappingURL=download.js.map

package/dist/download.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"download.js","sourceRoot":"","sources":["../src/download.ts"],"names":[],"mappings":"AAEA,sFAAsF;AACtF,MAAM,UAAU,eAAe,CAAC,IAAiE;IAC/F,IACE,OAAO,QAAQ,KAAK,WAAW;QAC/B,OAAO,GAAG,KAAK,WAAW;QAC1B,OAAO,GAAG,CAAC,eAAe,KAAK,UAAU;QAEzC,OAAO;IACT,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IACrE,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC;IAClB,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;IAChC,MAAM,CAAC,GAAG,GAAG,UAAU,CAAC;IACxB,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IAC9B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,MAAM,CAAC,KAAK,EAAE,CAAC;IACf,MAAM,CAAC,MAAM,EAAE,CAAC;IAChB,mEAAmE;IACnE,UAAU,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;AACnD,CAAC"}

package/dist/editor-session.d.ts

@@ -0,0 +1,184 @@
+import { type Artifact, ArtifactError, type ArtifactRegistry, type ChangeSummary, type CommitResult, type EmitOptions } from '@artkit-ai/core';
+/** The editable part of an artifact: content plus the envelope fields operations can change. */
+export interface EnvelopeState {
+    content: unknown;
+    title: string;
+    themeId: string;
+    locale: string;
+}
+export interface SendRequest {
+    baseVersion: number;
+    operations: unknown[];
+    idempotencyKey: string;
+}
+export interface EditorSessionOptions {
+    registry: ArtifactRegistry;
+    /** Last confirmed version. */
+    artifact: Artifact;
+    /** Commits a batch (usually `client.apply`). */
+    send(request: SendRequest): Promise<CommitResult>;
+    /** Loads the latest version, or a specific one, after a conflict or a rebased commit. */
+    load(version?: number): Promise<Artifact>;
+    /** Typing operations emitted within this window become one batch (default 600 ms). */
+    groupingWindowMs?: number;
+    /** Upper bound for one typing batch while the user keeps typing (default 5 s). */
+    maxGroupingMs?: number;
+    /** Undo entries kept (default 100). */
+    maxUndo?: number;
+    /** Locale of error messages produced locally. */
+    locale?: string;
+    createKey?(): string;
+    onCommitted?(result: CommitResult): void;
+}
+export type SessionStatus = 'idle' | 'editing' | 'saving' | 'conflict';
+export interface SessionConflict {
+    /**
+     * `server`: the server answered VERSION_CONFLICT; `rebase`: a newer version arrived and the pending
+     * operations no longer apply on it; `undo`/`redo`: the artifact changed after the edit being undone.
+     */
+    reason: 'server' | 'rebase' | 'undo' | 'redo';
+    /** What changed in the newer version, for the conflict diff. */
+    changes: ChangeSummary[];
+    /** The local operations that would be reapplied. */
+    operations: unknown[];
+    latest: Artifact;
+}
+export type SessionEvent = {
+    type: 'saved';
+    version: number;
+} | {
+    type: 'undone';
+    version: number;
+} | {
+    type: 'redone';
+    version: number;
+} | {
+    type: 'rebased';
+    version: number;
+} | {
+    type: 'rejected';
+    error: ArtifactError;
+} | {
+    type: 'rolled_back';
+    error: ArtifactError;
+} | {
+    type: 'conflict';
+    reason: SessionConflict['reason'];
+} | {
+    type: 'conflict_resolved';
+    choice: ConflictChoice;
+};
+export type ConflictChoice = 'keep-theirs' | 'reapply';
+export interface EditorSessionState {
+    confirmed: Artifact;
+    /** Optimistic state: confirmed version plus every unconfirmed local operation. */
+    view: EnvelopeState;
+    status: SessionStatus;
+    /** Local operations not confirmed yet (buffered, queued or in flight). */
+    dirty: boolean;
+    canUndo: boolean;
+    canRedo: boolean;
+    error?: ArtifactError;
+    conflict?: SessionConflict;
+    /** Set after a LOCKED rejection; editing stays disabled until then. */
+    lockedUntil?: string;
+    /** Last notable event, with a sequence number so hosts can announce each one once. */
+    event?: SessionEvent & {
+        seq: number;
+    };
+}
+export declare function envelopeOf(artifact: Pick<Artifact, 'content' | 'title' | 'themeId' | 'locale'>): EnvelopeState;
+/**
+ * Operations that turn `from` into `to`. Kinds do not provide inverse operations, so undo and redo send
+ * `replace_content` with the snapshot (plus envelope operations); the commit still becomes a new version
+ * (spec §8.5).
+ */
+export declare function operationsBetween(from: EnvelopeState, to: EnvelopeState): unknown[];
+/**
+ * Framework-free editing session behind `ArtifactEditor` (spec §13.6): batching of typing operations,
+ * optimistic apply with the kind's own logic, rollback on rejection, local undo/redo over the user's own
+ * batches, rebase of pending operations on newer versions, conflict resolution and lock handling.
+ *
+ * Batches are sent one at a time, each against the version the previous one produced.
+ */
+export declare class EditorSession {
+    private readonly options;
+    private readonly windowMs;
+    private readonly maxGroupingMs;
+    private readonly maxUndo;
+    private confirmed;
+    private view;
+    private buffer;
+    private bufferStartedAt;
+    private timer;
+    private lockTimer;
+    private queue;
+    private inflight;
+    private undoStack;
+    private redoStack;
+    private error;
+    private conflict;
+    private lockedUntil;
+    private deferredRemote;
+    private event;
+    private seq;
+    private disposed;
+    private readonly listeners;
+    private idleWaiters;
+    private snapshot;
+    constructor(options: EditorSessionOptions);
+    subscribe: (listener: () => void) => (() => void);
+    getSnapshot: () => EditorSessionState;
+    /** Resolves once nothing is buffered, queued or in flight (or a conflict is waiting for the user). */
+    whenIdle(): Promise<void>;
+    private isIdle;
+    private buildSnapshot;
+    private notify;
+    private announce;
+    private isLocked;
+    private applyLocal;
+    private pendingOperations;
+    /**
+     * Recomputes the optimistic view from the confirmed version. When the unconfirmed operations no
+     * longer apply, they move into a `rebase` conflict and the view falls back to the confirmed version.
+     */
+    private rebaseView;
+    private changesBetween;
+    /**
+     * Called by the kind editor. Operations are applied optimistically right away; invalid ones are
+     * rejected locally (returns false) and never reach the server.
+     */
+    emit: (operations: unknown[], options?: EmitOptions) => boolean;
+    /** Sends buffered typing operations now (e.g. on blur or before navigation). */
+    flush(): void;
+    private key;
+    private schedule;
+    private clearTimer;
+    private flushBuffer;
+    undo: () => void;
+    redo: () => void;
+    dismissError: () => void;
+    private pump;
+    private resolveHistoryCommand;
+    private onCommitted;
+    /** Incorporates a version that arrived while a request was in flight. */
+    private applyDeferred;
+    private pushUndo;
+    private onRejected;
+    private setLocked;
+    /**
+     * A version arrived from outside the session (refetch, agent commit, prop). Pending local operations
+     * are rebased on it; when they no longer apply, a `rebase` conflict asks the user what to keep.
+     */
+    receive: (artifact: Artifact) => void;
+    private incorporate;
+    resolveConflict: (choice: ConflictChoice) => void;
+    /**
+     * Stops timers and listeners. Buffered typing is still sent unless `discard` is set, so closing the
+     * editor right after typing does not lose the last keystrokes.
+     */
+    dispose(options?: {
+        discard?: boolean;
+    }): void;
+}
+//# sourceMappingURL=editor-session.d.ts.map

package/dist/editor-session.d.ts.map

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