foldkit 0.100.1 → 0.102.0

package/dist/ui/dragAndDrop/index.js

@@ -3,7 +3,7 @@ import * as Command from '../../command/index.js';
 import * as Dom from '../../dom/index.js';
 import { html } from '../../html/index.js';
 import { m } from '../../message/index.js';
-import { makeSubscriptions } from '../../runtime/subscription.js';
+import * as Subscription from '../../runtime/subscription.js';
 import { ts } from '../../schema/index.js';
 import { evo } from '../../struct/index.js';
 // MODEL
@@ -96,7 +96,7 @@ export const PressedArrowKey = m('PressedArrowKey', {
     ]),
 });
 /** An animation frame fired during auto-scroll. */
-export const CompletedAutoScroll = m('CompletedAutoScroll');
+export const AdvancedAutoScrollFrame = m('AdvancedAutoScrollFrame');
 /** The FocusItem Command completed. */
 export const CompletedFocusItem = m('CompletedFocusItem');
 /** Union of all messages the drag-and-drop component can produce. */
@@ -109,12 +109,12 @@ export const Message = S.Union([
     ResolvedKeyboardMove,
     ConfirmedKeyboardDrop,
     PressedArrowKey,
-    CompletedAutoScroll,
+    AdvancedAutoScrollFrame,
     CompletedFocusItem,
 ]);
 // OUT MESSAGE
 /** Emitted when a drag completes with a valid drop target. The parent uses this to commit the reorder. */
-export const Reordered = ts('Reordered', {
+export const Reordered = m('Reordered', {
     itemId: S.String,
     fromContainerId: S.String,
     fromIndex: S.Number,
@@ -122,7 +122,7 @@ export const Reordered = ts('Reordered', {
     toIndex: S.Number,
 });
 /** Emitted when a drag is cancelled via Escape or pointer release without a drop target. */
-export const Cancelled = ts('Cancelled');
+export const Cancelled = m('Cancelled');
 /** Union of all out-messages the drag-and-drop component can emit to its parent. */
 export const OutMessage = S.Union([Reordered, Cancelled]);
 // INIT
@@ -323,7 +323,7 @@ export const update = (model, message) => M.value(message).pipe(withUpdateReturn
         ],
         Option.none(),
     ]), M.orElse(() => [model, [], Option.none()])),
-    CompletedAutoScroll: () => [model, [], Option.none()],
+    AdvancedAutoScrollFrame: () => [model, [], Option.none()],
     CompletedFocusItem: () => [model, [], Option.none()],
 }));
 // SUBSCRIPTION
