@almanaclabs/blaze-ui 0.9.0 → 0.11.0

package/dist/components/platform-icon/platform-icon.js

@@ -0,0 +1,169 @@
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { IconBrandBluesky as a, IconBrandFacebookFilled as o, IconBrandLinkedinFilled as s, IconBrandReddit as c, IconBrandThreads as l, IconBrandTiktokFilled as u, IconBrandXFilled as d, IconBrandYoutubeFilled as f } from "@tabler/icons-react";
+//#region src/components/platform-icon/platform-icon.tsx
+var p = [
+	"x",
+	"threads",
+	"instagram",
+	"facebook",
+	"bluesky",
+	"linkedin",
+	"tiktok",
+	"youtube",
+	"google",
+	"beehiiv",
+	"reddit"
+], m = "var(--foreground, #000000)", h = {
+	x: m,
+	threads: m,
+	instagram: "#E1306C",
+	facebook: "#1877F2",
+	bluesky: "#1185FE",
+	linkedin: "#0A66C2",
+	tiktok: m,
+	youtube: "#FF0000",
+	google: "#4285F4",
+	beehiiv: "#FFC300",
+	reddit: "#FF4500"
+}, g = {
+	x: "X",
+	threads: "Threads",
+	instagram: "Instagram",
+	facebook: "Facebook",
+	bluesky: "Bluesky",
+	linkedin: "LinkedIn",
+	tiktok: "TikTok",
+	youtube: "YouTube",
+	google: "Google",
+	beehiiv: "beehiiv",
+	reddit: "Reddit"
+};
+function _(e) {
+	return e ? {
+		role: "img",
+		"aria-label": e
+	} : { "aria-hidden": !0 };
+}
+function v(e, n, i, a) {
+	let o = e, s = t.forwardRef(({ style: e, title: t, ...s }, c) => /* @__PURE__ */ r(o, {
+		ref: c,
+		"data-platform-mark": i,
+		...a ? { fill: a } : {},
+		..._(t),
+		...s,
+		style: {
+			...e,
+			color: n
+		}
+	}));
+	return s.displayName = `Brand${i}`, s;
+}
+var y = v(d, h.x, "X"), b = v(l, h.threads, "Threads"), x = v(o, h.facebook, "Facebook"), S = v(s, h.linkedin, "Linkedin"), C = v(u, h.tiktok, "Tiktok"), w = v(f, h.youtube, "Youtube"), T = v(c, h.reddit, "Reddit"), E = v(a, h.bluesky, "Bluesky", h.bluesky);
+function D(e, n, i) {
+	let a = t.forwardRef(({ size: a = 24, title: o, className: s, style: c, ...l }, u) => {
+		let d = `${e.toLowerCase()}${t.useId().replace(/:/g, "")}`;
+		return /* @__PURE__ */ r("svg", {
+			ref: u,
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: n,
+			width: a,
+			height: a,
+			"data-platform-mark": e,
+			className: s,
+			style: c,
+			..._(o),
+			...l,
+			children: i(d)
+		});
+	});
+	return a.displayName = `Brand${e}`, a;
+}
+var O = D("Instagram", "0 0 24 24", (e) => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("defs", { children: /* @__PURE__ */ i("radialGradient", {
+	id: e,
+	cx: "0.3",
+	cy: "1.07",
+	r: "1.2",
+	children: [
+		/* @__PURE__ */ r("stop", {
+			offset: "0",
+			stopColor: "#FFD776"
+		}),
+		/* @__PURE__ */ r("stop", {
+			offset: "0.25",
+			stopColor: "#F3A554"
+		}),
+		/* @__PURE__ */ r("stop", {
+			offset: "0.5",
+			stopColor: "#E1306C"
+		}),
+		/* @__PURE__ */ r("stop", {
+			offset: "0.8",
+			stopColor: "#C13584"
+		}),
+		/* @__PURE__ */ r("stop", {
+			offset: "1",
+			stopColor: "#833AB4"
+		})
+	]
+}) }), /* @__PURE__ */ r("path", {
+	fill: `url(#${e})`,
+	d: "M16 3a5 5 0 0 1 5 5v8a5 5 0 0 1 -5 5h-8a5 5 0 0 1 -5 -5v-8a5 5 0 0 1 5 -5zm-4 5a4 4 0 0 0 -3.995 3.8l-.005 .2a4 4 0 1 0 4 -4m4.5 -1.5a1 1 0 0 0 -.993 .883l-.007 .127a1 1 0 0 0 1.993 .117l.007 -.127a1 1 0 0 0 -1 -1"
+})] })), k = D("Google", "-2 -2 52 52", () => /* @__PURE__ */ i(n, { children: [
+	/* @__PURE__ */ r("path", {
+		fill: "#EA4335",
+		d: "M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
+	}),
+	/* @__PURE__ */ r("path", {
+		fill: "#4285F4",
+		d: "M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
+	}),
+	/* @__PURE__ */ r("path", {
+		fill: "#FBBC05",
+		d: "M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
+	}),
+	/* @__PURE__ */ r("path", {
+		fill: "#34A853",
+		d: "M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
+	})
+] })), A = D("Beehiiv", "0 0 24 24", () => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("rect", {
+	x: "2",
+	y: "2",
+	width: "20",
+	height: "20",
+	rx: "5",
+	fill: h.beehiiv
+}), /* @__PURE__ */ r("path", {
+	fill: "#111111",
+	d: "M12 6.5l4.76 2.75v5.5L12 17.5l-4.76-2.75v-5.5z"
+})] })), j = {
+	x: y,
+	threads: b,
+	instagram: O,
+	facebook: x,
+	bluesky: E,
+	linkedin: S,
+	tiktok: C,
+	youtube: w,
+	google: k,
+	beehiiv: A,
+	reddit: T
+};
+function M({ platform: t, size: n = 16, className: i, style: a, ...o }) {
+	let s = j[t];
+	return /* @__PURE__ */ r(s, {
+		"data-slot": "platform-icon",
+		"data-platform": t,
+		size: n,
+		className: e("shrink-0", i),
+		style: {
+			width: n,
+			height: n,
+			...a
+		},
+		...o
+	});
+}
+//#endregion
+export { A as BrandBeehiiv, E as BrandBluesky, x as BrandFacebook, k as BrandGoogle, O as BrandInstagram, S as BrandLinkedin, T as BrandReddit, b as BrandThreads, C as BrandTiktok, y as BrandX, w as BrandYoutube, p as PLATFORMS, h as PLATFORM_COLOR, j as PLATFORM_ICON, g as PLATFORM_LABEL, M as PlatformIcon };

