@almanaclabs/blaze-ui 0.10.0 → 0.12.0

package/dist/components/page-header/page-header.js

@@ -0,0 +1,38 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/page-header/page-header.tsx
+function r({ title: r, subtitle: i, eyebrow: a, actions: o, display: s = !1, className: c, ...l }) {
+	return /* @__PURE__ */ n("header", {
+		"data-slot": "page-header",
+		className: e("flex items-start justify-between gap-6", c),
+		...l,
+		children: [/* @__PURE__ */ n("div", {
+			"data-slot": "page-header-content",
+			className: "min-w-0",
+			children: [
+				a ? /* @__PURE__ */ t("p", {
+					"data-slot": "page-header-eyebrow",
+					className: "type-meta mb-1.5 font-medium text-muted-foreground",
+					children: a
+				}) : null,
+				/* @__PURE__ */ t("h1", {
+					"data-slot": "page-header-title",
+					className: s ? "type-display-title" : "type-page-title",
+					children: r
+				}),
+				i ? /* @__PURE__ */ t("p", {
+					"data-slot": "page-header-subtitle",
+					className: "type-lead mt-2 max-w-[760px] text-muted-foreground",
+					children: i
+				}) : null
+			]
+		}), o ? /* @__PURE__ */ t("div", {
+			"data-slot": "page-header-actions",
+			className: "flex flex-none items-center gap-2",
+			children: o
+		}) : null]
+	});
+}
+//#endregion
+export { r as PageHeader };

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { Avatar } from '../avatar';
+import { Platform } from '../platform-icon/platform-icon';
+import * as React from 'react';
+type PlatformAvatarProps = Omit<React.ComponentProps<typeof Avatar>, 'size' | 'children' | 'style'> & {
+    style?: React.CSSProperties;
+    /** Profile photo. Without one, or while it loads, the first letter of `name` shows. */
+    src?: string | null;
+    /** Account or person name; its first letter is the fallback. A leading @ is skipped. */
+    name?: string;
+    /** Text alternative for the photo. Empty by default, since a name usually sits beside it. */
+    alt?: string;
+    /** Diameter in pixels. The scorecard uses 18, 20, 24, 26 and 32. */
+    size?: number;
+    /** Shows the platform's mark in a small badge at the bottom-right corner. */
+    platform?: Platform;
+    /** Names the badge's platform for assistive tech when no visible text says it. */
+    platformLabel?: string | boolean;
+    /** `cover` fills the circle with a photo; `contain` insets a logo on the card surface with a hairline ring. */
+    fit?: 'cover' | 'contain';
+};
+declare function PlatformAvatar({ src, name, alt, size, platform, platformLabel, fit, className, style, ...props }: PlatformAvatarProps): React.JSX.Element;
+export { PlatformAvatar, type PlatformAvatarProps };
+//# sourceMappingURL=platform-avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"platform-avatar.d.ts","sourceRoot":"","sources":["../../../src/components/platform-avatar/platform-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,MAAM,EAA+B,MAAM,WAAW,CAAA;AAC/D,OAAO,EAGL,KAAK,QAAQ,EACd,MAAM,gCAAgC,CAAA;AAEvC,KAAK,mBAAmB,GAAG,IAAI,CAC7B,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EACnC,MAAM,GAAG,UAAU,GAAG,OAAO,CAC9B,GAAG;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,uFAAuF;IACvF,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,wFAAwF;IACxF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6FAA6F;IAC7F,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,kFAAkF;IAClF,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAChC,+GAA+G;IAC/G,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC1B,CAAA;AAWD,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,IAAI,EACJ,GAAQ,EACR,IAAS,EACT,QAAQ,EACR,aAAa,EACb,GAAa,EACb,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAkDrB;AAED,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,CAAA"}

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

