@foldkit/ui 0.129.0 → 0.131.0

package/dist/nav/index.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Array, Option } from 'effect';
 import { childAttributes, html, } from 'foldkit/html';
 // VIEW
@@ -23,21 +24,21 @@ export const view = (viewInputs) => {
     const { items, ariaLabel, toHref, isItemCurrent, toView } = viewInputs;
     const itemInfos = Array.map(items, (value, index) => {
         const isCurrent = isItemCurrent(value, index);
-        const maybeCurrentAttributes = Option.liftPredicate([h.AriaCurrent(ARIA_CURRENT_PAGE), h.DataAttribute('current', '')], () => isCurrent);
+        const maybeCurrentAttributes = Option.liftPredicate([h.AriaCurrent(ARIA_CURRENT_PAGE), h.DataAttribute('current', '')], () => __foldkitBrandViewResult((isCurrent), "@foldkit/ui/nav/index.js#anonymous~2"));
         const linkAttributes = [
             h.Href(toHref(value, index)),
-            ...Option.getOrElse(maybeCurrentAttributes, () => []),
+            ...Option.getOrElse(maybeCurrentAttributes, () => __foldkitBrandViewResult(([]), "@foldkit/ui/nav/index.js#anonymous~3")),
         ];
-        return {
+        return __foldkitBrandViewResult(({
             value,
             index,
             isCurrent,
             link: childAttributes(linkAttributes),
-        };
+        }), "@foldkit/ui/nav/index.js#anonymous");
     });
     const navAttributes = [h.AriaLabel(ariaLabel)];
-    return toView({
+    return __foldkitBrandViewResult((toView({
         nav: childAttributes(navAttributes),
         items: itemInfos,
-    });
+    })), "@foldkit/ui/nav/index.js#view");
 };

package/dist/popover/index.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Array, Effect, Equal, Match as M, Option, Predicate, Schema as S, } from 'effect';
 import * as Command from 'foldkit/command';
 import * as Dom from 'foldkit/dom';
@@ -89,7 +90,7 @@ export const OutMessage = S.Union([Opened, Closed]);
 // INIT
 const LEFT_MOUSE_BUTTON = 0;
 /** Creates an initial popover model from a config. Defaults to closed. */
