@alfakit/react 0.0.0-stage → 0.1.0

package/dist/components/ai/stream.js

@@ -0,0 +1,85 @@
+import { useT } from "../../context.js";
+import { Button } from "../ui/button.js";
+import { useFormStore } from "../form/form-context.js";
+import { AiStreamController } from "@alfakit/core";
+import { useEffect, useMemo, useSyncExternalStore } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2Icon, SquareIcon } from "lucide-react";
+//#region src/components/ai/stream.tsx
+/**
+* `ai:stream` (alfasix/alfakit-ai `streaming()`): streams an answer into a modal form. The
+* text shows as it is written (plain text) with a "Stop" button; a polite live region
+* announces it in batches. When it is done the finished answer (cleaned up by the server)
+* goes into the target field and the form refreshes, so the server renders it.
+*/
+function AiStream({ component }) {
+	const t = useT();
+	const form = useFormStore();
+	const token = useSyncExternalStore((listener) => form.subscribe(listener), () => form.getValue(component.statePath, null), () => form.getValue(component.statePath, null));
+	const controller = useMemo(() => {
+		const settle = (values) => {
+			form.setValue(component.statePath, null, { silent: true });
+			for (const [path, value] of Object.entries(values)) form.setValue(path, value, { silent: true });
+			form.refresh(component.target);
+		};
+		return new AiStreamController({
+			endpoint: component.endpoint,
+			onDone: (text) => settle({
+				[component.target]: text,
+				[component.errorPath]: null
+			}),
+			onError: (message) => settle({ [component.errorPath]: message || t("ai.stream.failed", {}, "The answer could not be written. Try again.") }),
+			onCancel: () => settle({ [component.errorPath]: t("ai.stream.stopped", {}, "Stopped.") })
+		});
+	}, [form, component.statePath]);
+	const state = useSyncExternalStore((listener) => controller.store.subscribe(listener), () => controller.state, () => controller.state);
+	useEffect(() => {
+		if (typeof token === "string" && token !== "") controller.start(token);
+	}, [controller, token]);
+	useEffect(() => () => controller.dispose(), [controller]);
+	const streaming = state.status === "streaming";
+	if (!streaming && !token) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "ai-stream",
+		className: "bg-muted/40 flex flex-col gap-3 rounded-md border p-3",
+		"aria-busy": streaming,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "text-muted-foreground flex items-center gap-2 text-sm",
+					children: [/* @__PURE__ */ jsx(Loader2Icon, {
+						className: "size-4 animate-spin",
+						"aria-hidden": "true"
+					}), t("ai.stream.writing", {}, "Writing…")]
+				}), /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					"data-slot": "ai-stream-stop",
+					"aria-label": t("ai.stream.stop_label", {}, "Stop writing the answer"),
+					onClick: () => controller.cancel(),
+					children: [/* @__PURE__ */ jsx(SquareIcon, {
+						"aria-hidden": "true",
+						className: "size-3.5"
+					}), t("ai.stream.stop", {}, "Stop")]
+				})]
+			}),
+			state.text !== "" && /* @__PURE__ */ jsx("div", {
+				"data-slot": "ai-stream-text",
+				className: "text-start text-sm leading-relaxed break-words whitespace-pre-wrap",
+				children: state.text
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "sr-only",
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				children: state.announcement
+			})
+		]
+	});
+}
+//#endregion
+export { AiStream };
+
+//# sourceMappingURL=stream.js.map

