@typed/ui 1.0.0-beta.0 → 1.0.0-beta.10

package/dist/Switch.js

@@ -0,0 +1,110 @@
+import * as Schema from "effect/Schema";
+import { RefSubject } from "@typed/fx";
+import { html } from "@typed/template";
+import * as Dom from "./Dom.js";
+/**
+ */
+export const StateSchema = Schema.Struct({ checked: Schema.Boolean });
+/**
+ * Creates hydrated switch state independent of rendering.
+ * @remarks
+ * Domain code and tests can own the state while any renderer consumes it.
+ * The caller's Effect Scope owns the returned RefSubject.
+ * @example
+ * ```ts
+ * import { Effect } from "effect"
+ * import * as Switch from "@typed/ui/Switch"
+ *
+ * const program = Effect.gen(function* () {
+ *   return yield* Switch.makeState({ checked: true })
+ * })
+ * ```
+ * @since 1.0.0
+ * @category State construction
+ */
+export function makeState(initial = {}) {
+    return RefSubject.hydrate(StateSchema, { checked: initial.checked ?? false });
+}
+/**
+ * Sets the switch to the requested checked state.
+ * @example
+ * ```ts
+ * import { Effect } from "effect"
+ * import * as Switch from "@typed/ui/Switch"
+ *
+ * const program = Effect.gen(function* () {
+ *   const state = yield* Switch.makeState()
+ *   yield* Switch.setChecked(state, true)
+ * })
+ * ```
+ * @since 1.0.0
+ * @category State transitions
+ */
+export function setChecked(state, checked) {
+    return RefSubject.update(state, (current) => ({ ...current, checked }));
+}
+/**
+ * Toggles the switch between checked and unchecked.
+ * @example
+ * ```ts
+ * import { Effect } from "effect"
+ * import * as Switch from "@typed/ui/Switch"
+ *
+ * const program = Effect.gen(function* () {
+ *   const state = yield* Switch.makeState({ checked: true })
+ *   yield* Switch.toggle(state)
+ * })
+ * ```
+ * @since 1.0.0
+ * @category State transitions
+ */
+export function toggle(state) {
+    return RefSubject.update(state, (current) => ({ ...current, checked: !current.checked }));
+}
+function internalProps(options) {
+    return ({ property }) => ({
+        type: "button",
+        role: "switch",
+        "aria-checked": RefSubject.map(options.state, (state) => state.checked),
+        "?disabled": property("disabled", false),
+        onclick: toggle(options.state),
+        ref: options.state,
+    });
+}
+/**
+ * Renders a button-backed ARIA switch.
+ * @remarks
+ * The component combines native button activation with a renderer-independent
+ * boolean state and real DOM click events.
+ * Running the Fx owns listener/state subscriptions in its Effect Scope. A
+ * custom host must preserve button type, role, `aria-checked`, click handler,
+ * and the single hydration ref owner.
+ * @example
+ * ```ts
+ * import { RefSubject } from "@typed/fx";
+ * import { html } from "@typed/template";
+ * import { component } from "@typed/template";
+ * import * as Switch from "@typed/ui/Switch";
+ *
+ * export const PreviewSetting = component(function* () {
+ *   const state = yield* Switch.makeState({ checked: true });
+ *   const status = RefSubject.map(state, ({ checked }) => checked ? "On" : "Off");
+ *   return html`<section>
+ *     ${Switch.Switch({
+ *       state,
+ *       content: "Show live preview",
+ *       props: { class: "preview-switch", "aria-describedby": "preview-setting-help" },
+ *     })}
+ *     <span aria-hidden="true">${status}</span>
+ *     <p id="preview-setting-help">Updates the preview while you edit.</p>
+ *   </section>`;
+ * });
+ * ```
+ * @since 1.0.0
+ * @category Native controls
+ */
+export function Switch(options, host) {
+    return Dom.renderHost()(options, host, internalProps(options), options.content, (props, content) => {
+        return html `<button ...${props}>${content}</button>`;
+    });
+}

package/dist/Tab.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Compatibility entrypoint for the Tabs API.
+ *
+ * @remarks
+ * Importing from `@typed/ui/Tab` exposes the same declarations as `@typed/ui/Tabs`; it does not
+ * create a second state model or renderer. Prefer whichever public specifier matches the surrounding
+ * codebase, and use one shared Tabs state across List, Tab, and Panel.
+ *
+ * @example
+ * ```ts
+ * import * as Effect from "effect/Effect";
+ * import * as Tab from "@typed/ui/Tab";
+ *
+ * const program = Effect.scoped(
+ *   Effect.gen(function* () {
+ *     const state = yield* Tab.makeState({ selectedId: "overview" });
+ *     return yield* state;
+ *   }),
+ * );
+ * ```
+ * @since 1.0.0
+ * @category modules
+ * @packageDocumentation
+ */
+export * from "./Tabs.js";
+//# sourceMappingURL=Tab.d.ts.map

