foldkit 0.101.0 → 0.102.0

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

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

package/dist/ui/slider/index.js

@@ -1,5 +1,5 @@
-import { Effect, Equal, Match as M, Option, Schema as S, Stream, String as String_, pipe, } from 'effect';
-import { createLazy, html, } from '../../html/index.js';
+import { Effect, Equal, Function, Match as M, Option, Schema as S, Stream, String as String_, pipe, } from 'effect';
+import { childAttributes, defineView, html, } from '../../html/index.js';
 import { m } from '../../message/index.js';
 import * as Subscription from '../../runtime/subscription.js';
 import { ts } from '../../schema/index.js';
@@ -53,11 +53,12 @@ export const Message = S.Union([
     PressedKeyboardNavigation,
 ]);
 // OUT MESSAGE
-/** Emitted when the slider value changes. The parent uses this to react to
- *  value updates — e.g. to run validation or trigger a side effect. */
-export const ChangedValue = ts('ChangedValue', { value: S.Number });
+/** Emitted when the slider value changes. The parent can handle this to
+ *  update its own state or dispatch its own Commands, for example to run
+ *  validation or trigger a downstream Command. */
+export const ChangedValue = m('ChangedValue', { value: S.Number });
 /** Union of all out-messages the slider component can emit to its parent. */
-export const OutMessage = ChangedValue;
+export const OutMessage = S.Union([ChangedValue]);
 /** Creates an initial slider model from a config. The initial value is
  *  snapped to the step and clamped into range. */
 export const init = (config) => ({
@@ -129,13 +130,13 @@ export const update = (model, message) => M.value(message).pipe(withUpdateReturn
     // off-center on a non-zero-width thumb.
     PressedPointer: ({ value }) => M.value(model.dragState).pipe(withUpdateReturn, M.tag('Dragging', () => [model, [], Option.none()]), M.orElse(() => {
         const snapped = snapAndClamp(value, model.min, model.max, model.step);
-        const [modelWithValue, commands, maybeOut] = withValue(model, snapped, []);
+        const [modelWithValue, commands, maybeOutMessage] = withValue(model, snapped, []);
         return [
             evo(modelWithValue, {
                 dragState: () => Dragging({ originValue: model.value }),
             }),
             commands,
-            maybeOut,
+            maybeOutMessage,
         ];
     })),
     MovedDragPointer: ({ value }) => M.value(model.dragState).pipe(withUpdateReturn, M.tag('Dragging', () => withValue(model, snapAndClamp(value, model.min, model.max, model.step), [])), M.orElse(() => [model, [], Option.none()])),
@@ -152,23 +153,23 @@ export const update = (model, message) => M.value(message).pipe(withUpdateReturn
     }), M.orElse(() => [model, [], Option.none()])),
     PressedKeyboardNavigation: ({ direction }) => withValue(model, nextValueForDirection(model, direction), []),
 }));