@@ -0,0 +1,54 @@
+import { cn as e } from "../../lib/utils.js";
+import { Avatar as t, AvatarFallback as n, AvatarImage as r } from "../avatar/avatar.js";
+import { PLATFORM_LABEL as i, PlatformIcon as a } from "../platform-icon/platform-icon.js";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/platform-avatar/platform-avatar.tsx
+function c(e) {
+	return (e ?? "").replace(/^@/, "").charAt(0).toUpperCase();
+}
+function l(e) {
+	return Math.max(10, Math.round(e * .45));
+}
+function u({ src: u, name: d, alt: f = "", size: p = 24, platform: m, platformLabel: h, fit: g = "cover", className: _, style: v, ...y }) {
+	let b = l(p), x = m && h ? typeof h == "string" ? h : i[m] : void 0;
+	return /* @__PURE__ */ s(t, {
+		"data-platform": m,
+		"data-fit": g,
+		className: e("bg-surface-subtle after:hidden", g === "contain" && "bg-card ring-1 ring-border-subtle", _),
+		style: {
+			width: p,
+			height: p,
+			"--platform-avatar-size": `${p}px`,
+			...v
+		},
+		...y,
+		children: [
+			u ? /* @__PURE__ */ o(r, {
+				src: u,
+				alt: f,
+				className: e(g === "contain" && "bg-card object-contain p-0.5")
+			}) : null,
+			/* @__PURE__ */ o(n, {
+				"aria-hidden": "true",
+				className: "bg-surface-subtle font-medium text-muted-foreground text-[length:calc(var(--platform-avatar-size)*0.45)]",
+				children: c(d)
+			}),
+			m ? /* @__PURE__ */ o("span", {
+				"data-slot": "platform-avatar-badge",
+				className: "absolute -right-0.5 -bottom-0.5 z-10 flex items-center justify-center rounded-full bg-card ring-2 ring-card",
+				style: {
+					width: b,
+					height: b
+				},
+				children: /* @__PURE__ */ o(a, {
+					platform: m,
+					size: b - 2,
+					title: x
+				})
+			}) : null
+		]
+	});
+}
+//#endregion
+export { u as PlatformAvatar };

package/dist/components/platform-icon/index.d.ts

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

package/dist/components/platform-icon/index.d.ts.map

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

package/dist/components/platform-icon/platform-icon.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+type Platform = 'x' | 'threads' | 'instagram' | 'facebook' | 'bluesky' | 'linkedin' | 'tiktok' | 'youtube' | 'google' | 'beehiiv' | 'reddit' | 'gmail' | 'outlook' | 'microsoft' | 'email' | 'phone';
+declare const PLATFORMS: readonly Platform[];
+declare const PLATFORM_COLOR: Record<Platform, string>;
+declare const PLATFORM_LABEL: Record<Platform, string>;
+type BrandIconProps = Omit<React.SVGProps<SVGSVGElement>, 'ref' | 'stroke'> & {
+    size?: number | string;
+    stroke?: number | string;
+    title?: string;
+};
+type BrandIcon = React.ForwardRefExoticComponent<BrandIconProps & React.RefAttributes<SVGSVGElement>>;
+declare const BrandX: BrandIcon;
+declare const BrandThreads: BrandIcon;
+declare const BrandFacebook: BrandIcon;
+declare const BrandLinkedin: BrandIcon;
+declare const BrandTiktok: BrandIcon;
+declare const BrandYoutube: BrandIcon;
+declare const BrandReddit: BrandIcon;
+declare const BrandBluesky: BrandIcon;
+declare const BrandInstagram: BrandIcon;
+declare const BrandGoogle: BrandIcon;
+declare const BrandBeehiiv: BrandIcon;
+declare const BrandGmail: BrandIcon;
+declare const BrandOutlook: BrandIcon;
+declare const BrandMicrosoft: BrandIcon;
+declare const BrandEmail: BrandIcon;
+declare const BrandPhone: BrandIcon;
+declare const PLATFORM_ICON: Record<Platform, BrandIcon>;
+type PlatformIconProps = Omit<BrandIconProps, 'size'> & {
+    platform: Platform;
+    /** Rendered width and height in pixels. */
+    size?: number;
+    /** Names the mark for assistive tech; omit when a visible label says the platform. */
+    title?: string;
+};
+declare function PlatformIcon({ platform, size, className, style, ...props }: PlatformIconProps): React.JSX.Element;
+export { PlatformIcon, PLATFORMS, PLATFORM_COLOR, PLATFORM_ICON, PLATFORM_LABEL, BrandX, BrandThreads, BrandInstagram, BrandFacebook, BrandBluesky, BrandLinkedin, BrandTiktok, BrandYoutube, BrandGoogle, BrandBeehiiv, BrandReddit, BrandGmail, BrandOutlook, BrandMicrosoft, BrandEmail, BrandPhone, type BrandIcon, type BrandIconProps, type Platform, type PlatformIconProps, };
+//# sourceMappingURL=platform-icon.d.ts.map