package/dist/components/ai/stream.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stream.js","names":[],"sources":["../../../src/components/ai/stream.tsx"],"sourcesContent":["import { AiStreamController, type AiStreamSchema, type AiStreamState } from '@alfakit/core'\nimport { Loader2Icon, SquareIcon } from 'lucide-react'\nimport { useEffect, useMemo, useSyncExternalStore } from 'react'\nimport { useT } from '../../context'\nimport { useFormStore } from '../form/form-context'\nimport { Button } from '../ui/button'\n\n/**\n * `ai:stream` (alfasix/alfakit-ai `streaming()`): streams an answer into a modal form. The\n * text shows as it is written (plain text) with a \"Stop\" button; a polite live region\n * announces it in batches. When it is done the finished answer (cleaned up by the server)\n * goes into the target field and the form refreshes, so the server renders it.\n */\nexport function AiStream({ component }: { component: AiStreamSchema }) {\n  const t = useT()\n  const form = useFormStore()\n  const token = useSyncExternalStore(\n    (listener) => form.subscribe(listener),\n    () => form.getValue<string | null>(component.statePath, null),\n    () => form.getValue<string | null>(component.statePath, null),\n  )\n\n  const controller = useMemo(() => {\n    const settle = (values: Record<string, unknown>) => {\n      form.setValue(component.statePath, null, { silent: true })\n\n      for (const [path, value] of Object.entries(values)) {\n        form.setValue(path, value, { silent: true })\n      }\n\n      void form.refresh(component.target)\n    }\n\n    return new AiStreamController({\n      endpoint: component.endpoint,\n      onDone: (text) => settle({ [component.target]: text, [component.errorPath]: null }),\n      onError: (message) =>\n        settle({\n          [component.errorPath]:\n            message || t('ai.stream.failed', {}, 'The answer could not be written. Try again.'),\n        }),\n      onCancel: () => settle({ [component.errorPath]: t('ai.stream.stopped', {}, 'Stopped.') }),\n    })\n    // One controller per field; the endpoint and paths don't change while it is mounted.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form, component.statePath])\n\n  const state = useSyncExternalStore<AiStreamState>(\n    (listener) => controller.store.subscribe(listener),\n    () => controller.state,\n    () => controller.state,\n  )\n\n  useEffect(() => {\n    if (typeof token === 'string' && token !== '') void controller.start(token)\n  }, [controller, token])\n\n  useEffect(() => () => controller.dispose(), [controller])\n\n  const streaming = state.status === 'streaming'\n\n  if (!streaming && !token) return null\n\n  return (\n    <div\n      data-slot=\"ai-stream\"\n      className=\"bg-muted/40 flex flex-col gap-3 rounded-md border p-3\"\n      aria-busy={streaming}\n    >\n      <div className=\"flex items-center justify-between gap-3\">\n        <span className=\"text-muted-foreground flex items-center gap-2 text-sm\">\n          <Loader2Icon className=\"size-4 animate-spin\" aria-hidden=\"true\" />\n          {t('ai.stream.writing', {}, 'Writing…')}\n        </span>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"sm\"\n          data-slot=\"ai-stream-stop\"\n          aria-label={t('ai.stream.stop_label', {}, 'Stop writing the answer')}\n          onClick={() => controller.cancel()}\n        >\n          <SquareIcon aria-hidden=\"true\" className=\"size-3.5\" />\n          {t('ai.stream.stop', {}, 'Stop')}\n        </Button>\n      </div>\n      {state.text !== '' && (\n        <div\n          data-slot=\"ai-stream-text\"\n          className=\"text-start text-sm leading-relaxed break-words whitespace-pre-wrap\"\n        >\n          {state.text}\n        </div>\n      )}\n      <div className=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n        {state.announcement}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAaA,SAAgB,SAAS,EAAE,aAA4C;CACrE,MAAM,IAAI,KAAK;CACf,MAAM,OAAO,aAAa;CAC1B,MAAM,QAAQ,sBACX,aAAa,KAAK,UAAU,QAAQ,SAC/B,KAAK,SAAwB,UAAU,WAAW,IAAI,SACtD,KAAK,SAAwB,UAAU,WAAW,IAAI,CAC9D;CAEA,MAAM,aAAa,cAAc;EAC/B,MAAM,UAAU,WAAoC;GAClD,KAAK,SAAS,UAAU,WAAW,MAAM,EAAE,QAAQ,KAAK,CAAC;GAEzD,KAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,MAAM,GAC/C,KAAK,SAAS,MAAM,OAAO,EAAE,QAAQ,KAAK,CAAC;GAG7C,KAAU,QAAQ,UAAU,MAAM;EACpC;EAEA,OAAO,IAAI,mBAAmB;GAC5B,UAAU,UAAU;GACpB,SAAS,SAAS,OAAO;KAAG,UAAU,SAAS;KAAO,UAAU,YAAY;GAAK,CAAC;GAClF,UAAU,YACR,OAAO,GACJ,UAAU,YACT,WAAW,EAAE,oBAAoB,CAAC,GAAG,6CAA6C,EACtF,CAAC;GACH,gBAAgB,OAAO,GAAG,UAAU,YAAY,EAAE,qBAAqB,CAAC,GAAG,UAAU,EAAE,CAAC;EAC1F,CAAC;CAGH,GAAG,CAAC,MAAM,UAAU,SAAS,CAAC;CAE9B,MAAM,QAAQ,sBACX,aAAa,WAAW,MAAM,UAAU,QAAQ,SAC3C,WAAW,aACX,WAAW,KACnB;CAEA,gBAAgB;EACd,IAAI,OAAO,UAAU,YAAY,UAAU,IAAI,WAAgB,MAAM,KAAK;CAC5E,GAAG,CAAC,YAAY,KAAK,CAAC;CAEtB,sBAAsB,WAAW,QAAQ,GAAG,CAAC,UAAU,CAAC;CAExD,MAAM,YAAY,MAAM,WAAW;CAEnC,IAAI,CAAC,aAAa,CAAC,OAAO,OAAO;CAEjC,OACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAU;EACV,aAAW;EAHb,UAAA;GAKE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CACE,oBAAC,aAAD;MAAa,WAAU;MAAsB,eAAY;KAAQ,CAAA,GAChE,EAAE,qBAAqB,CAAC,GAAG,UAAU,CAClC;IACN,CAAA,GAAA,qBAAC,QAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACL,aAAU;KACV,cAAY,EAAE,wBAAwB,CAAC,GAAG,yBAAyB;KACnE,eAAe,WAAW,OAAO;KANnC,UAAA,CAQE,oBAAC,YAAD;MAAY,eAAY;MAAO,WAAU;KAAY,CAAA,GACpD,EAAE,kBAAkB,CAAC,GAAG,MAAM,CACzB;IACL,CAAA,CAAA;;GACJ,MAAM,SAAS,MACd,oBAAC,OAAD;IACE,aAAU;IACV,WAAU;IAET,UAAA,MAAM;GACJ,CAAA;GAEP,oBAAC,OAAD;IAAK,WAAU;IAAU,aAAU;IAAS,eAAY;IACrD,UAAA,MAAM;GACJ,CAAA;EACF;;AAET"}

package/dist/components/analytics/alfakit-analytics.d.ts

@@ -0,0 +1,14 @@
+import { AnalyticsTrackerOptions } from "@alfakit/core";
+//#region src/components/analytics/alfakit-analytics.d.ts
+/**
+ * Privacy-first page views for the public pages of an Inertia app (alfasix/alfakit-analytics):
+ * no cookies, no storage, honours Do Not Track and Global Privacy Control. Renders nothing;
+ * mount it once in your public layout. Record custom events with `trackAnalyticsEvent()`.
+ *
+ * ```tsx
+ * <AlfakitAnalytics siteKey="k3y" />
+ * ```
+ */
+export declare function AlfakitAnalytics({ siteKey, endpoint, trackLocalhost }: AnalyticsTrackerOptions): null;
+//#endregion
+//# sourceMappingURL=alfakit-analytics.d.ts.map

package/dist/components/analytics/alfakit-analytics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alfakit-analytics.d.ts","names":[],"sources":["../../../src/components/analytics/alfakit-analytics.tsx"],"mappings":";;;;;;;;;;;wBAcgB,mBAAmB,SAAS,UAAU,kBAAkB"}

package/dist/components/analytics/alfakit-analytics.js

@@ -0,0 +1,36 @@
+import { startAnalytics } from "@alfakit/core";
+import { router } from "@inertiajs/react";
+import { useEffect } from "react";
+//#region src/components/analytics/alfakit-analytics.tsx
+/**
+* Privacy-first page views for the public pages of an Inertia app (alfasix/alfakit-analytics):
+* no cookies, no storage, honours Do Not Track and Global Privacy Control. Renders nothing;
+* mount it once in your public layout. Record custom events with `trackAnalyticsEvent()`.
+*
+* ```tsx
+* <AlfakitAnalytics siteKey="k3y" />
+* ```
+*/
+function AlfakitAnalytics({ siteKey, endpoint, trackLocalhost }) {
+	useEffect(() => {
+		const { tracker, stop } = startAnalytics({
+			siteKey,
+			endpoint,
+			trackLocalhost
+		});
+		const off = router.on("navigate", () => tracker.pageview());
+		return () => {
+			off();
+			stop();
+		};
+	}, [
+		siteKey,
+		endpoint,
+		trackLocalhost
+	]);
+	return null;
+}
+//#endregion
+export { AlfakitAnalytics };
+
+//# sourceMappingURL=alfakit-analytics.js.map

package/dist/components/analytics/alfakit-analytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alfakit-analytics.js","names":[],"sources":["../../../src/components/analytics/alfakit-analytics.tsx"],"sourcesContent":["import type { AnalyticsTrackerOptions } from '@alfakit/core'\nimport { startAnalytics } from '@alfakit/core'\nimport { router } from '@inertiajs/react'\nimport { useEffect } from 'react'\n\n/**\n * Privacy-first page views for the public pages of an Inertia app (alfasix/alfakit-analytics):\n * no cookies, no storage, honours Do Not Track and Global Privacy Control. Renders nothing;\n * mount it once in your public layout. Record custom events with `trackAnalyticsEvent()`.\n *\n * ```tsx\n * <AlfakitAnalytics siteKey=\"k3y\" />\n * ```\n */\nexport function AlfakitAnalytics({ siteKey, endpoint, trackLocalhost }: AnalyticsTrackerOptions) {\n  useEffect(() => {\n    const { tracker, stop } = startAnalytics({ siteKey, endpoint, trackLocalhost })\n    const off = router.on('navigate', () => tracker.pageview())\n\n    return () => {\n      off()\n      stop()\n    }\n  }, [siteKey, endpoint, trackLocalhost])\n\n  return null\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAgB,iBAAiB,EAAE,SAAS,UAAU,kBAA2C;CAC/F,gBAAgB;EACd,MAAM,EAAE,SAAS,SAAS,eAAe;GAAE;GAAS;GAAU;EAAe,CAAC;EAC9E,MAAM,MAAM,OAAO,GAAG,kBAAkB,QAAQ,SAAS,CAAC;EAE1D,aAAa;GACX,IAAI;GACJ,KAAK;EACP;CACF,GAAG;EAAC;EAAS;EAAU;CAAc,CAAC;CAEtC,OAAO;AACT"}

package/dist/components/analytics/breakdown.d.ts

@@ -0,0 +1,11 @@
+import { AnalyticsBreakdownWidgetSchema } from "@alfakit/core";
+//#region src/components/analytics/breakdown.d.ts
+/**
+ * An analytics top list (`analytics:breakdown`): a tab per dimension, each row a bar that
+ * links to the dashboard filtered by it. Every number arrives formatted by the server.
+ */
+export declare function AnalyticsBreakdown({ widget }: {
+  widget: AnalyticsBreakdownWidgetSchema;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=breakdown.d.ts.map

package/dist/components/analytics/breakdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakdown.d.ts","names":[],"sources":["../../../src/components/analytics/breakdown.tsx"],"mappings":";;;;;;wBAegB,qBAAqB;EAAY,QAAQ;oBAAgC,IAAA"}

package/dist/components/analytics/breakdown.js

@@ -0,0 +1,155 @@
+import { useDirection, useT } from "../../context.js";
+import { cn } from "../../lib/utils.js";
+import { textColorClasses } from "../../lib/colors.js";
+import { Icon } from "../../lib/icons.js";
+import { Card } from "../ui/card.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.js";
+import { analyticsChangeColor, analyticsInitialTab } from "@alfakit/core";
+import { Link } from "@inertiajs/react";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/analytics/breakdown.tsx
+/**
+* An analytics top list (`analytics:breakdown`): a tab per dimension, each row a bar that
+* links to the dashboard filtered by it. Every number arrives formatted by the server.
+*/
+function AnalyticsBreakdown({ widget }) {
+	const t = useT();
+	const direction = useDirection();
+	const [active, setActive] = useState(() => analyticsInitialTab(widget));
+	const current = widget.tabs.some((tab) => tab.key === active) ? active : analyticsInitialTab(widget);
+	return /* @__PURE__ */ jsx(Card, {
+		"data-slot": "analytics-breakdown",
+		className: "gap-0 overflow-hidden py-0",
+		children: /* @__PURE__ */ jsxs(Tabs, {
+			value: current,
+			onValueChange: setActive,
+			dir: direction,
+			className: "gap-0",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center justify-between gap-3 px-5 pt-4 pb-3",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-base font-semibold",
+					children: widget.heading
+				}), widget.tabs.length > 1 && /* @__PURE__ */ jsx(TabsList, {
+					"aria-label": t("analytics.views", { panel: widget.heading }, ":panel views"),
+					className: "max-w-full overflow-x-auto",
+					children: widget.tabs.map((tab) => /* @__PURE__ */ jsx(TabsTrigger, {
+						value: tab.key,
+						className: "flex-none",
+						"data-filtered": tab.filtered ? "true" : void 0,
+						children: tab.label
+					}, tab.key))
+				})]
+			}), widget.tabs.map((tab) => /* @__PURE__ */ jsxs(TabsContent, {
+				value: tab.key,
+				className: "px-3 pb-4",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "text-muted-foreground flex items-center gap-3 px-2 pb-1.5 text-xs font-medium tracking-wide uppercase",
+					"aria-hidden": "true",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "min-w-0 flex-1 truncate",
+							children: tab.columns[0]
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "w-16 text-end",
+							children: tab.columns[1]
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "hidden w-20 text-end sm:block",
+							children: tab.columns[2]
+						})
+					]
+				}), tab.rows.length === 0 ? /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground px-2 py-6 text-center text-sm",
+					children: widget.emptyLabel ?? t("analytics.empty", {}, "No data for this period")
+				}) : /* @__PURE__ */ jsx("ul", {
+					className: "flex flex-col gap-0.5",
+					"aria-label": tab.label,
+					children: tab.rows.map((row) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(BreakdownRow, {
+						row,
+						columns: tab.columns
+					}) }, row.key))
+				})]
+			}, tab.key))]
+		})
+	});
+}
+function BreakdownRow({ row, columns }) {
+	const t = useT();
+	const changeColor = analyticsChangeColor(row.change);
+	const linkLabel = row.url ? row.active ? t("analytics.remove_filter", { label: row.label }, "Remove filter :label") : t("analytics.filter_by", { label: row.label }, "Filter by :label") : null;
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			className: cn("pointer-events-none absolute inset-y-0 start-0 rounded-md transition-colors", row.active ? "bg-primary/20" : "bg-primary/10 group-hover:bg-primary/15"),
+			style: { width: `${Math.max(0, Math.min(1, row.bar)) * 100}%` }
+		}),
+		/* @__PURE__ */ jsxs("span", {
+			className: "relative flex min-w-0 flex-1 items-center gap-2",
+			children: [
+				row.flag && /* @__PURE__ */ jsx("span", {
+					"aria-hidden": "true",
+					children: row.flag
+				}),
+				linkLabel && /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: linkLabel
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					title: row.label,
+					"aria-hidden": linkLabel ? "true" : void 0,
+					children: row.label
+				}),
+				row.active && /* @__PURE__ */ jsx(Icon, {
+					name: "x",
+					className: "text-muted-foreground size-3.5 shrink-0"
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs("span", {
+			className: "relative flex w-16 flex-col items-end tabular-nums",
+			children: [
+				/* @__PURE__ */ jsxs("span", {
+					className: "sr-only",
+					children: [columns[1], ": "]
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "font-medium",
+					children: row.display[0]
+				}),
+				row.changeDisplay && /* @__PURE__ */ jsx("span", {
+					className: cn("text-[11px] leading-none", changeColor ? textColorClasses[changeColor] : "text-muted-foreground"),
+					children: row.changeDisplay
+				})
+			]
+		}),
+		/* @__PURE__ */ jsxs("span", {
+			className: "text-muted-foreground relative hidden w-20 text-end tabular-nums sm:block",
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "sr-only",
+				children: [columns[2], ": "]
+			}), row.display[1]]
+		})
+	] });
+	const className = cn("group relative flex min-h-9 items-center gap-3 rounded-md px-2 py-1.5 text-sm", row.active && "font-medium");
+	if (!row.url) return /* @__PURE__ */ jsx("div", {
+		className,
+		"data-slot": "analytics-row",
+		children: content
+	});
+	return /* @__PURE__ */ jsx(Link, {
+		href: row.url,
+		preserveScroll: true,
+		"data-slot": "analytics-row",
+		"aria-current": row.active ? "true" : void 0,
+		className: cn(className, "focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px]"),
+		children: content
+	});
+}
+//#endregion
+export { AnalyticsBreakdown };
+
+//# sourceMappingURL=breakdown.js.map

