@foldkit/ui 0.129.0 → 0.131.0

package/dist/slider/index.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Effect, Equal, Function, Match as M, Option, Schema as S, Stream, String as String_, pipe, } from 'effect';
 import { childAttributes, html, } from 'foldkit/html';
 import { m } from 'foldkit/message';
@@ -71,171 +72,171 @@ export const ChangedValue = m('ChangedValue', { value: S.Number });
 export const OutMessage = S.Union([ChangedValue]);
 /** Creates an initial slider model from a config. The value lives in the
  *  parent Model; initialize it there and snap it with {@link snapAndClamp}. */
-export const init = (config) => ({
+export const init = (config) => (__foldkitBrandViewResult(({
     id: config.id,
     min: config.min,
     max: config.max,
     step: config.step,
     dragState: Idle(),
-});
+}), "@foldkit/ui/slider/index.js#init"));
 // HELPERS
 const stepDecimals = (step) => {
     const text = step.toString();
-    return pipe(text, String_.indexOf('.'), Option.match({
-        onNone: () => 0,
-        onSome: dotIndex => text.length - dotIndex - 1,
-    }));
+    return __foldkitBrandViewResult((pipe(text, String_.indexOf('.'), Option.match({
+        onNone: () => __foldkitBrandViewResult((0), "@foldkit/ui/slider/index.js#onNone"),
+        onSome: dotIndex => __foldkitBrandViewResult((text.length - dotIndex - 1), "@foldkit/ui/slider/index.js#onSome"),
+    }))), "@foldkit/ui/slider/index.js#stepDecimals");
 };
 const roundToStepPrecision = (value, step) => {
     const decimals = stepDecimals(step);
-    return Number(value.toFixed(decimals));
+    return __foldkitBrandViewResult((Number(value.toFixed(decimals))), "@foldkit/ui/slider/index.js#roundToStepPrecision");
 };
-const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
+const clamp = (value, min, max) => __foldkitBrandViewResult((Math.min(Math.max(value, min), max)), "@foldkit/ui/slider/index.js#clamp");
 /** Snaps a value to the nearest step and clamps it into `[min, max]`. Exported
  *  so a parent can conform the value it owns to the slider's range, for example
  *  when seeding the initial value or reacting to an external update. */
 export const snapAndClamp = (value, min, max, step) => {
     const snapped = min + Math.round((value - min) / step) * step;
-    return roundToStepPrecision(clamp(snapped, min, max), step);
+    return __foldkitBrandViewResult((roundToStepPrecision(clamp(snapped, min, max), step)), "@foldkit/ui/slider/index.js#snapAndClamp");
 };
 /** Computes the fraction (0–1) of a value between min and max. Returns 0 when
  *  the range has zero width. */
 export const fractionOfValue = (value, min, max) => {
     const range = max - min;
     if (range <= 0) {
-        return 0;
+        return __foldkitBrandViewResult((0), "@foldkit/ui/slider/index.js#fractionOfValue");
     }
     else {
-        return clamp((value - min) / range, 0, 1);
+        return __foldkitBrandViewResult((clamp((value - min) / range, 0, 1)), "@foldkit/ui/slider/index.js#fractionOfValue");
     }
 };
 const PAGE_STEP_MULTIPLIER = 10;
-const nextValueForDirection = (value, min, max, step, direction) => M.value(direction).pipe(M.withReturnType(), M.when('StepIncrement', () => snapAndClamp(value + step, min, max, step)), M.when('StepDecrement', () => snapAndClamp(value - step, min, max, step)), M.when('PageIncrement', () => snapAndClamp(value + step * PAGE_STEP_MULTIPLIER, min, max, step)), M.when('PageDecrement', () => snapAndClamp(value - step * PAGE_STEP_MULTIPLIER, min, max, step)), M.when('Min', () => min), M.when('Max', () => max), M.exhaustive);
+const nextValueForDirection = (value, min, max, step, direction) => __foldkitBrandViewResult((M.value(direction).pipe(M.withReturnType(), M.when('StepIncrement', () => __foldkitBrandViewResult((snapAndClamp(value + step, min, max, step)), "@foldkit/ui/slider/index.js#anonymous")), M.when('StepDecrement', () => __foldkitBrandViewResult((snapAndClamp(value - step, min, max, step)), "@foldkit/ui/slider/index.js#anonymous~2")), M.when('PageIncrement', () => __foldkitBrandViewResult((snapAndClamp(value + step * PAGE_STEP_MULTIPLIER, min, max, step)), "@foldkit/ui/slider/index.js#anonymous~3")), M.when('PageDecrement', () => __foldkitBrandViewResult((snapAndClamp(value - step * PAGE_STEP_MULTIPLIER, min, max, step)), "@foldkit/ui/slider/index.js#anonymous~4")), M.when('Min', () => __foldkitBrandViewResult((min), "@foldkit/ui/slider/index.js#anonymous~5")), M.when('Max', () => __foldkitBrandViewResult((max), "@foldkit/ui/slider/index.js#anonymous~6")), M.exhaustive)), "@foldkit/ui/slider/index.js#nextValueForDirection");
 const withUpdateReturn = M.withReturnType();
