@foldkit/ui 0.129.0 → 0.131.0

package/dist/fileDrop/index.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Array, Match as M, Option, Schema as S } from 'effect';
 import * as File from 'foldkit/file';
 import { childAttributes, html, } from 'foldkit/html';
@@ -57,38 +58,38 @@ export const RejectedNonFiles = m('RejectedNonFiles');
  * path and `RejectedNonFiles` when a drop event fires without files. */
 export const OutMessage = S.Union([ReceivedFiles, RejectedNonFiles]);
 /** Creates an initial file-drop model. Drag state starts cleared. */
-export const init = (config) => ({
+export const init = (config) => (__foldkitBrandViewResult(({
     id: config.id,
     isDragOver: false,
-});
+}), "@foldkit/ui/fileDrop/index.js#init"));
 /** Processes a file-drop message and returns the next model, commands,
  * and optional OutMessage. */
-export const update = (model, message) => M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
-    EnteredDragZone: () => [
-        evo(model, { isDragOver: () => true }),
+export const update = (model, message) => __foldkitBrandViewResult((M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
+    EnteredDragZone: () => __foldkitBrandViewResult(([
+        evo(model, { isDragOver: () => __foldkitBrandViewResult((true), "@foldkit/ui/fileDrop/index.js#isDragOver") }),
         [],
         Option.none(),
-    ],
-    LeftDragZone: () => [
-        evo(model, { isDragOver: () => false }),
+    ]), "@foldkit/ui/fileDrop/index.js#EnteredDragZone"),
+    LeftDragZone: () => __foldkitBrandViewResult(([
+        evo(model, { isDragOver: () => __foldkitBrandViewResult((false), "@foldkit/ui/fileDrop/index.js#isDragOver~2") }),
         [],
         Option.none(),
-    ],
-    DroppedFiles: ({ files }) => [
-        evo(model, { isDragOver: () => false }),
+    ]), "@foldkit/ui/fileDrop/index.js#LeftDragZone"),
+    DroppedFiles: ({ files }) => __foldkitBrandViewResult(([
+        evo(model, { isDragOver: () => __foldkitBrandViewResult((false), "@foldkit/ui/fileDrop/index.js#isDragOver~3") }),
         [],
         Option.some(ReceivedFiles({ files })),
-    ],
-    DroppedNonFiles: () => [
-        evo(model, { isDragOver: () => false }),
+    ]), "@foldkit/ui/fileDrop/index.js#DroppedFiles"),
+    DroppedNonFiles: () => __foldkitBrandViewResult(([
+        evo(model, { isDragOver: () => __foldkitBrandViewResult((false), "@foldkit/ui/fileDrop/index.js#isDragOver~4") }),
         [],
         Option.some(RejectedNonFiles()),
-    ],
-}));
-const dispatchDroppedFiles = (files) => Array.match(files, {
-    onEmpty: () => DroppedNonFiles(),
-    onNonEmpty: nonEmptyFiles => DroppedFiles({ files: [...nonEmptyFiles] }),
-});
+    ]), "@foldkit/ui/fileDrop/index.js#DroppedNonFiles"),
+}))), "@foldkit/ui/fileDrop/index.js#update");
+const dispatchDroppedFiles = (files) => __foldkitBrandViewResult((Array.match(files, {
+    onEmpty: () => __foldkitBrandViewResult((DroppedNonFiles()), "@foldkit/ui/fileDrop/index.js#onEmpty"),
+    onNonEmpty: nonEmptyFiles => __foldkitBrandViewResult((DroppedFiles({ files: [...nonEmptyFiles] })), "@foldkit/ui/fileDrop/index.js#onNonEmpty"),
+})), "@foldkit/ui/fileDrop/index.js#dispatchDroppedFiles");
 /** Renders an accessible file-drop zone by publishing attribute groups
  *  for a `<label>`-wrapped hidden file input. */
 export const view = defineView((model, viewInputs) => {
@@ -120,8 +121,8 @@ export const view = defineView((model, viewInputs) => {
             ? [h.Disabled(true)]
             : [h.OnFileChange(dispatchDroppedFiles)]),
     ];
-    return toView({
+    return __foldkitBrandViewResult((toView({
         root: childAttributes(rootAttributes),
         input: childAttributes(inputAttributes),
-    });
+    })), "@foldkit/ui/fileDrop/index.js#anonymous");
 });

package/dist/group.js