package/dist/components/sidebar/sidebar.js

@@ -3,8 +3,8 @@ import { cn as e } from "../../lib/utils.js";
 import { Button as t } from "../button/button.js";
 import { Separator as n } from "../separator/separator.js";
 import { Input as r } from "../input/input.js";
-import { Sheet as i, SheetContent as a, SheetDescription as o, SheetHeader as s, SheetTitle as c } from "../sheet/sheet.js";
-import { useIsMobile as l } from "../../hooks/use-mobile.js";
+import { useIsMobile as i } from "../../hooks/use-mobile.js";
+import { Sheet as a, SheetContent as o, SheetDescription as s, SheetHeader as c, SheetTitle as l } from "../sheet/sheet.js";
 import { Skeleton as u } from "../skeleton/skeleton.js";
 import { Tooltip as d, TooltipContent as f, TooltipTrigger as p } from "../tooltip/tooltip.js";
 import * as m from "react";
@@ -20,12 +20,12 @@ function O() {
 	if (!e) throw Error("useSidebar must be used within a SidebarProvider.");
 	return e;
 }
-function k({ defaultOpen: t = !0, open: n, onOpenChange: r, className: i, style: a, children: o, ...s }) {
-	let c = l(), [u, d] = m.useState(!1), [f, p] = m.useState(t), h = n ?? f, _ = m.useCallback((e) => {
+function k({ defaultOpen: t = !0, open: n, onOpenChange: r, className: a, style: o, children: s, ...c }) {
+	let l = i(), [u, d] = m.useState(!1), [f, p] = m.useState(t), h = n ?? f, _ = m.useCallback((e) => {
 		let t = typeof e == "function" ? e(h) : e;
 		r ? r(t) : p(t), document.cookie = `${x}=${t}; path=/; max-age=${S}`;
-	}, [r, h]), v = m.useCallback(() => c ? d((e) => !e) : _((e) => !e), [
-		c,
+	}, [r, h]), v = m.useCallback(() => l ? d((e) => !e) : _((e) => !e), [
+		l,
 		_,
 		d
 	]);
@@ -39,7 +39,7 @@ function k({ defaultOpen: t = !0, open: n, onOpenChange: r, className: i, style:
 		state: y,
 		open: h,
 		setOpen: _,
-		isMobile: c,
+		isMobile: l,
 		openMobile: u,
 		setOpenMobile: d,
 		toggleSidebar: v
@@ -47,7 +47,7 @@ function k({ defaultOpen: t = !0, open: n, onOpenChange: r, className: i, style:
 		y,
 		h,
 		_,
-		c,
+		l,
 		u,
 		d,
 		v
@@ -59,26 +59,26 @@ function k({ defaultOpen: t = !0, open: n, onOpenChange: r, className: i, style:
 			style: {
 				"--sidebar-width": C,
 				"--sidebar-width-icon": T,
-				...a
+				...o
 			},
-			className: e("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", i),
-			...s,
-			children: o
+			className: e("group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar", a),
+			...c,
+			children: s
 		})
 	});
 }
-function A({ side: t = "left", variant: n = "sidebar", collapsible: r = "offcanvas", className: l, children: u, dir: d, ...f }) {
+function A({ side: t = "left", variant: n = "sidebar", collapsible: r = "offcanvas", className: i, children: u, dir: d, ...f }) {
 	let { isMobile: p, state: m, openMobile: h, setOpenMobile: v } = O();
 	return r === "none" ? /* @__PURE__ */ g("div", {
 		"data-slot": "sidebar",
-		className: e("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", l),
+		className: e("flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground", i),
 		...f,
 		children: u
-	}) : p ? /* @__PURE__ */ g(i, {
+	}) : p ? /* @__PURE__ */ g(a, {
 		open: h,
 		onOpenChange: v,
 		...f,
-		children: /* @__PURE__ */ _(a, {
+		children: /* @__PURE__ */ _(o, {
 			dir: d,
 			"data-sidebar": "sidebar",
 			"data-slot": "sidebar",
@@ -86,9 +86,9 @@ function A({ side: t = "left", variant: n = "sidebar", collapsible: r = "offcanv
 			className: "w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
 			style: { "--sidebar-width": w },
 			side: t,
-			children: [/* @__PURE__ */ _(s, {
+			children: [/* @__PURE__ */ _(c, {
 				className: "sr-only",
-				children: [/* @__PURE__ */ g(c, { children: "Sidebar" }), /* @__PURE__ */ g(o, { children: "Displays the mobile sidebar." })]
+				children: [/* @__PURE__ */ g(l, { children: "Sidebar" }), /* @__PURE__ */ g(s, { children: "Displays the mobile sidebar." })]
 			}), /* @__PURE__ */ g("div", {
 				className: "flex h-full w-full flex-col",
 				children: u
@@ -107,7 +107,7 @@ function A({ side: t = "left", variant: n = "sidebar", collapsible: r = "offcanv
 		}), /* @__PURE__ */ g("div", {
 			"data-slot": "sidebar-container",
 			"data-side": t,
-			className: e("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex", n === "floating" || n === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", l),
+			className: e("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex", n === "floating" || n === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l", i),
 			...f,
 			children: /* @__PURE__ */ g("div", {
 				"data-sidebar": "sidebar",

package/dist/components/signal-strip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './signal-strip';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/signal-strip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/signal-strip/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

package/dist/components/signal-strip/signal-strip.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+export interface SignalDotsProps extends Omit<React.ComponentProps<'span'>, 'children'> {
+    /** How many dots are filled. Clamped to 0 through `max`. */
+    value: number;
+    /** How many dots the strip has. */
+    max?: number;
+}
+/** A short run of dots, `value` of `max` filled: a score read at a glance. */
+declare function SignalDots({ value, max, className, 'aria-label': ariaLabel, ...props }: SignalDotsProps): React.JSX.Element;
+export interface SignalStripItem {
+    /** The signal's name, such as "Proven". */
+    label: React.ReactNode;
+    /** Filled dots. Leave out, or pass null, for a signal that has no score. */
+    value?: number | null;
+    max?: number;
+    /** The short reading beside the dots, such as "Strong". */
+    note?: React.ReactNode;
+    /** The line behind the reading. Shown only in the `detail` layout. */
+    description?: React.ReactNode;
+    /** Accessible name for the dots when "n of max" is not enough. */
+    dotsLabel?: string;
+}
+export interface SignalStripProps extends Omit<React.ComponentProps<'dl'>, 'children'> {
+    items: readonly SignalStripItem[];
+    /**
+     * `inline` wraps the signals in one line; `stacked` aligns them as rows of
+     * label, dots and note; `detail` adds each signal's description under it.
+     */
+    layout?: 'inline' | 'stacked' | 'detail';
+}
+/** A few named signals, each a label, its dots and a short note. */
+declare function SignalStrip({ items, layout, className, ...props }: SignalStripProps): React.JSX.Element;
+export { SignalDots, SignalStrip };
+//# sourceMappingURL=signal-strip.d.ts.map

package/dist/components/signal-strip/signal-strip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"signal-strip.d.ts","sourceRoot":"","sources":["../../../src/components/signal-strip/signal-strip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAC5B,UAAU,CACX;IACC,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,8EAA8E;AAC9E,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,GAAO,EACP,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,eAAe,qBAuBjB;AAED,MAAM,WAAW,eAAe;IAC9B,2CAA2C;IAC3C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,2DAA2D;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,sEAAsE;IACtE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAC1B,UAAU,CACX;IACC,KAAK,EAAE,SAAS,eAAe,EAAE,CAAA;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAA;CACzC;AAED,oEAAoE;AACpE,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,MAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,qBA6FlB;AAED,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/signal-strip/signal-strip.js

@@ -0,0 +1,84 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/signal-strip/signal-strip.tsx
+function r({ value: n, max: r = 5, className: i, "aria-label": a, ...o }) {
+	let s = Math.max(0, Math.min(r, Math.round(n)));
+	return /* @__PURE__ */ t("span", {
+		"data-slot": "signal-dots",
+		role: "img",
+		"aria-label": a ?? `${s} of ${r}`,
+		className: e("flex items-center gap-[3px]", i),
+		...o,
+		children: Array.from({ length: r }, (n, r) => /* @__PURE__ */ t("span", {
+			"data-slot": "signal-dot",
+			"data-filled": r < s ? "" : void 0,
+			className: e("size-1.5 rounded-full", r < s ? "bg-primary" : "bg-surface-muted")
+		}, r))
+	});
+}
+function i({ items: i, layout: a = "inline", className: o, ...s }) {
+	let c = (e) => e.value == null ? null : /* @__PURE__ */ t(r, {
+		value: e.value,
+		max: e.max,
+		"aria-label": e.dotsLabel
+	});
+	return a === "detail" ? /* @__PURE__ */ t("dl", {
+		"data-slot": "signal-strip",
+		"data-layout": a,
+		className: e("flex flex-col gap-3", o),
+		...s,
+		children: i.map((e, r) => /* @__PURE__ */ n("div", {
+			"data-slot": "signal-strip-item",
+			className: "grid grid-cols-[96px_minmax(0,1fr)] gap-x-3",
+			children: [/* @__PURE__ */ t("dt", {
+				className: "type-meta pt-0.5 text-muted-foreground",
+				children: e.label
+			}), /* @__PURE__ */ n("dd", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ n("p", {
+					className: "type-body flex items-center gap-2",
+					children: [c(e), e.note]
+				}), e.description ? /* @__PURE__ */ t("p", {
+					className: "type-meta mt-0.5 text-muted-foreground",
+					children: e.description
+				}) : null]
+			})]
+		}, r))
+	}) : a === "stacked" ? /* @__PURE__ */ t("dl", {
+		"data-slot": "signal-strip",
+		"data-layout": a,
+		className: e("type-meta grid grid-cols-[max-content_max-content_minmax(0,1fr)] items-center gap-x-2 gap-y-1 text-muted-foreground", o),
+		...s,
+		children: i.map((e, r) => /* @__PURE__ */ n("div", {
+			"data-slot": "signal-strip-item",
+			className: "contents",
+			children: [
+				/* @__PURE__ */ t("dt", { children: e.label }),
+				/* @__PURE__ */ t("dd", { children: c(e) }),
+				/* @__PURE__ */ t("dd", {
+					className: "truncate text-foreground",
+					children: e.note
+				})
+			]
+		}, r))
+	}) : /* @__PURE__ */ t("dl", {
+		"data-slot": "signal-strip",
+		"data-layout": a,
+		className: e("type-meta flex flex-wrap gap-x-5 gap-y-1.5 text-muted-foreground", o),
+		...s,
+		children: i.map((e, r) => /* @__PURE__ */ n("div", {
+			"data-slot": "signal-strip-item",
+			className: "flex items-center gap-1.5",
+			children: [/* @__PURE__ */ t("dt", { children: e.label }), /* @__PURE__ */ n("dd", {
+				className: "flex items-center gap-1.5 text-foreground",
+				children: [c(e), e.note ? /* @__PURE__ */ t("span", {
+					className: "font-normal",
+					children: e.note
+				}) : null]
+			})]
+		}, r))
+	});
+}
+//#endregion
+export { r as SignalDots, i as SignalStrip };

package/dist/components/source-avatar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './source-avatar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/source-avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/source-avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/components/source-avatar/source-avatar.d.ts

@@ -0,0 +1,16 @@
+import { PlatformAvatarProps } from '../platform-avatar/platform-avatar';
+type SourceAvatarProps = Omit<PlatformAvatarProps, 'fit'> & {
+    /**
+     * `photo` for a person or account (a round photo, or their initial); `logo` for a
+     * company or site mark, inset on the card surface with a hairline ring.
+     */
+    variant?: 'photo' | 'logo';
+};
+/**
+ * Who an item came from, as a small face beside its meta line: an account's photo,
+ * a company's logo, or an initial when there is neither. Built on PlatformAvatar,
+ * so it can also carry the platform it came from.
+ */
+declare function SourceAvatar({ variant, size, className, ...props }: SourceAvatarProps): import("react").JSX.Element;
+export { SourceAvatar, type SourceAvatarProps };
+//# sourceMappingURL=source-avatar.d.ts.map

package/dist/components/source-avatar/source-avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-avatar.d.ts","sourceRoot":"","sources":["../../../src/components/source-avatar/source-avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,oCAAoC,CAAA;AAE3C,KAAK,iBAAiB,GAAG,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,GAAG;IAC1D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED;;;;GAIG;AACH,iBAAS,YAAY,CAAC,EACpB,OAAiB,EACjB,IAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,+BAUnB;AAED,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAA"}

package/dist/components/source-avatar/source-avatar.js

@@ -0,0 +1,15 @@
+import { cn as e } from "../../lib/utils.js";
+import { PlatformAvatar as t } from "../platform-avatar/platform-avatar.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/source-avatar/source-avatar.tsx
+function r({ variant: r = "photo", size: i = 20, className: a, ...o }) {
+	return /* @__PURE__ */ n(t, {
+		"data-source-variant": r,
+		size: i,
+		fit: r === "logo" ? "contain" : "cover",
+		className: e(a),
+		...o
+	});
+}
+//#endregion
+export { r as SourceAvatar };

package/dist/components/stacked-bar-chart/index.d.ts

@@ -0,0 +1,2 @@
+export * from './stacked-bar-chart';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/stacked-bar-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/stacked-bar-chart/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

package/dist/components/stacked-bar-chart/stacked-bar-chart.d.ts

@@ -0,0 +1,80 @@
+import * as React from 'react';
+export interface StackedBarChartSeries {
+    /** The key of this series in each datum's `values`. */
+    key: string;
+    /** The series' name, on its toggle and in the tooltip. */
+    label: string;
+    /** Any CSS color, such as `var(--area-social)`. Its 12% tint fills the pressed toggle. */
+    color: string;
+    /**
+     * The pressed toggle's text color, for a `color` under 4.5:1 on its own
+     * tint, such as `var(--area-social-foreground)`. Defaults to `color`.
+     */
+    foreground?: string;
+    /**
+     * The pressed toggle's background, such as `var(--area-social-soft)`.
+     * Defaults to a 12% tint of `color`.
+     */
+    tint?: string;
+    /** A small mark on the series' toggle. */
+    icon?: React.ReactNode;
+}
+export interface StackedBarChartDatum {
+    /** The axis label, such as "Nov 3". */
+    label: string;
+    /** The tooltip's heading. Defaults to `label`. */
+    tooltipLabel?: React.ReactNode;
+    /** Draws the day's bars faded, for a count still coming in. */
+    partial?: boolean;
+    /** One number per series key. Null, or a missing key, means no count that day. */
+    values: Readonly<Partial<Record<string, number | null>>>;
+}
+export interface StackedBarChartMetric {
+    /** The metric's id, used by `metric` and `onMetricChange`. */
+    value: string;
+    /** The metric's name on the switch, such as "Followers". */
+    label: React.ReactNode;
+    /** The chart's title while this metric shows. Falls back to the chart's `title`. */
+    title?: React.ReactNode;
+    /** The chart's accessible name while this metric shows. */
+    ariaLabel?: string;
+    data: readonly StackedBarChartDatum[];
+    /** Formats a value in the tooltip. */
+    formatValue?: (value: number) => string;
+    /** Formats a y-axis tick. */
+    formatTick?: (value: number) => string;
+}
+export interface StackedBarChartProps extends Omit<React.ComponentProps<'div'>, 'children' | 'title'> {
+    series: readonly StackedBarChartSeries[];
+    /** One or more metrics on the same days. Two or more show a switch. */
+    metrics: readonly StackedBarChartMetric[];
+    title?: React.ReactNode;
+    metric?: string;
+    defaultMetric?: string;
+    onMetricChange?: (metric: string) => void;
+    /** Keys of the series switched off. */
+    hiddenSeries?: readonly string[];
+    defaultHiddenSeries?: readonly string[];
+    onHiddenSeriesChange?: (keys: string[]) => void;
+    /**
+     * `section` is a page section: a section title, the switches, then a tall
+     * chart. `card` is a bordered card with a small title, a shorter chart with
+     * thin bars, and the switches under it.
+     */
+    variant?: 'section' | 'card';
+    /** The plot's height in pixels. Defaults to 300 for a section, 220 for a card. */
+    height?: number;
+    /**
+     * Label every nth day, counted back from the last. Defaults to every day for
+     * ten days or fewer, otherwise every seventh.
+     */
+    labelEvery?: number;
+}
+/**
+ * Bars per day, stacked by series, on Blaze UI's Chart. Gains stack up from
+ * zero and losses down from it. Series switch on and off from their toggles,
+ * and a metric switch changes what the bars count.
+ */
+declare function StackedBarChart({ series, metrics, title, metric: metricProp, defaultMetric, onMetricChange, hiddenSeries: hiddenProp, defaultHiddenSeries, onHiddenSeriesChange, variant, height, labelEvery, className, ...props }: StackedBarChartProps): React.JSX.Element;
+export { StackedBarChart };
+//# sourceMappingURL=stacked-bar-chart.d.ts.map

package/dist/components/stacked-bar-chart/stacked-bar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stacked-bar-chart.d.ts","sourceRoot":"","sources":["../../../src/components/stacked-bar-chart/stacked-bar-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoB9B,MAAM,WAAW,qBAAqB;IACpC,uDAAuD;IACvD,GAAG,EAAE,MAAM,CAAA;IACX,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAA;IACb,0FAA0F;IAC1F,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,MAAM,WAAW,oBAAoB;IACnC,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kFAAkF;IAClF,MAAM,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;CACzD;AAED,MAAM,WAAW,qBAAqB;IACpC,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,oFAAoF;IACpF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,SAAS,oBAAoB,EAAE,CAAA;IACrC,sCAAsC;IACtC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,6BAA6B;IAC7B,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACvC;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,UAAU,GAAG,OAAO,CACrB;IACC,MAAM,EAAE,SAAS,qBAAqB,EAAE,CAAA;IACxC,uEAAuE;IACvE,OAAO,EAAE,SAAS,qBAAqB,EAAE,CAAA;IACzC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,uCAAuC;IACvC,YAAY,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAChC,mBAAmB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IACvC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC/C;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,kFAAkF;IAClF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AA4CD;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EACvB,MAAM,EACN,OAAO,EACP,KAAK,EACL,MAAM,EAAE,UAAU,EAClB,aAAa,EACb,cAAc,EACd,YAAY,EAAE,UAAU,EACxB,mBAAwB,EACxB,oBAAoB,EACpB,OAAmB,EACnB,MAAM,EACN,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,qBAqRtB;AAED,OAAO,EAAE,eAAe,EAAE,CAAA"}