@almanaclabs/blaze-ui 0.10.0 → 0.12.0

package/dist/components/editable-text/index.d.ts.map

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

package/dist/components/face-stack-button/face-stack-button.d.ts

@@ -0,0 +1,31 @@
+import { ButtonProps } from '../button';
+import * as React from 'react';
+type FaceStackFace = {
+    /** Profile photo; without one the first letter of `name` shows. */
+    src?: string | null;
+    name: string;
+};
+type FaceStackButtonProps = Omit<ButtonProps, 'children' | 'size' | 'className'> & {
+    className?: string;
+    /** The people or accounts behind the destination. Only the first `max` are drawn. */
+    faces: readonly FaceStackFace[];
+    /** How many faces overlap at the start of the button. */
+    max?: number;
+    /** `md` for a row or section header (20px faces), `lg` beside a page title (26px faces). */
+    size?: 'md' | 'lg';
+    /** The destination's name, in the button's own weight. */
+    label?: React.ReactNode;
+    /** A count, in the quiet tone after the label. */
+    count?: React.ReactNode;
+    /** Words after the count, in the same quiet tone ("from accounts you watch"). */
+    detail?: React.ReactNode;
+    /** The trailing chevron that says the button opens somewhere. */
+    showChevron?: boolean;
+};
+/**
+ * A secondary button led by a stack of overlapping faces, then a label and a count.
+ * It opens the place those people live (a watch list, followers, a team) on click.
+ */
+declare function FaceStackButton({ faces, max, size, label, count, detail, showChevron, variant, className, ...props }: FaceStackButtonProps): React.JSX.Element;
+export { FaceStackButton, type FaceStackButtonProps, type FaceStackFace };
+//# sourceMappingURL=face-stack-button.d.ts.map

package/dist/components/face-stack-button/face-stack-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"face-stack-button.d.ts","sourceRoot":"","sources":["../../../src/components/face-stack-button/face-stack-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AAGpD,KAAK,aAAa,GAAG;IACnB,mEAAmE;IACnE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,oBAAoB,GAAG,IAAI,CAC9B,WAAW,EACX,UAAU,GAAG,MAAM,GAAG,WAAW,CAClC,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qFAAqF;IACrF,KAAK,EAAE,SAAS,aAAa,EAAE,CAAA;IAC/B,yDAAyD;IACzD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,4FAA4F;IAC5F,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,kDAAkD;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,iFAAiF;IACjF,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,iEAAiE;IACjE,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;GAGG;AACH,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,GAAO,EACP,IAAW,EACX,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAkB,EAClB,OAAqB,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,qBAoDtB;AAED,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,aAAa,EAAE,CAAA"}

package/dist/components/face-stack-button/face-stack-button.js

@@ -0,0 +1,47 @@
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import { AvatarGroup as n } from "../avatar/avatar.js";
+import { PlatformAvatar as r } from "../platform-avatar/platform-avatar.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { IconChevronRight as s } from "@tabler/icons-react";
+//#region src/components/face-stack-button/face-stack-button.tsx
+function c({ faces: c, max: l = 4, size: u = "md", label: d, count: f, detail: p, showChevron: m = !0, variant: h = "secondary", className: g, ..._ }) {
+	let v = u === "lg" ? 26 : 20, y = [f, p].filter((e) => e != null && e !== "");
+	return /* @__PURE__ */ o(t, {
+		"data-face-stack": "",
+		size: u,
+		variant: h,
+		className: e("gap-2.5 pl-1.5", g),
+		..._,
+		children: [
+			/* @__PURE__ */ a(n, {
+				"aria-hidden": "true",
+				className: "-space-x-2 *:data-[slot=avatar]:ring-card",
+				children: c.slice(0, l).map((e, t) => /* @__PURE__ */ a(r, {
+					src: e.src,
+					name: e.name,
+					size: v
+				}, `${e.name}-${t}`))
+			}),
+			/* @__PURE__ */ o("span", {
+				"data-slot": "face-stack-button-text",
+				children: [
+					d,
+					d !== void 0 && y.length > 0 ? " " : null,
+					y.length > 0 ? /* @__PURE__ */ a("span", {
+						"data-slot": "face-stack-button-count",
+						className: "font-normal text-muted-foreground",
+						children: y.map((e, t) => /* @__PURE__ */ o(i.Fragment, { children: [t > 0 ? " " : null, e] }, t))
+					}) : null
+				]
+			}),
+			m ? /* @__PURE__ */ a(s, {
+				"aria-hidden": "true",
+				className: "size-4 text-muted-foreground"
+			}) : null
+		]
+	});
+}
+//#endregion
+export { c as FaceStackButton };