@@ -1,13 +1,14 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Array } from 'effect';
 /** Groups items into contiguous segments by a key function. Adjacent items with the same key are collected into a single segment. */
 export const groupContiguous = (items, toKey) => {
-    const tagged = Array.map(items, (item, index) => ({
+    const tagged = Array.map(items, (item, index) => (__foldkitBrandViewResult(({
         key: toKey(item, index),
         item,
-    }));
-    return Array.chop(tagged, nonEmpty => {
+    }), "@foldkit/ui/group.js#anonymous")));
+    return __foldkitBrandViewResult((Array.chop(tagged, nonEmpty => {
         const key = Array.headNonEmpty(nonEmpty).key;
-        const [matching, rest] = Array.span(nonEmpty, tagged => tagged.key === key);
-        return [{ key, items: Array.map(matching, ({ item }) => item) }, rest];
-    });
+        const [matching, rest] = Array.span(nonEmpty, tagged => __foldkitBrandViewResult((tagged.key === key), "@foldkit/ui/group.js#anonymous~3"));
+        return __foldkitBrandViewResult(([{ key, items: Array.map(matching, ({ item }) => __foldkitBrandViewResult((item), "@foldkit/ui/group.js#anonymous~4")) }, rest]), "@foldkit/ui/group.js#anonymous~2");
+    })), "@foldkit/ui/group.js#groupContiguous");
 };

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

package/dist/internal/optionExtensions.js

@@ -1,2 +1,3 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Function, Option } from 'effect';
-export const when = Function.dual(2, (condition, value) => Option.liftPredicate(value, () => condition));
+export const when = Function.dual(2, (condition, value) => __foldkitBrandViewResult((Option.liftPredicate(value, () => __foldkitBrandViewResult((condition), "@foldkit/ui/internal/optionExtensions.js#anonymous~2"))), "@foldkit/ui/internal/optionExtensions.js#anonymous"));

package/dist/internal/selectors.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 /**
  * Builds a CSS id selector from an element's id value.
  *
@@ -5,4 +6,4 @@
  * identifiers on their own (most notably ids beginning with a digit, as
  * produced by UUID-prefixed ids) still yield a usable selector.
  */
-export const idSelector = (id) => `#${CSS.escape(id)}`;
+export const idSelector = (id) => __foldkitBrandViewResult((`#${CSS.escape(id)}`), "@foldkit/ui/internal/selectors.js#idSelector");

package/dist/keyboard.js

@@ -1,9 +1,10 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Array, Match as M, Option, Predicate, pipe } from 'effect';
 /** Whether a keyboard event key is a single printable character (not a named key like "Enter" or "ArrowDown"). */
-export const isPrintableKey = (key) => key.length === 1;
-export const wrapIndex = (index, length) => ((index % length) + length) % length;
-export const findFirstEnabledIndex = (itemCount, focusedIndex, isDisabled) => (startIndex, direction) => pipe(itemCount, Array.makeBy(step => wrapIndex(startIndex + step * direction, itemCount)), Array.findFirst(Predicate.not(isDisabled)), Option.getOrElse(() => focusedIndex));
+export const isPrintableKey = (key) => __foldkitBrandViewResult((key.length === 1), "@foldkit/ui/keyboard.js#isPrintableKey");
+export const wrapIndex = (index, length) => __foldkitBrandViewResult((((index % length) + length) % length), "@foldkit/ui/keyboard.js#wrapIndex");
+export const findFirstEnabledIndex = (itemCount, focusedIndex, isDisabled) => __foldkitBrandViewResult(((startIndex, direction) => __foldkitBrandViewResult((pipe(itemCount, Array.makeBy(step => __foldkitBrandViewResult((wrapIndex(startIndex + step * direction, itemCount)), "@foldkit/ui/keyboard.js#anonymous~2")), Array.findFirst(Predicate.not(isDisabled)), Option.getOrElse(() => __foldkitBrandViewResult((focusedIndex), "@foldkit/ui/keyboard.js#anonymous~3")))), "@foldkit/ui/keyboard.js#anonymous")), "@foldkit/ui/keyboard.js#findFirstEnabledIndex");
 export const keyToIndex = (nextKey, previousKey, itemCount, focusedIndex, isDisabled) => {
     const find = findFirstEnabledIndex(itemCount, focusedIndex, isDisabled);
-    return (key) => M.value(key).pipe(M.when(nextKey, () => find(focusedIndex + 1, 1)), M.when(previousKey, () => find(focusedIndex - 1, -1)), M.whenOr('Home', 'PageUp', () => find(0, 1)), M.whenOr('End', 'PageDown', () => find(itemCount - 1, -1)), M.orElse(() => focusedIndex));
+    return __foldkitBrandViewResult(((key) => __foldkitBrandViewResult((M.value(key).pipe(M.when(nextKey, () => __foldkitBrandViewResult((find(focusedIndex + 1, 1)), "@foldkit/ui/keyboard.js#anonymous~5")), M.when(previousKey, () => __foldkitBrandViewResult((find(focusedIndex - 1, -1)), "@foldkit/ui/keyboard.js#anonymous~6")), M.whenOr('Home', 'PageUp', () => __foldkitBrandViewResult((find(0, 1)), "@foldkit/ui/keyboard.js#anonymous~7")), M.whenOr('End', 'PageDown', () => __foldkitBrandViewResult((find(itemCount - 1, -1)), "@foldkit/ui/keyboard.js#anonymous~8")), M.orElse(() => __foldkitBrandViewResult((focusedIndex), "@foldkit/ui/keyboard.js#anonymous~9")))), "@foldkit/ui/keyboard.js#anonymous~4")), "@foldkit/ui/keyboard.js#keyToIndex");
 };