package/dist/components/platform-icon/platform-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform-icon.d.ts","sourceRoot":"","sources":["../../../src/components/platform-icon/platform-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAyB9B,KAAK,QAAQ,GACT,GAAG,GACH,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,UAAU,GACV,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,SAAS,GACT,WAAW,GACX,OAAO,GACP,OAAO,CAAA;AAEX,QAAA,MAAM,SAAS,EAAE,SAAS,QAAQ,EAiBjC,CAAA;AAID,QAAA,MAAM,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAiB5C,CAAA;AAED,QAAA,MAAM,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAiB5C,CAAA;AAMD,KAAK,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,GAAG;IAC5E,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,KAAK,SAAS,GAAG,KAAK,CAAC,yBAAyB,CAC9C,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CACpD,CAAA;AAqCD,QAAA,MAAM,MAAM,WAAkD,CAAA;AAC9D,QAAA,MAAM,YAAY,WAA8D,CAAA;AAChF,QAAA,MAAM,aAAa,WAIlB,CAAA;AACD,QAAA,MAAM,aAAa,WAIlB,CAAA;AACD,QAAA,MAAM,WAAW,WAIhB,CAAA;AACD,QAAA,MAAM,YAAY,WAIjB,CAAA;AACD,QAAA,MAAM,WAAW,WAA2D,CAAA;AAE5E,QAAA,MAAM,YAAY,WAKjB,CAAA;AAmCD,QAAA,MAAM,cAAc,WAgBlB,CAAA;AAGF,QAAA,MAAM,WAAW,WAmBf,CAAA;AAGF,QAAA,MAAM,YAAY,WAYhB,CAAA;AAGF,QAAA,MAAM,UAAU,WAcd,CAAA;AAGF,QAAA,MAAM,YAAY,WA4BhB,CAAA;AAGF,QAAA,MAAM,cAAc,WAOlB,CAAA;AAGF,QAAA,MAAM,UAAU,WAAkD,CAAA;AAClE,QAAA,MAAM,UAAU,WAAmD,CAAA;AAEnE,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,SAAS,CAiB9C,CAAA;AAED,KAAK,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG;IACtD,QAAQ,EAAE,QAAQ,CAAA;IAClB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,IAAS,EACT,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAanB;AAED,OAAO,EACL,YAAY,EACZ,SAAS,EACT,cAAc,EACd,aAAa,EACb,cAAc,EACd,MAAM,EACN,YAAY,EACZ,cAAc,EACd,aAAa,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,EACZ,cAAc,EACd,UAAU,EACV,UAAU,EACV,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,KAAK,iBAAiB,GACvB,CAAA"}

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