package/dist/components/face-stack-button/index.d.ts

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

package/dist/components/face-stack-button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/face-stack-button/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,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/goal-card/goal-card.d.ts

@@ -0,0 +1,51 @@
+import { Badge } from '../badge';
+import { Card } from '../card';
+import * as React from 'react';
+export type PaceStatus = 'behind' | 'on-track' | 'ahead';
+/** Under 85% of the pace a goal needs is behind; over 115% is ahead. */
+declare function paceStatusOf(value: number, target: number): PaceStatus;
+export interface PaceBadgeProps extends Omit<React.ComponentProps<typeof Badge>, 'variant'> {
+    status: PaceStatus;
+}
+/** Behind, On track or Ahead, in the status's color. Children replace the label. */
+declare function PaceBadge({ status, size, children, ...props }: PaceBadgeProps): React.JSX.Element;
+export interface PaceMeterProps extends Omit<React.ComponentProps<'div'>, 'children'> {
+    /** Where things stand now, such as the last 7 days. */
+    value: number;
+    /** The pace the goal needs. Drawn as the tick. */
+    target: number;
+    /** The end of the bar. Defaults to half again past the target, or the value if higher. */
+    max?: number;
+    /** Colors the fill. Defaults to `paceStatusOf(value, target)`. */
+    status?: PaceStatus;
+    /** Accessible name. Defaults to "value of target". */
+    'aria-label'?: string;
+}
+/** A bar of the current pace against the pace a goal needs; the tick marks the target. */
+declare function PaceMeter({ value, target, max: maxProp, status, className, 'aria-label': ariaLabel, ...props }: PaceMeterProps): React.JSX.Element;
+export interface GoalCardProps extends Omit<React.ComponentProps<typeof Card>, 'children'> {
+    /** What the goal is about, such as a channel or a site. */
+    label: React.ReactNode;
+    /** A 16px mark before the label. */
+    icon?: React.ReactNode;
+    /** Something small after the label, such as a "changed" dot. */
+    indicator?: React.ReactNode;
+    /** The current pace, as a number, for the meter. */
+    value: number;
+    /** The pace the goal needs. */
+    target: number;
+    /** How the value reads. Defaults to the value with thousands separators. */
+    valueLabel?: React.ReactNode;
+    /** The line under the value, such as "new followers last 7 days". */
+    unit?: React.ReactNode;
+    /** The line under the meter. Defaults to "Target {target}". */
+    targetLabel?: React.ReactNode;
+    /** Overrides the status worked out from value and target. */
+    status?: PaceStatus;
+    /** Makes the whole card a button. */
+    onOpen?: () => void;
+}
+/** One goal: its status, the current number, a pace meter and the pace it needs. */
+declare function GoalCard({ label, icon, indicator, value, target, valueLabel, unit, targetLabel, status: statusProp, onOpen, className, onKeyDown, ...props }: GoalCardProps): React.JSX.Element;
+export { GoalCard, PaceBadge, PaceMeter, paceStatusOf };
+//# sourceMappingURL=goal-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"goal-card.d.ts","sourceRoot":"","sources":["../../../src/components/goal-card/goal-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAIxC,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAA;AAExD,wEAAwE;AACxE,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,UAAU,CAI/D;AAqBD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAClC,SAAS,CACV;IACC,MAAM,EAAE,UAAU,CAAA;CACnB;AAED,oFAAoF;AACpF,iBAAS,SAAS,CAAC,EACjB,MAAM,EACN,IAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,qBAWhB;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAC3B,UAAU,CACX;IACC,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,MAAM,EAAE,MAAM,CAAA;IACd,0FAA0F;IAC1F,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,kEAAkE;IAClE,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,0FAA0F;AAC1F,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,MAAM,EACN,GAAG,EAAE,OAAO,EACZ,MAAM,EACN,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,cAAc,qBAyBhB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EACjC,UAAU,CACX;IACC,2DAA2D;IAC3D,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,oCAAoC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,gEAAgE;IAChE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,+BAA+B;IAC/B,MAAM,EAAE,MAAM,CAAA;IACd,4EAA4E;IAC5E,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,qEAAqE;IACrE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,6DAA6D;IAC7D,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,oFAAoF;AACpF,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,UAAU,EACV,IAAI,EACJ,WAAW,EACX,MAAM,EAAE,UAAU,EAClB,MAAM,EACN,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,qBAgDf;AAED,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

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