-const changedValueOption = (currentValue, nextValue) => nextValue === currentValue
+const changedValueOption = (currentValue, nextValue) => __foldkitBrandViewResult((nextValue === currentValue
     ? Option.none()
-    : Option.some(ChangedValue({ value: nextValue }));
+    : Option.some(ChangedValue({ value: nextValue }))), "@foldkit/ui/slider/index.js#changedValueOption");
 /** Processes a slider message and returns the next model, commands, and an
  *  optional out-message for the parent. The value lives in the parent Model:
  *  the view supplies the current value on the messages that need it, and value
  *  changes surface as `ChangedValue` rather than mutating this Model. */
-export const update = (model, message) => M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
-    PressedThumb: ({ originValue }) => M.value(model.dragState).pipe(withUpdateReturn, M.tag('Dragging', () => [model, [], Option.none()]), M.orElse(() => [
-        evo(model, { dragState: () => Dragging({ originValue }) }),
+export const update = (model, message) => __foldkitBrandViewResult((M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
+    PressedThumb: ({ originValue }) => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('Dragging', () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/slider/index.js#anonymous~7")), M.orElse(() => __foldkitBrandViewResult(([
+        evo(model, { dragState: () => __foldkitBrandViewResult((Dragging({ originValue })), "@foldkit/ui/slider/index.js#dragState") }),
         [],
         Option.none(),
-    ])),
+    ]), "@foldkit/ui/slider/index.js#anonymous~8")))), "@foldkit/ui/slider/index.js#PressedThumb"),
     // NOTE: the pointerdown event on the thumb bubbles to the track, so a
     // thumb press also dispatches PressedPointer. Short-circuit when already
     // Dragging so the bubbled track handler cannot shift the value away
     // from the thumb's current position. Fine-grained sliders (e.g. step
     // 0.05) see a visible jump without this guard, because the cursor sits
     // off-center on a non-zero-width thumb.
-    PressedPointer: ({ value, originValue }) => M.value(model.dragState).pipe(withUpdateReturn, M.tag('Dragging', () => [model, [], Option.none()]), M.orElse(() => {
+    PressedPointer: ({ value, originValue }) => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('Dragging', () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/slider/index.js#anonymous~9")), M.orElse(() => {
         const snapped = snapAndClamp(value, model.min, model.max, model.step);
-        return [
-            evo(model, { dragState: () => Dragging({ originValue }) }),
+        return __foldkitBrandViewResult(([
+            evo(model, { dragState: () => __foldkitBrandViewResult((Dragging({ originValue })), "@foldkit/ui/slider/index.js#dragState~2") }),
             [],
             changedValueOption(originValue, snapped),
-        ];
-    })),
-    MovedDragPointer: ({ value }) => M.value(model.dragState).pipe(withUpdateReturn, M.tag('Dragging', () => [
+        ]), "@foldkit/ui/slider/index.js#anonymous~10");
+    }))), "@foldkit/ui/slider/index.js#PressedPointer"),
+    MovedDragPointer: ({ value }) => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('Dragging', () => __foldkitBrandViewResult(([
         model,
         [],
         Option.some(ChangedValue({
             value: snapAndClamp(value, model.min, model.max, model.step),
         })),
-    ]), M.orElse(() => [model, [], Option.none()])),
-    ReleasedDragPointer: () => M.value(model.dragState).pipe(withUpdateReturn, M.tag('Dragging', () => [
-        evo(model, { dragState: () => Idle() }),
+    ]), "@foldkit/ui/slider/index.js#anonymous~11")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/slider/index.js#anonymous~12")))), "@foldkit/ui/slider/index.js#MovedDragPointer"),
+    ReleasedDragPointer: () => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('Dragging', () => __foldkitBrandViewResult(([
+        evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/slider/index.js#dragState~3") }),
         [],
         Option.none(),
-    ]), M.orElse(() => [model, [], Option.none()])),
-    CancelledDrag: () => M.value(model.dragState).pipe(withUpdateReturn, M.tag('Dragging', ({ originValue }) => [
-        evo(model, { dragState: () => Idle() }),
+    ]), "@foldkit/ui/slider/index.js#anonymous~13")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/slider/index.js#anonymous~14")))), "@foldkit/ui/slider/index.js#ReleasedDragPointer"),
+    CancelledDrag: () => __foldkitBrandViewResult((M.value(model.dragState).pipe(withUpdateReturn, M.tag('Dragging', ({ originValue }) => __foldkitBrandViewResult(([
+        evo(model, { dragState: () => __foldkitBrandViewResult((Idle()), "@foldkit/ui/slider/index.js#dragState~4") }),
         [],
         Option.some(ChangedValue({ value: originValue })),
-    ]), M.orElse(() => [model, [], Option.none()])),
-    PressedKeyboardNavigation: ({ direction, value }) => [
+    ]), "@foldkit/ui/slider/index.js#anonymous~15")), M.orElse(() => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/slider/index.js#anonymous~16")))), "@foldkit/ui/slider/index.js#CancelledDrag"),
+    PressedKeyboardNavigation: ({ direction, value }) => __foldkitBrandViewResult(([
         model,
         [],
         changedValueOption(value, nextValueForDirection(value, model.min, model.max, model.step, direction)),
-    ],
-}));
+    ]), "@foldkit/ui/slider/index.js#PressedKeyboardNavigation"),
+}))), "@foldkit/ui/slider/index.js#update");
 /** Reflects an externally-driven range onto the slider. Use this when min/max
  *  derive from external state (e.g. a bounded buffer whose first/last index
  *  shifts over time). The parent owns the value, so conform it to the new range
  *  in the same update with {@link snapAndClamp}. */
