@foldkit/ui 0.141.1 → 0.142.0

package/dist/radioGroup/index.d.ts

@@ -1,93 +1,179 @@
-import { Option, Schema as S } from 'effect';
-import type { Attribute, Html, HtmlBuilder } from 'foldkit/html';
+import { Effect, Option, Schema as S } from 'effect';
+import * as Command from 'foldkit/command';
+import { type ChildAttribute, type Html } from 'foldkit/html';
+import { type View as SubmodelView } from 'foldkit/submodel';
 /** Controls the radio group layout direction and which arrow keys navigate between options. */
 export declare const Orientation: S.Literals<readonly ["Horizontal", "Vertical"]>;
 export type Orientation = typeof Orientation.Type;
+/** Schema for the radio group's private interaction state. The selected
+ *  option is owned by the parent and passed in via `ViewInputs.selectedValue`,
+ *  so it is not stored here. `maybeFocusedIndex` is the roving-tabindex
+ *  cursor: `None` means keyboard focus follows the selection, and a read-only
+ *  group stores `Some(index)` while focus diverges from it. */
+export declare const Model: S.Struct<{
+    readonly id: S.String;
+    readonly maybeFocusedIndex: S.Option<S.Number>;
+}>;
+export type Model = typeof Model.Type;
+/** Sent when an option is committed via click or keyboard. Commits the option
+ *  as the new selection and moves focus onto it. */
+export declare const SelectedOption: import("foldkit/schema").CallableTaggedStruct<"SelectedOption", {
+    index: S.Number;
+    value: S.String;
+}>;
+/** Sent when an option receives keyboard focus without being committed, which
+ *  is how a read-only group navigates. */
+export declare const FocusedOption: import("foldkit/schema").CallableTaggedStruct<"FocusedOption", {
+    index: S.Number;
+}>;
+/** Sent when the focus-option command completes. */
+export declare const CompletedFocusOption: import("foldkit/schema").CallableTaggedStruct<"CompletedFocusOption", {}>;
+/** Union of all messages the radio group can produce. */
+export declare const Message: S.Union<[
+    typeof SelectedOption,
+    typeof FocusedOption,
+    typeof CompletedFocusOption
+]>;
+export type SelectedOption = typeof SelectedOption.Type;
+export type FocusedOption = typeof FocusedOption.Type;
+export type Message = typeof Message.Type;
+/** Sent to the parent when an option is committed via click or keyboard. Carries both the option's value (typed as `Value` via `RadioGroup.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 radio group 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
+ *  `RadioGroup.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 radio group model with `init`. */
+export type InitConfig = Readonly<{
+    id: string;
+}>;
+/** Creates an initial radio group model from a config. Focus follows the
+ *  selected option until the user navigates a read-only group, so
+ *  `maybeFocusedIndex` starts `None`. */
+export declare const init: (config: InitConfig) => Model;
+/** Moves focus to the option at the given index. */
+export declare const FocusOption: Command.CommandDefinitionWithArgs<"FocusOption", {
+    id: S.String;
+    index: S.Number;
+}, Effect.Effect<{
+    readonly _tag: "CompletedFocusOption";
+}, never, never>>;
+type UpdateReturn = readonly [
+    Model,
+    ReadonlyArray<Command.Command<Message>>,
+    Option.Option<OutMessage>
+];
+/** Processes a radio group message and returns the next model, commands, and
+ *  an optional OutMessage. `Selected` fires when an option is committed via
+ *  click or keyboard; the parent stores the new value and passes it back in as
+ *  `selectedValue`. */
+export declare const update: (model: Model, message: Message) => UpdateReturn;
 /** Per-option render info passed to the consumer's `toView`. The consumer
  *  spreads `option`, `label`, and `description` onto whichever elements carry
  *  that role in their layout. Generic over `Value extends string` so
- *  `option.value` carries the consumer's union type, and over `Message`
- *  so the attribute bundles dispatch the parent's own Message.
+ *  `option.value` carries the consumer's union type.
  *
  *  The `option` bundle sets `type="button"` so that rendering the option as a
  *  `button` element inside a `form` element selects without also submitting the
  *  form. Setting it is harmless on the other elements an option might use, such
  *  as a `div` or a `span`, because the builder assigns a DOM property rather
  *  than an HTML attribute. Spread a later `h.Type` to override it. */
