@almanaclabs/blaze-ui 0.11.0 → 0.13.0

package/dist/components/app-shell/app-shell.d.ts

@@ -58,12 +58,21 @@ type AppSidebarProps = Omit<React.ComponentProps<'aside'>, 'onSelect'> & {
     onNavigate?: (item: AppSidebarItem) => void;
     /** The navigation landmark's name. */
     navLabel?: string;
+    /**
+     * Renders a row that has an `href`, for a router's own link (an Inertia or Next `Link`, say). Return the element
+     * with its `href` set; the row merges its classes, state and click handler onto it. Defaults to a plain `<a>`.
+     */
+    renderLink?: AppSidebarRenderLink;
 };
+/** Builds the link element for a sidebar row with an `href`. */
+type AppSidebarRenderLink = (item: AppSidebarItem & {
+    href: string;
+}) => React.ReactElement;
 /**
  * The application's left navigation: a workspace switcher, a plain "New" row, labelled sections of destinations with
  * optional counts, and a group pinned to the bottom. The current destination is the raised white row.
  */
-declare function AppSidebar({ workspace, newItem, sections, bottomItems, activeId, onNavigate, navLabel, className, ...props }: AppSidebarProps): React.JSX.Element;
+declare function AppSidebar({ workspace, newItem, sections, bottomItems, activeId, onNavigate, navLabel, renderLink, className, ...props }: AppSidebarProps): React.JSX.Element;
 type AppSidebarWorkspaceProps = {
     /** The workspace or business name. */
     name: string;
@@ -77,5 +86,5 @@ type AppSidebarWorkspaceProps = {
 };
 /** The workspace switcher at the top of `AppSidebar`: the logo and name, opening a menu. */
 declare function AppSidebarWorkspace({ name, logo, children, triggerLabel, className, }: AppSidebarWorkspaceProps): React.JSX.Element;
-export { AppShell, AppSidebar, AppSidebarWorkspace, AppTopBar, type AppShellProps, type AppSidebarIcon, type AppSidebarItem, type AppSidebarProps, type AppSidebarSection, type AppSidebarWorkspaceProps, type AppTopBarProps, };
+export { AppShell, AppSidebar, AppSidebarWorkspace, AppTopBar, type AppShellProps, type AppSidebarIcon, type AppSidebarItem, type AppSidebarProps, type AppSidebarRenderLink, type AppSidebarSection, type AppSidebarWorkspaceProps, type AppTopBarProps, };
 //# sourceMappingURL=app-shell.d.ts.map

package/dist/components/app-shell/app-shell.d.ts.map

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

package/dist/components/app-shell/app-shell.js

@@ -38,26 +38,30 @@ function v({ end: t, className: n, children: r, ...i }) {
 		}) : null]
 	});
 }