-export const init = (config) => ({
+export const init = (config) => (__foldkitBrandViewResult(({
     id: config.id,
     isOpen: false,
     isAnimated: config.isAnimated ?? false,
@@ -97,51 +98,51 @@ export const init = (config) => ({
     contentFocus: config.contentFocus ?? false,
     animation: animationInit({ id: `${config.id}-panel` }),
     maybeLastButtonPointerType: Option.none(),
-});
+}), "@foldkit/ui/popover/index.js#init"));
 // UPDATE
-const closedModel = (model) => evo(model, {
-    isOpen: () => false,
-    maybeLastButtonPointerType: () => Option.none(),
-});
-const buttonSelector = (id) => idSelector(`${id}-button`);
-const panelSelector = (id) => idSelector(`${id}-panel`);
+const closedModel = (model) => __foldkitBrandViewResult((evo(model, {
+    isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/popover/index.js#isOpen"),
+    maybeLastButtonPointerType: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/popover/index.js#maybeLastButtonPointerType"),
+})), "@foldkit/ui/popover/index.js#closedModel");
+const buttonSelector = (id) => __foldkitBrandViewResult((idSelector(`${id}-button`)), "@foldkit/ui/popover/index.js#buttonSelector");
+const panelSelector = (id) => __foldkitBrandViewResult((idSelector(`${id}-panel`)), "@foldkit/ui/popover/index.js#panelSelector");
 /** Returns the bare DOM id of the popover trigger button, derived from the
  *  popover's base id. Use this to associate an external label with the
  *  trigger via a native `<label for={Popover.buttonId(id)}>` or an
  *  `aria-labelledby` reference. */
-export const buttonId = (id) => `${id}-button`;
+export const buttonId = (id) => __foldkitBrandViewResult((`${id}-button`), "@foldkit/ui/popover/index.js#buttonId");
 const withUpdateReturn = M.withReturnType();
 /** Prevents page scrolling while the popover is open in modal mode. */
 export const LockScroll = Command.define('LockScroll', CompletedLockScroll)(Dom.lockScroll.pipe(Effect.as(CompletedLockScroll())));
 /** Re-enables page scrolling after the popover closes. */
 export const UnlockScroll = Command.define('UnlockScroll', CompletedUnlockScroll)(Dom.unlockScroll.pipe(Effect.as(CompletedUnlockScroll())));
 /** Marks all elements outside the popover as inert for modal behavior. */
-export const InertOthers = Command.define('InertOthers', { id: S.String }, CompletedInertOthers)(({ id }) => Dom.inertOthers(id, [buttonSelector(id), panelSelector(id)]).pipe(Effect.as(CompletedInertOthers())));
+export const InertOthers = Command.define('InertOthers', { id: S.String }, CompletedInertOthers)(({ id }) => __foldkitBrandViewResult((Dom.inertOthers(id, [buttonSelector(id), panelSelector(id)]).pipe(Effect.as(CompletedInertOthers()))), "@foldkit/ui/popover/index.js#anonymous"));
 /** Removes the inert attribute from elements outside the popover. */
-export const RestoreInert = Command.define('RestoreInert', { id: S.String }, CompletedRestoreInert)(({ id }) => Dom.restoreInert(id).pipe(Effect.as(CompletedRestoreInert())));
+export const RestoreInert = Command.define('RestoreInert', { id: S.String }, CompletedRestoreInert)(({ id }) => __foldkitBrandViewResult((Dom.restoreInert(id).pipe(Effect.as(CompletedRestoreInert()))), "@foldkit/ui/popover/index.js#anonymous~2"));
 /** Moves focus to the popover panel after opening. */
-export const FocusPanel = Command.define('FocusPanel', { id: S.String }, CompletedFocusPanel)(({ id }) => Dom.focus(panelSelector(id)).pipe(Effect.ignore, Effect.as(CompletedFocusPanel())));
+export const FocusPanel = Command.define('FocusPanel', { id: S.String }, CompletedFocusPanel)(({ id }) => __foldkitBrandViewResult((Dom.focus(panelSelector(id)).pipe(Effect.ignore, Effect.as(CompletedFocusPanel()))), "@foldkit/ui/popover/index.js#anonymous~3"));
 /** Moves focus back to the popover button after closing. */
-export const FocusButton = Command.define('FocusButton', { id: S.String }, CompletedFocusButton)(({ id }) => Dom.focus(buttonSelector(id)).pipe(Effect.ignore, Effect.as(CompletedFocusButton())));
+export const FocusButton = Command.define('FocusButton', { id: S.String }, CompletedFocusButton)(({ id }) => __foldkitBrandViewResult((Dom.focus(buttonSelector(id)).pipe(Effect.ignore, Effect.as(CompletedFocusButton()))), "@foldkit/ui/popover/index.js#anonymous~4"));
 /** Detects whether the popover button moved or the leave animation ended. Whichever comes first; both outcomes signal the Animation submodel that leave is complete. */
-export const DetectMovementOrAnimationEnd = Command.define('DetectMovementOrAnimationEnd', { id: S.String }, GotAnimationMessage)(({ id }) => Effect.raceFirst(Dom.detectElementMovement(buttonSelector(id)).pipe(Effect.as(GotAnimationMessage({ message: AnimationEndedAnimation() }))), Dom.waitForAnimationSettled(panelSelector(id)).pipe(Effect.as(GotAnimationMessage({ message: AnimationEndedAnimation() })))));
+export const DetectMovementOrAnimationEnd = Command.define('DetectMovementOrAnimationEnd', { id: S.String }, GotAnimationMessage)(({ id }) => __foldkitBrandViewResult((Effect.raceFirst(Dom.detectElementMovement(buttonSelector(id)).pipe(Effect.as(GotAnimationMessage({ message: AnimationEndedAnimation() }))), Dom.waitForAnimationSettled(panelSelector(id)).pipe(Effect.as(GotAnimationMessage({ message: AnimationEndedAnimation() }))))), "@foldkit/ui/popover/index.js#anonymous~5"));
 const delegateToAnimation = (model, animationMessage) => {
     const [nextAnimation, animationCommands, maybeOutMessage] = animationUpdate(model.animation, animationMessage);
-    const mappedCommands = Command.mapMessages(animationCommands, message => GotAnimationMessage({ message }));
+    const mappedCommands = Command.mapMessages(animationCommands, message => __foldkitBrandViewResult((GotAnimationMessage({ message })), "@foldkit/ui/popover/index.js#anonymous~6"));
     const additionalCommands = Option.match(maybeOutMessage, {
-        onNone: () => [],
+        onNone: () => __foldkitBrandViewResult(([]), "@foldkit/ui/popover/index.js#onNone"),
         onSome: M.type().pipe(M.tagsExhaustive({
-            StartedLeaveAnimating: () => [
+            StartedLeaveAnimating: () => __foldkitBrandViewResult(([
                 DetectMovementOrAnimationEnd({ id: model.id }),
-            ],
-            TransitionedOut: () => [],
+            ]), "@foldkit/ui/popover/index.js#StartedLeaveAnimating"),
+            TransitionedOut: () => __foldkitBrandViewResult(([]), "@foldkit/ui/popover/index.js#TransitionedOut"),
         })),
     });
-    return [
-        evo(model, { animation: () => nextAnimation }),
+    return __foldkitBrandViewResult(([
+        evo(model, { animation: () => __foldkitBrandViewResult((nextAnimation), "@foldkit/ui/popover/index.js#animation") }),
         [...mappedCommands, ...additionalCommands],
         Option.none(),
-    ];
+    ]), "@foldkit/ui/popover/index.js#delegateToAnimation");
 };
 /** Processes a popover message and returns the next model, commands, and optional OutMessage. */
 export const update = (model, message) => {
@@ -162,77 +163,77 @@ export const update = (model, message) => {
     const openPopover = (baseModel) => {
         if (model.isAnimated) {
             const [nextModel, animationCommands] = delegateToAnimation(baseModel, AnimationShowed());
-            return [
-                evo(nextModel, { isOpen: () => true }),
+            return __foldkitBrandViewResult(([
+                evo(nextModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/popover/index.js#isOpen~2") }),
                 [...openCommands, ...animationCommands],
                 Option.some(Opened()),
-            ];
+            ]), "@foldkit/ui/popover/index.js#openPopover");
         }
-        return [
-            evo(baseModel, { isOpen: () => true }),
+        return __foldkitBrandViewResult(([
+            evo(baseModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/popover/index.js#isOpen~3") }),
             openCommands,
             Option.some(Opened()),
-        ];
+        ]), "@foldkit/ui/popover/index.js#openPopover");
     };
     const closePopover = (baseModel, commands) => {
         if (!baseModel.isOpen) {
-            return [baseModel, commands, Option.none()];
+            return __foldkitBrandViewResult(([baseModel, commands, Option.none()]), "@foldkit/ui/popover/index.js#closePopover");
         }
         const closed = closedModel(baseModel);
         if (model.isAnimated) {
             const [nextModel, animationCommands] = delegateToAnimation(closed, AnimationHid());
-            return [
+            return __foldkitBrandViewResult(([
                 nextModel,
                 [...commands, ...animationCommands],
                 Option.some(Closed()),
-            ];
+            ]), "@foldkit/ui/popover/index.js#closePopover");
         }
-        return [closed, commands, Option.some(Closed())];
+        return __foldkitBrandViewResult(([closed, commands, Option.some(Closed())]), "@foldkit/ui/popover/index.js#closePopover");
     };
-    return M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
-        RequestedOpen: () => openPopover(model),
-        RequestedClose: () => closePopover(model, closeWithFocusCommands),
+    return __foldkitBrandViewResult((M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
+        RequestedOpen: () => __foldkitBrandViewResult((openPopover(model)), "@foldkit/ui/popover/index.js#RequestedOpen"),
+        RequestedClose: () => __foldkitBrandViewResult((closePopover(model, closeWithFocusCommands)), "@foldkit/ui/popover/index.js#RequestedClose"),
         BlurredPanel: () => {
             if (Option.exists(model.maybeLastButtonPointerType, Equal.equals('mouse'))) {
-                return [model, [], Option.none()];
+                return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/popover/index.js#BlurredPanel");
             }
-            return closePopover(model, closeWithoutFocusCommands);
+            return __foldkitBrandViewResult((closePopover(model, closeWithoutFocusCommands)), "@foldkit/ui/popover/index.js#BlurredPanel");
         },
         PressedPointerOnButton: ({ pointerType, button }) => {
             const withPointerType = evo(model, {
-                maybeLastButtonPointerType: () => Option.some(pointerType),
+                maybeLastButtonPointerType: () => __foldkitBrandViewResult((Option.some(pointerType)), "@foldkit/ui/popover/index.js#maybeLastButtonPointerType~2"),
             });
             if (pointerType !== 'mouse' || button !== LEFT_MOUSE_BUTTON) {
-                return [withPointerType, [], Option.none()];
+                return __foldkitBrandViewResult(([withPointerType, [], Option.none()]), "@foldkit/ui/popover/index.js#PressedPointerOnButton");
             }
             if (model.isOpen) {
                 const [closed, commands, maybeOutMessage] = closePopover(withPointerType, closeWithFocusCommands);
-                return [
+                return __foldkitBrandViewResult(([
                     evo(closed, {
-                        maybeLastButtonPointerType: () => Option.some(pointerType),
+                        maybeLastButtonPointerType: () => __foldkitBrandViewResult((Option.some(pointerType)), "@foldkit/ui/popover/index.js#maybeLastButtonPointerType~3"),
                     }),
                     commands,
                     maybeOutMessage,
-                ];
+                ]), "@foldkit/ui/popover/index.js#PressedPointerOnButton");
             }
-            return openPopover(withPointerType);
+            return __foldkitBrandViewResult((openPopover(withPointerType)), "@foldkit/ui/popover/index.js#PressedPointerOnButton");
         },
-        GotAnimationMessage: ({ message: animationMessage }) => delegateToAnimation(model, animationMessage),
-        CompletedFocusPanel: () => [model, [], Option.none()],
-        CompletedFocusButton: () => [model, [], Option.none()],
-        CompletedLockScroll: () => [model, [], Option.none()],
-        CompletedUnlockScroll: () => [model, [], Option.none()],
-        CompletedInertOthers: () => [model, [], Option.none()],
-        CompletedRestoreInert: () => [model, [], Option.none()],
-        IgnoredMouseClick: () => [
-            evo(model, { maybeLastButtonPointerType: () => Option.none() }),
+        GotAnimationMessage: ({ message: animationMessage }) => __foldkitBrandViewResult((delegateToAnimation(model, animationMessage)), "@foldkit/ui/popover/index.js#GotAnimationMessage"),
+        CompletedFocusPanel: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/popover/index.js#CompletedFocusPanel"),
+        CompletedFocusButton: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/popover/index.js#CompletedFocusButton"),
+        CompletedLockScroll: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/popover/index.js#CompletedLockScroll"),
+        CompletedUnlockScroll: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/popover/index.js#CompletedUnlockScroll"),
+        CompletedInertOthers: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/popover/index.js#CompletedInertOthers"),
+        CompletedRestoreInert: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/popover/index.js#CompletedRestoreInert"),
+        IgnoredMouseClick: () => __foldkitBrandViewResult(([
+            evo(model, { maybeLastButtonPointerType: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/popover/index.js#maybeLastButtonPointerType~4") }),
             [],
             Option.none(),
-        ],
-        SuppressedSpaceScroll: () => [model, [], Option.none()],
-        CompletedAnchorPopover: () => [model, [], Option.none()],
-        CompletedPortalPopoverBackdrop: () => [model, [], Option.none()],
-    }));
+        ]), "@foldkit/ui/popover/index.js#IgnoredMouseClick"),
+        SuppressedSpaceScroll: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/popover/index.js#SuppressedSpaceScroll"),
+        CompletedAnchorPopover: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/popover/index.js#CompletedAnchorPopover"),
+        CompletedPortalPopoverBackdrop: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/popover/index.js#CompletedPortalPopoverBackdrop"),
+    }))), "@foldkit/ui/popover/index.js#update");
 };
 /** The anchor-positioning Mount this Popover renders on its panel. Exposed so
  *  Scene tests can call `Scene.Mount.resolve(AnchorPopover, CompletedAnchorPopover())`
@@ -241,29 +242,29 @@ export const AnchorPopover = Mount.define('AnchorPopover', {
     buttonId: S.String,
     anchor: AnchorConfig,
     focusSelector: S.optional(S.String),
-}, CompletedAnchorPopover)(({ buttonId, anchor, focusSelector }) => element => Effect.gen(function* () {
-    yield* Effect.acquireRelease(Effect.sync(() => anchorSetup({
+}, CompletedAnchorPopover)(({ buttonId, anchor, focusSelector }) => __foldkitBrandViewResult((element => __foldkitBrandViewResult((Effect.gen(function* () {
+    yield* Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((anchorSetup({
         buttonId,
         anchor,
         interceptTab: false,
         focusAfterPosition: true,
         ...(focusSelector !== undefined && { focusSelector }),
-    })(element)), cleanup => Effect.sync(cleanup));
-    return CompletedAnchorPopover();
-}));
+    })(element)), "@foldkit/ui/popover/index.js#anonymous~10")), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/popover/index.js#anonymous~11"));
+    return __foldkitBrandViewResult((CompletedAnchorPopover()), "@foldkit/ui/popover/index.js#anonymous~9");
+})), "@foldkit/ui/popover/index.js#anonymous~8")), "@foldkit/ui/popover/index.js#anonymous~7"));
 /** The backdrop-portaling Mount this Popover renders. Exposed so Scene tests can
  *  call `Scene.Mount.resolve(PortalPopoverBackdrop, CompletedPortalPopoverBackdrop())` to
  *  acknowledge the mount produced by the rendered backdrop. */
-export const PortalPopoverBackdrop = Mount.define('PortalPopoverBackdrop', CompletedPortalPopoverBackdrop)(element => Effect.gen(function* () {
-    yield* Effect.acquireRelease(Effect.sync(() => portalToContainingRoot(element)), cleanup => Effect.sync(cleanup));
-    return CompletedPortalPopoverBackdrop();
-}));
+export const PortalPopoverBackdrop = Mount.define('PortalPopoverBackdrop', CompletedPortalPopoverBackdrop)(element => __foldkitBrandViewResult((Effect.gen(function* () {
+    yield* Effect.acquireRelease(Effect.sync(() => __foldkitBrandViewResult((portalToContainingRoot(element)), "@foldkit/ui/popover/index.js#anonymous~14")), cleanup => __foldkitBrandViewResult((Effect.sync(cleanup)), "@foldkit/ui/popover/index.js#anonymous~15"));
+    return __foldkitBrandViewResult((CompletedPortalPopoverBackdrop()), "@foldkit/ui/popover/index.js#anonymous~13");
+})), "@foldkit/ui/popover/index.js#anonymous~12"));
 /** Programmatically opens the popover, updating the model and returning
  *  focus and modal commands plus an `Opened` OutMessage. */
-export const open = (model) => update(model, RequestedOpen());
+export const open = (model) => __foldkitBrandViewResult((update(model, RequestedOpen())), "@foldkit/ui/popover/index.js#open");
 /** Programmatically closes the popover, updating the model and returning
  *  focus and modal commands plus a `Closed` OutMessage when it was open. */
-export const close = (model) => update(model, RequestedClose());
+export const close = (model) => __foldkitBrandViewResult((update(model, RequestedClose())), "@foldkit/ui/popover/index.js#close");
 /** Renders a headless popover with a trigger button and a floating panel. */
 export const view = defineView((model, viewInputs) => {
     const h = html();
@@ -271,46 +272,46 @@ export const view = defineView((model, viewInputs) => {
     const { anchor, toView, isDisabled, focusSelector, ariaLabel, ariaLabelledBy, } = viewInputs;
     const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
     const isVisible = isOpen || isLeaving;
-    const animationAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => [
+    const animationAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => __foldkitBrandViewResult(([
         h.DataAttribute('closed', ''),
         h.DataAttribute('enter', ''),
         h.DataAttribute('transition', ''),
-    ]), M.when('EnterAnimating', () => [
+    ]), "@foldkit/ui/popover/index.js#anonymous~17")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
         h.DataAttribute('enter', ''),
         h.DataAttribute('transition', ''),
-    ]), M.when('LeaveStart', () => [
+    ]), "@foldkit/ui/popover/index.js#anonymous~18")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
         h.DataAttribute('leave', ''),
         h.DataAttribute('transition', ''),
-    ]), M.when('LeaveAnimating', () => [
+    ]), "@foldkit/ui/popover/index.js#anonymous~19")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
         h.DataAttribute('closed', ''),
         h.DataAttribute('leave', ''),
         h.DataAttribute('transition', ''),