package/dist/components/analytics/breakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breakdown.js","names":[],"sources":["../../../src/components/analytics/breakdown.tsx"],"sourcesContent":["import type { AnalyticsBreakdownRowSchema, AnalyticsBreakdownWidgetSchema } from '@alfakit/core'\nimport { analyticsChangeColor, analyticsInitialTab } from '@alfakit/core'\nimport { Link } from '@inertiajs/react'\nimport { useState } from 'react'\nimport { useDirection, useT } from '../../context'\nimport { textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { Card } from '../ui/card'\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../ui/tabs'\n\n/**\n * An analytics top list (`analytics:breakdown`): a tab per dimension, each row a bar that\n * links to the dashboard filtered by it. Every number arrives formatted by the server.\n */\nexport function AnalyticsBreakdown({ widget }: { widget: AnalyticsBreakdownWidgetSchema }) {\n  const t = useT()\n  const direction = useDirection()\n  const [active, setActive] = useState(() => analyticsInitialTab(widget))\n  const current = widget.tabs.some((tab) => tab.key === active)\n    ? active\n    : analyticsInitialTab(widget)\n\n  return (\n    <Card data-slot=\"analytics-breakdown\" className=\"gap-0 overflow-hidden py-0\">\n      <Tabs value={current} onValueChange={setActive} dir={direction} className=\"gap-0\">\n        <div className=\"flex flex-wrap items-center justify-between gap-3 px-5 pt-4 pb-3\">\n          <h3 className=\"text-base font-semibold\">{widget.heading}</h3>\n          {widget.tabs.length > 1 && (\n            <TabsList\n              aria-label={t('analytics.views', { panel: widget.heading }, ':panel views')}\n              className=\"max-w-full overflow-x-auto\"\n            >\n              {widget.tabs.map((tab) => (\n                <TabsTrigger\n                  key={tab.key}\n                  value={tab.key}\n                  className=\"flex-none\"\n                  data-filtered={tab.filtered ? 'true' : undefined}\n                >\n                  {tab.label}\n                </TabsTrigger>\n              ))}\n            </TabsList>\n          )}\n        </div>\n        {widget.tabs.map((tab) => (\n          <TabsContent key={tab.key} value={tab.key} className=\"px-3 pb-4\">\n            <div\n              className=\"text-muted-foreground flex items-center gap-3 px-2 pb-1.5 text-xs font-medium tracking-wide uppercase\"\n              aria-hidden=\"true\"\n            >\n              <span className=\"min-w-0 flex-1 truncate\">{tab.columns[0]}</span>\n              <span className=\"w-16 text-end\">{tab.columns[1]}</span>\n              <span className=\"hidden w-20 text-end sm:block\">{tab.columns[2]}</span>\n            </div>\n            {tab.rows.length === 0 ? (\n              <p className=\"text-muted-foreground px-2 py-6 text-center text-sm\">\n                {widget.emptyLabel ?? t('analytics.empty', {}, 'No data for this period')}\n              </p>\n            ) : (\n              <ul className=\"flex flex-col gap-0.5\" aria-label={tab.label}>\n                {tab.rows.map((row) => (\n                  <li key={row.key}>\n                    <BreakdownRow row={row} columns={tab.columns} />\n                  </li>\n                ))}\n              </ul>\n            )}\n          </TabsContent>\n        ))}\n      </Tabs>\n    </Card>\n  )\n}\n\nfunction BreakdownRow({ row, columns }: { row: AnalyticsBreakdownRowSchema; columns: string[] }) {\n  const t = useT()\n  const changeColor = analyticsChangeColor(row.change)\n  // Links announce what they do; the visible label is then hidden from screen readers.\n  const linkLabel = row.url\n    ? row.active\n      ? t('analytics.remove_filter', { label: row.label }, 'Remove filter :label')\n      : t('analytics.filter_by', { label: row.label }, 'Filter by :label')\n    : null\n\n  const content = (\n    <>\n      <span\n        aria-hidden=\"true\"\n        className={cn(\n          'pointer-events-none absolute inset-y-0 start-0 rounded-md transition-colors',\n          row.active ? 'bg-primary/20' : 'bg-primary/10 group-hover:bg-primary/15',\n        )}\n        style={{ width: `${Math.max(0, Math.min(1, row.bar)) * 100}%` }}\n      />\n      <span className=\"relative flex min-w-0 flex-1 items-center gap-2\">\n        {row.flag && <span aria-hidden=\"true\">{row.flag}</span>}\n        {linkLabel && <span className=\"sr-only\">{linkLabel}</span>}\n        <span className=\"truncate\" title={row.label} aria-hidden={linkLabel ? 'true' : undefined}>\n          {row.label}\n        </span>\n        {row.active && <Icon name=\"x\" className=\"text-muted-foreground size-3.5 shrink-0\" />}\n      </span>\n      <span className=\"relative flex w-16 flex-col items-end tabular-nums\">\n        <span className=\"sr-only\">{columns[1]}: </span>\n        <span className=\"font-medium\">{row.display[0]}</span>\n        {row.changeDisplay && (\n          <span\n            className={cn(\n              'text-[11px] leading-none',\n              changeColor ? textColorClasses[changeColor] : 'text-muted-foreground',\n            )}\n          >\n            {row.changeDisplay}\n          </span>\n        )}\n      </span>\n      <span className=\"text-muted-foreground relative hidden w-20 text-end tabular-nums sm:block\">\n        <span className=\"sr-only\">{columns[2]}: </span>\n        {row.display[1]}\n      </span>\n    </>\n  )\n\n  const className = cn(\n    'group relative flex min-h-9 items-center gap-3 rounded-md px-2 py-1.5 text-sm',\n    row.active && 'font-medium',\n  )\n\n  if (!row.url) {\n    return (\n      <div className={className} data-slot=\"analytics-row\">\n        {content}\n      </div>\n    )\n  }\n\n  return (\n    <Link\n      href={row.url}\n      preserveScroll\n      data-slot=\"analytics-row\"\n      aria-current={row.active ? 'true' : undefined}\n      className={cn(className, 'focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px]')}\n    >\n      {content}\n    </Link>\n  )\n}\n"],"mappings":"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"}