-function y({ item: e, active: t, onNavigate: n }) {
-	let r = e.icon;
+var y = (e) => /* @__PURE__ */ p("a", { href: e.href });
+function b({ item: e, active: t, onNavigate: n, renderLink: r }) {
+	let i = e.icon, a = () => {
+		e.onSelect?.(), n?.(e);
+	};
 	return /* @__PURE__ */ m(d, {
 		"data-slot": "app-sidebar-item",
 		children: [/* @__PURE__ */ m(u, {
 			variant: "raised",
 			isActive: t,
 			"aria-current": t ? "page" : void 0,
-			render: e.href ? /* @__PURE__ */ p("a", { href: e.href }) : void 0,
-			onClick: () => {
-				e.onSelect?.(), n?.(e);
-			},
-			children: [r ? /* @__PURE__ */ p(r, { "aria-hidden": "true" }) : null, /* @__PURE__ */ p("span", { children: e.label })]
+			render: e.href ? r({
+				...e,
+				href: e.href
+			}) : void 0,
+			onClick: a,
+			children: [i ? /* @__PURE__ */ p(i, { "aria-hidden": "true" }) : null, /* @__PURE__ */ p("span", { children: e.label })]
 		}), e.count ? /* @__PURE__ */ p(l, {
 			className: "top-1.5 rounded-full bg-primary/10 font-semibold text-primary",
 			children: e.count
 		}) : null]
 	});
 }
-function b({ label: e, children: t }) {
+function x({ label: e, children: t }) {
 	return /* @__PURE__ */ m(a, {
 		className: "p-0",
 		children: [e ? /* @__PURE__ */ p(s, {
@@ -69,19 +73,20 @@ function b({ label: e, children: t }) {
 		}) })]
 	});
 }
-function x({ workspace: t, newItem: n, sections: r, bottomItems: i, activeId: a, onNavigate: o, navLabel: s = "Workspace", className: c, ...l }) {
-	let u = (e) => /* @__PURE__ */ p(y, {
+function S({ workspace: t, newItem: n, sections: r, bottomItems: i, activeId: a, onNavigate: o, navLabel: s = "Workspace", renderLink: c = y, className: l, ...u }) {
+	let d = (e) => /* @__PURE__ */ p(b, {
 		item: e,
 		active: e.id === a,
-		onNavigate: o
-	}, e.id), d = n ? u({
+		onNavigate: o,
+		renderLink: c
+	}, e.id), h = n ? d({
 		...n,
 		icon: n.icon ?? g
-	}) : null, [h, ..._] = r, v = !!(d && h && !h.label);
+	}) : null, [_, ...v] = r, S = !!(h && _ && !_.label);
 	return /* @__PURE__ */ p("aside", {
 		"data-slot": "app-sidebar",
-		className: e("sticky top-0 row-span-2 flex h-screen flex-col self-start overflow-y-auto pt-2.5 pb-3", c),
-		...l,
+		className: e("sticky top-0 row-span-2 flex h-screen flex-col self-start overflow-y-auto pt-2.5 pb-3", l),
+		...u,
 		children: /* @__PURE__ */ m(f, {
 			className: "contents",
 			children: [
@@ -90,27 +95,27 @@ function x({ workspace: t, newItem: n, sections: r, bottomItems: i, activeId: a,
 					"aria-label": s,
 					className: "flex flex-col gap-4",
 					children: [
-						d && !v ? /* @__PURE__ */ p(b, { children: d }) : null,
-						h ? /* @__PURE__ */ m(b, {
-							label: h.label,
-							children: [v ? d : null, h.items.map(u)]
-						}, h.id) : null,
-						_.map((e) => /* @__PURE__ */ p(b, {
+						h && !S ? /* @__PURE__ */ p(x, { children: h }) : null,
+						_ ? /* @__PURE__ */ m(x, {
+							label: _.label,
+							children: [S ? h : null, _.items.map(d)]
+						}, _.id) : null,
+						v.map((e) => /* @__PURE__ */ p(x, {
 							label: e.label,
-							children: e.items.map(u)
+							children: e.items.map(d)
 						}, e.id))
 					]
 				}),
 				i?.length ? /* @__PURE__ */ p("div", {
 					"data-slot": "app-sidebar-bottom",
 					className: "mt-auto pt-4",
-					children: /* @__PURE__ */ p(b, { children: i.map(u) })
+					children: /* @__PURE__ */ p(x, { children: i.map(d) })
 				}) : null
 			]
 		})
 	});
 }
-function S({ name: a, logo: o, children: s, triggerLabel: c, className: l }) {
+function C({ name: a, logo: o, children: s, triggerLabel: c, className: l }) {
 	return /* @__PURE__ */ m(n, { children: [/* @__PURE__ */ m(i, {
 		render: /* @__PURE__ */ p(t, {
 			type: "button",
@@ -141,4 +146,4 @@ function S({ name: a, logo: o, children: s, triggerLabel: c, className: l }) {
 	}) : null] });
 }
 //#endregion
-export { _ as AppShell, x as AppSidebar, S as AppSidebarWorkspace, v as AppTopBar };
+export { _ as AppShell, S as AppSidebar, C as AppSidebarWorkspace, v as AppTopBar };

package/dist/components/approval-card/approval-card.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+type ApprovalCardProps = Omit<React.ComponentProps<'article'>, 'title'> & {
+    /** A small line above the title naming where the request comes from. */
+    eyebrow?: React.ReactNode;
+    /** What the owner is asked to do. */
+    title: React.ReactNode;
+    /** One muted line saying why. */
+    description?: React.ReactNode;
+    /** The primary action at the right, usually a `Button`. */
+    action?: React.ReactNode;
+};
+/**
+ * A request waiting for the owner, as in a "For your approval" list: an
+ * eyebrow, a title, one muted line, and the action at the right. `children`
+ * sit under the description, for a preview or extra detail.
+ */
+declare function ApprovalCard({ eyebrow, title, description, action, className, children, ...props }: ApprovalCardProps): React.JSX.Element;
+export { ApprovalCard, type ApprovalCardProps };
+//# sourceMappingURL=approval-card.d.ts.map

package/dist/components/approval-card/approval-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"approval-card.d.ts","sourceRoot":"","sources":["../../../src/components/approval-card/approval-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,GAAG;IACxE,wEAAwE;IACxE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,qCAAqC;IACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,iCAAiC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,2DAA2D;IAC3D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,CAAA;AAED;;;;GAIG;AACH,iBAAS,YAAY,CAAC,EACpB,OAAO,EACP,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAiDnB;AAED,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,CAAA"}

package/dist/components/approval-card/approval-card.js

@@ -0,0 +1,42 @@
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/approval-card/approval-card.tsx
+function i({ eyebrow: i, title: a, description: o, action: s, className: c, children: l, ...u }) {
+	let d = t.useId();
+	return /* @__PURE__ */ r("article", {
+		"data-slot": "approval-card",
+		"aria-labelledby": d,
+		className: e("flex flex-col gap-4 rounded-xl border border-border-subtle bg-card p-4 text-card-foreground sm:flex-row sm:items-center sm:gap-6", c),
+		...u,
+		children: [/* @__PURE__ */ r("div", {
+			"data-slot": "approval-card-content",
+			className: "min-w-0 flex-1",
+			children: [
+				i ? /* @__PURE__ */ n("p", {
+					"data-slot": "approval-card-eyebrow",
+					className: "type-meta text-muted-foreground",
+					children: i
+				}) : null,
+				/* @__PURE__ */ n("h3", {
+					id: d,
+					"data-slot": "approval-card-title",
+					className: "type-item-title font-medium",
+					children: a
+				}),
+				o ? /* @__PURE__ */ n("p", {
+					"data-slot": "approval-card-description",
+					className: "type-body mt-1 text-muted-foreground",
+					children: o
+				}) : null,
+				l
+			]
+		}), s ? /* @__PURE__ */ n("div", {
+			"data-slot": "approval-card-action",
+			className: "flex flex-none items-center gap-2",
+			children: s
+		}) : null]
+	});
+}
+//#endregion
+export { i as ApprovalCard };

package/dist/components/approval-card/index.d.ts

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

package/dist/components/approval-card/index.d.ts.map

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

package/dist/components/filter-chips/filter-chips.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+type FilterChipOption = {
+    value: string;
+    label: React.ReactNode;
+    /** Shown after the label, such as how many rows the filter keeps. */
+    count?: number;
+    disabled?: boolean;
+};
+type FilterChipsProps = Omit<React.ComponentProps<'div'>, 'onChange' | 'defaultValue'> & {
+    options: readonly FilterChipOption[];
+    /** The selected option's value. One option is always selected. */
+    value: string;
+    onValueChange: (value: string) => void;
+    disabled?: boolean;
+};
+/**
+ * A single-select row of rounded filter chips, such as All, Connected and
+ * Email above a list. The selected chip is filled with the foreground color.
+ * Arrow keys move between chips; picking the selected chip again keeps it.
+ */
+declare function FilterChips({ options, value, onValueChange, disabled, className, 'aria-label': ariaLabel, ...props }: FilterChipsProps): React.JSX.Element;
+export { FilterChips, type FilterChipOption, type FilterChipsProps };
+//# sourceMappingURL=filter-chips.d.ts.map

package/dist/components/filter-chips/filter-chips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-chips.d.ts","sourceRoot":"","sources":["../../../src/components/filter-chips/filter-chips.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,gBAAgB,GAAG,IAAI,CAC1B,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,UAAU,GAAG,cAAc,CAC5B,GAAG;IACF,OAAO,EAAE,SAAS,gBAAgB,EAAE,CAAA;IACpC,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED;;;;GAIG;AACH,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,KAAK,EACL,aAAa,EACb,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAoB,EAClC,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAgClB;AAED,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,CAAA"}

package/dist/components/filter-chips/filter-chips.js

@@ -0,0 +1,34 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Toggle as r } from "@base-ui/react/toggle";
+import { ToggleGroup as i } from "@base-ui/react/toggle-group";
+//#region src/components/filter-chips/filter-chips.tsx
+function a({ options: a, value: o, onValueChange: s, disabled: c, className: l, "aria-label": u = "Filter", ...d }) {
+	return /* @__PURE__ */ t(i, {
+		"data-slot": "filter-chips",
+		"aria-label": u,
+		value: [o],
+		onValueChange: (e) => {
+			let t = e[0];
+			t !== void 0 && t !== o && s(t);
+		},
+		disabled: c,
+		className: e("flex flex-wrap items-center gap-2", l),
+		...d,
+		children: a.map((e) => /* @__PURE__ */ n(r, {
+			value: e.value,
+			disabled: e.disabled,
+			"data-slot": "filter-chip",
+			className: "type-body inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-full border border-border bg-card px-3.5 whitespace-nowrap text-muted-foreground transition-colors outline-none hover:bg-surface-subtle hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-pressed:border-foreground data-pressed:bg-foreground data-pressed:text-background",
+			children: [e.label, e.count === void 0 ? null : /* @__PURE__ */ t("span", {
+				"data-slot": "filter-chip-count",
+				className: "opacity-70",
+				children: e.count
+			})]
+		}, e.value))
+	});
+}
+//#endregion
+export { a as FilterChips };

package/dist/components/filter-chips/index.d.ts

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

package/dist/components/filter-chips/index.d.ts.map

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

package/dist/components/item/item.d.ts

@@ -10,7 +10,7 @@ declare const itemVariants: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Item({ className, variant, size, render, ...props }: useRender.ComponentProps<'div'> & VariantProps<typeof itemVariants>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 declare const itemMediaVariants: (props?: ({
-    variant?: "image" | "default" | "icon" | "photo" | null | undefined;
+    variant?: "image" | "default" | "icon" | "photo" | "tile" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
 declare function ItemContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;

package/dist/components/item/item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/item/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAElD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYtE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,qBASxC;AAED,QAAA,MAAM,YAAY;;;8EAoBjB,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,0EAgBrE;AAED,QAAA,MAAM,iBAAiB;;8EAkBtB,CAAA;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,qBAStE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWxE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,OAAO,EACL,IAAI,EACJ,SAAS,EACT,WAAW,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,SAAS,EACT,eAAe,EACf,UAAU,EACV,UAAU,GACX,CAAA"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/item/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAElD,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYtE;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,qBASxC;AAED,QAAA,MAAM,YAAY;;;8EAoBjB,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,0EAgBrE;AAED,QAAA,MAAM,iBAAiB;;8EAoBtB,CAAA;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,qBAStE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWxE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,OAAO,EACL,IAAI,EACJ,SAAS,EACT,WAAW,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,SAAS,EACT,eAAe,EACf,UAAU,EACV,UAAU,GACX,CAAA"}

package/dist/components/item/item.js

@@ -22,7 +22,7 @@ function s({ className: n, ...i }) {
 		...i
 	});
 }
-var c = n("group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", {
+var c = n("group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted [button]:cursor-pointer [button]:text-left [button]:transition-colors [button]:hover:bg-muted [button]:disabled:pointer-events-none [button]:disabled:opacity-50", {
 	variants: {
 		variant: {
 			default: "border-transparent",
@@ -61,7 +61,8 @@ var u = n("flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=
 		default: "bg-transparent",
 		icon: "[--icon-stroke-width:var(--icon-stroke-16)] [&_svg:not([class*='size-'])]:size-4",
 		image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover",
-		photo: "size-13 overflow-hidden rounded-sm bg-surface-subtle [&_img]:size-full [&_img]:object-cover"
+		photo: "size-13 overflow-hidden rounded-sm bg-surface-subtle [&_img]:size-full [&_img]:object-cover",
+		tile: "size-9 rounded-md border border-border-subtle bg-card [--icon-stroke-width:var(--icon-stroke-18)] [&_svg:not([class*='size-'])]:size-[18px]"
 	} },
 	defaultVariants: { variant: "default" }
 });

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

@@ -0,0 +1,15 @@
+import { Platform } from './platform-icon';
+/** The social channels that have a chart color (ADR 0026). */
+type Channel = Extract<Platform, 'x' | 'threads' | 'instagram' | 'facebook' | 'bluesky' | 'linkedin' | 'tiktok' | 'youtube' | 'google' | 'beehiiv' | 'reddit'>;
+declare const CHANNELS: readonly Channel[];
+type ChannelColor = {
+    /** The series color, for bars, lines and legend swatches. */
+    color: string;
+    /** Readable text on `tint`, such as a pressed series toggle. */
+    foreground: string;
+    /** The 10% tint (16% in dark mode). */
+    tint: string;
+};
+declare const CHANNEL_COLOR: Record<Channel, ChannelColor>;
+export { CHANNELS, CHANNEL_COLOR, type Channel, type ChannelColor };
+//# sourceMappingURL=channel-color.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"channel-color.d.ts","sourceRoot":"","sources":["../../../src/components/platform-icon/channel-color.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAE/C,8DAA8D;AAC9D,KAAK,OAAO,GAAG,OAAO,CACpB,QAAQ,EACN,GAAG,GACH,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,UAAU,GACV,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,SAAS,GACT,QAAQ,CACX,CAAA;AAED,QAAA,MAAM,QAAQ,EAAE,SAAS,OAAO,EAY/B,CAAA;AAED,KAAK,YAAY,GAAG;IAClB,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,gEAAgE;IAChE,UAAU,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAOD,QAAA,MAAM,aAAa,EASd,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,CAAA;AAElC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,OAAO,EAAE,KAAK,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1,20 @@
+//#region src/components/platform-icon/channel-color.ts
+var e = [
+	"x",
+	"threads",
+	"instagram",
+	"facebook",
+	"bluesky",
+	"linkedin",
+	"tiktok",
+	"youtube",
+	"google",
+	"beehiiv",
+	"reddit"
+], t = Object.fromEntries(e.map((e) => [e, {
+	color: `var(--channel-${e})`,
+	foreground: `var(--channel-${e}-foreground)`,
+	tint: `var(--channel-${e}-soft)`
+}]));
+//#endregion
+export { e as CHANNELS, t as CHANNEL_COLOR };

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

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

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

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

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-type Platform = 'x' | 'threads' | 'instagram' | 'facebook' | 'bluesky' | 'linkedin' | 'tiktok' | 'youtube' | 'google' | 'beehiiv' | 'reddit';
+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>;
@@ -20,6 +20,11 @@ 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;
@@ -29,5 +34,5 @@ type PlatformIconProps = Omit<BrandIconProps, 'size'> & {
     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, type BrandIcon, type BrandIconProps, type Platform, type PlatformIconProps, };
+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

@@ -1 +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;AAuB9B,KAAK,QAAQ,GACT,GAAG,GACH,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,UAAU,GACV,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,SAAS,GACT,QAAQ,CAAA;AAEZ,QAAA,MAAM,SAAS,EAAE,SAAS,QAAQ,EAYjC,CAAA;AAID,QAAA,MAAM,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAY5C,CAAA;AAED,QAAA,MAAM,cAAc,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAY5C,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;AAEF,QAAA,MAAM,aAAa,EAAE,MAAM,CAAC,QAAQ,EAAE,SAAS,CAY9C,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,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,KAAK,iBAAiB,GACvB,CAAA"}
+{"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

@@ -1,9 +1,9 @@
 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";
+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 p = [
+var h = [
 	"x",
 	"threads",
 	"instagram",
@@ -14,20 +14,30 @@ var p = [
 	"youtube",
 	"google",
 	"beehiiv",
-	"reddit"
-], m = "var(--foreground, #000000)", h = {
-	x: m,
-	threads: m,
+	"reddit",
+	"gmail",
+	"outlook",
+	"microsoft",
+	"email",
+	"phone"
+], g = "var(--foreground, #000000)", _ = {
+	x: g,
+	threads: g,
 	instagram: "#E1306C",
 	facebook: "#1877F2",
 	bluesky: "#1185FE",
 	linkedin: "#0A66C2",
-	tiktok: m,
+	tiktok: g,
 	youtube: "#FF0000",
 	google: "#4285F4",
 	beehiiv: "#FFC300",
-	reddit: "#FF4500"
-}, g = {
+	reddit: "#FF4500",
+	gmail: "#EA4335",
+	outlook: "#0078D4",
+	microsoft: "#00A4EF",
+	email: g,
+	phone: g
+}, v = {
 	x: "X",
 	threads: "Threads",
 	instagram: "Instagram",
@@ -38,20 +48,25 @@ var p = [
 	youtube: "YouTube",
 	google: "Google",
 	beehiiv: "beehiiv",
-	reddit: "Reddit"
+	reddit: "Reddit",
+	gmail: "Gmail",
+	outlook: "Outlook",
+	microsoft: "Microsoft",
+	email: "Email",
+	phone: "Phone"
 };
-function _(e) {
+function y(e) {
 	return e ? {
 		role: "img",
 		"aria-label": e
 	} : { "aria-hidden": !0 };
 }
-function v(e, n, i, a) {
+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 } : {},
-		..._(t),
+		...y(t),
 		...s,
 		style: {
 			...e,
@@ -60,8 +75,8 @@ function v(e, n, i, a) {
 	}));
 	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) {
+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", {
@@ -73,14 +88,14 @@ function D(e, n, i) {
 			"data-platform-mark": e,
 			className: s,
 			style: c,
-			..._(o),
+			...y(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", {
+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",
@@ -110,7 +125,7 @@ var O = D("Instagram", "0 0 24 24", (e) => /* @__PURE__ */ i(n, { children: [/*
 }) }), /* @__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: [
+})] })), 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"
@@ -127,31 +142,119 @@ var O = D("Instagram", "0 0 24 24", (e) => /* @__PURE__ */ i(n, { children: [/*
 		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", {
+] })), 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: h.beehiiv
+	fill: _.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
+})] })), 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 M({ platform: t, size: n = 16, className: i, style: a, ...o }) {
-	let s = j[t];
+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,
@@ -166,4 +269,4 @@ function M({ platform: t, size: n = 16, className: i, style: 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 };
+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/status-indicator/index.d.ts

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

package/dist/components/status-indicator/index.d.ts.map

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

package/dist/components/status-indicator/status-indicator.d.ts

@@ -0,0 +1,21 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+/**
+ * - `success`: working, such as a connected account.
+ * - `warning`: working but needs the owner.
+ * - `danger`: broken or failed.
+ * - `neutral`: off or not started.
+ * - `none`: no dot, for a plain state such as "Not set up".
+ */
+type StatusTone = 'success' | 'warning' | 'danger' | 'neutral' | 'none';
+declare const statusDotVariants: (props?: ({
+    tone?: "none" | "success" | "warning" | "neutral" | "danger" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type StatusIndicatorProps = React.ComponentProps<'span'> & VariantProps<typeof statusDotVariants>;
+/**
+ * A state in words with a small colored dot before it, such as "Connected" or
+ * "Needs attention". The label carries the meaning; the dot is decorative.
+ */
+declare function StatusIndicator({ tone, className, children, ...props }: StatusIndicatorProps): React.JSX.Element;
+export { StatusIndicator, statusDotVariants, type StatusIndicatorProps, type StatusTone, };
+//# sourceMappingURL=status-indicator.d.ts.map

package/dist/components/status-indicator/status-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-indicator.d.ts","sourceRoot":"","sources":["../../../src/components/status-indicator/status-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE;;;;;;GAMG;AACH,KAAK,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAA;AAEvE,QAAA,MAAM,iBAAiB;;8EAWrB,CAAA;AAEF,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GACtD,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAA;AAExC;;;GAGG;AACH,iBAAS,eAAe,CAAC,EACvB,IAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,qBAmBtB;AAED,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,KAAK,oBAAoB,EACzB,KAAK,UAAU,GAChB,CAAA"}

package/dist/components/status-indicator/status-indicator.js

@@ -0,0 +1,30 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { cva as t } from "class-variance-authority";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/status-indicator/status-indicator.tsx
+var i = t("size-1.5 flex-none rounded-full", {
+	variants: { tone: {
+		success: "bg-success",
+		warning: "bg-warning",
+		danger: "bg-destructive",
+		neutral: "bg-muted-foreground/50",
+		none: "hidden"
+	} },
+	defaultVariants: { tone: "neutral" }
+});
+function a({ tone: t = "neutral", className: a, children: o, ...s }) {
+	return /* @__PURE__ */ r("span", {
+		"data-slot": "status-indicator",
+		"data-tone": t,
+		className: e("type-body inline-flex flex-none items-center gap-1.5 whitespace-nowrap text-muted-foreground", a),
+		...s,
+		children: [/* @__PURE__ */ n("span", {
+			"aria-hidden": "true",
+			"data-slot": "status-indicator-dot",
+			className: i({ tone: t })
+		}), o]
+	});
+}
+//#endregion
+export { a as StatusIndicator, i as statusDotVariants };

package/dist/index.d.ts

@@ -8,6 +8,7 @@ export * from './components/accordion';
 export * from './components/alert';
 export * from './components/alert-dialog';
 export * from './components/app-shell';
+export * from './components/approval-card';
 export * from './components/aspect-ratio';
 export * from './components/attachment';
 export * from './components/avatar';
@@ -31,6 +32,7 @@ export * from './components/dropdown-menu';
 export * from './components/editable-text';
 export * from './components/empty';
 export * from './components/face-stack-button';
+export * from './components/filter-chips';
 export * from './components/goal-card';
 export * from './components/hover-card';
 export * from './components/identity-mark';
@@ -61,6 +63,7 @@ export * from './components/slider';
 export * from './components/source-avatar';
 export * from './components/spinner';
 export * from './components/state-banner';
+export * from './components/status-indicator';
 export * from './components/suggest-chips';
 export * from './components/stacked-bar-chart';
 export * from './components/switch';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -14,62 +14,66 @@ import { Skeleton as pe } from "./components/skeleton/skeleton.js";
 import { Tooltip as me, TooltipContent as he, TooltipProvider as ge, TooltipTrigger as _e } from "./components/tooltip/tooltip.js";
 import { Sidebar as ve, SidebarContent as ye, SidebarFooter as be, SidebarGroup as xe, SidebarGroupAction as Se, SidebarGroupContent as Ce, SidebarGroupLabel as we, SidebarHeader as Te, SidebarInput as Ee, SidebarInset as De, SidebarMenu as Oe, SidebarMenuAction as ke, SidebarMenuBadge as Ae, SidebarMenuButton as je, SidebarMenuItem as Me, SidebarMenuSkeleton as Ne, SidebarMenuSub as Pe, SidebarMenuSubButton as Fe, SidebarMenuSubItem as Ie, SidebarProvider as Le, SidebarRail as Re, SidebarSeparator as ze, SidebarTrigger as Be, useSidebar as Ve } from "./components/sidebar/sidebar.js";
 import { AppShell as He, AppSidebar as Ue, AppSidebarWorkspace as We, AppTopBar as Ge } from "./components/app-shell/app-shell.js";
-import { AspectRatio as Ke } from "./components/aspect-ratio/aspect-ratio.js";
-import { Attachment as qe, AttachmentAction as Je, AttachmentActions as Ye, AttachmentContent as Xe, AttachmentDescription as Ze, AttachmentGroup as Qe, AttachmentMedia as $e, AttachmentTitle as et, AttachmentTrigger as tt } from "./components/attachment/attachment.js";
-import { Avatar as nt, AvatarBadge as rt, AvatarFallback as it, AvatarGroup as at, AvatarGroupCount as ot, AvatarImage as st } from "./components/avatar/avatar.js";
-import { Badge as ct, badgeVariants as lt } from "./components/badge/badge.js";
-import { Breadcrumb as ut, BreadcrumbEllipsis as dt, BreadcrumbItem as ft, BreadcrumbLink as pt, BreadcrumbList as mt, BreadcrumbPage as ht, BreadcrumbSeparator as gt } from "./components/breadcrumb/breadcrumb.js";
-import { Bubble as _t, BubbleContent as vt, BubbleGroup as yt, BubbleReactions as bt } from "./components/bubble/bubble.js";
-import { ButtonGroup as xt, ButtonGroupSeparator as St, ButtonGroupText as Ct, buttonGroupVariants as wt } from "./components/button-group/button-group.js";
-import { Calendar as Tt, CalendarDayButton as Et } from "./components/calendar/calendar.js";
-import { Carousel as Dt, CarouselContent as Ot, CarouselItem as kt, CarouselNext as At, CarouselPrevious as jt, useCarousel as Mt } from "./components/carousel/carousel.js";
-import { ChartContainer as Nt, ChartLegend as Pt, ChartLegendContent as Ft, ChartStyle as It, ChartTooltip as Lt, ChartTooltipContent as Rt } from "./components/chart/chart.js";
-import { ChatBar as zt, chatBarFormVariants as Bt } from "./components/chat-bar/chat-bar.js";
-import { Checkbox as Vt } from "./components/checkbox/checkbox.js";
-import { Collapsible as Ht, CollapsibleContent as Ut, CollapsibleTrigger as Wt } from "./components/collapsible/collapsible.js";
-import { Textarea as Gt } from "./components/textarea/textarea.js";
-import { InputGroup as Kt, InputGroupAddon as qt, InputGroupButton as Jt, InputGroupInput as Yt, InputGroupText as Xt, InputGroupTextarea as Zt } from "./components/input-group/input-group.js";
-import { Combobox as Qt, ComboboxChip as $t, ComboboxChips as en, ComboboxChipsInput as tn, ComboboxCollection as nn, ComboboxContent as rn, ComboboxEmpty as an, ComboboxGroup as on, ComboboxInput as sn, ComboboxItem as cn, ComboboxLabel as ln, ComboboxList as un, ComboboxSeparator as dn, ComboboxTrigger as fn, ComboboxValue as pn, useComboboxAnchor as mn } from "./components/combobox/combobox.js";
-import { Table as hn, TableBody as gn, TableCaption as _n, TableCell as vn, TableFooter as yn, TableHead as bn, TableHeader as xn, TableRow as Sn } from "./components/table/table.js";
-import { DataTable as Cn } from "./components/data-table/data-table.js";
-import { Popover as wn, PopoverContent as Tn, PopoverDescription as En, PopoverHeader as Dn, PopoverTitle as On, PopoverTrigger as kn } from "./components/popover/popover.js";
-import { DatePicker as An } from "./components/date-picker/date-picker.js";
-import { DenseTable as jn, DenseTableCell as Mn, DenseTableRow as Nn } from "./components/dense-table/dense-table.js";
-import { Dialog as Pn, DialogClose as Fn, DialogContent as In, DialogDescription as Ln, DialogFooter as Rn, DialogHeader as zn, DialogOverlay as Bn, DialogPortal as Vn, DialogTitle as Hn, DialogTrigger as Un } from "./components/dialog/dialog.js";
-import { Drawer as Wn, DrawerClose as Gn, DrawerContent as Kn, DrawerDescription as qn, DrawerFooter as Jn, DrawerHeader as Yn, DrawerOverlay as Xn, DrawerPortal as Zn, DrawerSwipeHandle as Qn, DrawerTitle as $n, DrawerTrigger as er } from "./components/drawer/drawer.js";
-import { EditableText as tr } from "./components/editable-text/editable-text.js";
-import { Empty as nr, EmptyContent as rr, EmptyDescription as ir, EmptyHeader as ar, EmptyMedia as or, EmptyTitle as sr } from "./components/empty/empty.js";
-import { BrandBeehiiv as cr, BrandBluesky as lr, BrandFacebook as ur, BrandGoogle as dr, BrandInstagram as fr, BrandLinkedin as pr, BrandReddit as mr, BrandThreads as hr, BrandTiktok as gr, BrandX as _r, BrandYoutube as vr, PLATFORMS as yr, PLATFORM_COLOR as br, PLATFORM_ICON as xr, PLATFORM_LABEL as Sr, PlatformIcon as Cr } from "./components/platform-icon/platform-icon.js";
-import { PlatformAvatar as wr } from "./components/platform-avatar/platform-avatar.js";
-import { FaceStackButton as Tr } from "./components/face-stack-button/face-stack-button.js";
-import { Progress as Er, ProgressIndicator as Dr, ProgressLabel as Or, ProgressTrack as kr, ProgressValue as Ar } from "./components/progress/progress.js";
-import { GoalCard as jr, PaceBadge as Mr, PaceMeter as Nr, paceStatusOf as Pr } from "./components/goal-card/goal-card.js";
-import { HoverCard as Fr, HoverCardContent as Ir, HoverCardTrigger as Lr } from "./components/hover-card/hover-card.js";
-import { IdentityMark as Rr, IdentityMarkImage as zr } from "./components/identity-mark/identity-mark.js";
-import { Item as Br, ItemActions as Vr, ItemContent as Hr, ItemDescription as Ur, ItemFooter as Wr, ItemGroup as Gr, ItemHeader as Kr, ItemMedia as qr, ItemSeparator as Jr, ItemTitle as Yr } from "./components/item/item.js";
-import { Marker as Xr, MarkerContent as Zr, MarkerIcon as Qr, markerVariants as $r } from "./components/marker/marker.js";
-import { MediaThumbnail as ei, mediaThumbnailVariants as ti } from "./components/media-thumbnail/media-thumbnail.js";
-import { Message as ni, MessageAvatar as ri, MessageContent as ii, MessageFooter as ai, MessageGroup as oi, MessageHeader as si } from "./components/message/message.js";
-import { MetricOverview as ci } from "./components/metric-overview/metric-overview.js";
-import { MetricTile as li, metricTileVariants as ui } from "./components/metric-tile/metric-tile.js";
-import { NativeSelect as di, NativeSelectOptGroup as fi, NativeSelectOption as pi } from "./components/native-select/native-select.js";
-import { NavigationAction as mi, navigationActionVariants as hi } from "./components/navigation-action/navigation-action.js";
-import { PageHeader as gi } from "./components/page-header/page-header.js";
-import { Pagination as _i, PaginationContent as vi, PaginationEllipsis as yi, PaginationItem as bi, PaginationLink as xi, PaginationNext as Si, PaginationPrevious as Ci } from "./components/pagination/pagination.js";
-import { Questionnaire as wi, QuestionnaireActions as Ti, QuestionnaireChoice as Ei, QuestionnaireChoiceDescription as Di, QuestionnaireChoices as Oi, QuestionnaireDescription as ki, QuestionnaireError as Ai, QuestionnaireInput as ji, QuestionnaireItem as Mi, QuestionnaireNext as Ni, QuestionnairePrevious as Pi, QuestionnaireProgress as Fi, QuestionnaireSkip as Ii, QuestionnaireSubmit as Li, QuestionnaireTitle as Ri } from "./components/questionnaire/questionnaire.js";
-import { RadioGroup as zi, RadioGroupItem as Bi } from "./components/radio-group/radio-group.js";
-import { ScrollArea as Vi, ScrollBar as Hi } from "./components/scroll-area/scroll-area.js";
-import { Select as Ui, SelectContent as Wi, SelectGroup as Gi, SelectItem as Ki, SelectLabel as qi, SelectScrollDownButton as Ji, SelectScrollUpButton as Yi, SelectSeparator as Xi, SelectTrigger as Zi, SelectValue as Qi } from "./components/select/select.js";
-import { SignalDots as $i, SignalStrip as ea } from "./components/signal-strip/signal-strip.js";
-import { Slider as ta } from "./components/slider/slider.js";
-import { SourceAvatar as na } from "./components/source-avatar/source-avatar.js";
-import { Spinner as ra } from "./components/spinner/spinner.js";
-import { StaleBanner as ia, StateBanner as aa, stateBannerVariants as oa } from "./components/state-banner/state-banner.js";
-import { SuggestChips as sa } from "./components/suggest-chips/suggest-chips.js";
-import { Tabs as ca, TabsContent as la, TabsList as ua, TabsTrigger as da, tabsListVariants as fa } from "./components/tabs/tabs.js";
-import { Toggle as pa, toggleVariants as ma } from "./components/toggle/toggle.js";
-import { StackedBarChart as ha } from "./components/stacked-bar-chart/stacked-bar-chart.js";
-import { Switch as ga } from "./components/switch/switch.js";
-import { Toast as _a, ToastAction as va, ToastClose as ya, ToastContent as ba, ToastDescription as xa, ToastPortal as Sa, ToastProvider as Ca, ToastTitle as wa, ToastViewport as Ta, Toaster as Ea, createToastManager as Da, toast as Oa, useToastManager as ka } from "./components/toast/toast.js";
-import { ToggleGroup as Aa, ToggleGroupItem as ja } from "./components/toggle-group/toggle-group.js";
-export { w as Accordion, T as AccordionContent, E as AccordionItem, D as AccordionTrigger, O as Alert, k as AlertAction, A as AlertDescription, M as AlertDialog, N as AlertDialogAction, P as AlertDialogCancel, F as AlertDialogContent, I as AlertDialogDescription, L as AlertDialogFooter, R as AlertDialogHeader, z as AlertDialogMedia, B as AlertDialogOverlay, V as AlertDialogPortal, H as AlertDialogTitle, U as AlertDialogTrigger, j as AlertTitle, He as AppShell, Ue as AppSidebar, We as AppSidebarWorkspace, Ge as AppTopBar, Ke as AspectRatio, qe as Attachment, Je as AttachmentAction, Ye as AttachmentActions, Xe as AttachmentContent, Ze as AttachmentDescription, Qe as AttachmentGroup, $e as AttachmentMedia, et as AttachmentTitle, tt as AttachmentTrigger, nt as Avatar, rt as AvatarBadge, it as AvatarFallback, at as AvatarGroup, ot as AvatarGroupCount, st as AvatarImage, ct as Badge, cr as BrandBeehiiv, lr as BrandBluesky, ur as BrandFacebook, dr as BrandGoogle, fr as BrandInstagram, pr as BrandLinkedin, mr as BrandReddit, hr as BrandThreads, gr as BrandTiktok, _r as BrandX, vr as BrandYoutube, ut as Breadcrumb, dt as BreadcrumbEllipsis, ft as BreadcrumbItem, pt as BreadcrumbLink, mt as BreadcrumbList, ht as BreadcrumbPage, gt as BreadcrumbSeparator, _t as Bubble, vt as BubbleContent, yt as BubbleGroup, bt as BubbleReactions, t as Button, xt as ButtonGroup, St as ButtonGroupSeparator, Ct as ButtonGroupText, n as ButtonLabel, Tt as Calendar, Et as CalendarDayButton, i as Card, a as CardAction, o as CardContent, s as CardDescription, c as CardFooter, l as CardHeader, u as CardTitle, Dt as Carousel, Ot as CarouselContent, kt as CarouselItem, At as CarouselNext, jt as CarouselPrevious, Nt as ChartContainer, Pt as ChartLegend, Ft as ChartLegendContent, It as ChartStyle, Lt as ChartTooltip, Rt as ChartTooltipContent, zt as ChatBar, Vt as Checkbox, Ht as Collapsible, Ut as CollapsibleContent, Wt as CollapsibleTrigger, Qt as Combobox, $t as ComboboxChip, en as ComboboxChips, tn as ComboboxChipsInput, nn as ComboboxCollection, rn as ComboboxContent, an as ComboboxEmpty, on as ComboboxGroup, sn as ComboboxInput, cn as ComboboxItem, ln as ComboboxLabel, un as ComboboxList, dn as ComboboxSeparator, fn as ComboboxTrigger, pn as ComboboxValue, Cn as DataTable, An as DatePicker, jn as DenseTable, Mn as DenseTableCell, Nn as DenseTableRow, Pn as Dialog, Fn as DialogClose, In as DialogContent, Ln as DialogDescription, Rn as DialogFooter, zn as DialogHeader, Bn as DialogOverlay, Vn as DialogPortal, Hn as DialogTitle, Un as DialogTrigger, Wn as Drawer, Gn as DrawerClose, Kn as DrawerContent, qn as DrawerDescription, Jn as DrawerFooter, Yn as DrawerHeader, Xn as DrawerOverlay, Zn as DrawerPortal, Qn as DrawerSwipeHandle, $n as DrawerTitle, er as DrawerTrigger, W as DropdownMenu, G as DropdownMenuCheckboxItem, K as DropdownMenuContent, q as DropdownMenuGroup, J as DropdownMenuItem, Y as DropdownMenuLabel, X as DropdownMenuPortal, Z as DropdownMenuRadioGroup, Q as DropdownMenuRadioItem, $ as DropdownMenuSeparator, ee as DropdownMenuShortcut, te as DropdownMenuSub, ne as DropdownMenuSubContent, re as DropdownMenuSubTrigger, ie as DropdownMenuTrigger, tr as EditableText, nr as Empty, rr as EmptyContent, ir as EmptyDescription, ar as EmptyHeader, or as EmptyMedia, sr as EmptyTitle, Tr as FaceStackButton, p as Field, m as FieldContent, h as FieldDescription, g as FieldError, _ as FieldGroup, v as FieldLabel, y as FieldLegend, b as FieldSeparator, x as FieldSet, S as FieldTitle, jr as GoalCard, Fr as HoverCard, Ir as HoverCardContent, Lr as HoverCardTrigger, Rr as IdentityMark, zr as IdentityMarkImage, C as Input, Kt as InputGroup, qt as InputGroupAddon, Jt as InputGroupButton, Yt as InputGroupInput, Xt as InputGroupText, Zt as InputGroupTextarea, Br as Item, Vr as ItemActions, Hr as ItemContent, Ur as ItemDescription, Wr as ItemFooter, Gr as ItemGroup, Kr as ItemHeader, qr as ItemMedia, Jr as ItemSeparator, Yr as ItemTitle, d as Label, Xr as Marker, Zr as MarkerContent, Qr as MarkerIcon, ei as MediaThumbnail, ni as Message, ri as MessageAvatar, ii as MessageContent, ai as MessageFooter, oi as MessageGroup, si as MessageHeader, ci as MetricOverview, li as MetricTile, di as NativeSelect, fi as NativeSelectOptGroup, pi as NativeSelectOption, mi as NavigationAction, yr as PLATFORMS, br as PLATFORM_COLOR, xr as PLATFORM_ICON, Sr as PLATFORM_LABEL, Mr as PaceBadge, Nr as PaceMeter, gi as PageHeader, _i as Pagination, vi as PaginationContent, yi as PaginationEllipsis, bi as PaginationItem, xi as PaginationLink, Si as PaginationNext, Ci as PaginationPrevious, wr as PlatformAvatar, Cr as PlatformIcon, wn as Popover, Tn as PopoverContent, En as PopoverDescription, Dn as PopoverHeader, On as PopoverTitle, kn as PopoverTrigger, Er as Progress, Dr as ProgressIndicator, Or as ProgressLabel, kr as ProgressTrack, Ar as ProgressValue, wi as Questionnaire, Ti as QuestionnaireActions, Ei as QuestionnaireChoice, Di as QuestionnaireChoiceDescription, Oi as QuestionnaireChoices, ki as QuestionnaireDescription, Ai as QuestionnaireError, ji as QuestionnaireInput, Mi as QuestionnaireItem, Ni as QuestionnaireNext, Pi as QuestionnairePrevious, Fi as QuestionnaireProgress, Ii as QuestionnaireSkip, Li as QuestionnaireSubmit, Ri as QuestionnaireTitle, zi as RadioGroup, Bi as RadioGroupItem, Vi as ScrollArea, Hi as ScrollBar, Ui as Select, Wi as SelectContent, Gi as SelectGroup, Ki as SelectItem, qi as SelectLabel, Ji as SelectScrollDownButton, Yi as SelectScrollUpButton, Xi as SelectSeparator, Zi as SelectTrigger, Qi as SelectValue, f as Separator, ae as Sheet, oe as SheetClose, se as SheetContent, ce as SheetDescription, le as SheetFooter, ue as SheetHeader, de as SheetTitle, fe as SheetTrigger, ve as Sidebar, ye as SidebarContent, be as SidebarFooter, xe as SidebarGroup, Se as SidebarGroupAction, Ce as SidebarGroupContent, we as SidebarGroupLabel, Te as SidebarHeader, Ee as SidebarInput, De as SidebarInset, Oe as SidebarMenu, ke as SidebarMenuAction, Ae as SidebarMenuBadge, je as SidebarMenuButton, Me as SidebarMenuItem, Ne as SidebarMenuSkeleton, Pe as SidebarMenuSub, Fe as SidebarMenuSubButton, Ie as SidebarMenuSubItem, Le as SidebarProvider, Re as SidebarRail, ze as SidebarSeparator, Be as SidebarTrigger, $i as SignalDots, ea as SignalStrip, pe as Skeleton, ta as Slider, na as SourceAvatar, ra as Spinner, ha as StackedBarChart, ia as StaleBanner, aa as StateBanner, sa as SuggestChips, ga as Switch, hn as Table, gn as TableBody, _n as TableCaption, vn as TableCell, yn as TableFooter, bn as TableHead, xn as TableHeader, Sn as TableRow, ca as Tabs, la as TabsContent, ua as TabsList, da as TabsTrigger, Gt as Textarea, _a as Toast, va as ToastAction, ya as ToastClose, ba as ToastContent, xa as ToastDescription, Sa as ToastPortal, Ca as ToastProvider, wa as ToastTitle, Ta as ToastViewport, Ea as Toaster, pa as Toggle, Aa as ToggleGroup, ja as ToggleGroupItem, me as Tooltip, he as TooltipContent, ge as TooltipProvider, _e as TooltipTrigger, lt as badgeVariants, wt as buttonGroupVariants, r as buttonVariants, Bt as chatBarFormVariants, e as cn, Da as createToastManager, $r as markerVariants, ti as mediaThumbnailVariants, ui as metricTileVariants, hi as navigationActionVariants, Pr as paceStatusOf, oa as stateBannerVariants, fa as tabsListVariants, Oa as toast, ma as toggleVariants, Mt as useCarousel, mn as useComboboxAnchor, Ve as useSidebar, ka as useToastManager };
+import { ApprovalCard as Ke } from "./components/approval-card/approval-card.js";
+import { AspectRatio as qe } from "./components/aspect-ratio/aspect-ratio.js";
+import { Attachment as Je, AttachmentAction as Ye, AttachmentActions as Xe, AttachmentContent as Ze, AttachmentDescription as Qe, AttachmentGroup as $e, AttachmentMedia as et, AttachmentTitle as tt, AttachmentTrigger as nt } from "./components/attachment/attachment.js";
+import { Avatar as rt, AvatarBadge as it, AvatarFallback as at, AvatarGroup as ot, AvatarGroupCount as st, AvatarImage as ct } from "./components/avatar/avatar.js";
+import { Badge as lt, badgeVariants as ut } from "./components/badge/badge.js";
+import { Breadcrumb as dt, BreadcrumbEllipsis as ft, BreadcrumbItem as pt, BreadcrumbLink as mt, BreadcrumbList as ht, BreadcrumbPage as gt, BreadcrumbSeparator as _t } from "./components/breadcrumb/breadcrumb.js";
+import { Bubble as vt, BubbleContent as yt, BubbleGroup as bt, BubbleReactions as xt } from "./components/bubble/bubble.js";
+import { ButtonGroup as St, ButtonGroupSeparator as Ct, ButtonGroupText as wt, buttonGroupVariants as Tt } from "./components/button-group/button-group.js";
+import { Calendar as Et, CalendarDayButton as Dt } from "./components/calendar/calendar.js";
+import { Carousel as Ot, CarouselContent as kt, CarouselItem as At, CarouselNext as jt, CarouselPrevious as Mt, useCarousel as Nt } from "./components/carousel/carousel.js";
+import { ChartContainer as Pt, ChartLegend as Ft, ChartLegendContent as It, ChartStyle as Lt, ChartTooltip as Rt, ChartTooltipContent as zt } from "./components/chart/chart.js";
+import { ChatBar as Bt, chatBarFormVariants as Vt } from "./components/chat-bar/chat-bar.js";
+import { Checkbox as Ht } from "./components/checkbox/checkbox.js";
+import { Collapsible as Ut, CollapsibleContent as Wt, CollapsibleTrigger as Gt } from "./components/collapsible/collapsible.js";
+import { Textarea as Kt } from "./components/textarea/textarea.js";
+import { InputGroup as qt, InputGroupAddon as Jt, InputGroupButton as Yt, InputGroupInput as Xt, InputGroupText as Zt, InputGroupTextarea as Qt } from "./components/input-group/input-group.js";
+import { Combobox as $t, ComboboxChip as en, ComboboxChips as tn, ComboboxChipsInput as nn, ComboboxCollection as rn, ComboboxContent as an, ComboboxEmpty as on, ComboboxGroup as sn, ComboboxInput as cn, ComboboxItem as ln, ComboboxLabel as un, ComboboxList as dn, ComboboxSeparator as fn, ComboboxTrigger as pn, ComboboxValue as mn, useComboboxAnchor as hn } from "./components/combobox/combobox.js";
+import { Table as gn, TableBody as _n, TableCaption as vn, TableCell as yn, TableFooter as bn, TableHead as xn, TableHeader as Sn, TableRow as Cn } from "./components/table/table.js";
+import { DataTable as wn } from "./components/data-table/data-table.js";
+import { Popover as Tn, PopoverContent as En, PopoverDescription as Dn, PopoverHeader as On, PopoverTitle as kn, PopoverTrigger as An } from "./components/popover/popover.js";
+import { DatePicker as jn } from "./components/date-picker/date-picker.js";
+import { DenseTable as Mn, DenseTableCell as Nn, DenseTableRow as Pn } from "./components/dense-table/dense-table.js";
+import { Dialog as Fn, DialogClose as In, DialogContent as Ln, DialogDescription as Rn, DialogFooter as zn, DialogHeader as Bn, DialogOverlay as Vn, DialogPortal as Hn, DialogTitle as Un, DialogTrigger as Wn } from "./components/dialog/dialog.js";
+import { Drawer as Gn, DrawerClose as Kn, DrawerContent as qn, DrawerDescription as Jn, DrawerFooter as Yn, DrawerHeader as Xn, DrawerOverlay as Zn, DrawerPortal as Qn, DrawerSwipeHandle as $n, DrawerTitle as er, DrawerTrigger as tr } from "./components/drawer/drawer.js";
+import { EditableText as nr } from "./components/editable-text/editable-text.js";
+import { Empty as rr, EmptyContent as ir, EmptyDescription as ar, EmptyHeader as or, EmptyMedia as sr, EmptyTitle as cr } from "./components/empty/empty.js";
+import { BrandBeehiiv as lr, BrandBluesky as ur, BrandEmail as dr, BrandFacebook as fr, BrandGmail as pr, BrandGoogle as mr, BrandInstagram as hr, BrandLinkedin as gr, BrandMicrosoft as _r, BrandOutlook as vr, BrandPhone as yr, BrandReddit as br, BrandThreads as xr, BrandTiktok as Sr, BrandX as Cr, BrandYoutube as wr, PLATFORMS as Tr, PLATFORM_COLOR as Er, PLATFORM_ICON as Dr, PLATFORM_LABEL as Or, PlatformIcon as kr } from "./components/platform-icon/platform-icon.js";
+import { PlatformAvatar as Ar } from "./components/platform-avatar/platform-avatar.js";
+import { FaceStackButton as jr } from "./components/face-stack-button/face-stack-button.js";
+import { FilterChips as Mr } from "./components/filter-chips/filter-chips.js";
+import { Progress as Nr, ProgressIndicator as Pr, ProgressLabel as Fr, ProgressTrack as Ir, ProgressValue as Lr } from "./components/progress/progress.js";
+import { GoalCard as Rr, PaceBadge as zr, PaceMeter as Br, paceStatusOf as Vr } from "./components/goal-card/goal-card.js";
+import { HoverCard as Hr, HoverCardContent as Ur, HoverCardTrigger as Wr } from "./components/hover-card/hover-card.js";
+import { IdentityMark as Gr, IdentityMarkImage as Kr } from "./components/identity-mark/identity-mark.js";
+import { Item as qr, ItemActions as Jr, ItemContent as Yr, ItemDescription as Xr, ItemFooter as Zr, ItemGroup as Qr, ItemHeader as $r, ItemMedia as ei, ItemSeparator as ti, ItemTitle as ni } from "./components/item/item.js";
+import { Marker as ri, MarkerContent as ii, MarkerIcon as ai, markerVariants as oi } from "./components/marker/marker.js";
+import { MediaThumbnail as si, mediaThumbnailVariants as ci } from "./components/media-thumbnail/media-thumbnail.js";
+import { Message as li, MessageAvatar as ui, MessageContent as di, MessageFooter as fi, MessageGroup as pi, MessageHeader as mi } from "./components/message/message.js";
+import { MetricOverview as hi } from "./components/metric-overview/metric-overview.js";
+import { MetricTile as gi, metricTileVariants as _i } from "./components/metric-tile/metric-tile.js";
+import { NativeSelect as vi, NativeSelectOptGroup as yi, NativeSelectOption as bi } from "./components/native-select/native-select.js";
+import { NavigationAction as xi, navigationActionVariants as Si } from "./components/navigation-action/navigation-action.js";
+import { PageHeader as Ci } from "./components/page-header/page-header.js";
+import { Pagination as wi, PaginationContent as Ti, PaginationEllipsis as Ei, PaginationItem as Di, PaginationLink as Oi, PaginationNext as ki, PaginationPrevious as Ai } from "./components/pagination/pagination.js";
+import { CHANNELS as ji, CHANNEL_COLOR as Mi } from "./components/platform-icon/channel-color.js";
+import { Questionnaire as Ni, QuestionnaireActions as Pi, QuestionnaireChoice as Fi, QuestionnaireChoiceDescription as Ii, QuestionnaireChoices as Li, QuestionnaireDescription as Ri, QuestionnaireError as zi, QuestionnaireInput as Bi, QuestionnaireItem as Vi, QuestionnaireNext as Hi, QuestionnairePrevious as Ui, QuestionnaireProgress as Wi, QuestionnaireSkip as Gi, QuestionnaireSubmit as Ki, QuestionnaireTitle as qi } from "./components/questionnaire/questionnaire.js";
+import { RadioGroup as Ji, RadioGroupItem as Yi } from "./components/radio-group/radio-group.js";
+import { ScrollArea as Xi, ScrollBar as Zi } from "./components/scroll-area/scroll-area.js";
+import { Select as Qi, SelectContent as $i, SelectGroup as ea, SelectItem as ta, SelectLabel as na, SelectScrollDownButton as ra, SelectScrollUpButton as ia, SelectSeparator as aa, SelectTrigger as oa, SelectValue as sa } from "./components/select/select.js";
+import { SignalDots as ca, SignalStrip as la } from "./components/signal-strip/signal-strip.js";
+import { Slider as ua } from "./components/slider/slider.js";
+import { SourceAvatar as da } from "./components/source-avatar/source-avatar.js";
+import { Spinner as fa } from "./components/spinner/spinner.js";
+import { StaleBanner as pa, StateBanner as ma, stateBannerVariants as ha } from "./components/state-banner/state-banner.js";
+import { StatusIndicator as ga, statusDotVariants as _a } from "./components/status-indicator/status-indicator.js";
+import { SuggestChips as va } from "./components/suggest-chips/suggest-chips.js";
+import { Tabs as ya, TabsContent as ba, TabsList as xa, TabsTrigger as Sa, tabsListVariants as Ca } from "./components/tabs/tabs.js";
+import { Toggle as wa, toggleVariants as Ta } from "./components/toggle/toggle.js";
+import { StackedBarChart as Ea } from "./components/stacked-bar-chart/stacked-bar-chart.js";
+import { Switch as Da } from "./components/switch/switch.js";
+import { Toast as Oa, ToastAction as ka, ToastClose as Aa, ToastContent as ja, ToastDescription as Ma, ToastPortal as Na, ToastProvider as Pa, ToastTitle as Fa, ToastViewport as Ia, Toaster as La, createToastManager as Ra, toast as za, useToastManager as Ba } from "./components/toast/toast.js";
+import { ToggleGroup as Va, ToggleGroupItem as Ha } from "./components/toggle-group/toggle-group.js";
+export { w as Accordion, T as AccordionContent, E as AccordionItem, D as AccordionTrigger, O as Alert, k as AlertAction, A as AlertDescription, M as AlertDialog, N as AlertDialogAction, P as AlertDialogCancel, F as AlertDialogContent, I as AlertDialogDescription, L as AlertDialogFooter, R as AlertDialogHeader, z as AlertDialogMedia, B as AlertDialogOverlay, V as AlertDialogPortal, H as AlertDialogTitle, U as AlertDialogTrigger, j as AlertTitle, He as AppShell, Ue as AppSidebar, We as AppSidebarWorkspace, Ge as AppTopBar, Ke as ApprovalCard, qe as AspectRatio, Je as Attachment, Ye as AttachmentAction, Xe as AttachmentActions, Ze as AttachmentContent, Qe as AttachmentDescription, $e as AttachmentGroup, et as AttachmentMedia, tt as AttachmentTitle, nt as AttachmentTrigger, rt as Avatar, it as AvatarBadge, at as AvatarFallback, ot as AvatarGroup, st as AvatarGroupCount, ct as AvatarImage, lt as Badge, lr as BrandBeehiiv, ur as BrandBluesky, dr as BrandEmail, fr as BrandFacebook, pr as BrandGmail, mr as BrandGoogle, hr as BrandInstagram, gr as BrandLinkedin, _r as BrandMicrosoft, vr as BrandOutlook, yr as BrandPhone, br as BrandReddit, xr as BrandThreads, Sr as BrandTiktok, Cr as BrandX, wr as BrandYoutube, dt as Breadcrumb, ft as BreadcrumbEllipsis, pt as BreadcrumbItem, mt as BreadcrumbLink, ht as BreadcrumbList, gt as BreadcrumbPage, _t as BreadcrumbSeparator, vt as Bubble, yt as BubbleContent, bt as BubbleGroup, xt as BubbleReactions, t as Button, St as ButtonGroup, Ct as ButtonGroupSeparator, wt as ButtonGroupText, n as ButtonLabel, ji as CHANNELS, Mi as CHANNEL_COLOR, Et as Calendar, Dt as CalendarDayButton, i as Card, a as CardAction, o as CardContent, s as CardDescription, c as CardFooter, l as CardHeader, u as CardTitle, Ot as Carousel, kt as CarouselContent, At as CarouselItem, jt as CarouselNext, Mt as CarouselPrevious, Pt as ChartContainer, Ft as ChartLegend, It as ChartLegendContent, Lt as ChartStyle, Rt as ChartTooltip, zt as ChartTooltipContent, Bt as ChatBar, Ht as Checkbox, Ut as Collapsible, Wt as CollapsibleContent, Gt as CollapsibleTrigger, $t as Combobox, en as ComboboxChip, tn as ComboboxChips, nn as ComboboxChipsInput, rn as ComboboxCollection, an as ComboboxContent, on as ComboboxEmpty, sn as ComboboxGroup, cn as ComboboxInput, ln as ComboboxItem, un as ComboboxLabel, dn as ComboboxList, fn as ComboboxSeparator, pn as ComboboxTrigger, mn as ComboboxValue, wn as DataTable, jn as DatePicker, Mn as DenseTable, Nn as DenseTableCell, Pn as DenseTableRow, Fn as Dialog, In as DialogClose, Ln as DialogContent, Rn as DialogDescription, zn as DialogFooter, Bn as DialogHeader, Vn as DialogOverlay, Hn as DialogPortal, Un as DialogTitle, Wn as DialogTrigger, Gn as Drawer, Kn as DrawerClose, qn as DrawerContent, Jn as DrawerDescription, Yn as DrawerFooter, Xn as DrawerHeader, Zn as DrawerOverlay, Qn as DrawerPortal, $n as DrawerSwipeHandle, er as DrawerTitle, tr as DrawerTrigger, W as DropdownMenu, G as DropdownMenuCheckboxItem, K as DropdownMenuContent, q as DropdownMenuGroup, J as DropdownMenuItem, Y as DropdownMenuLabel, X as DropdownMenuPortal, Z as DropdownMenuRadioGroup, Q as DropdownMenuRadioItem, $ as DropdownMenuSeparator, ee as DropdownMenuShortcut, te as DropdownMenuSub, ne as DropdownMenuSubContent, re as DropdownMenuSubTrigger, ie as DropdownMenuTrigger, nr as EditableText, rr as Empty, ir as EmptyContent, ar as EmptyDescription, or as EmptyHeader, sr as EmptyMedia, cr as EmptyTitle, jr as FaceStackButton, p as Field, m as FieldContent, h as FieldDescription, g as FieldError, _ as FieldGroup, v as FieldLabel, y as FieldLegend, b as FieldSeparator, x as FieldSet, S as FieldTitle, Mr as FilterChips, Rr as GoalCard, Hr as HoverCard, Ur as HoverCardContent, Wr as HoverCardTrigger, Gr as IdentityMark, Kr as IdentityMarkImage, C as Input, qt as InputGroup, Jt as InputGroupAddon, Yt as InputGroupButton, Xt as InputGroupInput, Zt as InputGroupText, Qt as InputGroupTextarea, qr as Item, Jr as ItemActions, Yr as ItemContent, Xr as ItemDescription, Zr as ItemFooter, Qr as ItemGroup, $r as ItemHeader, ei as ItemMedia, ti as ItemSeparator, ni as ItemTitle, d as Label, ri as Marker, ii as MarkerContent, ai as MarkerIcon, si as MediaThumbnail, li as Message, ui as MessageAvatar, di as MessageContent, fi as MessageFooter, pi as MessageGroup, mi as MessageHeader, hi as MetricOverview, gi as MetricTile, vi as NativeSelect, yi as NativeSelectOptGroup, bi as NativeSelectOption, xi as NavigationAction, Tr as PLATFORMS, Er as PLATFORM_COLOR, Dr as PLATFORM_ICON, Or as PLATFORM_LABEL, zr as PaceBadge, Br as PaceMeter, Ci as PageHeader, wi as Pagination, Ti as PaginationContent, Ei as PaginationEllipsis, Di as PaginationItem, Oi as PaginationLink, ki as PaginationNext, Ai as PaginationPrevious, Ar as PlatformAvatar, kr as PlatformIcon, Tn as Popover, En as PopoverContent, Dn as PopoverDescription, On as PopoverHeader, kn as PopoverTitle, An as PopoverTrigger, Nr as Progress, Pr as ProgressIndicator, Fr as ProgressLabel, Ir as ProgressTrack, Lr as ProgressValue, Ni as Questionnaire, Pi as QuestionnaireActions, Fi as QuestionnaireChoice, Ii as QuestionnaireChoiceDescription, Li as QuestionnaireChoices, Ri as QuestionnaireDescription, zi as QuestionnaireError, Bi as QuestionnaireInput, Vi as QuestionnaireItem, Hi as QuestionnaireNext, Ui as QuestionnairePrevious, Wi as QuestionnaireProgress, Gi as QuestionnaireSkip, Ki as QuestionnaireSubmit, qi as QuestionnaireTitle, Ji as RadioGroup, Yi as RadioGroupItem, Xi as ScrollArea, Zi as ScrollBar, Qi as Select, $i as SelectContent, ea as SelectGroup, ta as SelectItem, na as SelectLabel, ra as SelectScrollDownButton, ia as SelectScrollUpButton, aa as SelectSeparator, oa as SelectTrigger, sa as SelectValue, f as Separator, ae as Sheet, oe as SheetClose, se as SheetContent, ce as SheetDescription, le as SheetFooter, ue as SheetHeader, de as SheetTitle, fe as SheetTrigger, ve as Sidebar, ye as SidebarContent, be as SidebarFooter, xe as SidebarGroup, Se as SidebarGroupAction, Ce as SidebarGroupContent, we as SidebarGroupLabel, Te as SidebarHeader, Ee as SidebarInput, De as SidebarInset, Oe as SidebarMenu, ke as SidebarMenuAction, Ae as SidebarMenuBadge, je as SidebarMenuButton, Me as SidebarMenuItem, Ne as SidebarMenuSkeleton, Pe as SidebarMenuSub, Fe as SidebarMenuSubButton, Ie as SidebarMenuSubItem, Le as SidebarProvider, Re as SidebarRail, ze as SidebarSeparator, Be as SidebarTrigger, ca as SignalDots, la as SignalStrip, pe as Skeleton, ua as Slider, da as SourceAvatar, fa as Spinner, Ea as StackedBarChart, pa as StaleBanner, ma as StateBanner, ga as StatusIndicator, va as SuggestChips, Da as Switch, gn as Table, _n as TableBody, vn as TableCaption, yn as TableCell, bn as TableFooter, xn as TableHead, Sn as TableHeader, Cn as TableRow, ya as Tabs, ba as TabsContent, xa as TabsList, Sa as TabsTrigger, Kt as Textarea, Oa as Toast, ka as ToastAction, Aa as ToastClose, ja as ToastContent, Ma as ToastDescription, Na as ToastPortal, Pa as ToastProvider, Fa as ToastTitle, Ia as ToastViewport, La as Toaster, wa as Toggle, Va as ToggleGroup, Ha as ToggleGroupItem, me as Tooltip, he as TooltipContent, ge as TooltipProvider, _e as TooltipTrigger, ut as badgeVariants, Tt as buttonGroupVariants, r as buttonVariants, Vt as chatBarFormVariants, e as cn, Ra as createToastManager, oi as markerVariants, ci as mediaThumbnailVariants, _i as metricTileVariants, Si as navigationActionVariants, Vr as paceStatusOf, ha as stateBannerVariants, _a as statusDotVariants, Ca as tabsListVariants, za as toast, Ta as toggleVariants, Nt as useCarousel, hn as useComboboxAnchor, Ve as useSidebar, Ba as useToastManager };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almanaclabs/blaze-ui",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "description": "Shared React components and design tokens for Blaze",
   "type": "module",
   "sideEffects": [

package/src/styles/globals.css

@@ -44,6 +44,39 @@
   --color-area-reviews: var(--area-reviews);
   --color-area-reviews-soft: var(--area-reviews-soft);
   --color-area-reviews-foreground: var(--area-reviews-foreground);
+  --color-channel-x: var(--channel-x);
+  --color-channel-x-soft: var(--channel-x-soft);
+  --color-channel-x-foreground: var(--channel-x-foreground);
+  --color-channel-threads: var(--channel-threads);
+  --color-channel-threads-soft: var(--channel-threads-soft);
+  --color-channel-threads-foreground: var(--channel-threads-foreground);
+  --color-channel-instagram: var(--channel-instagram);
+  --color-channel-instagram-soft: var(--channel-instagram-soft);
+  --color-channel-instagram-foreground: var(--channel-instagram-foreground);
+  --color-channel-facebook: var(--channel-facebook);
+  --color-channel-facebook-soft: var(--channel-facebook-soft);
+  --color-channel-facebook-foreground: var(--channel-facebook-foreground);
+  --color-channel-bluesky: var(--channel-bluesky);
+  --color-channel-bluesky-soft: var(--channel-bluesky-soft);
+  --color-channel-bluesky-foreground: var(--channel-bluesky-foreground);
+  --color-channel-linkedin: var(--channel-linkedin);
+  --color-channel-linkedin-soft: var(--channel-linkedin-soft);
+  --color-channel-linkedin-foreground: var(--channel-linkedin-foreground);
+  --color-channel-tiktok: var(--channel-tiktok);
+  --color-channel-tiktok-soft: var(--channel-tiktok-soft);
+  --color-channel-tiktok-foreground: var(--channel-tiktok-foreground);
+  --color-channel-youtube: var(--channel-youtube);
+  --color-channel-youtube-soft: var(--channel-youtube-soft);
+  --color-channel-youtube-foreground: var(--channel-youtube-foreground);
+  --color-channel-google: var(--channel-google);
+  --color-channel-google-soft: var(--channel-google-soft);
+  --color-channel-google-foreground: var(--channel-google-foreground);
+  --color-channel-beehiiv: var(--channel-beehiiv);
+  --color-channel-beehiiv-soft: var(--channel-beehiiv-soft);
+  --color-channel-beehiiv-foreground: var(--channel-beehiiv-foreground);
+  --color-channel-reddit: var(--channel-reddit);
+  --color-channel-reddit-soft: var(--channel-reddit-soft);
+  --color-channel-reddit-foreground: var(--channel-reddit-foreground);
   --color-tone-blue: var(--tone-blue);
   --color-tone-blue-soft: var(--tone-blue-soft);
   --color-tone-violet: var(--tone-violet);
@@ -217,6 +250,81 @@
   --area-ads-soft: color-mix(in srgb, var(--area-ads) 10%, transparent);
   --area-calls-soft: color-mix(in srgb, var(--area-calls) 10%, transparent);
   --area-reviews-soft: color-mix(in srgb, var(--area-reviews) 10%, transparent);
+  /* One color per social channel, for chart series and legends (ADR 0026).
+     -foreground is the readable text shade on the -soft tint. */
+  --channel-x: #0284c7;
+  --channel-threads: #ca8a04;
+  --channel-instagram: #db2777;
+  --channel-facebook: #9333ea;
+  --channel-bluesky: #0d9488;
+  --channel-linkedin: #16a34a;
+  --channel-tiktok: #4f46e5;
+  --channel-youtube: #dc2626;
+  --channel-google: #ea580c;
+  --channel-beehiiv: #65a30d;
+  --channel-reddit: #475569;
+  --channel-x-foreground: #0369a1;
+  --channel-threads-foreground: #854d0e;
+  --channel-instagram-foreground: #be185d;
+  --channel-facebook-foreground: #7e22ce;
+  --channel-bluesky-foreground: #0f766e;
+  --channel-linkedin-foreground: #166534;
+  --channel-tiktok-foreground: #4338ca;
+  --channel-youtube-foreground: #b91c1c;
+  --channel-google-foreground: #9a3412;
+  --channel-beehiiv-foreground: #3f6212;
+  --channel-reddit-foreground: #334155;
+  --channel-x-soft: color-mix(in srgb, var(--channel-x) 10%, transparent);
+  --channel-threads-soft: color-mix(
+    in srgb,
+    var(--channel-threads) 10%,
+    transparent
+  );
+  --channel-instagram-soft: color-mix(
+    in srgb,
+    var(--channel-instagram) 10%,
+    transparent
+  );
+  --channel-facebook-soft: color-mix(
+    in srgb,
+    var(--channel-facebook) 10%,
+    transparent
+  );
+  --channel-bluesky-soft: color-mix(
+    in srgb,
+    var(--channel-bluesky) 10%,
+    transparent
+  );
+  --channel-linkedin-soft: color-mix(
+    in srgb,
+    var(--channel-linkedin) 10%,
+    transparent
+  );
+  --channel-tiktok-soft: color-mix(
+    in srgb,
+    var(--channel-tiktok) 10%,
+    transparent
+  );
+  --channel-youtube-soft: color-mix(
+    in srgb,
+    var(--channel-youtube) 10%,
+    transparent
+  );
+  --channel-google-soft: color-mix(
+    in srgb,
+    var(--channel-google) 10%,
+    transparent
+  );
+  --channel-beehiiv-soft: color-mix(
+    in srgb,
+    var(--channel-beehiiv) 10%,
+    transparent
+  );
+  --channel-reddit-soft: color-mix(
+    in srgb,
+    var(--channel-reddit) 10%,
+    transparent
+  );
   /*
    * Category tones: a color and its soft tint for consumer-defined categories
    * (kinds of idea, content types) that are not product areas. The color is the
@@ -302,6 +410,79 @@
   --area-ads-soft: color-mix(in srgb, var(--area-ads) 16%, transparent);
   --area-calls-soft: color-mix(in srgb, var(--area-calls) 16%, transparent);
   --area-reviews-soft: color-mix(in srgb, var(--area-reviews) 16%, transparent);
+  --channel-x: #38bdf8;
+  --channel-threads: #facc15;
+  --channel-instagram: #f472b6;
+  --channel-facebook: #a855f7;
+  --channel-bluesky: #2dd4bf;
+  --channel-linkedin: #4ade80;
+  --channel-tiktok: #818cf8;
+  --channel-youtube: #f87171;
+  --channel-google: #fb923c;
+  --channel-beehiiv: #a3e635;
+  --channel-reddit: #94a3b8;
+  --channel-x-foreground: #7dd3fc;
+  --channel-threads-foreground: #fde047;
+  --channel-instagram-foreground: #f9a8d4;
+  --channel-facebook-foreground: #d8b4fe;
+  --channel-bluesky-foreground: #5eead4;
+  --channel-linkedin-foreground: #86efac;
+  --channel-tiktok-foreground: #a5b4fc;
+  --channel-youtube-foreground: #fca5a5;
+  --channel-google-foreground: #fdba74;
+  --channel-beehiiv-foreground: #bef264;
+  --channel-reddit-foreground: #cbd5e1;
+  --channel-x-soft: color-mix(in srgb, var(--channel-x) 16%, transparent);
+  --channel-threads-soft: color-mix(
+    in srgb,
+    var(--channel-threads) 16%,
+    transparent
+  );
+  --channel-instagram-soft: color-mix(
+    in srgb,
+    var(--channel-instagram) 16%,
+    transparent
+  );
+  --channel-facebook-soft: color-mix(
+    in srgb,
+    var(--channel-facebook) 16%,
+    transparent
+  );
+  --channel-bluesky-soft: color-mix(
+    in srgb,
+    var(--channel-bluesky) 16%,
+    transparent
+  );
+  --channel-linkedin-soft: color-mix(
+    in srgb,
+    var(--channel-linkedin) 16%,
+    transparent
+  );
+  --channel-tiktok-soft: color-mix(
+    in srgb,
+    var(--channel-tiktok) 16%,
+    transparent
+  );
+  --channel-youtube-soft: color-mix(
+    in srgb,
+    var(--channel-youtube) 16%,
+    transparent
+  );
+  --channel-google-soft: color-mix(
+    in srgb,
+    var(--channel-google) 16%,
+    transparent
+  );
+  --channel-beehiiv-soft: color-mix(
+    in srgb,
+    var(--channel-beehiiv) 16%,
+    transparent
+  );
+  --channel-reddit-soft: color-mix(
+    in srgb,
+    var(--channel-reddit) 16%,
+    transparent
+  );
   --tone-blue: #8ab0f4;
   --tone-blue-soft: color-mix(in srgb, var(--tone-blue) 16%, transparent);
   --tone-violet: #c4b5fd;