@sectile/dom 0.2.0 → 0.2.1

package/dist/spin-button.js

@@ -0,0 +1,130 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { tryCreateBoundedRange } from '@sectile/core/range';
+import { applySpinButtonEvent, tryCreateSpinButtonState, } from '@sectile/core/spin-button';
+import { createSemanticController } from './internal/semantic-controller.js';
+export function createSpinButton(options) {
+    return unwrap(tryCreateSpinButton(options));
+}
+export function tryCreateSpinButton(options) {
+    return createFacadeConnection(options, (options) => tryCreateSpinButtonConnection(options));
+}
+function tryCreateSpinButtonConnection(options) {
+    const range = tryCreateBoundedRange(options);
+    if (!range.ok)
+        return range;
+    const valueControlled = options.value !== undefined;
+    const draftControlled = options.draft !== undefined;
+    const runtime = createSemanticController({
+        initial: tryCreateSpinButtonState(range.value, options.value ?? options.defaultValue ?? range.value.lower, options.draft !== undefined ? options.draft : options.defaultDraft ?? null),
+        reducer: (state, event) => applySpinButtonEvent(range.value, state, event, options.policies),
+        reconcile: (previous, proposed) => tryCreateSpinButtonState(range.value, valueControlled ? previous.value : proposed.value, draftControlled ? previous.draft : proposed.draft),
+        notify: (previous, proposed) => {
+            if (previous.value !== proposed.value)
+                options.onValueChange?.(proposed.value);
+            if (previous.draft !== proposed.draft)
+                options.onDraftChange?.(proposed.draft);
+        },
+        toEffect: (command) => command,
+        interaction: options,
+    });
+    return runtime.ok
+        ? { ok: true, value: new DOMSpinButton(options, range.value, runtime.value, valueControlled, draftControlled) }
+        : runtime;
+}
+export function toSpinButtonEvent(input) {
+    if (input.altKey || input.ctrlKey || input.metaKey)
+        return null;
+    if (input.key === 'ArrowUp')
+        return 'increment';
+    if (input.key === 'ArrowDown')
+        return 'decrement';
+    if (input.key === 'PageUp')
+        return 'page-up';
+    if (input.key === 'PageDown')
+        return 'page-down';
+    if (input.key === 'Home')
+        return 'home';
+    if (input.key === 'End')
+        return 'end';
+    if (input.key === 'Enter')
+        return 'commit';
+    if (input.key === 'Escape')
+        return 'cancel';
+    return null;
+}
+class DOMSpinButton {
+    range;
+    #options;
+    #runtime;
+    #valueControlled;
+    #draftControlled;
+    #input = () => { this.handleEvent({ type: 'input', text: this.#options.input.value }); };
+    #key = (event) => {
+        const semantic = toSpinButtonEvent(event);
+        if (semantic !== null) {
+            event.preventDefault();
+            this.handleEvent(semantic);
+        }
+    };
+    #blur = () => {
+        if (!this.handleEvent('commit'))
+            this.handleEvent('cancel');
+    };
+    constructor(options, range, runtime, valueControlled, draftControlled) {
+        this.#options = options;
+        this.range = range;
+        this.#runtime = runtime;
+        this.#valueControlled = valueControlled;
+        this.#draftControlled = draftControlled;
+        options.input.addEventListener('input', this.#input);
+        options.input.addEventListener('keydown', this.#key);
+        options.input.addEventListener('blur', this.#blur);
+        options.input.disabled = options.disabled ?? false;
+        options.input.readOnly = options.readOnly ?? false;
+        options.input.setAttribute('aria-disabled', String(options.disabled ?? false));
+        options.input.setAttribute('aria-readonly', String(options.readOnly ?? false));
+        this.refresh();
+    }
+    getSnapshot() { return this.#runtime.getSnapshot(); }
+    getText() { const state = this.getSnapshot().state; return state.draft ?? state.value; }
+    getValue() { return this.getSnapshot().state.value; }
+    syncControlledValues(values) {
+        if (this.#valueControlled !== (values.value !== undefined) || this.#draftControlled !== (values.draft !== undefined))
+            return { ok: false, error: { class: 'construction', code: 'controlled-shape-mismatch', message: 'Controlled spin button values must preserve their construction-time shape.' } };
+        const state = this.getSnapshot().state;
+        const result = this.#runtime.replace(tryCreateSpinButtonState(this.range, this.#valueControlled ? values.value : state.value, this.#draftControlled ? values.draft : state.draft));
+        if (result.ok) {
+            this.refresh();
+            this.#options.onUpdate?.();
+        }
+        return result;
+    }
+    handleEvent(event) {
+        const result = this.#runtime.handle(event);
+        this.#options.input.setAttribute('aria-invalid', String(!result.ok && event === 'commit'));
+        this.refresh();
+        if (result.ok)
+            this.#options.onUpdate?.();
+        return result.ok;
+    }
+    refresh() {
+        const state = this.getSnapshot().state;
+        this.#options.input.setAttribute('role', 'spinbutton');
+        this.#options.input.setAttribute('aria-valuemin', this.range.lower);
+        this.#options.input.setAttribute('aria-valuemax', this.range.upper);
+        this.#options.input.setAttribute('aria-valuenow', state.value);
+        this.#options.input.setAttribute('aria-valuetext', state.value);
+        if (this.#options.label !== undefined)
+            this.#options.input.setAttribute('aria-label', this.#options.label);
+        const text = this.getText();
+        if (this.#options.input.value !== text)
+            this.#options.input.value = text;
+    }
+    disconnect() {
+        this.#options.input.removeEventListener('input', this.#input);
+        this.#options.input.removeEventListener('keydown', this.#key);
+        this.#options.input.removeEventListener('blur', this.#blur);
+    }
+}
+//# sourceMappingURL=spin-button.js.map

package/dist/spin-button.js.map

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

package/dist/stepper.d.ts

@@ -0,0 +1,24 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result, StableID } from '@sectile/core';
+import type { StepperEvent, StepperState } from '@sectile/core/stepper';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import { type TabsOptions } from './tabs.js';
+export type StepperOptions<ID extends StableID = StableID> = TabsOptions<ID>;
+export interface StepperConnection<ID extends StableID = StableID> {
+    getSnapshot(): RevisionSnapshot<StepperState<ID>>;
+    syncControlledValues(values: {
+        readonly value?: ID | null;
+        readonly highlightedValue?: ID | null;
+    }): Result<RevisionSnapshot<StepperState<ID>>>;
+    setStepAttributes(element: HTMLElement, attributes: {
+        readonly id: ID;
+        readonly panelID?: string;
+        readonly disabled?: boolean;
+    }): void;
+    setPanelAttributes(element: HTMLElement, id: ID, stepID?: string): void;
+    handleEvent(event: StepperEvent<ID>): boolean;
+    disconnect(): void;
+}
+export declare function createStepper<ID extends StableID>(options: StepperOptions<ID>): FacadeConnection<StepperConnection<ID>>;
+export declare function tryCreateStepper<ID extends StableID>(options: StepperOptions<ID>): Result<FacadeConnection<StepperConnection<ID>>>;
+//# sourceMappingURL=stepper.d.ts.map

package/dist/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../src/stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAsC,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAEjF,MAAM,MAAM,cAAc,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ,IAAI,WAAW,CAAC,EAAE,CAAC,CAAC;AAC7E,MAAM,WAAW,iBAAiB,CAAC,EAAE,SAAS,QAAQ,GAAG,QAAQ;IAC/D,WAAW,IAAI,gBAAgB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;IAClD,oBAAoB,CAAC,MAAM,EAAE;QAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC;QAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,GAAG,IAAI,CAAA;KAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAChJ,iBAAiB,CAAC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE;QAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC;QAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvI,kBAAkB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxE,WAAW,CAAC,KAAK,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;IAC9C,UAAU,IAAI,IAAI,CAAC;CACpB;AACD,wBAAgB,aAAa,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAEvH;AAED,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,QAAQ,EAAE,OAAO,EAAE,cAAc,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,CAElI"}

package/dist/stepper.js

@@ -0,0 +1,32 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { tryCreateTabs } from './tabs.js';
+export function createStepper(options) {
+    return unwrap(tryCreateStepper(options));
+}
+export function tryCreateStepper(options) {
+    return createFacadeConnection(options, (options) => tryCreateStepperConnection(options));
+}
+function tryCreateStepperConnection(options) {
+    const result = tryCreateTabs(options);
+    if (!result.ok)
+        return result;
+    options.root.setAttribute('aria-roledescription', 'stepper');
+    return { ok: true, value: wrapStepper(result.value) };
+}
+function wrapStepper(connection) {
+    return Object.freeze({
+        getSnapshot: () => connection.getSnapshot(),
+        syncControlledValues: (values) => connection.syncControlledValues(values),
+        setStepAttributes: (element, attributes) => connection.setItemAttributes(element, attributes),
+        setPanelAttributes: (element, id, stepID) => connection.setPanelAttributes(element, id, stepID),
+        handleEvent: (event) => connection.handleEvent(toTabsEvent(event)),
+        disconnect: () => connection.disconnect(),
+    });
+}
+function toTabsEvent(event) {
+    if (typeof event === 'object')
+        return { type: event.type === 'focus-step' ? 'focus' : 'select', id: event.id };
+    return event === 'next-step' ? 'next' : event === 'previous-step' ? 'previous' : event === 'first-step' ? 'first' : event === 'last-step' ? 'last' : 'activate';
+}
+//# sourceMappingURL=stepper.js.map

package/dist/stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../src/stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAI9C,OAAO,EAAE,aAAa,EAAyC,MAAM,WAAW,CAAC;AAWjF,MAAM,UAAU,aAAa,CAAsB,OAA2B;IAC5E,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3C,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAsB,OAA2B;IAC/E,OAAO,sBAAsB,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3F,CAAC;AAED,SAAS,0BAA0B,CAAsB,OAA2B;IAClF,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAAC,IAAI,CAAC,MAAM,CAAC,EAAE;QAAE,OAAO,MAAM,CAAC;IACrE,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAC7D,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;AACxD,CAAC;AACD,SAAS,WAAW,CAAsB,UAA8B;IACtE,OAAO,MAAM,CAAC,MAAM,CAAC;QACnB,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,EAAE;QAC3C,oBAAoB,EAAE,CAAC,MAA6E,EAAE,EAAE,CAAC,UAAU,CAAC,oBAAoB,CAAC,MAAM,CAAC;QAChJ,iBAAiB,EAAE,CAAC,OAAoB,EAAE,UAAuF,EAAE,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC;QACvL,kBAAkB,EAAE,CAAC,OAAoB,EAAE,EAAM,EAAE,MAAe,EAAE,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,EAAE,MAAM,CAAC;QACzH,WAAW,EAAE,CAAC,KAAuB,EAAE,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACpF,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,EAAE;KAC1C,CAAC,CAAC;AACL,CAAC;AACD,SAAS,WAAW,CAAsB,KAAuB;IAC/D,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,OAAgB,CAAC,CAAC,CAAC,QAAiB,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;IACjI,OAAO,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,MAAe,CAAC,CAAC,CAAC,KAAK,KAAK,eAAe,CAAC,CAAC,CAAC,UAAmB,CAAC,CAAC,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,OAAgB,CAAC,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,MAAe,CAAC,CAAC,CAAC,UAAmB,CAAC;AAC/M,CAAC"}

package/dist/switch.d.ts

@@ -0,0 +1,45 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result } from '@sectile/core';
+import { type SwitchEvent, type SwitchState } from '@sectile/core/switch';
+import { type CheckedControlAttributes, type CheckedControlController, type DOMCheckedControl } from './internal/checked-control.js';
+import { type CheckboxInputAttributes, type CheckboxInputOptions } from './checkbox.js';
+export interface SwitchOptions {
+    readonly element: HTMLElement;
+    readonly checked?: boolean;
+    readonly defaultChecked?: boolean;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly onCheckedChange?: (checked: boolean) => void;
+    readonly onUpdate?: () => void;
+}
+export type SwitchCheckedChangeHandler = NonNullable<SwitchOptions['onCheckedChange']>;
+export type SwitchUpdateHandler = NonNullable<SwitchOptions['onUpdate']>;
+export type SwitchConnection = DOMCheckedControl<SwitchState, SwitchEvent, boolean>;
+export interface SwitchControllerOptions {
+    readonly checked?: boolean;
+    readonly defaultChecked?: boolean;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly onCheckedChange?: (checked: boolean) => void;
+}
+export type SwitchControllerCheckedChangeHandler = NonNullable<SwitchControllerOptions['onCheckedChange']>;
+export type SwitchController = CheckedControlController<SwitchState, SwitchEvent, boolean>;
+export interface SwitchAttributeOptions {
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly required?: boolean;
+    readonly native?: boolean;
+}
+export type SwitchAttributes = CheckedControlAttributes & {
+    readonly 'aria-required': 'true' | undefined;
+    readonly 'data-scope': 'switch';
+    readonly 'data-part': 'root';
+};
+export type SwitchInputOptions = CheckboxInputOptions;
+export type SwitchInputAttributes = CheckboxInputAttributes;
+export declare function createSwitchController(options?: SwitchControllerOptions): Result<SwitchController>;
+export declare function getSwitchAttributes(state: SwitchState, options?: SwitchAttributeOptions): SwitchAttributes;
+export declare function getSwitchInputAttributes(state: SwitchState, options?: SwitchInputOptions): SwitchInputAttributes;
+export declare function createSwitch(options: SwitchOptions): FacadeConnection<SwitchConnection>;
+export declare function tryCreateSwitch(options: SwitchOptions): Result<FacadeConnection<SwitchConnection>>;
+//# sourceMappingURL=switch.d.ts.map

package/dist/switch.d.ts.map

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

package/dist/switch.js

@@ -0,0 +1,44 @@
+import { createFacadeConnection } from './internal/facade.js';
+import { unwrap } from '@sectile/core/result';
+import { applySwitchEvent, tryCreateSwitchState } from '@sectile/core/switch';
+import { createCheckedControlController, createDOMCheckedControl, getCheckedControlAttributes, } from './internal/checked-control.js';
+import { getCheckboxInputAttributes } from './checkbox.js';
+export function createSwitchController(options = {}) {
+    return createCheckedControlController({
+        controlled: options.checked !== undefined,
+        initial: tryCreateSwitchState(options.checked ?? options.defaultChecked ?? false),
+        reducer: applySwitchEvent,
+        create: tryCreateSwitchState,
+        read: (state) => state.checked,
+        onChange: options.onCheckedChange,
+        interaction: options,
+    });
+}
+export function getSwitchAttributes(state, options = {}) {
+    return Object.freeze({
+        ...getCheckedControlAttributes({
+            role: 'switch',
+            attribute: 'aria-checked',
+            value: state.checked,
+            format: String,
+            supportsReadOnly: true,
+            ...(options.disabled === undefined ? {} : { disabled: options.disabled }),
+            ...(options.readOnly === undefined ? {} : { readOnly: options.readOnly }),
+            ...(options.native === undefined ? {} : { native: options.native }),
+        }),
+        'aria-required': options.required === true ? 'true' : undefined,
+        'data-scope': 'switch',
+        'data-part': 'root',
+    });
+}
+export function getSwitchInputAttributes(state, options = {}) {
+    return getCheckboxInputAttributes({ checked: state.checked }, options);
+}
+export function createSwitch(options) {
+    return unwrap(tryCreateSwitch(options));
+}
+export function tryCreateSwitch(options) {
+    return createFacadeConnection(options, (options) => tryCreateSwitchConnection(options));
+}
+function tryCreateSwitchConnection(options) { return createDOMCheckedControl({ element: options.element, role: 'switch', attribute: 'aria-checked', controlled: options.checked !== undefined, initial: tryCreateSwitchState(options.checked ?? options.defaultChecked ?? false), toggleEvent: 'toggle', reducer: applySwitchEvent, create: tryCreateSwitchState, read: (state) => state.checked, format: String, interaction: options, supportsReadOnly: true, onChange: options.onCheckedChange, onUpdate: options.onUpdate }); }
+//# sourceMappingURL=switch.js.map

package/dist/switch.js.map

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

package/dist/tabs.d.ts

@@ -0,0 +1,86 @@
+import { type FacadeConnection } from './internal/facade.js';
+import type { Result, StableID } from '@sectile/core';
+import type { RevisionSnapshot } from '@sectile/core/revision';
+import { type TabsCommand, type TabsEvent, type TabsPolicies, type TabsState } from '@sectile/core/tabs';
+import { type ReadingDirection } from './internal/direction.js';
+export interface KeyboardInput {
+    readonly key: string;
+    readonly altKey?: boolean;
+    readonly ctrlKey?: boolean;
+    readonly metaKey?: boolean;
+}
+export type TabsEffect<ID extends StableID = StableID> = {
+    readonly type: 'focus-tab';
+    readonly id: ID;
+} | {
+    readonly type: 'activate-tab';
+    readonly id: ID;
+};
+export interface TabsOptions<ID extends StableID = StableID> {
+    readonly root: HTMLElement;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+    readonly items: readonly ID[];
+    readonly policies?: TabsPolicies<ID>;
+    readonly disabledItems?: readonly ID[];
+    readonly value?: ID | null;
+    readonly defaultValue?: ID | null;
+    readonly highlightedValue?: ID | null;
+    readonly defaultHighlightedValue?: ID | null;
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly direction?: ReadingDirection;
+    readonly label?: string;
+    readonly onValueChange?: (value: ID | null) => void;
+    readonly onHighlightedValueChange?: (value: ID | null) => void;
+    readonly onActivate?: (id: ID) => void;
+    readonly onUpdate?: () => void;
+}
+export type TabsValueChangeHandler<ID extends StableID = StableID> = NonNullable<TabsOptions<ID>['onValueChange']>;
+export type TabsHighlightedValueChangeHandler<ID extends StableID = StableID> = NonNullable<TabsOptions<ID>['onHighlightedValueChange']>;
+export type TabsActivateHandler<ID extends StableID = StableID> = NonNullable<TabsOptions<ID>['onActivate']>;
+export type TabsUpdateHandler<ID extends StableID = StableID> = NonNullable<TabsOptions<ID>['onUpdate']>;
+export interface TabsListAttributesOptions {
+    readonly orientation?: 'horizontal' | 'vertical';
+    readonly direction?: ReadingDirection;
+    readonly label?: string;
+    readonly disabled?: boolean;
+    readonly readOnly?: boolean;
+}
+export interface TabsTriggerAttributesOptions<ID extends StableID = StableID> {
+    readonly id: ID;
+    readonly selected: boolean;
+    readonly highlighted: boolean;
+    readonly disabled?: boolean;
+    readonly triggerID?: string;
+    readonly panelID?: string;
+}
+export interface TabsContentAttributesOptions {
+    readonly selected: boolean;
+    readonly contentID?: string;
+    readonly triggerID?: string;
+}
+export declare function getTabsRootAttributes(): Readonly<Record<string, string>>;
+export declare function getTabsListAttributes(options?: TabsListAttributesOptions): Readonly<Record<string, string | undefined>>;
+export declare function getTabsTriggerAttributes<ID extends StableID>(options: TabsTriggerAttributesOptions<ID>): Readonly<Record<string, string | number | boolean | undefined>>;
+export declare function getTabsContentAttributes(options: TabsContentAttributesOptions): Readonly<Record<string, string | boolean | undefined>>;
+export interface TabsItemAttributes<ID extends StableID = StableID> {
+    readonly id: ID;
+    readonly panelID?: string;
+    readonly disabled?: boolean;
+}
+export interface TabsConnection<ID extends StableID = StableID> {
+    getSnapshot(): RevisionSnapshot<TabsState<ID>>;
+    syncControlledValues(values: {
+        readonly value?: ID | null;
+        readonly highlightedValue?: ID | null;
+    }): Result<RevisionSnapshot<TabsState<ID>>>;
+    setItemAttributes(element: HTMLElement, attributes: TabsItemAttributes<ID>): void;
+    setPanelAttributes(element: HTMLElement, id: ID, tabID?: string): void;
+    handleEvent(event: TabsEvent<ID>): boolean;
+    disconnect(): void;
+}
+export declare function createTabs<ID extends StableID>(options: TabsOptions<ID>): FacadeConnection<TabsConnection<ID>>;
+export declare function tryCreateTabs<ID extends StableID>(options: TabsOptions<ID>): Result<FacadeConnection<TabsConnection<ID>>>;
+export declare function toTabsEvent<ID extends StableID = StableID>(input: KeyboardInput, orientation?: 'horizontal' | 'vertical', direction?: ReadingDirection): TabsEvent<ID> | null;
+export declare function toTabsEffect<ID extends StableID>(command: TabsCommand<ID>): TabsEffect<ID>;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/tabs.d.ts.map

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