@foldkit/ui 0.129.0 → 0.131.0

package/dist/anchor.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Function, Schema as S } from 'effect';
 import { autoUpdate, computePosition, flip, offset as floatingOffset, shift, size, } from '@floating-ui/dom';
 /** Schema mirroring `@floating-ui/dom`'s `Placement` literal union: a side
@@ -37,7 +38,7 @@ const getOrCreatePortalRoot = (element) => {
     const parent = inShadow ? root : document.body;
     const existing = owner.getElementById(PORTAL_ROOT_ID);
     if (existing) {
-        return existing;
+        return __foldkitBrandViewResult((existing), "@foldkit/ui/anchor.js#getOrCreatePortalRoot");
     }
     const portalRoot = document.createElement('div');
     portalRoot.id = PORTAL_ROOT_ID;
@@ -48,7 +49,7 @@ const getOrCreatePortalRoot = (element) => {
     // breaking click-outside detection. Prepending makes wrappers paint
     // above the backdrop, while panels (z-10) still win via step 9.
     parent.prepend(portalRoot);
-    return portalRoot;
+    return __foldkitBrandViewResult((portalRoot), "@foldkit/ui/anchor.js#getOrCreatePortalRoot");
 };
 /** Relocates an element into the shared `foldkit-portal-root` div within its
  *  containing root: the shadow root when mounted inside one, otherwise
@@ -59,7 +60,7 @@ const getOrCreatePortalRoot = (element) => {
  *  stashes the returned cleanup in the `Mount` result. */
 export const portalToContainingRoot = (element) => {
     getOrCreatePortalRoot(element).appendChild(element);
-    return () => {
+    return __foldkitBrandViewResult((() => {
         try {
             element.remove();
         }
@@ -68,7 +69,7 @@ export const portalToContainingRoot = (element) => {
             // so the remove() call can throw on a node that's already been removed.
             // Swallow the error.
         }
-    };
+    }), "@foldkit/ui/anchor.js#portalToContainingRoot");
 };
 /** Positions a floating element relative to its button using Floating UI, then
  *  returns a cleanup function. Designed to be called inside an `OnMount`
@@ -81,7 +82,7 @@ export const portalToContainingRoot = (element) => {
  *  requestAnimationFrame so the element is painted before focus fires.
  *  `focusSelector` optionally targets a descendant (e.g. a calendar grid
  *  inside a popover panel) instead of the panel itself. */
-export const anchorSetup = (config) => (element) => {
+export const anchorSetup = (config) => __foldkitBrandViewResult(((element) => {
     // NOTE: resolve the button and any focus target within the element's own
     // root, which is a shadow root when the app is hosted in one (e.g. the
     // DevTools overlay isolates its UI in a shadow root). document.getElementById
@@ -92,7 +93,7 @@ export const anchorSetup = (config) => (element) => {
     const owner = inShadow ? root : document;
     const button = owner.getElementById(config.buttonId);
     if (!(button instanceof HTMLElement) || !(element instanceof HTMLElement)) {
-        return Function.constVoid;
+        return __foldkitBrandViewResult((Function.constVoid), "@foldkit/ui/anchor.js#anonymous~2");
     }
     const isPortal = config.anchor.portal ?? true;
     const portalCleanup = isPortal ? portalToContainingRoot(element) : undefined;
@@ -154,16 +155,16 @@ export const anchorSetup = (config) => (element) => {
             }
         };
         element.addEventListener('keydown', handleTabKey);
-        return () => {
+        return __foldkitBrandViewResult((() => {
             floatingCleanup();
             element.removeEventListener('keydown', handleTabKey);
             portalCleanup?.();
-        };
+        }), "@foldkit/ui/anchor.js#anonymous~2");
     }
     else {
-        return () => {
+        return __foldkitBrandViewResult((() => {
             floatingCleanup();
             portalCleanup?.();
-        };
+        }), "@foldkit/ui/anchor.js#anonymous~2");
     }
-};
+}), "@foldkit/ui/anchor.js#anchorSetup");

package/dist/animation/index.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Match as M } from 'effect';
 import { html, } from 'foldkit/html';
 import { defineView } from 'foldkit/submodel';
@@ -20,26 +21,26 @@ export const view = defineView((model, viewInputs) => {
     const { content, className, attributes = [], element = 'div', animateSize = false, } = viewInputs;
     const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
     const isVisible = isShowing || isLeaving;
-    const transitionAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => [
+    const transitionAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => __foldkitBrandViewResult(([
         h.DataAttribute('closed', ''),
         h.DataAttribute('enter', ''),
         h.DataAttribute('transition', ''),
-    ]), M.when('EnterAnimating', () => [
+    ]), "@foldkit/ui/animation/index.js#anonymous~2")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
         h.DataAttribute('enter', ''),
         h.DataAttribute('transition', ''),
-    ]), M.when('LeaveStart', () => [
+    ]), "@foldkit/ui/animation/index.js#anonymous~3")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
         h.DataAttribute('leave', ''),
         h.DataAttribute('transition', ''),
