@foldkit/ui 0.129.0 → 0.131.0

package/dist/disclosure/index.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Match as M, Option, Predicate } from 'effect';
 import { html } from 'foldkit/html';
 // VIEW
@@ -5,8 +6,8 @@ import { html } from 'foldkit/html';
  *  disclosure's base id. Use this to associate an external label with the
  *  button via a native `<label for={Disclosure.buttonId(id)}>` or an
  *  `aria-labelledby` reference. */
-export const buttonId = (id) => `${id}-button`;
-const panelId = (id) => `${id}-panel`;
+export const buttonId = (id) => __foldkitBrandViewResult((`${id}-button`), "@foldkit/ui/disclosure/index.js#buttonId");
+const panelId = (id) => __foldkitBrandViewResult((`${id}-panel`), "@foldkit/ui/disclosure/index.js#panelId");
 const panelSizeTransition = 'grid-template-rows 200ms ease-out';
 /** Renders a headless disclosure as a stateless controlled component. The
  *  parent owns the open state (`isOpen`) and receives the new state via
@@ -33,19 +34,19 @@ export const view = (config) => {
     const h = html();
     const { id, isOpen, onToggle, toView, isDisabled = false, ariaLabel, ariaLabelledBy, } = config;
     const nextOpen = !isOpen;
-    const handleKeyDown = (key) => M.value(key).pipe(M.whenOr('Enter', ' ', () => Option.some(onToggle(nextOpen))), M.orElse(() => Option.none()));
+    const handleKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.whenOr('Enter', ' ', () => __foldkitBrandViewResult((Option.some(onToggle(nextOpen))), "@foldkit/ui/disclosure/index.js#anonymous")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/disclosure/index.js#anonymous~2")))), "@foldkit/ui/disclosure/index.js#handleKeyDown");
     const disabledAttributes = isDisabled
         ? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
         : [];
     const resolveButtonLabel = () => {
         if (Predicate.isNotUndefined(ariaLabel)) {
-            return [h.AriaLabel(ariaLabel)];
+            return __foldkitBrandViewResult(([h.AriaLabel(ariaLabel)]), "@foldkit/ui/disclosure/index.js#resolveButtonLabel");
         }
         else if (Predicate.isNotUndefined(ariaLabelledBy)) {
-            return [h.AriaLabelledBy(ariaLabelledBy)];
+            return __foldkitBrandViewResult(([h.AriaLabelledBy(ariaLabelledBy)]), "@foldkit/ui/disclosure/index.js#resolveButtonLabel");
         }
         else {
-            return [];
+            return __foldkitBrandViewResult(([]), "@foldkit/ui/disclosure/index.js#resolveButtonLabel");
         }
     };
     const buttonAttributes = [
@@ -67,7 +68,7 @@ export const view = (config) => {
         h.Id(panelId(id)),
         ...(isOpen ? [h.DataAttribute('open', '')] : []),
     ];
-    const animatePanel = (content) => h.div([
+    const animatePanel = (content) => __foldkitBrandViewResult((h.div([
         h.Style({
             display: 'grid',
             gridTemplateRows: isOpen ? '1fr' : '0fr',
@@ -79,10 +80,10 @@ export const view = (config) => {
             h.Style({ minHeight: '0px', overflow: 'hidden' }),
             ...(isOpen ? [] : [h.AriaHidden(true)]),
         ], [content]),
-    ]);
-    return toView({
+    ])), "@foldkit/ui/disclosure/index.js#animatePanel");
+    return __foldkitBrandViewResult((toView({
         button: buttonAttributes,
         panel: panelAttributes,
         animatePanel,
-    });
+    })), "@foldkit/ui/disclosure/index.js#view");
 };

package/dist/dragAndDrop/index.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Array, Effect, Equal, Equivalence, Match as M, Option, Queue, Schema as S, Stream, pipe, } from 'effect';
 import * as Command from 'foldkit/command';
 import * as Dom from 'foldkit/dom';
@@ -129,61 +130,61 @@ export const OutMessage = S.Union([Reordered, Cancelled]);
 /** Configuration for creating a drag-and-drop model with `init`. */
 const DEFAULT_ACTIVATION_THRESHOLD_PIXELS = 5;
 /** Creates an initial drag-and-drop model. Starts in the Idle state with Vertical orientation and 5px activation threshold by default. */
-export const init = (config) => ({
+export const init = (config) => (__foldkitBrandViewResult(({
     id: config.id,
     orientation: config.orientation ?? 'Vertical',
     activationThreshold: config.activationThreshold ?? DEFAULT_ACTIVATION_THRESHOLD_PIXELS,
     dragState: Idle(),
-});
+}), "@foldkit/ui/dragAndDrop/index.js#init"));
 /** Focuses a draggable item by ID after keyboard drop or cancel. */