package/dist/listbox/multi.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Option, Schema as S } from 'effect';
 import { BaseModel, Closed, Opened, SelectedItem, Selected as SharedSelected, baseInit, makeUpdate, makeView, } from './shared.js';
 // MODEL
@@ -6,22 +7,22 @@ export const Model = S.Struct({
     ...BaseModel.fields,
 });
 /** Creates an initial multi-select listbox model from a config. Defaults to closed with no active item. */
-export const init = (config) => baseInit(config);
+export const init = (config) => __foldkitBrandViewResult((baseInit(config)), "@foldkit/ui/listbox/multi.js#init");
 // UPDATE
 /** Processes a listbox message and returns the next model, commands, and optional OutMessage. Stays open on selection (multi-select behavior); emits a `Selected({ value })` OutMessage the parent folds by toggling the value's membership in the selection it owns. */
-export const update = makeUpdate((model, item) => [
+export const update = makeUpdate((model, item) => __foldkitBrandViewResult(([
     model,
     [],
     Option.some(SharedSelected({ value: item })),
-]);
+]), "@foldkit/ui/listbox/multi.js#anonymous"));
 /** Programmatically opens the listbox, updating the model and returning
  *  focus and modal commands. Use this in domain-event handlers to open the listbox. */
-export const open = (model) => update(model, Opened({ maybeActiveItemIndex: Option.none() }));
+export const open = (model) => __foldkitBrandViewResult((update(model, Opened({ maybeActiveItemIndex: Option.none() }))), "@foldkit/ui/listbox/multi.js#open");
 /** Programmatically closes the listbox, updating the model and returning
  *  focus and modal commands. Use this in domain-event handlers to close the listbox. */
-export const close = (model) => update(model, Closed());
+export const close = (model) => __foldkitBrandViewResult((update(model, Closed())), "@foldkit/ui/listbox/multi.js#close");
 /** Programmatically activates an item in the multi-select listbox. Emits `Selected({ value })`; the parent toggles the value's membership. */
-export const selectItem = (model, item) => update(model, SelectedItem({ item }));
+export const selectItem = (model, item) => __foldkitBrandViewResult((update(model, SelectedItem({ item }))), "@foldkit/ui/listbox/multi.js#selectItem");
 const internalView = makeView({ ariaMultiSelectable: true });
 /** Pairs the multi-select listbox's `view` and `update` (and programmatic
  *  helpers) behind a single Item-typed entry point. Same shape as
@@ -31,11 +32,11 @@ const internalView = makeView({ ariaMultiSelectable: true });
 export const create = () => {
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
     const typedUpdate = update;
-    return {
+    return __foldkitBrandViewResult(({
         view: internalView(),
         update: typedUpdate,
-        selectItem: (model, item) => typedUpdate(model, SelectedItem({ item })),
-        open: model => typedUpdate(model, Opened({ maybeActiveItemIndex: Option.none() })),
-        close: model => typedUpdate(model, Closed()),
-    };
+        selectItem: (model, item) => __foldkitBrandViewResult((typedUpdate(model, SelectedItem({ item }))), "@foldkit/ui/listbox/multi.js#selectItem~2"),
+        open: model => __foldkitBrandViewResult((typedUpdate(model, Opened({ maybeActiveItemIndex: Option.none() }))), "@foldkit/ui/listbox/multi.js#open~2"),
+        close: model => __foldkitBrandViewResult((typedUpdate(model, Closed())), "@foldkit/ui/listbox/multi.js#close~2"),
+    }), "@foldkit/ui/listbox/multi.js#create");
 };