-export const reflectRange = Function.dual(2, (model, range) => evo(model, {
-    min: () => range.min,
-    max: () => range.max,
-}));
+export const reflectRange = Function.dual(2, (model, range) => __foldkitBrandViewResult((evo(model, {
+    min: () => __foldkitBrandViewResult((range.min), "@foldkit/ui/slider/index.js#min"),
+    max: () => __foldkitBrandViewResult((range.max), "@foldkit/ui/slider/index.js#max"),
+})), "@foldkit/ui/slider/index.js#anonymous~17"));
 // SUBSCRIPTION
 const DragActivity = S.Literals(['Idle', 'Active']);
-const dragActivityFromModel = (model) => M.value(model.dragState).pipe(M.withReturnType(), M.tag('Dragging', () => 'Active'), M.orElse(() => 'Idle'));
-const trackElement = (id, root) => Option.fromNullishOr(root.querySelector(`[data-slider-track-id="${id}"]`));
+const dragActivityFromModel = (model) => __foldkitBrandViewResult((M.value(model.dragState).pipe(M.withReturnType(), M.tag('Dragging', () => __foldkitBrandViewResult(('Active'), "@foldkit/ui/slider/index.js#anonymous~18")), M.orElse(() => __foldkitBrandViewResult(('Idle'), "@foldkit/ui/slider/index.js#anonymous~19")))), "@foldkit/ui/slider/index.js#dragActivityFromModel");
+const trackElement = (id, root) => __foldkitBrandViewResult((Option.fromNullishOr(root.querySelector(`[data-slider-track-id="${id}"]`))), "@foldkit/ui/slider/index.js#trackElement");
 const valueFromClientX = (clientX, trackElement_, min, max) => {
     const rect = trackElement_.getBoundingClientRect();
     if (rect.width === 0) {
-        return min;
+        return __foldkitBrandViewResult((min), "@foldkit/ui/slider/index.js#valueFromClientX");
     }
     else {
         const fraction = clamp((clientX - rect.left) / rect.width, 0, 1);
-        return min + fraction * (max - min);
+        return __foldkitBrandViewResult((min + fraction * (max - min)), "@foldkit/ui/slider/index.js#valueFromClientX");
     }
 };
 /** Builds slider drag subscriptions, looking up the track
  *  element through the supplied root resolver. Use this when the slider is
  *  rendered inside a Shadow DOM. The root is read lazily so consumers can
  *  resolve it at subscription time. */
-export const subscriptionsForRoot = (getTrackRoot) => Subscription.make()(entry => ({
+export const subscriptionsForRoot = (getTrackRoot) => __foldkitBrandViewResult((Subscription.make()(entry => (__foldkitBrandViewResult(({
     dragPointer: entry({
         dragActivity: DragActivity,
         id: S.String,
         min: S.Number,
         max: S.Number,
     }, {
-        modelToDependencies: model => ({
+        modelToDependencies: model => (__foldkitBrandViewResult(({
             dragActivity: dragActivityFromModel(model),
             id: model.id,
             min: model.min,
             max: model.max,
-        }),
+        }), "@foldkit/ui/slider/index.js#modelToDependencies")),
         dependenciesToStream: ({ dragActivity, id, min, max }) => {
-            const pointerEvents = Stream.merge(Stream.fromEventListener(document, 'pointermove').pipe(Stream.mapEffect(event => Effect.sync(() => Option.map(trackElement(id, getTrackRoot()), element => MovedDragPointer({
+            const pointerEvents = Stream.merge(Stream.fromEventListener(document, 'pointermove').pipe(Stream.mapEffect(event => __foldkitBrandViewResult((Effect.sync(() => __foldkitBrandViewResult((Option.map(trackElement(id, getTrackRoot()), element => __foldkitBrandViewResult((MovedDragPointer({
                 value: valueFromClientX(event.clientX, element, min, max),
-            })))), Stream.filter(Option.isSome), Stream.map(option => option.value)), Stream.fromEventListener(document, 'pointerup').pipe(Stream.map(() => ReleasedDragPointer())));
+            })), "@foldkit/ui/slider/index.js#anonymous~23"))), "@foldkit/ui/slider/index.js#anonymous~22"))), "@foldkit/ui/slider/index.js#anonymous~21")), Stream.filter(Option.isSome), Stream.map(option => __foldkitBrandViewResult((option.value), "@foldkit/ui/slider/index.js#anonymous~24"))), Stream.fromEventListener(document, 'pointerup').pipe(Stream.map(() => __foldkitBrandViewResult((ReleasedDragPointer()), "@foldkit/ui/slider/index.js#anonymous~25"))));
             // NOTE: prevents text selection and locks cursor to grabbing while the
             // user drags the thumb. Matches the approach used in drag-and-drop.
-            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/slider/index.js#anonymous~27");
+            }), 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/slider/index.js#anonymous~28")).pipe(Effect.flatMap(() => __foldkitBrandViewResult((Effect.never), "@foldkit/ui/slider/index.js#anonymous~30")))), "@foldkit/ui/slider/index.js#anonymous~26"));
+            return __foldkitBrandViewResult((Stream.when(Stream.merge(pointerEvents, documentDragStyles), Effect.sync(() => __foldkitBrandViewResult((dragActivity === 'Active'), "@foldkit/ui/slider/index.js#anonymous~31")))), "@foldkit/ui/slider/index.js#dependenciesToStream");
         },
     }),
     dragEscape: 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/slider/index.js#modelToDependencies~2")),
+        dependenciesToStream: ({ dragActivity }) => __foldkitBrandViewResult((Stream.when(Stream.fromEventListener(document, 'keydown').pipe(Stream.filter(({ key }) => __foldkitBrandViewResult((key === 'Escape'), "@foldkit/ui/slider/index.js#anonymous~32")), Stream.map(() => __foldkitBrandViewResult((CancelledDrag()), "@foldkit/ui/slider/index.js#anonymous~33"))), Effect.sync(() => __foldkitBrandViewResult((dragActivity === 'Active'), "@foldkit/ui/slider/index.js#anonymous~34")))), "@foldkit/ui/slider/index.js#dependenciesToStream~2"),
     }),
-}));
+}), "@foldkit/ui/slider/index.js#anonymous~20")))), "@foldkit/ui/slider/index.js#subscriptionsForRoot");
 /** Default drag subscriptions, with the track looked up via `document`. */