-export const FocusItem = Command.define('FocusItem', { itemId: S.String }, CompletedFocusItem)(({ itemId }) => Dom.focus(`[data-draggable-id="${itemId}"]`).pipe(Effect.ignore, Effect.as(CompletedFocusItem())));
+export const FocusItem = Command.define('FocusItem', { itemId: S.String }, CompletedFocusItem)(({ itemId }) => __foldkitBrandViewResult((Dom.focus(`[data-draggable-id="${itemId}"]`).pipe(Effect.ignore, Effect.as(CompletedFocusItem()))), "@foldkit/ui/dragAndDrop/index.js#anonymous"));
 const resolveWithinContainer = (config) => {
     const container = document.querySelector(`[data-droppable-id="${config.containerId}"]`);
     if (!container) {
-        return ResolvedKeyboardMove({
+        return __foldkitBrandViewResult((ResolvedKeyboardMove({
             targetContainerId: config.containerId,
             targetIndex: config.currentIndex,
-        });
+        })), "@foldkit/ui/dragAndDrop/index.js#resolveWithinContainer");
     }
-    const itemCount = pipe(container.querySelectorAll('[data-sortable-id]'), Array.fromIterable, Array.filter(({ dataset }) => dataset['sortableId'] !== config.itemId), Array.length);
+    const itemCount = pipe(container.querySelectorAll('[data-sortable-id]'), Array.fromIterable, Array.filter(({ dataset }) => __foldkitBrandViewResult((dataset['sortableId'] !== config.itemId), "@foldkit/ui/dragAndDrop/index.js#anonymous~2")), Array.length);
     const nextIndex = config.isForward
         ? Math.min(config.currentIndex + 1, itemCount)
         : Math.max(config.currentIndex - 1, 0);
-    return ResolvedKeyboardMove({
+    return __foldkitBrandViewResult((ResolvedKeyboardMove({
         targetContainerId: config.containerId,
         targetIndex: nextIndex,
-    });
+    })), "@foldkit/ui/dragAndDrop/index.js#resolveWithinContainer");
 };
 const resolveBetweenContainers = (config) => {
     const allContainers = Array.fromIterable(document.querySelectorAll('[data-droppable-id]'));
-    const currentContainerIndex = pipe(allContainers, Array.findFirstIndex(({ dataset }) => dataset['droppableId'] === config.currentContainerId), Option.getOrElse(() => 0));
+    const currentContainerIndex = pipe(allContainers, Array.findFirstIndex(({ dataset }) => __foldkitBrandViewResult((dataset['droppableId'] === config.currentContainerId), "@foldkit/ui/dragAndDrop/index.js#anonymous~3")), Option.getOrElse(() => __foldkitBrandViewResult((0), "@foldkit/ui/dragAndDrop/index.js#anonymous~4")));
     const nextContainerIndex = config.isForward
         ? Math.min(currentContainerIndex + 1, allContainers.length - 1)
         : Math.max(currentContainerIndex - 1, 0);
     const nextContainerId = allContainers[nextContainerIndex]?.dataset['droppableId'] ??
         config.currentContainerId;
-    return ResolvedKeyboardMove({
+    return __foldkitBrandViewResult((ResolvedKeyboardMove({
         targetContainerId: nextContainerId,
         targetIndex: 0,
-    });
+    })), "@foldkit/ui/dragAndDrop/index.js#resolveBetweenContainers");
 };
