foldkit-primitives 0.15.4 → 0.16.0

package/dist/interaction/dismiss-layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismiss-layer.js","names":[],"sources":["../../src/interaction/dismiss-layer.ts"],"sourcesContent":["/**\n * Dismissable layers: Escape closes the topmost open layer, a pointer press\n * outside closes the layers it is outside of. One Bundle, placed once, owns\n * the document listeners; each layer's Behavior marks its container (and its\n * trigger) with data attributes. The stack is the DOM order of the marked\n * elements at the moment of the event, so a layer opening or closing needs no\n * registration. A press inside a parent layer is outside its children, so the\n * parent stays and the children go; a press on a layer's trigger counts as\n * inside it, so a trigger never dismisses and reopens in one click. What a\n * dismissal does is the placement's `onOut`.\n */\nimport { Effect, Queue, Schema, Stream } from 'effect'\nimport type { HtmlBuilder } from 'foldkit/html'\nimport { defineMessageUnion } from 'foldkit/message'\nimport * as Subscription from 'foldkit/subscription'\nimport type * as Update from 'foldkit/update'\nimport { Bundle, type Declared } from 'foldkit-bundle'\nimport { Behavior, Capability } from 'foldkit-mixins'\n\nexport const LAYER_ATTRIBUTE = 'data-foldkit-plus-layer'\nexport const TRIGGER_ATTRIBUTE = 'data-foldkit-plus-layer-trigger'\nconst OUTSIDE_ATTRIBUTE = 'data-foldkit-plus-layer-outside'\nconst ESCAPE_ATTRIBUTE = 'data-foldkit-plus-layer-escape'\n\n/** An open layer as the document showed it: bottom to top is DOM order. */\nexport const Layer = Schema.Struct({\n  id: Schema.String,\n  /** Dismiss on a press outside it. */\n  outside: Schema.Boolean,\n  /** Dismiss on Escape when topmost. */\n  escape: Schema.Boolean,\n})\nexport type Layer = typeof Layer.Type\n\nexport const Model = Schema.Struct({\n  /** The open layers at the last event, bottom to top. */\n  layers: Schema.Array(Layer),\n})\nexport type Model = typeof Model.Type\n\nexport const Message = defineMessageUnion({\n  /** A pointer went down; `inside` are the layers whose element or trigger was on the event's path. */\n  PressedAt: { layers: Schema.Array(Layer), inside: Schema.Array(Schema.String) },\n  PressedEscape: { layers: Schema.Array(Layer) },\n})\nexport type Message = typeof Message.Type\n\nexport const Dismiss = Schema.TaggedStruct('Dismiss', { ids: Schema.Array(Schema.String) })\nexport type Dismiss = typeof Dismiss.Type\n\n/** Which layers a press inside `inside` dismisses: every layer above the topmost one hit, or all when none was. */\nexport const toDismiss = (\n  layers: ReadonlyArray<Layer>,\n  inside: ReadonlyArray<string>,\n): ReadonlyArray<string> => {\n  let topmostHit = -1\n  layers.forEach((layer, index) => {\n    if (inside.includes(layer.id)) topmostHit = index\n  })\n  return layers\n    .slice(topmostHit + 1)\n    .filter(layer => layer.outside)\n    .map(layer => layer.id)\n}\n\ntype Return = Update.ReturnWithOutMessage<Model, Message, Dismiss>\n\nconst sameLayers = (a: ReadonlyArray<Layer>, b: ReadonlyArray<Layer>): boolean =>\n  a.length === b.length &&\n  a.every(\n    (layer, index) =>\n      layer.id === b[index]!.id &&\n      layer.outside === b[index]!.outside &&\n      layer.escape === b[index]!.escape,\n  )\n\nexport const bundle = Bundle.make('DismissLayer', {\n  Model,\n  Message,\n  init: () => ({ model: { layers: [] } }),\n  update: (model, message): Return => {\n    // Every press in the document reports the layers, which are usually the\n    // ones already held: keep the Model, or each click re-renders the page.\n    const next = sameLayers(model.layers, message.layers) ? model : { layers: message.layers }\n    return Message.match<Return>(message, {\n      PressedAt: ({ layers, inside }) => {\n        const ids = toDismiss(layers, inside)\n        return ids.length === 0\n          ? { model: next }\n          : { model: next, outMessage: Dismiss.make({ ids }) }\n      },\n      PressedEscape: ({ layers }) => {\n        const top = layers[layers.length - 1]\n        return top !== undefined && top.escape\n          ? { model: next, outMessage: Dismiss.make({ ids: [top.id] }) }\n          : { model: next }\n      },\n    })\n  },\n  subscriptions: () =>\n    Subscription.make<Model, Message>()(() => ({\n      document: Subscription.persistentEntry(documentEvents()),\n    })),\n})\n\nconst openLayers = (root: ParentNode): ReadonlyArray<Layer> =>\n  Array.from(root.querySelectorAll(`[${LAYER_ATTRIBUTE}]`)).map(element => ({\n    id: element.getAttribute(LAYER_ATTRIBUTE) ?? '',\n    outside: element.getAttribute(OUTSIDE_ATTRIBUTE) !== 'false',\n    escape: element.getAttribute(ESCAPE_ATTRIBUTE) !== 'false',\n  }))\n\n/** The layer ids whose element or trigger is on the event's composed path. */\nexport const layersOnPath = (path: ReadonlyArray<EventTarget>): ReadonlyArray<string> => {\n  const ids: Array<string> = []\n  for (const target of path) {\n    if (!(target instanceof Element)) continue\n    const id = target.getAttribute(LAYER_ATTRIBUTE) ?? target.getAttribute(TRIGGER_ATTRIBUTE)\n    if (id !== null && !ids.includes(id)) ids.push(id)\n  }\n  return ids\n}\n\n/**\n * The facts are read inside the listener, not after: `composedPath()` is\n * empty once dispatch has finished, and the open layers must be the ones the\n * press saw, not the ones a later render left.\n */\nconst documentEvents = (): Stream.Stream<Message> => {\n  if (typeof document === 'undefined') return Stream.empty\n  return Stream.callback<Message>(queue =>\n    Effect.acquireRelease(\n      Effect.sync(() => {\n        const onPointerDown = (event: Event) =>\n          Queue.offerUnsafe(\n            queue,\n            Message.PressedAt({\n              layers: openLayers(document),\n              inside: layersOnPath(event.composedPath()),\n            }),\n          )\n        const onKeyDown = (event: Event) => {\n          if ((event as KeyboardEvent).key !== 'Escape') return\n          Queue.offerUnsafe(queue, Message.PressedEscape({ layers: openLayers(document) }))\n        }\n        document.addEventListener('pointerdown', onPointerDown, { capture: true })\n        document.addEventListener('keydown', onKeyDown, { capture: true })\n        return { onPointerDown, onKeyDown }\n      }),\n      ({ onPointerDown, onKeyDown }) =>\n        Effect.sync(() => {\n          document.removeEventListener('pointerdown', onPointerDown, { capture: true })\n          document.removeEventListener('keydown', onKeyDown, { capture: true })\n        }),\n    ),\n  )\n}\n\nexport interface BehaviorOptions<Input, Slots> {\n  /** The layer's root, rendered only while the layer is open. */\n  readonly layer: keyof Slots & string\n  /** The element that opens the layer, so a press on it is inside. */\n  readonly trigger?: keyof Slots & string\n  readonly id: (input: Input) => string\n  /** Dismiss on a press outside. Default `true`. */\n  readonly outsidePress?: boolean\n  /** Dismiss on Escape when topmost. Default `true`. */\n  readonly escape?: boolean\n}\n\n/**\n * Marks the layer's container and trigger for the placed stack. The layer\n * takes part only while its element is rendered, so an `open` flag in the\n * parent Model is the whole lifecycle. Not for an element with `popover`,\n * which the browser dismisses itself.\n */\nexport const behavior =\n  <Field extends string>(_declared: Declared<typeof bundle, Field>) =>\n  <Slots>(slots: Slots) =>\n  <Input, ParentMessage>(\n    options: BehaviorOptions<Input, Slots>,\n  ): Behavior.NamedBehavior<Slots, Input, ParentMessage> =>\n    Behavior.forSlots(slots)<Input, ParentMessage>(\n      {\n        [options.layer]: Behavior.slot({\n          requires: { capability: Capability.Container },\n          attributes: ({\n            input,\n            h,\n          }: {\n            readonly input: Input\n            readonly h: HtmlBuilder<ParentMessage>\n          }) => [\n            h.Attribute(LAYER_ATTRIBUTE, options.id(input)),\n            ...(options.outsidePress === false ? [h.Attribute(OUTSIDE_ATTRIBUTE, 'false')] : []),\n            ...(options.escape === false ? [h.Attribute(ESCAPE_ATTRIBUTE, 'false')] : []),\n          ],\n        }),\n        ...(options.trigger === undefined\n          ? {}\n          : {\n              [options.trigger]: Behavior.slot({\n                requires: { capability: Capability.Interactive },\n                attributes: ({\n                  input,\n                  h,\n                }: {\n                  readonly input: Input\n                  readonly h: HtmlBuilder<ParentMessage>\n                }) => [h.Attribute(TRIGGER_ATTRIBUTE, options.id(input))],\n              }),\n            }),\n        // Keyed by values the caller chose; `forSlots` checks the keys exist.\n      } as unknown as Behavior.BehaviorSpec<Slots, Input, ParentMessage>,\n      { name: 'DismissLayer' },\n    )\n"],"mappings":"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"}

package/dist/interaction/editable-text.d.ts

@@ -0,0 +1,13 @@
+import { EditAsked, EditableText as mount, TextCancelled, TextCommitted, TextEdited, TextFact, TextFact as TextFact$1, textOf } from "../dom/editable-text.js";
+import { Behavior } from "foldkit-mixins";
+export interface BehaviorOptions<Slots, ParentMessage> {
+  /** The slot holding the fields. */
+  readonly container: keyof Slots & string;
+  /** The attribute that marks a field, holding its name. */
+  readonly attribute: string;
+  /** Turns each fact into the view's Message. */
+  readonly toMessage: (fact: TextFact$1) => ParentMessage;
+}
+export declare const behavior: <Slots>(slots: Slots) => <Input, ParentMessage>(options: BehaviorOptions<Slots, ParentMessage>) => Behavior.NamedBehavior<Slots, Input, ParentMessage>;
+export { EditAsked, TextCancelled, TextCommitted, TextEdited, type TextFact, mount, textOf };
+//# sourceMappingURL=editable-text.d.ts.map

package/dist/interaction/editable-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-text.d.ts","names":["TextFact"],"sources":["../../src/interaction/editable-text.ts"],"mappings":";;iBAoBiB,gBAAgB,OAAO;;WAE7B,iBAAiB;;WAEjB;;WAEA,YAAY,MAAMA,eAAa;;qBAG7B,WACV,OAAK,OAAS,WACd,OAAO,eAAa,SACV,gBAAgB,OAAO,mBAC/B,SAAS,cAAc,OAAO,OAAO"}

package/dist/interaction/editable-text.js

@@ -0,0 +1,17 @@
+import * as Mount from "foldkit/mount";
+import { EditAsked, EditableText, EditableText as mount, TextCancelled, TextCommitted, TextEdited, textOf } from "../dom/editable-text.js";
+import { Behavior, Capability } from "foldkit-mixins";
+// src/interaction/editable-text.ts
+/**
+* `EditableText` as a Behavior: attaches the `foldkit-primitives/dom` Mount to
+* a container slot and maps what it reports into the view's Messages. No
+* Bundle: the text typed is a fact, and what it changes is the parent's
+* `update`.
+*/
+const behavior = (slots) => (options) => Behavior.forSlots(slots)({ [options.container]: Behavior.slot({
+	requires: { capability: Capability.Container },
+	mount: () => Mount.mapMessage(EditableText({ attribute: options.attribute }), options.toMessage)
+}) }, { name: "EditableText" });
+export { EditAsked, TextCancelled, TextCommitted, TextEdited, behavior, mount, textOf };
+
+//# sourceMappingURL=editable-text.js.map

package/dist/interaction/editable-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-text.js","names":["EditableTextMount"],"sources":["../../src/interaction/editable-text.ts"],"sourcesContent":["/**\n * `EditableText` as a Behavior: attaches the `foldkit-primitives/dom` Mount to\n * a container slot and maps what it reports into the view's Messages. No\n * Bundle: the text typed is a fact, and what it changes is the parent's\n * `update`.\n */\nimport * as Mount from 'foldkit/mount'\nimport { Behavior, Capability } from 'foldkit-mixins'\nimport { EditableText as EditableTextMount, type TextFact } from '../dom/editable-text.js'\n\nexport {\n  EditAsked,\n  EditableText as mount,\n  TextCancelled,\n  TextCommitted,\n  TextEdited,\n  textOf,\n  type TextFact,\n} from '../dom/editable-text.js'\n\nexport interface BehaviorOptions<Slots, ParentMessage> {\n  /** The slot holding the fields. */\n  readonly container: keyof Slots & string\n  /** The attribute that marks a field, holding its name. */\n  readonly attribute: string\n  /** Turns each fact into the view's Message. */\n  readonly toMessage: (fact: TextFact) => ParentMessage\n}\n\nexport const behavior =\n  <Slots>(slots: Slots) =>\n  <Input, ParentMessage>(\n    options: BehaviorOptions<Slots, ParentMessage>,\n  ): Behavior.NamedBehavior<Slots, Input, ParentMessage> =>\n    Behavior.forSlots(slots)<Input, ParentMessage>(\n      {\n        [options.container]: Behavior.slot({\n          requires: { capability: Capability.Container },\n          mount: () =>\n            Mount.mapMessage(\n              EditableTextMount({ attribute: options.attribute }),\n              options.toMessage,\n            ),\n        }),\n        // Keyed by a value the caller chose; `forSlots` checks the key exists.\n      } as unknown as Behavior.BehaviorSpec<Slots, Input, ParentMessage>,\n      { name: 'EditableText' },\n    )\n"],"mappings":";;;;;;;;;;AA6BA,MAAa,YACH,WAEN,YAEA,SAAS,SAAS,KAAK,CAAC,CACtB,GACG,QAAQ,YAAY,SAAS,KAAK;CACjC,UAAU,EAAE,YAAY,WAAW,UAAU;CAC7C,aACE,MAAM,WACJA,aAAkB,EAAE,WAAW,QAAQ,UAAU,CAAC,GAClD,QAAQ,SACV;AACJ,CAAC,EAEH,GACA,EAAE,MAAM,eAAe,CACzB"}

package/dist/interaction/focus-scope.d.ts

@@ -0,0 +1,21 @@
+import { FocusScope as mount, tabbableWithin } from "../dom/focus-scope.js";
+import { Behavior } from "foldkit-mixins";
+export interface BehaviorOptions<Slots> {
+  readonly container: keyof Slots & string;
+  /** Keep Tab, Shift+Tab, and a stray focus inside. Default `true`. */
+  readonly contain?: boolean;
+  /** Give focus back to what had it when the container unmounts. Default `true`. */
+  readonly restore?: boolean;
+  /** A selector inside the container to focus first. */
+  readonly initialFocus?: string;
+}
+/**
+ * On insert the container focuses `initialFocus`, else its first tabbable
+ * descendant, else itself; with `contain`, Tab and Shift+Tab wrap inside and
+ * focus that lands outside comes back to the first tabbable; on unmount, with
+ * `restore`, focus returns to the element that had it. A dialog that is not
+ * a native `<dialog>`, a menu, or a command palette takes this.
+ */
+export declare const behavior: <Slots>(slots: Slots) => <Input, ParentMessage>(options: BehaviorOptions<Slots>) => Behavior.NamedBehavior<Slots, Input, ParentMessage>;
+export { mount, tabbableWithin };
+//# sourceMappingURL=focus-scope.d.ts.map

package/dist/interaction/focus-scope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-scope.d.ts","names":[],"sources":["../../src/interaction/focus-scope.ts"],"mappings":";;iBASiB,gBAAgB;WACtB,iBAAiB;;WAEjB;;WAEA;;WAEA;;;;;;;;;qBAUE,WACV,OAAK,OAAS,WACd,OAAO,eAAa,SACV,gBAAgB,WACxB,SAAS,cAAc,OAAO,OAAO"}

package/dist/interaction/focus-scope.js

@@ -0,0 +1,25 @@
+import { FocusScope, FocusScope as mount, tabbableWithin } from "../dom/focus-scope.js";
+import { Behavior, Capability } from "foldkit-mixins";
+// src/interaction/focus-scope.ts
+/**
+* `FocusScope` as a Behavior: attaches the `foldkit-primitives/dom` Mount to a
+* container slot. No Bundle, because which element has focus is a DOM fact.
+*/
+/**
+* On insert the container focuses `initialFocus`, else its first tabbable
+* descendant, else itself; with `contain`, Tab and Shift+Tab wrap inside and
+* focus that lands outside comes back to the first tabbable; on unmount, with
+* `restore`, focus returns to the element that had it. A dialog that is not
+* a native `<dialog>`, a menu, or a command palette takes this.
+*/
+const behavior = (slots) => (options) => Behavior.forSlots(slots)({ [options.container]: Behavior.slot({
+	requires: { capability: Capability.Container },
+	mount: () => FocusScope({
+		contain: options.contain ?? true,
+		restore: options.restore ?? true,
+		initialFocus: options.initialFocus ?? null
+	})
+}) }, { name: "FocusScope" });
+export { behavior, mount, tabbableWithin };
+
+//# sourceMappingURL=focus-scope.js.map

package/dist/interaction/focus-scope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-scope.js","names":["FocusScopeMount"],"sources":["../../src/interaction/focus-scope.ts"],"sourcesContent":["/**\n * `FocusScope` as a Behavior: attaches the `foldkit-primitives/dom` Mount to a\n * container slot. No Bundle, because which element has focus is a DOM fact.\n */\nimport { Behavior, Capability } from 'foldkit-mixins'\nimport { FocusScope as FocusScopeMount } from '../dom/focus-scope.js'\n\nexport { FocusScope as mount, tabbableWithin } from '../dom/focus-scope.js'\n\nexport interface BehaviorOptions<Slots> {\n  readonly container: keyof Slots & string\n  /** Keep Tab, Shift+Tab, and a stray focus inside. Default `true`. */\n  readonly contain?: boolean\n  /** Give focus back to what had it when the container unmounts. Default `true`. */\n  readonly restore?: boolean\n  /** A selector inside the container to focus first. */\n  readonly initialFocus?: string\n}\n\n/**\n * On insert the container focuses `initialFocus`, else its first tabbable\n * descendant, else itself; with `contain`, Tab and Shift+Tab wrap inside and\n * focus that lands outside comes back to the first tabbable; on unmount, with\n * `restore`, focus returns to the element that had it. A dialog that is not\n * a native `<dialog>`, a menu, or a command palette takes this.\n */\nexport const behavior =\n  <Slots>(slots: Slots) =>\n  <Input, ParentMessage>(\n    options: BehaviorOptions<Slots>,\n  ): Behavior.NamedBehavior<Slots, Input, ParentMessage> =>\n    Behavior.forSlots(slots)<Input, ParentMessage>(\n      {\n        [options.container]: Behavior.slot({\n          requires: { capability: Capability.Container },\n          mount: () =>\n            FocusScopeMount({\n              contain: options.contain ?? true,\n              restore: options.restore ?? true,\n              initialFocus: options.initialFocus ?? null,\n            }),\n        }),\n        // Keyed by a value the caller chose; `forSlots` checks the key exists.\n      } as unknown as Behavior.BehaviorSpec<Slots, Input, ParentMessage>,\n      { name: 'FocusScope' },\n    )\n"],"mappings":";;;;;;;;;;;;;;AA0BA,MAAa,YACH,WAEN,YAEA,SAAS,SAAS,KAAK,CAAC,CACtB,GACG,QAAQ,YAAY,SAAS,KAAK;CACjC,UAAU,EAAE,YAAY,WAAW,UAAU;CAC7C,aACEA,WAAgB;EACd,SAAS,QAAQ,WAAW;EAC5B,SAAS,QAAQ,WAAW;EAC5B,cAAc,QAAQ,gBAAgB;CACxC,CAAC;AACL,CAAC,EAEH,GACA,EAAE,MAAM,aAAa,CACvB"}

package/dist/interaction/focus-visible.d.ts

@@ -0,0 +1,9 @@
+import { Declared } from "foldkit-bundle";
+import { InputModality, InputModality as bundle, InputModalityModel, InputModalityModel as Model, Modality, modalityOfKey } from "../events/input-modality.js";
+import { Behavior } from "foldkit-mixins";
+export interface BehaviorOptions<Slots> {
+  readonly target: keyof Slots & string;
+}
+export declare const behavior: <Field extends string>(declared: Declared<typeof InputModality, Field>) => <Slots>(slots: Slots) => <Input extends { readonly [K in Field]: InputModalityModel; }, ParentMessage>(options: BehaviorOptions<Slots>) => Behavior.NamedBehavior<Slots, Input, ParentMessage>;
+export { Modality, type Model, bundle, modalityOfKey };
+//# sourceMappingURL=focus-visible.d.ts.map

package/dist/interaction/focus-visible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-visible.d.ts","names":[],"sources":["../../src/interaction/focus-visible.ts"],"mappings":";;;iBAeiB,gBAAgB;WACtB,cAAc;;qBAGZ,WACV,sBAAoB,UAAY,gBAAgB,eAAe,YAC/D,OAAK,OAAS,WACd,0BAA0B,KAAK,QAAQ,uBAAsB,eAAa,SAChE,gBAAgB,WACxB,SAAS,cAAc,OAAO,OAAO"}

package/dist/interaction/focus-visible.js

@@ -0,0 +1,10 @@
+import { InputModality as bundle, Modality, modalityOfKey } from "../events/input-modality.js";
+import { Behavior, Capability } from "foldkit-mixins";
+// src/interaction/focus-visible.ts
+const behavior = (declared) => (slots) => (options) => Behavior.forSlots(slots)({ [options.target]: Behavior.slot({
+	requires: { capability: Capability.Focusable },
+	attributes: ({ input, h }) => input[declared.field].modality === "keyboard" ? [h.DataAttribute("focus-visible", "true")] : []
+}) }, { name: "FocusVisible" });
+export { Modality, behavior, bundle, modalityOfKey };
+
+//# sourceMappingURL=focus-visible.js.map

package/dist/interaction/focus-visible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-visible.js","names":[],"sources":["../../src/interaction/focus-visible.ts"],"sourcesContent":["/**\n * `FocusVisible` as a Behavior over a placed `InputModality`: the target gets\n * `data-focus-visible` while the page is being driven by keyboard, so a\n * stylesheet can show a ring with `[data-focus-visible]:focus` and hide it\n * for pointer users. CSS `:focus-visible` does this without any of it; this\n * is for a design system that must decide in the Model.\n */\nimport type { HtmlBuilder } from 'foldkit/html'\nimport type { Declared } from 'foldkit-bundle'\nimport { Behavior, Capability } from 'foldkit-mixins'\nimport { InputModality, type InputModalityModel } from '../events/input-modality.js'\n\nexport { InputModality as bundle, Modality, modalityOfKey } from '../events/input-modality.js'\nexport type { InputModalityModel as Model } from '../events/input-modality.js'\n\nexport interface BehaviorOptions<Slots> {\n  readonly target: keyof Slots & string\n}\n\nexport const behavior =\n  <Field extends string>(declared: Declared<typeof InputModality, Field>) =>\n  <Slots>(slots: Slots) =>\n  <Input extends { readonly [K in Field]: InputModalityModel }, ParentMessage>(\n    options: BehaviorOptions<Slots>,\n  ): Behavior.NamedBehavior<Slots, Input, ParentMessage> =>\n    Behavior.forSlots(slots)<Input, ParentMessage>(\n      {\n        [options.target]: Behavior.slot({\n          requires: { capability: Capability.Focusable },\n          attributes: ({\n            input,\n            h,\n          }: {\n            readonly input: Input\n            readonly h: HtmlBuilder<ParentMessage>\n          }) =>\n            input[declared.field].modality === 'keyboard'\n              ? [h.DataAttribute('focus-visible', 'true')]\n              : [],\n        }),\n        // Keyed by a value the caller chose; `forSlots` checks the key exists.\n      } as unknown as Behavior.BehaviorSpec<Slots, Input, ParentMessage>,\n      { name: 'FocusVisible' },\n    )\n"],"mappings":";;;AAmBA,MAAa,YACY,cACf,WAEN,YAEA,SAAS,SAAS,KAAK,CAAC,CACtB,GACG,QAAQ,SAAS,SAAS,KAAK;CAC9B,UAAU,EAAE,YAAY,WAAW,UAAU;CAC7C,aAAa,EACX,OACA,QAKA,MAAM,SAAS,MAAM,CAAC,aAAa,aAC/B,CAAC,EAAE,cAAc,iBAAiB,MAAM,CAAC,IACzC,CAAC;AACT,CAAC,EAEH,GACA,EAAE,MAAM,eAAe,CACzB"}

package/dist/interaction/grid-navigation.d.ts

@@ -0,0 +1,73 @@
+import { Schema } from "effect";
+import { Bundle, Declared } from "foldkit-bundle";
+import { Behavior, Behaviors } from "foldkit-mixins";
+import * as RovingTabindex from "./roving-tabindex.js";
+import { KeyboardModifiers } from "foldkit/html";
+export declare const Model: Schema.Struct<{
+  /** The current cell's id, or `null` before any cell has been focused. */
+  readonly current: Schema.NullOr<Schema.String>;
+}>;
+export type Model = typeof Model.Type;
+export declare const Message: import("foldkit/message").MessageUnion<{
+  /** A cell became current: the user focused it, or a key moved there. */
+  readonly Focused: {
+    id: Schema.String;
+  };
+}>;
+export type Message = typeof Message.Type;
+export declare const Args: Schema.Struct<{
+  /** Cells per row; the last row may be short. */
+  readonly columns: Schema.Number;
+  /** Left and right continue into the previous and next row; up and down
+   *  continue into the previous and next column. Off, they stop at the edge. */
+  readonly wrap: Schema.Boolean;
+  /** Keep DOM focus on the container and point at the current cell with
+   *  `aria-activedescendant` instead of moving focus. */
+  readonly virtual: Schema.Boolean;
+}>;
+export type Args = typeof Args.Type;
+export declare const bundle: Bundle.Bundle<"GridNavigation", {
+  readonly columns: number;
+  readonly wrap: boolean;
+  readonly virtual: boolean;
+}, {
+  readonly current: string | null;
+}, {
+  readonly _tag: "Focused";
+  readonly id: string;
+}, never, never, never, void, {}, {}>;
+export interface MoveOptions {
+  readonly columns: number;
+  readonly wrap: boolean;
+  readonly direction: RovingTabindex.Direction;
+}
+/**
+ * The index the key moves to from `current` over a grid of `count` cells in
+ * rows of `columns`, skipping cells not in `enabled`, or `undefined` when the
+ * key is not a grid key. Left and right step within the row, and across rows
+ * under `wrap`; up and down step within the column, and across columns under
+ * `wrap`. Home and End are the row's first and last enabled cell; with Ctrl
+ * they are the grid's. At an edge without `wrap` the key is consumed and
+ * `current` is returned. From `-1` (nothing current) a forward key lands on
+ * the first enabled cell and a backward key on the last. Under `rtl`, left
+ * and right swap.
+ */
+export declare const move: (enabled: ReadonlyArray<number>, count: number, current: number, key: string, modifiers: KeyboardModifiers, options: MoveOptions) => number | undefined;
+export interface BehaviorOptions<Input, Slots> {
+  /** The slot that receives the arrow keys. */
+  readonly container: keyof Slots & string;
+  /** The slot rendered once per cell; must carry the cell's id (see `Behaviors.Collection`). */
+  readonly item: keyof Slots & string;
+  readonly items: (input: Input) => Behaviors.Collection.Items<unknown>;
+  /** Default `'ltr'`; return `'rtl'` to swap left and right. */
+  readonly direction?: (input: Input) => RovingTabindex.Direction;
+}
+/**
+ * Wires a placed `GridNavigation` to the slots exactly as `RovingTabindex`
+ * does, with `move` above deciding the cell: the container's arrows, Home and
+ * End focus the next cell (synchronously, then dispatch) or, under `virtual`,
+ * only dispatch and point with `aria-activedescendant`; each cell gets
+ * `tabindex` 0 or -1 and reports `Focused` when focused.
+ */
+export declare const behavior: <Field extends string>(declared: Declared<typeof bundle, Field>, args: Args) => <Slots>(slots: Slots) => <Input extends { readonly [K in Field]: Model; }, ParentMessage>(options: BehaviorOptions<Input, Slots>) => Behavior.NamedBehavior<Slots, Input, ParentMessage>;
+//# sourceMappingURL=grid-navigation.d.ts.map

package/dist/interaction/grid-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-navigation.d.ts","names":[],"sources":["../../src/interaction/grid-navigation.ts"],"mappings":";;;;;qBAiBa,OAAK,OAAA;;;;YAIN,eAAe,MAAM;qBAEpB,mCAAO;;;IAEP,IAAE,OAAA;;;YAEH,iBAAiB,QAAQ;qBAExB,MAAI,OAAA;;;;;;;;;;YAUL,cAAc,KAAK;qBAElB,QAAM,OAAA;;;;;;;;;;iBAUF;WACN;WACA;WACA,WAAW,eAAe;;;;;;;;;;;;;qBAcxB,OAAI,SACN,uBAAqB,eACjB,iBACE,aACJ,WACA,mBAAiB,SACnB;iBAyDM,gBAAgB,OAAO;;WAE7B,iBAAiB;;WAEjB,YAAY;WACZ,QAAQ,OAAO,UAAU,UAAU,WAAW;;WAE9C,aAAa,OAAO,UAAU,eAAe;;;;;;;;;qBAU3C,WACV,sBAAoB,UAAY,gBAAgB,QAAQ,QAAM,MAAQ,UACtE,OAAK,OAAS,WACd,0BAA0B,KAAK,QAAQ,UAAS,eAAa,SACnD,gBAAgB,OAAO,WAC/B,SAAS,cAAc,OAAO,OAAO"}

package/dist/interaction/grid-navigation.js

@@ -0,0 +1,137 @@
+import { Option, Schema } from "effect";
+import { defineMessageUnion } from "foldkit/message";
+import { Bundle } from "foldkit-bundle";
+import { perInput } from "../internal.js";
+import { Behavior, Capability } from "foldkit-mixins";
+import * as RovingTabindex from "./roving-tabindex.js";
+// src/interaction/grid-navigation.ts
+/**
+* Two-dimensional arrow keys over a set of items laid out in rows of
+* `columns` (a calendar grid, a color swatch picker, an emoji palette). The
+* Model slice is the current item's id, as with `RovingTabindex`, so a
+* reorder keeps the same item current. Which cell a key lands on is the pure
+* `move`; the Behavior wires it to a container slot and a per-item slot and
+* shares `RovingTabindex`'s item attributes, so the two are interchangeable
+* on a view.
+*/
+const Model = Schema.Struct({ 
+/** The current cell's id, or `null` before any cell has been focused. */
+current: Schema.NullOr(Schema.String) });
+const Message = defineMessageUnion({ 
+/** A cell became current: the user focused it, or a key moved there. */
+Focused: { id: Schema.String } });
+const Args = Schema.Struct({
+	/** Cells per row; the last row may be short. */
+	columns: Schema.Number.pipe(Schema.check(Schema.isGreaterThanOrEqualTo(1))),
+	/** Left and right continue into the previous and next row; up and down
+	*  continue into the previous and next column. Off, they stop at the edge. */
+	wrap: Schema.Boolean,
+	/** Keep DOM focus on the container and point at the current cell with
+	*  `aria-activedescendant` instead of moving focus. */
+	virtual: Schema.Boolean
+});
+const bundle = Bundle.make("GridNavigation", {
+	Model,
+	Message,
+	args: Args,
+	init: () => ({ model: { current: null } }),
+	update: (model, message) => model.current === message.id ? { model } : { model: { current: message.id } }
+});
+/**
+* The index the key moves to from `current` over a grid of `count` cells in
+* rows of `columns`, skipping cells not in `enabled`, or `undefined` when the
+* key is not a grid key. Left and right step within the row, and across rows
+* under `wrap`; up and down step within the column, and across columns under
+* `wrap`. Home and End are the row's first and last enabled cell; with Ctrl
+* they are the grid's. At an edge without `wrap` the key is consumed and
+* `current` is returned. From `-1` (nothing current) a forward key lands on
+* the first enabled cell and a backward key on the last. Under `rtl`, left
+* and right swap.
+*/
+const move = (enabled, count, current, key, modifiers, options) => {
+	if (enabled.length === 0 || modifiers.altKey || modifiers.metaKey) return void 0;
+	const first = enabled[0];
+	const last = enabled[enabled.length - 1];
+	const isEnabled = (index) => enabled.includes(index);
+	const { columns } = options;
+	const row = (index) => Math.floor(index / columns);
+	if (key === "Home" || key === "End") {
+		if (modifiers.ctrlKey || current === -1) return key === "Home" ? first : last;
+		const inRow = enabled.filter((index) => row(index) === row(current));
+		return key === "Home" ? inRow[0] ?? current : inRow[inRow.length - 1] ?? current;
+	}
+	if (modifiers.ctrlKey) return void 0;
+	const forwardKey = options.direction === "rtl" ? "ArrowLeft" : "ArrowRight";
+	const backwardKey = options.direction === "rtl" ? "ArrowRight" : "ArrowLeft";
+	const axis = key === forwardKey || key === backwardKey ? "row" : key === "ArrowDown" || key === "ArrowUp" ? "column" : void 0;
+	if (axis === void 0) return void 0;
+	const step = key === forwardKey || key === "ArrowDown" ? 1 : -1;
+	if (current === -1) return step === 1 ? first : last;
+	if (axis === "row") {
+		for (let index = current + step; index >= 0 && index < count; index += step) {
+			if (!options.wrap && row(index) !== row(current)) return current;
+			if (isEnabled(index)) return index;
+		}
+		return current;
+	}
+	const column = current % columns;
+	for (let index = current + step * columns;; index += step * columns) {
+		if (index < 0 || index >= count) {
+			if (!options.wrap) return current;
+			const nextColumn = column + step;
+			if (nextColumn < 0 || nextColumn >= columns) return current;
+			const start = step === 1 ? nextColumn : nextColumn + columns * Math.floor((count - 1 - nextColumn) / columns);
+			for (let next = start; next >= 0 && next < count; next += step * columns) if (isEnabled(next)) return next;
+			return current;
+		}
+		if (isEnabled(index)) return index;
+	}
+};
+/**
+* Wires a placed `GridNavigation` to the slots exactly as `RovingTabindex`
+* does, with `move` above deciding the cell: the container's arrows, Home and
+* End focus the next cell (synchronously, then dispatch) or, under `virtual`,
+* only dispatch and point with `aria-activedescendant`; each cell gets
+* `tabindex` 0 or -1 and reports `Focused` when focused.
+*/
+const behavior = (declared, args) => (slots) => (options) => {
+	const wrap = (id) => declared.wrapper.make(Message.Focused({ id }));
+	const slice = (input) => input[declared.field];
+	const itemsOf = perInput(options.items);
+	return Behavior.forSlots(slots)({
+		[options.container]: Behavior.slot({
+			requires: { capability: Capability.Interactive },
+			attributes: ({ input, h }) => {
+				const items = itemsOf(input);
+				const current = slice(input).current;
+				const from = current === null ? -1 : items.indexOf(current);
+				const direction = options.direction?.(input) ?? "ltr";
+				const stop = RovingTabindex.tabStop(items, current);
+				const stopId = stop === -1 ? void 0 : items.ids[stop];
+				const target = (key, modifiers) => {
+					const next = move(items.enabled, items.size, from, key, modifiers, {
+						columns: args.columns,
+						wrap: args.wrap,
+						direction
+					});
+					return next === void 0 ? void 0 : items.ids[next];
+				};
+				if (args.virtual) return [h.OnKeyDownPreventDefault((key, modifiers) => Option.map(Option.fromNullishOr(target(key, modifiers)), wrap)), ...stopId === void 0 ? [] : [h.AriaActiveDescendant(stopId)]];
+				return [h.OnKeyDownFocus((key, modifiers) => Option.map(Option.fromNullishOr(target(key, modifiers)), (id) => ({
+					focusSelector: RovingTabindex.idSelector(id),
+					message: wrap(id)
+				})))];
+			}
+		}),
+		[options.item]: Behavior.slot({
+			requires: { capability: Capability.Focusable },
+			attributes: ({ input, h, item }) => {
+				if (item === void 0) return [];
+				return RovingTabindex.itemAttributes(h, itemsOf(input), slice(input).current, item, args.virtual, wrap);
+			}
+		})
+	}, { name: "GridNavigation" });
+};
+export { Args, Message, Model, behavior, bundle, move };
+
+//# sourceMappingURL=grid-navigation.js.map

package/dist/interaction/grid-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-navigation.js","names":[],"sources":["../../src/interaction/grid-navigation.ts"],"sourcesContent":["/**\n * Two-dimensional arrow keys over a set of items laid out in rows of\n * `columns` (a calendar grid, a color swatch picker, an emoji palette). The\n * Model slice is the current item's id, as with `RovingTabindex`, so a\n * reorder keeps the same item current. Which cell a key lands on is the pure\n * `move`; the Behavior wires it to a container slot and a per-item slot and\n * shares `RovingTabindex`'s item attributes, so the two are interchangeable\n * on a view.\n */\nimport { Option, Schema } from 'effect'\nimport type { HtmlBuilder, KeyboardModifiers } from 'foldkit/html'\nimport { defineMessageUnion } from 'foldkit/message'\nimport { Bundle, type Declared } from 'foldkit-bundle'\nimport { Behavior, Behaviors, Capability, type SlotItem } from 'foldkit-mixins'\nimport * as RovingTabindex from './roving-tabindex.js'\nimport { perInput } from '../internal.js'\n\nexport const Model = Schema.Struct({\n  /** The current cell's id, or `null` before any cell has been focused. */\n  current: Schema.NullOr(Schema.String),\n})\nexport type Model = typeof Model.Type\n\nexport const Message = defineMessageUnion({\n  /** A cell became current: the user focused it, or a key moved there. */\n  Focused: { id: Schema.String },\n})\nexport type Message = typeof Message.Type\n\nexport const Args = Schema.Struct({\n  /** Cells per row; the last row may be short. */\n  columns: Schema.Number.pipe(Schema.check(Schema.isGreaterThanOrEqualTo(1))),\n  /** Left and right continue into the previous and next row; up and down\n   *  continue into the previous and next column. Off, they stop at the edge. */\n  wrap: Schema.Boolean,\n  /** Keep DOM focus on the container and point at the current cell with\n   *  `aria-activedescendant` instead of moving focus. */\n  virtual: Schema.Boolean,\n})\nexport type Args = typeof Args.Type\n\nexport const bundle = Bundle.make('GridNavigation', {\n  Model,\n  Message,\n  args: Args,\n  init: () => ({ model: { current: null } }),\n  // Moving focus by key dispatches `Focused`, and the cell's `OnFocus` reports it again.\n  update: (model, message) =>\n    model.current === message.id ? { model } : { model: { current: message.id } },\n})\n\nexport interface MoveOptions {\n  readonly columns: number\n  readonly wrap: boolean\n  readonly direction: RovingTabindex.Direction\n}\n\n/**\n * The index the key moves to from `current` over a grid of `count` cells in\n * rows of `columns`, skipping cells not in `enabled`, or `undefined` when the\n * key is not a grid key. Left and right step within the row, and across rows\n * under `wrap`; up and down step within the column, and across columns under\n * `wrap`. Home and End are the row's first and last enabled cell; with Ctrl\n * they are the grid's. At an edge without `wrap` the key is consumed and\n * `current` is returned. From `-1` (nothing current) a forward key lands on\n * the first enabled cell and a backward key on the last. Under `rtl`, left\n * and right swap.\n */\nexport const move = (\n  enabled: ReadonlyArray<number>,\n  count: number,\n  current: number,\n  key: string,\n  modifiers: KeyboardModifiers,\n  options: MoveOptions,\n): number | undefined => {\n  if (enabled.length === 0 || modifiers.altKey || modifiers.metaKey) return undefined\n  const first = enabled[0]!\n  const last = enabled[enabled.length - 1]!\n  const isEnabled = (index: number) => enabled.includes(index)\n  const { columns } = options\n  const row = (index: number) => Math.floor(index / columns)\n\n  if (key === 'Home' || key === 'End') {\n    if (modifiers.ctrlKey || current === -1) return key === 'Home' ? first : last\n    const inRow = enabled.filter(index => row(index) === row(current))\n    return key === 'Home' ? (inRow[0] ?? current) : (inRow[inRow.length - 1] ?? current)\n  }\n  if (modifiers.ctrlKey) return undefined\n\n  const forwardKey = options.direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight'\n  const backwardKey = options.direction === 'rtl' ? 'ArrowRight' : 'ArrowLeft'\n  const axis: 'row' | 'column' | undefined =\n    key === forwardKey || key === backwardKey\n      ? 'row'\n      : key === 'ArrowDown' || key === 'ArrowUp'\n        ? 'column'\n        : undefined\n  if (axis === undefined) return undefined\n  const step = key === forwardKey || key === 'ArrowDown' ? 1 : -1\n  if (current === -1) return step === 1 ? first : last\n\n  if (axis === 'row') {\n    // Reading order; without wrap the walk stops at the row's edge.\n    for (let index = current + step; index >= 0 && index < count; index += step) {\n      if (!options.wrap && row(index) !== row(current)) return current\n      if (isEnabled(index)) return index\n    }\n    return current\n  }\n  // Column-major; without wrap the walk stops at the column's edge.\n  const column = current % columns\n  for (let index = current + step * columns; ; index += step * columns) {\n    if (index < 0 || index >= count) {\n      if (!options.wrap) return current\n      const nextColumn = column + step\n      if (nextColumn < 0 || nextColumn >= columns) return current\n      // Continue from the top (or bottom) of the neighbouring column.\n      const start =\n        step === 1\n          ? nextColumn\n          : nextColumn + columns * Math.floor((count - 1 - nextColumn) / columns)\n      for (let next = start; next >= 0 && next < count; next += step * columns) {\n        if (isEnabled(next)) return next\n      }\n      return current\n    }\n    if (isEnabled(index)) return index\n  }\n}\n\nexport interface BehaviorOptions<Input, Slots> {\n  /** The slot that receives the arrow keys. */\n  readonly container: keyof Slots & string\n  /** The slot rendered once per cell; must carry the cell's id (see `Behaviors.Collection`). */\n  readonly item: keyof Slots & string\n  readonly items: (input: Input) => Behaviors.Collection.Items<unknown>\n  /** Default `'ltr'`; return `'rtl'` to swap left and right. */\n  readonly direction?: (input: Input) => RovingTabindex.Direction\n}\n\n/**\n * Wires a placed `GridNavigation` to the slots exactly as `RovingTabindex`\n * does, with `move` above deciding the cell: the container's arrows, Home and\n * End focus the next cell (synchronously, then dispatch) or, under `virtual`,\n * only dispatch and point with `aria-activedescendant`; each cell gets\n * `tabindex` 0 or -1 and reports `Focused` when focused.\n */\nexport const behavior =\n  <Field extends string>(declared: Declared<typeof bundle, Field>, args: Args) =>\n  <Slots>(slots: Slots) =>\n  <Input extends { readonly [K in Field]: Model }, ParentMessage>(\n    options: BehaviorOptions<Input, Slots>,\n  ): Behavior.NamedBehavior<Slots, Input, ParentMessage> => {\n    const wrap = (id: string): ParentMessage =>\n      declared.wrapper.make(Message.Focused({ id })) as unknown as ParentMessage\n    const slice = (input: Input): Model => input[declared.field]\n    const itemsOf = perInput(options.items)\n    return Behavior.forSlots(slots)<Input, ParentMessage>(\n      {\n        [options.container]: Behavior.slot({\n          requires: { capability: Capability.Interactive },\n          attributes: ({\n            input,\n            h,\n          }: {\n            readonly input: Input\n            readonly h: HtmlBuilder<ParentMessage>\n          }) => {\n            const items = itemsOf(input)\n            const current = slice(input).current\n            const from = current === null ? -1 : items.indexOf(current)\n            const direction = options.direction?.(input) ?? 'ltr'\n            const stop = RovingTabindex.tabStop(items, current)\n            const stopId = stop === -1 ? undefined : items.ids[stop]\n            const target = (key: string, modifiers: KeyboardModifiers): string | undefined => {\n              const next = move(items.enabled, items.size, from, key, modifiers, {\n                columns: args.columns,\n                wrap: args.wrap,\n                direction,\n              })\n              return next === undefined ? undefined : items.ids[next]\n            }\n            if (args.virtual) {\n              return [\n                h.OnKeyDownPreventDefault((key, modifiers) =>\n                  Option.map(Option.fromNullishOr(target(key, modifiers)), wrap),\n                ),\n                ...(stopId === undefined ? [] : [h.AriaActiveDescendant(stopId)]),\n              ]\n            }\n            return [\n              h.OnKeyDownFocus((key, modifiers) =>\n                Option.map(Option.fromNullishOr(target(key, modifiers)), id => ({\n                  focusSelector: RovingTabindex.idSelector(id),\n                  message: wrap(id),\n                })),\n              ),\n            ]\n          },\n        }),\n        [options.item]: Behavior.slot({\n          requires: { capability: Capability.Focusable },\n          attributes: ({\n            input,\n            h,\n            item,\n          }: {\n            readonly input: Input\n            readonly h: HtmlBuilder<ParentMessage>\n            readonly item?: SlotItem\n          }) => {\n            if (item === undefined) return []\n            return RovingTabindex.itemAttributes(\n              h,\n              itemsOf(input),\n              slice(input).current,\n              item,\n              args.virtual,\n              wrap,\n            )\n          },\n        }),\n        // Keyed by values the caller chose; `forSlots` checks both keys exist.\n      } as unknown as Behavior.BehaviorSpec<Slots, Input, ParentMessage>,\n      { name: 'GridNavigation' },\n    )\n  }\n"],"mappings":"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"}

package/dist/interaction/index.d.ts

@@ -0,0 +1,21 @@
+import * as RovingTabindex from "./roving-tabindex.js";
+import * as BundleBehavior from "./bundle-behavior.js";
+import * as DismissLayer from "./dismiss-layer.js";
+import * as EditableText from "./editable-text.js";
+import * as FocusScope from "./focus-scope.js";
+import * as FocusVisible from "./focus-visible.js";
+import * as GridNavigation from "./grid-navigation.js";
+import * as Layers from "./layers.js";
+import * as LiveAnnounce from "./live-announce.js";
+import * as ListNavigation from "./list-navigation.js";
+import * as LongPress from "./long-press.js";
+import * as Move from "./move.js";
+import * as Overlay from "./overlay.js";
+import * as Press from "./press.js";
+import * as Selection from "./selection.js";
+import * as Targets from "./targets.js";
+import * as PointerDrag from "./pointer-drag.js";
+import * as Placing from "./placing.js";
+import * as TreeNavigation from "./tree-navigation.js";
+import * as Typeahead from "./typeahead.js";
+export { BundleBehavior, DismissLayer, EditableText, FocusScope, FocusVisible, GridNavigation, Layers, ListNavigation, LiveAnnounce, LongPress, Move, Overlay, Placing, PointerDrag, Press, RovingTabindex, Selection, Targets, TreeNavigation, Typeahead };

package/dist/interaction/index.js

@@ -0,0 +1,21 @@
+import * as RovingTabindex from "./roving-tabindex.js";
+import * as BundleBehavior from "./bundle-behavior.js";
+import * as DismissLayer from "./dismiss-layer.js";
+import * as EditableText from "./editable-text.js";
+import * as FocusScope from "./focus-scope.js";
+import * as FocusVisible from "./focus-visible.js";
+import * as GridNavigation from "./grid-navigation.js";
+import * as Layers from "./layers.js";
+import * as LiveAnnounce from "./live-announce.js";
+import * as ListNavigation from "./list-navigation.js";
+import * as LongPress from "./long-press.js";
+import * as Move from "./move.js";
+import * as Overlay from "./overlay.js";
+import * as Press from "./press.js";
+import * as Selection from "./selection.js";
+import * as Targets from "./targets.js";
+import * as PointerDrag from "./pointer-drag.js";
+import * as Placing from "./placing.js";
+import * as TreeNavigation from "./tree-navigation.js";
+import * as Typeahead from "./typeahead.js";
+export { BundleBehavior, DismissLayer, EditableText, FocusScope, FocusVisible, GridNavigation, Layers, ListNavigation, LiveAnnounce, LongPress, Move, Overlay, Placing, PointerDrag, Press, RovingTabindex, Selection, Targets, TreeNavigation, Typeahead };

package/dist/interaction/layers.d.ts

@@ -0,0 +1,12 @@
+import { HideOutside as hideOutsideMount, ScrollLock as scrollLockMount } from "../dom/layers.js";
+import { Behavior } from "foldkit-mixins";
+/** Locks the document's scroll while the container is mounted; nested locks release together. */
+export declare const scrollLock: <Slots>(slots: Slots) => <Input, ParentMessage>(options: {
+  readonly container: keyof Slots & string;
+}) => Behavior.NamedBehavior<Slots, Input, ParentMessage>;
+/** Marks everything outside the container inert while it is mounted. */
+export declare const hideOutside: <Slots>(slots: Slots) => <Input, ParentMessage>(options: {
+  readonly container: keyof Slots & string;
+}) => Behavior.NamedBehavior<Slots, Input, ParentMessage>;
+export { hideOutsideMount, scrollLockMount };
+//# sourceMappingURL=layers.d.ts.map

package/dist/interaction/layers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layers.d.ts","names":[],"sources":["../../src/interaction/layers.ts"],"mappings":";;;qBA8Ba,aAhBV,OAAK,OAAS,WACd,OAAO,eAAa;WACV,iBAAiB;MACxB,SAAS,cAAc,OAAO,OAAO;;qBAgB9B,cAnBV,OAAK,OAAS,WACd,OAAO,eAAa;WACV,iBAAiB;MACxB,SAAS,cAAc,OAAO,OAAO"}

package/dist/interaction/layers.js

@@ -0,0 +1,14 @@
+import { HideOutside, HideOutside as hideOutsideMount, ScrollLock, ScrollLock as scrollLockMount } from "../dom/layers.js";
+import { Behavior, Capability } from "foldkit-mixins";
+// src/interaction/layers.ts
+const mountOn = (name, mount) => (slots) => (options) => Behavior.forSlots(slots)({ [options.container]: Behavior.slot({
+	requires: { capability: Capability.Container },
+	mount
+}) }, { name });
+/** Locks the document's scroll while the container is mounted; nested locks release together. */
+const scrollLock = mountOn("ScrollLock", () => ScrollLock());
+/** Marks everything outside the container inert while it is mounted. */
+const hideOutside = mountOn("HideOutside", () => HideOutside());
+export { hideOutside, hideOutsideMount, scrollLock, scrollLockMount };
+
+//# sourceMappingURL=layers.js.map

package/dist/interaction/layers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layers.js","names":["ScrollLockMount","HideOutsideMount"],"sources":["../../src/interaction/layers.ts"],"sourcesContent":["/**\n * `ScrollLock` and `HideOutside` as Behaviors: each attaches its\n * `foldkit-primitives/dom` Mount to a container slot. No Bundle, because the\n * lock and the inert set are document facts Foldkit already refcounts and\n * keys.\n */\nimport type { MountAction } from 'foldkit/mount'\nimport { Behavior, Capability } from 'foldkit-mixins'\nimport { HideOutside as HideOutsideMount, ScrollLock as ScrollLockMount } from '../dom/layers.js'\n\nexport { HideOutside as hideOutsideMount, ScrollLock as scrollLockMount } from '../dom/layers.js'\n\nconst mountOn =\n  (name: string, mount: () => MountAction<never>) =>\n  <Slots>(slots: Slots) =>\n  <Input, ParentMessage>(options: {\n    readonly container: keyof Slots & string\n  }): Behavior.NamedBehavior<Slots, Input, ParentMessage> =>\n    Behavior.forSlots(slots)<Input, ParentMessage>(\n      {\n        [options.container]: Behavior.slot({\n          requires: { capability: Capability.Container },\n          mount,\n        }),\n        // Keyed by a value the caller chose; `forSlots` checks the key exists.\n      } as unknown as Behavior.BehaviorSpec<Slots, Input, ParentMessage>,\n      { name },\n    )\n\n/** Locks the document's scroll while the container is mounted; nested locks release together. */\nexport const scrollLock = mountOn('ScrollLock', () => ScrollLockMount())\n\n/** Marks everything outside the container inert while it is mounted. */\nexport const hideOutside = mountOn('HideOutside', () => HideOutsideMount())\n"],"mappings":";;;AAYA,MAAM,WACH,MAAc,WACP,WACe,YAGrB,SAAS,SAAS,KAAK,CAAC,CACtB,GACG,QAAQ,YAAY,SAAS,KAAK;CACjC,UAAU,EAAE,YAAY,WAAW,UAAU;CAC7C;AACF,CAAC,EAEH,GACA,EAAE,KAAK,CACT;;AAGJ,MAAa,aAAa,QAAQ,oBAAoBA,WAAgB,CAAC;;AAGvE,MAAa,cAAc,QAAQ,qBAAqBC,YAAiB,CAAC"}

package/dist/interaction/list-navigation.d.ts

@@ -0,0 +1,105 @@
+import { Schema } from "effect";
+import { Bundle, Declared } from "foldkit-bundle";
+import { Behavior, Behaviors } from "foldkit-mixins";
+import * as RovingTabindex from "./roving-tabindex.js";
+import { KeyboardModifiers } from "foldkit/html";
+export declare const Model: Schema.Struct<{
+  readonly current: Schema.NullOr<Schema.String>;
+  readonly query: Schema.String;
+  readonly generation: Schema.Number;
+}>;
+export type Model = typeof Model.Type;
+export declare const Message: import("foldkit/message").MessageUnion<{
+  /** An item became current: focused, or reached by a key. */
+  readonly Focused: {
+    id: Schema.String;
+  };
+  /** A printable key extended the query; `match` is the item it now picks, if any. */
+  readonly Typed: {
+    char: Schema.String;
+    match: Schema.NullOr<Schema.String>;
+  };
+  readonly Expired: {
+    generation: Schema.Number;
+  };
+  readonly Cleared: {};
+}>;
+export type Message = typeof Message.Type;
+export declare const Args: Schema.Struct<{
+  readonly orientation: Schema.Literals<readonly ["vertical", "horizontal", "both"]>;
+  readonly loop: Schema.Boolean;
+  readonly virtual: Schema.Boolean;
+  /** How long the typeahead query survives after the last key. */
+  readonly timeoutMs: Schema.Number;
+  /** How many enabled items PageUp and PageDown move. */
+  readonly page: Schema.Number;
+}>;
+export type Args = typeof Args.Type;
+export declare const bundle: Bundle.Bundle<"ListNavigation", {
+  readonly orientation: "both" | "horizontal" | "vertical";
+  readonly loop: boolean;
+  readonly virtual: boolean;
+  readonly timeoutMs: number;
+  readonly page: number;
+}, {
+  readonly current: string | null;
+  readonly query: string;
+  readonly generation: number;
+}, {
+  readonly _tag: "Cleared";
+} | {
+  readonly _tag: "Expired";
+  readonly generation: number;
+} | {
+  readonly _tag: "Focused";
+  readonly id: string;
+} | {
+  readonly _tag: "Typed";
+  readonly char: string;
+  readonly match: string | null;
+}, never, never, never, void, {}, {}>;
+export interface BehaviorOptions<Input, Slots, ParentMessage> {
+  readonly container: keyof Slots & string;
+  /** The slot rendered once per item; must carry the item's id (see `Behaviors.Collection`). */
+  readonly item: keyof Slots & string;
+  readonly items: (input: Input) => Behaviors.Collection.Items<unknown>;
+  /** The text an item is matched by when typing. */
+  readonly text: (input: Input, index: number) => string;
+  readonly direction?: (input: Input) => RovingTabindex.Direction;
+  /**
+   * Whether a printable key moves the pointer. Off when the container is a
+   * text field: letters belong to the field, and arrows still navigate.
+   * Defaults to on.
+   */
+  readonly typeahead?: boolean;
+  /**
+   * Enter on the current enabled item. One handler with the arrows: a second
+   * key handler on the same slot would be a second owner of `keydown`.
+   */
+  readonly commit?: (input: Input, id: string) => ParentMessage;
+}
+/**
+ * The key's outcome, before it is turned into an attribute: navigation to an
+ * id, a typed character with its match, or nothing.
+ */
+export type KeyOutcome = {
+  readonly _tag: 'Navigate';
+  readonly id: string;
+} | {
+  readonly _tag: 'Type';
+  readonly char: string;
+  readonly match: string | null;
+};
+export declare const keyOutcome: (items: Behaviors.Collection.Items<unknown>, texts: ReadonlyArray<string>, state: {
+  readonly current: string | null;
+  readonly query: string;
+}, key: string, modifiers: KeyboardModifiers, options: RovingTabindex.MoveOptions) => KeyOutcome | undefined;
+/**
+ * Wires a placed `ListNavigation` to the slots. The container gets one key
+ * handler: arrows, Home, End, PageUp and PageDown move by id; a printable key
+ * extends the query and moves to its match. Each item gets `tabindex` and
+ * `OnFocus` as under `RovingTabindex`. Under `virtual` nothing takes DOM focus
+ * and the container carries `aria-activedescendant`.
+ */
+export declare const behavior: <Field extends string>(declared: Declared<typeof bundle, Field>, args: Args) => <Slots>(slots: Slots) => <Input extends { readonly [K in Field]: Model; }, ParentMessage>(options: BehaviorOptions<Input, Slots, ParentMessage>) => Behavior.NamedBehavior<Slots, Input, ParentMessage>;
+//# sourceMappingURL=list-navigation.d.ts.map

package/dist/interaction/list-navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-navigation.d.ts","names":[],"sources":["../../src/interaction/list-navigation.ts"],"mappings":";;;;;qBAkBa,OAAK,OAAA;;;;;YAKN,eAAe,MAAM;qBAEpB,mCAAO;;;IAEP,IAAE,OAAA;;;;IAEJ,MAAI,OAAA;IAAiB,OAAK,OAAA,OAAA,OAAA;;;IACxB,YAAU,OAAA;;;;YAGX,iBAAiB,QAAQ;qBAExB,MAAI,OAAA;;;;;;;;;YAYL,cAAc,KAAK;qBAElB,QAAM,OAAA;;;;;;;;;;;;;;;;;;;;;;;iBA6BF,gBAAgB,OAAO,OAAO;WACpC,iBAAiB;;WAEjB,YAAY;WACZ,QAAQ,OAAO,UAAU,UAAU,WAAW;;WAE9C,OAAO,OAAO,OAAO;WACrB,aAAa,OAAO,UAAU,eAAe;;;;;;WAM7C;;;;;WAKA,UAAU,OAAO,OAAO,eAAe;;;;;;YAOtC;WACG;WAA2B;;WAC3B;WAAuB;WAAuB;;qBAEhD,aAAU,OACd,UAAU,WAAW,gBAAc,OACnC,uBAAqB;WACV;WAAiC;GAAe,aACvD,WACA,mBAAiB,SACnB,eAAe,gBACvB;;;;;;;;qBAkBU,WACV,sBAAoB,UAAY,gBAAgB,QAAQ,QAAM,MAAQ,UACtE,OAAK,OAAS,WACd,0BAA0B,KAAK,QAAQ,UAAS,eAAa,SACnD,gBAAgB,OAAO,OAAO,mBACtC,SAAS,cAAc,OAAO,OAAO"}