@@ -0,0 +1,272 @@
+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, IconMail as p, IconPhone as m } from "@tabler/icons-react";
+//#region src/components/platform-icon/platform-icon.tsx
+var h = [
+	"x",
+	"threads",
+	"instagram",
+	"facebook",
+	"bluesky",
+	"linkedin",
+	"tiktok",
+	"youtube",
+	"google",
+	"beehiiv",
+	"reddit",
+	"gmail",
+	"outlook",
+	"microsoft",
+	"email",
+	"phone"
+], g = "var(--foreground, #000000)", _ = {
+	x: g,
+	threads: g,
+	instagram: "#E1306C",
+	facebook: "#1877F2",
+	bluesky: "#1185FE",
+	linkedin: "#0A66C2",
+	tiktok: g,
+	youtube: "#FF0000",
+	google: "#4285F4",
+	beehiiv: "#FFC300",
+	reddit: "#FF4500",
+	gmail: "#EA4335",
+	outlook: "#0078D4",
+	microsoft: "#00A4EF",
+	email: g,
+	phone: g
+}, v = {
+	x: "X",
+	threads: "Threads",
+	instagram: "Instagram",
+	facebook: "Facebook",
+	bluesky: "Bluesky",
+	linkedin: "LinkedIn",
+	tiktok: "TikTok",
+	youtube: "YouTube",
+	google: "Google",
+	beehiiv: "beehiiv",
+	reddit: "Reddit",
+	gmail: "Gmail",
+	outlook: "Outlook",
+	microsoft: "Microsoft",
+	email: "Email",
+	phone: "Phone"
+};
+function y(e) {
+	return e ? {
+		role: "img",
+		"aria-label": e
+	} : { "aria-hidden": !0 };
+}
+function b(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 } : {},
+		...y(t),
+		...s,
+		style: {
+			...e,
+			color: n
+		}
+	}));
+	return s.displayName = `Brand${i}`, s;
+}
+var x = b(d, _.x, "X"), S = b(l, _.threads, "Threads"), C = b(o, _.facebook, "Facebook"), w = b(s, _.linkedin, "Linkedin"), T = b(u, _.tiktok, "Tiktok"), E = b(f, _.youtube, "Youtube"), D = b(c, _.reddit, "Reddit"), O = b(a, _.bluesky, "Bluesky", _.bluesky);
+function k(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,
+			...y(o),
+			...l,
+			children: i(d)
+		});
+	});
+	return a.displayName = `Brand${e}`, a;
+}
+var A = k("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"
+})] })), j = k("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"
+	})
+] })), M = k("Beehiiv", "0 0 24 24", () => /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("rect", {
+	x: "2",
+	y: "2",
+	width: "20",
+	height: "20",
+	rx: "5",
+	fill: _.beehiiv
+}), /* @__PURE__ */ r("path", {
+	fill: "#111111",
+	d: "M12 6.5l4.76 2.75v5.5L12 17.5l-4.76-2.75v-5.5z"
+})] })), N = k("Gmail", "-2 -7 56 56", () => /* @__PURE__ */ i(n, { children: [
+	/* @__PURE__ */ r("path", {
+		fill: "#4285F4",
+		d: "M3.5 42h8V22.6L0 13.9v24.6C0 40.4 1.6 42 3.5 42z"
+	}),
+	/* @__PURE__ */ r("path", {
+		fill: "#34A853",
+		d: "M40.5 42h8c1.9 0 3.5-1.6 3.5-3.5V13.9l-11.5 8.6z"
+	}),
+	/* @__PURE__ */ r("path", {
+		fill: "#FBBC04",
+		d: "M40.5 7.6v14.9L52 13.9V9.3c0-4.3-4.9-6.7-8.3-4.2z"
+	}),
+	/* @__PURE__ */ r("path", {
+		fill: "#EA4335",
+		d: "M11.5 22.6V7.6L26 18.5l14.5-10.9v14.9L26 33.4z"
+	}),
+	/* @__PURE__ */ r("path", {
+		fill: "#C5221F",
+		d: "M0 9.3v4.6l11.5 8.6V7.6L8.3 5.2C4.9 2.6 0 5.1 0 9.3z"
+	})
+] })), P = k("Outlook", "0 0 24 24", () => /* @__PURE__ */ i(n, { children: [
+	/* @__PURE__ */ r("rect", {
+		x: "8",
+		y: "5",
+		width: "14",
+		height: "14",
+		rx: "2",
+		fill: "#28A8EA"
+	}),
+	/* @__PURE__ */ r("path", {
+		d: "M8.5 8.5l6.75 4.5 6.25-4.5",
+		fill: "none",
+		stroke: "#FFFFFF",
+		strokeWidth: "1.2",
+		strokeLinejoin: "round"
+	}),
+	/* @__PURE__ */ r("rect", {
+		x: "2",
+		y: "3",
+		width: "12",
+		height: "18",
+		rx: "2",
+		fill: _.outlook
+	}),
+	/* @__PURE__ */ r("ellipse", {
+		cx: "8",
+		cy: "12",
+		rx: "2.9",
+		ry: "3.6",
+		fill: "none",
+		stroke: "#FFFFFF",
+		strokeWidth: "1.8"
+	})
+] })), F = k("Microsoft", "0 0 24 24", () => /* @__PURE__ */ i(n, { children: [
+	/* @__PURE__ */ r("rect", {
+		x: "2.5",
+		y: "2.5",
+		width: "9",
+		height: "9",
+		fill: "#F25022"
+	}),
+	/* @__PURE__ */ r("rect", {
+		x: "12.5",
+		y: "2.5",
+		width: "9",
+		height: "9",
+		fill: "#7FBA00"
+	}),
+	/* @__PURE__ */ r("rect", {
+		x: "2.5",
+		y: "12.5",
+		width: "9",
+		height: "9",
+		fill: "#00A4EF"
+	}),
+	/* @__PURE__ */ r("rect", {
+		x: "12.5",
+		y: "12.5",
+		width: "9",
+		height: "9",
+		fill: "#FFB900"
+	})
+] })), I = b(p, _.email, "Email"), L = b(m, _.phone, "Phone"), R = {
+	x,
+	threads: S,
+	instagram: A,
+	facebook: C,
+	bluesky: O,
+	linkedin: w,
+	tiktok: T,
+	youtube: E,
+	google: j,
+	beehiiv: M,
+	reddit: D,
+	gmail: N,
+	outlook: P,
+	microsoft: F,
+	email: I,
+	phone: L
+};
+function z({ platform: t, size: n = 16, className: i, style: a, ...o }) {
+	let s = R[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 { M as BrandBeehiiv, O as BrandBluesky, I as BrandEmail, C as BrandFacebook, N as BrandGmail, j as BrandGoogle, A as BrandInstagram, w as BrandLinkedin, F as BrandMicrosoft, P as BrandOutlook, L as BrandPhone, D as BrandReddit, S as BrandThreads, T as BrandTiktok, x as BrandX, E as BrandYoutube, h as PLATFORMS, _ as PLATFORM_COLOR, R as PLATFORM_ICON, v as PLATFORM_LABEL, z 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"}