-const resolveKeyboardMoveTarget = (config) => Effect.sync(() => M.value(config.direction).pipe(M.withReturnType(), M.whenOr('Down', 'Right', () => resolveWithinContainer({
+const resolveKeyboardMoveTarget = (config) => __foldkitBrandViewResult((Effect.sync(() => __foldkitBrandViewResult((M.value(config.direction).pipe(M.withReturnType(), M.whenOr('Down', 'Right', () => __foldkitBrandViewResult((resolveWithinContainer({
     itemId: config.itemId,
     containerId: config.currentContainerId,
     currentIndex: config.currentIndex,
     isForward: true,
-})), M.whenOr('Up', 'Left', () => resolveWithinContainer({
+})), "@foldkit/ui/dragAndDrop/index.js#anonymous~6")), M.whenOr('Up', 'Left', () => __foldkitBrandViewResult((resolveWithinContainer({
     itemId: config.itemId,
     containerId: config.currentContainerId,
     currentIndex: config.currentIndex,
     isForward: false,
-})), M.when('NextContainer', () => resolveBetweenContainers({
+})), "@foldkit/ui/dragAndDrop/index.js#anonymous~7")), M.when('NextContainer', () => __foldkitBrandViewResult((resolveBetweenContainers({
     currentContainerId: config.currentContainerId,
     isForward: true,
-})), M.when('PreviousContainer', () => resolveBetweenContainers({
+})), "@foldkit/ui/dragAndDrop/index.js#anonymous~8")), M.when('PreviousContainer', () => __foldkitBrandViewResult((resolveBetweenContainers({
     currentContainerId: config.currentContainerId,
     isForward: false,
-})), M.exhaustive));
+})), "@foldkit/ui/dragAndDrop/index.js#anonymous~9")), M.exhaustive)), "@foldkit/ui/dragAndDrop/index.js#anonymous~5"))), "@foldkit/ui/dragAndDrop/index.js#resolveKeyboardMoveTarget");
 /** Resolves the next keyboard drag position by querying the DOM for adjacent sortable items and containers. */
 export const ResolveKeyboardMove = Command.define('ResolveKeyboardMove', {
     itemId: S.String,
@@ -200,63 +201,63 @@ export const ResolveKeyboardMove = Command.define('ResolveKeyboardMove', {
 }, ResolvedKeyboardMove)(resolveKeyboardMoveTarget);
 const withUpdateReturn = M.withReturnType();
 /** Processes a drag-and-drop message and returns the next model, commands, and an optional out-message for the parent. */
-export const update = (model, message) => M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
-    PressedDraggable: ({ itemId, containerId, index, screenX, screenY }) => [
+export const update = (model, message) => __foldkitBrandViewResult((M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
+    PressedDraggable: ({ itemId, containerId, index, screenX, screenY }) => __foldkitBrandViewResult(([
         evo(model, {
-            dragState: () => Pending({
+            dragState: () => __foldkitBrandViewResult((Pending({
                 itemId,
                 containerId,
                 index,
                 origin: { screenX, screenY },
-            }),
+            })), "@foldkit/ui/dragAndDrop/index.js#dragState"),
         }),
         [],
         Option.none(),
-    ],
-    MovedPointer: ({ screenX, screenY, clientX, clientY, maybeDropTarget }) => M.value(model.dragState).pipe(withUpdateReturn, M.tag('Pending', pending => {
+    ]), "@foldkit/ui/dragAndDrop/index.js#PressedDraggable"),
+    MovedPointer: ({ screenX, screenY, clientX, clientY, maybeDropTarget }) => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('Pending', pending => {
         const deltaX = screenX - pending.origin.screenX;
         const deltaY = screenY - pending.origin.screenY;
         const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
         if (distance < model.activationThreshold) {
-            return [model, [], Option.none()];
+            return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#anonymous~10");
         }
-        return [
+        return __foldkitBrandViewResult(([
             evo(model, {
-                dragState: () => Dragging({
+                dragState: () => __foldkitBrandViewResult((Dragging({
                     itemId: pending.itemId,
                     sourceContainerId: pending.containerId,
                     sourceIndex: pending.index,
                     origin: pending.origin,
                     current: { clientX, clientY },
                     maybeDropTarget,
-                }),
+                })), "@foldkit/ui/dragAndDrop/index.js#dragState~2"),
             }),
             [],
             Option.none(),
-        ];
-    }), M.tag('Dragging', dragging => [
+        ]), "@foldkit/ui/dragAndDrop/index.js#anonymous~10");
+    }), M.tag('Dragging', dragging => __foldkitBrandViewResult(([
         evo(model, {
-            dragState: () => Dragging({
+            dragState: () => __foldkitBrandViewResult((Dragging({
                 ...dragging,
                 current: { clientX, clientY },
                 maybeDropTarget,
-            }),
+            })), "@foldkit/ui/dragAndDrop/index.js#dragState~3"),
         }),
         [],
         Option.none(),
-    ]), M.orElse(() => [model, [], Option.none()])),
-    ReleasedPointer: () => M.value(model.dragState).pipe(withUpdateReturn, M.tag('Pending', () => [
-        evo(model, { dragState: () => Idle() }),
+    ]), "@foldkit/ui/dragAndDrop/index.js#anonymous~11")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#anonymous~12")))), "@foldkit/ui/dragAndDrop/index.js#MovedPointer"),
+    ReleasedPointer: () => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('Pending', () => __foldkitBrandViewResult(([
+        evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~4") }),
         [],
         Option.none(),
-    ]), M.tag('Dragging', dragging => Option.match(dragging.maybeDropTarget, {
-        onNone: () => [
-            evo(model, { dragState: () => Idle() }),
+    ]), "@foldkit/ui/dragAndDrop/index.js#anonymous~13")), M.tag('Dragging', dragging => __foldkitBrandViewResult((Option.match(dragging.maybeDropTarget, {
+        onNone: () => __foldkitBrandViewResult(([
+            evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~5") }),
             [],
             Option.some(Cancelled()),
-        ],
-        onSome: dropTarget => [
-            evo(model, { dragState: () => Idle() }),
+        ]), "@foldkit/ui/dragAndDrop/index.js#onNone"),
+        onSome: dropTarget => __foldkitBrandViewResult(([
+            evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~6") }),
             [],
             Option.some(Reordered({
                 itemId: dragging.itemId,
@@ -265,43 +266,43 @@ export const update = (model, message) => M.value(message).pipe(withUpdateReturn
                 toContainerId: dropTarget.containerId,
                 toIndex: dropTarget.index,
             })),
-        ],
-    })), M.orElse(() => [model, [], Option.none()])),
+        ]), "@foldkit/ui/dragAndDrop/index.js#onSome"),
+    })), "@foldkit/ui/dragAndDrop/index.js#anonymous~14")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#anonymous~15")))), "@foldkit/ui/dragAndDrop/index.js#ReleasedPointer"),
     CancelledDrag: () => {
-        const maybeFocusCommand = Option.liftPredicate(model.dragState, dragState => dragState._tag === 'KeyboardDragging').pipe(Option.map(({ itemId }) => FocusItem({ itemId })));
-        const maybeOutMessage = Option.liftPredicate(model.dragState._tag, _tag => _tag === 'Dragging' || _tag === 'KeyboardDragging').pipe(Option.map(() => Cancelled()));
-        return [
-            evo(model, { dragState: () => Idle() }),
+        const maybeFocusCommand = Option.liftPredicate(model.dragState, dragState => __foldkitBrandViewResult((dragState._tag === 'KeyboardDragging'), "@foldkit/ui/dragAndDrop/index.js#anonymous~16")).pipe(Option.map(({ itemId }) => __foldkitBrandViewResult((FocusItem({ itemId })), "@foldkit/ui/dragAndDrop/index.js#anonymous~17")));
+        const maybeOutMessage = Option.liftPredicate(model.dragState._tag, _tag => __foldkitBrandViewResult((_tag === 'Dragging' || _tag === 'KeyboardDragging'), "@foldkit/ui/dragAndDrop/index.js#anonymous~18")).pipe(Option.map(() => __foldkitBrandViewResult((Cancelled()), "@foldkit/ui/dragAndDrop/index.js#anonymous~19")));
+        return __foldkitBrandViewResult(([
+            evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~7") }),
             Option.toArray(maybeFocusCommand),
             maybeOutMessage,
-        ];
+        ]), "@foldkit/ui/dragAndDrop/index.js#CancelledDrag");
     },
-    ActivatedKeyboardDrag: ({ itemId, containerId, index }) => [
+    ActivatedKeyboardDrag: ({ itemId, containerId, index }) => __foldkitBrandViewResult(([
         evo(model, {
-            dragState: () => KeyboardDragging({
+            dragState: () => __foldkitBrandViewResult((KeyboardDragging({
                 itemId,
                 sourceContainerId: containerId,
                 sourceIndex: index,
                 targetContainerId: containerId,
                 targetIndex: index,
-            }),
+            })), "@foldkit/ui/dragAndDrop/index.js#dragState~8"),
         }),
         [],
         Option.none(),
-    ],
-    ResolvedKeyboardMove: ({ targetContainerId, targetIndex }) => M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => [
+    ]), "@foldkit/ui/dragAndDrop/index.js#ActivatedKeyboardDrag"),
+    ResolvedKeyboardMove: ({ targetContainerId, targetIndex }) => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => __foldkitBrandViewResult(([
         evo(model, {
-            dragState: () => KeyboardDragging({
+            dragState: () => __foldkitBrandViewResult((KeyboardDragging({
                 ...keyboardDragging,
                 targetContainerId,
                 targetIndex,
-            }),
+            })), "@foldkit/ui/dragAndDrop/index.js#dragState~9"),
         }),
         [],
         Option.none(),
-    ]), M.orElse(() => [model, [], Option.none()])),
-    ConfirmedKeyboardDrop: () => M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => [
-        evo(model, { dragState: () => Idle() }),
+    ]), "@foldkit/ui/dragAndDrop/index.js#anonymous~20")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#anonymous~21")))), "@foldkit/ui/dragAndDrop/index.js#ResolvedKeyboardMove"),
+    ConfirmedKeyboardDrop: () => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => __foldkitBrandViewResult(([
+        evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/dragAndDrop/index.js#dragState~10") }),
         [FocusItem({ itemId: keyboardDragging.itemId })],
         Option.some(Reordered({
             itemId: keyboardDragging.itemId,
@@ -310,8 +311,8 @@ export const update = (model, message) => M.value(message).pipe(withUpdateReturn
             toContainerId: keyboardDragging.targetContainerId,
             toIndex: keyboardDragging.targetIndex,
         })),
-    ]), M.orElse(() => [model, [], Option.none()])),
-    PressedArrowKey: ({ direction }) => M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => [
+    ]), "@foldkit/ui/dragAndDrop/index.js#anonymous~22")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#anonymous~23")))), "@foldkit/ui/dragAndDrop/index.js#ConfirmedKeyboardDrop"),
+    PressedArrowKey: ({ direction }) => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('KeyboardDragging', keyboardDragging => __foldkitBrandViewResult(([
         model,
         [
             ResolveKeyboardMove({
@@ -322,28 +323,28 @@ export const update = (model, message) => M.value(message).pipe(withUpdateReturn
             }),
         ],
         Option.none(),
-    ]), M.orElse(() => [model, [], Option.none()])),
-    AdvancedAutoScrollFrame: () => [model, [], Option.none()],
-    CompletedFocusItem: () => [model, [], Option.none()],
-}));
+    ]), "@foldkit/ui/dragAndDrop/index.js#anonymous~24")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#anonymous~25")))), "@foldkit/ui/dragAndDrop/index.js#PressedArrowKey"),
+    AdvancedAutoScrollFrame: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#AdvancedAutoScrollFrame"),
+    CompletedFocusItem: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dragAndDrop/index.js#CompletedFocusItem"),
+}))), "@foldkit/ui/dragAndDrop/index.js#update");
 // SUBSCRIPTION
 const DragActivity = S.Literals(['Idle', 'Active']);
 const PointerDragActivity = S.Literals(['Idle', 'Active']);
 const KeyboardDragActivity = S.Literals(['Idle', 'Active']);
 const resolveDropTarget = (clientX, clientY, orientation) => {
-    const maybeContainer = pipe(document.elementsFromPoint(clientX, clientY), Array.fromIterable, Array.findFirst(element => element.hasAttribute('data-droppable-id')));
-    return Option.flatMap(maybeContainer, container => {
+    const maybeContainer = pipe(document.elementsFromPoint(clientX, clientY), Array.fromIterable, Array.findFirst(element => __foldkitBrandViewResult((element.hasAttribute('data-droppable-id')), "@foldkit/ui/dragAndDrop/index.js#anonymous~26")));
+    return __foldkitBrandViewResult((Option.flatMap(maybeContainer, container => {
         const containerId = container.getAttribute('data-droppable-id');
         if (!containerId) {
-            return Option.none();
+            return __foldkitBrandViewResult((Option.none()), "@foldkit/ui/dragAndDrop/index.js#anonymous~27");
         }
         const sortableItems = Array.fromIterable(container.querySelectorAll('[data-sortable-id]'));
         const insertionIndex = pipe(sortableItems, Array.findFirstIndex(item => {
             const rect = item.getBoundingClientRect();
-            return M.value(orientation).pipe(M.when('Vertical', () => clientY < rect.top + rect.height / 2), M.when('Horizontal', () => clientX < rect.left + rect.width / 2), M.exhaustive);
-        }), Option.getOrElse(() => sortableItems.length));
-        return Option.some({ containerId, index: insertionIndex });
-    });
+            return __foldkitBrandViewResult((M.value(orientation).pipe(M.when('Vertical', () => __foldkitBrandViewResult((clientY < rect.top + rect.height / 2), "@foldkit/ui/dragAndDrop/index.js#anonymous~29")), M.when('Horizontal', () => __foldkitBrandViewResult((clientX < rect.left + rect.width / 2), "@foldkit/ui/dragAndDrop/index.js#anonymous~30")), M.exhaustive)), "@foldkit/ui/dragAndDrop/index.js#anonymous~28");
+        }), Option.getOrElse(() => __foldkitBrandViewResult((sortableItems.length), "@foldkit/ui/dragAndDrop/index.js#anonymous~31")));
+        return __foldkitBrandViewResult((Option.some({ containerId, index: insertionIndex })), "@foldkit/ui/dragAndDrop/index.js#anonymous~27");
+    })), "@foldkit/ui/dragAndDrop/index.js#resolveDropTarget");
 };
 const DEFAULT_AUTO_SCROLL_EDGE_PIXELS = 40;
 const DEFAULT_AUTO_SCROLL_MAX_SPEED = 15;
