@foldkit/ui 0.112.0

package/dist/switch/index.d.ts

@@ -0,0 +1,99 @@
+import { Option, Schema as S } from 'effect';
+import type { Command } from 'foldkit/command';
+import { type ChildAttribute, type Html } from 'foldkit/html';
+import { type Reflect } from 'foldkit/submodel';
+/** Schema for the switch component's state, tracking the toggle's checked status. */
+export declare const Model: S.Struct<{
+    readonly id: S.String;
+    readonly isChecked: S.Boolean;
+}>;
+export type Model = typeof Model.Type;
+/** Sent when the user toggles the switch via click or Space key. */
+export declare const Toggled: import("foldkit/schema").CallableTaggedStruct<"Toggled", {}>;
+/** Sent to set the checked state to a specific value. Use this for
+ *  programmatic state assignment (e.g. a "select all" handler that forces
+ *  all child switches to the same state) where `Toggled`'s flip semantics
+ *  would not reliably reach the desired state. */
+export declare const SetChecked: import("foldkit/schema").CallableTaggedStruct<"SetChecked", {
+    isChecked: S.Boolean;
+}>;
+/** Schema for all messages the switch component can produce. */
+export declare const Message: S.Union<readonly [import("foldkit/schema").CallableTaggedStruct<"Toggled", {}>, import("foldkit/schema").CallableTaggedStruct<"SetChecked", {
+    isChecked: S.Boolean;
+}>]>;
+export type Toggled = typeof Toggled.Type;
+export type SetChecked = typeof SetChecked.Type;
+export type Message = typeof Message.Type;
+/** Sent to the parent each time the switch toggles. Carries the new
+ *  checked state. Consumers pattern-match this in their `GotSwitchMessage`
+ *  handler to lift the toggle into a domain Message (e.g., persisting the
+ *  setting, dispatching a sync command). */
+export declare const ToggledChecked: import("foldkit/schema").CallableTaggedStruct<"ToggledChecked", {
+    isChecked: S.Boolean;
+}>;
+/** Union of out-messages the switch component can produce. Surfaced as
+ *  the third element of `update`'s return tuple and pattern-matched by
+ *  the parent. */
+export declare const OutMessage: S.Union<readonly [import("foldkit/schema").CallableTaggedStruct<"ToggledChecked", {
+    isChecked: S.Boolean;
+}>]>;
+export type ToggledChecked = typeof ToggledChecked.Type;
+export type OutMessage = typeof OutMessage.Type;
+/** Configuration for creating a switch model with `init`. */
+export type InitConfig = Readonly<{
+    id: string;
+    isChecked?: boolean;
+}>;
+/** Creates an initial switch model from a config. Defaults to unchecked. */
+export declare const init: (config: InitConfig) => Model;
+/** Processes a switch message and returns the next model, commands, and
+ *  a `ToggledChecked` OutMessage carrying the new checked state. */
+export declare const update: (model: Model, message: Message) => readonly [Model, ReadonlyArray<Command<Message>>, Option.Option<OutMessage>];
+/** Programmatically sets the checked state. Emits a `ToggledChecked`
+ *  OutMessage just like a user-initiated toggle. Use this in domain-event
+ *  handlers where you need to force a specific state. */
+export declare const setChecked: (model: Model, isChecked: boolean) => readonly [Model, ReadonlyArray<Command<Message>>, Option.Option<OutMessage>];
+/** Reflects an externally-sourced checked state onto the model without
+ *  emitting an OutMessage. Use this to mirror external truth (saved
+ *  settings, a server value) onto the switch without triggering the
+ *  downstream reaction a user toggle would cause. Contrast with
+ *  `setChecked`, which emits `ToggledChecked` so the parent reacts to a
+ *  programmatic assignment the same way it reacts to a user toggle. Returns
+ *  the model directly because it produces no commands and no OutMessage. */
+export declare const reflectChecked: Reflect<Model, boolean>;
+/** Attribute groups the switch component provides to the consumer's
+ *  `toView` callback. Each group is a `ReadonlyArray<ChildAttribute>`
+ *  whose event handlers dispatch through the Switch's boundary at
+ *  event-fire time. See {@link Checkbox.CheckboxAttributes} for the full
+ *  routing model. */
+export type SwitchAttributes = Readonly<{
+    button: ReadonlyArray<ChildAttribute>;
+    label: ReadonlyArray<ChildAttribute>;
+    description: ReadonlyArray<ChildAttribute>;
+    hiddenInput: ReadonlyArray<ChildAttribute>;
+}>;
+/** Per-render view inputs passed to `view` via `h.submodel`'s `viewInputs` field. */
+export type ViewInputs = Readonly<{
+    toView: (attributes: SwitchAttributes) => Html;
+    isDisabled?: boolean;
+    name?: string;
+    value?: string;
+}>;
+/** Renders an accessible switch toggle by building ARIA attribute groups
+ *  and delegating layout to the consumer's `toView` callback. Designed
+ *  to be embedded via `h.submodel`. */
+export declare const view: import("foldkit/submodel").View<{
+    readonly id: string;
+    readonly isChecked: boolean;
+}, {
+    readonly _tag: "Toggled";
+} | {
+    readonly _tag: "SetChecked";
+    readonly isChecked: boolean;
+}, Readonly<{
+    toView: (attributes: SwitchAttributes) => Html;
+    isDisabled?: boolean;
+    name?: string;
+    value?: string;
+}>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,IAAI,EAGV,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAE,KAAK,OAAO,EAAc,MAAM,kBAAkB,CAAA;AAI3D,qFAAqF;AACrF,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,oEAAoE;AACpE,eAAO,MAAM,OAAO,8DAAe,CAAA;AAEnC;;;kDAGkD;AAClD,eAAO,MAAM,UAAU;;EAA4C,CAAA;AAEnE,gEAAgE;AAChE,eAAO,MAAM,OAAO;;IAAiC,CAAA;AAErD,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAE/C,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC;;;4CAG4C;AAC5C,eAAO,MAAM,cAAc;;EAAgD,CAAA;AAE3E;;kBAEkB;AAClB,eAAO,MAAM,UAAU;;IAA4B,CAAA;AAEnD,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC,IAAI,CAAA;AACvD,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAI/C,6DAA6D;AAC7D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC,CAAA;AAEF,4EAA4E;AAC5E,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAIF;oEACoE;AACpE,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CACV,KAAK,EACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAC/B,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAyBxB,CAAA;AAEH;;yDAEyD;AACzD,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,WAAW,OAAO,KACjB,SAAS,CACV,KAAK,EACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAC/B,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CACkB,CAAA;AAE7C;;;;;;4EAM4E;AAC5E,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAIlD,CAAA;AAID;;;;qBAIqB;AACrB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,MAAM,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IACrC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IACpC,WAAW,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC1C,WAAW,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;CAC3C,CAAC,CAAA;AAEF,qFAAqF;AACrF,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAKF;;uCAEuC;AACvC,eAAO,MAAM,IAAI;;;;;;;;;YAZP,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI;iBACjC,OAAO;WACb,MAAM;YACL,MAAM;GA2Df,CAAA"}

