@foldkit/ui 0.129.0 → 0.131.0

package/dist/combobox/single.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Array, Option, Schema as S, pipe } from 'effect';
 import { evo } from 'foldkit/struct';
 import { defineView } from 'foldkit/submodel';
@@ -8,52 +9,52 @@ export const Model = S.Struct({
     ...BaseModel.fields,
 });
 /** Creates an initial single-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/single.js#init");
 // UPDATE
 /** Processes a combobox message and returns the next model, commands, and optional OutMessage. Closes the combobox on selection (single-select behavior); emits `Selected({ value })` for the parent to store, and `ClearedSelection` when a nullable combobox closes with an empty input. */
 export const update = makeUpdate({
     handleClose: (model, restingInputValue) => {
         if (model.nullable && model.inputValue === '') {
-            return [
-                evo(closedBaseModel(model), { inputValue: () => '' }),
+            return __foldkitBrandViewResult(([
+                evo(closedBaseModel(model), { inputValue: () => __foldkitBrandViewResult((''), "@foldkit/ui/combobox/single.js#inputValue") }),
                 Option.some(ClearedSelection()),
-            ];
+            ]), "@foldkit/ui/combobox/single.js#handleClose");
         }
-        return [
-            evo(closedBaseModel(model), { inputValue: () => restingInputValue }),
+        return __foldkitBrandViewResult(([
+            evo(closedBaseModel(model), { inputValue: () => __foldkitBrandViewResult((restingInputValue), "@foldkit/ui/combobox/single.js#inputValue~2") }),
             Option.none(),
-        ];
+        ]), "@foldkit/ui/combobox/single.js#handleClose");
     },
     handleSelectedItem: (model, item, displayText, wasSelected, context) => {
         const nullableDeselect = model.nullable && wasSelected;
-        return [
+        return __foldkitBrandViewResult(([
             evo(closedBaseModel(model), {
-                inputValue: () => (nullableDeselect ? '' : displayText),
+                inputValue: () => (__foldkitBrandViewResult((nullableDeselect ? '' : displayText), "@foldkit/ui/combobox/single.js#inputValue~3")),
             }),
             pipe(Array.getSomes([context.maybeUnlockScroll, context.maybeRestoreInert]), Array.prepend(context.focusInput)),
             Option.some(SharedSelected({ value: item })),
-        ];
+        ]), "@foldkit/ui/combobox/single.js#handleSelectedItem");
     },
-    handleImmediateActivation: (model, item) => [
+    handleImmediateActivation: (model, item) => __foldkitBrandViewResult(([
         model,
         Option.some(SharedSelected({ value: item })),
-    ],
+    ]), "@foldkit/ui/combobox/single.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/single.js#open");
 /** Programmatically closes the combobox, updating the model and returning
  *  focus and modal commands. `restingInputValue` is the text the input
  *  returns to (the parent-owned selection's display text, or empty). Use
  *  this in domain-event handlers to close the combobox. */
-export const close = (model, restingInputValue) => update(model, Closed({ restingInputValue }));
+export const close = (model, restingInputValue) => __foldkitBrandViewResult((update(model, Closed({ restingInputValue }))), "@foldkit/ui/combobox/single.js#close");
 /** Programmatically selects an item in the single-select combobox, closing
  *  the combobox and emitting `Selected({ value })`. The Submodel treats the
  *  select as fresh (`wasSelected: false`), so the input rests on
  *  `displayText`; what the selection becomes is the parent's fold to decide,
  *  and a parent that toggles on its own state will still deselect an
  *  already-selected value. */
-export const selectItem = (model, item, displayText) => update(model, SelectedItem({ item, displayText, wasSelected: false }));
+export const selectItem = (model, item, displayText) => __foldkitBrandViewResult((update(model, SelectedItem({ item, displayText, wasSelected: false }))), "@foldkit/ui/combobox/single.js#selectItem");
 const internalView = makeView({ ariaMultiSelectable: false });
 /** Pairs the single-select combobox's `view` and `update` (and programmatic
  *  helpers) behind a single Item-typed entry point. See `Listbox.create`
@@ -65,15 +66,15 @@ export const create = () => {
     // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
     const typedUpdate = update;
     const arrayBasedView = internalView();
-    const view = defineView((model, { maybeSelectedValue, ...baseInputs }) => arrayBasedView(model, {
+    const view = defineView((model, { maybeSelectedValue, ...baseInputs }) => __foldkitBrandViewResult((arrayBasedView(model, {
         ...baseInputs,
         selectedValues: Option.toArray(maybeSelectedValue),
-    }));
-    return {
+    })), "@foldkit/ui/combobox/single.js#anonymous"));
+    return __foldkitBrandViewResult(({
         view,
         update: typedUpdate,
-        selectItem: (model, item, displayText) => typedUpdate(model, SelectedItem({ item, displayText, wasSelected: false })),
-        open: model => typedUpdate(model, Opened({ maybeActiveItemIndex: Option.none() })),
-        close: (model, restingInputValue) => typedUpdate(model, Closed({ restingInputValue })),
-    };
+        selectItem: (model, item, displayText) => __foldkitBrandViewResult((typedUpdate(model, SelectedItem({ item, displayText, wasSelected: false }))), "@foldkit/ui/combobox/single.js#selectItem~2"),
+        open: model => __foldkitBrandViewResult((typedUpdate(model, Opened({ maybeActiveItemIndex: Option.none() }))), "@foldkit/ui/combobox/single.js#open~2"),
+        close: (model, restingInputValue) => __foldkitBrandViewResult((typedUpdate(model, Closed({ restingInputValue }))), "@foldkit/ui/combobox/single.js#close~2"),
+    }), "@foldkit/ui/combobox/single.js#create");
 };

package/dist/datePicker/index.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Function, Match as M, Option, Predicate, Schema as S } from 'effect';
 import * as Calendar from 'foldkit/calendar';
 import * as Command from 'foldkit/command';
@@ -74,7 +75,7 @@ export const OutMessage = S.Union([ChangedViewMonth, SelectedDate, ClearedDate])
  * with derived ids so their DOM elements stay addressable. The popover is
  * opened in `contentFocus` mode so focus lands on the calendar grid instead of
  * the panel. */
-export const init = (config) => ({
+export const init = (config) => (__foldkitBrandViewResult(({
     id: config.id,
     calendar: UiCalendar.init({
         id: `${config.id}-calendar`,
@@ -97,120 +98,120 @@ export const init = (config) => ({
         contentFocus: true,
         ...(config.isAnimated !== undefined && { isAnimated: config.isAnimated }),
     }),
-});
+}), "@foldkit/ui/datePicker/index.js#init"));
 const withUpdateReturn = M.withReturnType();
-const mapCalendarCommands = (commands) => Command.mapMessages(commands, message => GotCalendarMessage({ message }));
-const mapPopoverCommands = (commands) => Command.mapMessages(commands, message => GotPopoverMessage({ message }));
+const mapCalendarCommands = (commands) => __foldkitBrandViewResult((Command.mapMessages(commands, message => __foldkitBrandViewResult((GotCalendarMessage({ message })), "@foldkit/ui/datePicker/index.js#anonymous"))), "@foldkit/ui/datePicker/index.js#mapCalendarCommands");
+const mapPopoverCommands = (commands) => __foldkitBrandViewResult((Command.mapMessages(commands, message => __foldkitBrandViewResult((GotPopoverMessage({ message })), "@foldkit/ui/datePicker/index.js#anonymous~2"))), "@foldkit/ui/datePicker/index.js#mapPopoverCommands");
 const delegateToCalendar = (model, calendarMessage) => {
     const [nextCalendar, calendarCommands, maybeCalendarOutMessage] = UiCalendar.update(model.calendar, calendarMessage);
-    const modelWithCalendar = evo(model, { calendar: () => nextCalendar });
-    return Option.match(maybeCalendarOutMessage, {
-        onNone: () => [
+    const modelWithCalendar = evo(model, { calendar: () => __foldkitBrandViewResult((nextCalendar), "@foldkit/ui/datePicker/index.js#calendar") });
+    return __foldkitBrandViewResult((Option.match(maybeCalendarOutMessage, {
+        onNone: () => __foldkitBrandViewResult(([
             modelWithCalendar,
             mapCalendarCommands(calendarCommands),
             Option.none(),
-        ],
+        ]), "@foldkit/ui/datePicker/index.js#onNone"),
         onSome: M.type().pipe(M.withReturnType(), M.tagsExhaustive({
-            ChangedViewMonth: ({ year, month }) => [
+            ChangedViewMonth: ({ year, month }) => __foldkitBrandViewResult(([
                 modelWithCalendar,
                 mapCalendarCommands(calendarCommands),
                 Option.some(ChangedViewMonth({ year, month })),
-            ],
+            ]), "@foldkit/ui/datePicker/index.js#ChangedViewMonth"),
             SelectedDate: ({ date }) => {
                 const [nextPopover, popoverCommands] = Popover.close(model.popover);
-                return [
+                return __foldkitBrandViewResult(([
                     evo(modelWithCalendar, {
-                        popover: () => nextPopover,
+                        popover: () => __foldkitBrandViewResult((nextPopover), "@foldkit/ui/datePicker/index.js#popover"),
                     }),
                     [
                         ...mapCalendarCommands(calendarCommands),
                         ...mapPopoverCommands(popoverCommands),
                     ],
                     Option.some(SelectedDate({ date })),
-                ];
+                ]), "@foldkit/ui/datePicker/index.js#SelectedDate");
             },
         })),
-    });
+    })), "@foldkit/ui/datePicker/index.js#delegateToCalendar");
 };
 const delegateToPopover = (model, popoverMessage) => {
     const [nextPopover, popoverCommands, maybePopoverOutMessage] = Popover.update(model.popover, popoverMessage);
-    const modelWithPopover = evo(model, { popover: () => nextPopover });
-    return Option.match(maybePopoverOutMessage, {
-        onNone: () => [
+    const modelWithPopover = evo(model, { popover: () => __foldkitBrandViewResult((nextPopover), "@foldkit/ui/datePicker/index.js#popover~2") });
+    return __foldkitBrandViewResult((Option.match(maybePopoverOutMessage, {
+        onNone: () => __foldkitBrandViewResult(([
             modelWithPopover,
             mapPopoverCommands(popoverCommands),
             Option.none(),
-        ],
-        onSome: () => [
+        ]), "@foldkit/ui/datePicker/index.js#onNone~2"),
+        onSome: () => __foldkitBrandViewResult(([
             evo(modelWithPopover, {
-                calendar: () => UiCalendar.dropToDays(modelWithPopover.calendar),
+                calendar: () => __foldkitBrandViewResult((UiCalendar.dropToDays(modelWithPopover.calendar)), "@foldkit/ui/datePicker/index.js#calendar~2"),
             }),
             mapPopoverCommands(popoverCommands),
             Option.none(),
-        ],
-    });
+        ]), "@foldkit/ui/datePicker/index.js#onSome"),
+    })), "@foldkit/ui/datePicker/index.js#delegateToPopover");
 };
 /** Processes a date picker message and returns the next model, commands, and
  * optional OutMessage. */
-export const update = (model, message) => M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
-    GotCalendarMessage: ({ message: calendarMessage }) => delegateToCalendar(model, calendarMessage),
-    GotPopoverMessage: ({ message: popoverMessage }) => delegateToPopover(model, popoverMessage),
+export const update = (model, message) => __foldkitBrandViewResult((M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
+    GotCalendarMessage: ({ message: calendarMessage }) => __foldkitBrandViewResult((delegateToCalendar(model, calendarMessage)), "@foldkit/ui/datePicker/index.js#GotCalendarMessage"),
+    GotPopoverMessage: ({ message: popoverMessage }) => __foldkitBrandViewResult((delegateToPopover(model, popoverMessage)), "@foldkit/ui/datePicker/index.js#GotPopoverMessage"),
     Opened: () => {
         const [nextPopover, popoverCommands] = Popover.open(model.popover);
-        return [
+        return __foldkitBrandViewResult(([
             evo(model, {
-                popover: () => nextPopover,
-                calendar: () => UiCalendar.dropToDays(model.calendar),
+                popover: () => __foldkitBrandViewResult((nextPopover), "@foldkit/ui/datePicker/index.js#popover~3"),
+                calendar: () => __foldkitBrandViewResult((UiCalendar.dropToDays(model.calendar)), "@foldkit/ui/datePicker/index.js#calendar~3"),
             }),
             mapPopoverCommands(popoverCommands),
             Option.none(),
-        ];
+        ]), "@foldkit/ui/datePicker/index.js#Opened");
     },
     Closed: () => {
         const [nextPopover, popoverCommands] = Popover.close(model.popover);
-        return [
+        return __foldkitBrandViewResult(([
             evo(model, {
-                popover: () => nextPopover,
-                calendar: () => UiCalendar.dropToDays(model.calendar),
+                popover: () => __foldkitBrandViewResult((nextPopover), "@foldkit/ui/datePicker/index.js#popover~4"),
+                calendar: () => __foldkitBrandViewResult((UiCalendar.dropToDays(model.calendar)), "@foldkit/ui/datePicker/index.js#calendar~4"),
             }),
             mapPopoverCommands(popoverCommands),
             Option.none(),
-        ];
+        ]), "@foldkit/ui/datePicker/index.js#Closed");
     },
     RequestedSelectDate: ({ date }) => {
         const [nextCalendar, calendarCommands] = UiCalendar.selectDate(model.calendar, date);
         const [nextPopover, popoverCommands] = Popover.close(model.popover);
-        return [
+        return __foldkitBrandViewResult(([
             evo(model, {
-                calendar: () => nextCalendar,
-                popover: () => nextPopover,
+                calendar: () => __foldkitBrandViewResult((nextCalendar), "@foldkit/ui/datePicker/index.js#calendar~5"),
+                popover: () => __foldkitBrandViewResult((nextPopover), "@foldkit/ui/datePicker/index.js#popover~5"),
             }),
             [
                 ...mapCalendarCommands(calendarCommands),
                 ...mapPopoverCommands(popoverCommands),
             ],
             Option.some(SelectedDate({ date })),
-        ];
+        ]), "@foldkit/ui/datePicker/index.js#RequestedSelectDate");
     },
-    Cleared: () => [model, [], Option.some(ClearedDate())],
-}));
+    Cleared: () => __foldkitBrandViewResult(([model, [], Option.some(ClearedDate())]), "@foldkit/ui/datePicker/index.js#Cleared"),
+}))), "@foldkit/ui/datePicker/index.js#update");
 /** Programmatically opens the date picker, updating the model and returning
  * focus and popover commands. Use this in domain-event handlers. */