@@ -362,94 +363,94 @@ const autoScroll = (clientY) => {
         window.scrollBy(0, speed);
     }
 };
-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'));
+const pointerDragActivityFromModel = (model) => __foldkitBrandViewResult((M.value(model.dragState).pipe(M.withReturnType(), M.tag('Pending', 'Dragging', () => __foldkitBrandViewResult(('Active'), "@foldkit/ui/dragAndDrop/index.js#anonymous~32")), M.orElse(() => __foldkitBrandViewResult(('Idle'), "@foldkit/ui/dragAndDrop/index.js#anonymous~33")))), "@foldkit/ui/dragAndDrop/index.js#pointerDragActivityFromModel");
+const dragActivityFromModel = (model) => __foldkitBrandViewResult((M.value(model.dragState).pipe(M.withReturnType(), M.tag('Idle', () => __foldkitBrandViewResult(('Idle'), "@foldkit/ui/dragAndDrop/index.js#anonymous~34")), M.orElse(() => __foldkitBrandViewResult(('Active'), "@foldkit/ui/dragAndDrop/index.js#anonymous~35")))), "@foldkit/ui/dragAndDrop/index.js#dragActivityFromModel");
+const keyboardDragActivityFromModel = (model) => __foldkitBrandViewResult((M.value(model.dragState).pipe(M.withReturnType(), M.tag('KeyboardDragging', () => __foldkitBrandViewResult(('Active'), "@foldkit/ui/dragAndDrop/index.js#anonymous~36")), M.orElse(() => __foldkitBrandViewResult(('Idle'), "@foldkit/ui/dragAndDrop/index.js#anonymous~37")))), "@foldkit/ui/dragAndDrop/index.js#keyboardDragActivityFromModel");
 /** Document-level subscriptions for pointer and keyboard events during drag operations. */