-    ]), M.when('LeaveAnimating', () => [
+    ]), "@foldkit/ui/animation/index.js#anonymous~4")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
         h.DataAttribute('closed', ''),
         h.DataAttribute('leave', ''),
         h.DataAttribute('transition', ''),
-    ]), M.orElse(() => []));
+    ]), "@foldkit/ui/animation/index.js#anonymous~5")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/animation/index.js#anonymous~6")));
     if (animateSize) {
         const isClosed = transitionState === 'EnterStart' ||
             transitionState === 'LeaveAnimating' ||
             !isVisible;
-        return h.div([
+        return __foldkitBrandViewResult((h.div([
             h.Style({
                 display: 'grid',
                 gridTemplateRows: isClosed ? '0fr' : '1fr',
@@ -61,15 +62,15 @@ export const view = defineView((model, viewInputs) => {
                     ...attributes,
                 ], [content]),
             ]),
-        ]);
+        ])), "@foldkit/ui/animation/index.js#anonymous");
     }
     if (!isVisible) {
-        return h.empty;
+        return __foldkitBrandViewResult((h.empty), "@foldkit/ui/animation/index.js#anonymous");
     }
-    return h.keyed(element)(id, [
+    return __foldkitBrandViewResult((h.keyed(element)(id, [
         h.Id(id),
         ...transitionAttributes,
         ...(className ? [h.Class(className)] : []),
         ...attributes,
-    ], [content]);
+    ], [content])), "@foldkit/ui/animation/index.js#anonymous");
 });

package/dist/animation/schema.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Schema as S } from 'effect';
 import { m } from 'foldkit/message';
 // TRANSITION STATE
@@ -34,8 +35,8 @@ export const StartedLeaveAnimating = m('StartedLeaveAnimating');
 export const TransitionedOut = m('TransitionedOut');
 export const OutMessage = S.Union([StartedLeaveAnimating, TransitionedOut]);
 /** Creates an initial animation model from a config. Defaults to hidden. */
-export const init = (config) => ({
+export const init = (config) => (__foldkitBrandViewResult(({
     id: config.id,
     isShowing: config.isShowing ?? false,
     transitionState: 'Idle',
-});
+}), "@foldkit/ui/animation/schema.js#init"));

package/dist/animation/update.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Effect, Match as M, Option, Schema as S } from 'effect';
 import * as Command from 'foldkit/command';
 import * as Dom from 'foldkit/dom';
@@ -6,63 +7,63 @@ import { evo } from 'foldkit/struct';
 import { idSelector } from '../internal/selectors.js';
 import { AdvancedAnimationFrame, EndedAnimation, StartedLeaveAnimating, TransitionedOut, } from './schema.js';
 // UPDATE
-const elementSelector = (id) => idSelector(id);
+const elementSelector = (id) => __foldkitBrandViewResult((idSelector(id)), "@foldkit/ui/animation/update.js#elementSelector");
 const withUpdateReturn = M.withReturnType();
 /** Advances the enter/leave lifecycle by waiting a double-rAF. */
 export const RequestFrame = Command.define('RequestFrame', AdvancedAnimationFrame)(Render.afterPaint.pipe(Effect.as(AdvancedAnimationFrame())));
 /** Waits for all CSS animations on the element to settle. Covers both CSS transitions and CSS keyframe animations. */