-export const open = (model) => update(model, Opened());
+export const open = (model) => __foldkitBrandViewResult((update(model, Opened())), "@foldkit/ui/datePicker/index.js#open");
 /** Programmatically closes the date picker. Use this in domain-event handlers. */
-export const close = (model) => update(model, Closed());
+export const close = (model) => __foldkitBrandViewResult((update(model, Closed())), "@foldkit/ui/datePicker/index.js#close");
 /** Programmatically selects a date, committing it and closing the popover. Emits a `SelectedDate` OutMessage just like a user-initiated selection. */
-export const selectDate = (model, date) => update(model, RequestedSelectDate({ date }));
+export const selectDate = (model, date) => __foldkitBrandViewResult((update(model, RequestedSelectDate({ date }))), "@foldkit/ui/datePicker/index.js#selectDate");
 /** Programmatically clears the selected date. */
-export const clear = (model) => update(model, Cleared());
+export const clear = (model) => __foldkitBrandViewResult((update(model, Cleared())), "@foldkit/ui/datePicker/index.js#clear");
 /** Moves the embedded calendar's view and cursor to a date without changing
  *  the selection (which the parent owns). Use it to navigate the picker onto a
  *  known date, for example after the parent sets its value externally (a URL
  *  parameter, a saved draft) so opening the picker shows that month. Returns
  *  the model directly because it produces no commands and no OutMessage. */