package/dist/switch/index.js

@@ -0,0 +1,107 @@
+import { Function, Match as M, Option, Schema as S } from 'effect';
+import { childAttributes, html, } from 'foldkit/html';
+import { m } from 'foldkit/message';
+import { evo } from 'foldkit/struct';
+import { defineView } from 'foldkit/submodel';
+// MODEL
+/** Schema for the switch component's state, tracking the toggle's checked status. */
+export const Model = S.Struct({
+    id: S.String,
+    isChecked: S.Boolean,
+});
+// MESSAGE
+/** Sent when the user toggles the switch via click or Space key. */
+export const Toggled = m('Toggled');
+/** Sent to set the checked state to a specific value. Use this for
+ *  programmatic state assignment (e.g. a "select all" handler that forces
+ *  all child switches to the same state) where `Toggled`'s flip semantics
+ *  would not reliably reach the desired state. */
+export const SetChecked = m('SetChecked', { isChecked: S.Boolean });
+/** Schema for all messages the switch component can produce. */
+export const Message = S.Union([Toggled, SetChecked]);
+// OUT MESSAGE
+/** Sent to the parent each time the switch toggles. Carries the new
+ *  checked state. Consumers pattern-match this in their `GotSwitchMessage`
+ *  handler to lift the toggle into a domain Message (e.g., persisting the
+ *  setting, dispatching a sync command). */
+export const ToggledChecked = m('ToggledChecked', { isChecked: S.Boolean });
+/** Union of out-messages the switch component can produce. Surfaced as
+ *  the third element of `update`'s return tuple and pattern-matched by
+ *  the parent. */
+export const OutMessage = S.Union([ToggledChecked]);
+/** Creates an initial switch model from a config. Defaults to unchecked. */
+export const init = (config) => ({
+    id: config.id,
+    isChecked: config.isChecked ?? false,
+});
+// UPDATE
+/** Processes a switch message and returns the next model, commands, and
+ *  a `ToggledChecked` OutMessage carrying the new checked state. */
+export const update = (model, message) => M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
+    Toggled: () => {
+        const nextIsChecked = !model.isChecked;
+        return [
+            evo(model, { isChecked: () => nextIsChecked }),
+            [],
+            Option.some(ToggledChecked({ isChecked: nextIsChecked })),
+        ];
+    },
+    SetChecked: ({ isChecked }) => [
+        evo(model, { isChecked: () => isChecked }),
+        [],
+        Option.some(ToggledChecked({ isChecked })),
+    ],
+}));
+/** Programmatically sets the checked state. Emits a `ToggledChecked`
+ *  OutMessage just like a user-initiated toggle. Use this in domain-event
+ *  handlers where you need to force a specific state. */
+export const setChecked = (model, isChecked) => update(model, SetChecked({ isChecked }));
+/** Reflects an externally-sourced checked state onto the model without
+ *  emitting an OutMessage. Use this to mirror external truth (saved
+ *  settings, a server value) onto the switch without triggering the
+ *  downstream reaction a user toggle would cause. Contrast with
+ *  `setChecked`, which emits `ToggledChecked` so the parent reacts to a
+ *  programmatic assignment the same way it reacts to a user toggle. Returns
+ *  the model directly because it produces no commands and no OutMessage. */
+export const reflectChecked = Function.dual(2, (model, isChecked) => evo(model, { isChecked: () => isChecked }));
+const labelId = (id) => `${id}-label`;
+const descriptionId = (id) => `${id}-description`;
+/** Renders an accessible switch toggle by building ARIA attribute groups
+ *  and delegating layout to the consumer's `toView` callback. Designed
+ *  to be embedded via `h.submodel`. */
+export const view = defineView((model, viewInputs) => {
+    const h = html();
+    const { id, isChecked } = model;
+    const { isDisabled = false, name, value: formValue = 'on' } = viewInputs;
+    const handleKeyUp = (key) => M.value(key).pipe(M.when(' ', () => Option.some(Toggled())), M.orElse(() => Option.none()));
+    const checkedAttributes = isChecked ? [h.DataAttribute('checked', '')] : [];
+    const disabledAttributes = isDisabled
+        ? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
+        : [];
+    const buttonAttributes = [
+        h.Role('switch'),
+        h.AriaChecked(isChecked),
+        h.AriaLabelledBy(labelId(id)),
+        h.AriaDescribedBy(descriptionId(id)),
+        h.Tabindex(0),
+        ...checkedAttributes,
+        ...disabledAttributes,
+        ...(isDisabled
+            ? []
+            : [h.OnClick(Toggled()), h.OnKeyUpPreventDefault(handleKeyUp)]),
+    ];
+    const labelAttributes = [
+        h.Id(labelId(id)),
+        ...(isDisabled ? [] : [h.OnClick(Toggled())]),
+    ];
+    const descriptionAttributes = [h.Id(descriptionId(id))];
+    const hiddenInputAttributes = name
+        ? [h.Type('hidden'), h.Name(name), h.Value(isChecked ? formValue : '')]
+        : [];
+    return viewInputs.toView({
+        button: childAttributes(buttonAttributes),
+        label: childAttributes(labelAttributes),
+        description: childAttributes(descriptionAttributes),
+        hiddenInput: childAttributes(hiddenInputAttributes),
+    });
+});

