@foldkit/ui 0.129.0 → 0.131.0

package/dist/checkbox/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/checkbox/index.js#labelId");
+const descriptionId = (id) => __foldkitBrandViewResult((`${id}-description`), "@foldkit/ui/checkbox/index.js#descriptionId");
 /** Renders an accessible checkbox 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,16 +26,16 @@ export const view = (config) => {
     const h = html();
     const { id, isChecked, onToggle, toView, isDisabled = false, isIndeterminate = 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/checkbox/index.js#anonymous")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/checkbox/index.js#anonymous~2")))), "@foldkit/ui/checkbox/index.js#handleKeyUp");
     const resolveStateAttributes = () => {
         if (isIndeterminate) {
-            return [h.DataAttribute('indeterminate', '')];
+            return __foldkitBrandViewResult(([h.DataAttribute('indeterminate', '')]), "@foldkit/ui/checkbox/index.js#resolveStateAttributes");
         }
         else if (isChecked) {
-            return [h.DataAttribute('checked', '')];
+            return __foldkitBrandViewResult(([h.DataAttribute('checked', '')]), "@foldkit/ui/checkbox/index.js#resolveStateAttributes");
         }
         else {
-            return [];
+            return __foldkitBrandViewResult(([]), "@foldkit/ui/checkbox/index.js#resolveStateAttributes");
         }
     };
     const disabledAttributes = isDisabled
@@ -63,10 +64,10 @@ export const view = (config) => {
     const hiddenInputAttributes = name
         ? [h.Type('hidden'), h.Name(name), h.Value(isChecked ? formValue : '')]
         : [];
-    return toView({
+    return __foldkitBrandViewResult((toView({
         checkbox: checkboxAttributes,
         label: labelAttributes,
         description: descriptionAttributes,
         hiddenInput: hiddenInputAttributes,
-    });
+    })), "@foldkit/ui/checkbox/index.js#view");
 };

package/dist/combobox/multi.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Option, Schema as S } from 'effect';
 import { evo } from 'foldkit/struct';
 import { BaseModel, ClearedSelection, Closed, Opened, SelectedItem, Selected as SharedSelected, baseInit, closedBaseModel, makeUpdate, makeView, } from './shared.js';
@@ -7,42 +8,42 @@ export const Model = S.Struct({
     ...BaseModel.fields,
 });
 /** Creates an initial multi-select combobox model from a config. Defaults to closed with no active item and an empty input. */
-export const init = (config) => baseInit(config);
+export const init = (config) => __foldkitBrandViewResult((baseInit(config)), "@foldkit/ui/combobox/multi.js#init");
 // UPDATE
 /** Processes a combobox 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, and `ClearedSelection` when a nullable combobox closes with an empty input. The multi-select input always rests empty on close, so it ignores the message's `restingInputValue`; multi consumers pass `''`. */
 export const update = makeUpdate({
     handleClose: model => {
         if (model.nullable && model.inputValue === '') {
-            return [
-                evo(closedBaseModel(model), { inputValue: () => '' }),
+            return __foldkitBrandViewResult(([
+                evo(closedBaseModel(model), { inputValue: () => __foldkitBrandViewResult((''), "@foldkit/ui/combobox/multi.js#inputValue") }),
                 Option.some(ClearedSelection()),
-            ];
+            ]), "@foldkit/ui/combobox/multi.js#handleClose");
         }
-        return [
-            evo(closedBaseModel(model), { inputValue: () => '' }),
+        return __foldkitBrandViewResult(([
+            evo(closedBaseModel(model), { inputValue: () => __foldkitBrandViewResult((''), "@foldkit/ui/combobox/multi.js#inputValue~2") }),
             Option.none(),
-        ];
+        ]), "@foldkit/ui/combobox/multi.js#handleClose");
     },
-    handleSelectedItem: (model, item) => [
+    handleSelectedItem: (model, item) => __foldkitBrandViewResult(([
         model,
         [],
         Option.some(SharedSelected({ value: item })),
-    ],
-    handleImmediateActivation: (model, item) => [
+    ]), "@foldkit/ui/combobox/multi.js#handleSelectedItem"),
+    handleImmediateActivation: (model, item) => __foldkitBrandViewResult(([
         model,
         Option.some(SharedSelected({ value: item })),
-    ],
+    ]), "@foldkit/ui/combobox/multi.js#handleImmediateActivation"),
 });
 /** Programmatically opens the combobox, updating the model and returning
  *  focus and modal commands. Use this in domain-event handlers to open the combobox. */
-export const open = (model) => update(model, Opened({ maybeActiveItemIndex: Option.none() }));
+export const open = (model) => __foldkitBrandViewResult((update(model, Opened({ maybeActiveItemIndex: Option.none() }))), "@foldkit/ui/combobox/multi.js#open");
 /** Programmatically closes the combobox, updating the model and returning
  *  focus and modal commands. The multi-select input always rests empty on
  *  close. Use this in domain-event handlers to close the combobox. */
-export const close = (model) => update(model, Closed({ restingInputValue: '' }));
+export const close = (model) => __foldkitBrandViewResult((update(model, Closed({ restingInputValue: '' }))), "@foldkit/ui/combobox/multi.js#close");
 /** Programmatically activates an item in the multi-select combobox. Emits
  *  `Selected({ value })`; the parent toggles the value's membership. */
-export const selectItem = (model, item) => update(model, SelectedItem({ item, displayText: item, wasSelected: false }));
+export const selectItem = (model, item) => __foldkitBrandViewResult((update(model, SelectedItem({ item, displayText: item, wasSelected: false }))), "@foldkit/ui/combobox/multi.js#selectItem");
 const internalView = makeView({ ariaMultiSelectable: true });
 /** Pairs the multi-select combobox's `view` and `update` (and programmatic
  *  helpers) behind a single Item-typed entry point. `selectItem` emits
@@ -50,11 +51,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, displayText: item, wasSelected: false })),
-        open: model => typedUpdate(model, Opened({ maybeActiveItemIndex: Option.none() })),
-        close: model => typedUpdate(model, Closed({ restingInputValue: '' })),
-    };
+        selectItem: (model, item) => __foldkitBrandViewResult((typedUpdate(model, SelectedItem({ item, displayText: item, wasSelected: false }))), "@foldkit/ui/combobox/multi.js#selectItem~2"),
+        open: model => __foldkitBrandViewResult((typedUpdate(model, Opened({ maybeActiveItemIndex: Option.none() }))), "@foldkit/ui/combobox/multi.js#open~2"),
+        close: model => __foldkitBrandViewResult((typedUpdate(model, Closed({ restingInputValue: '' }))), "@foldkit/ui/combobox/multi.js#close~2"),
+    }), "@foldkit/ui/combobox/multi.js#create");
 };