-export const focusDate = Function.dual(2, (model, date) => evo(model, {
-    calendar: () => UiCalendar.focusDate(model.calendar, date),
-}));
+export const focusDate = Function.dual(2, (model, date) => __foldkitBrandViewResult((evo(model, {
+    calendar: () => __foldkitBrandViewResult((UiCalendar.focusDate(model.calendar, date)), "@foldkit/ui/datePicker/index.js#calendar~6"),
+})), "@foldkit/ui/datePicker/index.js#anonymous~3"));
 /** Reflects the minimum selectable date onto the embedded calendar. Pass
  * `Option.none()` to remove the minimum. Use this when the minimum derives
  * from other Model state (e.g. a start date field whose current selection
@@ -219,34 +220,34 @@ export const focusDate = Function.dual(2, (model, date) => evo(model, {
  * Does NOT reconcile the current selection. If a previously-selected date
  * is now below the new minimum, it remains selected. Callers should `clear`
  * or reassign the selection explicitly if their domain requires it. */
-export const reflectMinDate = Function.dual(2, (model, maybeMinDate) => evo(model, {
-    calendar: () => UiCalendar.reflectMinDate(model.calendar, maybeMinDate),
-}));
+export const reflectMinDate = Function.dual(2, (model, maybeMinDate) => __foldkitBrandViewResult((evo(model, {
+    calendar: () => __foldkitBrandViewResult((UiCalendar.reflectMinDate(model.calendar, maybeMinDate)), "@foldkit/ui/datePicker/index.js#calendar~7"),
+})), "@foldkit/ui/datePicker/index.js#anonymous~4"));
 /** Reflects the maximum selectable date onto the embedded calendar. Pass
  * `Option.none()` to remove the maximum. Does NOT reconcile the current
  * selection. */
