@gjermundgaraba/pixel-paper 0.0.0-stage → 0.1.1

package/dist/confirm-dialog/confirm-dialog.js

@@ -0,0 +1,115 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { view as view$1 } from "../button/button.js";
+import { view as view$2 } from "../card/card.js";
+import { foldDialog } from "../dialog/fold.js";
+import { FREE, Message as Message$1, Model as Model$1, OutMessage as OutMessage$1, dialog_exports, id as id$1, init as init$1, isOpen as isOpen$1, view as view$3 } from "../dialog/dialog.js";
+import { view as view$4 } from "../outcome/outcome.js";
+import { Schema, pipe } from "effect";
+import { defineMessageUnion } from "foldkit/message";
+import { modifyFields } from "foldkit/struct";
+import { defineView } from "foldkit/submodel";
+import * as Update from "foldkit/update";
+// src/confirm-dialog/confirm-dialog.ts
+/** Schema for a confirm dialog: the pixel-paper Dialog it opens in. */
+const Model = Schema.Struct({ dialog: Model$1 });
+/** Union of all Messages a confirm dialog can produce. */
+const Message = defineMessageUnion({
+	GotDialogMessage: { message: Message$1 },
+	ClickedConfirm: {},
+	ClickedCancel: {}
+});
+/** Union of OutMessages a confirm dialog reports. `Confirmed`: the reader pressed the action;
+*  the dialog stays open until the parent calls `close`. `Cancelled`: cancel, Escape or a click
+*  on the veil; the dialog has closed, and whether that also stops work already running is
+*  the parent's to decide. Never reported while its ways out are held (`Dialog.UpdateContext`). */
+const OutMessage = defineMessageUnion({
+	Confirmed: {},
+	Cancelled: {}
+});
+/** Creates a closed confirm dialog. */
+const init = (config) => (__foldkitBrandViewResult(({ dialog: init$1({ id: config.id }) }), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#init"));
+const toCancelled = OutMessage$1.match({ Closed: () => __foldkitBrandViewResult((OutMessage.Cancelled()), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#Closed") });
+const dialogFold = foldDialog(dialog_exports, {
+	read: (model) => __foldkitBrandViewResult((model.dialog), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#read"),
+	write: (model, nextDialog) => __foldkitBrandViewResult((modifyFields(model, { dialog: () => __foldkitBrandViewResult((nextDialog), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#dialog") })), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#write"),
+	toParentMessage: (message) => __foldkitBrandViewResult((Message.GotDialogMessage({ message })), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#toParentMessage"),
+	toParentOutMessage: toCancelled
+});
+/** Processes a confirm dialog Message and returns the next Model, Commands and OutMessage.
+*  While `context.isCloseHeld`, cancel, Escape and the veil change nothing. */
+const update = (model, message, context = FREE) => __foldkitBrandViewResult((Message.match(message, {
+	GotDialogMessage: ({ message: dialogMessage }) => __foldkitBrandViewResult((dialogFold.updateWith(context)(model, dialogMessage)), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#GotDialogMessage"),
+	ClickedConfirm: () => (__foldkitBrandViewResult(({
+		model,
+		outMessage: OutMessage.Confirmed()
+	}), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#ClickedConfirm")),
+	ClickedCancel: () => __foldkitBrandViewResult((context.isCloseHeld ? { model } : pipe(dialogFold.close(model), Update.withOutMessage(OutMessage.Cancelled()))), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#ClickedCancel")
+})), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#update");
+/** Opens the confirm dialog: focus starts on the action, or on cancel when it is `isDanger`. */
+const open = (model) => __foldkitBrandViewResult((dialogFold.open(model)), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#open");
+/** Closes the confirm dialog without reporting `Cancelled`: call it once confirmed work has
+*  landed. */
+const close = (model) => __foldkitBrandViewResult((dialogFold.close(model)), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#close");
+/** The confirm dialog's id, unique in the document. */
+const id = (model) => __foldkitBrandViewResult((id$1(model.dialog)), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#id");
+/** Whether the confirm dialog is open. */
+const isOpen = (model) => __foldkitBrandViewResult((isOpen$1(model.dialog)), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#isOpen");
+const cardView = (viewInputs, render, h) => {
+	const { isDanger = false, isBusy = false, isDisabled = false, toDetailView } = viewInputs;
+	const commit = view$1({
+		label: viewInputs.label,
+		variant: isDanger ? "Danger" : "Primary",
+		isDefault: !isDanger,
+		isBusy,
+		isDisabled,
+		onClick: Message.ClickedConfirm(),
+		attributes: isDanger ? [] : render.initialFocus
+	}, h);
+	const cancel = view$1({
+		label: "cancel",
+		isDefault: isDanger,
+		isDisabled: isBusy,
+		onClick: Message.ClickedCancel(),
+		attributes: isDanger ? render.initialFocus : []
+	}, h);
+	return __foldkitBrandViewResult((view$2({
+		title: viewInputs.title,
+		titleAttributes: render.title,
+		isNarrow: true,
+		actionBarAttributes: render.actionBar,
+		actions: isDanger ? [commit, cancel] : [cancel, commit],
+		body: [view$4({
+			title: viewInputs.question,
+			body: viewInputs.body,
+			tone: isDanger ? "Error" : "Warn",
+			...toDetailView !== void 0 && { detail: toDetailView() },
+			bodyAttributes: render.description
+		}, h)]
+	}, h)), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#cardView");
+};
+/**
+* The one question before an irreversible step: a glyph in a box, a headline, a sentence. With
+* `isDanger` it is the system's only destructive confirm. The thing that destroys (delete,
+* disable, reset) is a neutral Button at rest that opens this dialog; the red button is the
+* commit inside it, focus starts on cancel, and the dialog is an alert (`alertdialog`); without
+* it the dialog is a plain one with focus on the action. There is no inline
+* arm-then-confirm button: red never rests on a button, and an armed button is easy to
+* double-click through.
+*
+* Work that takes a while stays in the dialog: set `isBusy` while it runs (and `isCloseHeld`
+* in `update`'s context), `close` once it has landed, and on failure keep it open with the
+* error in `toDetailView`.
+*/
+const view = defineView((model, viewInputs, h) => __foldkitBrandViewResult((h.submodel({
+	slotId: id(model),
+	model: model.dialog,
+	view: view$3,
+	viewInputs: {
+		isAlert: viewInputs.isDanger ?? false,
+		hasDescription: true,
+		toLiveRegionView: viewInputs.toLiveRegionView,
+		toView: (render) => __foldkitBrandViewResult((cardView(viewInputs, render, h)), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#toView")
+	},
+	toParentMessage: (message) => __foldkitBrandViewResult((Message.GotDialogMessage({ message })), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#toParentMessage~2")
+})), "@gjermundgaraba/pixel-paper/confirm-dialog/confirm-dialog.js#anonymous"));
+export { Message, Model, OutMessage, close, id, init, isOpen, open, update, view };

package/dist/confirm-dialog/index.d.ts

@@ -0,0 +1,5 @@
+import { InitConfig, Message, Model, OutMessage, ViewInputs, close, id, init, isOpen, open, update, view } from "./confirm-dialog.js";
+declare namespace index_d_exports {
+  export { InitConfig, Message, Model, OutMessage, ViewInputs, close, id, init, isOpen, open, update, view };
+}
+export { type InitConfig, Message, Model, OutMessage, type ViewInputs, close, id, index_d_exports, init, isOpen, open, update, view };

package/dist/confirm-dialog/index.js

@@ -0,0 +1,17 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
+import { Message, Model, OutMessage, close, id, init, isOpen, open, update, view } from "./confirm-dialog.js";
+// src/confirm-dialog/index.ts
+var confirm_dialog_exports = /* @__PURE__ */ __exportAll({
+	Message: () => __foldkitBrandViewResult((Message), "@gjermundgaraba/pixel-paper/confirm-dialog/index.js#Message"),
+	Model: () => __foldkitBrandViewResult((Model), "@gjermundgaraba/pixel-paper/confirm-dialog/index.js#Model"),
+	OutMessage: () => __foldkitBrandViewResult((OutMessage), "@gjermundgaraba/pixel-paper/confirm-dialog/index.js#OutMessage"),
+	close: () => __foldkitBrandViewResult((close), "@gjermundgaraba/pixel-paper/confirm-dialog/index.js#close"),
+	id: () => __foldkitBrandViewResult((id), "@gjermundgaraba/pixel-paper/confirm-dialog/index.js#id"),
+	init: () => __foldkitBrandViewResult((init), "@gjermundgaraba/pixel-paper/confirm-dialog/index.js#init"),
+	isOpen: () => __foldkitBrandViewResult((isOpen), "@gjermundgaraba/pixel-paper/confirm-dialog/index.js#isOpen"),
+	open: () => __foldkitBrandViewResult((open), "@gjermundgaraba/pixel-paper/confirm-dialog/index.js#open"),
+	update: () => __foldkitBrandViewResult((update), "@gjermundgaraba/pixel-paper/confirm-dialog/index.js#update"),
+	view: () => __foldkitBrandViewResult((view), "@gjermundgaraba/pixel-paper/confirm-dialog/index.js#view")
+});
+export { Message, Model, OutMessage, close, confirm_dialog_exports, id, init, isOpen, open, update, view };

package/dist/copy-button/copy-button.d.ts

@@ -0,0 +1,99 @@
+import { Effect, Schema } from "effect";
+import "foldkit/command";
+import * as Update from "foldkit/update";
+import { Clipboard } from "@effect/platform-browser";
+/** Schema for a copy button: whether it just copied. */
+export declare const Model: Schema.Struct<{
+  readonly id: Schema.String;
+  readonly state: import("foldkit/schema").TaggedUnion<{
+    readonly Idle: {};
+    readonly Copying: {};
+    readonly Copied: {};
+  }>;
+}>;
+export type Model = typeof Model.Type;
+/** Union of all Messages a copy button can produce. */
+export declare const Message: import("foldkit/message").MessageUnion<{
+  readonly ClickedCopy: {
+    text: Schema.String;
+  };
+  readonly SucceededCopyText: {};
+  readonly FailedCopyText: {};
+  readonly CompletedWaitBeforeResettingWord: {};
+  readonly CompletedAnnounceCopy: {};
+}>;
+export type Message = typeof Message.Type;
+/** Configuration for creating a copy button with `init`. The `id` is the button's, unique in
+ *  the document. */
+export type InitConfig = Readonly<{
+  id: string;
+}>;
+/** Creates a copy button that has copied nothing. */
+export declare const init: (config: InitConfig) => Model;
+/** The button's id, unique in the document. */
+export declare const id: (model: Model) => string;
+/** Processes a copy button Message and returns the next Model and Commands. Its copy needs
+ *  the `Clipboard` service. A parent that follows the copy reads `isCopied`. */
+export declare const update: (model: Model, message: Message) => Readonly<{
+  model: {
+    readonly id: string;
+    readonly state: {
+      readonly _tag: "Copied";
+    } | {
+      readonly _tag: "Copying";
+    } | {
+      readonly _tag: "Idle";
+    };
+  };
+  commands?: Update.Commands<{
+    readonly _tag: "FailedCopyText";
+  } | {
+    readonly _tag: "SucceededCopyText";
+  } | {
+    readonly _tag: "CompletedWaitBeforeResettingWord";
+  } | {
+    readonly _tag: "CompletedAnnounceCopy";
+  } | {
+    readonly _tag: "ClickedCopy";
+    readonly text: string;
+  }, Clipboard.Clipboard>;
+  outMessage?: never;
+}>;
+/** Per-render inputs passed to `view` through `h.submodel`'s `viewInputs`. */
+export type ViewInputs = Readonly<{
+  /** What goes on the clipboard. */
+  text: string;
+  /** The button's words: the glyph's name and tip (`"Copy link"`). */
+  label: string;
+}>;
+/**
+ * Copies text to the clipboard and says so, on the button and to screen readers: a quiet
+ * IconButton whose copy glyph turns to a check for a beat. A failed copy is said too. Its `CopyText` Command needs `Clipboard.layer` in the application's
+ * resources.
+ */
+export declare const view: import("foldkit/submodel").View<{
+  readonly id: string;
+  readonly state: {
+    readonly _tag: "Copied";
+  } | {
+    readonly _tag: "Copying";
+  } | {
+    readonly _tag: "Idle";
+  };
+}, {
+  readonly _tag: "FailedCopyText";
+} | {
+  readonly _tag: "SucceededCopyText";
+} | {
+  readonly _tag: "CompletedWaitBeforeResettingWord";
+} | {
+  readonly _tag: "CompletedAnnounceCopy";
+} | {
+  readonly _tag: "ClickedCopy";
+  readonly text: string;
+}, Readonly<{
+  /** What goes on the clipboard. */
+  text: string;
+  /** The button's words: the glyph's name and tip (`"Copy link"`). */
+  label: string;
+}>>;

package/dist/copy-button/copy-button.js

@@ -0,0 +1,96 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { announce } from "../announcer/announcer.js";
+import { view as view$1 } from "../icon-button/icon-button.js";
+import { Duration, Effect, Schema } from "effect";
+import * as Command from "foldkit/command";
+import { defineMessageUnion } from "foldkit/message";
+import { modifyFields } from "foldkit/struct";
+import { defineView } from "foldkit/submodel";
+import { Clipboard } from "@effect/platform-browser";
+import { defineTaggedUnion } from "foldkit/schema";
+// src/copy-button/copy-button.ts
+const CopyState = defineTaggedUnion({
+	Idle: {},
+	Copying: {},
+	Copied: {}
+});
+/** Schema for a copy button: whether it just copied. */
+const Model = Schema.Struct({
+	id: Schema.String,
+	state: CopyState
+});
+/** Union of all Messages a copy button can produce. */
+const Message = defineMessageUnion({
+	ClickedCopy: { text: Schema.String },
+	SucceededCopyText: {},
+	FailedCopyText: {},
+	CompletedWaitBeforeResettingWord: {},
+	CompletedAnnounceCopy: {}
+});
+/** Creates a copy button that has copied nothing. */
+const init = (config) => (__foldkitBrandViewResult(({
+	id: config.id,
+	state: CopyState.Idle()
+}), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#init"));
+/** The button's id, unique in the document. */
+const id = (model) => __foldkitBrandViewResult((model.id), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#id");
+/** Whether the button shows that it just copied. */
+const isCopied = (model) => __foldkitBrandViewResult((CopyState.guards.Copied(model.state)), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#isCopied");
+const WORD_BEAT = Duration.millis(1800);
+const FAILED = "Copy failed: the clipboard is not available here.";
+/** Writes the text to the clipboard through Effect's `Clipboard` port. Provide
+*  `Clipboard.layer` from `@effect/platform-browser` in the application's `resources` (or a
+*  desktop shell's own clipboard). */
+const CopyText = Command.define("CopyText", {
+	args: { text: Schema.String },
+	messages: [Message.SucceededCopyText, Message.FailedCopyText],
+	execute: ({ text }) => __foldkitBrandViewResult((Effect.gen(function* () {
+		yield* (yield* Clipboard.Clipboard).writeString(text);
+		return __foldkitBrandViewResult((Message.SucceededCopyText()), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#anonymous");
+	}).pipe(Effect.orElseSucceed(() => __foldkitBrandViewResult((Message.FailedCopyText()), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#anonymous~2")))), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#execute")
+});
+/** Waits out the beat the word or the check shows for. */
+const WaitBeforeResettingWord = Command.define("WaitBeforeResettingWord", {
+	messages: [Message.CompletedWaitBeforeResettingWord],
+	execute: Effect.sleep(WORD_BEAT).pipe(Effect.as(Message.CompletedWaitBeforeResettingWord()))
+});
+/** Says how the copy went through the page's live region. */
+const AnnounceCopy = Command.define("AnnounceCopy", {
+	args: { text: Schema.String },
+	messages: [Message.CompletedAnnounceCopy],
+	execute: ({ text }) => __foldkitBrandViewResult((announce(text).pipe(Effect.as(Message.CompletedAnnounceCopy()))), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#execute~2")
+});
+/** Processes a copy button Message and returns the next Model and Commands. Its copy needs
+*  the `Clipboard` service. A parent that follows the copy reads `isCopied`. */
+const update = (model, message) => __foldkitBrandViewResult((Message.match(message, {
+	ClickedCopy: ({ text }) => __foldkitBrandViewResult((CopyState.guards.Idle(model.state) ? {
+		model: modifyFields(model, { state: () => __foldkitBrandViewResult((CopyState.Copying()), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#state") }),
+		commands: [CopyText({ text })]
+	} : { model }), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#ClickedCopy"),
+	SucceededCopyText: () => (__foldkitBrandViewResult(({
+		model: modifyFields(model, { state: () => __foldkitBrandViewResult((CopyState.Copied()), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#state~2") }),
+		commands: [WaitBeforeResettingWord(), AnnounceCopy({ text: "Copied." })]
+	}), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#SucceededCopyText")),
+	FailedCopyText: () => (__foldkitBrandViewResult(({
+		model: modifyFields(model, { state: () => __foldkitBrandViewResult((CopyState.Idle()), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#state~3") }),
+		commands: [AnnounceCopy({ text: FAILED })]
+	}), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#FailedCopyText")),
+	CompletedWaitBeforeResettingWord: () => (__foldkitBrandViewResult(({ model: modifyFields(model, { state: () => __foldkitBrandViewResult((CopyState.Idle()), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#state~4") }) }), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#CompletedWaitBeforeResettingWord")),
+	CompletedAnnounceCopy: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#CompletedAnnounceCopy"))
+})), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#update");
+/**
+* Copies text to the clipboard and says so, on the button and to screen readers: a quiet
+* IconButton whose copy glyph turns to a check for a beat. A failed copy is said too. Its `CopyText` Command needs `Clipboard.layer` in the application's
+* resources.
+*/
+const view = defineView((model, viewInputs, h) => {
+	const { text, label } = viewInputs;
+	return __foldkitBrandViewResult((view$1({
+		glyph: isCopied(model) ? "check" : "copy",
+		label,
+		onClick: Message.ClickedCopy({ text }),
+		isQuiet: true,
+		attributes: [h.Id(id(model))]
+	}, h)), "@gjermundgaraba/pixel-paper/copy-button/copy-button.js#anonymous~3");
+});
+export { AnnounceCopy, CopyState, CopyText, Message, Model, WaitBeforeResettingWord, id, init, isCopied, update, view };

package/dist/copy-button/index.d.ts

@@ -0,0 +1,5 @@
+import { InitConfig, Message, Model, ViewInputs, id, init, update, view } from "./copy-button.js";
+declare namespace index_d_exports {
+  export { InitConfig, Message, Model, ViewInputs, id, init, update, view };
+}
+export { type InitConfig, Message, Model, type ViewInputs, id, index_d_exports, init, update, view };

package/dist/copy-button/index.js

@@ -0,0 +1,13 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
+import { Message, Model, id, init, update, view } from "./copy-button.js";
+// src/copy-button/index.ts
+var copy_button_exports = /* @__PURE__ */ __exportAll({
+	Message: () => __foldkitBrandViewResult((Message), "@gjermundgaraba/pixel-paper/copy-button/index.js#Message"),
+	Model: () => __foldkitBrandViewResult((Model), "@gjermundgaraba/pixel-paper/copy-button/index.js#Model"),
+	id: () => __foldkitBrandViewResult((id), "@gjermundgaraba/pixel-paper/copy-button/index.js#id"),
+	init: () => __foldkitBrandViewResult((init), "@gjermundgaraba/pixel-paper/copy-button/index.js#init"),
+	update: () => __foldkitBrandViewResult((update), "@gjermundgaraba/pixel-paper/copy-button/index.js#update"),
+	view: () => __foldkitBrandViewResult((view), "@gjermundgaraba/pixel-paper/copy-button/index.js#view")
+});
+export { Message, Model, copy_button_exports, id, init, update, view };

package/dist/crumbs/crumbs.d.ts

@@ -0,0 +1,15 @@
+import { Html, HtmlBuilder } from "foldkit/html";
+/** One step of the path: its words, and where it links. */
+export type Crumb = Readonly<{
+  label: string;
+  /** Every crumb but the last links up the path; the last is here. A crumb's link, else its
+   *  words, is unique in the path. */
+  href?: string;
+}>;
+/** Configuration for rendering crumbs with `view`. */
+export type ViewConfig = Readonly<{
+  crumbs: readonly Crumb[];
+}>;
+/** The path to where you are, in the pixel face, split by muted slashes: a navigation
+ *  landmark named "Breadcrumb", its steps an ordered list, the last `aria-current="page"`. */
+export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;

package/dist/crumbs/crumbs.js

@@ -0,0 +1,11 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { Array } from "effect";
+// src/crumbs/crumbs.ts
+const crumbView = (lastIndex, h) => __foldkitBrandViewResult((({ label, href }, index) => __foldkitBrandViewResult((h.keyed("li")(href ?? label, [], [href === void 0 || index === lastIndex ? h.span(index === lastIndex ? [h.AriaCurrent("page")] : [], [label]) : h.a([h.Href(href)], [label])])), "@gjermundgaraba/pixel-paper/crumbs/crumbs.js#anonymous")), "@gjermundgaraba/pixel-paper/crumbs/crumbs.js#crumbView");
+/** The path to where you are, in the pixel face, split by muted slashes: a navigation
+*  landmark named "Breadcrumb", its steps an ordered list, the last `aria-current="page"`. */
+const view = (config, h) => {
+	const { crumbs } = config;
+	return __foldkitBrandViewResult((h.nav([h.AriaLabel("Breadcrumb"), h.Class("crumbs")], [h.ol([], Array.map(crumbs, crumbView(crumbs.length - 1, h)))])), "@gjermundgaraba/pixel-paper/crumbs/crumbs.js#view");
+};
+export { view };

package/dist/crumbs/index.d.ts

@@ -0,0 +1,5 @@
+import { ViewConfig, view } from "./crumbs.js";
+declare namespace index_d_exports {
+  export { ViewConfig, view };
+}
+export { type ViewConfig, index_d_exports, view };

package/dist/crumbs/index.js

@@ -0,0 +1,6 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
+import { view } from "./crumbs.js";
+// src/crumbs/index.ts
+var crumbs_exports = /* @__PURE__ */ __exportAll({ view: () => __foldkitBrandViewResult((view), "@gjermundgaraba/pixel-paper/crumbs/index.js#view") });
+export { crumbs_exports, view };

package/dist/deck/deck.d.ts

@@ -0,0 +1,9 @@
+import { Html, HtmlBuilder } from "foldkit/html";
+/** Configuration for rendering a deck with `view`. */
+export type ViewConfig = Readonly<{
+  /** The panels, a PageHead first. */
+  body: ReadonlyArray<Html | string>;
+}>;
+/** The page body: a centred column of panels, 24px apart. It is the main landmark
+ *  (`<main id="main">`), the skip link's target. */
+export declare const view: <Message>(config: ViewConfig, h: HtmlBuilder<Message>) => Html;

package/dist/deck/deck.js

@@ -0,0 +1,9 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+// src/deck/deck.ts
+/** The page body: a centred column of panels, 24px apart. It is the main landmark
+*  (`<main id="main">`), the skip link's target. */
+const view = (config, h) => {
+	const { body } = config;
+	return __foldkitBrandViewResult((h.main([h.Id("main"), h.Class("deck")], body)), "@gjermundgaraba/pixel-paper/deck/deck.js#view");
+};
+export { view };

package/dist/deck/index.d.ts

@@ -0,0 +1,5 @@
+import { ViewConfig, view } from "./deck.js";
+declare namespace index_d_exports {
+  export { ViewConfig, view };
+}
+export { type ViewConfig, index_d_exports, view };

package/dist/deck/index.js

@@ -0,0 +1,6 @@
+import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
+import { __exportAll } from "../_virtual/_rolldown/runtime.js";
+import { view } from "./deck.js";
+// src/deck/index.ts
+var deck_exports = /* @__PURE__ */ __exportAll({ view: () => __foldkitBrandViewResult((view), "@gjermundgaraba/pixel-paper/deck/index.js#view") });
+export { deck_exports, view };