@foldkit/ui 0.128.1 → 0.130.0

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");
 });

package/dist/disclosure/index.js

@@ -1,3 +1,4 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
 import { Match as M, Option, Predicate } from 'effect';
 import { html } from 'foldkit/html';
 // VIEW
@@ -5,8 +6,8 @@ import { html } from 'foldkit/html';
  *  disclosure's base id. Use this to associate an external label with the
  *  button via a native `<label for={Disclosure.buttonId(id)}>` or an
  *  `aria-labelledby` reference. */
-export const buttonId = (id) => `${id}-button`;
-const panelId = (id) => `${id}-panel`;
+export const buttonId = (id) => __foldkitBrandViewResult((`${id}-button`), "@foldkit/ui/disclosure/index.js#buttonId");
+const panelId = (id) => __foldkitBrandViewResult((`${id}-panel`), "@foldkit/ui/disclosure/index.js#panelId");
 const panelSizeTransition = 'grid-template-rows 200ms ease-out';
 /** Renders a headless disclosure as a stateless controlled component. The
  *  parent owns the open state (`isOpen`) and receives the new state via
@@ -33,19 +34,19 @@ export const view = (config) => {
     const h = html();
     const { id, isOpen, onToggle, toView, isDisabled = false, ariaLabel, ariaLabelledBy, } = config;
     const nextOpen = !isOpen;
-    const handleKeyDown = (key) => M.value(key).pipe(M.whenOr('Enter', ' ', () => Option.some(onToggle(nextOpen))), M.orElse(() => Option.none()));
+    const handleKeyDown = (key) => __foldkitBrandViewResult((M.value(key).pipe(M.whenOr('Enter', ' ', () => __foldkitBrandViewResult((Option.some(onToggle(nextOpen))), "@foldkit/ui/disclosure/index.js#anonymous")), M.orElse(() => __foldkitBrandViewResult((Option.none()), "@foldkit/ui/disclosure/index.js#anonymous~2")))), "@foldkit/ui/disclosure/index.js#handleKeyDown");
     const disabledAttributes = isDisabled
         ? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
         : [];
     const resolveButtonLabel = () => {
         if (Predicate.isNotUndefined(ariaLabel)) {
-            return [h.AriaLabel(ariaLabel)];
+            return __foldkitBrandViewResult(([h.AriaLabel(ariaLabel)]), "@foldkit/ui/disclosure/index.js#resolveButtonLabel");
         }
         else if (Predicate.isNotUndefined(ariaLabelledBy)) {
-            return [h.AriaLabelledBy(ariaLabelledBy)];
+            return __foldkitBrandViewResult(([h.AriaLabelledBy(ariaLabelledBy)]), "@foldkit/ui/disclosure/index.js#resolveButtonLabel");
         }
         else {
-            return [];
+            return __foldkitBrandViewResult(([]), "@foldkit/ui/disclosure/index.js#resolveButtonLabel");
         }
     };
     const buttonAttributes = [
@@ -67,7 +68,7 @@ export const view = (config) => {
         h.Id(panelId(id)),
         ...(isOpen ? [h.DataAttribute('open', '')] : []),
     ];
-    const animatePanel = (content) => h.div([
+    const animatePanel = (content) => __foldkitBrandViewResult((h.div([
         h.Style({
             display: 'grid',
             gridTemplateRows: isOpen ? '1fr' : '0fr',
@@ -79,10 +80,10 @@ export const view = (config) => {
             h.Style({ minHeight: '0px', overflow: 'hidden' }),
             ...(isOpen ? [] : [h.AriaHidden(true)]),
         ], [content]),
-    ]);
-    return toView({
+    ])), "@foldkit/ui/disclosure/index.js#animatePanel");
+    return __foldkitBrandViewResult((toView({
         button: buttonAttributes,
         panel: panelAttributes,
         animatePanel,
-    });
+    })), "@foldkit/ui/disclosure/index.js#view");
 };