-export const reflectMaxDate = Function.dual(2, (model, maybeMaxDate) => evo(model, {
-    calendar: () => UiCalendar.reflectMaxDate(model.calendar, maybeMaxDate),
-}));
+export const reflectMaxDate = Function.dual(2, (model, maybeMaxDate) => __foldkitBrandViewResult((evo(model, {
+    calendar: () => __foldkitBrandViewResult((UiCalendar.reflectMaxDate(model.calendar, maybeMaxDate)), "@foldkit/ui/datePicker/index.js#calendar~8"),
+})), "@foldkit/ui/datePicker/index.js#anonymous~5"));
 /** Reflects the list of individually-disabled dates onto the embedded
  * calendar. Pass an empty array to clear. Does NOT reconcile the current
  * selection. */
-export const reflectDisabledDates = Function.dual(2, (model, disabledDates) => evo(model, {
-    calendar: () => UiCalendar.reflectDisabledDates(model.calendar, disabledDates),
-}));
+export const reflectDisabledDates = Function.dual(2, (model, disabledDates) => __foldkitBrandViewResult((evo(model, {
+    calendar: () => __foldkitBrandViewResult((UiCalendar.reflectDisabledDates(model.calendar, disabledDates)), "@foldkit/ui/datePicker/index.js#calendar~9"),
+})), "@foldkit/ui/datePicker/index.js#anonymous~6"));
 /** Reflects the days of the week that are disabled onto the embedded calendar
  * (e.g. weekends). Pass an empty array to clear. Does NOT reconcile the
  * current selection. */