-export const subscriptions = Subscription.make()(entry => ({
+export const subscriptions = Subscription.make()(entry => (__foldkitBrandViewResult(({
     documentPointer: entry({
         dragActivity: PointerDragActivity,
         orientation: Orientation,
     }, {
-        modelToDependencies: model => ({
+        modelToDependencies: model => (__foldkitBrandViewResult(({
             dragActivity: pointerDragActivityFromModel(model),
             orientation: model.orientation,
-        }),
+        }), "@foldkit/ui/dragAndDrop/index.js#modelToDependencies")),
         dependenciesToStream: ({ dragActivity, orientation }) => {
-            const pointerEvents = Stream.merge(Stream.fromEventListener(document, 'pointermove').pipe(Stream.mapEffect(event => Effect.sync(() => MovedPointer({
+            const pointerEvents = Stream.merge(Stream.fromEventListener(document, 'pointermove').pipe(Stream.mapEffect(event => __foldkitBrandViewResult((Effect.sync(() => __foldkitBrandViewResult((MovedPointer({
                 screenX: event.screenX,
                 screenY: event.screenY,
                 clientX: event.clientX,
                 clientY: event.clientY,
                 maybeDropTarget: resolveDropTarget(event.clientX, event.clientY, orientation),
-            })))), Stream.fromEventListener(document, 'pointerup').pipe(Stream.map(() => ReleasedPointer())));
+            })), "@foldkit/ui/dragAndDrop/index.js#anonymous~40"))), "@foldkit/ui/dragAndDrop/index.js#anonymous~39"))), Stream.fromEventListener(document, 'pointerup').pipe(Stream.map(() => __foldkitBrandViewResult((ReleasedPointer()), "@foldkit/ui/dragAndDrop/index.js#anonymous~41"))));
             // NOTE: prevents text selection and locks cursor to grabbing during
             // pointer drag. Uses a <style> element for cursor because inline styles
             // on <html> don't override descendant elements' cursor values.
-            const documentDragStyles = Stream.callback(() => Effect.acquireRelease(Effect.sync(() => {
+            const documentDragStyles = Stream.callback(() => __foldkitBrandViewResult((Effect.acquireRelease(Effect.sync(() => {
                 document.documentElement.style.setProperty('user-select', 'none');
                 document.documentElement.style.setProperty('-webkit-user-select', 'none');
                 const cursorStyle = document.createElement('style');
                 cursorStyle.textContent = '* { cursor: grabbing !important; }';
                 document.head.appendChild(cursorStyle);
-                return cursorStyle;
-            }), cursorStyle => Effect.sync(() => {
+                return __foldkitBrandViewResult((cursorStyle), "@foldkit/ui/dragAndDrop/index.js#anonymous~43");
+            }), cursorStyle => __foldkitBrandViewResult((Effect.sync(() => {
                 document.documentElement.style.removeProperty('user-select');
                 document.documentElement.style.removeProperty('-webkit-user-select');
                 cursorStyle.remove();
-            })).pipe(Effect.flatMap(() => Effect.never)));
-            return Stream.when(Stream.merge(pointerEvents, documentDragStyles), Effect.sync(() => dragActivity === 'Active'));
+            })), "@foldkit/ui/dragAndDrop/index.js#anonymous~44")).pipe(Effect.flatMap(() => __foldkitBrandViewResult((Effect.never), "@foldkit/ui/dragAndDrop/index.js#anonymous~46")))), "@foldkit/ui/dragAndDrop/index.js#anonymous~42"));
+            return __foldkitBrandViewResult((Stream.when(Stream.merge(pointerEvents, documentDragStyles), Effect.sync(() => __foldkitBrandViewResult((dragActivity === 'Active'), "@foldkit/ui/dragAndDrop/index.js#anonymous~47")))), "@foldkit/ui/dragAndDrop/index.js#dependenciesToStream");
         },
     }),
     documentEscape: entry({ dragActivity: DragActivity }, {
-        modelToDependencies: model => ({
+        modelToDependencies: model => (__foldkitBrandViewResult(({
             dragActivity: dragActivityFromModel(model),
-        }),
-        dependenciesToStream: ({ dragActivity }) => Stream.when(Stream.fromEventListener(document, 'keydown').pipe(Stream.filter(({ key }) => key === 'Escape'), Stream.map(() => CancelledDrag())), Effect.sync(() => dragActivity === 'Active')),
+        }), "@foldkit/ui/dragAndDrop/index.js#modelToDependencies~2")),
+        dependenciesToStream: ({ dragActivity }) => __foldkitBrandViewResult((Stream.when(Stream.fromEventListener(document, 'keydown').pipe(Stream.filter(({ key }) => __foldkitBrandViewResult((key === 'Escape'), "@foldkit/ui/dragAndDrop/index.js#anonymous~48")), Stream.map(() => __foldkitBrandViewResult((CancelledDrag()), "@foldkit/ui/dragAndDrop/index.js#anonymous~49"))), Effect.sync(() => __foldkitBrandViewResult((dragActivity === 'Active'), "@foldkit/ui/dragAndDrop/index.js#anonymous~50")))), "@foldkit/ui/dragAndDrop/index.js#dependenciesToStream~2"),
     }),
     documentKeyboard: entry({ dragActivity: KeyboardDragActivity }, {
-        modelToDependencies: model => ({
+        modelToDependencies: model => (__foldkitBrandViewResult(({
             dragActivity: keyboardDragActivityFromModel(model),
-        }),
-        dependenciesToStream: ({ dragActivity }) => Stream.when(Stream.fromEventListener(document, 'keydown').pipe(Stream.mapEffect((event) => Effect.sync(() => {
+        }), "@foldkit/ui/dragAndDrop/index.js#modelToDependencies~3")),
+        dependenciesToStream: ({ dragActivity }) => __foldkitBrandViewResult((Stream.when(Stream.fromEventListener(document, 'keydown').pipe(Stream.mapEffect((event) => __foldkitBrandViewResult((Effect.sync(() => {
             // NOTE: the draggable's OnKeyDownPreventDefault calls preventDefault on
             // 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();
+                return __foldkitBrandViewResult((Option.none()), "@foldkit/ui/dragAndDrop/index.js#anonymous~52");
             }
             if (event.key === 'Tab') {
                 event.preventDefault();
-                return Option.some(PressedArrowKey({
+                return __foldkitBrandViewResult((Option.some(PressedArrowKey({
                     direction: event.shiftKey
                         ? 'PreviousContainer'
                         : 'NextContainer',
-                }));
+                }))), "@foldkit/ui/dragAndDrop/index.js#anonymous~52");
             }
             if (event.key === ' ' || event.key === 'Enter') {
                 event.preventDefault();
-                return Option.some(ConfirmedKeyboardDrop());
+                return __foldkitBrandViewResult((Option.some(ConfirmedKeyboardDrop())), "@foldkit/ui/dragAndDrop/index.js#anonymous~52");
             }
-            return Option.map(arrowKeyToDirection(event.key), direction => {
+            return __foldkitBrandViewResult((Option.map(arrowKeyToDirection(event.key), direction => {
                 event.preventDefault();
-                return PressedArrowKey({ direction });
-            });
-        })), Stream.filter(Option.isSome), Stream.map(option => option.value)), Effect.sync(() => dragActivity === 'Active')),
+                return __foldkitBrandViewResult((PressedArrowKey({ direction })), "@foldkit/ui/dragAndDrop/index.js#anonymous~53");
+            })), "@foldkit/ui/dragAndDrop/index.js#anonymous~52");
+        })), "@foldkit/ui/dragAndDrop/index.js#anonymous~51")), Stream.filter(Option.isSome), Stream.map(option => __foldkitBrandViewResult((option.value), "@foldkit/ui/dragAndDrop/index.js#anonymous~54"))), Effect.sync(() => __foldkitBrandViewResult((dragActivity === 'Active'), "@foldkit/ui/dragAndDrop/index.js#anonymous~55")))), "@foldkit/ui/dragAndDrop/index.js#dependenciesToStream~3"),
     }),
     autoScroll: entry({
         isDragging: S.Boolean,
         clientY: S.Number,
     }, {
-        modelToDependencies: model => ({
+        modelToDependencies: model => (__foldkitBrandViewResult(({
             isDragging: model.dragState._tag === 'Dragging',
             clientY: model.dragState._tag === 'Dragging'
                 ? model.dragState.current.clientY
                 : 0,
-        }),
+        }), "@foldkit/ui/dragAndDrop/index.js#modelToDependencies~4")),
         keepAliveEquivalence: Equivalence.Struct({
             isDragging: Equivalence.Boolean,
         }),
-        dependenciesToStream: ({ isDragging }, readDependencies) => Stream.when(Stream.callback(queue => Effect.acquireRelease(Effect.sync(() => {
+        dependenciesToStream: ({ isDragging }, readDependencies) => __foldkitBrandViewResult((Stream.when(Stream.callback(queue => __foldkitBrandViewResult((Effect.acquireRelease(Effect.sync(() => {
             const ref = { id: 0 };
             const step = () => {
                 autoScroll(readDependencies().clientY);
@@ -457,79 +458,79 @@ export const subscriptions = Subscription.make()(entry => ({
                 ref.id = requestAnimationFrame(step);
             };
             ref.id = requestAnimationFrame(step);
-            return ref;
-        }), ref => Effect.sync(() => cancelAnimationFrame(ref.id))).pipe(Effect.flatMap(() => Effect.never))), Effect.sync(() => isDragging)),
+            return __foldkitBrandViewResult((ref), "@foldkit/ui/dragAndDrop/index.js#anonymous~57");
+        }), ref => __foldkitBrandViewResult((Effect.sync(() => __foldkitBrandViewResult((cancelAnimationFrame(ref.id)), "@foldkit/ui/dragAndDrop/index.js#anonymous~59"))), "@foldkit/ui/dragAndDrop/index.js#anonymous~58")).pipe(Effect.flatMap(() => __foldkitBrandViewResult((Effect.never), "@foldkit/ui/dragAndDrop/index.js#anonymous~60")))), "@foldkit/ui/dragAndDrop/index.js#anonymous~56")), Effect.sync(() => __foldkitBrandViewResult((isDragging), "@foldkit/ui/dragAndDrop/index.js#anonymous~61")))), "@foldkit/ui/dragAndDrop/index.js#dependenciesToStream~4"),
     }),
-}));
+}), "@foldkit/ui/dragAndDrop/index.js#anonymous~38")));
 // 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);
+const arrowKeyToDirection = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.withReturnType(), M.when('ArrowUp', () => __foldkitBrandViewResult(('Up'), "@foldkit/ui/dragAndDrop/index.js#anonymous~62")), M.when('ArrowDown', () => __foldkitBrandViewResult(('Down'), "@foldkit/ui/dragAndDrop/index.js#anonymous~63")), M.when('ArrowLeft', () => __foldkitBrandViewResult(('Left'), "@foldkit/ui/dragAndDrop/index.js#anonymous~64")), M.when('ArrowRight', () => __foldkitBrandViewResult(('Right'), "@foldkit/ui/dragAndDrop/index.js#anonymous~65")), M.option)), "@foldkit/ui/dragAndDrop/index.js#arrowKeyToDirection");
 /** Returns attributes the parent attaches to a draggable element. Handles pointer-down, keyboard activation, and ARIA. */
 export const draggable = (config) => {
     const h = html();
-    const isKeyboardDragActivationKey = (key) => key === ' ' || key === 'Enter';
+    const isKeyboardDragActivationKey = (key) => __foldkitBrandViewResult((key === ' ' || key === 'Enter'), "@foldkit/ui/dragAndDrop/index.js#isKeyboardDragActivationKey");
     const handleKeyDown = (key) => {
         if (isKeyboardDragActivationKey(key) &&
             config.model.dragState._tag === 'Idle') {
-            return Option.some(config.toParentMessage(ActivatedKeyboardDrag({
+            return __foldkitBrandViewResult((Option.some(config.toParentMessage(ActivatedKeyboardDrag({
                 itemId: config.itemId,
                 containerId: config.containerId,
                 index: config.index,
-            })));
+            })))), "@foldkit/ui/dragAndDrop/index.js#handleKeyDown");
         }
-        return Option.none();
+        return __foldkitBrandViewResult((Option.none()), "@foldkit/ui/dragAndDrop/index.js#handleKeyDown");
     };
-    return [
+    return __foldkitBrandViewResult(([
         h.DataAttribute('draggable-id', config.itemId),
         h.DataAttribute('sortable-id', config.itemId),
         h.Role('option'),
         h.AriaRoleDescription('draggable'),
         h.Tabindex(0),
-        h.OnPointerDown((_pointerType, button, screenX, screenY) => pipe(button, Option.liftPredicate(Equal.equals(LEFT_MOUSE_BUTTON)), Option.map(() => config.toParentMessage(PressedDraggable({
+        h.OnPointerDown((_pointerType, button, screenX, screenY) => __foldkitBrandViewResult((pipe(button, Option.liftPredicate(Equal.equals(LEFT_MOUSE_BUTTON)), Option.map(() => __foldkitBrandViewResult((config.toParentMessage(PressedDraggable({
             itemId: config.itemId,
             containerId: config.containerId,
             index: config.index,
             screenX,
             screenY,
-        }))))),
+        }))), "@foldkit/ui/dragAndDrop/index.js#anonymous~67")))), "@foldkit/ui/dragAndDrop/index.js#anonymous~66")),
         h.OnKeyDownPreventDefault(handleKeyDown),
         h.Style({
             'touch-action': 'none',
             'user-select': 'none',
             '-webkit-user-select': 'none',
         }),
-    ];
+    ]), "@foldkit/ui/dragAndDrop/index.js#draggable");
 };
 /** Returns attributes the parent attaches to a droppable container element. */
 export const droppable = (containerId, label) => {
     const h = html();
-    return [
+    return __foldkitBrandViewResult(([
         h.DataAttribute('droppable-id', containerId),
         h.Role('listbox'),
         ...(label ? [h.AriaLabel(label)] : []),
-    ];
+    ]), "@foldkit/ui/dragAndDrop/index.js#droppable");
 };
 /** Returns attributes the parent attaches to a sortable item element. Typically combined with `draggable`. */
 export const sortable = (itemId) => {
     const h = html();
-    return [h.DataAttribute('sortable-id', itemId)];
+    return __foldkitBrandViewResult(([h.DataAttribute('sortable-id', itemId)]), "@foldkit/ui/dragAndDrop/index.js#sortable");
 };