-    ]), M.orElse(() => []));
-    const handleButtonKeyDown = (key) => M.value(key).pipe(M.whenOr('Enter', ' ', 'ArrowDown', () => Option.some(isOpen ? RequestedClose() : RequestedOpen())), M.when('Escape', () => OptionExt.when(isOpen, RequestedClose())), M.orElse(() => Option.none()));
-    const handleButtonPointerDown = (pointerType, button) => Option.some(PressedPointerOnButton({ pointerType, button }));
+    ]), "@foldkit/ui/popover/index.js#anonymous~20")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/popover/index.js#anonymous~21")));
+    const handleButtonKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.whenOr('Enter', ' ', 'ArrowDown', () => __foldkitBrandViewResult((Option.some(isOpen ? RequestedClose() : RequestedOpen())), "@foldkit/ui/popover/index.js#anonymous~22")), M.when('Escape', () => __foldkitBrandViewResult((OptionExt.when(isOpen, RequestedClose())), "@foldkit/ui/popover/index.js#anonymous~23")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/popover/index.js#anonymous~24")))), "@foldkit/ui/popover/index.js#handleButtonKeyDown");
+    const handleButtonPointerDown = (pointerType, button) => __foldkitBrandViewResult((Option.some(PressedPointerOnButton({ pointerType, button }))), "@foldkit/ui/popover/index.js#handleButtonPointerDown");
     const handleButtonClick = () => {
-        const isMouse = Option.exists(maybeLastButtonPointerType, type => type === 'mouse');
+        const isMouse = Option.exists(maybeLastButtonPointerType, type => __foldkitBrandViewResult((type === 'mouse'), "@foldkit/ui/popover/index.js#anonymous~25"));
         if (isMouse) {
-            return IgnoredMouseClick();
+            return __foldkitBrandViewResult((IgnoredMouseClick()), "@foldkit/ui/popover/index.js#handleButtonClick");
         }
         else if (isOpen) {
-            return RequestedClose();
+            return __foldkitBrandViewResult((RequestedClose()), "@foldkit/ui/popover/index.js#handleButtonClick");
         }
         else {
-            return RequestedOpen();
+            return __foldkitBrandViewResult((RequestedOpen()), "@foldkit/ui/popover/index.js#handleButtonClick");
         }
     };
-    const handleSpaceKeyUp = (key) => OptionExt.when(key === ' ', SuppressedSpaceScroll());
-    const handlePanelKeyDown = (key) => M.value(key).pipe(M.when('Escape', () => Option.some(RequestedClose())), M.orElse(() => Option.none()));
+    const handleSpaceKeyUp = (key) => __foldkitBrandViewResult((OptionExt.when(key === ' ', SuppressedSpaceScroll())), "@foldkit/ui/popover/index.js#handleSpaceKeyUp");
+    const handlePanelKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.when('Escape', () => __foldkitBrandViewResult((Option.some(RequestedClose())), "@foldkit/ui/popover/index.js#anonymous~26")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/popover/index.js#anonymous~27")))), "@foldkit/ui/popover/index.js#handlePanelKeyDown");
     const resolveButtonLabel = () => {
         if (Predicate.isNotUndefined(ariaLabel)) {
-            return [h.AriaLabel(ariaLabel)];
+            return __foldkitBrandViewResult(([h.AriaLabel(ariaLabel)]), "@foldkit/ui/popover/index.js#resolveButtonLabel");
         }
         else if (Predicate.isNotUndefined(ariaLabelledBy)) {
-            return [h.AriaLabelledBy(ariaLabelledBy)];
+            return __foldkitBrandViewResult(([h.AriaLabelledBy(ariaLabelledBy)]), "@foldkit/ui/popover/index.js#resolveButtonLabel");
         }
         else {
-            return [];
+            return __foldkitBrandViewResult(([]), "@foldkit/ui/popover/index.js#resolveButtonLabel");
         }
     };
     const buttonLabelAttributes = resolveButtonLabel();
@@ -356,10 +357,10 @@ export const view = defineView((model, viewInputs) => {
         h.OnMount(PortalPopoverBackdrop()),
         ...(isLeaving ? [] : [h.OnClick(RequestedClose())]),
     ];
-    return toView({
+    return __foldkitBrandViewResult((toView({
         button: childAttributes(buttonAttributes),
         panel: childAttributes(panelAttributes),
         backdrop: childAttributes(backdropAttributes),
         isVisible,
-    });
+    })), "@foldkit/ui/popover/index.js#anonymous~16");
 });

package/dist/radioGroup/index.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Array, Match as M, Option, Predicate, Schema as S, String, pipe, } from 'effect';
 import { html } from 'foldkit/html';
 import { idSelector } from '../internal/selectors.js';