-export const reflectDisabledDaysOfWeek = Function.dual(2, (model, disabledDaysOfWeek) => evo(model, {
-    calendar: () => UiCalendar.reflectDisabledDaysOfWeek(model.calendar, disabledDaysOfWeek),
-}));
+export const reflectDisabledDaysOfWeek = Function.dual(2, (model, disabledDaysOfWeek) => __foldkitBrandViewResult((evo(model, {
+    calendar: () => __foldkitBrandViewResult((UiCalendar.reflectDisabledDaysOfWeek(model.calendar, disabledDaysOfWeek)), "@foldkit/ui/datePicker/index.js#calendar~10"),
+})), "@foldkit/ui/datePicker/index.js#anonymous~7"));
 // SELECTORS
 /** Returns the bare DOM id of the date picker trigger button, derived from
  *  the date picker's base id. The trigger is the embedded Popover's button,
  *  so the id is suffixed `-popover-button`. Use this to associate an external
  *  label with the trigger via a native `<label for={DatePicker.triggerId(id)}>`
  *  or an `aria-labelledby` reference. */
-export const triggerId = (id) => `${id}-popover-button`;
+export const triggerId = (id) => __foldkitBrandViewResult((`${id}-popover-button`), "@foldkit/ui/datePicker/index.js#triggerId");
 // VIEW
 const encodeIsoDate = S.encodeSync(Calendar.CalendarDateFromIsoString);
 /** Renders an accessible date picker: a trigger button that opens a popover
@@ -259,13 +260,13 @@ export const view = defineView((model, viewInputs) => {
     const { anchor, maybeSelectedDate, triggerContent, toCalendarView, isDisabled, name, className, attributes = [], triggerClassName, triggerAttributes = [], ariaLabel, ariaLabelledBy, panelClassName, panelAttributes = [], backdropClassName, backdropAttributes = [], } = viewInputs;
     const resolveTriggerLabel = () => {
         if (Predicate.isNotUndefined(ariaLabel)) {
-            return [h.AriaLabel(ariaLabel)];
+            return __foldkitBrandViewResult(([h.AriaLabel(ariaLabel)]), "@foldkit/ui/datePicker/index.js#resolveTriggerLabel");
         }
         else if (Predicate.isNotUndefined(ariaLabelledBy)) {
-            return [h.AriaLabelledBy(ariaLabelledBy)];
+            return __foldkitBrandViewResult(([h.AriaLabelledBy(ariaLabelledBy)]), "@foldkit/ui/datePicker/index.js#resolveTriggerLabel");
         }
         else {
-            return [];
+            return __foldkitBrandViewResult(([]), "@foldkit/ui/datePicker/index.js#resolveTriggerLabel");
         }
     };
     const triggerLabelAttributes = resolveTriggerLabel();
@@ -274,7 +275,7 @@ export const view = defineView((model, viewInputs) => {
         model: model.calendar,
         view: UiCalendar.view,
         viewInputs: { maybeSelectedDate, toView: toCalendarView },
-        toParentMessage: message => GotCalendarMessage({ message }),
+        toParentMessage: message => __foldkitBrandViewResult((GotCalendarMessage({ message })), "@foldkit/ui/datePicker/index.js#toParentMessage"),
     });
     const popoverVNode = h.submodel({
         slotId: model.popover.id,
@@ -284,7 +285,7 @@ export const view = defineView((model, viewInputs) => {
             anchor,
             ...(isDisabled !== undefined && { isDisabled }),
             focusSelector: idSelector(`${model.calendar.id}-grid`),
-            toView: ({ button, panel, backdrop, isVisible }) => h.div([], [
+            toView: ({ button, panel, backdrop, isVisible }) => __foldkitBrandViewResult((h.div([], [
                 h.button([
                     ...button,
                     ...triggerLabelAttributes,
@@ -311,12 +312,12 @@ export const view = defineView((model, viewInputs) => {
                         ], [calendarVNode]),
                     ]
                     : []),
-            ]),
+            ])), "@foldkit/ui/datePicker/index.js#toView"),
         },
-        toParentMessage: message => GotPopoverMessage({ message }),
+        toParentMessage: message => __foldkitBrandViewResult((GotPopoverMessage({ message })), "@foldkit/ui/datePicker/index.js#toParentMessage~2"),
     });
     const hiddenInputValue = Option.match(maybeSelectedDate, {
-        onNone: () => '',
+        onNone: () => __foldkitBrandViewResult((''), "@foldkit/ui/datePicker/index.js#onNone~3"),
         onSome: encodeIsoDate,
     });
     const maybeHiddenInput = name !== undefined
@@ -326,5 +327,5 @@ export const view = defineView((model, viewInputs) => {
         ...(className !== undefined ? [h.Class(className)] : []),
         ...attributes,
     ];
-    return h.div(wrapperAttributes, [popoverVNode, ...maybeHiddenInput]);
+    return __foldkitBrandViewResult((h.div(wrapperAttributes, [popoverVNode, ...maybeHiddenInput])), "@foldkit/ui/datePicker/index.js#anonymous~8");
 });

package/dist/dialog/index.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';
@@ -66,7 +67,7 @@ export const Closed = m('Closed');
 /** Union of out-messages the dialog component can produce. */
 export const OutMessage = S.Union([Opened, Closed]);
 /** Creates an initial dialog model from a config. Defaults to closed and non-animated. */
