@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/assign-doctor-dialog.mjs

@@ -0,0 +1,194 @@
+import { Button } from "./button.mjs";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "./dialog.mjs";
+import { SearchableSelect } from "./select.mjs";
+import { Field, FieldError, FieldLabel } from "./field.mjs";
+import { Input } from "./input.mjs";
+import { Checkbox } from "./checkbox.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Search } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/assign-doctor-dialog.tsx
+const EMPTY = [];
+/** Search box with a leading magnifier, used to filter the two checklists. */
+function ListSearch({ value, onChange, placeholder, label }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:relative",
+		children: [/* @__PURE__ */ jsx(Search, { className: "wwc:absolute wwc:left-2.5 wwc:top-1/2 wwc:h-4 wwc:w-4 wwc:-translate-y-1/2 wwc:text-muted-foreground" }), /* @__PURE__ */ jsx(Input, {
+			"aria-label": label,
+			value,
+			onChange: (e) => onChange(e.target.value),
+			placeholder,
+			className: "wwc:pl-8"
+		})]
+	});
+}
+/**
+* Scrollable checklist with a "Select all (N)" master control. The master reflects the *filtered*
+* set, so selecting all after a search only touches what is visible.
+*/
+function CheckList({ title, options, selected, onChange, searchPlaceholder }) {
+	const [query, setQuery] = React.useState("");
+	const visible = React.useMemo(() => {
+		const q = query.trim().toLowerCase();
+		return q === "" ? options : options.filter((option) => option.label.toLowerCase().includes(q));
+	}, [options, query]);
+	const visibleValues = visible.map((option) => option.value);
+	const allVisibleSelected = visibleValues.length > 0 && visibleValues.every((value) => selected.includes(value));
+	const someVisibleSelected = visibleValues.some((value) => selected.includes(value));
+	const toggleAll = (checked) => {
+		if (checked) onChange(Array.from(/* @__PURE__ */ new Set([...selected, ...visibleValues])));
+		else onChange(selected.filter((value) => !visibleValues.includes(value)));
+	};
+	const toggleOne = (value, checked) => {
+		onChange(checked ? [...selected, value] : selected.filter((v) => v !== value));
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:border-b wwc:px-4 wwc:py-3 wwc:last:border-b-0",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:mb-2.5 wwc:flex wwc:items-center wwc:justify-between wwc:gap-3",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "wwc:min-w-0 wwc:text-xs wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground",
+					children: title
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "wwc:shrink-0 wwc:text-xs wwc:text-muted-foreground",
+					children: [selected.length, " selected"]
+				})]
+			}),
+			/* @__PURE__ */ jsx(ListSearch, {
+				value: query,
+				onChange: setQuery,
+				placeholder: searchPlaceholder,
+				label: searchPlaceholder
+			}),
+			/* @__PURE__ */ jsxs("label", {
+				className: "wwc:mt-2.5 wwc:flex wwc:cursor-pointer wwc:items-center wwc:gap-2 wwc:text-sm",
+				children: [
+					/* @__PURE__ */ jsx(Checkbox, {
+						checked: allVisibleSelected ? true : someVisibleSelected ? "indeterminate" : false,
+						onCheckedChange: (checked) => toggleAll(!!checked)
+					}),
+					"Select all (",
+					visible.length,
+					")"
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "wwc:mt-2 wwc:max-h-52 wwc:overflow-y-auto wwc:rounded-md wwc:border wwc:p-2",
+				children: visible.length === 0 ? /* @__PURE__ */ jsx("p", {
+					className: "wwc:py-4 wwc:text-center wwc:text-sm wwc:text-muted-foreground",
+					children: "No matches."
+				}) : /* @__PURE__ */ jsx("ul", {
+					className: "wwc:space-y-1",
+					children: visible.map((option) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", {
+						className: "wwc:flex wwc:cursor-pointer wwc:items-center wwc:gap-2 wwc:rounded-sm wwc:px-1 wwc:py-1 wwc:text-sm wwc:hover:bg-accent",
+						children: [/* @__PURE__ */ jsx(Checkbox, {
+							checked: selected.includes(option.value),
+							onCheckedChange: (checked) => toggleOne(option.value, !!checked)
+						}), option.label]
+					}) }, option.value))
+				})
+			})
+		]
+	});
+}
+/** Dialog form for granting a doctor visibility over companies' workers and clinics' visitor-visits. */
+function AssignDoctorDialog({ open, onOpenChange, trigger, doctors = EMPTY, companies = EMPTY, clinics = EMPTY, onSave, className }) {
+	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+	const isOpen = open ?? uncontrolledOpen;
+	const [doctor, setDoctor] = React.useState("");
+	const [selectedCompanies, setSelectedCompanies] = React.useState([]);
+	const [selectedClinics, setSelectedClinics] = React.useState([]);
+	const [showErrors, setShowErrors] = React.useState(false);
+	const handleOpenChange = (next) => {
+		if (next) {
+			setDoctor("");
+			setSelectedCompanies([]);
+			setSelectedClinics([]);
+			setShowErrors(false);
+		}
+		if (open === void 0) setUncontrolledOpen(next);
+		onOpenChange?.(next);
+	};
+	const doctorError = doctor === "" ? "Select a doctor." : void 0;
+	const scopeError = selectedCompanies.length === 0 && selectedClinics.length === 0 ? "Select at least one company or clinic." : void 0;
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open: isOpen,
+		onOpenChange: handleOpenChange,
+		children: [trigger ? /* @__PURE__ */ jsx(DialogTrigger, {
+			asChild: true,
+			children: trigger
+		}) : null, /* @__PURE__ */ jsxs(DialogContent, {
+			className: cn("wwc:max-h-[85vh] wwc:gap-0 wwc:overflow-y-auto wwc:p-0 wwc:sm:max-w-[560px]", className),
+			"aria-describedby": void 0,
+			children: [
+				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Assign Doctor" }) }),
+				/* @__PURE__ */ jsx("div", {
+					className: "wwc:border-b wwc:px-4 wwc:py-3",
+					children: /* @__PURE__ */ jsxs(Field, { children: [
+						/* @__PURE__ */ jsx(FieldLabel, {
+							htmlFor: "assign-doctor",
+							children: "Doctor"
+						}),
+						/* @__PURE__ */ jsx(SearchableSelect, {
+							options: doctors,
+							value: doctor,
+							onValueChange: setDoctor,
+							placeholder: "Search doctor by name or email...",
+							searchPlaceholder: "Search doctors...",
+							emptyMessage: "No doctors found."
+						}),
+						showErrors && doctorError && /* @__PURE__ */ jsx(FieldError, { children: doctorError })
+					] })
+				}),
+				/* @__PURE__ */ jsx(CheckList, {
+					title: "Companies",
+					options: companies,
+					selected: selectedCompanies,
+					onChange: setSelectedCompanies,
+					searchPlaceholder: "Search companies..."
+				}),
+				/* @__PURE__ */ jsx(CheckList, {
+					title: "Clinics",
+					options: clinics,
+					selected: selectedClinics,
+					onChange: setSelectedClinics,
+					searchPlaceholder: "Search clinics..."
+				}),
+				showErrors && scopeError && /* @__PURE__ */ jsx("p", {
+					className: "wwc:border-b wwc:border-border wwc:px-4 wwc:py-2 wwc:text-sm wwc:text-destructive",
+					children: scopeError
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, {
+					className: "wwc:border-t wwc:border-border wwc:px-4 wwc:py-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => handleOpenChange(false),
+						children: "Cancel"
+					}), /* @__PURE__ */ jsx(Button, {
+						size: "sm",
+						onClick: () => {
+							if (doctorError || scopeError) {
+								setShowErrors(true);
+								return;
+							}
+							onSave?.({
+								doctor,
+								companies: selectedCompanies,
+								clinics: selectedClinics
+							});
+							handleOpenChange(false);
+						},
+						children: "Assign"
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { AssignDoctorDialog };
+
+//# sourceMappingURL=assign-doctor-dialog.mjs.map

package/dist/assign-doctor-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"assign-doctor-dialog.mjs","names":[],"sources":["../src/assign-doctor-dialog.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {Search} from \"lucide-react\";\nimport * as React from \"react\";\n\nimport {Button} from \"./button\";\nimport {Checkbox} from \"./checkbox\";\nimport {Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger} from \"./dialog\";\nimport {Field, FieldError, FieldLabel} from \"./field\";\nimport {Input} from \"./input\";\nimport {SearchableSelect} from \"./select\";\n\nexport interface AssignDoctorOption {\n\tvalue: string;\n\tlabel: string;\n}\n\nexport interface AssignDoctorValue {\n\tdoctor: string;\n\tcompanies: string[];\n\tclinics: string[];\n}\n\nexport interface AssignDoctorDialogProps {\n\t/** Controlled open state. Omit to let the dialog manage its own. */\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n\t/** Rendered inside DialogTrigger. Omit when driving `open` yourself. */\n\ttrigger?: React.ReactNode;\n\tdoctors?: AssignDoctorOption[];\n\tcompanies?: AssignDoctorOption[];\n\tclinics?: AssignDoctorOption[];\n\tonSave?: (value: AssignDoctorValue) => void;\n\tclassName?: string;\n}\n\nconst EMPTY: AssignDoctorOption[] = [];\n\n/** Search box with a leading magnifier, used to filter the two checklists. */\nfunction ListSearch({\n\tvalue,\n\tonChange,\n\tplaceholder,\n\tlabel,\n}: {\n\tvalue: string;\n\tonChange: (next: string) => void;\n\tplaceholder: string;\n\tlabel: string;\n}) {\n\treturn (\n\t\t<div className=\"wwc:relative\">\n\t\t\t<Search className=\"wwc:absolute wwc:left-2.5 wwc:top-1/2 wwc:h-4 wwc:w-4 wwc:-translate-y-1/2 wwc:text-muted-foreground\" />\n\t\t\t<Input\n\t\t\t\taria-label={label}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={(e) => onChange(e.target.value)}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\tclassName=\"wwc:pl-8\"\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\n/**\n * Scrollable checklist with a \"Select all (N)\" master control. The master reflects the *filtered*\n * set, so selecting all after a search only touches what is visible.\n */\nfunction CheckList({\n\ttitle,\n\toptions,\n\tselected,\n\tonChange,\n\tsearchPlaceholder,\n}: {\n\ttitle: string;\n\toptions: AssignDoctorOption[];\n\tselected: string[];\n\tonChange: (next: string[]) => void;\n\tsearchPlaceholder: string;\n}) {\n\tconst [query, setQuery] = React.useState(\"\");\n\n\tconst visible = React.useMemo(() => {\n\t\tconst q = query.trim().toLowerCase();\n\t\treturn q === \"\" ? options : options.filter((option) => option.label.toLowerCase().includes(q));\n\t}, [options, query]);\n\n\tconst visibleValues = visible.map((option) => option.value);\n\tconst allVisibleSelected = visibleValues.length > 0 && visibleValues.every((value) => selected.includes(value));\n\tconst someVisibleSelected = visibleValues.some((value) => selected.includes(value));\n\n\tconst toggleAll = (checked: boolean) => {\n\t\tif (checked) onChange(Array.from(new Set([...selected, ...visibleValues])));\n\t\telse onChange(selected.filter((value) => !visibleValues.includes(value)));\n\t};\n\n\tconst toggleOne = (value: string, checked: boolean) => {\n\t\tonChange(checked ? [...selected, value] : selected.filter((v) => v !== value));\n\t};\n\n\treturn (\n\t\t<div className=\"wwc:border-b wwc:px-4 wwc:py-3 wwc:last:border-b-0\">\n\t\t\t<div className=\"wwc:mb-2.5 wwc:flex wwc:items-center wwc:justify-between wwc:gap-3\">\n\t\t\t\t<p className=\"wwc:min-w-0 wwc:text-xs wwc:font-semibold wwc:uppercase wwc:tracking-wider wwc:text-muted-foreground\">\n\t\t\t\t\t{title}\n\t\t\t\t</p>\n\t\t\t\t<span className=\"wwc:shrink-0 wwc:text-xs wwc:text-muted-foreground\">{selected.length} selected</span>\n\t\t\t</div>\n\n\t\t\t<ListSearch value={query} onChange={setQuery} placeholder={searchPlaceholder} label={searchPlaceholder} />\n\n\t\t\t<label className=\"wwc:mt-2.5 wwc:flex wwc:cursor-pointer wwc:items-center wwc:gap-2 wwc:text-sm\">\n\t\t\t\t<Checkbox\n\t\t\t\t\tchecked={allVisibleSelected ? true : someVisibleSelected ? \"indeterminate\" : false}\n\t\t\t\t\tonCheckedChange={(checked) => toggleAll(!!checked)}\n\t\t\t\t/>\n\t\t\t\tSelect all ({visible.length})\n\t\t\t</label>\n\n\t\t\t<div className=\"wwc:mt-2 wwc:max-h-52 wwc:overflow-y-auto wwc:rounded-md wwc:border wwc:p-2\">\n\t\t\t\t{visible.length === 0 ? (\n\t\t\t\t\t<p className=\"wwc:py-4 wwc:text-center wwc:text-sm wwc:text-muted-foreground\">No matches.</p>\n\t\t\t\t) : (\n\t\t\t\t\t<ul className=\"wwc:space-y-1\">\n\t\t\t\t\t\t{visible.map((option) => (\n\t\t\t\t\t\t\t<li key={option.value}>\n\t\t\t\t\t\t\t\t<label className=\"wwc:flex wwc:cursor-pointer wwc:items-center wwc:gap-2 wwc:rounded-sm wwc:px-1 wwc:py-1 wwc:text-sm wwc:hover:bg-accent\">\n\t\t\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\t\t\tchecked={selected.includes(option.value)}\n\t\t\t\t\t\t\t\t\t\tonCheckedChange={(checked) => toggleOne(option.value, !!checked)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\n/** Dialog form for granting a doctor visibility over companies' workers and clinics' visitor-visits. */\nfunction AssignDoctorDialog({\n\topen,\n\tonOpenChange,\n\ttrigger,\n\tdoctors = EMPTY,\n\tcompanies = EMPTY,\n\tclinics = EMPTY,\n\tonSave,\n\tclassName,\n}: AssignDoctorDialogProps) {\n\tconst [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n\tconst isOpen = open ?? uncontrolledOpen;\n\n\tconst [doctor, setDoctor] = React.useState(\"\");\n\tconst [selectedCompanies, setSelectedCompanies] = React.useState<string[]>([]);\n\tconst [selectedClinics, setSelectedClinics] = React.useState<string[]>([]);\n\t// Errors stay hidden until the first submit, so an untouched form is never pre-scolded.\n\tconst [showErrors, setShowErrors] = React.useState(false);\n\n\t// Seed a fresh form on open so a cancelled entry never bleeds into the next one.\n\tconst handleOpenChange = (next: boolean) => {\n\t\tif (next) {\n\t\t\tsetDoctor(\"\");\n\t\t\tsetSelectedCompanies([]);\n\t\t\tsetSelectedClinics([]);\n\t\t\tsetShowErrors(false);\n\t\t}\n\t\tif (open === undefined) setUncontrolledOpen(next);\n\t\tonOpenChange?.(next);\n\t};\n\n\tconst doctorError = doctor === \"\" ? \"Select a doctor.\" : undefined;\n\t// Access with no scope grants nothing, so at least one list must have a selection.\n\tconst scopeError =\n\t\tselectedCompanies.length === 0 && selectedClinics.length === 0\n\t\t\t? \"Select at least one company or clinic.\"\n\t\t\t: undefined;\n\n\treturn (\n\t\t<Dialog open={isOpen} onOpenChange={handleOpenChange}>\n\t\t\t{trigger ? <DialogTrigger asChild>{trigger}</DialogTrigger> : null}\n\t\t\t<DialogContent\n\t\t\t\tclassName={cn(\"wwc:max-h-[85vh] wwc:gap-0 wwc:overflow-y-auto wwc:p-0 wwc:sm:max-w-[560px]\", className)}\n\t\t\t\taria-describedby={undefined}\n\t\t\t>\n\t\t\t\t<DialogHeader>\n\t\t\t\t\t<DialogTitle>Assign Doctor</DialogTitle>\n\t\t\t\t</DialogHeader>\n\n\t\t\t\t<div className=\"wwc:border-b wwc:px-4 wwc:py-3\">\n\t\t\t\t\t<Field>\n\t\t\t\t\t\t<FieldLabel htmlFor=\"assign-doctor\">Doctor</FieldLabel>\n\t\t\t\t\t\t<SearchableSelect\n\t\t\t\t\t\t\toptions={doctors}\n\t\t\t\t\t\t\tvalue={doctor}\n\t\t\t\t\t\t\tonValueChange={setDoctor}\n\t\t\t\t\t\t\tplaceholder=\"Search doctor by name or email...\"\n\t\t\t\t\t\t\tsearchPlaceholder=\"Search doctors...\"\n\t\t\t\t\t\t\temptyMessage=\"No doctors found.\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{showErrors && doctorError && <FieldError>{doctorError}</FieldError>}\n\t\t\t\t\t</Field>\n\t\t\t\t</div>\n\n\t\t\t\t<CheckList\n\t\t\t\t\ttitle=\"Companies\"\n\t\t\t\t\toptions={companies}\n\t\t\t\t\tselected={selectedCompanies}\n\t\t\t\t\tonChange={setSelectedCompanies}\n\t\t\t\t\tsearchPlaceholder=\"Search companies...\"\n\t\t\t\t/>\n\n\t\t\t\t<CheckList\n\t\t\t\t\ttitle=\"Clinics\"\n\t\t\t\t\toptions={clinics}\n\t\t\t\t\tselected={selectedClinics}\n\t\t\t\t\tonChange={setSelectedClinics}\n\t\t\t\t\tsearchPlaceholder=\"Search clinics...\"\n\t\t\t\t/>\n\n\t\t\t\t{showErrors && scopeError && (\n\t\t\t\t\t<p className=\"wwc:border-b wwc:border-border wwc:px-4 wwc:py-2 wwc:text-sm wwc:text-destructive\">\n\t\t\t\t\t\t{scopeError}\n\t\t\t\t\t</p>\n\t\t\t\t)}\n\n\t\t\t\t<DialogFooter className=\"wwc:border-t wwc:border-border wwc:px-4 wwc:py-2\">\n\t\t\t\t\t<Button variant=\"outline\" size=\"sm\" onClick={() => handleOpenChange(false)}>\n\t\t\t\t\t\tCancel\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tif (doctorError || scopeError) {\n\t\t\t\t\t\t\t\tsetShowErrors(true);\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonSave?.({doctor, companies: selectedCompanies, clinics: selectedClinics});\n\t\t\t\t\t\t\thandleOpenChange(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\tAssign\n\t\t\t\t\t</Button>\n\t\t\t\t</DialogFooter>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t);\n}\n\nexport {AssignDoctorDialog};\n"],"mappings":"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"}

package/dist/attention-list.d.mts

@@ -0,0 +1,29 @@
+import * as React from "react";
+//#region src/attention-list.d.ts
+export type AttentionTone = "danger" | "warning" | "info";
+export interface AttentionListItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, "title" | "value"> {
+  /** Leading icon, shown in a tinted circle. */
+  icon?: React.ReactNode;
+  title: React.ReactNode;
+  /** Secondary line under the title — ids, codes, owners. */
+  subtitle?: React.ReactNode;
+  /** Headline figure on the right, tinted by `tone` (e.g. "548 days overdue"). */
+  value?: React.ReactNode;
+  /** Muted line under the value (e.g. a due date). */
+  valueCaption?: React.ReactNode;
+  /** Trailing slot for a row action — a link or button. */
+  action?: React.ReactNode;
+  tone?: AttentionTone;
+}
+/** One worklist row: what needs attention, how badly, and what to do about it. */
+declare const AttentionListItem: React.ForwardRefExoticComponent<AttentionListItemProps & React.RefAttributes<HTMLLIElement>>;
+export interface AttentionListProps extends React.HTMLAttributes<HTMLUListElement> {
+  children: React.ReactNode;
+  /** Shown in place of the rows when there is nothing to action. */
+  emptyMessage?: React.ReactNode;
+}
+/** Vertical stack of `AttentionListItem`s — the "what needs doing today" worklist. */
+declare const AttentionList: React.ForwardRefExoticComponent<AttentionListProps & React.RefAttributes<HTMLUListElement>>;
+//#endregion
+export { AttentionList, AttentionListItem };
+//# sourceMappingURL=attention-list.d.mts.map

package/dist/attention-list.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attention-list.d.mts","names":[],"sources":["../src/attention-list.tsx"],"mappings":";;YAGY;iBAuBK,+BAA+B,KAAK,MAAM,iBAAiB;;EAE3E,OAAO,MAAM;EACb,OAAO,MAAM;;EAEb,WAAW,MAAM;;EAEjB,QAAQ,MAAM;;EAEd,eAAe,MAAM;;EAErB,SAAS,MAAM;EACf,OAAO;;;cAIF,mBAAiB,MAAA,0BAAA,yBAAA,MAAA,cAAA;iBA4CN,2BAA2B,MAAM,eAAe;EAChE,UAAU,MAAM;;EAEhB,eAAe,MAAM;;;cAIhB,eAAa,MAAA,0BAAA,qBAAA,MAAA,cAAA"}

package/dist/attention-list.mjs

@@ -0,0 +1,82 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/attention-list.tsx
+const TONE = {
+	danger: {
+		row: "wwc:border-red-500/20 wwc:bg-red-500/5",
+		badge: "wwc:bg-red-500/10",
+		icon: "wwc:text-red-600",
+		value: "wwc:text-red-600"
+	},
+	warning: {
+		row: "wwc:border-amber-500/20 wwc:bg-amber-500/5",
+		badge: "wwc:bg-amber-500/10",
+		icon: "wwc:text-amber-600",
+		value: "wwc:text-amber-600"
+	},
+	info: {
+		row: "wwc:border-blue-500/20 wwc:bg-blue-500/5",
+		badge: "wwc:bg-blue-500/10",
+		icon: "wwc:text-blue-600",
+		value: "wwc:text-blue-600"
+	}
+};
+/** One worklist row: what needs attention, how badly, and what to do about it. */
+const AttentionListItem = React.forwardRef(({ icon, title, subtitle, value, valueCaption, action, tone = "danger", className, ...props }, ref) => {
+	const t = TONE[tone];
+	return /* @__PURE__ */ jsxs("li", {
+		ref,
+		className: cn("wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-3 wwc:rounded-lg wwc:border wwc:p-3", t.row, className),
+		...props,
+		children: [
+			icon && /* @__PURE__ */ jsx("span", {
+				className: cn("wwc:flex wwc:h-8 wwc:w-8 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:rounded-full", t.badge, t.icon),
+				children: icon
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:min-w-0 wwc:flex-1",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "wwc:truncate wwc:font-medium",
+					children: title
+				}), subtitle && /* @__PURE__ */ jsx("p", {
+					className: "wwc:text-xs wwc:text-muted-foreground",
+					children: subtitle
+				})]
+			}),
+			(value || valueCaption) && /* @__PURE__ */ jsxs("div", {
+				className: "wwc:shrink-0 wwc:text-right",
+				children: [value && /* @__PURE__ */ jsx("p", {
+					className: cn("wwc:text-sm wwc:font-medium", t.value),
+					children: value
+				}), valueCaption && /* @__PURE__ */ jsx("p", {
+					className: "wwc:text-xs wwc:text-muted-foreground",
+					children: valueCaption
+				})]
+			}),
+			action && /* @__PURE__ */ jsx("div", {
+				className: "wwc:shrink-0",
+				children: action
+			})
+		]
+	});
+});
+AttentionListItem.displayName = "AttentionListItem";
+/** Vertical stack of `AttentionListItem`s — the "what needs doing today" worklist. */
+const AttentionList = React.forwardRef(({ children, emptyMessage, className, ...props }, ref) => {
+	if (React.Children.count(children) === 0 && emptyMessage) return /* @__PURE__ */ jsx("p", {
+		className: "wwc:py-6 wwc:text-center wwc:text-sm wwc:text-muted-foreground",
+		children: emptyMessage
+	});
+	return /* @__PURE__ */ jsx("ul", {
+		ref,
+		className: cn("wwc:flex wwc:flex-col wwc:gap-2", className),
+		...props,
+		children
+	});
+});
+AttentionList.displayName = "AttentionList";
+//#endregion
+export { AttentionList, AttentionListItem };
+
+//# sourceMappingURL=attention-list.mjs.map

package/dist/attention-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"attention-list.mjs","names":[],"sources":["../src/attention-list.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nexport type AttentionTone = \"danger\" | \"warning\" | \"info\";\n\nconst TONE: Record<AttentionTone, {row: string; badge: string; icon: string; value: string}> = {\n\tdanger: {\n\t\trow: \"wwc:border-red-500/20 wwc:bg-red-500/5\",\n\t\tbadge: \"wwc:bg-red-500/10\",\n\t\ticon: \"wwc:text-red-600\",\n\t\tvalue: \"wwc:text-red-600\",\n\t},\n\twarning: {\n\t\trow: \"wwc:border-amber-500/20 wwc:bg-amber-500/5\",\n\t\tbadge: \"wwc:bg-amber-500/10\",\n\t\ticon: \"wwc:text-amber-600\",\n\t\tvalue: \"wwc:text-amber-600\",\n\t},\n\tinfo: {\n\t\trow: \"wwc:border-blue-500/20 wwc:bg-blue-500/5\",\n\t\tbadge: \"wwc:bg-blue-500/10\",\n\t\ticon: \"wwc:text-blue-600\",\n\t\tvalue: \"wwc:text-blue-600\",\n\t},\n};\n\nexport interface AttentionListItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, \"title\" | \"value\"> {\n\t/** Leading icon, shown in a tinted circle. */\n\ticon?: React.ReactNode;\n\ttitle: React.ReactNode;\n\t/** Secondary line under the title — ids, codes, owners. */\n\tsubtitle?: React.ReactNode;\n\t/** Headline figure on the right, tinted by `tone` (e.g. \"548 days overdue\"). */\n\tvalue?: React.ReactNode;\n\t/** Muted line under the value (e.g. a due date). */\n\tvalueCaption?: React.ReactNode;\n\t/** Trailing slot for a row action — a link or button. */\n\taction?: React.ReactNode;\n\ttone?: AttentionTone;\n}\n\n/** One worklist row: what needs attention, how badly, and what to do about it. */\nconst AttentionListItem = React.forwardRef<HTMLLIElement, AttentionListItemProps>(\n\t({icon, title, subtitle, value, valueCaption, action, tone = \"danger\", className, ...props}, ref) => {\n\t\tconst t = TONE[tone];\n\t\treturn (\n\t\t\t<li\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-3 wwc:rounded-lg wwc:border wwc:p-3\",\n\t\t\t\t\tt.row,\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{icon && (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"wwc:flex wwc:h-8 wwc:w-8 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:rounded-full\",\n\t\t\t\t\t\t\tt.badge,\n\t\t\t\t\t\t\tt.icon,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{icon}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\n\t\t\t\t<div className=\"wwc:min-w-0 wwc:flex-1\">\n\t\t\t\t\t<p className=\"wwc:truncate wwc:font-medium\">{title}</p>\n\t\t\t\t\t{subtitle && <p className=\"wwc:text-xs wwc:text-muted-foreground\">{subtitle}</p>}\n\t\t\t\t</div>\n\n\t\t\t\t{(value || valueCaption) && (\n\t\t\t\t\t<div className=\"wwc:shrink-0 wwc:text-right\">\n\t\t\t\t\t\t{value && <p className={cn(\"wwc:text-sm wwc:font-medium\", t.value)}>{value}</p>}\n\t\t\t\t\t\t{valueCaption && <p className=\"wwc:text-xs wwc:text-muted-foreground\">{valueCaption}</p>}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{action && <div className=\"wwc:shrink-0\">{action}</div>}\n\t\t\t</li>\n\t\t);\n\t},\n);\nAttentionListItem.displayName = \"AttentionListItem\";\n\nexport interface AttentionListProps extends React.HTMLAttributes<HTMLUListElement> {\n\tchildren: React.ReactNode;\n\t/** Shown in place of the rows when there is nothing to action. */\n\temptyMessage?: React.ReactNode;\n}\n\n/** Vertical stack of `AttentionListItem`s — the \"what needs doing today\" worklist. */\nconst AttentionList = React.forwardRef<HTMLUListElement, AttentionListProps>(\n\t({children, emptyMessage, className, ...props}, ref) => {\n\t\tconst isEmpty = React.Children.count(children) === 0;\n\t\tif (isEmpty && emptyMessage) {\n\t\t\treturn <p className=\"wwc:py-6 wwc:text-center wwc:text-sm wwc:text-muted-foreground\">{emptyMessage}</p>;\n\t\t}\n\t\treturn (\n\t\t\t<ul ref={ref} className={cn(\"wwc:flex wwc:flex-col wwc:gap-2\", className)} {...props}>\n\t\t\t\t{children}\n\t\t\t</ul>\n\t\t);\n\t},\n);\nAttentionList.displayName = \"AttentionList\";\n\nexport {AttentionList, AttentionListItem};\n"],"mappings":";;;;AAKA,MAAM,OAAyF;CAC9F,QAAQ;EACP,KAAK;EACL,OAAO;EACP,MAAM;EACN,OAAO;CACR;CACA,SAAS;EACR,KAAK;EACL,OAAO;EACP,MAAM;EACN,OAAO;CACR;CACA,MAAM;EACL,KAAK;EACL,OAAO;EACP,MAAM;EACN,OAAO;CACR;AACD;;AAkBA,MAAM,oBAAoB,MAAM,YAC9B,EAAC,MAAM,OAAO,UAAU,OAAO,cAAc,QAAQ,OAAO,UAAU,WAAW,GAAG,SAAQ,QAAQ;CACpG,MAAM,IAAI,KAAK;CACf,OACC,qBAAC,MAAD;EACM;EACL,WAAW,GACV,uFACA,EAAE,KACF,SACD;EACA,GAAI;EAPL,UAAA;GASE,QACA,oBAAC,QAAD;IACC,WAAW,GACV,8FACA,EAAE,OACF,EAAE,IACH;IAEC,UAAA;GACI,CAAA;GAGP,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACC,oBAAC,KAAD;KAAG,WAAU;KAAgC,UAAA;IAAS,CAAA,GACrD,YAAY,oBAAC,KAAD;KAAG,WAAU;KAAyC,UAAA;IAAY,CAAA,CAC3E;;IAEH,SAAS,iBACV,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,SAAS,oBAAC,KAAD;KAAG,WAAW,GAAG,+BAA+B,EAAE,KAAK;KAAI,UAAA;IAAS,CAAA,GAC7E,gBAAgB,oBAAC,KAAD;KAAG,WAAU;KAAyC,UAAA;IAAgB,CAAA,CACnF;;GAGL,UAAU,oBAAC,OAAD;IAAK,WAAU;IAAgB,UAAA;GAAY,CAAA;EACnD;;AAEN,CACD;AACA,kBAAkB,cAAc;;AAShC,MAAM,gBAAgB,MAAM,YAC1B,EAAC,UAAU,cAAc,WAAW,GAAG,SAAQ,QAAQ;CAEvD,IADgB,MAAM,SAAS,MAAM,QAAQ,MAAM,KACpC,cACd,OAAO,oBAAC,KAAD;EAAG,WAAU;EAAkE,UAAA;CAAgB,CAAA;CAEvG,OACC,oBAAC,MAAD;EAAS;EAAK,WAAW,GAAG,mCAAmC,SAAS;EAAG,GAAI;EAC7E;CACE,CAAA;AAEN,CACD;AACA,cAAc,cAAc"}

package/dist/avatar-status-dot.d.mts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/avatar-status-dot.d.ts
+/**
+ * Size-aware status indicator dot that scales proportionally with avatar size.
+ * Each variant pairs a colour with a distinct shape (WCAG 1.4.1 - status not conveyed by color alone).
+ */
+declare const avatarStatusDotVariants: (props?: ({
+  variant?: "online" | "offline" | "busy" | "away" | "dnd" | null | undefined;
+  avatarSize?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+  position?: "bottom-right" | "bottom-left" | "top-right" | "top-left" | null | undefined;
+  pulse?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AvatarStatusDotProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof avatarStatusDotVariants> {
+  /** Accessible label describing the status */
+  label?: string;
+}
+/** Status indicator overlay for Avatar components. Position absolutely within a relative Avatar container. */
+declare const AvatarStatusDot: React.ForwardRefExoticComponent<AvatarStatusDotProps & React.RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { AvatarStatusDot, avatarStatusDotVariants };
+//# sourceMappingURL=avatar-status-dot.d.mts.map

package/dist/avatar-status-dot.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-status-dot.d.mts","names":[],"sources":["../src/avatar-status-dot.tsx"],"mappings":";;;;;;;cASM,0BAAuB;;;;;6CAgD3B;iBAEe,6BACR,MAAM,eAAe,kBAAkB,oBAAoB;;EAEnE;;;cAIK,iBAAe,MAAA,0BAAA,uBAAA,MAAA,cAAA"}

package/dist/avatar-status-dot.mjs

@@ -0,0 +1,72 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+//#region src/avatar-status-dot.tsx
+/**
+* Size-aware status indicator dot that scales proportionally with avatar size.
+* Each variant pairs a colour with a distinct shape (WCAG 1.4.1 - status not conveyed by color alone).
+*/
+const avatarStatusDotVariants = cva("wwc:absolute wwc:rounded-full wwc:border-2 wwc:border-background", {
+	variants: {
+		variant: {
+			online: "wwc:bg-green-500",
+			offline: "wwc:bg-muted-foreground/50",
+			busy: "wwc:bg-red-500",
+			away: "wwc:bg-amber-500",
+			dnd: "wwc:bg-red-500"
+		},
+		/** Avatar size context - determines dot size and position */
+		avatarSize: {
+			xs: "wwc:h-1.5 wwc:w-1.5 wwc:bottom-0 wwc:right-0",
+			sm: "wwc:h-2 wwc:w-2 wwc:bottom-0 wwc:right-0",
+			md: "wwc:h-2.5 wwc:w-2.5 wwc:bottom-0 wwc:right-0",
+			lg: "wwc:h-3 wwc:w-3 wwc:bottom-0.5 wwc:right-0.5",
+			xl: "wwc:h-3.5 wwc:w-3.5 wwc:bottom-1 wwc:right-1"
+		},
+		/** Position of the status dot relative to avatar */
+		position: {
+			"bottom-right": "wwc:bottom-0 wwc:right-0",
+			"bottom-left": "wwc:bottom-0 wwc:left-0",
+			"top-right": "wwc:top-0 wwc:right-0",
+			"top-left": "wwc:top-0 wwc:left-0"
+		},
+		pulse: {
+			true: "wwc:animate-pulse",
+			false: ""
+		}
+	},
+	compoundVariants: [{
+		variant: "dnd",
+		class: "wwc:relative after:wwc:absolute after:wwc:inset-x-[2px] after:wwc:top-1/2 after:wwc:-translate-y-1/2 after:wwc:h-0.5 after:wwc:bg-background after:wwc:rounded-full"
+	}, {
+		variant: "offline",
+		class: "wwc:bg-transparent wwc:border-muted-foreground/50"
+	}],
+	defaultVariants: {
+		variant: "online",
+		avatarSize: "md",
+		position: "bottom-right",
+		pulse: false
+	}
+});
+/** Status indicator overlay for Avatar components. Position absolutely within a relative Avatar container. */
+const AvatarStatusDot = React.forwardRef(({ className, variant, avatarSize, position, pulse, label, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		role: "status",
+		"aria-label": label || variant || "status",
+		className: cn(avatarStatusDotVariants({
+			variant,
+			avatarSize,
+			position,
+			pulse
+		}), className),
+		...props
+	});
+});
+AvatarStatusDot.displayName = "AvatarStatusDot";
+//#endregion
+export { AvatarStatusDot, avatarStatusDotVariants };
+
+//# sourceMappingURL=avatar-status-dot.mjs.map

package/dist/avatar-status-dot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-status-dot.mjs","names":[],"sources":["../src/avatar-status-dot.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport * as React from \"react\";\n\n/**\n * Size-aware status indicator dot that scales proportionally with avatar size.\n * Each variant pairs a colour with a distinct shape (WCAG 1.4.1 - status not conveyed by color alone).\n */\n\nconst avatarStatusDotVariants = cva(\"wwc:absolute wwc:rounded-full wwc:border-2 wwc:border-background\", {\n\tvariants: {\n\t\tvariant: {\n\t\t\tonline: \"wwc:bg-green-500\",\n\t\t\toffline: \"wwc:bg-muted-foreground/50\",\n\t\t\tbusy: \"wwc:bg-red-500\",\n\t\t\taway: \"wwc:bg-amber-500\",\n\t\t\tdnd: \"wwc:bg-red-500\", // Do not disturb - uses minus shape\n\t\t},\n\t\t/** Avatar size context - determines dot size and position */\n\t\tavatarSize: {\n\t\t\txs: \"wwc:h-1.5 wwc:w-1.5 wwc:bottom-0 wwc:right-0\",\n\t\t\tsm: \"wwc:h-2 wwc:w-2 wwc:bottom-0 wwc:right-0\",\n\t\t\tmd: \"wwc:h-2.5 wwc:w-2.5 wwc:bottom-0 wwc:right-0\",\n\t\t\tlg: \"wwc:h-3 wwc:w-3 wwc:bottom-0.5 wwc:right-0.5\",\n\t\t\txl: \"wwc:h-3.5 wwc:w-3.5 wwc:bottom-1 wwc:right-1\",\n\t\t},\n\t\t/** Position of the status dot relative to avatar */\n\t\tposition: {\n\t\t\t\"bottom-right\": \"wwc:bottom-0 wwc:right-0\",\n\t\t\t\"bottom-left\": \"wwc:bottom-0 wwc:left-0\",\n\t\t\t\"top-right\": \"wwc:top-0 wwc:right-0\",\n\t\t\t\"top-left\": \"wwc:top-0 wwc:left-0\",\n\t\t},\n\t\tpulse: {\n\t\t\ttrue: \"wwc:animate-pulse\",\n\t\t\tfalse: \"\",\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t// DND has a minus line through it\n\t\t{\n\t\t\tvariant: \"dnd\",\n\t\t\tclass:\n\t\t\t\t\"wwc:relative after:wwc:absolute after:wwc:inset-x-[2px] after:wwc:top-1/2 after:wwc:-translate-y-1/2 after:wwc:h-0.5 after:wwc:bg-background after:wwc:rounded-full\",\n\t\t},\n\t\t// Offline has a ring shape instead of filled\n\t\t{\n\t\t\tvariant: \"offline\",\n\t\t\tclass: \"wwc:bg-transparent wwc:border-muted-foreground/50\",\n\t\t},\n\t],\n\tdefaultVariants: {\n\t\tvariant: \"online\",\n\t\tavatarSize: \"md\",\n\t\tposition: \"bottom-right\",\n\t\tpulse: false,\n\t},\n});\n\nexport interface AvatarStatusDotProps\n\textends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof avatarStatusDotVariants> {\n\t/** Accessible label describing the status */\n\tlabel?: string;\n}\n\n/** Status indicator overlay for Avatar components. Position absolutely within a relative Avatar container. */\nconst AvatarStatusDot = React.forwardRef<HTMLSpanElement, AvatarStatusDotProps>(\n\t({className, variant, avatarSize, position, pulse, label, ...props}, ref) => {\n\t\tconst statusLabel = label || variant || \"status\";\n\t\treturn (\n\t\t\t<span\n\t\t\t\tref={ref}\n\t\t\t\trole=\"status\"\n\t\t\t\taria-label={statusLabel}\n\t\t\t\tclassName={cn(avatarStatusDotVariants({variant, avatarSize, position, pulse}), className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t);\n\t},\n);\nAvatarStatusDot.displayName = \"AvatarStatusDot\";\n\nexport {AvatarStatusDot, avatarStatusDotVariants};\n"],"mappings":";;;;;;;;;AASA,MAAM,0BAA0B,IAAI,oEAAoE;CACvG,UAAU;EACT,SAAS;GACR,QAAQ;GACR,SAAS;GACT,MAAM;GACN,MAAM;GACN,KAAK;EACN;;EAEA,YAAY;GACX,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACL;;EAEA,UAAU;GACT,gBAAgB;GAChB,eAAe;GACf,aAAa;GACb,YAAY;EACb;EACA,OAAO;GACN,MAAM;GACN,OAAO;EACR;CACD;CACA,kBAAkB,CAEjB;EACC,SAAS;EACT,OACC;CACF,GAEA;EACC,SAAS;EACT,OAAO;CACR,CACD;CACA,iBAAiB;EAChB,SAAS;EACT,YAAY;EACZ,UAAU;EACV,OAAO;CACR;AACD,CAAC;;AASD,MAAM,kBAAkB,MAAM,YAC5B,EAAC,WAAW,SAAS,YAAY,UAAU,OAAO,OAAO,GAAG,SAAQ,QAAQ;CAE5E,OACC,oBAAC,QAAD;EACM;EACL,MAAK;EACL,cALkB,SAAS,WAAW;EAMtC,WAAW,GAAG,wBAAwB;GAAC;GAAS;GAAY;GAAU;EAAK,CAAC,GAAG,SAAS;EACxF,GAAI;CACJ,CAAA;AAEH,CACD;AACA,gBAAgB,cAAc"}

package/dist/avatar.d.mts

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+//#region src/avatar.d.ts
+declare const avatarVariants: (props?: ({
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
+  shape?: "circle" | "square" | "rounded" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+export interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {}
+/** An image element with a fallback for representing the user. */
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const avatarFallbackVariants: (props?: ({
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AvatarFallbackProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>, VariantProps<typeof avatarFallbackVariants> {}
+declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
+export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Maximum number of avatars to show before +N indicator */
+  max?: number;
+  /** Total number of items for overflow calculation */
+  total?: number;
+}
+/** A group of overlapping avatars with optional overflow indicator. */
+declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+/** Wrapper that enables status dot positioning on Avatar */
+export interface AvatarWithStatusProps extends AvatarProps {
+  children: React.ReactNode;
+}
+declare const AvatarWithStatus: React.ForwardRefExoticComponent<AvatarWithStatusProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Avatar, AvatarFallback, AvatarGroup, AvatarImage, AvatarWithStatus, avatarVariants };
+//# sourceMappingURL=avatar.d.mts.map

package/dist/avatar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.mts","names":[],"sources":["../src/avatar.tsx"],"mappings":";;;;cAKM,iBAAc;;;6CAqBlB;YAEU;iBAEK,oBACR,MAAM,gCAAgC,gBAAgB,OAAO,oBAAoB;;cAGpF,QAAM,MAAA,0BAAA,cAAA,MAAA,cAAA;cAON,aAAW,MAAA,0BAAA,KAAA,gBAAA,mBAAA,MAAA,cAAA,4BAAA,MAAA,cAAA;cAQX,yBAAsB;;6CAkB3B;iBAEgB,4BAEf,MAAM,gCAAgC,gBAAgB,WACtD,oBAAoB;cAEhB,gBAAc,MAAA,0BAAA,sBAAA,MAAA,cAAA;iBAOH,yBAAyB,MAAM,eAAe;;EAE9D;;EAEA;;;cAIK,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA;;iBA6BA,8BAA8B;EAC9C,UAAU,MAAM;;cAGX,kBAAgB,MAAA,0BAAA,wBAAA,MAAA,cAAA"}

package/dist/avatar.mjs

@@ -0,0 +1,103 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+//#region src/avatar.tsx
+const avatarVariants = cva("wwc:relative wwc:flex wwc:shrink-0 wwc:overflow-hidden", {
+	variants: {
+		size: {
+			xs: "wwc:h-6 wwc:w-6",
+			sm: "wwc:h-8 wwc:w-8",
+			md: "wwc:h-10 wwc:w-10",
+			lg: "wwc:h-12 wwc:w-12",
+			xl: "wwc:h-16 wwc:w-16",
+			"2xl": "wwc:h-20 wwc:w-20",
+			"3xl": "wwc:h-24 wwc:w-24"
+		},
+		shape: {
+			circle: "wwc:rounded-full",
+			square: "wwc:rounded-md",
+			rounded: "wwc:rounded-lg"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		shape: "circle"
+	}
+});
+/** An image element with a fallback for representing the user. */
+const Avatar = React.forwardRef(({ className, size, shape, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+	ref,
+	className: cn(avatarVariants({
+		size,
+		shape,
+		className
+	})),
+	...props
+}));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+const AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+	ref,
+	className: cn("wwc:aspect-square wwc:h-full wwc:w-full", className),
+	...props
+}));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+const avatarFallbackVariants = cva("wwc:flex wwc:h-full wwc:w-full wwc:items-center wwc:justify-center wwc:bg-muted wwc:font-medium wwc:text-muted-foreground", {
+	variants: { size: {
+		xs: "wwc:text-[10px]",
+		sm: "wwc:text-xs",
+		md: "wwc:text-sm",
+		lg: "wwc:text-base",
+		xl: "wwc:text-lg",
+		"2xl": "wwc:text-xl",
+		"3xl": "wwc:text-2xl"
+	} },
+	defaultVariants: { size: "md" }
+});
+const AvatarFallback = React.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+	ref,
+	className: cn(avatarFallbackVariants({
+		size,
+		className
+	})),
+	...props
+}));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+/** A group of overlapping avatars with optional overflow indicator. */
+const AvatarGroup = React.forwardRef(({ className, max, total, children, ...props }, ref) => {
+	const childrenArray = React.Children.toArray(children);
+	const visibleChildren = max ? childrenArray.slice(0, max) : childrenArray;
+	const remainingCount = total ? total - (max || childrenArray.length) : childrenArray.length - (max || 0);
+	const showOverflow = max && remainingCount > 0;
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("wwc:flex wwc:-space-x-3", className),
+		...props,
+		children: [visibleChildren.map((child, index) => React.isValidElement(child) ? React.cloneElement(child, {
+			key: index,
+			className: cn("wwc:border-2 wwc:border-background", child.props.className)
+		}) : child), showOverflow && /* @__PURE__ */ jsx(Avatar, {
+			className: "wwc:border-2 wwc:border-background",
+			children: /* @__PURE__ */ jsxs(AvatarFallback, { children: ["+", remainingCount] })
+		})]
+	});
+});
+AvatarGroup.displayName = "AvatarGroup";
+const AvatarWithStatus = React.forwardRef(({ className, size, shape, children, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("wwc:relative wwc:inline-block", className),
+	...props,
+	children: React.Children.map(children, (child) => {
+		if (React.isValidElement(child) && child.type === Avatar) return React.cloneElement(child, {
+			size,
+			shape
+		});
+		return child;
+	})
+}));
+AvatarWithStatus.displayName = "AvatarWithStatus";
+//#endregion
+export { Avatar, AvatarFallback, AvatarGroup, AvatarImage, AvatarWithStatus, avatarVariants };
+
+//# sourceMappingURL=avatar.mjs.map