package/dist/switch/public.d.ts

@@ -0,0 +1,3 @@
+export { init, update, setChecked, reflectChecked, view, Model, Message, OutMessage, SetChecked, ToggledChecked, } from './index.js';
+export type { Toggled, InitConfig, ViewInputs, SwitchAttributes, } from './index.js';
+//# sourceMappingURL=public.d.ts.map

package/dist/switch/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/switch/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,UAAU,EACV,cAAc,EACd,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,cAAc,GACf,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,OAAO,EACP,UAAU,EACV,UAAU,EACV,gBAAgB,GACjB,MAAM,YAAY,CAAA"}

package/dist/switch/public.js

@@ -0,0 +1 @@
+export { init, update, setChecked, reflectChecked, view, Model, Message, OutMessage, SetChecked, ToggledChecked, } from './index.js';

package/dist/tabs/index.d.ts

@@ -0,0 +1,155 @@
+import { Effect, Option, Schema as S } from 'effect';
+import * as Command from 'foldkit/command';
+import { type ChildAttribute, type Html } from 'foldkit/html';
+import { type Reflect2, type View as SubmodelView } from 'foldkit/submodel';
+export { wrapIndex, findFirstEnabledIndex, keyToIndex } from '../keyboard.js';
+/** Controls the tab list layout direction and which arrow keys navigate between tabs. */
+export declare const Orientation: S.Literals<readonly ["Horizontal", "Vertical"]>;
+export type Orientation = typeof Orientation.Type;
+/** Controls whether tabs activate on focus (`Automatic`) or require an explicit selection (`Manual`). */
+export declare const ActivationMode: S.Literals<readonly ["Automatic", "Manual"]>;
+export type ActivationMode = typeof ActivationMode.Type;
+/** Schema for the tabs component's state, tracking active/focused indices and activation mode. */
+export declare const Model: S.Struct<{
+    readonly id: S.String;
+    readonly activeIndex: S.Number;
+    readonly focusedIndex: S.Number;
+    readonly activationMode: S.Literals<readonly ["Automatic", "Manual"]>;
+}>;
+export type Model = typeof Model.Type;
+/** Sent when a tab is selected via click or keyboard. Updates both the active and focused indices. */
+export declare const SelectedTab: import("foldkit/schema").CallableTaggedStruct<"SelectedTab", {
+    index: S.Number;
+    value: S.String;
+}>;
+/** Sent when a tab receives keyboard focus in `Manual` mode without being activated. */
+export declare const FocusedTab: import("foldkit/schema").CallableTaggedStruct<"FocusedTab", {
+    index: S.Number;
+}>;
+/** Sent when the focus-tab command completes. */
+export declare const CompletedFocusTab: import("foldkit/schema").CallableTaggedStruct<"CompletedFocusTab", {}>;
+/** Union of all messages the tabs component can produce. */
+export declare const Message: S.Union<[
+    typeof SelectedTab,
+    typeof FocusedTab,
+    typeof CompletedFocusTab
+]>;
+export type SelectedTab = typeof SelectedTab.Type;
+export type FocusedTab = typeof FocusedTab.Type;
+export type Message = typeof Message.Type;
+/** Sent to the parent when a tab is committed via click or keyboard. Carries both the tab's value (typed as `Value` via `Tabs.create<Value>()`) and its index. Generic at the type level; the schema stores `value: string` and the factory's fenced cast types it as `Value`. */
+export declare const Selected: import("foldkit/schema").CallableTaggedStruct<"Selected", {
+    value: S.String;
+    index: S.Number;
+}>;
+export type Selected<Value extends string = string> = Readonly<{
+    readonly _tag: 'Selected';
+    readonly value: Value;
+    readonly index: number;
+}>;
+/** Union of out-messages the tabs component can produce. Surfaced as the third element of `update`'s return tuple and pattern-matched by the parent. */
+export declare const OutMessage: S.Union<readonly [import("foldkit/schema").CallableTaggedStruct<"Selected", {
+    value: S.String;
+    index: S.Number;
+}>]>;
+/** Generic over `Value extends string` so consumers using
+ *  `Tabs.create<MyUnion>()` receive `value: MyUnion` in the
+ *  `Selected` OutMessage. Defaults to `string`. */
+export type OutMessage<Value extends string = string> = Selected<Value>;
+/** Configuration for creating a tabs model with `init`. */
+export type InitConfig = Readonly<{
+    id: string;
+    activeIndex?: number;
+    activationMode?: ActivationMode;
+}>;
+/** Creates an initial tabs model from a config. Defaults to first tab and automatic activation. */
+export declare const init: (config: InitConfig) => Model;
+/** Moves focus to the tab at the given index. */
+export declare const FocusTab: Command.CommandDefinitionWithArgs<"FocusTab", {
+    id: S.String;
+    index: S.Number;
+}, Effect.Effect<{
+    readonly _tag: "CompletedFocusTab";
+}, never, never>>;
+type UpdateReturn = readonly [
+    Model,
+    ReadonlyArray<Command.Command<Message>>,
+    Option.Option<OutMessage>
+];
+/** Processes a tabs message and returns the next model, commands, and an optional OutMessage. `Selected` fires when a tab is committed via click or keyboard. */
+export declare const update: (model: Model, message: Message) => UpdateReturn;
+/** Programmatically selects a tab. Emits a `Selected` OutMessage. */
+export declare const selectTab: (model: Model, value: string, index: number) => UpdateReturn;
+/** Reflects an externally-sourced active tab onto the model without
+ *  emitting an OutMessage or running the focus command. Use this to mirror
+ *  external truth (a deep link, restored storage) onto the active tab.
+ *  Contrast with `selectTab`, which represents a user or programmatic
+ *  *choice*: it focuses the tab and emits `Selected`. Takes the tab `value`
+ *  plus the `options` list (mirroring `RadioGroup.select`) because Tabs
+ *  stores the active *index* internally, so the value is resolved to an
+ *  index. A value not present in `options` is a no-op. Returns the model
+ *  directly because it produces no commands and no OutMessage. */
+export declare const reflectSelectedTab: Reflect2<Model, string, ReadonlyArray<string>>;
+/** Per-tab render info passed to the consumer's `toView`. Generic over
+ *  `Value extends string`: when `Tabs.create<MyUnion>()` is declared,
+ *  `tab.value` is typed `MyUnion` so the consumer can switch on it without
+ *  casting. */
+export type TabInfo<Value extends string = string> = Readonly<{
+    value: Value;
+    index: number;
+    isActive: boolean;
+    isFocused: boolean;
+    isDisabled: boolean;
+    tab: ReadonlyArray<ChildAttribute>;
+    panel: ReadonlyArray<ChildAttribute>;
+}>;
+/** Render-time payload published to the consumer's `toView`.
+ *
+ *  - `tablist`: ARIA + role attributes for the wrapping tablist element.
+ *  - `tabs`: one entry per tab in `viewInputs.tabs`, in the same order, with
+ *    the tab button's attribute bundle, the panel's attribute bundle,
+ *    and derived state.
+ *  - `activeIndex`: the currently-active tab index, convenient when the
+ *    consumer wants to render only the active panel (vs all panels with
+ *    `Hidden` for transitions). */
+export type RenderInfo<Value extends string = string> = Readonly<{
+    tablist: ReadonlyArray<ChildAttribute>;
+    tabs: ReadonlyArray<TabInfo<Value>>;
+    activeIndex: number;
+}>;
+/** Per-render view inputs passed to `view` via `h.submodel`'s `viewInputs` field.
+ *  Generic over `Value extends string` so consumers using
+ *  `Tabs.create<MyUnion>()` receive `tab.value: MyUnion` in `toView`
+ *  and `(value: MyUnion, index) => boolean` in `isTabDisabled`, without
+ *  casting. */
+export type ViewInputs<Value extends string = string> = Readonly<{
+    tabs: ReadonlyArray<Value>;
+    ariaLabel: string;
+    toView: (render: RenderInfo<Value>) => Html;
+    isTabDisabled?: (value: Value, index: number) => boolean;
+    orientation?: Orientation;
+}>;
+/** Pairs the tabs `view`, `update`, and `selectTab` behind a single
+ *  Value-typed entry point. Declare once at module scope so consumers
+ *  receive `tab.value: Value` in `toView` without an `as` cast:
+ *
+ *  ```ts
+ *  const DemoTabs = Tabs.create<DemoTab>()
+ *
+ *  // In view:
+ *  h.submodel({ view: DemoTabs.view, ... })
+ *
+ *  // In update:
+ *  const [next, commands] = DemoTabs.update(model, message)
+ *  ```
+ *
+ *  The internal view stays typed `ReadonlyArray<string>`; consumers can
+ *  pass a `ReadonlyArray<MyUnion>` (assignable) and the fenced cast inside
+ *  `create` types `TabInfo.value` as `MyUnion`. */
+export declare const create: <Value extends string = string>() => Readonly<{
+    view: SubmodelView<Model, Message, ViewInputs<Value>>;
+    update: (model: Model, message: Message) => readonly [Model, ReadonlyArray<Command.Command<Message>>, Option.Option<OutMessage<Value>>];
+    selectTab: (model: Model, value: Value, index: number) => readonly [Model, ReadonlyArray<Command.Command<Message>>, Option.Option<OutMessage<Value>>];
+    reflectSelectedTab: Reflect2<Model, Value, ReadonlyArray<Value>>;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/tabs/index.d.ts.map

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

package/dist/tabs/index.js

@@ -0,0 +1,185 @@
+import { Array, Effect, Function, Match as M, Option, Schema as S, String, pipe, } from 'effect';
+import * as Command from 'foldkit/command';
+import * as Dom from 'foldkit/dom';
+import { childAttributes, html, } from 'foldkit/html';
+import { m } from 'foldkit/message';
+import { evo } from 'foldkit/struct';
+import { defineView, } from 'foldkit/submodel';
+import { keyToIndex } from '../keyboard.js';
+export { wrapIndex, findFirstEnabledIndex, keyToIndex } from '../keyboard.js';
+// MODEL
+/** Controls the tab list layout direction and which arrow keys navigate between tabs. */
+export const Orientation = S.Literals(['Horizontal', 'Vertical']);
+/** Controls whether tabs activate on focus (`Automatic`) or require an explicit selection (`Manual`). */
+export const ActivationMode = S.Literals(['Automatic', 'Manual']);
+/** Schema for the tabs component's state, tracking active/focused indices and activation mode. */
+export const Model = S.Struct({
+    id: S.String,
+    activeIndex: S.Number,
+    focusedIndex: S.Number,
+    activationMode: ActivationMode,
+});
+// MESSAGE
+/** Sent when a tab is selected via click or keyboard. Updates both the active and focused indices. */
+export const SelectedTab = m('SelectedTab', {
+    index: S.Number,
+    value: S.String,
+});
+/** Sent when a tab receives keyboard focus in `Manual` mode without being activated. */
+export const FocusedTab = m('FocusedTab', { index: S.Number });
+/** Sent when the focus-tab command completes. */
+export const CompletedFocusTab = m('CompletedFocusTab');
+/** Union of all messages the tabs component can produce. */
+export const Message = S.Union([SelectedTab, FocusedTab, CompletedFocusTab]);
+// OUT MESSAGE
+/** Sent to the parent when a tab is committed via click or keyboard. Carries both the tab's value (typed as `Value` via `Tabs.create<Value>()`) and its index. Generic at the type level; the schema stores `value: string` and the factory's fenced cast types it as `Value`. */
+export const Selected = m('Selected', {
+    value: S.String,
+    index: S.Number,
+});
+/** Union of out-messages the tabs component can produce. Surfaced as the third element of `update`'s return tuple and pattern-matched by the parent. */
+export const OutMessage = S.Union([Selected]);
+/** Creates an initial tabs model from a config. Defaults to first tab and automatic activation. */
+export const init = (config) => {
+    const activeIndex = config.activeIndex ?? 0;
+    return {
+        id: config.id,
+        activeIndex,
+        focusedIndex: activeIndex,
+        activationMode: config.activationMode ?? 'Automatic',
+    };
+};
+// UPDATE
+const tabId = (id, index) => `${id}-tab-${index}`;
+const tabPanelId = (id, index) => `${id}-panel-${index}`;
+/** Moves focus to the tab at the given index. */
+export const FocusTab = Command.define('FocusTab', { id: S.String, index: S.Number }, CompletedFocusTab)(({ id, index }) => Dom.focus(`#${tabId(id, index)}`).pipe(Effect.ignore, Effect.as(CompletedFocusTab())));
+/** Processes a tabs message and returns the next model, commands, and an optional OutMessage. `Selected` fires when a tab is committed via click or keyboard. */
+export const update = (model, message) => M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
+    SelectedTab: ({ index, value }) => [
+        evo(model, {
+            activeIndex: () => index,
+            focusedIndex: () => index,
+        }),
+        [FocusTab({ id: model.id, index })],
+        Option.some(Selected({ value, index })),
+    ],
+    FocusedTab: ({ index }) => [
+        evo(model, { focusedIndex: () => index }),
+        [FocusTab({ id: model.id, index })],
+        Option.none(),
+    ],
+    CompletedFocusTab: () => [model, [], Option.none()],
+}));
+/** Programmatically selects a tab. Emits a `Selected` OutMessage. */
+export const selectTab = (model, value, index) => update(model, SelectedTab({ index, value }));
+/** Reflects an externally-sourced active tab onto the model without
+ *  emitting an OutMessage or running the focus command. Use this to mirror
+ *  external truth (a deep link, restored storage) onto the active tab.
+ *  Contrast with `selectTab`, which represents a user or programmatic
+ *  *choice*: it focuses the tab and emits `Selected`. Takes the tab `value`
+ *  plus the `options` list (mirroring `RadioGroup.select`) because Tabs
+ *  stores the active *index* internally, so the value is resolved to an
+ *  index. A value not present in `options` is a no-op. Returns the model
+ *  directly because it produces no commands and no OutMessage. */
+export const reflectSelectedTab = Function.dual(3, (model, value, options) => pipe(options, Array.findFirstIndex(option => option === value), Option.match({
+    onNone: () => model,
+    onSome: index => evo(model, { activeIndex: () => index, focusedIndex: () => index }),
+})));
+const internalView = defineView((model, viewInputs) => {
+    const h = html();
+    const { id, activationMode, focusedIndex, activeIndex } = model;
+    const { tabs, ariaLabel, toView, isTabDisabled, orientation = 'Horizontal', } = viewInputs;
+    const isDisabled = (index) => !!isTabDisabled &&
+        pipe(tabs, Array.get(index), Option.exists(tab => isTabDisabled(tab, index)));
+    const { nextKey, previousKey } = M.value(orientation).pipe(M.when('Horizontal', () => ({
+        nextKey: 'ArrowRight',
+        previousKey: 'ArrowLeft',
+    })), M.when('Vertical', () => ({
+        nextKey: 'ArrowDown',
+        previousKey: 'ArrowUp',
+    })), M.exhaustive);
+    const resolveKeyIndex = keyToIndex(nextKey, previousKey, tabs.length, focusedIndex, isDisabled);
+    const tabSelectedAt = (index) => pipe(tabs, Array.get(index), Option.map(value => SelectedTab({ index, value })));
+    const handleAutomaticKeyDown = (key) => M.value(key).pipe(M.whenOr(nextKey, previousKey, 'Home', 'End', 'PageUp', 'PageDown', () => tabSelectedAt(resolveKeyIndex(key))), M.whenOr('Enter', ' ', () => tabSelectedAt(focusedIndex)), M.orElse(() => Option.none()));
+    const handleManualKeyDown = (key) => M.value(key).pipe(M.whenOr(nextKey, previousKey, 'Home', 'End', 'PageUp', 'PageDown', () => Option.some(FocusedTab({ index: resolveKeyIndex(key) }))), M.whenOr('Enter', ' ', () => tabSelectedAt(focusedIndex)), M.orElse(() => Option.none()));
+    const handleKeyDown = (key) => M.value(activationMode).pipe(M.when('Automatic', () => handleAutomaticKeyDown(key)), M.when('Manual', () => handleManualKeyDown(key)), M.exhaustive);
+    const tabInfos = Array.map(tabs, (value, index) => {
+        const isActive = index === activeIndex;
+        const isFocused = index === focusedIndex;
+        const isTabDisabledNow = isDisabled(index);
+        const tabAttributes = [
+            h.Id(tabId(id, index)),
+            h.Role('tab'),
+            h.Type('button'),
+            h.AriaSelected(isActive),
+            h.AriaControls(tabPanelId(id, index)),
+            h.Tabindex(isFocused ? 0 : -1),
+            ...(isActive ? [h.DataAttribute('selected', '')] : []),
+            ...(isTabDisabledNow
+                ? [
+                    h.Disabled(true),
+                    h.AriaDisabled(true),
+                    h.DataAttribute('disabled', ''),
+                ]
+                : [h.OnClick(SelectedTab({ index, value }))]),
+            h.OnKeyDownPreventDefault(handleKeyDown),
+        ];
+        const panelAttributes = [
+            h.Id(tabPanelId(id, index)),
+            h.Role('tabpanel'),
+            h.AriaLabelledBy(tabId(id, index)),
+            h.Tabindex(isActive ? 0 : -1),
+            ...(isActive ? [h.DataAttribute('selected', '')] : []),
+        ];
+        return {
+            value,
+            index,
+            isActive,
+            isFocused,
+            isDisabled: isTabDisabledNow,
+            tab: childAttributes(tabAttributes),
+            panel: childAttributes(panelAttributes),
+        };
+    });
+    const tablistAttributes = [
+        h.Role('tablist'),
+        h.AriaOrientation(String.toLowerCase(orientation)),
+        h.AriaLabel(ariaLabel),
+    ];
+    return toView({
+        tablist: childAttributes(tablistAttributes),
+        tabs: tabInfos,
+        activeIndex,
+    });
+});
+/** Pairs the tabs `view`, `update`, and `selectTab` behind a single
+ *  Value-typed entry point. Declare once at module scope so consumers
+ *  receive `tab.value: Value` in `toView` without an `as` cast:
+ *
+ *  ```ts
+ *  const DemoTabs = Tabs.create<DemoTab>()
+ *
+ *  // In view:
+ *  h.submodel({ view: DemoTabs.view, ... })
+ *
+ *  // In update:
+ *  const [next, commands] = DemoTabs.update(model, message)
+ *  ```
+ *
+ *  The internal view stays typed `ReadonlyArray<string>`; consumers can
+ *  pass a `ReadonlyArray<MyUnion>` (assignable) and the fenced cast inside
+ *  `create` types `TabInfo.value` as `MyUnion`. */
+export const create = () => {
+    const cast = (result) => 
+    /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
+    result;
+    return {
+        /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
+        view: internalView,
+        update: (model, message) => cast(update(model, message)),
+        selectTab: (model, value, index) => cast(selectTab(model, value, index)),
+        /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
+        reflectSelectedTab: reflectSelectedTab,
+    };
+};