-export const init = (config) => ({
+export const init = (config) => (__foldkitBrandViewResult(({
     id: config.id,
     isOpen: config.isOpen ?? false,
     isAnimated: config.isAnimated ?? false,
@@ -75,9 +76,9 @@ export const init = (config) => ({
         ...(config.isOpen !== undefined ? { isShowing: config.isOpen } : {}),
     }),
     maybeFocusSelector: Option.fromNullishOr(config.focusSelector),
-});
+}), "@foldkit/ui/dialog/index.js#init"));
 // UPDATE
-const dialogSelector = (id) => idSelector(id);
+const dialogSelector = (id) => __foldkitBrandViewResult((idSelector(id)), "@foldkit/ui/dialog/index.js#dialogSelector");
 /** Data attribute the dialog places on the `initialFocus` RenderInfo group and
  *  focuses on open. */
 export const initialFocusMarkerAttribute = 'foldkit-dialog-initial-focus';
@@ -90,104 +91,104 @@ const withUpdateReturn = M.withReturnType();
  *  high-z-index overlays stay interactive. It layers the dialog with a high
  *  z-index, traps focus, and dispatches a `cancel` event on Esc. The Dialog
  *  component supplies its own backdrop. */
-export const ShowDialog = Command.define('ShowDialog', { id: S.String, focusSelector: S.String }, CompletedShowDialog)(({ id, focusSelector }) => Dom.lockScroll.pipe(Effect.andThen(() => Dom.showDialog(dialogSelector(id), { focusSelector })), Effect.ignore, Effect.as(CompletedShowDialog())));
+export const ShowDialog = Command.define('ShowDialog', { id: S.String, focusSelector: S.String }, CompletedShowDialog)(({ id, focusSelector }) => __foldkitBrandViewResult((Dom.lockScroll.pipe(Effect.andThen(() => __foldkitBrandViewResult((Dom.showDialog(dialogSelector(id), { focusSelector })), "@foldkit/ui/dialog/index.js#anonymous~2")), Effect.ignore, Effect.as(CompletedShowDialog()))), "@foldkit/ui/dialog/index.js#anonymous"));
 /** Calls `close()` on the native dialog element and unlocks page scroll. */
-export const CloseDialog = Command.define('CloseDialog', { id: S.String }, CompletedCloseDialog)(({ id }) => Dom.closeDialog(dialogSelector(id)).pipe(Effect.andThen(() => Dom.unlockScroll), Effect.ignore, Effect.as(CompletedCloseDialog())));
+export const CloseDialog = Command.define('CloseDialog', { id: S.String }, CompletedCloseDialog)(({ id }) => __foldkitBrandViewResult((Dom.closeDialog(dialogSelector(id)).pipe(Effect.andThen(() => __foldkitBrandViewResult((Dom.unlockScroll), "@foldkit/ui/dialog/index.js#anonymous~4")), Effect.ignore, Effect.as(CompletedCloseDialog()))), "@foldkit/ui/dialog/index.js#anonymous~3"));
 /** Releases the framework hygiene the dialog holds while open (scroll lock,
  *  focus trap, return focus, stack entry) when the element unmounts without a
  *  purposeful close. Idempotent: a no-op if the dialog already released its
  *  resources through `CloseDialog`. */
-export const ReleaseDialogResources = Command.define('ReleaseDialogResources', { id: S.String }, CompletedReleaseDialogResources)(({ id }) => Dom.releaseDialogResources(id).pipe(Effect.ignore, Effect.as(CompletedReleaseDialogResources())));
-const wrapAnimationMessage = (message) => GotAnimationMessage({ message });
+export const ReleaseDialogResources = Command.define('ReleaseDialogResources', { id: S.String }, CompletedReleaseDialogResources)(({ id }) => __foldkitBrandViewResult((Dom.releaseDialogResources(id).pipe(Effect.ignore, Effect.as(CompletedReleaseDialogResources()))), "@foldkit/ui/dialog/index.js#anonymous~5"));
+const wrapAnimationMessage = (message) => __foldkitBrandViewResult((GotAnimationMessage({ message })), "@foldkit/ui/dialog/index.js#wrapAnimationMessage");
 const delegateToAnimation = (model, animationMessage) => {
     const [nextAnimation, animationCommands, maybeOutMessage] = animationUpdate(model.animation, animationMessage);
     const mappedCommands = Command.mapMessages(animationCommands, wrapAnimationMessage);
     const additionalCommands = Option.match(maybeOutMessage, {
-        onNone: () => [],
+        onNone: () => __foldkitBrandViewResult(([]), "@foldkit/ui/dialog/index.js#onNone"),
         onSome: M.type().pipe(M.tagsExhaustive({
-            StartedLeaveAnimating: () => [
+            StartedLeaveAnimating: () => __foldkitBrandViewResult(([
                 Command.mapMessage(animationDefaultLeaveCommand(nextAnimation), wrapAnimationMessage),
-            ],
-            TransitionedOut: () => [CloseDialog({ id: model.id })],
+            ]), "@foldkit/ui/dialog/index.js#StartedLeaveAnimating"),
+            TransitionedOut: () => __foldkitBrandViewResult(([CloseDialog({ id: model.id })]), "@foldkit/ui/dialog/index.js#TransitionedOut"),
         })),
     });
-    return [
-        evo(model, { animation: () => nextAnimation }),
+    return __foldkitBrandViewResult(([
+        evo(model, { animation: () => __foldkitBrandViewResult((nextAnimation), "@foldkit/ui/dialog/index.js#animation") }),
         [...mappedCommands, ...additionalCommands],
         Option.none(),
-    ];
+    ]), "@foldkit/ui/dialog/index.js#delegateToAnimation");
 };
 /** Processes a dialog message and returns the next model and commands. */