-export type OptionInfo<Value extends string, Message> = Readonly<{
+export type OptionInfo<Value extends string = string> = Readonly<{
     value: Value;
     index: number;
     isSelected: boolean;
     isActive: boolean;
     isDisabled: boolean;
-    option: ReadonlyArray<Attribute<Message>>;
-    label: ReadonlyArray<Attribute<Message>>;
-    description: ReadonlyArray<Attribute<Message>>;
+    isReadOnly: boolean;
+    option: ReadonlyArray<ChildAttribute>;
+    label: ReadonlyArray<ChildAttribute>;
+    description: ReadonlyArray<ChildAttribute>;
 }>;
 /** Render-time payload published to the consumer's `toView`.
  *
  *  - `group`: ARIA + role attributes for the wrapping radiogroup element.
- *  - `options`: one entry per option in `options`, in the same order. Includes
- *    the value, derived state, and the attribute bundles for the option
- *    element, its label, and its description.
+ *  - `options`: one entry per option in `viewInputs.options`, in the same
+ *    order. Includes the value, derived state, and the attribute bundles for
+ *    the option element, its label, and its description.
  *  - `selectedValue`: the currently-selected value, if any. Convenient for the
  *    consumer when rendering selected-state visuals next to the option
  *    attributes.
  *  - `hiddenInput`: when `name` was supplied, attributes for a hidden form
  *    input carrying the selected value. The consumer renders the `<input>`
  *    themselves. Empty array when `name` is undefined. */
-export type RenderInfo<Value extends string, Message> = Readonly<{
-    group: ReadonlyArray<Attribute<Message>>;
-    options: ReadonlyArray<OptionInfo<Value, Message>>;
+export type RenderInfo<Value extends string = string> = Readonly<{
+    group: ReadonlyArray<ChildAttribute>;
+    options: ReadonlyArray<OptionInfo<Value>>;
     selectedValue: Option.Option<Value>;
-    hiddenInput: ReadonlyArray<Attribute<Message>>;
+    hiddenInput: ReadonlyArray<ChildAttribute>;
 }>;
-/** Per-render view configuration for the stateless controlled {@link view}.
- *  Generic over `Value extends string` (the option union) and `Message`
- *  (the message `onSelect` dispatches).
+/** Per-render view inputs passed to `view` via `h.submodel`'s `viewInputs`
+ *  field. Generic over `Value extends string` so consumers using
+ *  `RadioGroup.create<MyUnion>()` receive `option.value: MyUnion` in `toView`
+ *  and `(value: MyUnion, index) => boolean` in `isOptionDisabled`, without
+ *  casting.
  *
  *  - `selectedValue`: the current selection, read straight from the parent
- *    Model. The roving tabindex and checked state derive from it.
- *  - `onSelect`: dispatched with the chosen value when an option is clicked or
- *    navigated to. Handle it in the parent's `update` by storing the value.
- *    The radio group manages focus itself, so the handler needs to do nothing
- *    else.
- *  - `toView`: receives the {@link RenderInfo} and lays out the group. */
-export type ViewConfig<Value extends string, Message> = Readonly<{
-    id: string;
-    selectedValue: Option.Option<Value>;
+ *    Model. `aria-checked` and the `data-checked` marker derive from it, as
+ *    does the roving tabindex whenever keyboard focus has not diverged.
+ *  - `isReadOnly`: keeps the group navigable but not selectable. Arrow, Home,
+ *    End, PageUp, and PageDown still move focus, and the group reports that
+ *    focus through `FocusedOption`, so `data-active` and `tabindex` follow it.
+ *    Space and clicking do nothing. */
+export type ViewInputs<Value extends string = string> = Readonly<{
     options: ReadonlyArray<Value>;
-    onSelect: (value: Value) => Message;
+    selectedValue: Option.Option<Value>;
     ariaLabel: string;
-    toView: (render: RenderInfo<Value, Message>) => Html;
+    toView: (render: RenderInfo<Value>) => Html;
     orientation?: Orientation;
     isOptionDisabled?: (value: Value, index: number) => boolean;
     isDisabled?: boolean;
+    isReadOnly?: boolean;
     name?: string;
 }>;
-/** Renders an accessible radio group as a stateless controlled component. The
- *  parent owns the selection (`selectedValue`) and receives the parent's own
- *  Message via `onSelect` when an option is chosen. Moving focus onto the
- *  newly-active option is the radio group's own concern: it happens inside the
- *  component's click and keydown handlers, so the parent's `update` only stores
- *  the value.
+/** The `view` and `update` pair that `RadioGroup.create` returns, bound to one
+ *  `Value` type. Name it to annotate a value that holds a created bundle,
+ *  such as a field on a config object or a function parameter that takes
+ *  the bundle rather than calling `create` itself. */
+export type Bundle<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>>
+    ];
+}>;
+/** Pairs the radio group `view` and `update` behind a single Value-typed
+ *  entry point. Declare once at module scope so consumers receive
+ *  `option.value: Value` in `toView` and the `Selected` OutMessage without an
+ *  `as` cast:
  *
  *  ```ts
- *  // In view:
- *  RadioGroup.view(
- *    {
- *      id: TOOL_RADIO_GROUP_ID,
- *      selectedValue: Option.some(model.tool),
- *      options: TOOLS,
- *      ariaLabel: 'Tool',
- *      onSelect: tool => SelectedTool({ tool }),
- *      toView: ({ group, options }) => ...,
- *    },
- *    h,
- *  )
+ *  const PlanRadioGroup = RadioGroup.create<Plan>()
+ *
+ *  // In view (selectedValue is the parent-owned selection):
+ *  h.submodel({ view: PlanRadioGroup.view, viewInputs: { selectedValue, ... }, ... })
+ *
+ *  // In update, fold the Selected OutMessage into your Model:
+ *  const [next, commands, maybeOutMessage] = PlanRadioGroup.update(model, message)
+ *  ```
  *
- *  // In update:
- *  SelectedTool: ({ tool }) => [evo(model, { tool: () => tool }), []],
- *  ``` */
-export declare const view: <Value extends string, Message>(config: ViewConfig<Value, Message>, h: HtmlBuilder<Message>) => Html;
+ *  The internal view stays typed `ReadonlyArray<string>`; consumers can
+ *  pass a `ReadonlyArray<MyUnion>` (assignable) and the fenced cast inside
+ *  `create` types `OptionInfo.value` as `MyUnion`. */
+export declare const create: <Value extends string = string>() => Bundle<Value>;
+export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/radioGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,MAAM,EAEN,MAAM,IAAI,CAAC,EAGZ,MAAM,QAAQ,CAAA;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAOhE,+FAA+F;AAC/F,eAAO,MAAM,WAAW,iDAAyC,CAAA;AACjE,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC,IAAI,CAAA;AAYjD;;;;;;;;;;sEAUsE;AACtE,MAAM,MAAM,UAAU,CAAC,KAAK,SAAS,MAAM,EAAE,OAAO,IAAI,QAAQ,CAAC;IAC/D,KAAK,EAAE,KAAK,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACzC,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACxC,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;CAC/C,CAAC,CAAA;AAEF;;;;;;;;;;;0DAW0D;AAC1D,MAAM,MAAM,UAAU,CAAC,KAAK,SAAS,MAAM,EAAE,OAAO,IAAI,QAAQ,CAAC;IAC/D,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;IACxC,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAA;IAClD,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACnC,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAA;CAC/C,CAAC,CAAA;AAEF;;;;;;;;;;0EAU0E;AAC1E,MAAM,MAAM,UAAU,CAAC,KAAK,SAAS,MAAM,EAAE,OAAO,IAAI,QAAQ,CAAC;IAC/D,EAAE,EAAE,MAAM,CAAA;IACV,aAAa,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IACnC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,CAAA;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,OAAO,CAAA;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IACpD,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;IAC3D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;;UAuBU;AACV,eAAO,MAAM,IAAI,GAAI,KAAK,SAAS,MAAM,EAAE,OAAO,EAChD,QAAQ,UAAU,CAAC,KAAK,EAAE,OAAO,CAAC,EAClC,GAAG,WAAW,CAAC,OAAO,CAAC,KACtB,IAkLF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/radioGroup/index.ts"],"names":[],"mappings":"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"}

package/dist/radioGroup/index.js

@@ -1,40 +1,84 @@
 import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-import { Array, Match as M, Option, Predicate, Schema as S, String, pipe, } from 'effect';
+import { Array, Effect, Match as M, Option, Predicate, Schema as S, String, pipe, } from 'effect';
+import * as Command from 'foldkit/command';
+import * as Dom from 'foldkit/dom';
+import { childAttributes } from 'foldkit/html';
+import { m } from 'foldkit/message';
+import { evo } from 'foldkit/struct';
+import { defineView } from 'foldkit/submodel';
 import { idSelector } from '../internal/selectors.js';
 import { keyToIndex } from '../keyboard.js';
 // MODEL
 /** Controls the radio group layout direction and which arrow keys navigate between options. */
 export const Orientation = S.Literals(['Horizontal', 'Vertical']);
-// VIEW
+/** Schema for the radio group's private interaction state. The selected
+ *  option is owned by the parent and passed in via `ViewInputs.selectedValue`,
+ *  so it is not stored here. `maybeFocusedIndex` is the roving-tabindex
+ *  cursor: `None` means keyboard focus follows the selection, and a read-only
+ *  group stores `Some(index)` while focus diverges from it. */
+export const Model = S.Struct({
+    id: S.String,
+    maybeFocusedIndex: S.Option(S.Number),
+});
+// MESSAGE
+/** Sent when an option is committed via click or keyboard. Commits the option
+ *  as the new selection and moves focus onto it. */
+export const SelectedOption = m('SelectedOption', {
+    index: S.Number,
+    value: S.String,
+});
+/** Sent when an option receives keyboard focus without being committed, which
+ *  is how a read-only group navigates. */
+export const FocusedOption = m('FocusedOption', { index: S.Number });
+/** Sent when the focus-option command completes. */
+export const CompletedFocusOption = m('CompletedFocusOption');
+/** Union of all messages the radio group can produce. */
+export const Message = S.Union([SelectedOption, FocusedOption, CompletedFocusOption]);
+// OUT MESSAGE
+/** Sent to the parent when an option is committed via click or keyboard. Carries both the option's value (typed as `Value` via `RadioGroup.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 radio group 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 radio group model from a config. Focus follows the
+ *  selected option until the user navigates a read-only group, so
+ *  `maybeFocusedIndex` starts `None`. */
+export const init = (config) => (__foldkitBrandViewResult(({
+    id: config.id,
+    maybeFocusedIndex: Option.none(),
+}), "@foldkit/ui/radioGroup/index.js#init"));
+// UPDATE
 const optionId = (id, index) => __foldkitBrandViewResult((`${id}-option-${index}`), "@foldkit/ui/radioGroup/index.js#optionId");
 const labelId = (id, index) => __foldkitBrandViewResult((`${id}-option-${index}-label`), "@foldkit/ui/radioGroup/index.js#labelId");
 const descriptionId = (id, index) => __foldkitBrandViewResult((`${id}-option-${index}-description`), "@foldkit/ui/radioGroup/index.js#descriptionId");
-/** Renders an accessible radio group as a stateless controlled component. The
- *  parent owns the selection (`selectedValue`) and receives the parent's own
- *  Message via `onSelect` when an option is chosen. Moving focus onto the
- *  newly-active option is the radio group's own concern: it happens inside the
- *  component's click and keydown handlers, so the parent's `update` only stores
- *  the value.
- *
- *  ```ts
- *  // In view:
- *  RadioGroup.view(
- *    {
- *      id: TOOL_RADIO_GROUP_ID,
- *      selectedValue: Option.some(model.tool),
- *      options: TOOLS,
- *      ariaLabel: 'Tool',
- *      onSelect: tool => SelectedTool({ tool }),
- *      toView: ({ group, options }) => ...,
- *    },
- *    h,
- *  )
- *
- *  // In update:
- *  SelectedTool: ({ tool }) => [evo(model, { tool: () => tool }), []],
- *  ``` */
-export const view = (config, h) => {
-    const { id, selectedValue, options, onSelect, ariaLabel, toView, orientation = 'Vertical', isOptionDisabled: isOptionDisabledFn, isDisabled: isGroupDisabled = false, name, } = config;
+/** Moves focus to the option at the given index. */
+export const FocusOption = Command.define('FocusOption', {
+    args: { id: S.String, index: S.Number },
+    messages: [CompletedFocusOption],
+    execute: ({ id, index }) => __foldkitBrandViewResult((Dom.focus(idSelector(optionId(id, index))).pipe(Effect.ignore, Effect.as(CompletedFocusOption()))), "@foldkit/ui/radioGroup/index.js#execute"),
+});
+/** Processes a radio group message and returns the next model, commands, and
+ *  an optional OutMessage. `Selected` fires when an option is committed via
+ *  click or keyboard; the parent stores the new value and passes it back in as
+ *  `selectedValue`. */
+export const update = (model, message) => __foldkitBrandViewResult((M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
+    SelectedOption: ({ index, value }) => __foldkitBrandViewResult(([
+        evo(model, { maybeFocusedIndex: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/radioGroup/index.js#maybeFocusedIndex") }),
+        [FocusOption({ id: model.id, index })],
+        Option.some(Selected({ value, index })),
+    ]), "@foldkit/ui/radioGroup/index.js#SelectedOption"),
+    FocusedOption: ({ index }) => __foldkitBrandViewResult(([
+        evo(model, { maybeFocusedIndex: () => __foldkitBrandViewResult((Option.some(index)), "@foldkit/ui/radioGroup/index.js#maybeFocusedIndex~2") }),
+        [FocusOption({ id: model.id, index })],
+        Option.none(),
+    ]), "@foldkit/ui/radioGroup/index.js#FocusedOption"),
+    CompletedFocusOption: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/radioGroup/index.js#CompletedFocusOption"),
+}))), "@foldkit/ui/radioGroup/index.js#update");
+const internalView = defineView((model, viewInputs, h) => {
+    const { id, maybeFocusedIndex } = model;
+    const { options, selectedValue, ariaLabel, toView, orientation = 'Vertical', isOptionDisabled: isOptionDisabledFn, isDisabled: isGroupDisabled = false, isReadOnly = false, name, } = viewInputs;
     const isDisabled = (index) => {
         if (isGroupDisabled) {
             return __foldkitBrandViewResult((true), "@foldkit/ui/radioGroup/index.js#isDisabled");
@@ -42,40 +86,55 @@ export const view = (config, h) => {
         if (!isOptionDisabledFn) {
             return __foldkitBrandViewResult((false), "@foldkit/ui/radioGroup/index.js#isDisabled");
         }
-        return __foldkitBrandViewResult((pipe(options, Array.get(index), Option.exists(option => __foldkitBrandViewResult((isOptionDisabledFn(option, index)), "@foldkit/ui/radioGroup/index.js#anonymous")))), "@foldkit/ui/radioGroup/index.js#isDisabled");
+        return __foldkitBrandViewResult((pipe(options, Array.get(index), Option.exists(option => __foldkitBrandViewResult((isOptionDisabledFn(option, index)), "@foldkit/ui/radioGroup/index.js#anonymous~2")))), "@foldkit/ui/radioGroup/index.js#isDisabled");
     };
-    const selectedIndex = Option.flatMap(selectedValue, value => __foldkitBrandViewResult((Array.findFirstIndex(options, option => __foldkitBrandViewResult((option === value), "@foldkit/ui/radioGroup/index.js#anonymous~3"))), "@foldkit/ui/radioGroup/index.js#anonymous~2"));
-    const firstEnabledIndex = pipe(options.length, Array.makeBy(index => __foldkitBrandViewResult((index), "@foldkit/ui/radioGroup/index.js#anonymous~4")), Array.findFirst(Predicate.not(isDisabled)), Option.getOrElse(() => __foldkitBrandViewResult((0), "@foldkit/ui/radioGroup/index.js#anonymous~5")));
+    const selectedIndex = Option.flatMap(selectedValue, value => __foldkitBrandViewResult((Array.findFirstIndex(options, option => __foldkitBrandViewResult((option === value), "@foldkit/ui/radioGroup/index.js#anonymous~4"))), "@foldkit/ui/radioGroup/index.js#anonymous~3"));
+    const firstEnabledIndex = pipe(options.length, Array.makeBy(index => __foldkitBrandViewResult((index), "@foldkit/ui/radioGroup/index.js#anonymous~5")), Array.findFirst(Predicate.not(isDisabled)), Option.getOrElse(() => __foldkitBrandViewResult((0), "@foldkit/ui/radioGroup/index.js#anonymous~6")));
     // NOTE: The selected index only becomes the roving tab stop when it is
     // enabled. A disabled selected option would otherwise be the group's sole
     // tab stop with no keydown handler, stranding keyboard navigation.
-    const focusedIndex = pipe(selectedIndex, Option.filter(Predicate.not(isDisabled)), Option.getOrElse(() => __foldkitBrandViewResult((firstEnabledIndex), "@foldkit/ui/radioGroup/index.js#anonymous~6")));
+    const selectionTabStopIndex = pipe(selectedIndex, Option.filter(Predicate.not(isDisabled)), Option.getOrElse(() => __foldkitBrandViewResult((firstEnabledIndex), "@foldkit/ui/radioGroup/index.js#anonymous~7")));
+    const isNavigableIndex = (index) => __foldkitBrandViewResult((index < options.length && !isDisabled(index)), "@foldkit/ui/radioGroup/index.js#isNavigableIndex");
+    const focusedIndex = pipe(maybeFocusedIndex, Option.filter(isNavigableIndex), Option.getOrElse(() => __foldkitBrandViewResult((selectionTabStopIndex), "@foldkit/ui/radioGroup/index.js#anonymous~8")));
     const { nextKey, previousKey } = M.value(orientation).pipe(M.when('Horizontal', () => (__foldkitBrandViewResult(({
         nextKey: 'ArrowRight',
         previousKey: 'ArrowLeft',
-    }), "@foldkit/ui/radioGroup/index.js#anonymous~7"))), M.when('Vertical', () => (__foldkitBrandViewResult(({
+    }), "@foldkit/ui/radioGroup/index.js#anonymous~9"))), M.when('Vertical', () => (__foldkitBrandViewResult(({
         nextKey: 'ArrowDown',
         previousKey: 'ArrowUp',
-    }), "@foldkit/ui/radioGroup/index.js#anonymous~8"))), M.exhaustive);
+    }), "@foldkit/ui/radioGroup/index.js#anonymous~10"))), M.exhaustive);
     const resolveKeyIndex = keyToIndex(nextKey, previousKey, options.length, focusedIndex, isDisabled);