package/dist/tabs/public.d.ts

@@ -0,0 +1,3 @@
+export { init, create, Model, Message, OutMessage, Selected, SelectedTab, FocusedTab, CompletedFocusTab, FocusTab, } from './index.js';
+export type { Orientation, ActivationMode, InitConfig, ViewInputs, RenderInfo, TabInfo, } from './index.js';
+//# sourceMappingURL=public.d.ts.map

package/dist/tabs/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/tabs/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,QAAQ,GACT,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,WAAW,EACX,cAAc,EACd,UAAU,EACV,UAAU,EACV,UAAU,EACV,OAAO,GACR,MAAM,YAAY,CAAA"}

package/dist/tabs/public.js

@@ -0,0 +1 @@
+export { init, create, Model, Message, OutMessage, Selected, SelectedTab, FocusedTab, CompletedFocusTab, FocusTab, } from './index.js';

package/dist/test/apps/disabledButton.d.ts

@@ -0,0 +1,38 @@
+import { Schema as S } from 'effect';
+import * as Command from 'foldkit/command';
+import { type Html } from 'foldkit/html';
+export declare const Model: S.Struct<{
+    readonly isEnabled: S.Boolean;
+    readonly dialog: S.Struct<{
+        readonly id: S.String;
+        readonly isOpen: S.Boolean;
+        readonly isAnimated: S.Boolean;
+        readonly animation: S.Struct<{
+            readonly id: S.String;
+            readonly isShowing: S.Boolean;
+            readonly transitionState: S.Literals<readonly ["Idle", "EnterStart", "EnterAnimating", "LeaveStart", "LeaveAnimating"]>;
+        }>;
+        readonly maybeFocusSelector: S.Option<S.String>;
+    }>;
+}>;
+export type Model = typeof Model.Type;
+export declare const ClickedToggle: import("foldkit/schema").CallableTaggedStruct<"ClickedToggle", {}>;
+export declare const ClickedSubmit: import("foldkit/schema").CallableTaggedStruct<"ClickedSubmit", {}>;
+export declare const GotDialogMessage: import("foldkit/schema").CallableTaggedStruct<"GotDialogMessage", {
+    message: S.Union<[import("foldkit/schema").CallableTaggedStruct<"RequestedOpen", {}>, import("foldkit/schema").CallableTaggedStruct<"RequestedClose", {}>, import("foldkit/schema").CallableTaggedStruct<"CompletedShowDialog", {}>, import("foldkit/schema").CallableTaggedStruct<"CompletedCloseDialog", {}>, import("foldkit/schema").CallableTaggedStruct<"GotAnimationMessage", {
+        message: S.Union<[import("foldkit/schema").CallableTaggedStruct<"Showed", {}>, import("foldkit/schema").CallableTaggedStruct<"Hid", {}>, import("foldkit/schema").CallableTaggedStruct<"AdvancedAnimationFrame", {}>, import("foldkit/schema").CallableTaggedStruct<"EndedAnimation", {}>]>;
+    }>]>;
+}>;
+export declare const Message: S.Union<readonly [import("foldkit/schema").CallableTaggedStruct<"ClickedToggle", {}>, import("foldkit/schema").CallableTaggedStruct<"ClickedSubmit", {}>, import("foldkit/schema").CallableTaggedStruct<"GotDialogMessage", {
+    message: S.Union<[import("foldkit/schema").CallableTaggedStruct<"RequestedOpen", {}>, import("foldkit/schema").CallableTaggedStruct<"RequestedClose", {}>, import("foldkit/schema").CallableTaggedStruct<"CompletedShowDialog", {}>, import("foldkit/schema").CallableTaggedStruct<"CompletedCloseDialog", {}>, import("foldkit/schema").CallableTaggedStruct<"GotAnimationMessage", {
+        message: S.Union<[import("foldkit/schema").CallableTaggedStruct<"Showed", {}>, import("foldkit/schema").CallableTaggedStruct<"Hid", {}>, import("foldkit/schema").CallableTaggedStruct<"AdvancedAnimationFrame", {}>, import("foldkit/schema").CallableTaggedStruct<"EndedAnimation", {}>]>;
+    }>]>;
+}>]>;
+export type Message = typeof Message.Type;
+export declare const initialModel: Model;
+export declare const update: (model: Model, message: Message) => readonly [Model, ReadonlyArray<Command.Command<Message>>];
+/** Plain view, no dialog wrapper. */
+export declare const view: (model: Model) => Html;
+/** View with submit button inside a dialog's panel. */
+export declare const viewWithDialog: (model: Model) => Html;
+//# sourceMappingURL=disabledButton.d.ts.map

package/dist/test/apps/disabledButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"disabledButton.d.ts","sourceRoot":"","sources":["../../../src/test/apps/disabledButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAChD,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,KAAK,IAAI,EAAQ,MAAM,cAAc,CAAA;AAO9C,eAAO,MAAM,KAAK;;;;;;;;;;;;;EAGhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,eAAO,MAAM,aAAa,oEAAqB,CAAA;AAC/C,eAAO,MAAM,aAAa,oEAAqB,CAAA;AAC/C,eAAO,MAAM,gBAAgB;;;;EAE3B,CAAA;AAEF,eAAO,MAAM,OAAO;;;;IAA4D,CAAA;AAChF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAA;AAID,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAqBxD,CAAA;AAgBH,qCAAqC;AACrC,eAAO,MAAM,IAAI,GAAI,OAAO,KAAK,KAAG,IAUnC,CAAA;AAED,uDAAuD;AACvD,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,KAAG,IA2B7C,CAAA"}