@thewhatmatters/wmds 0.4.9 → 0.4.27

package/dist/components/molecules/TaskRows/TaskRowsTable.js

@@ -0,0 +1,200 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { Badge as t } from "../../atoms/Badge/Badge.js";
+import { TextLink as n } from "../../atoms/TextLink/TextLink.js";
+import { Skeleton as r } from "../../atoms/Skeleton/Skeleton.js";
+import { Status as i } from "../../atoms/Status/Status.js";
+import { taskRowsTableClasses as a, taskRowsTableColumnsClasses as o, taskRowsTableDetailClasses as s, taskRowsTableEmptyClasses as c, taskRowsTableErrorClasses as l, taskRowsTableHeadCellClasses as u, taskRowsTableHeadClasses as d, taskRowsTableMetricClasses as f, taskRowsTableMetricValueClasses as p, taskRowsTableMobileLineClasses as m, taskRowsTableNoteClasses as h, taskRowsTableRowClasses as g, taskRowsTableStatusClasses as _, taskRowsTableStatusLabelClasses as v, taskRowsTableTitleClasses as y, taskRowsTableWaitingClasses as b } from "./taskRowsStyles.js";
+import { Children as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/components/molecules/TaskRows/TaskRowsTable.tsx
+var w = [
+	"title",
+	"waiting",
+	"metric"
+], T = [
+	"ready",
+	"loading",
+	"error",
+	"unwired"
+], E = [
+	{
+		id: "title",
+		header: "Item"
+	},
+	{
+		id: "waiting",
+		header: "Waiting"
+	},
+	{
+		id: "metric",
+		header: "Metric",
+		align: "end"
+	}
+];
+function D({ columns: t = E, empty: n = "Nothing waiting", className: r, children: i, ...s }) {
+	let l = x.toArray(i).filter(Boolean), f = [
+		"minmax(0,1.6fr)",
+		"minmax(0,1.2fr)",
+		"7rem"
+	], p = { "--task-rows-columns": t.map((e, t) => e.width ?? f[t] ?? "minmax(0,1fr)").join(" ") };
+	return /* @__PURE__ */ C("div", {
+		...s,
+		role: "table",
+		className: e(a, r),
+		style: {
+			...s.style,
+			...p
+		},
+		children: [/* @__PURE__ */ S("div", {
+			role: "row",
+			className: e(d, o),
+			children: t.map((t) => /* @__PURE__ */ S("div", {
+				role: "columnheader",
+				className: e(u, t.align === "end" && "md:text-end"),
+				children: t.header
+			}, t.id))
+		}), l.length === 0 ? /* @__PURE__ */ S("div", {
+			role: "row",
+			children: /* @__PURE__ */ S("div", {
+				role: "cell",
+				children: /* @__PURE__ */ S("p", {
+					className: c,
+					role: "status",
+					children: n
+				})
+			})
+		}) : l]
+	});
+}
+function O(e, t) {
+	return e.some((e) => e.id === t);
+}
+function k(e, t) {
+	return e.find((e) => e.id === t)?.align ?? "start";
+}
+function A({ title: n, href: i, render: a, status: c, waiting: u, metric: d, source: _ = "ready", note: v, columns: x }) {
+	let w = O(x, "waiting"), T = O(x, "metric"), E = k(x, "metric") === "end", D = _ === "error" || _ === "unwired";
+	return /* @__PURE__ */ C("div", {
+		role: "row",
+		className: e(g, o),
+		"aria-busy": _ === "loading" || void 0,
+		children: [
+			/* @__PURE__ */ C("div", {
+				role: "cell",
+				className: "min-w-0",
+				children: [
+					_ === "loading" ? /* @__PURE__ */ S(r, {
+						width: 168,
+						height: 16,
+						radius: "inner",
+						index: 0
+					}) : /* @__PURE__ */ S("h3", {
+						className: y,
+						children: /* @__PURE__ */ S(M, {
+							title: n,
+							href: i,
+							render: a
+						})
+					}),
+					_ === "loading" ? /* @__PURE__ */ S(r, {
+						width: 120,
+						height: 12,
+						radius: "inner",
+						index: 1,
+						className: "mt-2 md:hidden"
+					}) : null,
+					D && v ? /* @__PURE__ */ S("p", {
+						className: _ === "error" ? l : h,
+						children: v
+					}) : null,
+					_ === "ready" && c ? /* @__PURE__ */ S("div", {
+						className: "mt-1 max-md:hidden md:block",
+						children: /* @__PURE__ */ S(j, { status: c })
+					}) : null,
+					_ === "ready" ? /* @__PURE__ */ C("div", {
+						className: m,
+						children: [
+							c ? /* @__PURE__ */ S(j, { status: c }) : null,
+							w && u?.detail ? /* @__PURE__ */ S("span", {
+								className: s,
+								children: u.detail
+							}) : null,
+							T && d ? /* @__PURE__ */ S("span", {
+								className: p,
+								children: d.value
+							}) : null
+						]
+					}) : null
+				]
+			}),
+			w ? /* @__PURE__ */ C("div", {
+				role: "cell",
+				className: "max-md:hidden min-w-0 md:block",
+				children: [_ === "loading" ? /* @__PURE__ */ S(r, {
+					width: 112,
+					height: 20,
+					radius: "full",
+					index: 2
+				}) : null, _ === "ready" && u ? /* @__PURE__ */ C("span", {
+					className: b,
+					children: [/* @__PURE__ */ S(t, {
+						emphasis: "muted",
+						size: "sm",
+						children: u.label
+					}), u.detail ? /* @__PURE__ */ S("span", {
+						className: s,
+						children: u.detail
+					}) : null]
+				}) : null]
+			}) : null,
+			T ? /* @__PURE__ */ C("div", {
+				role: "cell",
+				className: e("max-md:hidden min-w-0 md:block", E && "md:text-end"),
+				children: [_ === "loading" ? /* @__PURE__ */ S(r, {
+					width: 40,
+					height: 16,
+					radius: "inner",
+					index: 3,
+					className: "md:ml-auto"
+				}) : null, _ === "ready" && d ? /* @__PURE__ */ C("span", {
+					className: f,
+					children: [/* @__PURE__ */ S("span", {
+						className: p,
+						children: d.value
+					}), d.detail ? /* @__PURE__ */ S("span", {
+						className: s,
+						children: d.detail
+					}) : null]
+				}) : null]
+			}) : null
+		]
+	});
+}
+function j({ status: e }) {
+	return /* @__PURE__ */ C("span", {
+		className: _,
+		children: [/* @__PURE__ */ S(i, {
+			variant: "dot",
+			tone: e.tone ?? "neutral",
+			besideLabel: !0,
+			pulsing: e.pulsing
+		}), /* @__PURE__ */ S("span", {
+			className: v,
+			children: e.label
+		})]
+	});
+}
+function M({ title: e, href: t, render: r }) {
+	return r ? (t != null && console.warn("[WMDS TaskRows] `render` wins over `href`."), /* @__PURE__ */ S(n, {
+		variant: "quiet",
+		render: r,
+		children: e
+	})) : t == null ? e : /* @__PURE__ */ S(n, {
+		variant: "quiet",
+		href: t,
+		children: e
+	});
+}
+//#endregion
+export { A as TaskRowsRow, D as TaskRowsTable, w as taskRowsTableColumnIds, E as taskRowsTableColumnsDefault, T as taskRowsTableSources };

package/dist/components/molecules/TaskRows/taskRowsStyles.d.ts

@@ -1,4 +1,4 @@
-export declare const taskRowsVariants: readonly ["list", "capsule"];
+export declare const taskRowsVariants: readonly ["list", "capsule", "table"];
 export type TaskRowsVariant = (typeof taskRowsVariants)[number];
 export declare const taskRowStatuses: readonly ["none", "done", "running", "pending", "failed"];
 export type TaskRowStatus = (typeof taskRowStatuses)[number];
@@ -29,4 +29,22 @@ export declare const taskRowsDetailsListClasses = "flex flex-col gap-1.5";
 export declare const taskRowsDetailRowClasses = "flex w-full items-center justify-between gap-3 text-left";
 export declare const taskRowsDetailLabelClasses: string;
 export declare const taskRowsDetailMetaClasses: string;
+/** Needs-you table — column headers from `md`, two-line rows below. */
+export declare const taskRowsTableClasses = "flex w-full min-w-0 flex-col";
+export declare const taskRowsTableHeadClasses = "max-md:sr-only md:grid md:items-baseline md:gap-4 md:border-b md:border-border md:pb-2";
+export declare const taskRowsTableHeadCellClasses: string;
+export declare const taskRowsTableColumnsClasses = "md:[grid-template-columns:var(--task-rows-columns)]";
+export declare const taskRowsTableRowClasses = "grid grid-cols-1 gap-1 border-b border-border py-3 last:border-b-0 md:items-center md:gap-4";
+export declare const taskRowsTableTitleClasses: string;
+export declare const taskRowsTableStatusClasses = "flex min-w-0 items-center gap-2 text-muted";
+export declare const taskRowsTableStatusLabelClasses: string;
+export declare const taskRowsTableWaitingClasses = "flex min-w-0 flex-col items-start gap-1";
+export declare const taskRowsTableDetailClasses: string;
+export declare const taskRowsTableMetricClasses = "flex min-w-0 flex-col gap-1 md:items-end";
+export declare const taskRowsTableMetricValueClasses = "font-mono text-sm tabular-nums leading-none text-fg";
+export declare const taskRowsTableMobileLineClasses = "max-md:flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 md:hidden";
+export declare const taskRowsTableNoteClasses: string;
+export declare const taskRowsTableErrorClasses = "type-supporting text-destructive";
+export declare const taskRowsTableEmptyClasses: string;
+export declare const taskRowsTableAlignEndClasses = "md:text-end";
 //# sourceMappingURL=taskRowsStyles.d.ts.map

package/dist/components/molecules/TaskRows/taskRowsStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"taskRowsStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TaskRows/taskRowsStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,8BAA+B,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,eAAO,MAAM,eAAe,2DAA4D,CAAC;AAEzF,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,eAAO,MAAM,qBAAqB,wCAAyC,CAAC;AAE5E,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,sBAAsB,4BAA6B,CAAC;AAEjE,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,4FAA4F;AAC5F,eAAO,MAAM,yBAAyB,qDAAqD,CAAC;AAE5F,uGAAuG;AACvG,eAAO,MAAM,8BAA8B,qCAAqC,CAAC;AAEjF,eAAO,MAAM,mBAAmB,QAAmE,CAAC;AAEpG,eAAO,MAAM,0BAA0B,yDACiB,CAAC;AAEzD,qEAAqE;AACrE,eAAO,MAAM,gCAAgC,kBAAkB,CAAC;AAEhE,qEAAqE;AACrE,eAAO,MAAM,2BAA2B,0BAA0B,CAAC;AAEnE,4FAA4F;AAC5F,eAAO,MAAM,6BAA6B,kDAAkD,CAAC;AAE7F,oEAAoE;AACpE,eAAO,MAAM,2BAA2B,yCAAyC,CAAC;AAElF,eAAO,MAAM,2BAA2B,QAAkD,CAAC;AAE3F,eAAO,MAAM,2BAA2B,0BAA0B,CAAC;AAEnE,6FAA6F;AAC7F,eAAO,MAAM,2BAA2B,uCAAuC,CAAC;AAEhF,eAAO,MAAM,0BAA0B,kCAAkC,CAAC;AAE1E,eAAO,MAAM,0BAA0B,0BAA0B,CAAC;AAElE,eAAO,MAAM,wBAAwB,6DACuB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,QAA6C,CAAC;AAErF,eAAO,MAAM,yBAAyB,QAAoE,CAAC"}
+{"version":3,"file":"taskRowsStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TaskRows/taskRowsStyles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,uCAAwC,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,eAAO,MAAM,eAAe,2DAA4D,CAAC;AAEzF,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,eAAO,MAAM,qBAAqB,wCAAyC,CAAC;AAE5E,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,sBAAsB,4BAA6B,CAAC;AAEjE,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,4FAA4F;AAC5F,eAAO,MAAM,yBAAyB,qDAAqD,CAAC;AAE5F,uGAAuG;AACvG,eAAO,MAAM,8BAA8B,qCAAqC,CAAC;AAEjF,eAAO,MAAM,mBAAmB,QAAmE,CAAC;AAEpG,eAAO,MAAM,0BAA0B,yDACiB,CAAC;AAEzD,qEAAqE;AACrE,eAAO,MAAM,gCAAgC,kBAAkB,CAAC;AAEhE,qEAAqE;AACrE,eAAO,MAAM,2BAA2B,0BAA0B,CAAC;AAEnE,4FAA4F;AAC5F,eAAO,MAAM,6BAA6B,kDAAkD,CAAC;AAE7F,oEAAoE;AACpE,eAAO,MAAM,2BAA2B,yCAAyC,CAAC;AAElF,eAAO,MAAM,2BAA2B,QAAkD,CAAC;AAE3F,eAAO,MAAM,2BAA2B,0BAA0B,CAAC;AAEnE,6FAA6F;AAC7F,eAAO,MAAM,2BAA2B,uCAAuC,CAAC;AAEhF,eAAO,MAAM,0BAA0B,kCAAkC,CAAC;AAE1E,eAAO,MAAM,0BAA0B,0BAA0B,CAAC;AAElE,eAAO,MAAM,wBAAwB,6DACuB,CAAC;AAE7D,eAAO,MAAM,0BAA0B,QAA6C,CAAC;AAErF,eAAO,MAAM,yBAAyB,QAAoE,CAAC;AAE3G,uEAAuE;AACvE,eAAO,MAAM,oBAAoB,iCAAiC,CAAC;AAEnE,eAAO,MAAM,wBAAwB,2FACqD,CAAC;AAE3F,eAAO,MAAM,4BAA4B,QAA6C,CAAC;AAEvF,eAAO,MAAM,2BAA2B,wDAAwD,CAAC;AAEjG,eAAO,MAAM,uBAAuB,gGAC2D,CAAC;AAEhG,eAAO,MAAM,yBAAyB,QAAmD,CAAC;AAE1F,eAAO,MAAM,0BAA0B,+CAA+C,CAAC;AAEvF,eAAO,MAAM,+BAA+B,QAA6C,CAAC;AAE1F,eAAO,MAAM,2BAA2B,4CAA4C,CAAC;AAErF,eAAO,MAAM,0BAA0B,QAA6C,CAAC;AAErF,eAAO,MAAM,0BAA0B,6CAA6C,CAAC;AAErF,eAAO,MAAM,+BAA+B,wDACW,CAAC;AAExD,eAAO,MAAM,8BAA8B,yEAC6B,CAAC;AAEzE,eAAO,MAAM,wBAAwB,QAA6C,CAAC;AAEnF,eAAO,MAAM,yBAAyB,qCAAqC,CAAC;AAE5E,eAAO,MAAM,yBAAyB,QAA2D,CAAC;AAElG,eAAO,MAAM,4BAA4B,gBAAgB,CAAC"}