-    const selectionAt = (index) => __foldkitBrandViewResult((pipe(options, Array.get(index), Option.map(value => (__foldkitBrandViewResult(({
-        focusSelector: idSelector(optionId(id, index)),
-        message: onSelect(value),
-    }), "@foldkit/ui/radioGroup/index.js#anonymous~9"))))), "@foldkit/ui/radioGroup/index.js#selectionAt");
-    const handleKeyDown = (currentIndex) => __foldkitBrandViewResult(((key) => __foldkitBrandViewResult((M.value(key).pipe(M.whenOr(nextKey, previousKey, 'Home', 'End', 'PageUp', 'PageDown', () => __foldkitBrandViewResult((selectionAt(resolveKeyIndex(key))), "@foldkit/ui/radioGroup/index.js#anonymous~11")), M.when(' ', () => __foldkitBrandViewResult((selectionAt(currentIndex)), "@foldkit/ui/radioGroup/index.js#anonymous~12")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/radioGroup/index.js#anonymous~13")))), "@foldkit/ui/radioGroup/index.js#anonymous~10")), "@foldkit/ui/radioGroup/index.js#handleKeyDown");
+    const optionSelectedAt = (index) => __foldkitBrandViewResult((pipe(options, Array.get(index), Option.map(value => __foldkitBrandViewResult((SelectedOption({ index, value })), "@foldkit/ui/radioGroup/index.js#anonymous~11")))), "@foldkit/ui/radioGroup/index.js#optionSelectedAt");
+    const handleSelectingKeyDown = (currentIndex, key) => __foldkitBrandViewResult((M.value(key).pipe(M.whenOr(nextKey, previousKey, 'Home', 'End', 'PageUp', 'PageDown', () => __foldkitBrandViewResult((optionSelectedAt(resolveKeyIndex(key))), "@foldkit/ui/radioGroup/index.js#anonymous~12")), M.when(' ', () => __foldkitBrandViewResult((optionSelectedAt(currentIndex)), "@foldkit/ui/radioGroup/index.js#anonymous~13")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/radioGroup/index.js#anonymous~14")))), "@foldkit/ui/radioGroup/index.js#handleSelectingKeyDown");
+    const handleReadOnlyKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.whenOr(nextKey, previousKey, 'Home', 'End', 'PageUp', 'PageDown', () => __foldkitBrandViewResult((Option.some(FocusedOption({ index: resolveKeyIndex(key) }))), "@foldkit/ui/radioGroup/index.js#anonymous~15")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/radioGroup/index.js#anonymous~16")))), "@foldkit/ui/radioGroup/index.js#handleReadOnlyKeyDown");
+    const handleKeyDown = (currentIndex) => __foldkitBrandViewResult(((key) => {
+        if (isReadOnly) {
+            return __foldkitBrandViewResult((handleReadOnlyKeyDown(key)), "@foldkit/ui/radioGroup/index.js#anonymous~17");
+        }
+        else {
+            return __foldkitBrandViewResult((handleSelectingKeyDown(currentIndex, key)), "@foldkit/ui/radioGroup/index.js#anonymous~17");
+        }
+    }), "@foldkit/ui/radioGroup/index.js#handleKeyDown");
     const optionInfos = Array.map(options, (value, index) => {
-        const isSelected = Option.exists(selectedIndex, selectedIdx => __foldkitBrandViewResult((selectedIdx === index), "@foldkit/ui/radioGroup/index.js#anonymous~15"));
-        const isFocusable = index === focusedIndex;
+        const isSelected = Option.exists(selectedIndex, selectedOptionIndex => __foldkitBrandViewResult((selectedOptionIndex === index), "@foldkit/ui/radioGroup/index.js#anonymous~19"));
+        const isActive = index === focusedIndex;
         const isOptionDisabledNow = isDisabled(index);
         const checkedAttributes = isSelected
             ? [h.DataAttribute('checked', '')]
             : [];
-        const activeAttributes = isFocusable
-            ? [h.DataAttribute('active', '')]
-            : [];
+        const activeAttributes = isActive ? [h.DataAttribute('active', '')] : [];
         const disabledAttributes = isOptionDisabledNow
             ? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
             : [];
+        const readOnlyAttributes = isReadOnly
+            ? [h.DataAttribute('readonly', '')]
+            : [];
+        const clickAttributes = isOptionDisabledNow || isReadOnly
+            ? []
+            : [h.OnClick(SelectedOption({ index, value }))];
+        const keyDownAttributes = isOptionDisabledNow
+            ? []
+            : [h.OnKeyDownPreventDefault(handleKeyDown(index))];
         const optionAttributes = [
             h.Id(optionId(id, index)),
             h.Type('button'),
@@ -83,16 +142,13 @@ export const view = (config, h) => {
             h.AriaChecked(isSelected),
             h.AriaLabelledBy(labelId(id, index)),
             h.AriaDescribedBy(descriptionId(id, index)),
-            h.Tabindex(isFocusable ? 0 : -1),
+            h.Tabindex(isActive ? 0 : -1),
             ...checkedAttributes,
             ...activeAttributes,
             ...disabledAttributes,
-            ...(isOptionDisabledNow
-                ? []
-                : [
-                    h.OnClickFocus(idSelector(optionId(id, index)), onSelect(value)),
-                    h.OnKeyDownFocus(handleKeyDown(index)),
-                ]),
+            ...readOnlyAttributes,
+            ...clickAttributes,
+            ...keyDownAttributes,
         ];
         const labelAttributes = [h.Id(labelId(id, index))];
         const descriptionAttributes = [h.Id(descriptionId(id, index))];
@@ -100,27 +156,60 @@ export const view = (config, h) => {
             value,
             index,
             isSelected,
-            isActive: isFocusable,
+            isActive,
             isDisabled: isOptionDisabledNow,
-            option: optionAttributes,
-            label: labelAttributes,
-            description: descriptionAttributes,
-        }), "@foldkit/ui/radioGroup/index.js#anonymous~14");
+            isReadOnly,
+            option: childAttributes(optionAttributes),
+            label: childAttributes(labelAttributes),
+            description: childAttributes(descriptionAttributes),
+        }), "@foldkit/ui/radioGroup/index.js#anonymous~18");
     });
+    const groupReadOnlyAttributes = isReadOnly
+        ? [h.AriaReadonly(true), h.DataAttribute('readonly', '')]
+        : [];
     const groupAttributes = [
         h.Role('radiogroup'),
         h.AriaOrientation(String.toLowerCase(orientation)),
         h.AriaLabel(ariaLabel),
+        ...groupReadOnlyAttributes,
     ];
     const hiddenInputAttributes = pipe(Option.fromNullishOr(name), Option.flatMap(inputName => __foldkitBrandViewResult((Option.map(selectedValue, value => __foldkitBrandViewResult(([
         h.Type('hidden'),
         h.Name(inputName),
         h.Value(value),
-    ]), "@foldkit/ui/radioGroup/index.js#anonymous~17"))), "@foldkit/ui/radioGroup/index.js#anonymous~16")), Option.getOrElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/radioGroup/index.js#anonymous~18")));
+    ]), "@foldkit/ui/radioGroup/index.js#anonymous~21"))), "@foldkit/ui/radioGroup/index.js#anonymous~20")), Option.getOrElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/radioGroup/index.js#anonymous~22")));
     return __foldkitBrandViewResult((toView({
-        group: groupAttributes,
+        group: childAttributes(groupAttributes),
         options: optionInfos,
         selectedValue,
-        hiddenInput: hiddenInputAttributes,
-    })), "@foldkit/ui/radioGroup/index.js#view");
+        hiddenInput: childAttributes(hiddenInputAttributes),
+    })), "@foldkit/ui/radioGroup/index.js#anonymous");
+});
+/** Pairs the radio group `view` and `update` behind a single Value-typed
+ *  entry point. Declare once at module scope so consumers receive
+ *  `option.value: Value` in `toView` and the `Selected` OutMessage without an
+ *  `as` cast:
+ *
+ *  ```ts
+ *  const PlanRadioGroup = RadioGroup.create<Plan>()
+ *
+ *  // In view (selectedValue is the parent-owned selection):
+ *  h.submodel({ view: PlanRadioGroup.view, viewInputs: { selectedValue, ... }, ... })
+ *
+ *  // In update, fold the Selected OutMessage into your Model:
+ *  const [next, commands, maybeOutMessage] = PlanRadioGroup.update(model, message)
+ *  ```
+ *
+ *  The internal view stays typed `ReadonlyArray<string>`; consumers can
+ *  pass a `ReadonlyArray<MyUnion>` (assignable) and the fenced cast inside
+ *  `create` types `OptionInfo.value` as `MyUnion`. */
+export const create = () => {
+    const cast = (result) => 
+    /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
+    __foldkitBrandViewResult((result), "@foldkit/ui/radioGroup/index.js#cast");
+    return __foldkitBrandViewResult(({
+        /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
+        view: internalView,
+        update: (model, message) => __foldkitBrandViewResult((cast(update(model, message))), "@foldkit/ui/radioGroup/index.js#update~2"),
+    }), "@foldkit/ui/radioGroup/index.js#create");
 };