package/dist/components/analytics/index.d.ts

@@ -0,0 +1,3 @@
+import { AlfakitAnalytics } from "./alfakit-analytics.js";
+import { AnalyticsBreakdown } from "./breakdown.js";
+export { AlfakitAnalytics, AnalyticsBreakdown };

package/dist/components/cms/admin-bar.js

@@ -0,0 +1,68 @@
+import { Button } from "../ui/button.js";
+import { useCms } from "./context.js";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon, EyeIcon, LayoutDashboardIcon, PencilIcon } from "lucide-react";
+//#region src/components/cms/admin-bar.tsx
+/**
+* The floating admin bar of public pages (`CmsPlugin::adminBar()`), for signed-in users
+* who can edit the page: Edit, View draft and Back to dashboard. It can be collapsed.
+*/
+function CmsAdminBar({ admin }) {
+	const { t } = useCms();
+	const [collapsed, setCollapsed] = useState(false);
+	return /* @__PURE__ */ jsxs("aside", {
+		"aria-label": t("cms.admin_bar", {}, "Site editing"),
+		"data-slot": "cms-admin-bar",
+		className: "bg-popover text-popover-foreground fixed end-4 bottom-4 z-50 flex max-w-[calc(100vw-2rem)] flex-wrap items-center gap-1 rounded-xl border p-1.5 shadow-lg",
+		children: [!collapsed && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx(Button, {
+				asChild: true,
+				size: "sm",
+				children: /* @__PURE__ */ jsxs("a", {
+					href: admin.editUrl,
+					children: [/* @__PURE__ */ jsx(PencilIcon, { "aria-hidden": "true" }), t("cms.edit_page", {}, "Edit this page")]
+				})
+			}),
+			admin.draftUrl && /* @__PURE__ */ jsx(Button, {
+				asChild: true,
+				size: "sm",
+				variant: "ghost",
+				children: /* @__PURE__ */ jsxs("a", {
+					href: admin.draftUrl,
+					children: [/* @__PURE__ */ jsx(EyeIcon, { "aria-hidden": "true" }), t("cms.view_draft", {}, "View draft")]
+				})
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				asChild: true,
+				size: "sm",
+				variant: "ghost",
+				children: /* @__PURE__ */ jsxs("a", {
+					href: admin.dashboardUrl,
+					children: [/* @__PURE__ */ jsx(LayoutDashboardIcon, {
+						className: "rtl:-scale-x-100",
+						"aria-hidden": "true"
+					}), t("cms.dashboard", {}, "Back to dashboard")]
+				})
+			}),
+			admin.hasChanges && /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground px-2 text-xs",
+				children: t("cms.changes_pending", {}, "This page has changes that aren't published yet.")
+			})
+		] }), /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			size: "icon-sm",
+			variant: "ghost",
+			"aria-expanded": !collapsed,
+			onClick: () => setCollapsed(!collapsed),
+			children: [collapsed ? /* @__PURE__ */ jsx(PencilIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: collapsed ? t("cms.show_admin_bar", {}, "Show editing bar") : t("cms.hide_admin_bar", {}, "Hide editing bar")
+			})]
+		})]
+	});
+}
+//#endregion
+export { CmsAdminBar };
+
+//# sourceMappingURL=admin-bar.js.map