-export const subscriptions = subscriptionsForRoot(() => document);
+export const subscriptions = subscriptionsForRoot(() => __foldkitBrandViewResult((document), "@foldkit/ui/slider/index.js#anonymous~35"));
 // VIEW
 const LEFT_MOUSE_BUTTON = 0;
-const labelId = (id) => `${id}-label`;
-const keyToDirection = (key) => M.value(key).pipe(M.withReturnType(), M.whenOr('ArrowRight', 'ArrowUp', () => 'StepIncrement'), M.whenOr('ArrowLeft', 'ArrowDown', () => 'StepDecrement'), M.when('PageUp', () => 'PageIncrement'), M.when('PageDown', () => 'PageDecrement'), M.when('Home', () => 'Min'), M.when('End', () => 'Max'), M.option);
-const percentString = (fraction) => `${Math.round(fraction * 10000) / 100}%`;
+const labelId = (id) => __foldkitBrandViewResult((`${id}-label`), "@foldkit/ui/slider/index.js#labelId");
+const keyToDirection = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.withReturnType(), M.whenOr('ArrowRight', 'ArrowUp', () => __foldkitBrandViewResult(('StepIncrement'), "@foldkit/ui/slider/index.js#anonymous~36")), M.whenOr('ArrowLeft', 'ArrowDown', () => __foldkitBrandViewResult(('StepDecrement'), "@foldkit/ui/slider/index.js#anonymous~37")), M.when('PageUp', () => __foldkitBrandViewResult(('PageIncrement'), "@foldkit/ui/slider/index.js#anonymous~38")), M.when('PageDown', () => __foldkitBrandViewResult(('PageDecrement'), "@foldkit/ui/slider/index.js#anonymous~39")), M.when('Home', () => __foldkitBrandViewResult(('Min'), "@foldkit/ui/slider/index.js#anonymous~40")), M.when('End', () => __foldkitBrandViewResult(('Max'), "@foldkit/ui/slider/index.js#anonymous~41")), M.option)), "@foldkit/ui/slider/index.js#keyToDirection");
+const percentString = (fraction) => __foldkitBrandViewResult((`${Math.round(fraction * 10000) / 100}%`), "@foldkit/ui/slider/index.js#percentString");
 /** Renders an accessible slider by building ARIA attribute groups and
  *  delegating layout to the consumer's `toView` callback. Follows the
  *  WAI-ARIA slider pattern: role="slider" on the thumb, aria-valuemin /
@@ -243,17 +244,17 @@ const percentString = (fraction) => `${Math.round(fraction * 10000) / 100}%`;
  *  end. Pointer drag is handled by the component's drag subscriptions. */
 export const view = defineView((model, viewInputs) => {
     const h = html();
-    const { value, formatValue, isDisabled = false, name, getTrackRoot = () => document, } = viewInputs;
+    const { value, formatValue, isDisabled = false, name, getTrackRoot = () => __foldkitBrandViewResult((document), "@foldkit/ui/slider/index.js#anonymous~43"), } = viewInputs;
     const { id, min, max } = model;
     const isDragging = model.dragState._tag === 'Dragging';
     const fraction = fractionOfValue(value, min, max);
-    const handleKeyDown = (key) => Option.map(keyToDirection(key), direction => PressedKeyboardNavigation({ direction, value }));
-    const pointerAtClientX = (clientX) => Option.map(trackElement(id, getTrackRoot()), element => PressedPointer({
+    const handleKeyDown = (key) => __foldkitBrandViewResult((Option.map(keyToDirection(key), direction => __foldkitBrandViewResult((PressedKeyboardNavigation({ direction, value })), "@foldkit/ui/slider/index.js#anonymous~44"))), "@foldkit/ui/slider/index.js#handleKeyDown");
+    const pointerAtClientX = (clientX) => __foldkitBrandViewResult((Option.map(trackElement(id, getTrackRoot()), element => __foldkitBrandViewResult((PressedPointer({
         value: valueFromClientX(clientX, element, min, max),
         originValue: value,
-    }));
-    const trackPointerHandler = (_pointerType, button, _screenX, _screenY, _timeStamp, clientX) => pipe(button, Option.liftPredicate(Equal.equals(LEFT_MOUSE_BUTTON)), Option.flatMap(() => pointerAtClientX(clientX)));
-    const thumbPointerHandler = (_pointerType, button) => pipe(button, Option.liftPredicate(Equal.equals(LEFT_MOUSE_BUTTON)), Option.map(() => PressedThumb({ originValue: value })));
+    })), "@foldkit/ui/slider/index.js#anonymous~45"))), "@foldkit/ui/slider/index.js#pointerAtClientX");
+    const trackPointerHandler = (_pointerType, button, _screenX, _screenY, _timeStamp, clientX) => __foldkitBrandViewResult((pipe(button, Option.liftPredicate(Equal.equals(LEFT_MOUSE_BUTTON)), Option.flatMap(() => __foldkitBrandViewResult((pointerAtClientX(clientX)), "@foldkit/ui/slider/index.js#anonymous~46")))), "@foldkit/ui/slider/index.js#trackPointerHandler");
+    const thumbPointerHandler = (_pointerType, button) => __foldkitBrandViewResult((pipe(button, Option.liftPredicate(Equal.equals(LEFT_MOUSE_BUTTON)), Option.map(() => __foldkitBrandViewResult((PressedThumb({ originValue: value })), "@foldkit/ui/slider/index.js#anonymous~47")))), "@foldkit/ui/slider/index.js#thumbPointerHandler");
     const stateAttributes = [
         ...(isDragging ? [h.DataAttribute('dragging', '')] : []),
         ...(isDisabled ? [h.DataAttribute('disabled', '')] : []),
@@ -285,13 +286,13 @@ export const view = defineView((model, viewInputs) => {
     ];
     const resolveThumbLabel = () => {
         if (viewInputs.ariaLabel !== undefined) {
-            return [h.AriaLabel(viewInputs.ariaLabel)];
+            return __foldkitBrandViewResult(([h.AriaLabel(viewInputs.ariaLabel)]), "@foldkit/ui/slider/index.js#resolveThumbLabel");
         }
         else if (viewInputs.ariaLabelledBy !== undefined) {
-            return [h.AriaLabelledBy(viewInputs.ariaLabelledBy)];
+            return __foldkitBrandViewResult(([h.AriaLabelledBy(viewInputs.ariaLabelledBy)]), "@foldkit/ui/slider/index.js#resolveThumbLabel");
         }
         else {
-            return [h.AriaLabelledBy(labelId(id))];
+            return __foldkitBrandViewResult(([h.AriaLabelledBy(labelId(id))]), "@foldkit/ui/slider/index.js#resolveThumbLabel");
         }
     };
     const thumbLabelAttributes = resolveThumbLabel();
@@ -326,12 +327,12 @@ export const view = defineView((model, viewInputs) => {
     const hiddenInputAttributes = name !== undefined
         ? [h.Type('hidden'), h.Name(name), h.Value(value.toString())]
         : [];
-    return viewInputs.toView({
+    return __foldkitBrandViewResult((viewInputs.toView({
         root: childAttributes(rootAttributes),
         track: childAttributes(trackAttributes),
         filledTrack: childAttributes(filledTrackAttributes),
         thumb: childAttributes(thumbAttributes),
         label: childAttributes(labelAttributes),
         hiddenInput: childAttributes(hiddenInputAttributes),
-    });
+    })), "@foldkit/ui/slider/index.js#anonymous~42");
 });

package/dist/switch/index.js

@@ -1,7 +1,8 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Match as M, Option } from 'effect';
 import { html } from 'foldkit/html';
-const labelId = (id) => `${id}-label`;
-const descriptionId = (id) => `${id}-description`;
+const labelId = (id) => __foldkitBrandViewResult((`${id}-label`), "@foldkit/ui/switch/index.js#labelId");
+const descriptionId = (id) => __foldkitBrandViewResult((`${id}-description`), "@foldkit/ui/switch/index.js#descriptionId");
 /** Renders an accessible switch as a stateless controlled component. The
  *  parent owns the checked state (`isChecked`) and receives the new state via
  *  `onToggle` when the user toggles it.
@@ -25,7 +26,7 @@ export const view = (config) => {
     const h = html();
     const { id, isChecked, onToggle, toView, isDisabled = false, name, value: formValue = 'on', } = config;
     const nextChecked = !isChecked;
-    const handleKeyUp = (key) => M.value(key).pipe(M.when(' ', () => Option.some(onToggle(nextChecked))), M.orElse(() => Option.none()));
+    const handleKeyUp = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.when(' ', () => __foldkitBrandViewResult((Option.some(onToggle(nextChecked))), "@foldkit/ui/switch/index.js#anonymous")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/switch/index.js#anonymous~2")))), "@foldkit/ui/switch/index.js#handleKeyUp");
     const checkedAttributes = isChecked ? [h.DataAttribute('checked', '')] : [];
     const disabledAttributes = isDisabled
         ? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
@@ -53,10 +54,10 @@ export const view = (config) => {
     const hiddenInputAttributes = name
         ? [h.Type('hidden'), h.Name(name), h.Value(isChecked ? formValue : '')]
         : [];
-    return toView({
+    return __foldkitBrandViewResult((toView({
         button: buttonAttributes,
         label: labelAttributes,
         description: descriptionAttributes,
         hiddenInput: hiddenInputAttributes,
-    });
+    })), "@foldkit/ui/switch/index.js#view");
 };

package/dist/tabs/index.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Array, Effect, Match as M, Option, Schema as S, String, pipe, } from 'effect';
 import * as Command from 'foldkit/command';
 import * as Dom from 'foldkit/dom';
@@ -47,53 +48,53 @@ export const OutMessage = S.Union([Selected]);
 /** Creates an initial tabs model from a config. Focus follows the selected
  *  tab until the user navigates in `Manual` mode, so `maybeFocusedIndex`
  *  starts `None`. Defaults to automatic activation. */
-export const init = (config) => ({
+export const init = (config) => (__foldkitBrandViewResult(({
     id: config.id,
     maybeFocusedIndex: Option.none(),
     activationMode: config.activationMode ?? 'Automatic',
-});
+}), "@foldkit/ui/tabs/index.js#init"));
 // UPDATE
-const tabId = (id, index) => `${id}-tab-${index}`;
-const tabPanelId = (id, index) => `${id}-panel-${index}`;
+const tabId = (id, index) => __foldkitBrandViewResult((`${id}-tab-${index}`), "@foldkit/ui/tabs/index.js#tabId");
+const tabPanelId = (id, index) => __foldkitBrandViewResult((`${id}-panel-${index}`), "@foldkit/ui/tabs/index.js#tabPanelId");
 /** Moves focus to the tab at the given index. */
-export const FocusTab = Command.define('FocusTab', { id: S.String, index: S.Number }, CompletedFocusTab)(({ id, index }) => Dom.focus(idSelector(tabId(id, index))).pipe(Effect.ignore, Effect.as(CompletedFocusTab())));
+export const FocusTab = Command.define('FocusTab', { id: S.String, index: S.Number }, CompletedFocusTab)(({ id, index }) => __foldkitBrandViewResult((Dom.focus(idSelector(tabId(id, index))).pipe(Effect.ignore, Effect.as(CompletedFocusTab()))), "@foldkit/ui/tabs/index.js#anonymous"));
 /** Processes a tabs message and returns the next model, commands, and an
  *  optional OutMessage. `Selected` fires when a tab is committed via click or
  *  keyboard; the parent stores the new value and passes it back in as
  *  `selectedValue`. */
-export const update = (model, message) => M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
-    SelectedTab: ({ index, value }) => [
-        evo(model, { maybeFocusedIndex: () => Option.none() }),
+export const update = (model, message) => __foldkitBrandViewResult((M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
+    SelectedTab: ({ index, value }) => __foldkitBrandViewResult(([
+        evo(model, { maybeFocusedIndex: () => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/tabs/index.js#maybeFocusedIndex") }),
         [FocusTab({ id: model.id, index })],
         Option.some(Selected({ value, index })),
-    ],
-    FocusedTab: ({ index }) => [
-        evo(model, { maybeFocusedIndex: () => Option.some(index) }),
+    ]), "@foldkit/ui/tabs/index.js#SelectedTab"),
+    FocusedTab: ({ index }) => __foldkitBrandViewResult(([
+        evo(model, { maybeFocusedIndex: () => __foldkitBrandViewResult((Option.some(index)), "@foldkit/ui/tabs/index.js#maybeFocusedIndex~2") }),
         [FocusTab({ id: model.id, index })],
         Option.none(),
-    ],
-    CompletedFocusTab: () => [model, [], Option.none()],
-}));
+    ]), "@foldkit/ui/tabs/index.js#FocusedTab"),
+    CompletedFocusTab: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/tabs/index.js#CompletedFocusTab"),
+}))), "@foldkit/ui/tabs/index.js#update");
 const internalView = defineView((model, viewInputs) => {
     const h = html();
     const { id, activationMode, maybeFocusedIndex } = model;
     const { tabs, selectedValue, ariaLabel, toView, isTabDisabled, orientation = 'Horizontal', } = viewInputs;
-    const activeIndex = pipe(tabs, Array.findFirstIndex(tab => tab === selectedValue), Option.getOrElse(() => 0));
-    const focusedIndex = pipe(maybeFocusedIndex, Option.filter(index => index < tabs.length), Option.getOrElse(() => activeIndex));
-    const isDisabled = (index) => !!isTabDisabled &&
-        pipe(tabs, Array.get(index), Option.exists(tab => isTabDisabled(tab, index)));
-    const { nextKey, previousKey } = M.value(orientation).pipe(M.when('Horizontal', () => ({
+    const activeIndex = pipe(tabs, Array.findFirstIndex(tab => __foldkitBrandViewResult((tab === selectedValue), "@foldkit/ui/tabs/index.js#anonymous~3")), Option.getOrElse(() => __foldkitBrandViewResult((0), "@foldkit/ui/tabs/index.js#anonymous~4")));
+    const focusedIndex = pipe(maybeFocusedIndex, Option.filter(index => __foldkitBrandViewResult((index < tabs.length), "@foldkit/ui/tabs/index.js#anonymous~5")), Option.getOrElse(() => __foldkitBrandViewResult((activeIndex), "@foldkit/ui/tabs/index.js#anonymous~6")));
+    const isDisabled = (index) => __foldkitBrandViewResult((!!isTabDisabled &&
+        pipe(tabs, Array.get(index), Option.exists(tab => __foldkitBrandViewResult((isTabDisabled(tab, index)), "@foldkit/ui/tabs/index.js#anonymous~7")))), "@foldkit/ui/tabs/index.js#isDisabled");
+    const { nextKey, previousKey } = M.value(orientation).pipe(M.when('Horizontal', () => (__foldkitBrandViewResult(({
         nextKey: 'ArrowRight',
         previousKey: 'ArrowLeft',
-    })), M.when('Vertical', () => ({
+    }), "@foldkit/ui/tabs/index.js#anonymous~8"))), M.when('Vertical', () => (__foldkitBrandViewResult(({
         nextKey: 'ArrowDown',
         previousKey: 'ArrowUp',
-    })), M.exhaustive);
+    }), "@foldkit/ui/tabs/index.js#anonymous~9"))), M.exhaustive);
     const resolveKeyIndex = keyToIndex(nextKey, previousKey, tabs.length, focusedIndex, isDisabled);
-    const tabSelectedAt = (index) => pipe(tabs, Array.get(index), Option.map(value => SelectedTab({ index, value })));
-    const handleAutomaticKeyDown = (key) => M.value(key).pipe(M.whenOr(nextKey, previousKey, 'Home', 'End', 'PageUp', 'PageDown', () => tabSelectedAt(resolveKeyIndex(key))), M.whenOr('Enter', ' ', () => tabSelectedAt(focusedIndex)), M.orElse(() => Option.none()));
-    const handleManualKeyDown = (key) => M.value(key).pipe(M.whenOr(nextKey, previousKey, 'Home', 'End', 'PageUp', 'PageDown', () => Option.some(FocusedTab({ index: resolveKeyIndex(key) }))), M.whenOr('Enter', ' ', () => tabSelectedAt(focusedIndex)), M.orElse(() => Option.none()));
-    const handleKeyDown = (key) => M.value(activationMode).pipe(M.when('Automatic', () => handleAutomaticKeyDown(key)), M.when('Manual', () => handleManualKeyDown(key)), M.exhaustive);
+    const tabSelectedAt = (index) => __foldkitBrandViewResult((pipe(tabs, Array.get(index), Option.map(value => __foldkitBrandViewResult((SelectedTab({ index, value })), "@foldkit/ui/tabs/index.js#anonymous~10")))), "@foldkit/ui/tabs/index.js#tabSelectedAt");
+    const handleAutomaticKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.whenOr(nextKey, previousKey, 'Home', 'End', 'PageUp', 'PageDown', () => __foldkitBrandViewResult((tabSelectedAt(resolveKeyIndex(key))), "@foldkit/ui/tabs/index.js#anonymous~11")), M.whenOr('Enter', ' ', () => __foldkitBrandViewResult((tabSelectedAt(focusedIndex)), "@foldkit/ui/tabs/index.js#anonymous~12")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/tabs/index.js#anonymous~13")))), "@foldkit/ui/tabs/index.js#handleAutomaticKeyDown");
+    const handleManualKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.whenOr(nextKey, previousKey, 'Home', 'End', 'PageUp', 'PageDown', () => __foldkitBrandViewResult((Option.some(FocusedTab({ index: resolveKeyIndex(key) }))), "@foldkit/ui/tabs/index.js#anonymous~14")), M.whenOr('Enter', ' ', () => __foldkitBrandViewResult((tabSelectedAt(focusedIndex)), "@foldkit/ui/tabs/index.js#anonymous~15")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/tabs/index.js#anonymous~16")))), "@foldkit/ui/tabs/index.js#handleManualKeyDown");
+    const handleKeyDown = (key) => __foldkitBrandViewResult((M.value(activationMode).pipe(M.when('Automatic', () => __foldkitBrandViewResult((handleAutomaticKeyDown(key)), "@foldkit/ui/tabs/index.js#anonymous~17")), M.when('Manual', () => __foldkitBrandViewResult((handleManualKeyDown(key)), "@foldkit/ui/tabs/index.js#anonymous~18")), M.exhaustive)), "@foldkit/ui/tabs/index.js#handleKeyDown");
     const tabInfos = Array.map(tabs, (value, index) => {
         const isActive = index === activeIndex;
         const isFocused = index === focusedIndex;
@@ -122,7 +123,7 @@ const internalView = defineView((model, viewInputs) => {
             h.Tabindex(isActive ? 0 : -1),
             ...(isActive ? [h.DataAttribute('selected', '')] : []),
         ];
-        return {
+        return __foldkitBrandViewResult(({
             value,
             index,
             isActive,
@@ -130,18 +131,18 @@ const internalView = defineView((model, viewInputs) => {
             isDisabled: isTabDisabledNow,
             tab: childAttributes(tabAttributes),
             panel: childAttributes(panelAttributes),
-        };
+        }), "@foldkit/ui/tabs/index.js#anonymous~19");
     });
     const tablistAttributes = [
         h.Role('tablist'),
         h.AriaOrientation(String.toLowerCase(orientation)),
         h.AriaLabel(ariaLabel),
     ];
-    return toView({
+    return __foldkitBrandViewResult((toView({
         tablist: childAttributes(tablistAttributes),
         tabs: tabInfos,
         activeIndex,
-    });
+    })), "@foldkit/ui/tabs/index.js#anonymous~2");
 });
 /** Pairs the tabs `view` and `update` behind a single Value-typed entry
  *  point. Declare once at module scope so consumers receive
@@ -164,10 +165,10 @@ const internalView = defineView((model, viewInputs) => {
 export const create = () => {
     const cast = (result) => 
     /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
-    result;
-    return {
+    __foldkitBrandViewResult((result), "@foldkit/ui/tabs/index.js#cast");
+    return __foldkitBrandViewResult(({
         /* eslint-disable-next-line @typescript-eslint/consistent-type-assertions */
         view: internalView,
-        update: (model, message) => cast(update(model, message)),
-    };
+        update: (model, message) => __foldkitBrandViewResult((cast(update(model, message))), "@foldkit/ui/tabs/index.js#update~2"),
+    }), "@foldkit/ui/tabs/index.js#create");
 };