-export const update = (model, message) => M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
+export const update = (model, message) => __foldkitBrandViewResult((M.value(message).pipe(withUpdateReturn, M.tagsExhaustive({
     RequestedOpen: () => {
         const wasClosed = !model.isOpen;
         const maybeShow = Option.liftPredicate(ShowDialog({
             id: model.id,
-            focusSelector: Option.getOrElse(model.maybeFocusSelector, () => initialFocusMarkerSelector),
-        }), () => wasClosed);
+            focusSelector: Option.getOrElse(model.maybeFocusSelector, () => __foldkitBrandViewResult((initialFocusMarkerSelector), "@foldkit/ui/dialog/index.js#anonymous~6")),
+        }), () => __foldkitBrandViewResult((wasClosed), "@foldkit/ui/dialog/index.js#anonymous~7"));
         const maybeOutMessage = wasClosed
             ? Option.some(Opened())
             : Option.none();
         if (model.isAnimated) {
             const [nextModel, animationCommands] = delegateToAnimation(model, AnimationShowed());
-            return [
-                evo(nextModel, { isOpen: () => true }),
+            return __foldkitBrandViewResult(([
+                evo(nextModel, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/dialog/index.js#isOpen") }),
                 [...Option.toArray(maybeShow), ...animationCommands],
                 maybeOutMessage,
-            ];
+            ]), "@foldkit/ui/dialog/index.js#RequestedOpen");
         }
-        return [
-            evo(model, { isOpen: () => true }),
+        return __foldkitBrandViewResult(([
+            evo(model, { isOpen: () => __foldkitBrandViewResult((true), "@foldkit/ui/dialog/index.js#isOpen~2") }),
             Option.toArray(maybeShow),
             maybeOutMessage,
-        ];
+        ]), "@foldkit/ui/dialog/index.js#RequestedOpen");
     },
     RequestedClose: () => {
         const { transitionState } = model.animation;
         const isLeaving = transitionState === 'LeaveStart' ||
             transitionState === 'LeaveAnimating';
         if (isLeaving) {
-            return [model, [], Option.none()];
+            return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dialog/index.js#RequestedClose");
         }
         const wasOpen = model.isOpen;
         const maybeOutMessage = wasOpen ? Option.some(Closed()) : Option.none();
         if (model.isAnimated) {
-            const [nextModel, animationCommands] = delegateToAnimation(evo(model, { isOpen: () => false }), AnimationHid());
-            return [nextModel, animationCommands, maybeOutMessage];
+            const [nextModel, animationCommands] = delegateToAnimation(evo(model, { isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/dialog/index.js#isOpen~3") }), AnimationHid());
+            return __foldkitBrandViewResult(([nextModel, animationCommands, maybeOutMessage]), "@foldkit/ui/dialog/index.js#RequestedClose");
         }
-        const maybeClose = Option.liftPredicate(CloseDialog({ id: model.id }), () => wasOpen);
-        return [
-            evo(model, { isOpen: () => false }),
+        const maybeClose = Option.liftPredicate(CloseDialog({ id: model.id }), () => __foldkitBrandViewResult((wasOpen), "@foldkit/ui/dialog/index.js#anonymous~8"));
+        return __foldkitBrandViewResult(([
+            evo(model, { isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/dialog/index.js#isOpen~4") }),
             Option.toArray(maybeClose),
             maybeOutMessage,
-        ];
+        ]), "@foldkit/ui/dialog/index.js#RequestedClose");
     },
-    GotAnimationMessage: ({ message: animationMessage }) => delegateToAnimation(model, animationMessage),
+    GotAnimationMessage: ({ message: animationMessage }) => __foldkitBrandViewResult((delegateToAnimation(model, animationMessage)), "@foldkit/ui/dialog/index.js#GotAnimationMessage"),
     Unmounted: () => {
         const isHoldingResources = model.isOpen || model.animation.transitionState !== 'Idle';
         if (isHoldingResources) {
             const nextModel = evo(model, {
-                isOpen: () => false,
-                animation: () => animationInit({ id: `${model.id}-panel` }),
+                isOpen: () => __foldkitBrandViewResult((false), "@foldkit/ui/dialog/index.js#isOpen~5"),
+                animation: () => __foldkitBrandViewResult((animationInit({ id: `${model.id}-panel` })), "@foldkit/ui/dialog/index.js#animation~2"),
             });
-            return [
+            return __foldkitBrandViewResult(([
                 nextModel,
                 [ReleaseDialogResources({ id: model.id })],
                 Option.none(),
-            ];
+            ]), "@foldkit/ui/dialog/index.js#Unmounted");
         }
         else {
-            return [model, [], Option.none()];
+            return __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dialog/index.js#Unmounted");
         }
     },
-    CompletedShowDialog: () => [model, [], Option.none()],
-    CompletedCloseDialog: () => [model, [], Option.none()],
-    CompletedReleaseDialogResources: () => [model, [], Option.none()],
-}));
+    CompletedShowDialog: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dialog/index.js#CompletedShowDialog"),
+    CompletedCloseDialog: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dialog/index.js#CompletedCloseDialog"),
+    CompletedReleaseDialogResources: () => __foldkitBrandViewResult(([model, [], Option.none()]), "@foldkit/ui/dialog/index.js#CompletedReleaseDialogResources"),
+}))), "@foldkit/ui/dialog/index.js#update");
 /** Programmatically opens the dialog. */