package/dist/avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.mjs","names":[],"sources":["../src/avatar.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport {type VariantProps, cva} from \"class-variance-authority\";\nimport * as React from \"react\";\n\nconst avatarVariants = cva(\"wwc:relative wwc:flex wwc:shrink-0 wwc:overflow-hidden\", {\n\tvariants: {\n\t\tsize: {\n\t\t\txs: \"wwc:h-6 wwc:w-6\",\n\t\t\tsm: \"wwc:h-8 wwc:w-8\",\n\t\t\tmd: \"wwc:h-10 wwc:w-10\",\n\t\t\tlg: \"wwc:h-12 wwc:w-12\",\n\t\t\txl: \"wwc:h-16 wwc:w-16\",\n\t\t\t\"2xl\": \"wwc:h-20 wwc:w-20\",\n\t\t\t\"3xl\": \"wwc:h-24 wwc:w-24\",\n\t\t},\n\t\tshape: {\n\t\t\tcircle: \"wwc:rounded-full\",\n\t\t\tsquare: \"wwc:rounded-md\",\n\t\t\trounded: \"wwc:rounded-lg\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t\tshape: \"circle\",\n\t},\n});\n\nexport type AvatarSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nexport interface AvatarProps\n\textends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {}\n\n/** An image element with a fallback for representing the user. */\nconst Avatar = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Root>, AvatarProps>(\n\t({className, size, shape, ...props}, ref) => (\n\t\t<AvatarPrimitive.Root ref={ref} className={cn(avatarVariants({size, shape, className}))} {...props} />\n\t),\n);\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nconst AvatarImage = React.forwardRef<\n\tReact.ElementRef<typeof AvatarPrimitive.Image>,\n\tReact.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({className, ...props}, ref) => (\n\t<AvatarPrimitive.Image ref={ref} className={cn(\"wwc:aspect-square wwc:h-full wwc:w-full\", className)} {...props} />\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nconst avatarFallbackVariants = cva(\n\t\"wwc:flex wwc:h-full wwc:w-full wwc:items-center wwc:justify-center wwc:bg-muted wwc:font-medium wwc:text-muted-foreground\",\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: \"wwc:text-[10px]\",\n\t\t\t\tsm: \"wwc:text-xs\",\n\t\t\t\tmd: \"wwc:text-sm\",\n\t\t\t\tlg: \"wwc:text-base\",\n\t\t\t\txl: \"wwc:text-lg\",\n\t\t\t\t\"2xl\": \"wwc:text-xl\",\n\t\t\t\t\"3xl\": \"wwc:text-2xl\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsize: \"md\",\n\t\t},\n\t},\n);\n\nexport interface AvatarFallbackProps\n\textends\n\t\tReact.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>,\n\t\tVariantProps<typeof avatarFallbackVariants> {}\n\nconst AvatarFallback = React.forwardRef<React.ElementRef<typeof AvatarPrimitive.Fallback>, AvatarFallbackProps>(\n\t({className, size, ...props}, ref) => (\n\t\t<AvatarPrimitive.Fallback ref={ref} className={cn(avatarFallbackVariants({size, className}))} {...props} />\n\t),\n);\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n\nexport interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n\t/** Maximum number of avatars to show before +N indicator */\n\tmax?: number;\n\t/** Total number of items for overflow calculation */\n\ttotal?: number;\n}\n\n/** A group of overlapping avatars with optional overflow indicator. */\nconst AvatarGroup = React.forwardRef<HTMLDivElement, AvatarGroupProps>(\n\t({className, max, total, children, ...props}, ref) => {\n\t\tconst childrenArray = React.Children.toArray(children);\n\t\tconst visibleChildren = max ? childrenArray.slice(0, max) : childrenArray;\n\t\tconst remainingCount = total ? total - (max || childrenArray.length) : childrenArray.length - (max || 0);\n\t\tconst showOverflow = max && remainingCount > 0;\n\n\t\treturn (\n\t\t\t<div ref={ref} className={cn(\"wwc:flex wwc:-space-x-3\", className)} {...props}>\n\t\t\t\t{visibleChildren.map((child, index) =>\n\t\t\t\t\tReact.isValidElement(child)\n\t\t\t\t\t\t? React.cloneElement(child, {\n\t\t\t\t\t\t\t\tkey: index,\n\t\t\t\t\t\t\t\tclassName: cn(\"wwc:border-2 wwc:border-background\", child.props.className),\n\t\t\t\t\t\t\t} as React.Attributes)\n\t\t\t\t\t\t: child,\n\t\t\t\t)}\n\t\t\t\t{showOverflow && (\n\t\t\t\t\t<Avatar className=\"wwc:border-2 wwc:border-background\">\n\t\t\t\t\t\t<AvatarFallback>+{remainingCount}</AvatarFallback>\n\t\t\t\t\t</Avatar>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t},\n);\nAvatarGroup.displayName = \"AvatarGroup\";\n\n/** Wrapper that enables status dot positioning on Avatar */\nexport interface AvatarWithStatusProps extends AvatarProps {\n\tchildren: React.ReactNode;\n}\n\nconst AvatarWithStatus = React.forwardRef<HTMLDivElement, AvatarWithStatusProps>(\n\t({className, size, shape, children, ...props}, ref) => (\n\t\t<div ref={ref} className={cn(\"wwc:relative wwc:inline-block\", className)} {...props}>\n\t\t\t{React.Children.map(children, (child) => {\n\t\t\t\tif (React.isValidElement(child) && child.type === Avatar) {\n\t\t\t\t\treturn React.cloneElement(child, {size, shape} as AvatarProps);\n\t\t\t\t}\n\t\t\t\treturn child;\n\t\t\t})}\n\t\t</div>\n\t),\n);\nAvatarWithStatus.displayName = \"AvatarWithStatus\";\n\nexport {Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarWithStatus, avatarVariants};\n"],"mappings":";;;;;;AAKA,MAAM,iBAAiB,IAAI,0DAA0D;CACpF,UAAU;EACT,MAAM;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACP,OAAO;EACR;EACA,OAAO;GACN,QAAQ;GACR,QAAQ;GACR,SAAS;EACV;CACD;CACA,iBAAiB;EAChB,MAAM;EACN,OAAO;CACR;AACD,CAAC;;AAQD,MAAM,SAAS,MAAM,YACnB,EAAC,WAAW,MAAM,OAAO,GAAG,SAAQ,QACpC,oBAAC,gBAAgB,MAAjB;CAA2B;CAAK,WAAW,GAAG,eAAe;EAAC;EAAM;EAAO;CAAS,CAAC,CAAC;CAAG,GAAI;AAAQ,CAAA,CAEvG;AACA,OAAO,cAAc,gBAAgB,KAAK;AAE1C,MAAM,cAAc,MAAM,YAGvB,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,gBAAgB,OAAjB;CAA4B;CAAK,WAAW,GAAG,2CAA2C,SAAS;CAAG,GAAI;AAAQ,CAAA,CAClH;AACD,YAAY,cAAc,gBAAgB,MAAM;AAEhD,MAAM,yBAAyB,IAC9B,6HACA;CACC,UAAU,EACT,MAAM;EACL,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,OAAO;EACP,OAAO;CACR,EACD;CACA,iBAAiB,EAChB,MAAM,KACP;AACD,CACD;AAOA,MAAM,iBAAiB,MAAM,YAC3B,EAAC,WAAW,MAAM,GAAG,SAAQ,QAC7B,oBAAC,gBAAgB,UAAjB;CAA+B;CAAK,WAAW,GAAG,uBAAuB;EAAC;EAAM;CAAS,CAAC,CAAC;CAAG,GAAI;AAAQ,CAAA,CAE5G;AACA,eAAe,cAAc,gBAAgB,SAAS;;AAUtD,MAAM,cAAc,MAAM,YACxB,EAAC,WAAW,KAAK,OAAO,UAAU,GAAG,SAAQ,QAAQ;CACrD,MAAM,gBAAgB,MAAM,SAAS,QAAQ,QAAQ;CACrD,MAAM,kBAAkB,MAAM,cAAc,MAAM,GAAG,GAAG,IAAI;CAC5D,MAAM,iBAAiB,QAAQ,SAAS,OAAO,cAAc,UAAU,cAAc,UAAU,OAAO;CACtG,MAAM,eAAe,OAAO,iBAAiB;CAE7C,OACC,qBAAC,OAAD;EAAU;EAAK,WAAW,GAAG,2BAA2B,SAAS;EAAG,GAAI;EAAxE,UAAA,CACE,gBAAgB,KAAK,OAAO,UAC5B,MAAM,eAAe,KAAK,IACvB,MAAM,aAAa,OAAO;GAC1B,KAAK;GACL,WAAW,GAAG,sCAAsC,MAAM,MAAM,SAAS;EAC1E,CAAqB,IACpB,KACJ,GACC,gBACA,oBAAC,QAAD;GAAQ,WAAU;GACjB,UAAA,qBAAC,gBAAD,EAAA,UAAA,CAAgB,KAAE,cAA+B,EAAA,CAAA;EAC1C,CAAA,CAEL;;AAEP,CACD;AACA,YAAY,cAAc;AAO1B,MAAM,mBAAmB,MAAM,YAC7B,EAAC,WAAW,MAAM,OAAO,UAAU,GAAG,SAAQ,QAC9C,oBAAC,OAAD;CAAU;CAAK,WAAW,GAAG,iCAAiC,SAAS;CAAG,GAAI;CAC5E,UAAA,MAAM,SAAS,IAAI,WAAW,UAAU;EACxC,IAAI,MAAM,eAAe,KAAK,KAAK,MAAM,SAAS,QACjD,OAAO,MAAM,aAAa,OAAO;GAAC;GAAM;EAAK,CAAgB;EAE9D,OAAO;CACR,CAAC;AACG,CAAA,CAEP;AACA,iBAAiB,cAAc"}

package/dist/badge.d.mts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/badge.d.ts
+declare const badgeVariants: (props?: ({
+  variant?: "default" | "destructive" | "warning" | "info" | "secondary" | "outline" | "success" | "successSoft" | "warningSoft" | "dangerSoft" | "infoSoft" | "neutralSoft" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}
+/**
+ * Displays a small status descriptor or label.
+ *
+ * forwardRef because a Badge is routinely the child of an `asChild` wrapper — HoverTooltip, a
+ * DropdownMenuTrigger — and Radix hands those a ref. As a plain function component it triggered
+ * "Function components cannot be given refs" and the tooltip silently never bound.
+ */
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.mts.map