package/dist/radioGroup/public.d.ts

@@ -1,3 +1,3 @@
-export { view, Orientation } from './index.js';
-export type { ViewConfig, RenderInfo, OptionInfo } from './index.js';
+export { init, create, Model, Message, OutMessage, Selected, SelectedOption, FocusedOption, CompletedFocusOption, FocusOption, Orientation, } from './index.js';
+export type { InitConfig, ViewInputs, RenderInfo, OptionInfo, Bundle, } from './index.js';
 //# sourceMappingURL=public.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/radioGroup/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE9C,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/radioGroup/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,cAAc,EACd,aAAa,EACb,oBAAoB,EACpB,WAAW,EACX,WAAW,GACZ,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,UAAU,EACV,UAAU,EACV,UAAU,EACV,UAAU,EACV,MAAM,GACP,MAAM,YAAY,CAAA"}

package/dist/radioGroup/public.js

@@ -1 +1 @@
-export { view, Orientation } from './index.js';
+export { init, create, Model, Message, OutMessage, Selected, SelectedOption, FocusedOption, CompletedFocusOption, FocusOption, Orientation, } from './index.js';

package/dist/slider/index.d.ts

@@ -280,7 +280,21 @@ export type ViewInputs = Readonly<{
     ariaLabel?: string;
     ariaLabelledBy?: string;
     formatValue?: (value: number) => string;
+    /** Marks the Slider unavailable with `aria-disabled="true"` and
+     *  `data-disabled`. The thumb remains focusable, following Foldkit's
+     *  convention that unavailable controls stay discoverable by keyboard and
+     *  assistive technology. */
     isDisabled?: boolean;
+    /** Prevents value changes while exposing read-only semantics with
+     *  `aria-readonly="true"` and `data-readonly`. The thumb remains focusable.
+     *  Independent of `isDisabled`: setting both emits both attribute sets, and
+     *  either one removes the pointer and keyboard handlers.
+     *
+     *  A drag already in flight is not interrupted. The handlers this flag
+     *  removes are what start a drag, and the pointermove Subscription runs off
+     *  `dragState` in the Model until pointerup. `isDisabled` behaves the same
+     *  way. */
+    isReadOnly?: boolean;
     name?: string;
     /** Resolves the root that holds the slider track when looking it up by its
      *  `data-slider-track-id` attribute. Defaults to `document`. Provide a
@@ -330,7 +344,21 @@ export declare const view: import("foldkit/submodel").View<{
     ariaLabel?: string;
     ariaLabelledBy?: string;
     formatValue?: (value: number) => string;
+    /** Marks the Slider unavailable with `aria-disabled="true"` and
+     *  `data-disabled`. The thumb remains focusable, following Foldkit's
+     *  convention that unavailable controls stay discoverable by keyboard and
+     *  assistive technology. */
     isDisabled?: boolean;
+    /** Prevents value changes while exposing read-only semantics with
+     *  `aria-readonly="true"` and `data-readonly`. The thumb remains focusable.
+     *  Independent of `isDisabled`: setting both emits both attribute sets, and
+     *  either one removes the pointer and keyboard handlers.
+     *
+     *  A drag already in flight is not interrupted. The handlers this flag
+     *  removes are what start a drag, and the pointermove Subscription runs off
+     *  `dragState` in the Model until pointerup. `isDisabled` behaves the same
+     *  way. */
+    isReadOnly?: boolean;
     name?: string;
     /** Resolves the root that holds the slider track when looking it up by its
      *  `data-slider-track-id` attribute. Defaults to `document`. Provide a

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

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