package/dist/test/apps/disabledButton.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Match as M, Schema as S } from 'effect';
 import * as Command from 'foldkit/command';
 import { html } from 'foldkit/html';
@@ -21,51 +22,51 @@ export const initialModel = {
     dialog: Dialog.init({ id: 'test-dialog', isOpen: true }),
 };
 // UPDATE
-export const update = (model, message) => M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
-    ClickedToggle: () => [{ ...model, isEnabled: !model.isEnabled }, []],
-    ClickedSubmit: () => [model, []],
+export const update = (model, message) => __foldkitBrandViewResult((M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
+    ClickedToggle: () => __foldkitBrandViewResult(([{ ...model, isEnabled: !model.isEnabled }, []]), "@foldkit/ui/test/apps/disabledButton.js#ClickedToggle"),
+    ClickedSubmit: () => __foldkitBrandViewResult(([model, []]), "@foldkit/ui/test/apps/disabledButton.js#ClickedSubmit"),
     GotDialogMessage: ({ message: dialogMessage }) => {
         const [nextDialog, commands] = Dialog.update(model.dialog, dialogMessage);
-        return [
+        return __foldkitBrandViewResult(([
             { ...model, dialog: nextDialog },
-            Command.mapMessages(commands, dialogMessage => GotDialogMessage({ message: dialogMessage })),
-        ];
+            Command.mapMessages(commands, dialogMessage => __foldkitBrandViewResult((GotDialogMessage({ message: dialogMessage })), "@foldkit/ui/test/apps/disabledButton.js#anonymous")),
+        ]), "@foldkit/ui/test/apps/disabledButton.js#GotDialogMessage");
     },
-}));
+}))), "@foldkit/ui/test/apps/disabledButton.js#update");
 // VIEW
 const submitButton = (isEnabled) => {
     const h = html();
-    return h.button([
+    return __foldkitBrandViewResult((h.button([
         h.Class('submit'),
         ...(isEnabled ? [h.OnClick(ClickedSubmit())] : [h.Disabled(true)]),
-    ], ['Submit']);
+    ], ['Submit'])), "@foldkit/ui/test/apps/disabledButton.js#submitButton");
 };
 /** Plain view, no dialog wrapper. */
 export const view = (model) => {
     const h = html();
-    return h.div([], [
+    return __foldkitBrandViewResult((h.div([], [
         h.button([h.OnClick(ClickedToggle())], ['Toggle']),
         submitButton(model.isEnabled),
-    ]);
+    ])), "@foldkit/ui/test/apps/disabledButton.js#view");
 };
 /** View with submit button inside a dialog's panel. */
 export const viewWithDialog = (model) => {
     const h = html();
-    return h.div([], [
+    return __foldkitBrandViewResult((h.div([], [
         h.button([h.OnClick(ClickedToggle())], ['Toggle']),
         h.submodel({
             slotId: model.dialog.id,
             model: model.dialog,
             view: Dialog.view,
             viewInputs: {
-                toView: ({ dialog, backdrop, panel, isVisible }) => h.dialog([...dialog], isVisible
+                toView: ({ dialog, backdrop, panel, isVisible }) => __foldkitBrandViewResult((h.dialog([...dialog], isVisible
                     ? [
                         h.div([...backdrop], []),
                         h.div([...panel], [submitButton(model.isEnabled)]),
                     ]
-                    : []),
+                    : [])), "@foldkit/ui/test/apps/disabledButton.js#toView"),
             },
-            toParentMessage: message => GotDialogMessage({ message }),
+            toParentMessage: message => __foldkitBrandViewResult((GotDialogMessage({ message })), "@foldkit/ui/test/apps/disabledButton.js#toParentMessage"),
         }),
-    ]);
+    ])), "@foldkit/ui/test/apps/disabledButton.js#viewWithDialog");
 };

package/dist/textarea/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 textarea's base ID. */
-export const descriptionId = (id) => `${id}-description`;
+export const descriptionId = (id) => __foldkitBrandViewResult((`${id}-description`), "@foldkit/ui/textarea/index.js#descriptionId");
 /** Renders an accessible textarea by building ARIA attribute groups and delegating layout to the consumer's `toView` callback. */
 export const view = (config) => {
     const h = html();
@@ -36,9 +37,9 @@ export const view = (config) => {
     ];
     const labelAttributes = [h.For(id)];
     const descriptionAttributes = [h.Id(descriptionId(id))];
-    return toView({
+    return __foldkitBrandViewResult((toView({
         textarea: allTextareaAttributes,
         label: labelAttributes,
         description: descriptionAttributes,
-    });
+    })), "@foldkit/ui/textarea/index.js#view");
 };