-/** Updates the slider's range. Snaps and clamps the current value into the
- *  new range. Use this when min/max derive from external state (e.g. a
- *  bounded buffer whose first/last index shifts over time). Unlike `setValue`,
- *  this runs even while the user is Dragging: a structural range change
- *  cannot leave the value out of bounds. */
-export const setRange = (model, range) => evo(model, {
+/** Reflects an externally-driven range onto the slider. Snaps and clamps the
+ *  current value into the new range. Use this when min/max derive from
+ *  external state (e.g. a bounded buffer whose first/last index shifts over
+ *  time). Unlike `reflectValue`, this runs even while the user is Dragging: a
+ *  structural range change cannot leave the value out of bounds. */
+export const reflectRange = Function.dual(2, (model, range) => evo(model, {
     min: () => range.min,
     max: () => range.max,
     value: current => snapAndClamp(current, range.min, range.max, model.step),
-});
-/** Sets the slider's value, snapped and clamped into the current range.
- *  No-op while the user is actively dragging. drag state owns the value.
- *  Does not emit `ChangedValue`; use when the value is being driven by
+}));
+/** Reflects an externally-driven value onto the slider, snapped and clamped
+ *  into range; a no-op while the user is dragging, since drag state owns the
+ *  value. Does not emit `ChangedValue`; use when the value is being driven by
  *  external state rather than user input. */
-export const setValue = (model, value) => M.value(model.dragState).pipe(M.withReturnType(), M.tag('Dragging', () => model), M.orElse(() => evo(model, {
+export const reflectValue = Function.dual(2, (model, value) => M.value(model.dragState).pipe(M.withReturnType(), M.tag('Dragging', () => model), M.orElse(() => evo(model, {
     value: () => snapAndClamp(value, model.min, model.max, model.step),
-})));
+}))));
 // SUBSCRIPTION
 const DragActivity = S.Literals(['Idle', 'Active']);
 const dragActivityFromModel = (model) => M.value(model.dragState).pipe(M.withReturnType(), M.tag('Dragging', () => 'Active'), M.orElse(() => 'Idle'));
@@ -237,21 +238,21 @@ const keyToDirection = (key) => M.value(key).pipe(M.withReturnType(), M.whenOr('
 const percentString = (fraction) => `${Math.round(fraction * 10000) / 100}%`;
 /** Renders an accessible slider by building ARIA attribute groups and
  *  delegating layout to the consumer's `toView` callback. Follows the
- *  WAI-ARIA slider pattern — role="slider" on the thumb, aria-valuemin /
+ *  WAI-ARIA slider pattern: role="slider" on the thumb, aria-valuemin /
  *  aria-valuemax / aria-valuenow, keyboard navigation by step / page / home /
  *  end. Pointer drag is handled by the component's drag subscriptions. */
-export const view = (config) => {
+export const view = defineView((model, viewInputs) => {
     const h = html();
-    const { model, toParentMessage, formatValue, isDisabled = false, name, getTrackRoot = () => document, } = config;
+    const { formatValue, isDisabled = false, name, getTrackRoot = () => document, } = viewInputs;
     const { id, value, min, max } = model;
     const isDragging = model.dragState._tag === 'Dragging';
     const fraction = fractionOfValue(model);
-    const handleKeyDown = (key) => Option.map(keyToDirection(key), direction => toParentMessage(PressedKeyboardNavigation({ direction })));
-    const pointerAtClientX = (clientX) => Option.map(trackElement(id, getTrackRoot()), element => toParentMessage(PressedPointer({
+    const handleKeyDown = (key) => Option.map(keyToDirection(key), direction => PressedKeyboardNavigation({ direction }));
+    const pointerAtClientX = (clientX) => Option.map(trackElement(id, getTrackRoot()), element => PressedPointer({
         value: valueFromClientX(clientX, element, min, max),
-    })));
+    }));
     const trackPointerHandler = (_pointerType, button, _screenX, _screenY, _timeStamp, clientX) => pipe(button, Option.liftPredicate(Equal.equals(LEFT_MOUSE_BUTTON)), Option.flatMap(() => pointerAtClientX(clientX)));
-    const thumbPointerHandler = (_pointerType, button) => pipe(button, Option.liftPredicate(Equal.equals(LEFT_MOUSE_BUTTON)), Option.map(() => toParentMessage(PressedThumb())));
+    const thumbPointerHandler = (_pointerType, button) => pipe(button, Option.liftPredicate(Equal.equals(LEFT_MOUSE_BUTTON)), Option.map(() => PressedThumb()));
     const stateAttributes = [
         ...(isDragging ? [h.DataAttribute('dragging', '')] : []),
         ...(isDisabled ? [h.DataAttribute('disabled', '')] : []),
@@ -282,11 +283,11 @@ export const view = (config) => {
         ...stateAttributes,
     ];
     const resolveThumbLabel = () => {
-        if (config.ariaLabel !== undefined) {
-            return [h.AriaLabel(config.ariaLabel)];
+        if (viewInputs.ariaLabel !== undefined) {
+            return [h.AriaLabel(viewInputs.ariaLabel)];
         }
-        else if (config.ariaLabelledBy !== undefined) {
-            return [h.AriaLabelledBy(config.ariaLabelledBy)];
+        else if (viewInputs.ariaLabelledBy !== undefined) {
+            return [h.AriaLabelledBy(viewInputs.ariaLabelledBy)];
         }
         else {
             return [h.AriaLabelledBy(labelId(id))];
@@ -324,22 +325,12 @@ export const view = (config) => {
     const hiddenInputAttributes = name !== undefined
         ? [h.Type('hidden'), h.Name(name), h.Value(value.toString())]
         : [];
-    return config.toView({
-        root: rootAttributes,
-        track: trackAttributes,
-        filledTrack: filledTrackAttributes,
-        thumb: thumbAttributes,
-        label: labelAttributes,
-        hiddenInput: hiddenInputAttributes,
+    return viewInputs.toView({
+        root: childAttributes(rootAttributes),
+        track: childAttributes(trackAttributes),
+        filledTrack: childAttributes(filledTrackAttributes),
+        thumb: childAttributes(thumbAttributes),
+        label: childAttributes(labelAttributes),
+        hiddenInput: childAttributes(hiddenInputAttributes),
     });
-};
-/** Creates a memoized slider view. Static config is captured in a closure;
- *  only `model` and `toParentMessage` are compared per render via `createLazy`. */
-export const lazy = (staticConfig) => {
-    const lazyView = createLazy();
-    return (model, toParentMessage) => lazyView((currentModel, currentToParentMessage) => view({
-        ...staticConfig,
-        model: currentModel,
-        toParentMessage: currentToParentMessage,
-    }), [model, toParentMessage]);
-};
+});

package/dist/ui/slider/public.d.ts

@@ -1,3 +1,3 @@
-export { init, update, setRange, setValue, view, lazy, subscriptions, subscriptionsForRoot, fractionOfValue, Model, Message, OutMessage, } from './index.js';
-export type { InitConfig, ViewConfig, SliderAttributes, PressedThumb, PressedPointer, MovedDragPointer, ReleasedDragPointer, CancelledDrag, PressedKeyboardNavigation, } from './index.js';
+export { init, update, reflectRange, reflectValue, view, subscriptions, subscriptionsForRoot, fractionOfValue, Model, Message, OutMessage, } from './index.js';
+export type { InitConfig, ViewInputs, SliderAttributes, PressedThumb, PressedPointer, MovedDragPointer, ReleasedDragPointer, CancelledDrag, PressedKeyboardNavigation, } from './index.js';
 //# sourceMappingURL=public.d.ts.map

package/dist/ui/slider/public.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/slider/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,KAAK,EACL,OAAO,EACP,UAAU,GACX,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,yBAAyB,GAC1B,MAAM,YAAY,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/slider/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,IAAI,EACJ,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,KAAK,EACL,OAAO,EACP,UAAU,GACX,MAAM,YAAY,CAAA;AAEnB,YAAY,EACV,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,yBAAyB,GAC1B,MAAM,YAAY,CAAA"}

package/dist/ui/slider/public.js

@@ -1 +1 @@
-export { init, update, setRange, setValue, view, lazy, subscriptions, subscriptionsForRoot, fractionOfValue, Model, Message, OutMessage, } from './index.js';
+export { init, update, reflectRange, reflectValue, view, subscriptions, subscriptionsForRoot, fractionOfValue, Model, Message, OutMessage, } from './index.js';

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAExD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EACL,KAAK,SAAS,EACd,KAAK,IAAI,EAGV,MAAM,qBAAqB,CAAA;AAM5B,qFAAqF;AACrF,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,oEAAoE;AACpE,eAAO,MAAM,OAAO,qEAAe,CAAA;AAEnC,gEAAgE;AAChE,eAAO,MAAM,OAAO,qEAAU,CAAA;AAE9B,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC,6DAA6D;AAC7D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC,CAAA;AAEF,4EAA4E;AAC5E,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAIF,0EAA0E;AAC1E,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,UAAU,OAAO,KAChB,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAGlD,CAAA;AAID,0FAA0F;AAC1F,MAAM,MAAM,gBAAgB,CAAC,aAAa,IAAI,QAAQ,CAAC;IACrD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAC/C,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAC9C,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IACpD,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;CACrD,CAAC,CAAA;AAEF,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,KAAK,EAAE,KAAK,CAAA;IACZ,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,aAAa,CAAA;IACpD,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAKF,uIAAuI;AACvI,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,QAAQ,UAAU,CAAC,aAAa,CAAC,KAChC,IAwDF,CAAA;AAED;mFACmF;AACnF,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,cAAc,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAC,KACzE,CAAC,CACF,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,iBAAiB,CAAC,KAC1D,IAAI,CAgBR,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAElE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,IAAI,EAIV,MAAM,qBAAqB,CAAA;AAG5B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAIzD,qFAAqF;AACrF,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,oEAAoE;AACpE,eAAO,MAAM,OAAO,qEAAe,CAAA;AAEnC;;;kDAGkD;AAClD,eAAO,MAAM,UAAU;;EAA4C,CAAA;AAEnE,gEAAgE;AAChE,eAAO,MAAM,OAAO;;IAAiC,CAAA;AAErD,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAE/C,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC;;;4CAG4C;AAC5C,eAAO,MAAM,cAAc;;EAAgD,CAAA;AAE3E;;kBAEkB;AAClB,eAAO,MAAM,UAAU;;IAA4B,CAAA;AAEnD,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC,IAAI,CAAA;AACvD,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAI/C,6DAA6D;AAC7D,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC,CAAA;AAEF,4EAA4E;AAC5E,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAIF;oEACoE;AACpE,eAAO,MAAM,MAAM,GACjB,OAAO,KAAK,EACZ,SAAS,OAAO,KACf,SAAS,CACV,KAAK,EACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAC/B,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAyBxB,CAAA;AAEH;;yDAEyD;AACzD,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,WAAW,OAAO,KACjB,SAAS,CACV,KAAK,EACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAC/B,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CACkB,CAAA;AAE7C;;;;;;4EAM4E;AAC5E,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,CAIlD,CAAA;AAID;;;;qBAIqB;AACrB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,MAAM,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IACrC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IACpC,WAAW,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAC1C,WAAW,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;CAC3C,CAAC,CAAA;AAEF,qFAAqF;AACrF,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC,CAAA;AAKF;;uCAEuC;AACvC,eAAO,MAAM,IAAI;;;;;;;;;YAZP,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI;iBACjC,OAAO;WACb,MAAM;YACL,MAAM;GA2Df,CAAA"}

package/dist/ui/switch/index.js

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

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

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

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

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

package/dist/ui/switch/public.js

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