@@ -0,0 +1,109 @@
+import { cn as e } from "../../lib/utils.js";
+import { Card as t } from "../card/card.js";
+import { Badge as n } from "../badge/badge.js";
+import { Progress as r } from "../progress/progress.js";
+import "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/goal-card/goal-card.tsx
+function o(e, t) {
+	return e < t * .85 ? "behind" : e > t * 1.15 ? "ahead" : "on-track";
+}
+var s = {
+	behind: "Behind",
+	"on-track": "On track",
+	ahead: "Ahead"
+}, c = {
+	behind: "warning",
+	"on-track": "success",
+	ahead: "info"
+}, l = {
+	behind: "[&_[data-slot=progress-indicator]]:bg-warning",
+	"on-track": "[&_[data-slot=progress-indicator]]:bg-success",
+	ahead: "[&_[data-slot=progress-indicator]]:bg-primary"
+};
+function u({ status: e, size: t = "md", children: r, ...a }) {
+	return /* @__PURE__ */ i(n, {
+		"data-pace": e,
+		variant: c[e],
+		size: t,
+		...a,
+		children: r ?? s[e]
+	});
+}
+function d({ value: t, target: n, max: s, status: c, className: u, "aria-label": d, ...f }) {
+	let p = s ?? Math.max(n * 1.5, t, 1), m = c ?? o(t, n);
+	return /* @__PURE__ */ a("div", {
+		"data-slot": "pace-meter",
+		"data-pace": m,
+		className: e("relative py-1", u),
+		...f,
+		children: [/* @__PURE__ */ i(r, {
+			value: Math.max(1.5, Math.max(0, t) / p * 100),
+			"aria-label": d ?? `${t} of ${n}`,
+			className: e("[&_[data-slot=progress-track]]:h-2", l[m])
+		}), /* @__PURE__ */ i("span", {
+			"data-slot": "pace-meter-target",
+			"aria-hidden": "true",
+			className: "absolute top-0 h-4 w-0.5 rounded-full bg-foreground",
+			style: { left: `calc(${Math.min(100, n / p * 100)}% - 1px)` }
+		})]
+	});
+}
+function f({ label: n, icon: r, indicator: s, value: c, target: l, valueLabel: f, unit: p, targetLabel: m, status: h, onOpen: g, className: _, onKeyDown: v, ...y }) {
+	let b = h ?? o(c, l), x = !!g;
+	return /* @__PURE__ */ a(t, {
+		"data-slot": "goal-card",
+		"data-pace": b,
+		role: x ? "button" : void 0,
+		tabIndex: x ? 0 : void 0,
+		onClick: g,
+		onKeyDown: (e) => {
+			v?.(e), !(!g || e.defaultPrevented) && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), g());
+		},
+		className: e("gap-0 p-4", x && "cursor-pointer transition-colors hover:border-ring focus-visible:border-ring focus-visible:outline-none", _),
+		...y,
+		children: [
+			/* @__PURE__ */ a("div", {
+				"data-slot": "goal-card-header",
+				className: "flex items-center gap-2",
+				children: [
+					r ? /* @__PURE__ */ i("span", {
+						className: "flex flex-none [&>svg]:size-4",
+						children: r
+					}) : null,
+					/* @__PURE__ */ i("span", {
+						className: "type-label min-w-0 truncate",
+						children: n
+					}),
+					s
+				]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "mt-3",
+				children: /* @__PURE__ */ i(u, { status: b })
+			}),
+			/* @__PURE__ */ i("p", {
+				className: "type-metric mt-3",
+				children: f ?? c.toLocaleString("en-US")
+			}),
+			p ? /* @__PURE__ */ i("p", {
+				className: "type-meta text-muted-foreground",
+				children: p
+			}) : null,
+			/* @__PURE__ */ i("div", {
+				className: "mt-3",
+				children: /* @__PURE__ */ i(d, {
+					value: c,
+					target: l,
+					status: b
+				})
+			}),
+			/* @__PURE__ */ i("p", {
+				className: "type-meta mt-1.5 text-muted-foreground",
+				children: m ?? `Target ${l.toLocaleString("en-US")}`
+			})
+		]
+	});
+}
+//#endregion
+export { f as GoalCard, u as PaceBadge, d as PaceMeter, o as paceStatusOf };

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

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

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

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