-export const WaitForAnimationSettled = Command.define('WaitForAnimationSettled', { id: S.String }, EndedAnimation)(({ id }) => Dom.waitForAnimationSettled(elementSelector(id)).pipe(Effect.as(EndedAnimation())));
+export const WaitForAnimationSettled = Command.define('WaitForAnimationSettled', { id: S.String }, EndedAnimation)(({ id }) => __foldkitBrandViewResult((Dom.waitForAnimationSettled(elementSelector(id)).pipe(Effect.as(EndedAnimation()))), "@foldkit/ui/animation/update.js#anonymous"));
 /** Processes an animation message and returns the next model, commands, and optional OutMessage. */
 export const update = (model, message) => {
     const maybeNextFrame = RequestFrame();
-    return M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
+    return __foldkitBrandViewResult((M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
         Showed: () => {
             if (model.isShowing) {
-                return [model, [], Option.none()];
+                return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/animation/update.js#Showed");
             }
-            return [
+            return __foldkitBrandViewResult(([
                 evo(model, {
-                    isShowing: () => true,
-                    transitionState: () => 'EnterStart',
+                    isShowing: () => __foldkitBrandViewResult((true), "@foldkit/ui/animation/update.js#isShowing"),
+                    transitionState: () => __foldkitBrandViewResult(('EnterStart'), "@foldkit/ui/animation/update.js#transitionState"),
                 }),
                 [maybeNextFrame],
                 Option.none(),
-            ];
+            ]), "@foldkit/ui/animation/update.js#Showed");
         },
         Hid: () => {
             const isLeaving = model.transitionState === 'LeaveStart' ||
                 model.transitionState === 'LeaveAnimating';
             if (isLeaving || !model.isShowing) {
-                return [model, [], Option.none()];
+                return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/animation/update.js#Hid");
             }
-            return [
+            return __foldkitBrandViewResult(([
                 evo(model, {
-                    isShowing: () => false,
-                    transitionState: () => 'LeaveStart',
+                    isShowing: () => __foldkitBrandViewResult((false), "@foldkit/ui/animation/update.js#isShowing~2"),
+                    transitionState: () => __foldkitBrandViewResult(('LeaveStart'), "@foldkit/ui/animation/update.js#transitionState~2"),
                 }),
                 [maybeNextFrame],
                 Option.none(),
-            ];
+            ]), "@foldkit/ui/animation/update.js#Hid");
         },
-        AdvancedAnimationFrame: () => M.value(model.transitionState).pipe(withUpdateReturn, M.when('EnterStart', () => [
-            evo(model, { transitionState: () => 'EnterAnimating' }),
+        AdvancedAnimationFrame: () => __foldkitBrandViewResult((M.value(model.transitionState).pipe(withUpdateReturn, M.when('EnterStart', () => __foldkitBrandViewResult(([
+            evo(model, { transitionState: () => __foldkitBrandViewResult(('EnterAnimating'), "@foldkit/ui/animation/update.js#transitionState~3") }),
             [WaitForAnimationSettled({ id: model.id })],
             Option.none(),
-        ]), M.when('LeaveStart', () => [
-            evo(model, { transitionState: () => 'LeaveAnimating' }),
+        ]), "@foldkit/ui/animation/update.js#anonymous~2")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
+            evo(model, { transitionState: () => __foldkitBrandViewResult(('LeaveAnimating'), "@foldkit/ui/animation/update.js#transitionState~4") }),
             [],
             Option.some(StartedLeaveAnimating()),
-        ]), M.orElse(() => [model, [], Option.none()])),
-        EndedAnimation: () => M.value(model.transitionState).pipe(withUpdateReturn, M.when('EnterAnimating', () => [
-            evo(model, { transitionState: () => 'Idle' }),
+        ]), "@foldkit/ui/animation/update.js#anonymous~3")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/animation/update.js#anonymous~4")))), "@foldkit/ui/animation/update.js#AdvancedAnimationFrame"),
+        EndedAnimation: () => __foldkitBrandViewResult((M.value(model.transitionState).pipe(withUpdateReturn, M.when('EnterAnimating', () => __foldkitBrandViewResult(([
+            evo(model, { transitionState: () => __foldkitBrandViewResult(('Idle'), "@foldkit/ui/animation/update.js#transitionState~5") }),
             [],
             Option.none(),
-        ]), M.when('LeaveAnimating', () => [
-            evo(model, { transitionState: () => 'Idle' }),
+        ]), "@foldkit/ui/animation/update.js#anonymous~5")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
+            evo(model, { transitionState: () => __foldkitBrandViewResult(('Idle'), "@foldkit/ui/animation/update.js#transitionState~6") }),
             [],
             Option.some(TransitionedOut()),
-        ]), M.orElse(() => [model, [], Option.none()])),
-    }));
+        ]), "@foldkit/ui/animation/update.js#anonymous~6")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/animation/update.js#anonymous~7")))), "@foldkit/ui/animation/update.js#EndedAnimation"),
+    }))), "@foldkit/ui/animation/update.js#update");
 };
 /** Creates the standard leave-phase command that waits for CSS animations on the element to settle. Use this when handling the `StartedLeaveAnimating` OutMessage for components that don't need custom leave behavior. */
-export const defaultLeaveCommand = (model) => WaitForAnimationSettled({ id: model.id });
+export const defaultLeaveCommand = (model) => __foldkitBrandViewResult((WaitForAnimationSettled({ id: model.id })), "@foldkit/ui/animation/update.js#defaultLeaveCommand");

package/dist/button/index.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Predicate } from 'effect';
 import { html } from 'foldkit/html';
 /** Renders an accessible button by building attribute groups and delegating layout to the consumer's `toView` callback. */
@@ -16,7 +17,7 @@ export const view = (config) => {
         ...clickAttributes,
         ...autofocusAttributes,
     ];
-    return toView({
+    return __foldkitBrandViewResult((toView({
         button: buttonAttributes,
-    });
+    })), "@foldkit/ui/button/index.js#view");
 };