package/dist/components/molecules/TaskRows/taskRowsStyles.js

@@ -1,7 +1,11 @@
 "use client";
 import { typographyClass as e } from "../../../lib/typography.js";
 //#region src/components/molecules/TaskRows/taskRowsStyles.ts
-var t = ["list", "capsule"], n = [
+var t = [
+	"list",
+	"capsule",
+	"table"
+], n = [
 	"none",
 	"done",
 	"running",
@@ -11,6 +15,6 @@ var t = ["list", "capsule"], n = [
 	"stack",
 	"actions",
 	"chips"
-], i = ["row", "button"], a = "flex size-6 shrink-0 items-center justify-center", o = "flex shrink-0 items-center gap-2", s = `${e("caption")} shrink-0 tabular-nums text-muted`, c = "grid grid-cols-[1.5rem_minmax(0,1fr)] gap-x-2.5 pt-0", l = "flex flex-col", u = "flex flex-col gap-1.5", d = "flex w-full flex-nowrap items-stretch gap-2.5", f = "flex w-full flex-row flex-wrap gap-2", p = `${e("caption")} mb-2 text-muted`, m = "flex min-w-0 flex-col", h = "min-w-max flex-1 whitespace-nowrap", g = "mx-auto h-full w-px bg-border", _ = "flex flex-col gap-1.5", v = "flex w-full items-center justify-between gap-3 text-left", y = `${e("caption")} text-muted`, b = `${e("caption")} font-mono tabular-nums text-muted`;
+], i = ["row", "button"], a = "flex size-6 shrink-0 items-center justify-center", o = "flex shrink-0 items-center gap-2", s = `${e("caption")} shrink-0 tabular-nums text-muted`, c = "grid grid-cols-[1.5rem_minmax(0,1fr)] gap-x-2.5 pt-0", l = "flex flex-col", u = "flex flex-col gap-1.5", d = "flex w-full flex-nowrap items-stretch gap-2.5", f = "flex w-full flex-row flex-wrap gap-2", p = `${e("caption")} mb-2 text-muted`, m = "flex min-w-0 flex-col", h = "min-w-max flex-1 whitespace-nowrap", g = "mx-auto h-full w-px bg-border", _ = "flex flex-col gap-1.5", v = "flex w-full items-center justify-between gap-3 text-left", y = `${e("caption")} text-muted`, b = `${e("caption")} font-mono tabular-nums text-muted`, x = "flex w-full min-w-0 flex-col", S = "max-md:sr-only md:grid md:items-baseline md:gap-4 md:border-b md:border-border md:pb-2", C = `${e("caption")} text-muted`, w = "md:[grid-template-columns:var(--task-rows-columns)]", T = "grid grid-cols-1 gap-1 border-b border-border py-3 last:border-b-0 md:items-center md:gap-4", E = `${e("ui-label")} min-w-0 text-fg`, D = "flex min-w-0 items-center gap-2 text-muted", O = `${e("caption")} text-muted`, k = "flex min-w-0 flex-col items-start gap-1", A = `${e("caption")} text-muted`, j = "flex min-w-0 flex-col gap-1 md:items-end", M = "font-mono text-sm tabular-nums leading-none text-fg", N = "max-md:flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 md:hidden", P = `${e("caption")} text-muted`, F = "type-supporting text-destructive", I = `${e("body")} py-6 text-center text-muted`, L = "md:text-end";
 //#endregion
-export { n as taskRowStatuses, h as taskRowsDetailButtonClasses, y as taskRowsDetailLabelClasses, r as taskRowsDetailLayouts, b as taskRowsDetailMetaClasses, v as taskRowsDetailRowClasses, i as taskRowsDetailVariants, d as taskRowsDetailsActionsClasses, f as taskRowsDetailsChipsClasses, l as taskRowsDetailsExpandOnlyClasses, c as taskRowsDetailsGridClasses, p as taskRowsDetailsLabelClasses, _ as taskRowsDetailsListClasses, m as taskRowsDetailsPanelClasses, u as taskRowsDetailsPlainClasses, g as taskRowsDetailsRailClasses, s as taskRowsMetaClasses, a as taskRowsStatusSlotClasses, o as taskRowsTrailingClusterClasses, t as taskRowsVariants };
+export { n as taskRowStatuses, h as taskRowsDetailButtonClasses, y as taskRowsDetailLabelClasses, r as taskRowsDetailLayouts, b as taskRowsDetailMetaClasses, v as taskRowsDetailRowClasses, i as taskRowsDetailVariants, d as taskRowsDetailsActionsClasses, f as taskRowsDetailsChipsClasses, l as taskRowsDetailsExpandOnlyClasses, c as taskRowsDetailsGridClasses, p as taskRowsDetailsLabelClasses, _ as taskRowsDetailsListClasses, m as taskRowsDetailsPanelClasses, u as taskRowsDetailsPlainClasses, g as taskRowsDetailsRailClasses, s as taskRowsMetaClasses, a as taskRowsStatusSlotClasses, L as taskRowsTableAlignEndClasses, x as taskRowsTableClasses, w as taskRowsTableColumnsClasses, A as taskRowsTableDetailClasses, I as taskRowsTableEmptyClasses, F as taskRowsTableErrorClasses, C as taskRowsTableHeadCellClasses, S as taskRowsTableHeadClasses, j as taskRowsTableMetricClasses, M as taskRowsTableMetricValueClasses, N as taskRowsTableMobileLineClasses, P as taskRowsTableNoteClasses, T as taskRowsTableRowClasses, D as taskRowsTableStatusClasses, O as taskRowsTableStatusLabelClasses, E as taskRowsTableTitleClasses, k as taskRowsTableWaitingClasses, o as taskRowsTrailingClusterClasses, t as taskRowsVariants };

package/dist/components/organisms/AppShell/AppShell.d.ts

@@ -0,0 +1,82 @@
+import { type ReactNode } from "react";
+/** Layout-only — height and placement of the shell. */
+export type AppShellLayoutClassName = string;
+export interface AppShellLabels {
+    /** Accessible name and tooltip of the collapse toggle while the sidebar is open. */
+    collapse: string;
+    /** Accessible name and tooltip of the collapse toggle while the sidebar is collapsed. */
+    expand: string;
+    /** Name of the phone menu button and the **Sheet** title. */
+    menu: string;
+    /** Default title of the aside **Panel**. */
+    aside: string;
+}
+export interface AppShellProps {
+    /** Page title — the `h1` in the title bar. */
+    title: string;
+    /** Brand row at the top of the sidebar — wordmark or **Avatar** + name. Same 56px band as the title bar. */
+    brand?: ReactNode;
+    /** Sidebar body — a **NavList**. Omit it for a shell with no sidebar. */
+    sidebar?: ReactNode;
+    /** Pinned to the bottom of the sidebar and the phone menu while the **NavList** above it scrolls — a **DisplayControls** `controls="theme"` switch, an account row. */
+    sidebarFooter?: ReactNode;
+    /** Trailing title-bar controls — **Button**, **Avatar**, **MoreMenu** at one cluster tier. */
+    header?: ReactNode;
+    /** Right slide-out content, in a non-blocking **Panel**. Omit it for no aside. */
+    aside?: ReactNode;
+    /** Title of the aside **Panel**. Defaults to `labels.aside`. */
+    asideTitle?: ReactNode;
+    asideDescription?: ReactNode;
+    /** Desktop sidebar expanded — controlled. */
+    sidebarOpen?: boolean;
+    defaultSidebarOpen?: boolean;
+    onSidebarOpenChange?: (open: boolean) => void;
+    /** Aside open — controlled. */
+    asideOpen?: boolean;
+    defaultAsideOpen?: boolean;
+    onAsideOpenChange?: (open: boolean) => void;
+    labels?: Partial<AppShellLabels>;
+    /** Page content. **AppShell.Brand**, **Sidebar**, **Header**, and **Aside** children fill their slots instead. */
+    children?: ReactNode;
+    className?: AppShellLayoutClassName;
+}
+interface AppShellSlotProps {
+    children?: ReactNode;
+}
+interface AppShellAsideSlotProps extends AppShellSlotProps {
+    title?: ReactNode;
+    description?: ReactNode;
+}
+declare function AppShellBrand({ children }: AppShellSlotProps): import("react").JSX.Element;
+declare function AppShellSidebar({ children }: AppShellSlotProps): import("react").JSX.Element;
+declare function AppShellSidebarFooter({ children }: AppShellSlotProps): import("react").JSX.Element;
+declare function AppShellHeader({ children }: AppShellSlotProps): import("react").JSX.Element;
+declare function AppShellAside({ children }: AppShellAsideSlotProps): import("react").JSX.Element;
+export interface AppShellContextValue {
+    /** Desktop sidebar is expanded. */
+    sidebarOpen: boolean;
+    setSidebarOpen: (open: boolean) => void;
+    /** Phone menu **Sheet** is open. */
+    menuOpen: boolean;
+    setMenuOpen: (open: boolean) => void;
+    asideOpen: boolean;
+    setAsideOpen: (open: boolean) => void;
+    /** Collapses or expands the sidebar from `lg`; opens or closes the menu below it. */
+    toggleSidebar: () => void;
+}
+/** State of the nearest **AppShell** — for a header button that opens the aside. */
+export declare function useAppShell(): AppShellContextValue;
+declare function AppShellRoot({ title, brand: brandProp, sidebar: sidebarProp, sidebarFooter: sidebarFooterProp, header: headerProp, aside: asideProp, asideTitle, asideDescription, sidebarOpen: sidebarOpenProp, defaultSidebarOpen, onSidebarOpenChange, asideOpen: asideOpenProp, defaultAsideOpen, onAsideOpenChange, labels: labelsProp, children, className, }: AppShellProps): import("react").JSX.Element;
+/**
+ * App chrome — a sidebar on the page background and the page as an inset, raised surface with a
+ * title bar. Below `lg` the sidebar is a start **Sheet**; the optional aside is a non-blocking **Panel**.
+ */
+export declare const AppShell: typeof AppShellRoot & {
+    Brand: typeof AppShellBrand;
+    Sidebar: typeof AppShellSidebar;
+    SidebarFooter: typeof AppShellSidebarFooter;
+    Header: typeof AppShellHeader;
+    Aside: typeof AppShellAside;
+};
+export {};
+//# sourceMappingURL=AppShell.d.ts.map

package/dist/components/organisms/AppShell/AppShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/AppShell/AppShell.tsx"],"names":[],"mappings":"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"}

package/dist/components/organisms/AppShell/AppShell.js

@@ -0,0 +1,222 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { IconButton as t } from "../../atoms/IconButton/IconButton.js";
+import { Kbd as n } from "../../atoms/Kbd/Kbd.js";
+import { Tooltip as r } from "../../atoms/Tooltip/Tooltip.js";
+import { PageHeader as i } from "../../molecules/PageHeader/PageHeader.js";
+import { Panel as a } from "../Panel/Panel.js";
+import { Sheet as o } from "../Sheet/Sheet.js";
+import { appShellBrandClasses as s, appShellCanvasClasses as ee, appShellMainClasses as te, appShellRootClasses as ne, appShellSheetBodyClasses as re, appShellSidebarBodyClasses as c, appShellSidebarClasses as ie, appShellSidebarFooterClasses as ae, appShellSurfaceClasses as oe, appShellToggleDesktopClasses as se, appShellToggleMobileClasses as l } from "./appShellStyles.js";
+import { Children as u, createContext as d, isValidElement as f, useCallback as p, useContext as m, useEffect as h, useId as ce, useMemo as le, useRef as g, useState as _ } from "react";
+import { PanelLeft as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/components/organisms/AppShell/AppShell.tsx
+var ue = {
+	collapse: "Collapse sidebar",
+	expand: "Expand sidebar",
+	menu: "Menu",
+	aside: "Details"
+};
+function S({ children: e }) {
+	return /* @__PURE__ */ b(y, { children: e });
+}
+function C({ children: e }) {
+	return /* @__PURE__ */ b(y, { children: e });
+}
+function w({ children: e }) {
+	return /* @__PURE__ */ b(y, { children: e });
+}
+function T({ children: e }) {
+	return /* @__PURE__ */ b(y, { children: e });
+}
+function E({ children: e }) {
+	return /* @__PURE__ */ b(y, { children: e });
+}
+var D = d(null);
+function O() {
+	let e = m(D);
+	if (e == null) throw Error("useAppShell must be used inside <AppShell>.");
+	return e;
+}
+function k(e, t, n) {
+	let [r, i] = _(t);
+	return [e ?? r, p((t) => {
+		e ?? i(t), n?.(t);
+	}, [e, n])];
+}
+var A = "(min-width: 1024px)";
+function de(e) {
+	return e instanceof HTMLElement && e.isContentEditable;
+}
+function fe(e) {
+	let t = { content: [] };
+	return u.forEach(e, (e) => {
+		if (!f(e)) {
+			e != null && e !== !1 && t.content.push(e);
+			return;
+		}
+		e.type === S ? t.brand = e.props.children : e.type === C ? t.sidebar = e.props.children : e.type === w ? t.sidebarFooter = e.props.children : e.type === T ? t.header = e.props.children : e.type === E ? t.aside = e.props : t.content.push(e);
+	}), t;
+}
+function j({ title: u, brand: d, sidebar: f, sidebarFooter: m, header: y, aside: S, asideTitle: C, asideDescription: w, sidebarOpen: T, defaultSidebarOpen: E = !0, onSidebarOpenChange: O, asideOpen: j, defaultAsideOpen: M = !1, onAsideOpenChange: pe, labels: me, children: he, className: ge }) {
+	let N = {
+		...ue,
+		...me
+	}, P = fe(he), F = d ?? P.brand, I = f ?? P.sidebar, L = m ?? P.sidebarFooter, _e = y ?? P.header, R = S ?? P.aside?.children, z = I != null, ve = R != null, [B, V] = k(T, E, O), [H, U] = k(j, M, pe), [W, G] = _(!1), K = ce(), q = g(null), J = g(null), Y = p((e) => {
+		!e && q.current?.contains(document.activeElement) && J.current?.focus(), V(e);
+	}, [V]), X = p(() => {
+		window.matchMedia(A).matches ? Y(!B) : G((e) => !e);
+	}, [Y, B]);
+	h(() => {
+		let e = window.matchMedia(A);
+		function t(e) {
+			e.matches && G(!1);
+		}
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), h(() => {
+		if (!z) return;
+		function e(e) {
+			e.defaultPrevented || e.altKey || e.shiftKey || !(e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== "b" || de(e.target) || (e.preventDefault(), X());
+		}
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [z, X]);
+	let ye = le(() => ({
+		sidebarOpen: B,
+		setSidebarOpen: Y,
+		menuOpen: W,
+		setMenuOpen: G,
+		asideOpen: H,
+		setAsideOpen: U,
+		toggleSidebar: X
+	}), [
+		H,
+		W,
+		U,
+		Y,
+		B,
+		X
+	]);
+	function be(e) {
+		e.target.closest("nav a[href], nav button") != null && G(!1);
+	}
+	let Z = B ? N.collapse : N.expand, Q = F == null ? null : /* @__PURE__ */ b("div", {
+		className: s,
+		children: F
+	}), $ = L == null ? null : /* @__PURE__ */ b("div", {
+		className: ae,
+		children: L
+	}), xe = z ? /* @__PURE__ */ x(r.Provider, { children: [/* @__PURE__ */ x(r, { children: [/* @__PURE__ */ b(r.Trigger, { render: /* @__PURE__ */ b(t, {
+		ref: J,
+		role: "ghost",
+		size: "sm",
+		title: "",
+		icon: /* @__PURE__ */ b(v, { strokeWidth: 2 }),
+		"aria-label": Z,
+		"aria-expanded": B,
+		"aria-controls": K,
+		"aria-keyshortcuts": "Control+B Meta+B",
+		className: se,
+		onClick: () => Y(!B)
+	}) }), /* @__PURE__ */ b(r.Content, { children: /* @__PURE__ */ x("span", {
+		className: "inline-flex items-center gap-2",
+		children: [
+			Z,
+			/* @__PURE__ */ b(n, {
+				size: "sm",
+				children: "Ctrl"
+			}),
+			/* @__PURE__ */ b(n, {
+				size: "sm",
+				children: "B"
+			})
+		]
+	}) })] }), /* @__PURE__ */ b(t, {
+		role: "ghost",
+		size: "sm",
+		icon: /* @__PURE__ */ b(v, { strokeWidth: 2 }),
+		"aria-label": N.menu,
+		"aria-expanded": W,
+		"aria-haspopup": "dialog",
+		"aria-keyshortcuts": "Control+B Meta+B",
+		className: l,
+		onClick: () => G(!0)
+	})] }) : null;
+	return /* @__PURE__ */ b(D.Provider, {
+		value: ye,
+		children: /* @__PURE__ */ x("div", {
+			className: e(ne, ge),
+			children: [
+				z ? /* @__PURE__ */ x("div", {
+					ref: q,
+					id: K,
+					className: e(ie, !B && "lg:!hidden"),
+					children: [
+						Q,
+						/* @__PURE__ */ b("div", {
+							className: c,
+							children: I
+						}),
+						$
+					]
+				}) : null,
+				/* @__PURE__ */ b("div", {
+					className: ee,
+					children: /* @__PURE__ */ x("div", {
+						className: oe,
+						children: [/* @__PURE__ */ b(i, {
+							variant: "app",
+							title: u,
+							"aria-label": u,
+							start: xe,
+							end: _e
+						}), /* @__PURE__ */ b("main", {
+							id: `${K}-main`,
+							tabIndex: -1,
+							className: te,
+							children: P.content
+						})]
+					})
+				}),
+				z ? /* @__PURE__ */ b(o, {
+					open: W,
+					onOpenChange: G,
+					children: /* @__PURE__ */ b(o.Content, {
+						side: "start",
+						title: N.menu,
+						children: /* @__PURE__ */ x("div", {
+							className: re,
+							onClick: be,
+							children: [
+								Q,
+								/* @__PURE__ */ b("div", {
+									className: c,
+									children: I
+								}),
+								$
+							]
+						})
+					})
+				}) : null,
+				ve ? /* @__PURE__ */ b(a, {
+					open: H,
+					onOpenChange: U,
+					children: /* @__PURE__ */ b(a.Content, {
+						side: "end",
+						title: C ?? P.aside?.title ?? N.aside,
+						description: w ?? P.aside?.description,
+						children: R
+					})
+				}) : null
+			]
+		})
+	});
+}
+var M = Object.assign(j, {
+	Brand: S,
+	Sidebar: C,
+	SidebarFooter: w,
+	Header: T,
+	Aside: E
+});
+//#endregion
+export { M as AppShell, O as useAppShell };

package/dist/components/organisms/AppShell/appShellStyles.d.ts

@@ -0,0 +1,18 @@
+/** Page canvas — the sidebar sits directly on `bg-body`. */
+export declare const appShellRootClasses = "flex h-full min-h-0 w-full bg-body font-sans text-fg";
+/** Sidebar column from `lg`; below it the same content opens in a start **Sheet**. */
+export declare const appShellSidebarClasses = "flex h-full min-h-0 w-60 shrink-0 flex-col pt-2 max-lg:!hidden";
+/** Same 56px band token as the title bar — their bottom edges align. */
+export declare const appShellBrandClasses: string;
+export declare const appShellSidebarBodyClasses = "min-h-0 flex-1 overflow-y-auto";
+/** Pinned under the scrolling nav — the same 16px inset as the brand row. */
+export declare const appShellSidebarFooterClasses = "box-border shrink-0 px-4 py-3";
+/** 8px inset around the raised surface. */
+export declare const appShellCanvasClasses = "flex min-h-0 min-w-0 flex-1 p-2";
+/** Raised surface — the Card shell radius and the soft card shadow. */
+export declare const appShellSurfaceClasses: string;
+export declare const appShellMainClasses = "min-h-0 flex-1 overflow-y-auto px-[var(--grid-margin)] py-6 focus-visible:outline-none";
+export declare const appShellToggleDesktopClasses = "max-lg:!hidden";
+export declare const appShellToggleMobileClasses = "lg:!hidden";
+export declare const appShellSheetBodyClasses = "flex h-full min-h-0 flex-col";
+//# sourceMappingURL=appShellStyles.d.ts.map

package/dist/components/organisms/AppShell/appShellStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appShellStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/AppShell/appShellStyles.ts"],"names":[],"mappings":"AAIA,4DAA4D;AAC5D,eAAO,MAAM,mBAAmB,yDAAyD,CAAC;AAE1F,sFAAsF;AACtF,eAAO,MAAM,sBAAsB,mEAAmE,CAAC;AAEvG,wEAAwE;AACxE,eAAO,MAAM,oBAAoB,QAGhC,CAAC;AAEF,eAAO,MAAM,0BAA0B,mCAAmC,CAAC;AAE3E,6EAA6E;AAC7E,eAAO,MAAM,4BAA4B,kCAAkC,CAAC;AAE5E,2CAA2C;AAC3C,eAAO,MAAM,qBAAqB,oCAAoC,CAAC;AAEvE,uEAAuE;AACvE,eAAO,MAAM,sBAAsB,QAGlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,2FAC0D,CAAC;AAE3F,eAAO,MAAM,4BAA4B,mBAAmB,CAAC;AAE7D,eAAO,MAAM,2BAA2B,eAAe,CAAC;AAExD,eAAO,MAAM,wBAAwB,iCAAiC,CAAC"}

package/dist/components/organisms/AppShell/appShellStyles.js

@@ -0,0 +1,8 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { cardLayoutShellShapeClasses as t } from "../../molecules/Card/cardStyles.js";
+import { pageHeaderAppBandHeightClasses as n } from "../../molecules/PageHeader/pageHeaderStyles.js";
+//#region src/components/organisms/AppShell/appShellStyles.ts
+var r = "flex h-full min-h-0 w-full bg-body font-sans text-fg", i = "flex h-full min-h-0 w-60 shrink-0 flex-col pt-2 max-lg:!hidden", a = e("box-border flex shrink-0 items-center gap-2 px-4", n), o = "min-h-0 flex-1 overflow-y-auto", s = "box-border shrink-0 px-4 py-3", c = "flex min-h-0 min-w-0 flex-1 p-2", l = e("flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden bg-surface shadow-soft-card", t.rounded), u = "min-h-0 flex-1 overflow-y-auto px-[var(--grid-margin)] py-6 focus-visible:outline-none", d = "max-lg:!hidden", f = "lg:!hidden", p = "flex h-full min-h-0 flex-col";
+//#endregion
+export { a as appShellBrandClasses, c as appShellCanvasClasses, u as appShellMainClasses, r as appShellRootClasses, p as appShellSheetBodyClasses, o as appShellSidebarBodyClasses, i as appShellSidebarClasses, s as appShellSidebarFooterClasses, l as appShellSurfaceClasses, d as appShellToggleDesktopClasses, f as appShellToggleMobileClasses };

package/dist/components/organisms/Carousel/Carousel.d.ts

@@ -6,6 +6,8 @@ export type CarouselLayoutClassName = string;
 export interface CarouselLabels {
     /** Names each item by its place. Default: "2 of 4". */
     item: (position: number, count: number) => string;
+    /** The visible counter under the row. Default: "1 of 6". */
+    counter: (position: number, count: number) => string;
 }
 /** The row is a labelled region: name it, or point at the heading that does. */
 type CarouselName = {
@@ -33,6 +35,12 @@ interface CarouselBaseProps {
      * `full` row width, or `none`. It hides itself while every item fits.
      */
     progress?: CarouselProgressPlacement;
+    /** Show "1 of 6" under the row, announced politely as it changes. Hidden while every item fits. Default: `false`. */
+    counter?: boolean;
+    /** Fires with the 0-based index and the item count when the item the row rests on changes. */
+    onIndexChange?: (index: number, count: number) => void;
+    /** Controlled: the row moves to this item (0-based) when it changes. */
+    activeIndex?: number;
     labels?: Partial<CarouselLabels>;
     /** **Carousel.Item** children, one per item. */
     children?: ReactNode;
@@ -50,7 +58,7 @@ export interface CarouselItemProps {
  * shift-wheel scrolling come from the browser; the pointer drag, the glide, and the scrubber are
  * built on it.
  */
-declare function CarouselRoot({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, itemWidth, snap, bleed, fade, progress, labels, children, className, }: CarouselProps): import("react").JSX.Element;
+declare function CarouselRoot({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, itemWidth, snap, bleed, fade, progress, counter, onIndexChange, activeIndex, labels, children, className, }: CarouselProps): import("react").JSX.Element;
 declare function CarouselItem({ children, className }: CarouselItemProps): import("react").JSX.Element;
 export declare const Carousel: typeof CarouselRoot & {
     Item: typeof CarouselItem;

package/dist/components/organisms/Carousel/Carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAeL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAwBf,OAAO,EAeL,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAC/B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,kBAAkB,CAAC;AAE1B,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACnD;AAED,gFAAgF;AAChF,KAAK,YAAY,GACb;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,iBAAiB,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExD,UAAU,iBAAiB;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,iGAAiG;IACjG,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,YAAY,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAkED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EACpB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAoC,EACpC,IAAW,EACX,KAAa,EACb,IAAW,EACX,QAAmB,EACnB,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,+BA0Yf;AAOD,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAO/D;AAED,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAeL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAyBf,OAAO,EAgBL,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,EAC/B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,yBAAyB,GAC/B,MAAM,kBAAkB,CAAC;AAE1B,sDAAsD;AACtD,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,uDAAuD;IACvD,IAAI,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,4DAA4D;IAC5D,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACtD;AAED,gFAAgF;AAChF,KAAK,YAAY,GACb;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnD;IAAE,iBAAiB,EAAE,MAAM,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExD,UAAU,iBAAiB;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,iGAAiG;IACjG,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0FAA0F;IAC1F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,qHAAqH;IACrH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,8FAA8F;IAC9F,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,wEAAwE;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAED,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,YAAY,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,uBAAuB,CAAC;CACrC;AAwED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EACpB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,SAAoC,EACpC,IAAW,EACX,KAAa,EACb,IAAW,EACX,QAAmB,EACnB,OAAe,EACf,aAAa,EACb,WAAW,EACX,MAAM,EACN,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,+BAkcf;AAOD,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAO/D;AAED,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}