package/dist/components/input-group/input-group.d.ts

@@ -9,7 +9,7 @@ declare const inputGroupVariants: (props?: ({
 type InputGroupProps = React.ComponentProps<'div'> & VariantProps<typeof inputGroupVariants>;
 declare function InputGroup({ className, size, ...props }: InputGroupProps): React.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({

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/media-thumbnail/index.d.ts

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

package/dist/components/media-thumbnail/index.d.ts.map

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

package/dist/components/media-thumbnail/media-thumbnail.d.ts

@@ -0,0 +1,21 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const mediaThumbnailVariants: (props?: ({
+    shape?: "cover" | "square" | null | undefined;
+    tone?: "blue" | "green" | "violet" | "neutral" | "amber" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type MediaThumbnailProps = Omit<React.ComponentProps<'span'>, 'children'> & VariantProps<typeof mediaThumbnailVariants> & {
+    /** The picture. Without one, the tile shows its tone with `icon`. */
+    src?: string | null;
+    /** Text alternative. Empty by default, since the item's title says what it is. */
+    alt?: string;
+    /** Drawn at 28px in the tone's color when there is no picture. */
+    icon?: React.ReactNode;
+};
+/**
+ * An item's picture, or its category's color with an icon when it has none.
+ * `shape` sets the size and corners; `tone` the color of the empty tile.
+ */
+declare function MediaThumbnail({ src, alt, icon, shape, tone, className, ...props }: MediaThumbnailProps): React.JSX.Element;
+export { MediaThumbnail, mediaThumbnailVariants, type MediaThumbnailProps };
+//# sourceMappingURL=media-thumbnail.d.ts.map

package/dist/components/media-thumbnail/media-thumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-thumbnail.d.ts","sourceRoot":"","sources":["../../../src/components/media-thumbnail/media-thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,sBAAsB;;;8EAuB3B,CAAA;AAED,KAAK,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,GACvE,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,qEAAqE;IACrE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,kFAAkF;IAClF,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,kEAAkE;IAClE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAEH;;;GAGG;AACH,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,GAAQ,EACR,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,qBAkCrB;AAED,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,KAAK,mBAAmB,EAAE,CAAA"}

package/dist/components/media-thumbnail/media-thumbnail.js

@@ -0,0 +1,50 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { cva as t } from "class-variance-authority";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/media-thumbnail/media-thumbnail.tsx
+var r = t("flex shrink-0 items-center justify-center overflow-hidden", {
+	variants: {
+		shape: {
+			square: "size-13 rounded-sm",
+			cover: "aspect-video w-full"
+		},
+		tone: {
+			neutral: "bg-surface-subtle text-muted-foreground",
+			blue: "bg-tone-blue-soft text-tone-blue",
+			violet: "bg-tone-violet-soft text-tone-violet",
+			amber: "bg-tone-amber-soft text-tone-amber",
+			green: "bg-tone-green-soft text-tone-green"
+		}
+	},
+	defaultVariants: {
+		shape: "square",
+		tone: "neutral"
+	}
+});
+function i({ src: t, alt: i = "", icon: a, shape: o, tone: s, className: c, ...l }) {
+	return t ? /* @__PURE__ */ n("img", {
+		"data-slot": "media-thumbnail",
+		"data-shape": o ?? "square",
+		src: t,
+		alt: i,
+		className: e(r({ shape: o }), "bg-surface-subtle object-cover", c),
+		...l
+	}) : /* @__PURE__ */ n("span", {
+		"data-slot": "media-thumbnail",
+		"data-shape": o ?? "square",
+		"data-tone": s ?? "neutral",
+		...i ? {
+			role: "img",
+			"aria-label": i
+		} : { "aria-hidden": !0 },
+		className: e(r({
+			shape: o,
+			tone: s
+		}), "[--icon-stroke-width:var(--icon-stroke-32)] [&>svg]:size-7", c),
+		...l,
+		children: a
+	});
+}
+//#endregion
+export { i as MediaThumbnail, r as mediaThumbnailVariants };

package/dist/components/metric-tile/index.d.ts

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

package/dist/components/metric-tile/index.d.ts.map

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

package/dist/components/metric-tile/metric-tile.d.ts

@@ -0,0 +1,34 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const metricTileVariants: (props?: ({
+    variant?: "subtle" | "plain" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const metricTileValueVariants: (props?: ({
+    size?: "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface MetricTileDelta {
+    /** Which way the number moved. Draws the arrow. */
+    trend: 'up' | 'down';
+    /** Whether the move is good news. Defaults to up being good. */
+    tone?: 'positive' | 'negative';
+    /** The comparison, such as "vs 120 the 7 days before". */
+    label: React.ReactNode;
+}
+export interface MetricTileProps extends Omit<React.ComponentProps<'div'>, 'children'>, VariantProps<typeof metricTileVariants>, VariantProps<typeof metricTileValueVariants> {
+    /** What the number counts. With an icon, the label reads as the tile's heading. */
+    label: React.ReactNode;
+    /** A mark before the label, such as a channel's icon on its tint. */
+    icon?: React.ReactNode;
+    /** The number itself, already formatted. */
+    value: React.ReactNode;
+    /** The line right under the value, such as "followers". */
+    unit?: React.ReactNode;
+    /** The change against an earlier period, with an arrow. */
+    delta?: MetricTileDelta;
+    /** A closing line, such as "so far" or "120 a day". */
+    note?: React.ReactNode;
+}
+/** One number with its label, an optional change against before, and a note. */
+declare function MetricTile({ label, icon, value, unit, delta, note, variant, size, className, ...props }: MetricTileProps): React.JSX.Element;
+export { MetricTile, metricTileVariants };
+//# sourceMappingURL=metric-tile.d.ts.map

package/dist/components/metric-tile/metric-tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-tile.d.ts","sourceRoot":"","sources":["../../../src/components/metric-tile/metric-tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,kBAAkB;;8EAYtB,CAAA;AAEF,QAAA,MAAM,uBAAuB;;8EAU3B,CAAA;AAEF,MAAM,WAAW,eAAe;IAC9B,mDAAmD;IACnD,KAAK,EAAE,IAAI,GAAG,MAAM,CAAA;IACpB,gEAAgE;IAChE,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAA;IAC9B,0DAA0D;IAC1D,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,MAAM,WAAW,eACf,SACE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,EAC7C,YAAY,CAAC,OAAO,kBAAkB,CAAC,EACvC,YAAY,CAAC,OAAO,uBAAuB,CAAC;IAC9C,mFAAmF;IACnF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,qEAAqE;IACrE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,4CAA4C;IAC5C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,uDAAuD;IACvD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED,gFAAgF;AAChF,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,qBAoEjB;AAED,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/components/metric-tile/metric-tile.js

@@ -0,0 +1,75 @@
+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";
+import { IconArrowDownRight as i, IconArrowUpRight as a } from "@tabler/icons-react";
+//#region src/components/metric-tile/metric-tile.tsx
+var o = t("flex min-w-0 flex-col", {
+	variants: { variant: {
+		subtle: "rounded-xl bg-surface-subtle px-4 py-3",
+		plain: ""
+	} },
+	defaultVariants: { variant: "subtle" }
+}), s = t("tabular-nums", {
+	variants: { size: {
+		lg: "type-page-title",
+		md: "type-metric"
+	} },
+	defaultVariants: { size: "lg" }
+});
+function c({ label: t, icon: c, value: l, unit: u, delta: d, note: f, variant: p, size: m, className: h, ...g }) {
+	let _ = d?.tone ?? (d?.trend === "down" ? "negative" : "positive"), v = d?.trend === "down" ? i : a;
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "metric-tile",
+		"data-variant": p ?? "subtle",
+		className: e(o({ variant: p }), h),
+		...g,
+		children: [
+			c ? /* @__PURE__ */ r("p", {
+				"data-slot": "metric-tile-label",
+				className: "type-label flex items-center gap-2 font-medium",
+				children: [c, t]
+			}) : /* @__PURE__ */ n("p", {
+				"data-slot": "metric-tile-label",
+				className: "type-meta text-muted-foreground",
+				children: t
+			}),
+			/* @__PURE__ */ n("p", {
+				"data-slot": "metric-tile-value",
+				className: e(s({ size: m }), c ? "mt-5" : m === "md" && "mt-0.5"),
+				children: l
+			}),
+			u ? /* @__PURE__ */ n("div", {
+				className: "type-meta text-muted-foreground",
+				children: u
+			}) : null,
+			d ? /* @__PURE__ */ r("p", {
+				"data-slot": "metric-tile-delta",
+				"data-trend": d.trend,
+				className: "type-meta mt-0.5 flex items-center gap-1 text-muted-foreground",
+				children: [
+					/* @__PURE__ */ n(v, {
+						"aria-hidden": "true",
+						className: e("icon-optical-14 shrink-0", _ === "positive" ? "text-success" : "text-warning")
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "sr-only",
+						children: [
+							d.trend === "up" ? "Up" : "Down",
+							",",
+							" "
+						]
+					}),
+					d.label
+				]
+			}) : null,
+			f ? /* @__PURE__ */ n("div", {
+				"data-slot": "metric-tile-note",
+				className: "type-meta text-muted-foreground",
+				children: f
+			}) : null
+		]
+	});
+}
+//#endregion
+export { c as MetricTile, o as metricTileVariants };

package/dist/components/page-header/index.d.ts

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

package/dist/components/page-header/index.d.ts.map

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

package/dist/components/page-header/page-header.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+type PageHeaderProps = Omit<React.ComponentProps<'header'>, 'title'> & {
+    /** The page title. */
+    title: React.ReactNode;
+    /** One muted line under the title. */
+    subtitle?: React.ReactNode;
+    /** A small line above the title, such as today's date. */
+    eyebrow?: React.ReactNode;
+    /** The page's own actions, top right. */
+    actions?: React.ReactNode;
+    /** Use the display title (a greeting or editorial title) instead of the page title. */
+    display?: boolean;
+};
+declare function PageHeader({ title, subtitle, eyebrow, actions, display, className, ...props }: PageHeaderProps): React.JSX.Element;
+export { PageHeader, type PageHeaderProps };
+//# sourceMappingURL=page-header.d.ts.map

package/dist/components/page-header/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,GAAG;IACrE,sBAAsB;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,yCAAyC;IACzC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,qBAyCjB;AAED,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAA"}