package/dist/components/cms/admin-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-bar.js","names":[],"sources":["../../../src/components/cms/admin-bar.tsx"],"sourcesContent":["import type { CmsAdminBarSchema } from '@alfakit/core'\nimport { ChevronDownIcon, EyeIcon, LayoutDashboardIcon, PencilIcon } from 'lucide-react'\nimport { useState } from 'react'\nimport { Button } from '../ui/button'\nimport { useCms } from './context'\n\n/**\n * The floating admin bar of public pages (`CmsPlugin::adminBar()`), for signed-in users\n * who can edit the page: Edit, View draft and Back to dashboard. It can be collapsed.\n */\nexport function CmsAdminBar({ admin }: { admin: CmsAdminBarSchema }) {\n  const { t } = useCms()\n  const [collapsed, setCollapsed] = useState(false)\n\n  return (\n    <aside\n      aria-label={t('cms.admin_bar', {}, 'Site editing')}\n      data-slot=\"cms-admin-bar\"\n      className=\"bg-popover text-popover-foreground fixed end-4 bottom-4 z-50 flex max-w-[calc(100vw-2rem)] flex-wrap items-center gap-1 rounded-xl border p-1.5 shadow-lg\"\n    >\n      {!collapsed && (\n        <>\n          <Button asChild size=\"sm\">\n            <a href={admin.editUrl}>\n              <PencilIcon aria-hidden=\"true\" />\n              {t('cms.edit_page', {}, 'Edit this page')}\n            </a>\n          </Button>\n          {admin.draftUrl && (\n            <Button asChild size=\"sm\" variant=\"ghost\">\n              <a href={admin.draftUrl}>\n                <EyeIcon aria-hidden=\"true\" />\n                {t('cms.view_draft', {}, 'View draft')}\n              </a>\n            </Button>\n          )}\n          <Button asChild size=\"sm\" variant=\"ghost\">\n            <a href={admin.dashboardUrl}>\n              <LayoutDashboardIcon className=\"rtl:-scale-x-100\" aria-hidden=\"true\" />\n              {t('cms.dashboard', {}, 'Back to dashboard')}\n            </a>\n          </Button>\n          {admin.hasChanges && (\n            <span className=\"text-muted-foreground px-2 text-xs\">\n              {t('cms.changes_pending', {}, \"This page has changes that aren't published yet.\")}\n            </span>\n          )}\n        </>\n      )}\n      <Button\n        type=\"button\"\n        size=\"icon-sm\"\n        variant=\"ghost\"\n        aria-expanded={!collapsed}\n        onClick={() => setCollapsed(!collapsed)}\n      >\n        {collapsed ? <PencilIcon aria-hidden=\"true\" /> : <ChevronDownIcon aria-hidden=\"true\" />}\n        <span className=\"sr-only\">\n          {collapsed\n            ? t('cms.show_admin_bar', {}, 'Show editing bar')\n            : t('cms.hide_admin_bar', {}, 'Hide editing bar')}\n        </span>\n      </Button>\n    </aside>\n  )\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,YAAY,EAAE,SAAuC;CACnE,MAAM,EAAE,MAAM,OAAO;CACrB,MAAM,CAAC,WAAW,gBAAgB,SAAS,KAAK;CAEhD,OACE,qBAAC,SAAD;EACE,cAAY,EAAE,iBAAiB,CAAC,GAAG,cAAc;EACjD,aAAU;EACV,WAAU;EAHZ,UAAA,CAKG,CAAC,aACA,qBAAA,YAAA,EAAA,UAAA;GACE,oBAAC,QAAD;IAAQ,SAAA;IAAQ,MAAK;IACnB,UAAA,qBAAC,KAAD;KAAG,MAAM,MAAM;KAAf,UAAA,CACE,oBAAC,YAAD,EAAY,eAAY,OAAQ,CAAA,GAC/B,EAAE,iBAAiB,CAAC,GAAG,gBAAgB,CACvC;;GACG,CAAA;GACP,MAAM,YACL,oBAAC,QAAD;IAAQ,SAAA;IAAQ,MAAK;IAAK,SAAQ;IAChC,UAAA,qBAAC,KAAD;KAAG,MAAM,MAAM;KAAf,UAAA,CACE,oBAAC,SAAD,EAAS,eAAY,OAAQ,CAAA,GAC5B,EAAE,kBAAkB,CAAC,GAAG,YAAY,CACpC;;GACG,CAAA;GAEV,oBAAC,QAAD;IAAQ,SAAA;IAAQ,MAAK;IAAK,SAAQ;IAChC,UAAA,qBAAC,KAAD;KAAG,MAAM,MAAM;KAAf,UAAA,CACE,oBAAC,qBAAD;MAAqB,WAAU;MAAmB,eAAY;KAAQ,CAAA,GACrE,EAAE,iBAAiB,CAAC,GAAG,mBAAmB,CAC1C;;GACG,CAAA;GACP,MAAM,cACL,oBAAC,QAAD;IAAM,WAAU;IACb,UAAA,EAAE,uBAAuB,CAAC,GAAG,kDAAkD;GAC5E,CAAA;EAER,EAAA,CAAA,GAEJ,qBAAC,QAAD;GACE,MAAK;GACL,MAAK;GACL,SAAQ;GACR,iBAAe,CAAC;GAChB,eAAe,aAAa,CAAC,SAAS;GALxC,UAAA,CAOG,YAAY,oBAAC,YAAD,EAAY,eAAY,OAAQ,CAAA,IAAI,oBAAC,iBAAD,EAAiB,eAAY,OAAQ,CAAA,GACtF,oBAAC,QAAD;IAAM,WAAU;IACb,UAAA,YACG,EAAE,sBAAsB,CAAC,GAAG,kBAAkB,IAC9C,EAAE,sBAAsB,CAAC,GAAG,kBAAkB;GAC9C,CAAA,CACA;EACH,CAAA,CAAA;;AAEX"}

package/dist/components/cms/blocks.d.ts

@@ -0,0 +1,41 @@
+import { AnyComponent } from "../../context.js";
+import { CmsBlockSchema, CmsBuiltInBlocks, CmsCallToActionBlockData, CmsColumnsBlockData, CmsEmbedBlockData, CmsFaqBlockData, CmsFeaturesBlockData, CmsFormBlockData, CmsGalleryBlockData, CmsHeroBlockData, CmsImageBlockData, CmsRichTextBlockData, CmsSectionBlockData, CmsTestimonialsBlockData } from "@alfakit/core";
+import { ComponentType } from "react";
+//#region src/components/cms/blocks.d.ts
+/** Props of every block renderer, built-in or registered as `cms:block:{type}`. */
+export interface CmsBlockProps<TData = Record<string, unknown>> {
+  block: CmsBlockSchema<TData>;
+  data: TData;
+}
+type BlockComponent<K extends keyof CmsBuiltInBlocks> = ComponentType<CmsBlockProps<CmsBuiltInBlocks[K]>>;
+export declare function HeroBlock({ data }: CmsBlockProps<CmsHeroBlockData>): import("react").JSX.Element;
+export declare function RichTextBlock({ data }: CmsBlockProps<CmsRichTextBlockData>): import("react").JSX.Element;
+export declare function ImageBlock({ data }: CmsBlockProps<CmsImageBlockData>): import("react").JSX.Element;
+export declare function GalleryBlock({ data }: CmsBlockProps<CmsGalleryBlockData>): import("react").JSX.Element;
+export declare function CallToActionBlock({ data }: CmsBlockProps<CmsCallToActionBlockData>): import("react").JSX.Element;
+export declare function FeaturesBlock({ data }: CmsBlockProps<CmsFeaturesBlockData>): import("react").JSX.Element;
+export declare function FaqBlock({ block, data }: CmsBlockProps<CmsFaqBlockData>): import("react").JSX.Element;
+export declare function TestimonialsBlock({ data }: CmsBlockProps<CmsTestimonialsBlockData>): import("react").JSX.Element;
+export declare function EmbedBlock({ data }: CmsBlockProps<CmsEmbedBlockData>): import("react").JSX.Element;
+export declare function ColumnsBlock({ data }: CmsBlockProps<CmsColumnsBlockData>): import("react").JSX.Element;
+declare function FormBlock$1({ block, data }: CmsBlockProps<CmsFormBlockData>): import("react").JSX.Element | null;
+/** A reusable section: its blocks, at full page width. */
+export declare function SectionBlock({ data }: CmsBlockProps<CmsSectionBlockData>): import("react").JSX.Element;
+/** The built-in block renderers, by type. */
+export declare const CMS_BLOCK_COMPONENTS: { [K in keyof CmsBuiltInBlocks]: BlockComponent<K>; };
+/**
+ * Renders rendered CMS blocks (`page.blocks`, `Cms::blocks()`, the JSON API). Each type
+ * resolves, in order, to `components[type]`, the registry's `cms:block:{type}` and the
+ * built-in renderer; unknown types render nothing.
+ *
+ * ```tsx
+ * <CmsBlocks blocks={cms.page.blocks} components={{ pricing: PricingBlock }} />
+ * ```
+ */
+export declare function CmsBlocks({ blocks, components }: {
+  blocks: CmsBlockSchema[] | null | undefined;
+  components?: Record<string, AnyComponent>;
+}): import("react").JSX.Element;
+//#endregion
+export { FormBlock$1 as FormBlock };
+//# sourceMappingURL=blocks.d.ts.map

package/dist/components/cms/blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"blocks.d.ts","names":["FormBlock"],"sources":["../../../src/components/cms/blocks.tsx"],"mappings":";;;;;iBAgCiB,cAAc,QAAQ;EACrC,OAAO,eAAe;EACtB,MAAM;;KAGH,eAAe,gBAAgB,oBAAoB,cACtD,cAAc,iBAAiB;wBAgBjB,YAAY,QAAQ,cAAc,oCAAiB,IAAA;wBA+CnD,gBAAgB,QAAQ,cAAc,wCAAqB,IAAA;wBAa3D,aAAa,QAAQ,cAAc,qCAAkB,IAAA;wBAuBrD,eAAe,QAAQ,cAAc,uCAAoB,IAAA;wBAuBzD,oBAAoB,QAAQ,cAAc,4CAAyB,IAAA;wBA4CnE,gBAAgB,QAAQ,cAAc,wCAAqB,IAAA;wBA8C3D,WAAW,OAAO,QAAQ,cAAc,mCAAgB,IAAA;wBAyBxD,oBAAoB,QAAQ,cAAc,4CAAyB,IAAA;wBAqCnE,aAAa,QAAQ,cAAc,qCAAkB,IAAA;wBA6CrD,eAAe,QAAQ,cAAc,uCAAoB,IAAA;iBAuBzDA,cAAY,OAAO,QAAQ,cAAc,oCAAiB,IAAA;;wBA6B1D,eAAe,QAAQ,cAAc,uCAAoB,IAAA;;qBAS5D,yBAAyB,WAAW,mBAAmB,eAAe;;;;;;;;;;wBAwBnE,YACd,QACA;EAEA,QAAQ;EACR,aAAa,eAAe;oBAC7B,IAAA"}