package/dist/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../src/Tab.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,cAAc,WAAW,CAAC"}

package/dist/Tab.js

@@ -0,0 +1,25 @@
+/**
+ * Compatibility entrypoint for the Tabs API.
+ *
+ * @remarks
+ * Importing from `@typed/ui/Tab` exposes the same declarations as `@typed/ui/Tabs`; it does not
+ * create a second state model or renderer. Prefer whichever public specifier matches the surrounding
+ * codebase, and use one shared Tabs state across List, Tab, and Panel.
+ *
+ * @example
+ * ```ts
+ * import * as Effect from "effect/Effect";
+ * import * as Tab from "@typed/ui/Tab";
+ *
+ * const program = Effect.scoped(
+ *   Effect.gen(function* () {
+ *     const state = yield* Tab.makeState({ selectedId: "overview" });
+ *     return yield* state;
+ *   }),
+ * );
+ * ```
+ * @since 1.0.0
+ * @category modules
+ * @packageDocumentation
+ */
+export * from "./Tabs.js";

package/dist/Tabs.d.ts

@@ -0,0 +1,411 @@
+/**
+ * Tabs separates active focus from selected tab and supports automatic or manual activation. List
+ * handles orientation-aware movement; Tab publishes stable aria-controls state; Panel retains its
+ * node while hidden.
+ *
+ * @remarks
+ * The module keeps policy, state transitions, and DOM rendering separable so applications can use
+ * the state and pure operations without mounting UI, or supply custom hosts without replacing native
+ * events and browser-owned focus.
+ *
+ * Learn the interaction in the [Tabs guide](/explore/ui-tabs).
+ *
+ * @since 1.0.0
+ * @category modules
+ * @packageDocumentation
+ */
+import * as Effect from "effect/Effect";
+import type * as Scope from "effect/Scope";
+import * as Schema from "effect/Schema";
+import type { Fx } from "@typed/fx/Fx";
+import { RefSubject } from "@typed/fx";
+import { EventHandler, type Renderable, type RenderEvent, type RenderTemplate } from "@typed/template";
+import * as Collection from "./Collection.js";
+import * as Composite from "./Composite.js";
+import * as Dom from "./Dom.js";
+import type { HostResult } from "./Dom/Types.js";
+/**
+ * Controls whether moving focus also selects a tab.
+ *
+ * @remarks
+ * The public model lets custom composites reuse Tabs's deterministic policy without copying an
+ * internal shape.
+ *
+ * @since 1.0.0
+ * @category Panel activation policy
+ */
+export type ActivationMode = "automatic" | "manual";
+/**
+ * Supported composite movement axes.
+ *
+ * @remarks
+ * The public model lets custom composites reuse Tabs's deterministic policy without copying an
+ * internal shape.
+ *
+ * @since 1.0.0
+ * @category Tab navigation
+ */
+export type Orientation = "horizontal" | "vertical";
+/**
+ * The visible panel selection, focused tab identity, and activation policy.
+ * Manual activation allows `activeId` to differ from `selectedId` until the user commits.
+ *
+ * @since 1.0.0
+ * @category Selection and focus
+ */
+export interface State extends Omit<Composite.State, "orientation"> {
+    /**
+     * Axis used to interpret Arrow-key movement.
+     * @since 1.0.0
+     * @category Keyboard navigation
+     */
+    readonly orientation: Orientation;
+    /**
+     * Id whose value is currently selected.
+     * @since 1.0.0
+     * @category Panel selection
+     */
+    readonly selectedId: string;
+    /**
+     * Id currently active for keyboard navigation; null means no active item.
+     * @since 1.0.0
+     * @category Keyboard focus
+     */
+    readonly activeId: string;
+    /**
+     * Whether tab focus also selects automatically or waits for explicit activation.
+     * @since 1.0.0
+     * @category Panel activation policy
+     */
+    readonly activationMode: ActivationMode;
+}
+/**
+ * Initial Tabs values. The caller supplies value; activeId defaults to value, activation is
+ * automatic, orientation horizontal, and loop true.
+ *
+ * @since 1.0.0
+ * @category Selection and focus
+ */
+export interface InitialState {
+    /**
+     * Id whose value is currently selected.
+     * @since 1.0.0
+     * @category Panel selection
+     */
+    readonly selectedId: string;
+    /**
+     * Id currently active for keyboard navigation; null means no active item.
+     * @since 1.0.0
+     * @category Keyboard focus
+     */
+    readonly activeId?: string;
+    /**
+     * Whether tab focus also selects automatically or waits for explicit activation.
+     * @since 1.0.0
+     * @category Panel activation policy
+     */
+    readonly activationMode?: ActivationMode;
+    /**
+     * Axis used to interpret Arrow-key movement.
+     * @since 1.0.0
+     * @category Keyboard navigation
+     */
+    readonly orientation?: Orientation;
+    /**
+     * Whether movement wraps between the first and last enabled items.
+     * @since 1.0.0
+     * @category Keyboard navigation
+     */
+    readonly loop?: boolean;
+    /**
+     * Whether horizontal Arrow-key meaning is reversed for right-to-left layout.
+     * @since 1.0.0
+     * @category Keyboard navigation
+     */
+    readonly rtl?: boolean;
+}
+/**
+ * Effect Schema used by makeState to encode, decode, and hydrate Tabs state.
+ *
+ * @remarks
+ * @example
+ * ```ts
+ * import * as Schema from "effect/Schema";
+ * import * as Tabs from "@typed/ui/Tabs";
+ *
+ * const decodeState = Schema.decodeUnknownEffect(Tabs.StateSchema);
+ * ```
+ * @since 1.0.0
+ * @category Selection and focus
+ */
+export declare const StateSchema: Schema.Struct<{
+    readonly selectedId: Schema.String;
+    readonly activeId: Schema.String;
+    readonly activationMode: Schema.Literals<readonly ["automatic", "manual"]>;
+    readonly orientation: Schema.Literals<readonly ["horizontal", "vertical"]>;
+    readonly loop: Schema.Boolean;
+    readonly rtl: Schema.Boolean;
+    readonly virtualFocus: Schema.Boolean;
+}>;
+/**
+ * Creates hydrated Tabs state. The caller supplies value; activeId defaults to value, activation
+ * is automatic, orientation horizontal, and loop true.
+ *
+ * @remarks
+ * The returned Effect creates the RefSubject when run. That state is renderer-independent;
+ * collection registrations belong to the separate Scope that runs register or ref, not to state
+ * creation.
+ *
+ * @example
+ * ```ts
+ * import * as Effect from "effect/Effect";
+ * import * as Tabs from "@typed/ui/Tabs";
+ *
+ * const program = Effect.scoped(
+ *   Effect.gen(function* () {
+ *     const state = yield* Tabs.makeState({ selectedId: "overview" });
+ *     const collection = yield* Tabs.makeCollection();
+ *     return { state: yield* state, collection: yield* collection };
+ *   }),
+ * );
+ * ```
+ * @since 1.0.0
+ * @category Selection and focus
+ */
+export declare function makeState(initial: InitialState): Effect.Effect<RefSubject.HydratedRefSubject<{
+    readonly selectedId: string;
+    readonly activeId: string;
+    readonly activationMode: "automatic" | "manual";
+    readonly orientation: "horizontal" | "vertical";
+    readonly loop: boolean;
+    readonly rtl: boolean;
+    readonly virtualFocus: boolean;
+}, Schema.SchemaError, never, never>, never, Scope.Scope>;
+/**
+ * Creates a scoped Collection for Tabs items.
+ *
+ * @remarks
+ * The returned Effect allocates the RefSubject in the caller's Scope. Each later registration is
+ * owned by the Scope that runs register, independently of this construction Effect.
+ *
+ * @example
+ * ```ts
+ * import * as Effect from "effect/Effect";
+ * import * as Tabs from "@typed/ui/Tabs";
+ *
+ * const program = Effect.scoped(
+ *   Effect.gen(function* () {
+ *     const collection = yield* Tabs.makeCollection();
+ *     return yield* collection;
+ *   }),
+ * );
+ * ```
+ * @since 1.0.0
+ * @category Tab registration
+ */
+export declare const makeCollection: (initial?: Collection.State<string, Element>) => Effect.Effect<RefSubject.RefSubject<Collection.State<string, Element>, never, never>, never, Scope.Scope>;
+/**
+ * Selects a tab and makes it the active roving-focus item.
+ *
+ * @remarks
+ * The operation exposes Tabs's transition directly so callers can compose it in Effect programs
+ * and native event handlers.
+ *
+ * @since 1.0.0
+ * @category Panel activation
+ */
+export declare function select<E, R>(state: RefSubject.RefSubject<State, E, R>, selectedId: string): Effect.Effect<State, E, R>;
+/**
+ * Moves activeId through registered tabs without selecting under manual activation.
+ *
+ * @remarks
+ * The operation exposes Tabs's transition directly so callers can compose it in Effect programs
+ * and native event handlers.
+ *
+ * @since 1.0.0
+ * @category Tab navigation
+ */
+export declare function move<E, R>(state: RefSubject.RefSubject<State, E, R>, items: readonly Collection.Item[], direction: Composite.Move): Effect.Effect<State, E, R>;
+/**
+ * Inputs accepted by Tabs.List in addition to the shared DOM host options.
+ *
+ * @since 1.0.0
+ * @category Tab list
+ */
+export interface ListOptions extends Dom.HostOptions<HTMLDivElement> {
+    /**
+     * Renderer-independent RefSubject state consumed by this component or operation.
+     * @since 1.0.0
+     * @category State connection
+     */
+    readonly state: RefSubject.HydratedRefSubject<State, Schema.SchemaError>;
+    /**
+     * Renderable child content for the component host.
+     * @since 1.0.0
+     * @category Rendered content
+     */
+    readonly content: Renderable.Any;
+    /**
+     * Accessible label rendered through aria-label.
+     * @since 1.0.0
+     * @category Accessible naming
+     */
+    readonly label?: Renderable.Any<string | null | undefined>;
+    /**
+     * Renderable tab content placed inside the tablist host.
+     * @since 1.0.0
+     * @category Item registration
+     */
+    readonly items?: readonly Collection.Item[];
+    /**
+     * Item registry used for collection-driven keyboard behavior and mounted ordering.
+     * @since 1.0.0
+     * @category Item registration
+     */
+    readonly collection?: RefSubject.RefSubject<Collection.State<string>>;
+}
+declare function listInternalProps<const Options extends ListOptions>(options: Options): ({ property }: Dom.InternalPropsHelpers<Options>) => {
+    readonly role: "tablist";
+    readonly "aria-label": Exclude<Dom.Property<Options, "label">, Dom.Nullish> | undefined;
+    readonly "aria-orientation": RefSubject.Computed<Orientation, Schema.SchemaError, never>;
+    readonly onkeydown: EventHandler.EventHandler<KeyboardEvent, Schema.SchemaError, never> | undefined;
+    readonly ref: RefSubject.HydratedRefSubject<State, Schema.SchemaError, never, never>;
+};
+type ListInternalProps<Options extends ListOptions> = ReturnType<ReturnType<typeof listInternalProps<Options>>>;
+/**
+ * Renders the tablist and applies orientation-aware movement plus Enter/Space activation in manual
+ * mode.
+ *
+ * @remarks
+ * The returned Fx installs DOM refs, native listeners, state subscriptions, and optional
+ * collection registrations only when rendered. The rendering Scope removes those resources;
+ * unrelated nodes and attributes remain caller-owned.
+ *
+ * @since 1.0.0
+ * @category Tab list
+ */
+export declare function List<const Options extends ListOptions, const Host extends HostResult = never>(options: Options, host?: Dom.HostOverride<Dom.RenderHostProps<Options, ListInternalProps<Options>>, Options["content"], Host>): Fx<RenderEvent, Renderable.Error<Options | Host>, Renderable.Services<Options | Host> | Scope.Scope | RenderTemplate>;
+/**
+ * Inputs accepted by Tabs.Tab in addition to the shared DOM host options.
+ *
+ * @since 1.0.0
+ * @category Tab controls
+ */
+export interface TabOptions extends Dom.HostOptions<HTMLButtonElement> {
+    /**
+     * Renderer-independent RefSubject state consumed by this component or operation.
+     * @since 1.0.0
+     * @category State connection
+     */
+    readonly state: RefSubject.HydratedRefSubject<State, Schema.SchemaError>;
+    /**
+     * Stable id used for collection identity and ARIA relationships.
+     * @since 1.0.0
+     * @category Identity and relationships
+     */
+    readonly id: string;
+    /**
+     * Panel id emitted through the tab's aria-controls relationship.
+     * @since 1.0.0
+     * @category Identity and relationships
+     */
+    readonly panelId: string;
+    /**
+     * Renderable child content for the component host.
+     * @since 1.0.0
+     * @category Rendered content
+     */
+    readonly content: Renderable.Any;
+    /**
+     * Item registry used for collection-driven keyboard behavior and mounted ordering.
+     * @since 1.0.0
+     * @category Item registration
+     */
+    readonly collection?: RefSubject.RefSubject<Collection.State<string>>;
+    /**
+     * Flag used by collection movement and widget handlers to skip activation by default.
+     * @since 1.0.0
+     * @category Availability
+     */
+    readonly disabled?: boolean;
+}
+declare function tabInternalProps<const Options extends TabOptions>(options: Options): () => {
+    readonly id: string;
+    readonly type: "button";
+    readonly role: "tab";
+    readonly "aria-controls": string;
+    readonly "aria-selected": RefSubject.Computed<boolean, Schema.SchemaError, never>;
+    readonly "aria-disabled": boolean;
+    readonly tabindex: RefSubject.Computed<-1 | 0, Schema.SchemaError, never>;
+    readonly onclick: Effect.Effect<void, never, never> | Effect.Effect<State, Schema.SchemaError, never>;
+    readonly onfocus: Effect.Effect<void, never, never> | Effect.Effect<State, Schema.SchemaError, never>;
+    readonly ref: ((element: Element & HTMLButtonElement & RefSubject.HydrationElement) => Effect.Effect<void, any, any>) | undefined;
+};
+type TabInternalProps<Options extends TabOptions> = ReturnType<ReturnType<typeof tabInternalProps<Options>>>;
+/**
+ * Renders and optionally registers a tab with stable aria-controls, selected state, and roving
+ * tabindex.
+ *
+ * @remarks
+ * The returned Fx installs DOM refs, native listeners, state subscriptions, and optional
+ * collection registrations only when rendered. The rendering Scope removes those resources;
+ * unrelated nodes and attributes remain caller-owned.
+ *
+ * @since 1.0.0
+ * @category Tab controls
+ */
+export declare function Tab<const Options extends TabOptions, const Host extends HostResult = never>(options: Options, host?: Dom.HostOverride<Dom.RenderHostProps<Options, TabInternalProps<Options>>, Options["content"], Host>): Fx<RenderEvent, Renderable.Error<Options | Host>, Renderable.Services<Options | Host> | Scope.Scope | RenderTemplate>;
+/**
+ * Inputs accepted by Tabs.Panel in addition to the shared DOM host options.
+ *
+ * @since 1.0.0
+ * @category Panel visibility
+ */
+export interface PanelOptions extends Dom.HostOptions<HTMLDivElement> {
+    /**
+     * Renderer-independent RefSubject state consumed by this component or operation.
+     * @since 1.0.0
+     * @category State connection
+     */
+    readonly state: RefSubject.HydratedRefSubject<State, Schema.SchemaError>;
+    /**
+     * Stable id used for collection identity and ARIA relationships.
+     * @since 1.0.0
+     * @category Identity and relationships
+     */
+    readonly id: string;
+    /**
+     * Tab id emitted through the panel's aria-labelledby relationship.
+     * @since 1.0.0
+     * @category Identity and relationships
+     */
+    readonly tabId: string;
+    /**
+     * Renderable child content for the component host.
+     * @since 1.0.0
+     * @category Rendered content
+     */
+    readonly content: Renderable.Any;
+}
+declare function panelInternalProps<const Options extends PanelOptions>(options: Options): () => {
+    readonly id: string;
+    readonly role: "tabpanel";
+    readonly "aria-labelledby": string;
+    readonly tabindex: 0;
+    readonly "?hidden": RefSubject.Computed<boolean, Schema.SchemaError, never>;
+};
+type PanelInternalProps<Options extends PanelOptions> = ReturnType<ReturnType<typeof panelInternalProps<Options>>>;
+/**
+ * Renders a labelled tabpanel and hides it reactively when its tab is not selected.
+ *
+ * @remarks
+ * The returned Fx installs DOM refs, native listeners, state subscriptions, and optional
+ * collection registrations only when rendered. The rendering Scope removes those resources;
+ * unrelated nodes and attributes remain caller-owned.
+ *
+ * @since 1.0.0
+ * @category Panel visibility
+ */
+export declare function Panel<const Options extends PanelOptions, const Host extends HostResult = never>(options: Options, host?: Dom.HostOverride<Dom.RenderHostProps<Options, PanelInternalProps<Options>>, Options["content"], Host>): Fx<RenderEvent, Renderable.Error<Options | Host>, Renderable.Services<Options | Host> | Scope.Scope | RenderTemplate>;
+export {};
+//# 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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"}