@@ -365,22 +365,12 @@ const autoScroll = (clientY) => {
 const pointerDragActivityFromModel = (model) => M.value(model.dragState).pipe(M.withReturnType(), M.tag('Pending', 'Dragging', () => 'Active'), M.orElse(() => 'Idle'));
 const dragActivityFromModel = (model) => M.value(model.dragState).pipe(M.withReturnType(), M.tag('Idle', () => 'Idle'), M.orElse(() => 'Active'));
 const keyboardDragActivityFromModel = (model) => M.value(model.dragState).pipe(M.withReturnType(), M.tag('KeyboardDragging', () => 'Active'), M.orElse(() => 'Idle'));
-/** Schema describing the subscription dependencies for document-level drag tracking. */
-export const SubscriptionDependencies = S.Struct({
-    documentPointer: S.Struct({
+/** Document-level subscriptions for pointer and keyboard events during drag operations. */
+export const subscriptions = Subscription.make()(entry => ({
+    documentPointer: entry({
         dragActivity: PointerDragActivity,
         orientation: Orientation,
-    }),
-    documentEscape: S.Struct({ dragActivity: DragActivity }),
-    documentKeyboard: S.Struct({ dragActivity: KeyboardDragActivity }),
-    autoScroll: S.Struct({
-        isDragging: S.Boolean,
-        clientY: S.Number,
-    }),
-});
-/** Document-level subscriptions for pointer and keyboard events during drag operations. */
-export const subscriptions = makeSubscriptions(SubscriptionDependencies)({
-    documentPointer: {
+    }, {
         modelToDependencies: model => ({
             dragActivity: pointerDragActivityFromModel(model),
             orientation: model.orientation,
@@ -410,20 +400,20 @@ export const subscriptions = makeSubscriptions(SubscriptionDependencies)({
             })).pipe(Effect.flatMap(() => Effect.never)));
             return Stream.when(Stream.merge(pointerEvents, documentDragStyles), Effect.sync(() => dragActivity === 'Active'));
         },
-    },
-    documentEscape: {
+    }),
+    documentEscape: entry({ dragActivity: DragActivity }, {
         modelToDependencies: model => ({
             dragActivity: dragActivityFromModel(model),
         }),
         dependenciesToStream: ({ dragActivity }) => Stream.when(Stream.fromEventListener(document, 'keydown').pipe(Stream.filter(({ key }) => key === 'Escape'), Stream.map(() => CancelledDrag())), Effect.sync(() => dragActivity === 'Active')),
-    },
-    documentKeyboard: {
+    }),
+    documentKeyboard: entry({ dragActivity: KeyboardDragActivity }, {
         modelToDependencies: model => ({
             dragActivity: keyboardDragActivityFromModel(model),
         }),
         dependenciesToStream: ({ dragActivity }) => Stream.when(Stream.fromEventListener(document, 'keydown').pipe(Stream.mapEffect((event) => Effect.sync(() => {
             // NOTE: the draggable's OnKeyDownPreventDefault calls preventDefault on
-            // the Space that activates keyboard drag — skip it here so the same
+            // the Space that activates keyboard drag. Skip it here so the same
             // keypress doesn't also confirm the drop in the same tick.
             if (event.defaultPrevented) {
                 return Option.none();
@@ -445,27 +435,32 @@ export const subscriptions = makeSubscriptions(SubscriptionDependencies)({
                 return PressedArrowKey({ direction });
             });
         })), Stream.filter(Option.isSome), Stream.map(option => option.value)), Effect.sync(() => dragActivity === 'Active')),
-    },
-    autoScroll: {
+    }),
+    autoScroll: entry({
+        isDragging: S.Boolean,
+        clientY: S.Number,
+    }, {
         modelToDependencies: model => ({
             isDragging: model.dragState._tag === 'Dragging',
             clientY: model.dragState._tag === 'Dragging'
                 ? model.dragState.current.clientY
                 : 0,
         }),
-        equivalence: Equivalence.Struct({ isDragging: Equivalence.Boolean }),
+        keepAliveEquivalence: Equivalence.Struct({
+            isDragging: Equivalence.Boolean,
+        }),
         dependenciesToStream: ({ isDragging }, readDependencies) => Stream.when(Stream.callback(queue => Effect.acquireRelease(Effect.sync(() => {
             const ref = { id: 0 };
             const step = () => {
                 autoScroll(readDependencies().clientY);
-                Queue.offerUnsafe(queue, CompletedAutoScroll());
+                Queue.offerUnsafe(queue, AdvancedAutoScrollFrame());
                 ref.id = requestAnimationFrame(step);
             };
             ref.id = requestAnimationFrame(step);
             return ref;
         }), ref => Effect.sync(() => cancelAnimationFrame(ref.id))).pipe(Effect.flatMap(() => Effect.never))), Effect.sync(() => isDragging)),
-    },
-});
+    }),
+}));
 // VIEW
 const LEFT_MOUSE_BUTTON = 0;
 const arrowKeyToDirection = (key) => M.value(key).pipe(M.withReturnType(), M.when('ArrowUp', () => 'Up'), M.when('ArrowDown', () => 'Down'), M.when('ArrowLeft', () => 'Left'), M.when('ArrowRight', () => 'Right'), M.option);

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

@@ -1,3 +1,3 @@
-export { init, update, draggable, droppable, sortable, ghostStyle, isDragging, maybeDraggedItemId, maybeDropTarget, subscriptions, SubscriptionDependencies, Model, Message, OutMessage, PressedDraggable, MovedPointer, ReleasedPointer, CancelledDrag, ActivatedKeyboardDrag, ResolvedKeyboardMove, ConfirmedKeyboardDrop, PressedArrowKey, CompletedAutoScroll, CompletedFocusItem, FocusItem, ResolveKeyboardMove, Reordered, Cancelled, } from './index.js';
+export { init, update, draggable, droppable, sortable, ghostStyle, isDragging, maybeDraggedItemId, maybeDropTarget, subscriptions, Model, Message, OutMessage, PressedDraggable, MovedPointer, ReleasedPointer, CancelledDrag, ActivatedKeyboardDrag, ResolvedKeyboardMove, ConfirmedKeyboardDrop, PressedArrowKey, AdvancedAutoScrollFrame, CompletedFocusItem, FocusItem, ResolveKeyboardMove, Reordered, Cancelled, } from './index.js';
 export type { InitConfig, DraggableConfig, DraggableMessage } from './index.js';
 //# sourceMappingURL=public.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/dragAndDrop/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,wBAAwB,EACxB,KAAK,EACL,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,SAAS,EACT,SAAS,GACV,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/dragAndDrop/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,SAAS,EACT,SAAS,EACT,QAAQ,EACR,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,KAAK,EACL,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACpB,qBAAqB,EACrB,eAAe,EACf,uBAAuB,EACvB,kBAAkB,EAClB,SAAS,EACT,mBAAmB,EACnB,SAAS,EACT,SAAS,GACV,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA"}

package/dist/ui/dragAndDrop/public.js

@@ -1 +1 @@
-export { init, update, draggable, droppable, sortable, ghostStyle, isDragging, maybeDraggedItemId, maybeDropTarget, subscriptions, SubscriptionDependencies, Model, Message, OutMessage, PressedDraggable, MovedPointer, ReleasedPointer, CancelledDrag, ActivatedKeyboardDrag, ResolvedKeyboardMove, ConfirmedKeyboardDrop, PressedArrowKey, CompletedAutoScroll, CompletedFocusItem, FocusItem, ResolveKeyboardMove, Reordered, Cancelled, } from './index.js';
+export { init, update, draggable, droppable, sortable, ghostStyle, isDragging, maybeDraggedItemId, maybeDropTarget, subscriptions, Model, Message, OutMessage, PressedDraggable, MovedPointer, ReleasedPointer, CancelledDrag, ActivatedKeyboardDrag, ResolvedKeyboardMove, ConfirmedKeyboardDrop, PressedArrowKey, AdvancedAutoScrollFrame, CompletedFocusItem, FocusItem, ResolveKeyboardMove, Reordered, Cancelled, } from './index.js';

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

@@ -1,6 +1,6 @@
 import { Option, Schema as S } from 'effect';
 import * as Command from '../../command/index.js';
-import { type Attribute, type Html } from '../../html/index.js';
+import { type ChildAttribute, type Html } from '../../html/index.js';
 /** Schema for the file-drop component's state.
  *
  * `isDragOver` controls the `data-drag-over` attribute on the root while a
@@ -25,16 +25,16 @@ export declare const LeftDragZone: import("../../schema/index.js").CallableTagge
 export declare const DroppedFiles: import("../../schema/index.js").CallableTaggedStruct<"DroppedFiles", {
     files: S.NonEmptyArray<S.Schema<File>>;
 }>;
-/** Sent when a drop or input-change event fires without any files —
+/** Sent when a drop or input-change event fires without any files,
  * typically a drag of non-file data (text, URLs, images from another
- * page). Resets `isDragOver` and emits `DroppedWithoutFiles` as an
+ * page). Resets `isDragOver` and emits `RejectedNonFiles` as an
  * OutMessage so the consumer can surface a message (e.g. "Only files are
  * accepted"). */
-export declare const DroppedWithoutFiles: import("../../schema/index.js").CallableTaggedStruct<"DroppedWithoutFiles", {}>;
+export declare const DroppedNonFiles: import("../../schema/index.js").CallableTaggedStruct<"DroppedNonFiles", {}>;
 /** Union of all messages the file-drop component can produce. */
 export declare const Message: S.Union<readonly [import("../../schema/index.js").CallableTaggedStruct<"EnteredDragZone", {}>, import("../../schema/index.js").CallableTaggedStruct<"LeftDragZone", {}>, import("../../schema/index.js").CallableTaggedStruct<"DroppedFiles", {
     files: S.NonEmptyArray<S.Schema<File>>;
-}>, import("../../schema/index.js").CallableTaggedStruct<"DroppedWithoutFiles", {}>]>;
+}>, import("../../schema/index.js").CallableTaggedStruct<"DroppedNonFiles", {}>]>;
 export type Message = typeof Message.Type;
 /** Emitted when files arrive via drop or input-change. The consumer's
  * parent update handles this to process the files (validate, upload,
@@ -42,14 +42,15 @@ export type Message = typeof Message.Type;
 export declare const ReceivedFiles: import("../../schema/index.js").CallableTaggedStruct<"ReceivedFiles", {
     files: S.NonEmptyArray<S.Schema<File>>;
 }>;
+/** Emitted when a drop or input-change event produces no files. The
+ * consumer's parent update handles this to surface a message (e.g. "Only
+ * files are accepted"). */
+export declare const RejectedNonFiles: import("../../schema/index.js").CallableTaggedStruct<"RejectedNonFiles", {}>;
 /** The file-drop component's OutMessages: `ReceivedFiles` on the happy
- * path and `DroppedWithoutFiles` when a drop event fires without files.
- * `DroppedWithoutFiles` is reused from the Message definitions — the
- * fact is the same whether the component is handling it or reporting it
- * up. */
+ * path and `RejectedNonFiles` when a drop event fires without files. */
 export declare const OutMessage: S.Union<readonly [import("../../schema/index.js").CallableTaggedStruct<"ReceivedFiles", {
     files: S.NonEmptyArray<S.Schema<File>>;
-}>, import("../../schema/index.js").CallableTaggedStruct<"DroppedWithoutFiles", {}>]>;
+}>, import("../../schema/index.js").CallableTaggedStruct<"RejectedNonFiles", {}>]>;
 export type OutMessage = typeof OutMessage.Type;
 /** Configuration for creating a file-drop model with `init`. */
 export type InitConfig = Readonly<{
@@ -66,48 +67,43 @@ type UpdateReturn = readonly [
  * and optional OutMessage. */
 export declare const update: (model: Model, message: Message) => UpdateReturn;
 /** Attribute groups the file-drop component provides to the consumer's
- * `toView` callback. Spread each group onto the element that plays that
- * role: `root` typically goes on a `<label>` so clicking it focuses the
- * hidden input, `input` on the `<input type="file">`. */
-export type FileDropAttributes<ParentMessage> = Readonly<{
+ *  `toView` callback. */
+export type FileDropAttributes = Readonly<{
     /** Attributes for the outer drop zone element (typically a `<label>`):
-     * drag-and-drop handlers, `data-drag-over` while a drag hovers, and
-     * `data-disabled` when disabled. */
-    root: ReadonlyArray<Attribute<ParentMessage>>;
+     *  drag-and-drop handlers, `data-drag-over` while a drag hovers, and
+     *  `data-disabled` when disabled. */
+    root: ReadonlyArray<ChildAttribute>;
     /** Attributes for a hidden `<input type="file">` nested inside the
-     * root: file-change handler, `type`, `id`, `multiple`, `accept`, and
-     * `sr-only` class. */
-    input: ReadonlyArray<Attribute<ParentMessage>>;
+     *  root: file-change handler, `type`, `id`, `multiple`, `accept`, and
+     *  `sr-only` class. */
+    input: ReadonlyArray<ChildAttribute>;
 }>;
-/** Configuration for rendering a file-drop with `view`.
- *
- * The `ParentMessage` type parameter is your parent's Message type, not
- * FileDrop's. `toParentMessage` receives a FileDrop message and returns
- * your parent message. */
-export type ViewConfig<ParentMessage> = Readonly<{
-    model: Model;
-    toParentMessage: (message: Message) => ParentMessage;
-    toView: (attributes: FileDropAttributes<ParentMessage>) => Html;
-    /** List of accepted MIME types or file extensions (e.g.
-     * `['application/pdf', '.doc']`). Joined with commas and forwarded to
-     * the hidden input's `accept` attribute. Omit or pass an empty array
-     * to accept any file type. */
+/** Per-render view inputs passed to `view` via `h.submodel`'s `viewInputs` field. */
+export type ViewInputs = Readonly<{
+    toView: (attributes: FileDropAttributes) => Html;
     accept?: ReadonlyArray<string>;
-    /** When true, the hidden input accepts multiple files per selection. */
     multiple?: boolean;
-    /** When true, drag handlers are stripped from the root and the input
-     * is disabled. Styling can react via `data-disabled` on the root. */
     isDisabled?: boolean;
 }>;
-/** Renders an accessible file-drop zone by building attribute groups for
- * a `<label>`-wrapped hidden file input. The consumer's `toView` callback
- * composes those groups into concrete markup. The component owns the
- * drag-state and file-arrival messaging; the consumer owns the visual
- * rendering. */
-export declare const view: <ParentMessage>(config: ViewConfig<ParentMessage>) => Html;
-/** Creates a memoized file-drop 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 file-drop zone by publishing attribute groups
+ *  for a `<label>`-wrapped hidden file input. */
+export declare const view: import("../../html/submodel.js").SubmodelView<{
+    readonly id: string;
+    readonly isDragOver: boolean;
+}, {
+    readonly _tag: "EnteredDragZone";
+} | {
+    readonly _tag: "LeftDragZone";
+} | {
+    readonly _tag: "DroppedFiles";
+    readonly files: readonly [File, ...File[]];
+} | {
+    readonly _tag: "DroppedNonFiles";
+}, Readonly<{
+    toView: (attributes: FileDropAttributes) => Html;
+    accept?: ReadonlyArray<string>;
+    multiple?: boolean;
+    isDisabled?: boolean;
+}>>;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/fileDrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAE/D,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAA;AAEjD,OAAO,EACL,KAAK,SAAS,EACd,KAAK,IAAI,EAGV,MAAM,qBAAqB,CAAA;AAM5B;;;;;iEAKiE;AACjE,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC;oDACoD;AACpD,eAAO,MAAM,eAAe,6EAAuB,CAAA;AACnD;iCACiC;AACjC,eAAO,MAAM,YAAY,0EAAoB,CAAA;AAC7C;;;iBAGiB;AACjB,eAAO,MAAM,YAAY;;EAEvB,CAAA;AACF;;;;iBAIiB;AACjB,eAAO,MAAM,mBAAmB,iFAA2B,CAAA;AAE3D,iEAAiE;AACjE,eAAO,MAAM,OAAO;;qFAKlB,CAAA;AACF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC;;yDAEyD;AACzD,eAAO,MAAM,aAAa;;EAExB,CAAA;AAEF;;;;SAIS;AACT,eAAO,MAAM,UAAU;;qFAAgD,CAAA;AACvE,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAI/C,gEAAgE;AAChE,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;CACX,CAAC,CAAA;AAEF,qEAAqE;AACrE,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAIF,KAAK,YAAY,GAAG,SAAS;IAC3B,KAAK;IACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;CAC1B,CAAA;AAED;8BAC8B;AAC9B,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,EAAE,SAAS,OAAO,KAAG,YAyBrD,CAAA;AAIH;;;yDAGyD;AACzD,MAAM,MAAM,kBAAkB,CAAC,aAAa,IAAI,QAAQ,CAAC;IACvD;;wCAEoC;IACpC,IAAI,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAC7C;;0BAEsB;IACtB,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;CAC/C,CAAC,CAAA;AAEF;;;;0BAI0B;AAC1B,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,kBAAkB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC/D;;;kCAG8B;IAC9B,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC9B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;yEACqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC,CAAA;AAEF;;;;gBAIgB;AAChB,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,QAAQ,UAAU,CAAC,aAAa,CAAC,KAChC,IA6DF,CAAA;AAED;;mBAEmB;AACnB,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/fileDrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,MAAM,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;AAE/D,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAA;AAEjD,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,IAAI,EAIV,MAAM,qBAAqB,CAAA;AAM5B;;;;;iEAKiE;AACjE,eAAO,MAAM,KAAK;;;EAGhB,CAAA;AACF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC;oDACoD;AACpD,eAAO,MAAM,eAAe,6EAAuB,CAAA;AACnD;iCACiC;AACjC,eAAO,MAAM,YAAY,0EAAoB,CAAA;AAC7C;;;iBAGiB;AACjB,eAAO,MAAM,YAAY;;EAEvB,CAAA;AACF;;;;iBAIiB;AACjB,eAAO,MAAM,eAAe,6EAAuB,CAAA;AAEnD,iEAAiE;AACjE,eAAO,MAAM,OAAO;;iFAKlB,CAAA;AACF,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAIzC;;yDAEyD;AACzD,eAAO,MAAM,aAAa;;EAExB,CAAA;AAEF;;2BAE2B;AAC3B,eAAO,MAAM,gBAAgB,8EAAwB,CAAA;AAErD;wEACwE;AACxE,eAAO,MAAM,UAAU;;kFAA6C,CAAA;AACpE,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC,IAAI,CAAA;AAI/C,gEAAgE;AAChE,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,EAAE,EAAE,MAAM,CAAA;CACX,CAAC,CAAA;AAEF,qEAAqE;AACrE,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAIF,KAAK,YAAY,GAAG,SAAS;IAC3B,KAAK;IACL,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC;CAC1B,CAAA;AAED;8BAC8B;AAC9B,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,EAAE,SAAS,OAAO,KAAG,YAyBrD,CAAA;AAIH;yBACyB;AACzB,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACxC;;yCAEqC;IACrC,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IACnC;;2BAEuB;IACvB,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;CACrC,CAAC,CAAA;AAEF,qFAAqF;AACrF,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;IAChC,MAAM,EAAE,CAAC,UAAU,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAChD,MAAM,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAC,CAAA;AAQF;iDACiD;AACjD,eAAO,MAAM,IAAI;;;;;;;;;;;;;YAdP,CAAC,UAAU,EAAE,kBAAkB,KAAK,IAAI;aACvC,aAAa,CAAC,MAAM,CAAC;eACnB,OAAO;iBACL,OAAO;GAmDrB,CAAA"}

package/dist/ui/fileDrop/index.js

@@ -1,6 +1,6 @@
 import { Array, Match as M, Option, Schema as S } from 'effect';
 import * as File from '../../file/index.js';
-import { createLazy, html, } from '../../html/index.js';
+import { childAttributes, defineView, html, } from '../../html/index.js';
 import { m } from '../../message/index.js';
 import { evo } from '../../struct/index.js';
 // MODEL
@@ -28,18 +28,18 @@ export const LeftDragZone = m('LeftDragZone');
 export const DroppedFiles = m('DroppedFiles', {
     files: S.NonEmptyArray(File.File),
 });
-/** Sent when a drop or input-change event fires without any files —
+/** Sent when a drop or input-change event fires without any files,
  * typically a drag of non-file data (text, URLs, images from another
- * page). Resets `isDragOver` and emits `DroppedWithoutFiles` as an
+ * page). Resets `isDragOver` and emits `RejectedNonFiles` as an
  * OutMessage so the consumer can surface a message (e.g. "Only files are
  * accepted"). */
-export const DroppedWithoutFiles = m('DroppedWithoutFiles');
+export const DroppedNonFiles = m('DroppedNonFiles');
 /** Union of all messages the file-drop component can produce. */
 export const Message = S.Union([
     EnteredDragZone,
     LeftDragZone,
     DroppedFiles,
-    DroppedWithoutFiles,
+    DroppedNonFiles,
 ]);
 // OUT MESSAGE
 /** Emitted when files arrive via drop or input-change. The consumer's
@@ -48,12 +48,13 @@ export const Message = S.Union([
 export const ReceivedFiles = m('ReceivedFiles', {
     files: S.NonEmptyArray(File.File),
 });
+/** Emitted when a drop or input-change event produces no files. The
+ * consumer's parent update handles this to surface a message (e.g. "Only
+ * files are accepted"). */
+export const RejectedNonFiles = m('RejectedNonFiles');
 /** The file-drop component's OutMessages: `ReceivedFiles` on the happy
- * path and `DroppedWithoutFiles` when a drop event fires without files.
- * `DroppedWithoutFiles` is reused from the Message definitions — the
- * fact is the same whether the component is handling it or reporting it
- * up. */
-export const OutMessage = S.Union([ReceivedFiles, DroppedWithoutFiles]);
+ * path and `RejectedNonFiles` when a drop event fires without files. */
+export const OutMessage = S.Union([ReceivedFiles, RejectedNonFiles]);
 /** Creates an initial file-drop model. Drag state starts cleared. */
 export const init = (config) => ({
     id: config.id,
@@ -77,20 +78,22 @@ export const update = (model, message) => M.value(message).pipe(M.withReturnType
         [],
         Option.some(ReceivedFiles({ files })),
     ],
-    DroppedWithoutFiles: () => [
+    DroppedNonFiles: () => [
         evo(model, { isDragOver: () => false }),
         [],
-        Option.some(DroppedWithoutFiles()),
+        Option.some(RejectedNonFiles()),
     ],
 }));
-/** Renders an accessible file-drop zone by building attribute groups for
- * a `<label>`-wrapped hidden file input. The consumer's `toView` callback
- * composes those groups into concrete markup. The component owns the
- * drag-state and file-arrival messaging; the consumer owns the visual
- * rendering. */
-export const view = (config) => {
+const dispatchDroppedFiles = (files) => Array.match(files, {
+    onEmpty: () => DroppedNonFiles(),
+    onNonEmpty: nonEmptyFiles => DroppedFiles({ files: [...nonEmptyFiles] }),
+});
+/** Renders an accessible file-drop zone by publishing attribute groups
+ *  for a `<label>`-wrapped hidden file input. */
+export const view = defineView((model, viewInputs) => {
     const h = html();
-    const { model: { id, isDragOver }, toParentMessage, accept, multiple = false, isDisabled = false, } = config;
+    const { id, isDragOver } = model;
+    const { toView, accept, multiple = false, isDisabled = false } = viewInputs;
     const stateAttributes = [
         ...(isDragOver ? [h.DataAttribute('drag-over', '')] : []),
         ...(isDisabled ? [h.DataAttribute('disabled', '')] : []),
@@ -99,13 +102,10 @@ export const view = (config) => {
         ? stateAttributes
         : [
             ...stateAttributes,
-            h.OnDragEnter(toParentMessage(EnteredDragZone())),
-            h.OnDragLeave(toParentMessage(LeftDragZone())),
+            h.OnDragEnter(EnteredDragZone()),
+            h.OnDragLeave(LeftDragZone()),
             h.AllowDrop(),
-            h.OnDropFiles(files => toParentMessage(Array.match(files, {
-                onEmpty: () => DroppedWithoutFiles(),
-                onNonEmpty: nonEmptyFiles => DroppedFiles({ files: [...nonEmptyFiles] }),
-            }))),
+            h.OnDropFiles(dispatchDroppedFiles),
         ];
     const inputAttributes = [
         h.Id(id),
@@ -117,26 +117,10 @@ export const view = (config) => {
             : []),
         ...(isDisabled
             ? [h.Disabled(true)]
-            : [
-                h.OnFileChange(files => toParentMessage(Array.match(files, {
-                    onEmpty: () => DroppedWithoutFiles(),
-                    onNonEmpty: nonEmptyFiles => DroppedFiles({ files: [...nonEmptyFiles] }),
-                }))),
-            ]),
+            : [h.OnFileChange(dispatchDroppedFiles)]),
     ];
-    return config.toView({
-        root: rootAttributes,
-        input: inputAttributes,
+    return toView({
+        root: childAttributes(rootAttributes),
+        input: childAttributes(inputAttributes),
     });
-};
-/** Creates a memoized file-drop 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/fileDrop/public.d.ts

@@ -1,3 +1,3 @@
-export { init, update, view, lazy, Model, Message, OutMessage, ReceivedFiles, EnteredDragZone, LeftDragZone, DroppedFiles, DroppedWithoutFiles, } from './index.js';
-export type { InitConfig, ViewConfig, FileDropAttributes } from './index.js';
+export { init, update, view, Model, Message, OutMessage, ReceivedFiles, EnteredDragZone, LeftDragZone, DroppedFiles, DroppedNonFiles, RejectedNonFiles, } from './index.js';
+export type { InitConfig, ViewInputs, FileDropAttributes } from './index.js';
 //# sourceMappingURL=public.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/fileDrop/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,mBAAmB,GACpB,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/ui/fileDrop/public.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,EACV,aAAa,EACb,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,gBAAgB,GACjB,MAAM,YAAY,CAAA;AAEnB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA"}

package/dist/ui/fileDrop/public.js

@@ -1 +1 @@
-export { init, update, view, lazy, Model, Message, OutMessage, ReceivedFiles, EnteredDragZone, LeftDragZone, DroppedFiles, DroppedWithoutFiles, } from './index.js';
+export { init, update, view, Model, Message, OutMessage, ReceivedFiles, EnteredDragZone, LeftDragZone, DroppedFiles, DroppedNonFiles, RejectedNonFiles, } from './index.js';

package/dist/ui/listbox/multi.d.ts

@@ -1,7 +1,8 @@
 import { Option, Schema as S } from 'effect';
 import type * as Command from '../../command/index.js';
-import { type Html } from '../../html/index.js';
-import { type BaseInitConfig, type BaseViewConfig, Closed, type Message, Opened, SelectedItem } from './shared.js';
+import type { SubmodelView } from '../../html/index.js';
+import type { Reflect } from '../../submodel/submodel.js';
+import { type BaseInitConfig, type BaseViewInputs, type Message, type OutMessage } from './shared.js';
 /** Schema for the multi-select listbox component's state, tracking open/closed status, active item, selected items, activation trigger, and typeahead search. */
 export declare const Model: S.Struct<{
     readonly selectedItems: S.$Array<S.String>;
@@ -32,7 +33,7 @@ export type InitConfig = BaseInitConfig & Readonly<{
 }>;
 /** Creates an initial multi-select listbox model from a config. Defaults to closed with no active item and no selection. */
 export declare const init: (config: InitConfig) => Model;
-/** Processes a listbox message and returns the next model and commands. Stays open on selection and toggles item membership (multi-select behavior). */
+/** Processes a listbox message and returns the next model, commands, and optional OutMessage. Stays open on selection and toggles item membership (multi-select behavior); emits a `Selected({ value, wasAdded })` OutMessage indicating whether the value was added or removed. */
 export declare const update: (model: {
     readonly selectedItems: readonly string[];
     readonly id: string;
@@ -114,9 +115,9 @@ export declare const update: (model: {
     } | {
         readonly _tag: "CompletedUnlockScroll";
     } | {
-        readonly _tag: "CompletedSetupInert";
+        readonly _tag: "CompletedInertOthers";
     } | {
-        readonly _tag: "CompletedTeardownInert";
+        readonly _tag: "CompletedRestoreInert";
     } | {
         readonly _tag: "CompletedFocusButton";
     } | {
@@ -149,87 +150,41 @@ export declare const update: (model: {
         readonly pointerType: string;
         readonly button: number;
     }, never, never>;
-}>[]];
+}>[], Option.Option<Readonly<{
+    readonly _tag: "Selected";
+    readonly value: string;
+    readonly wasAdded: boolean;
+}>>];
+type UpdateReturn = ReturnType<typeof update>;
 /** Programmatically opens the listbox, updating the model and returning
  *  focus and modal commands. Use this in domain-event handlers to open the listbox. */
-export declare const open: (model: Model) => readonly [Model, ReadonlyArray<Command.Command<Message>>];
+export declare const open: (model: Model) => UpdateReturn;
 /** Programmatically closes the listbox, updating the model and returning
  *  focus and modal commands. Use this in domain-event handlers to close the listbox. */
-export declare const close: (model: Model) => readonly [Model, ReadonlyArray<Command.Command<Message>>];
-/** Programmatically toggles an item in the multi-select listbox. Use this in domain-event handlers when the listbox uses `onSelectedItem`. */
-export declare const selectItem: (model: Model, item: string) => readonly [Model, ReadonlyArray<Command.Command<Message>>];
-/** Configuration for rendering a multi-select listbox with `view`. */
-export type ViewConfig<ParentMessage, Item> = BaseViewConfig<ParentMessage, Item, Model>;
-/** Renders a headless multi-select listbox with typeahead search, keyboard navigation, selection tracking, and aria-activedescendant focus management. */
-export declare const view: <ParentMessage, Item>(config: Readonly<{
-    model: {
-        readonly selectedItems: readonly string[];
-        readonly id: string;
-        readonly isOpen: boolean;
-        readonly isAnimated: boolean;
-        readonly isModal: boolean;
-        readonly orientation: "Vertical" | "Horizontal";
-        readonly animation: {
-            readonly id: string;
-            readonly isShowing: boolean;
-            readonly transitionState: "Idle" | "EnterStart" | "EnterAnimating" | "LeaveStart" | "LeaveAnimating";
-        };
-        readonly maybeActiveItemIndex: Option.Option<number>;
-        readonly activationTrigger: "Pointer" | "Keyboard";
-        readonly searchQuery: string;
-        readonly searchVersion: number;
-        readonly maybeLastPointerPosition: Option.Option<{
-            readonly screenX: number;
-            readonly screenY: number;
-        }>;
-        readonly maybeLastButtonPointerType: Option.Option<string>;
-    };
-    toParentMessage: (message: Opened | Closed | import("./shared.js").BlurredItems | import("./shared.js").ActivatedItem | import("./shared.js").DeactivatedItem | SelectedItem | import("./shared.js").MovedPointerOverItem | import("./shared.js").RequestedItemClick | import("./shared.js").Searched | import("./shared.js").PressedPointerOnButton | import("./shared.js").IgnoredMouseClick | import("./shared.js").SuppressedSpaceScroll | {
-        readonly _tag: "CompletedAnchorListbox";
-    } | {
-        readonly _tag: "CompletedPortalListboxBackdrop";
-    }) => ParentMessage;
-    onSelectedItem?: (value: string) => ParentMessage;
-    items: readonly Item[];
-    itemToConfig: (item: Item, context: Readonly<{
-        isActive: boolean;
-        isDisabled: boolean;
-        isSelected: boolean;
-    }>) => Readonly<{
-        className?: string;
-        content: Html;
-    }>;
-    isItemDisabled?: (item: Item, index: number) => boolean;
-    itemToSearchText?: (item: Item, index: number) => string;
-    itemToValue?: (item: Item) => string;
-    isButtonDisabled?: boolean;
-    buttonContent: Html;
-    buttonClassName?: string;
-    buttonAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
-    itemsClassName?: string;
-    itemsAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
-    itemsScrollClassName?: string;
-    itemsScrollAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
-    backdropClassName?: string;
-    backdropAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
-    className?: string;
-    attributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
-    itemGroupKey?: (item: Item, index: number) => string;
-    groupToHeading?: (groupKey: string) => Readonly<{
-        content: Html;
-        className?: string;
-    }> | undefined;
-    groupClassName?: string;
-    groupAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
-    separatorClassName?: string;
-    separatorAttributes?: readonly import("../../html/index.js").Attribute<ParentMessage>[];
-    anchor?: import("./public.js").AnchorConfig;
-    name?: string;
-    form?: string;
-    isDisabled?: boolean;
-    isInvalid?: boolean;
-}>) => Html;
-/** Creates a memoized multi-select listbox view. Static config is captured in a closure;
- *  only `model` and `toParentMessage` are compared per render via `createLazy`. */
-export declare const lazy: <ParentMessage, Item>(staticConfig: Omit<ViewConfig<ParentMessage, Item>, "model" | "toParentMessage" | "onSelectedItem">) => ((model: Model, toParentMessage: BaseViewConfig<ParentMessage, Item, Model>["toParentMessage"]) => Html);
+export declare const close: (model: Model) => UpdateReturn;
+/** Programmatically toggles an item in the multi-select listbox. Emits `Selected({ value, wasAdded })`. */
+export declare const selectItem: (model: Model, item: string) => UpdateReturn;
+/** Reflects an externally-sourced selection set onto the model without
+ *  emitting an OutMessage or running selection side effects. Use this to
+ *  mirror external truth (URL parameters, restored storage, a server push)
+ *  onto the listbox's selected items. Contrast with `selectItem`, which
+ *  toggles a single item as a user *choice* and emits `Selected`. Returns
+ *  the model directly because it produces no commands and no OutMessage. */
+export declare const reflectSelectedItems: Reflect<Model, ReadonlyArray<string>>;
+/** Per-render view inputs passed to the view via `h.submodel`'s `viewInputs` field. */
+export type ViewInputs<Item, Value extends string = string> = BaseViewInputs<Item, Value>;
+/** Pairs the multi-select listbox's `view` and `update` (and programmatic
+ *  helpers) behind a single Item-typed entry point. Same shape as
+ *  `Ui.Listbox.create`. Two type params support object-typed items via
+ *  `itemToValue`: `Value` defaults to `Item` when `Item extends string`,
+ *  else `string`. */
+export declare const create: <Item = string, Value extends string = Item extends string ? Item : string>() => Readonly<{
+    view: SubmodelView<Model, Message, BaseViewInputs<Item, Value>>;
+    update: (model: Model, message: Message) => readonly [Model, ReadonlyArray<Command.Command<Message>>, Option.Option<OutMessage<Value>>];
+    selectItem: (model: Model, item: Value) => readonly [Model, ReadonlyArray<Command.Command<Message>>, Option.Option<OutMessage<Value>>];
+    open: (model: Model) => readonly [Model, ReadonlyArray<Command.Command<Message>>, Option.Option<OutMessage<Value>>];
+    close: (model: Model) => readonly [Model, ReadonlyArray<Command.Command<Message>>, Option.Option<OutMessage<Value>>];
+    reflectSelectedItems: Reflect<Model, ReadonlyArray<Value>>;
+}>;
+export {};
 //# sourceMappingURL=multi.d.ts.map

package/dist/ui/listbox/multi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi.d.ts","sourceRoot":"","sources":["../../../src/ui/listbox/multi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,MAAM,EAAE,MAAM,IAAI,CAAC,EAAQ,MAAM,QAAQ,CAAA;AAEzD,OAAO,KAAK,KAAK,OAAO,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,qBAAqB,CAAA;AAE3D,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EACnB,MAAM,EACN,KAAK,OAAO,EACZ,MAAM,EACN,YAAY,EAIb,MAAM,aAAa,CAAA;AAIpB,iKAAiK;AACjK,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;EAGhB,CAAA;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAC,IAAI,CAAA;AAIrC,6RAA6R;AAC7R,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,QAAQ,CAAC;IACP,aAAa,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;CACtC,CAAC,CAAA;AAEJ,4HAA4H;AAC5H,eAAO,MAAM,IAAI,GAAI,QAAQ,UAAU,KAAG,KAGxC,CAAA;AAIF,wJAAwJ;AACxJ,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAMjB,CAAA;AAEF;uFACuF;AACvF,eAAO,MAAM,IAAI,GACf,OAAO,KAAK,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CACK,CAAA;AAEhE;wFACwF;AACxF,eAAO,MAAM,KAAK,GAChB,OAAO,KAAK,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAClC,CAAA;AAEzB,8IAA8I;AAC9I,eAAO,MAAM,UAAU,GACrB,OAAO,KAAK,EACZ,MAAM,MAAM,KACX,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CACpB,CAAA;AAIvC,sEAAsE;AACtE,MAAM,MAAM,UAAU,CAAC,aAAa,EAAE,IAAI,IAAI,cAAc,CAC1D,aAAa,EACb,IAAI,EACJ,KAAK,CACN,CAAA;AAED,0JAA0J;AAC1J,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAYf,CAAA;AAEF;mFACmF;AACnF,eAAO,MAAM,IAAI,GAAI,aAAa,EAAE,IAAI,EACtC,cAAc,IAAI,CAChB,UAAU,CAAC,aAAa,EAAE,IAAI,CAAC,EAC/B,OAAO,GAAG,iBAAiB,GAAG,gBAAgB,CAC/C,KACA,CAAC,CACF,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,cAAc,CAC7B,aAAa,EACb,IAAI,EACJ,KAAK,CACN,CAAC,iBAAiB,CAAC,KACjB,IAAI,CAoBR,CAAA"}
+{"version":3,"file":"multi.d.ts","sourceRoot":"","sources":["../../../src/ui/listbox/multi.ts"],"names":[],"mappings":"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"}