-const ghostTransform = (clientX, clientY) => `translate3d(${String(clientX)}px, ${String(clientY)}px, 0)`;
+const ghostTransform = (clientX, clientY) => __foldkitBrandViewResult((`translate3d(${String(clientX)}px, ${String(clientY)}px, 0)`), "@foldkit/ui/dragAndDrop/index.js#ghostTransform");
 /** Returns positioning styles for the ghost element, or None when not dragging with a pointer. */
-export const ghostStyle = (model) => M.value(model.dragState).pipe(M.tag('Dragging', dragging => ({
+export const ghostStyle = (model) => __foldkitBrandViewResult((M.value(model.dragState).pipe(M.tag('Dragging', dragging => (__foldkitBrandViewResult(({
     position: 'fixed',
     top: '0',
     left: '0',
     transform: ghostTransform(dragging.current.clientX, dragging.current.clientY),
     'pointer-events': 'none',
     'z-index': '9999',
-})), M.option);
+}), "@foldkit/ui/dragAndDrop/index.js#anonymous~68"))), M.option)), "@foldkit/ui/dragAndDrop/index.js#ghostStyle");
 /** Returns true when the component is actively dragging (pointer or keyboard). */
-export const isDragging = ({ dragState: { _tag } }) => _tag === 'Dragging' || _tag === 'KeyboardDragging';
+export const isDragging = ({ dragState: { _tag } }) => __foldkitBrandViewResult((_tag === 'Dragging' || _tag === 'KeyboardDragging'), "@foldkit/ui/dragAndDrop/index.js#isDragging");
 /** Returns the ID of the item currently being dragged or pending, if any. */