@@ -6,9 +7,9 @@ import { keyToIndex } from '../keyboard.js';
 /** Controls the radio group layout direction and which arrow keys navigate between options. */
 export const Orientation = S.Literals(['Horizontal', 'Vertical']);
 // VIEW
-const optionId = (id, index) => `${id}-option-${index}`;
-const labelId = (id, index) => `${id}-option-${index}-label`;
-const descriptionId = (id, index) => `${id}-option-${index}-description`;
+const optionId = (id, index) => __foldkitBrandViewResult((`${id}-option-${index}`), "@foldkit/ui/radioGroup/index.js#optionId");
+const labelId = (id, index) => __foldkitBrandViewResult((`${id}-option-${index}-label`), "@foldkit/ui/radioGroup/index.js#labelId");
+const descriptionId = (id, index) => __foldkitBrandViewResult((`${id}-option-${index}-description`), "@foldkit/ui/radioGroup/index.js#descriptionId");
 /** Renders an accessible radio group as a stateless controlled component. The
  *  parent owns the selection (`selectedValue`) and receives the parent's own
  *  Message via `onSelect` when an option is chosen. Moving focus onto the
@@ -35,34 +36,34 @@ export const view = (config) => {
     const { id, selectedValue, options, onSelect, ariaLabel, toView, orientation = 'Vertical', isOptionDisabled: isOptionDisabledFn, isDisabled: isGroupDisabled = false, name, } = config;
     const isDisabled = (index) => {
         if (isGroupDisabled) {
-            return true;
+            return __foldkitBrandViewResult((true), "@foldkit/ui/radioGroup/index.js#isDisabled");
         }
         if (!isOptionDisabledFn) {
-            return false;
+            return __foldkitBrandViewResult((false), "@foldkit/ui/radioGroup/index.js#isDisabled");
         }
-        return pipe(options, Array.get(index), Option.exists(option => isOptionDisabledFn(option, index)));
+        return __foldkitBrandViewResult((pipe(options, Array.get(index), Option.exists(option => __foldkitBrandViewResult((isOptionDisabledFn(option, index)), "@foldkit/ui/radioGroup/index.js#anonymous")))), "@foldkit/ui/radioGroup/index.js#isDisabled");
     };
-    const selectedIndex = Option.flatMap(selectedValue, value => Array.findFirstIndex(options, option => option === value));
-    const firstEnabledIndex = pipe(options.length, Array.makeBy(index => index), Array.findFirst(Predicate.not(isDisabled)), Option.getOrElse(() => 0));
+    const selectedIndex = Option.flatMap(selectedValue, value => __foldkitBrandViewResult((Array.findFirstIndex(options, option => __foldkitBrandViewResult((option === value), "@foldkit/ui/radioGroup/index.js#anonymous~3"))), "@foldkit/ui/radioGroup/index.js#anonymous~2"));
+    const firstEnabledIndex = pipe(options.length, Array.makeBy(index => __foldkitBrandViewResult((index), "@foldkit/ui/radioGroup/index.js#anonymous~4")), Array.findFirst(Predicate.not(isDisabled)), Option.getOrElse(() => __foldkitBrandViewResult((0), "@foldkit/ui/radioGroup/index.js#anonymous~5")));
     // NOTE: The selected index only becomes the roving tab stop when it is
     // enabled. A disabled selected option would otherwise be the group's sole
     // tab stop with no keydown handler, stranding keyboard navigation.
-    const focusedIndex = pipe(selectedIndex, Option.filter(Predicate.not(isDisabled)), Option.getOrElse(() => firstEnabledIndex));
-    const { nextKey, previousKey } = M.value(orientation).pipe(M.when('Horizontal', () => ({
+    const focusedIndex = pipe(selectedIndex, Option.filter(Predicate.not(isDisabled)), Option.getOrElse(() => __foldkitBrandViewResult((firstEnabledIndex), "@foldkit/ui/radioGroup/index.js#anonymous~6")));
+    const { nextKey, previousKey } = M.value(orientation).pipe(M.when('Horizontal', () => (__foldkitBrandViewResult(({
         nextKey: 'ArrowRight',
         previousKey: 'ArrowLeft',
-    })), M.when('Vertical', () => ({
+    }), "@foldkit/ui/radioGroup/index.js#anonymous~7"))), M.when('Vertical', () => (__foldkitBrandViewResult(({
         nextKey: 'ArrowDown',
         previousKey: 'ArrowUp',
-    })), M.exhaustive);
+    }), "@foldkit/ui/radioGroup/index.js#anonymous~8"))), M.exhaustive);
     const resolveKeyIndex = keyToIndex(nextKey, previousKey, options.length, focusedIndex, isDisabled);
-    const selectionAt = (index) => pipe(options, Array.get(index), Option.map(value => ({
+    const selectionAt = (index) => __foldkitBrandViewResult((pipe(options, Array.get(index), Option.map(value => (__foldkitBrandViewResult(({
         focusSelector: idSelector(optionId(id, index)),
         message: onSelect(value),
-    })));
-    const handleKeyDown = (currentIndex) => (key) => M.value(key).pipe(M.whenOr(nextKey, previousKey, 'Home', 'End', 'PageUp', 'PageDown', () => selectionAt(resolveKeyIndex(key))), M.when(' ', () => selectionAt(currentIndex)), M.orElse(() => Option.none()));
+    }), "@foldkit/ui/radioGroup/index.js#anonymous~9"))))), "@foldkit/ui/radioGroup/index.js#selectionAt");
+    const handleKeyDown = (currentIndex) => __foldkitBrandViewResult(((key) => __foldkitBrandViewResult((M.value(key).pipe(M.whenOr(nextKey, previousKey, 'Home', 'End', 'PageUp', 'PageDown', () => __foldkitBrandViewResult((selectionAt(resolveKeyIndex(key))), "@foldkit/ui/radioGroup/index.js#anonymous~11")), M.when(' ', () => __foldkitBrandViewResult((selectionAt(currentIndex)), "@foldkit/ui/radioGroup/index.js#anonymous~12")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/radioGroup/index.js#anonymous~13")))), "@foldkit/ui/radioGroup/index.js#anonymous~10")), "@foldkit/ui/radioGroup/index.js#handleKeyDown");
     const optionInfos = Array.map(options, (value, index) => {
-        const isSelected = Option.exists(selectedIndex, selectedIdx => selectedIdx === index);
+        const isSelected = Option.exists(selectedIndex, selectedIdx => __foldkitBrandViewResult((selectedIdx === index), "@foldkit/ui/radioGroup/index.js#anonymous~15"));
         const isFocusable = index === focusedIndex;
         const isOptionDisabledNow = isDisabled(index);
         const checkedAttributes = isSelected
@@ -93,7 +94,7 @@ export const view = (config) => {
         ];
         const labelAttributes = [h.Id(labelId(id, index))];
         const descriptionAttributes = [h.Id(descriptionId(id, index))];
-        return {
+        return __foldkitBrandViewResult(({
             value,
             index,
             isSelected,
@@ -102,22 +103,22 @@ export const view = (config) => {
             option: optionAttributes,
             label: labelAttributes,
             description: descriptionAttributes,
-        };
+        }), "@foldkit/ui/radioGroup/index.js#anonymous~14");
     });
     const groupAttributes = [
         h.Role('radiogroup'),
         h.AriaOrientation(String.toLowerCase(orientation)),
         h.AriaLabel(ariaLabel),
     ];
-    const hiddenInputAttributes = pipe(Option.fromNullishOr(name), Option.flatMap(inputName => Option.map(selectedValue, value => [
+    const hiddenInputAttributes = pipe(Option.fromNullishOr(name), Option.flatMap(inputName => __foldkitBrandViewResult((Option.map(selectedValue, value => __foldkitBrandViewResult(([
         h.Type('hidden'),
         h.Name(inputName),
         h.Value(value),
-    ])), Option.getOrElse(() => []));
-    return toView({
+    ]), "@foldkit/ui/radioGroup/index.js#anonymous~17"))), "@foldkit/ui/radioGroup/index.js#anonymous~16")), Option.getOrElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/radioGroup/index.js#anonymous~18")));
+    return __foldkitBrandViewResult((toView({
         group: groupAttributes,
         options: optionInfos,
         selectedValue,
         hiddenInput: hiddenInputAttributes,
-    });
+    })), "@foldkit/ui/radioGroup/index.js#view");
 };

package/dist/select/index.js

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