-export const open = (model) => update(model, RequestedOpen());
+export const open = (model) => __foldkitBrandViewResult((update(model, RequestedOpen())), "@foldkit/ui/dialog/index.js#open");
 /** Programmatically closes the dialog. */
-export const close = (model) => update(model, RequestedClose());
+export const close = (model) => __foldkitBrandViewResult((update(model, RequestedClose())), "@foldkit/ui/dialog/index.js#close");
 // VIEW
 /** Returns the framework-managed id the dialog's `aria-labelledby` points at,
  *  the `-dialog-title` suffix on `model.id`.
@@ -197,7 +198,7 @@ export const close = (model) => update(model, RequestedClose());
  *  helper only when you need the id as a value outside `toView`: a Command that
  *  calls `getElementById`, a cross-element `aria-describedby`, or a test. Do not
  *  hand-roll the id string. */
-export const titleId = (model) => `${model.id}-dialog-title`;
+export const titleId = (model) => __foldkitBrandViewResult((`${model.id}-dialog-title`), "@foldkit/ui/dialog/index.js#titleId");
 /** Returns the framework-managed id the dialog's `aria-describedby` points at,
  *  the `-dialog-description` suffix on `model.id`.
  *
@@ -206,7 +207,7 @@ export const titleId = (model) => `${model.id}-dialog-title`;
  *  for you. Reach for this helper only when you need the id as a value outside
  *  `toView`: a Command that calls `getElementById`, a cross-element
  *  `aria-describedby`, or a test. Do not hand-roll the id string. */
-export const descriptionId = (model) => `${model.id}-dialog-description`;
+export const descriptionId = (model) => __foldkitBrandViewResult((`${model.id}-dialog-description`), "@foldkit/ui/dialog/index.js#descriptionId");
 /** Renders a headless dialog component backed by the native `<dialog>`
  *  element. `ShowDialog` opens it through `Dom.showDialog`, which uses `show()`
  *  (not native `showModal()`) with a high z-index, a focus trap, a
@@ -217,21 +218,21 @@ export const view = defineView((model, viewInputs) => {
     const { toView } = 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/dialog/index.js#anonymous~10")), M.when('EnterAnimating', () => __foldkitBrandViewResult(([
         h.DataAttribute('enter', ''),
         h.DataAttribute('transition', ''),
-    ]), M.when('LeaveStart', () => [
+    ]), "@foldkit/ui/dialog/index.js#anonymous~11")), M.when('LeaveStart', () => __foldkitBrandViewResult(([
         h.DataAttribute('leave', ''),
         h.DataAttribute('transition', ''),
-    ]), M.when('LeaveAnimating', () => [
+    ]), "@foldkit/ui/dialog/index.js#anonymous~12")), M.when('LeaveAnimating', () => __foldkitBrandViewResult(([
         h.DataAttribute('closed', ''),
         h.DataAttribute('leave', ''),
         h.DataAttribute('transition', ''),
-    ]), M.orElse(() => []));
+    ]), "@foldkit/ui/dialog/index.js#anonymous~13")), M.orElse(() => __foldkitBrandViewResult(([]), "@foldkit/ui/dialog/index.js#anonymous~14")));
     const dialogAttributes = [
         h.Id(id),
         h.AriaLabelledBy(titleId(model)),
@@ -266,7 +267,7 @@ export const view = defineView((model, viewInputs) => {
         h.DataAttribute(initialFocusMarkerAttribute, ''),
     ];
     const closeButtonAttributes = isLeaving ? [] : [h.OnClick(RequestedClose())];
-    return toView({
+    return __foldkitBrandViewResult((toView({
         dialog: childAttributes(dialogAttributes),
         backdrop: childAttributes(backdropAttributes),
         panel: childAttributes(panelAttributes),
@@ -275,5 +276,5 @@ export const view = defineView((model, viewInputs) => {
         initialFocus: childAttributes(initialFocusAttributes),
         closeButton: childAttributes(closeButtonAttributes),
         isVisible,
-    });
+    })), "@foldkit/ui/dialog/index.js#anonymous~9");
 });