-export const maybeDraggedItemId = (model) => M.value(model.dragState).pipe(M.tag('Pending', pending => pending.itemId), M.tag('Dragging', dragging => dragging.itemId), M.tag('KeyboardDragging', keyboardDragging => keyboardDragging.itemId), M.option);
+export const maybeDraggedItemId = (model) => __foldkitBrandViewResult((M.value(model.dragState).pipe(M.tag('Pending', pending => __foldkitBrandViewResult((pending.itemId), "@foldkit/ui/dragAndDrop/index.js#anonymous~69")), M.tag('Dragging', dragging => __foldkitBrandViewResult((dragging.itemId), "@foldkit/ui/dragAndDrop/index.js#anonymous~70")), M.tag('KeyboardDragging', keyboardDragging => __foldkitBrandViewResult((keyboardDragging.itemId), "@foldkit/ui/dragAndDrop/index.js#anonymous~71")), M.option)), "@foldkit/ui/dragAndDrop/index.js#maybeDraggedItemId");
 /** Returns the current drop target, if any. Populated during pointer drag (from collision detection) and keyboard drag (from resolved position). */
-export const maybeDropTarget = (model) => M.value(model.dragState).pipe(M.tag('Dragging', dragging => dragging.maybeDropTarget), M.tag('KeyboardDragging', keyboardDragging => Option.some({
+export const maybeDropTarget = (model) => __foldkitBrandViewResult((M.value(model.dragState).pipe(M.tag('Dragging', dragging => __foldkitBrandViewResult((dragging.maybeDropTarget), "@foldkit/ui/dragAndDrop/index.js#anonymous~72")), M.tag('KeyboardDragging', keyboardDragging => __foldkitBrandViewResult((Option.some({
     containerId: keyboardDragging.targetContainerId,
     index: keyboardDragging.targetIndex,
-})), M.orElse(() => Option.none()));
+})), "@foldkit/ui/dragAndDrop/index.js#anonymous~73")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/dragAndDrop/index.js#anonymous~74")))), "@foldkit/ui/dragAndDrop/index.js#maybeDropTarget");

package/dist/fieldset/index.js

@@ -1,8 +1,9 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { html } from 'foldkit/html';
 /** Generates the legend element ID from the fieldset's base ID. */
-export const legendId = (id) => `${id}-legend`;
+export const legendId = (id) => __foldkitBrandViewResult((`${id}-legend`), "@foldkit/ui/fieldset/index.js#legendId");
 /** Generates the description element ID from the fieldset's base ID. */
-export const descriptionId = (id) => `${id}-description`;
+export const descriptionId = (id) => __foldkitBrandViewResult((`${id}-description`), "@foldkit/ui/fieldset/index.js#descriptionId");
 /** Renders an accessible fieldset by building ARIA attribute groups and delegating layout to the consumer's `toView` callback. */
 export const view = (config) => {
     const h = html();
@@ -17,9 +18,9 @@ export const view = (config) => {
     ];
     const legendAttributes = [h.Id(legendId(id))];
     const descriptionAttributes = [h.Id(descriptionId(id))];
-    return toView({
+    return __foldkitBrandViewResult((toView({
         fieldset: allFieldsetAttributes,
         legend: legendAttributes,
         description: descriptionAttributes,
-    });
+    })), "@foldkit/ui/fieldset/index.js#view");
 };