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

package/bin/intent.js

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+// Auto-generated by @tanstack/intent setup
+// Exposes the intent end-user CLI for consumers of this library.
+// Commit this file, then add to your package.json:
+//   "bin": { "intent": "./bin/intent.js" }
+try {
+	await import("@tanstack/intent/intent-library");
+} catch (e) {
+	if (e?.code === "ERR_MODULE_NOT_FOUND" || e?.code === "MODULE_NOT_FOUND") {
+		console.error("@tanstack/intent is not installed.");
+		console.error("");
+		console.error("Install it as a dev dependency:");
+		console.error("  npm add -D @tanstack/intent");
+		console.error("");
+		console.error("Or run directly:");
+		console.error("  npx @tanstack/intent@latest list");
+		process.exit(1);
+	}
+	throw e;
+}

package/dist/accordion.d.mts

@@ -0,0 +1,11 @@
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import * as React from "react";
+//#region src/accordion.d.ts
+/** A vertically stacked set of interactive headings that each reveal a section of content. */
+declare const Accordion: React.ForwardRefExoticComponent<(Omit<AccordionPrimitive.AccordionSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.d.mts.map

package/dist/accordion.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.mts","names":[],"sources":["../src/accordion.tsx"],"mappings":";;;;cAMM,WAAS,MAAA,2BAAA,KAAA,mBAAA,uBAAA,MAAA,cAAA,0BAAA,KAAA,mBAAA,yBAAA,MAAA,cAAA,2BAAA,MAAA,cAAA;cAMT,eAAa,MAAA,0BAAA,KAAA,mBAAA,qBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA;cAQb,kBAAgB,MAAA,0BAAA,KAAA,mBAAA,wBAAA,MAAA,cAAA,6BAAA,MAAA,cAAA;cAuBhB,kBAAgB,MAAA,0BAAA,KAAA,mBAAA,wBAAA,MAAA,cAAA,0BAAA,MAAA,cAAA"}

package/dist/accordion.mjs

@@ -0,0 +1,42 @@
+import { cn } from "@corensystem/coren-utils";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/accordion.tsx
+/** A vertically stacked set of interactive headings that each reveal a section of content. */
+const Accordion = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
+	ref,
+	...props
+}));
+Accordion.displayName = "Accordion";
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
+	ref,
+	className: cn("wwc:border-b", className),
+	...props
+}));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
+	className: "wwc:flex wwc:min-w-0",
+	children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
+		ref,
+		className: cn("wwc:flex wwc:min-w-0 wwc:flex-1 wwc:items-center wwc:justify-between wwc:gap-2 wwc:py-4 wwc:text-sm wwc:font-medium wwc:transition-all wwc:hover:underline wwc:[&[data-state=open]>svg]:rotate-180", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(ChevronDown, { className: "wwc:h-4 wwc:w-4 wwc:shrink-0 wwc:text-muted-foreground wwc:transition-transform wwc:duration-200" })]
+	})
+}));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
+	ref,
+	className: "wwc:overflow-hidden wwc:text-sm wwc:data-[state=closed]:animate-accordion-up wwc:data-[state=open]:animate-accordion-down",
+	...props,
+	children: /* @__PURE__ */ jsx("div", {
+		className: cn("wwc:pb-4 wwc:pt-0", className),
+		children
+	})
+}));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+//#endregion
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+
+//# sourceMappingURL=accordion.mjs.map

package/dist/accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.mjs","names":[],"sources":["../src/accordion.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport {ChevronDown} from \"lucide-react\";\nimport * as React from \"react\";\n\n/** A vertically stacked set of interactive headings that each reveal a section of content. */\nconst Accordion = React.forwardRef<\n\tReact.ElementRef<typeof AccordionPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>\n>((props, ref) => <AccordionPrimitive.Root ref={ref} {...props} />);\nAccordion.displayName = \"Accordion\";\n\nconst AccordionItem = React.forwardRef<\n\tReact.ElementRef<typeof AccordionPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({className, ...props}, ref) => (\n\t<AccordionPrimitive.Item ref={ref} className={cn(\"wwc:border-b\", className)} {...props} />\n));\nAccordionItem.displayName = \"AccordionItem\";\n\nconst AccordionTrigger = React.forwardRef<\n\tReact.ElementRef<typeof AccordionPrimitive.Trigger>,\n\tReact.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({className, children, ...props}, ref) => (\n\t// min-w-0 on BOTH the header and the trigger: a flex item defaults to min-width:auto, so a long\n\t// label refuses to shrink, pushes the chevron out of the row and overflows the panel. With it,\n\t// a consumer's `truncate` actually truncates.\n\t<AccordionPrimitive.Header className=\"wwc:flex wwc:min-w-0\">\n\t\t<AccordionPrimitive.Trigger\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"wwc:flex wwc:min-w-0 wwc:flex-1 wwc:items-center wwc:justify-between wwc:gap-2 wwc:py-4 wwc:text-sm wwc:font-medium wwc:transition-all wwc:hover:underline wwc:[&[data-state=open]>svg]:rotate-180\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronDown className=\"wwc:h-4 wwc:w-4 wwc:shrink-0 wwc:text-muted-foreground wwc:transition-transform wwc:duration-200\" />\n\t\t</AccordionPrimitive.Trigger>\n\t</AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n\nconst AccordionContent = React.forwardRef<\n\tReact.ElementRef<typeof AccordionPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({className, children, ...props}, ref) => (\n\t<AccordionPrimitive.Content\n\t\tref={ref}\n\t\tclassName=\"wwc:overflow-hidden wwc:text-sm wwc:data-[state=closed]:animate-accordion-up wwc:data-[state=open]:animate-accordion-down\"\n\t\t{...props}\n\t>\n\t\t<div className={cn(\"wwc:pb-4 wwc:pt-0\", className)}>{children}</div>\n\t</AccordionPrimitive.Content>\n));\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n\nexport {Accordion, AccordionItem, AccordionTrigger, AccordionContent};\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY,MAAM,YAGrB,OAAO,QAAQ,oBAAC,mBAAmB,MAApB;CAA8B;CAAK,GAAI;AAAQ,CAAA,CAAC;AAClE,UAAU,cAAc;AAExB,MAAM,gBAAgB,MAAM,YAGzB,EAAC,WAAW,GAAG,SAAQ,QACzB,oBAAC,mBAAmB,MAApB;CAA8B;CAAK,WAAW,GAAG,gBAAgB,SAAS;CAAG,GAAI;AAAQ,CAAA,CACzF;AACD,cAAc,cAAc;AAE5B,MAAM,mBAAmB,MAAM,YAG5B,EAAC,WAAW,UAAU,GAAG,SAAQ,QAInC,oBAAC,mBAAmB,QAApB;CAA2B,WAAU;CACpC,UAAA,qBAAC,mBAAmB,SAApB;EACM;EACL,WAAW,GACV,sMACA,SACD;EACA,GAAI;EANL,UAAA,CAQE,UACD,oBAAC,aAAD,EAAa,WAAU,mGAAoG,CAAA,CAChG;;AACF,CAAA,CAC3B;AACD,iBAAiB,cAAc,mBAAmB,QAAQ;AAE1D,MAAM,mBAAmB,MAAM,YAG5B,EAAC,WAAW,UAAU,GAAG,SAAQ,QACnC,oBAAC,mBAAmB,SAApB;CACM;CACL,WAAU;CACV,GAAI;CAEJ,UAAA,oBAAC,OAAD;EAAK,WAAW,GAAG,qBAAqB,SAAS;EAAI;CAAc,CAAA;AACxC,CAAA,CAC5B;AACD,iBAAiB,cAAc,mBAAmB,QAAQ"}

package/dist/activity-log.d.mts

@@ -0,0 +1,29 @@
+import * as React from "react";
+//#region src/activity-log.d.ts
+export interface ActivityLogProps extends React.HTMLAttributes<HTMLOListElement> {}
+/**
+ * Vertical chronological feed of activity / history entries. Renders as an <ol>
+ * with a continuous connector line passing through each item's icon badge.
+ * Pair with ActivityItem children.
+ */
+declare const ActivityLog: React.ForwardRefExoticComponent<ActivityLogProps & React.RefAttributes<HTMLOListElement>>;
+export interface ActivityItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+  /** Leading icon rendered inside the circular badge. */
+  icon?: React.ReactNode;
+  /** Relative timestamp displayed after the message (e.g. "about 12 hours ago"). */
+  timestamp?: React.ReactNode;
+}
+declare const ActivityItem: React.ForwardRefExoticComponent<ActivityItemProps & React.RefAttributes<HTMLLIElement>>;
+/** Inline emphasis for the actor name in an activity message. */
+declare function ActivityActor({ className, children, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+declare namespace ActivityActor {
+  var displayName: string;
+}
+/** Inline emphasis for a noun referenced in an activity message (link, work item key, etc.). */
+declare function ActivityRef({ className, children, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+declare namespace ActivityRef {
+  var displayName: string;
+}
+//#endregion
+export { ActivityActor, ActivityItem, ActivityLog, ActivityRef };
+//# sourceMappingURL=activity-log.d.mts.map

package/dist/activity-log.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-log.d.mts","names":[],"sources":["../src/activity-log.tsx"],"mappings":";;iBAGiB,yBAAyB,MAAM,eAAe;;;;;;cAOzD,aAAW,MAAA,0BAAA,mBAAA,MAAA,cAAA;iBAcA,0BAA0B,MAAM,iBAAiB;;EAEjE,OAAO,MAAM;;EAEb,YAAY,MAAM;;cAGb,cAAY,MAAA,0BAAA,oBAAA,MAAA,cAAA;;iBAgBT,gBAAe,WAAW,aAAa,SAAQ,MAAM,eAAe,+CAAgB,IAAA;kBAApF;MAAA;;;iBAUA,cAAa,WAAW,aAAa,SAAQ,MAAM,eAAe,+CAAgB,IAAA;kBAAlF;MAAA"}

package/dist/activity-log.mjs

@@ -0,0 +1,60 @@
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/activity-log.tsx
+/**
+* Vertical chronological feed of activity / history entries. Renders as an <ol>
+* with a continuous connector line passing through each item's icon badge.
+* Pair with ActivityItem children.
+*/
+const ActivityLog = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs("ol", {
+	ref,
+	className: cn("wwc:relative wwc:flex wwc:flex-col", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		className: "wwc:absolute wwc:left-4 wwc:top-4 wwc:bottom-4 wwc:w-px wwc:bg-muted-foreground/30"
+	}), children]
+}));
+ActivityLog.displayName = "ActivityLog";
+const ActivityItem = React.forwardRef(({ icon, timestamp, className, children, ...props }, ref) => /* @__PURE__ */ jsxs("li", {
+	ref,
+	className: cn("wwc:relative wwc:flex wwc:items-center wwc:gap-3 wwc:py-2", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "wwc:relative wwc:z-10 wwc:flex wwc:h-8 wwc:w-8 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:rounded-full wwc:bg-muted wwc:text-muted-foreground",
+		children: icon
+	}), /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:min-w-0 wwc:flex-1 wwc:flex-wrap wwc:items-baseline wwc:gap-x-1.5 wwc:text-sm wwc:text-foreground",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "wwc:min-w-0",
+			children
+		}), timestamp && /* @__PURE__ */ jsx("span", {
+			className: "wwc:text-muted-foreground",
+			children: timestamp
+		})]
+	})]
+}));
+ActivityItem.displayName = "ActivityItem";
+/** Inline emphasis for the actor name in an activity message. */
+function ActivityActor({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("wwc:font-semibold wwc:text-foreground", className),
+		...props,
+		children
+	});
+}
+ActivityActor.displayName = "ActivityActor";
+/** Inline emphasis for a noun referenced in an activity message (link, work item key, etc.). */
+function ActivityRef({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("wwc:font-semibold wwc:text-foreground", className),
+		...props,
+		children
+	});
+}
+ActivityRef.displayName = "ActivityRef";
+//#endregion
+export { ActivityActor, ActivityItem, ActivityLog, ActivityRef };
+
+//# sourceMappingURL=activity-log.mjs.map

package/dist/activity-log.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-log.mjs","names":[],"sources":["../src/activity-log.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nexport interface ActivityLogProps extends React.HTMLAttributes<HTMLOListElement> {}\n\n/**\n * Vertical chronological feed of activity / history entries. Renders as an <ol>\n * with a continuous connector line passing through each item's icon badge.\n * Pair with ActivityItem children.\n */\nconst ActivityLog = React.forwardRef<HTMLOListElement, ActivityLogProps>(({className, children, ...props}, ref) => (\n\t<ol ref={ref} className={cn(\"wwc:relative wwc:flex wwc:flex-col\", className)} {...props}>\n\t\t{/* Connector: a vertical line from the center of the first icon to the center\n\t\t    of the last, sitting behind the icon badges. Each icon's solid background\n\t\t    masks the line at its row. */}\n\t\t<span\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"wwc:absolute wwc:left-4 wwc:top-4 wwc:bottom-4 wwc:w-px wwc:bg-muted-foreground/30\"\n\t\t/>\n\t\t{children}\n\t</ol>\n));\nActivityLog.displayName = \"ActivityLog\";\n\nexport interface ActivityItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n\t/** Leading icon rendered inside the circular badge. */\n\ticon?: React.ReactNode;\n\t/** Relative timestamp displayed after the message (e.g. \"about 12 hours ago\"). */\n\ttimestamp?: React.ReactNode;\n}\n\nconst ActivityItem = React.forwardRef<HTMLLIElement, ActivityItemProps>(\n\t({icon, timestamp, className, children, ...props}, ref) => (\n\t\t<li ref={ref} className={cn(\"wwc:relative wwc:flex wwc:items-center wwc:gap-3 wwc:py-2\", className)} {...props}>\n\t\t\t<span className=\"wwc:relative wwc:z-10 wwc:flex wwc:h-8 wwc:w-8 wwc:shrink-0 wwc:items-center wwc:justify-center wwc:rounded-full wwc:bg-muted wwc:text-muted-foreground\">\n\t\t\t\t{icon}\n\t\t\t</span>\n\t\t\t<div className=\"wwc:flex wwc:min-w-0 wwc:flex-1 wwc:flex-wrap wwc:items-baseline wwc:gap-x-1.5 wwc:text-sm wwc:text-foreground\">\n\t\t\t\t<span className=\"wwc:min-w-0\">{children}</span>\n\t\t\t\t{timestamp && <span className=\"wwc:text-muted-foreground\">{timestamp}</span>}\n\t\t\t</div>\n\t\t</li>\n\t),\n);\nActivityItem.displayName = \"ActivityItem\";\n\n/** Inline emphasis for the actor name in an activity message. */\nfunction ActivityActor({className, children, ...props}: React.HTMLAttributes<HTMLSpanElement>) {\n\treturn (\n\t\t<span className={cn(\"wwc:font-semibold wwc:text-foreground\", className)} {...props}>\n\t\t\t{children}\n\t\t</span>\n\t);\n}\nActivityActor.displayName = \"ActivityActor\";\n\n/** Inline emphasis for a noun referenced in an activity message (link, work item key, etc.). */\nfunction ActivityRef({className, children, ...props}: React.HTMLAttributes<HTMLSpanElement>) {\n\treturn (\n\t\t<span className={cn(\"wwc:font-semibold wwc:text-foreground\", className)} {...props}>\n\t\t\t{children}\n\t\t</span>\n\t);\n}\nActivityRef.displayName = \"ActivityRef\";\n\nexport {ActivityActor, ActivityItem, ActivityLog, ActivityRef};\n"],"mappings":";;;;;;;;;AAUA,MAAM,cAAc,MAAM,YAAgD,EAAC,WAAW,UAAU,GAAG,SAAQ,QAC1G,qBAAC,MAAD;CAAS;CAAK,WAAW,GAAG,sCAAsC,SAAS;CAAG,GAAI;CAAlF,UAAA,CAIC,oBAAC,QAAD;EACC,eAAY;EACZ,WAAU;CACV,CAAA,GACA,QACE;AACJ,CAAA,CAAA;AACD,YAAY,cAAc;AAS1B,MAAM,eAAe,MAAM,YACzB,EAAC,MAAM,WAAW,WAAW,UAAU,GAAG,SAAQ,QAClD,qBAAC,MAAD;CAAS;CAAK,WAAW,GAAG,6DAA6D,SAAS;CAAG,GAAI;CAAzG,UAAA,CACC,oBAAC,QAAD;EAAM,WAAU;EACd,UAAA;CACI,CAAA,GACN,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACC,oBAAC,QAAD;GAAM,WAAU;GAAe;EAAe,CAAA,GAC7C,aAAa,oBAAC,QAAD;GAAM,WAAU;GAA6B,UAAA;EAAgB,CAAA,CACvE;CACF,CAAA,CAAA;AAEN,CAAA,CAAA;AACA,aAAa,cAAc;;AAG3B,SAAS,cAAc,EAAC,WAAW,UAAU,GAAG,SAA+C;CAC9F,OACC,oBAAC,QAAD;EAAM,WAAW,GAAG,yCAAyC,SAAS;EAAG,GAAI;EAC3E;CACI,CAAA;AAER;AACA,cAAc,cAAc;;AAG5B,SAAS,YAAY,EAAC,WAAW,UAAU,GAAG,SAA+C;CAC5F,OACC,oBAAC,QAAD;EAAM,WAAW,GAAG,yCAAyC,SAAS;EAAG,GAAI;EAC3E;CACI,CAAA;AAER;AACA,YAAY,cAAc"}

package/dist/activity-sheet.d.mts

@@ -0,0 +1,18 @@
+import { ChangeEntry, NotificationItem } from "./notification-center.mjs";
+//#region src/activity-sheet.d.ts
+export type ActivityView = "notifications" | "changes";
+export declare function ActivitySheet({ open, view, onOpenChange, onViewChange, notifications, changes, onDismiss, onClearAll, onUndo, onApplyAll, onDiscardAll }: {
+  open: boolean;
+  view: ActivityView;
+  onOpenChange: (open: boolean) => void;
+  onViewChange: (view: ActivityView) => void;
+  notifications: NotificationItem[];
+  changes: ChangeEntry[];
+  onDismiss: (id: string) => void;
+  onClearAll: () => void;
+  onUndo: (id: string) => void;
+  onApplyAll: () => void;
+  onDiscardAll: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=activity-sheet.d.mts.map

package/dist/activity-sheet.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-sheet.d.mts","names":[],"sources":["../src/activity-sheet.tsx"],"mappings":";;YAmBY;wBAQI,gBACf,MACA,MACA,cACA,cACA,eACA,SACA,WACA,YACA,QACA,YACA;EAEA;EACA,MAAM;EACN,eAAe;EACf,eAAe,MAAM;EACrB,eAAe;EACf,SAAS;EACT,YAAY;EACZ;EACA,SAAS;EACT;EACA;gCACA,IAAA"}

package/dist/activity-sheet.mjs

@@ -0,0 +1,167 @@
+import { Badge } from "./badge.mjs";
+import { Button } from "./button.mjs";
+import { Card } from "./card.mjs";
+import { Empty } from "./empty.mjs";
+import { ScrollArea } from "./scroll-area.mjs";
+import { Sheet, SheetContent, SheetHeader, SheetTitle } from "./sheet.mjs";
+import { ViewTabBar } from "./view-tab-bar.mjs";
+import { Check, ClipboardList, Inbox, Undo2, X } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/activity-sheet.tsx
+const TONE_BADGE = {
+	success: "wwc:border-transparent wwc:bg-green-100 wwc:text-green-700",
+	danger: "wwc:border-transparent wwc:bg-red-100 wwc:text-red-700",
+	warning: "wwc:border-transparent wwc:bg-amber-100 wwc:text-amber-700"
+};
+function ActivitySheet({ open, view, onOpenChange, onViewChange, notifications, changes, onDismiss, onClearAll, onUndo, onApplyAll, onDiscardAll }) {
+	const unread = notifications.filter((n) => n.unread).length;
+	const pending = changes.filter((c) => !c.committed).length;
+	return /* @__PURE__ */ jsx(Sheet, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(SheetContent, {
+			side: "right",
+			className: "wwc:flex wwc:w-full wwc:flex-col wwc:gap-0 wwc:p-0 wwc:sm:max-w-md",
+			children: [
+				/* @__PURE__ */ jsxs(SheetHeader, {
+					className: "wwc:space-y-3 wwc:border-b wwc:p-4 wwc:text-left",
+					children: [/* @__PURE__ */ jsx(SheetTitle, {
+						className: "wwc:text-base wwc:font-semibold",
+						children: "Activity"
+					}), /* @__PURE__ */ jsx(ViewTabBar, {
+						tabs: [{
+							id: "notifications",
+							label: "Notifications",
+							icon: Inbox,
+							badge: unread || void 0
+						}, {
+							id: "changes",
+							label: "Changeset",
+							icon: ClipboardList,
+							badge: pending || void 0
+						}],
+						activeTab: view,
+						onTabChange: (next) => onViewChange(next)
+					})]
+				}),
+				/* @__PURE__ */ jsx(ScrollArea, {
+					className: "wwc:min-h-0 wwc:flex-1",
+					scrollbarClassName: "wwc:w-1.5",
+					thumbClassName: "wwc:bg-border/60",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "wwc:space-y-2 wwc:p-4",
+						children: view === "notifications" ? notifications.length === 0 ? /* @__PURE__ */ jsx(Empty, {
+							className: "wwc:min-h-[240px]",
+							icon: /* @__PURE__ */ jsx(Inbox, { className: "wwc:h-6 wwc:w-6" }),
+							title: "No notifications",
+							description: "You're all caught up."
+						}) : notifications.map((item) => /* @__PURE__ */ jsx(Card, {
+							className: "wwc:gap-2 wwc:p-3",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:flex wwc:items-start wwc:gap-2",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "wwc:min-w-0 wwc:flex-1",
+									children: [
+										/* @__PURE__ */ jsxs("div", {
+											className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1.5",
+											children: [
+												/* @__PURE__ */ jsx("span", {
+													className: "wwc:text-[13px] wwc:font-medium wwc:text-foreground",
+													children: item.title
+												}),
+												item.kind && /* @__PURE__ */ jsx(Badge, {
+													variant: "secondary",
+													className: `wwc:h-5 wwc:text-[10px] ${item.tone ? TONE_BADGE[item.tone] : ""}`,
+													children: item.kind
+												}),
+												item.unread && /* @__PURE__ */ jsx("span", { className: "wwc:h-1.5 wwc:w-1.5 wwc:rounded-full wwc:bg-primary" })
+											]
+										}),
+										/* @__PURE__ */ jsx("p", {
+											className: "wwc:mt-0.5 wwc:text-[12px] wwc:text-muted-foreground",
+											children: item.body
+										}),
+										/* @__PURE__ */ jsx("p", {
+											className: "wwc:mt-1 wwc:text-[11px] wwc:text-muted-foreground/70",
+											children: item.time
+										})
+									]
+								}), /* @__PURE__ */ jsx(Button, {
+									variant: "ghost",
+									icon: true,
+									"aria-label": `Dismiss ${item.title}`,
+									className: "wwc:h-7 wwc:w-7 wwc:shrink-0 wwc:text-muted-foreground",
+									onClick: () => onDismiss(item.id),
+									children: /* @__PURE__ */ jsx(X, { className: "wwc:h-3.5 wwc:w-3.5" })
+								})]
+							})
+						}, item.id)) : changes.length === 0 ? /* @__PURE__ */ jsx(Empty, {
+							className: "wwc:min-h-[240px]",
+							icon: /* @__PURE__ */ jsx(ClipboardList, { className: "wwc:h-6 wwc:w-6" }),
+							title: "No changes",
+							description: "Edits you make will collect here until you apply them."
+						}) : changes.map((entry) => /* @__PURE__ */ jsx(Card, {
+							className: "wwc:gap-2 wwc:p-3",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:flex wwc:items-start wwc:gap-2",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "wwc:min-w-0 wwc:flex-1",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1.5",
+										children: [/* @__PURE__ */ jsx("span", {
+											className: "wwc:text-[13px] wwc:font-medium wwc:text-foreground",
+											children: entry.summary
+										}), entry.committed && /* @__PURE__ */ jsx(Badge, {
+											variant: "secondary",
+											className: "wwc:h-5 wwc:text-[10px]",
+											children: "Applied"
+										})]
+									}), /* @__PURE__ */ jsxs("p", {
+										className: "wwc:mt-0.5 wwc:text-[11px] wwc:text-muted-foreground/70",
+										children: [
+											entry.kind,
+											" · ",
+											entry.time
+										]
+									})]
+								}), entry.undoable && !entry.committed && /* @__PURE__ */ jsxs(Button, {
+									variant: "outline",
+									size: "sm",
+									className: "wwc:h-7 wwc:shrink-0 wwc:gap-1.5",
+									onClick: () => onUndo(entry.id),
+									children: [/* @__PURE__ */ jsx(Undo2, { className: "wwc:h-3.5 wwc:w-3.5" }), "Undo"]
+								})]
+							})
+						}, entry.id))
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "wwc:flex wwc:items-center wwc:justify-end wwc:gap-2 wwc:border-t wwc:p-4",
+					children: view === "notifications" ? /* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						size: "sm",
+						disabled: notifications.length === 0,
+						onClick: onClearAll,
+						children: "Clear all"
+					}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						size: "sm",
+						disabled: pending === 0,
+						onClick: onDiscardAll,
+						children: "Discard"
+					}), /* @__PURE__ */ jsxs(Button, {
+						size: "sm",
+						className: "wwc:gap-1.5",
+						disabled: pending === 0,
+						onClick: onApplyAll,
+						children: [/* @__PURE__ */ jsx(Check, { className: "wwc:h-3.5 wwc:w-3.5" }), "Apply all"]
+					})] })
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { ActivitySheet };
+
+//# sourceMappingURL=activity-sheet.mjs.map

package/dist/activity-sheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"activity-sheet.mjs","names":[],"sources":["../src/activity-sheet.tsx"],"sourcesContent":["import {Check, ClipboardList, Inbox, Undo2, X} from \"lucide-react\";\n\nimport {Badge} from \"./badge\";\nimport {Button} from \"./button\";\nimport {Card} from \"./card\";\nimport {Empty} from \"./empty\";\nimport type {ChangeEntry, NotificationItem} from \"./notification-center\";\nimport {ScrollArea} from \"./scroll-area\";\nimport {Sheet, SheetContent, SheetHeader, SheetTitle} from \"./sheet\";\nimport {ViewTabBar} from \"./view-tab-bar\";\n\n// The notifications / changeset panel as an ordinary right-hand Sheet: standard overlay, standard\n// cards, standard buttons. Nothing here is special-cased — which is the point, and why it replaced a\n// bespoke translucent surface that never sat right against the rest of the shell.\n//\n// Two streams behind one panel: transient NOTIFICATIONS you dismiss, and a CHANGESET of edits that\n// accumulate until applied or discarded. It reuses NotificationCenter's item types, so a shell can\n// feed both from the state it already keeps.\n\nexport type ActivityView = \"notifications\" | \"changes\";\n\nconst TONE_BADGE: Record<string, string> = {\n\tsuccess: \"wwc:border-transparent wwc:bg-green-100 wwc:text-green-700\",\n\tdanger: \"wwc:border-transparent wwc:bg-red-100 wwc:text-red-700\",\n\twarning: \"wwc:border-transparent wwc:bg-amber-100 wwc:text-amber-700\",\n};\n\nexport function ActivitySheet({\n\topen,\n\tview,\n\tonOpenChange,\n\tonViewChange,\n\tnotifications,\n\tchanges,\n\tonDismiss,\n\tonClearAll,\n\tonUndo,\n\tonApplyAll,\n\tonDiscardAll,\n}: {\n\topen: boolean;\n\tview: ActivityView;\n\tonOpenChange: (open: boolean) => void;\n\tonViewChange: (view: ActivityView) => void;\n\tnotifications: NotificationItem[];\n\tchanges: ChangeEntry[];\n\tonDismiss: (id: string) => void;\n\tonClearAll: () => void;\n\tonUndo: (id: string) => void;\n\tonApplyAll: () => void;\n\tonDiscardAll: () => void;\n}) {\n\tconst unread = notifications.filter((n) => n.unread).length;\n\tconst pending = changes.filter((c) => !c.committed).length;\n\n\treturn (\n\t\t<Sheet open={open} onOpenChange={onOpenChange}>\n\t\t\t<SheetContent side=\"right\" className=\"wwc:flex wwc:w-full wwc:flex-col wwc:gap-0 wwc:p-0 wwc:sm:max-w-md\">\n\t\t\t\t<SheetHeader className=\"wwc:space-y-3 wwc:border-b wwc:p-4 wwc:text-left\">\n\t\t\t\t\t<SheetTitle className=\"wwc:text-base wwc:font-semibold\">Activity</SheetTitle>\n\t\t\t\t\t<ViewTabBar\n\t\t\t\t\t\ttabs={[\n\t\t\t\t\t\t\t{id: \"notifications\", label: \"Notifications\", icon: Inbox, badge: unread || undefined},\n\t\t\t\t\t\t\t{id: \"changes\", label: \"Changeset\", icon: ClipboardList, badge: pending || undefined},\n\t\t\t\t\t\t]}\n\t\t\t\t\t\tactiveTab={view}\n\t\t\t\t\t\tonTabChange={(next) => onViewChange(next as ActivityView)}\n\t\t\t\t\t/>\n\t\t\t\t</SheetHeader>\n\n\t\t\t\t<ScrollArea className=\"wwc:min-h-0 wwc:flex-1\" scrollbarClassName=\"wwc:w-1.5\" thumbClassName=\"wwc:bg-border/60\">\n\t\t\t\t\t<div className=\"wwc:space-y-2 wwc:p-4\">\n\t\t\t\t\t\t{view === \"notifications\" ? (\n\t\t\t\t\t\t\tnotifications.length === 0 ? (\n\t\t\t\t\t\t\t\t<Empty\n\t\t\t\t\t\t\t\t\tclassName=\"wwc:min-h-[240px]\"\n\t\t\t\t\t\t\t\t\ticon={<Inbox className=\"wwc:h-6 wwc:w-6\" />}\n\t\t\t\t\t\t\t\t\ttitle=\"No notifications\"\n\t\t\t\t\t\t\t\t\tdescription=\"You're all caught up.\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\tnotifications.map((item) => (\n\t\t\t\t\t\t\t\t\t<Card key={item.id} className=\"wwc:gap-2 wwc:p-3\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-start wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:min-w-0 wwc:flex-1\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1.5\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-[13px] wwc:font-medium wwc:text-foreground\">{item.title}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.kind && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`wwc:h-5 wwc:text-[10px] ${item.tone ? TONE_BADGE[item.tone] : \"\"}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{item.kind}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.unread && <span className=\"wwc:h-1.5 wwc:w-1.5 wwc:rounded-full wwc:bg-primary\" />}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"wwc:mt-0.5 wwc:text-[12px] wwc:text-muted-foreground\">{item.body}</p>\n\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"wwc:mt-1 wwc:text-[11px] wwc:text-muted-foreground/70\">{item.time}</p>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\ticon\n\t\t\t\t\t\t\t\t\t\t\t\taria-label={`Dismiss ${item.title}`}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:w-7 wwc:shrink-0 wwc:text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onDismiss(item.id)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<X className=\"wwc:h-3.5 wwc:w-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) : changes.length === 0 ? (\n\t\t\t\t\t\t\t<Empty\n\t\t\t\t\t\t\t\tclassName=\"wwc:min-h-[240px]\"\n\t\t\t\t\t\t\t\ticon={<ClipboardList className=\"wwc:h-6 wwc:w-6\" />}\n\t\t\t\t\t\t\t\ttitle=\"No changes\"\n\t\t\t\t\t\t\t\tdescription=\"Edits you make will collect here until you apply them.\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tchanges.map((entry) => (\n\t\t\t\t\t\t\t\t<Card key={entry.id} className=\"wwc:gap-2 wwc:p-3\">\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-start wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:min-w-0 wwc:flex-1\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1.5\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-[13px] wwc:font-medium wwc:text-foreground\">{entry.summary}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t{entry.committed && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Badge variant=\"secondary\" className=\"wwc:h-5 wwc:text-[10px]\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tApplied\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<p className=\"wwc:mt-0.5 wwc:text-[11px] wwc:text-muted-foreground/70\">\n\t\t\t\t\t\t\t\t\t\t\t\t{entry.kind} · {entry.time}\n\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t{entry.undoable && !entry.committed && (\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-7 wwc:shrink-0 wwc:gap-1.5\"\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => onUndo(entry.id)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Undo2 className=\"wwc:h-3.5 wwc:w-3.5\" />\n\t\t\t\t\t\t\t\t\t\t\t\tUndo\n\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</Card>\n\t\t\t\t\t\t\t))\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</ScrollArea>\n\n\t\t\t\t{/* Footer actions belong to whichever stream is showing. */}\n\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-end wwc:gap-2 wwc:border-t wwc:p-4\">\n\t\t\t\t\t{view === \"notifications\" ? (\n\t\t\t\t\t\t<Button variant=\"outline\" size=\"sm\" disabled={notifications.length === 0} onClick={onClearAll}>\n\t\t\t\t\t\t\tClear all\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<Button variant=\"outline\" size=\"sm\" disabled={pending === 0} onClick={onDiscardAll}>\n\t\t\t\t\t\t\t\tDiscard\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t<Button size=\"sm\" className=\"wwc:gap-1.5\" disabled={pending === 0} onClick={onApplyAll}>\n\t\t\t\t\t\t\t\t<Check className=\"wwc:h-3.5 wwc:w-3.5\" />\n\t\t\t\t\t\t\t\tApply all\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</SheetContent>\n\t\t</Sheet>\n\t);\n}\n"],"mappings":"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"}

package/dist/add-clinic-location-dialog.d.mts

@@ -0,0 +1,21 @@
+import * as React from "react";
+//#region src/add-clinic-location-dialog.d.ts
+export interface AddClinicLocationValue {
+  name: string;
+  /** Makes this the site's default clinic, replacing whichever one held it before. */
+  isDefault: boolean;
+}
+export interface AddClinicLocationDialogProps {
+  /** Controlled open state. Omit to let the dialog manage its own. */
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /** Rendered inside DialogTrigger. Omit when driving `open` yourself. */
+  trigger?: React.ReactNode;
+  onSave?: (value: AddClinicLocationValue) => void;
+  className?: string;
+}
+/** Dialog form for creating a site clinic location. */
+declare function AddClinicLocationDialog({ open, onOpenChange, trigger, onSave, className }: AddClinicLocationDialogProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { AddClinicLocationDialog };
+//# sourceMappingURL=add-clinic-location-dialog.d.mts.map

package/dist/add-clinic-location-dialog.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-clinic-location-dialog.d.mts","names":[],"sources":["../src/add-clinic-location-dialog.tsx"],"mappings":";;iBASiB;EAChB;;EAEA;;iBAGgB;;EAEhB;EACA,gBAAgB;;EAEhB,UAAU,MAAM;EAChB,UAAU,OAAO;EACjB;;;iBAIQ,0BAAyB,MAAM,cAAc,SAAS,QAAQ,aAAY,2DAA4B,IAAA"}

package/dist/add-clinic-location-dialog.mjs

@@ -0,0 +1,96 @@
+import { Button } from "./button.mjs";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "./dialog.mjs";
+import { Field, FieldError, FieldLabel } from "./field.mjs";
+import { Input } from "./input.mjs";
+import { Switch } from "./switch.mjs";
+import { cn } from "@corensystem/coren-utils";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/add-clinic-location-dialog.tsx
+/** Dialog form for creating a site clinic location. */
+function AddClinicLocationDialog({ open, onOpenChange, trigger, onSave, className }) {
+	const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+	const isOpen = open ?? uncontrolledOpen;
+	const [name, setName] = React.useState("");
+	const [isDefault, setIsDefault] = React.useState(false);
+	const [showErrors, setShowErrors] = React.useState(false);
+	const handleOpenChange = (next) => {
+		if (next) {
+			setName("");
+			setIsDefault(false);
+			setShowErrors(false);
+		}
+		if (open === void 0) setUncontrolledOpen(next);
+		onOpenChange?.(next);
+	};
+	const nameError = name.trim() === "" ? "Enter a clinic name." : 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:gap-0 wwc:p-0 wwc:sm:max-w-[440px]", className),
+			"aria-describedby": void 0,
+			children: [
+				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Add Clinic Location" }) }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:px-4 wwc:py-3",
+					children: [/* @__PURE__ */ jsxs(Field, { children: [
+						/* @__PURE__ */ jsx(FieldLabel, {
+							htmlFor: "clinic-location-name",
+							children: "Name"
+						}),
+						/* @__PURE__ */ jsx(Input, {
+							id: "clinic-location-name",
+							value: name,
+							onChange: (e) => setName(e.target.value),
+							placeholder: "e.g. Main Gate Clinic",
+							"aria-invalid": showErrors && !!nameError
+						}),
+						showErrors && nameError && /* @__PURE__ */ jsx(FieldError, { children: nameError })
+					] }), /* @__PURE__ */ jsxs("div", {
+						className: "wwc:mt-4 wwc:flex wwc:items-center wwc:justify-between wwc:gap-4",
+						children: [/* @__PURE__ */ jsx(FieldLabel, {
+							htmlFor: "clinic-location-default",
+							className: "wwc:cursor-pointer",
+							children: "Default"
+						}), /* @__PURE__ */ jsx(Switch, {
+							id: "clinic-location-default",
+							checked: isDefault,
+							onCheckedChange: setIsDefault
+						})]
+					})]
+				}),
+				/* @__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 (nameError) {
+								setShowErrors(true);
+								return;
+							}
+							onSave?.({
+								name: name.trim(),
+								isDefault
+							});
+							handleOpenChange(false);
+						},
+						children: "Create"
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { AddClinicLocationDialog };
+
+//# sourceMappingURL=add-clinic-location-dialog.mjs.map

package/dist/add-clinic-location-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-clinic-location-dialog.mjs","names":[],"sources":["../src/add-clinic-location-dialog.tsx"],"sourcesContent":["import {cn} from \"@corensystem/coren-utils\";\nimport * as React from \"react\";\n\nimport {Button} from \"./button\";\nimport {Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, DialogTrigger} from \"./dialog\";\nimport {Field, FieldError, FieldLabel} from \"./field\";\nimport {Input} from \"./input\";\nimport {Switch} from \"./switch\";\n\nexport interface AddClinicLocationValue {\n\tname: string;\n\t/** Makes this the site's default clinic, replacing whichever one held it before. */\n\tisDefault: boolean;\n}\n\nexport interface AddClinicLocationDialogProps {\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\tonSave?: (value: AddClinicLocationValue) => void;\n\tclassName?: string;\n}\n\n/** Dialog form for creating a site clinic location. */\nfunction AddClinicLocationDialog({open, onOpenChange, trigger, onSave, className}: AddClinicLocationDialogProps) {\n\tconst [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n\tconst isOpen = open ?? uncontrolledOpen;\n\n\tconst [name, setName] = React.useState(\"\");\n\tconst [isDefault, setIsDefault] = React.useState(false);\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\tsetName(\"\");\n\t\t\tsetIsDefault(false);\n\t\t\tsetShowErrors(false);\n\t\t}\n\t\tif (open === undefined) setUncontrolledOpen(next);\n\t\tonOpenChange?.(next);\n\t};\n\n\tconst nameError = name.trim() === \"\" ? \"Enter a clinic name.\" : 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 className={cn(\"wwc:gap-0 wwc:p-0 wwc:sm:max-w-[440px]\", className)} aria-describedby={undefined}>\n\t\t\t\t<DialogHeader>\n\t\t\t\t\t<DialogTitle>Add Clinic Location</DialogTitle>\n\t\t\t\t</DialogHeader>\n\n\t\t\t\t<div className=\"wwc:px-4 wwc:py-3\">\n\t\t\t\t\t<Field>\n\t\t\t\t\t\t<FieldLabel htmlFor=\"clinic-location-name\">Name</FieldLabel>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tid=\"clinic-location-name\"\n\t\t\t\t\t\t\tvalue={name}\n\t\t\t\t\t\t\tonChange={(e) => setName(e.target.value)}\n\t\t\t\t\t\t\tplaceholder=\"e.g. Main Gate Clinic\"\n\t\t\t\t\t\t\taria-invalid={showErrors && !!nameError}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{showErrors && nameError && <FieldError>{nameError}</FieldError>}\n\t\t\t\t\t</Field>\n\n\t\t\t\t\t<div className=\"wwc:mt-4 wwc:flex wwc:items-center wwc:justify-between wwc:gap-4\">\n\t\t\t\t\t\t<FieldLabel htmlFor=\"clinic-location-default\" className=\"wwc:cursor-pointer\">\n\t\t\t\t\t\t\tDefault\n\t\t\t\t\t\t</FieldLabel>\n\t\t\t\t\t\t<Switch id=\"clinic-location-default\" checked={isDefault} onCheckedChange={setIsDefault} />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\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 (nameError) {\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?.({name: name.trim(), isDefault});\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\tCreate\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 {AddClinicLocationDialog};\n"],"mappings":";;;;;;;;;;AA0BA,SAAS,wBAAwB,EAAC,MAAM,cAAc,SAAS,QAAQ,aAA0C;CAChH,MAAM,CAAC,kBAAkB,uBAAuB,MAAM,SAAS,KAAK;CACpE,MAAM,SAAS,QAAQ;CAEvB,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,EAAE;CACzC,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,KAAK;CAEtD,MAAM,CAAC,YAAY,iBAAiB,MAAM,SAAS,KAAK;CAGxD,MAAM,oBAAoB,SAAkB;EAC3C,IAAI,MAAM;GACT,QAAQ,EAAE;GACV,aAAa,KAAK;GAClB,cAAc,KAAK;EACpB;EACA,IAAI,SAAS,KAAA,GAAW,oBAAoB,IAAI;EAChD,eAAe,IAAI;CACpB;CAEA,MAAM,YAAY,KAAK,KAAK,MAAM,KAAK,yBAAyB,KAAA;CAEhE,OACC,qBAAC,QAAD;EAAQ,MAAM;EAAQ,cAAc;EAApC,UAAA,CACE,UAAU,oBAAC,eAAD;GAAe,SAAA;GAAS,UAAA;EAAuB,CAAA,IAAI,MAC9D,qBAAC,eAAD;GAAe,WAAW,GAAG,0CAA0C,SAAS;GAAG,oBAAkB,KAAA;GAArG,UAAA;IACC,oBAAC,cAAD,EAAA,UACC,oBAAC,aAAD,EAAA,UAAa,sBAAgC,CAAA,EAChC,CAAA;IAEd,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACC,qBAAC,OAAD,EAAA,UAAA;MACC,oBAAC,YAAD;OAAY,SAAQ;OAAuB,UAAA;MAAgB,CAAA;MAC3D,oBAAC,OAAD;OACC,IAAG;OACH,OAAO;OACP,WAAW,MAAM,QAAQ,EAAE,OAAO,KAAK;OACvC,aAAY;OACZ,gBAAc,cAAc,CAAC,CAAC;MAC9B,CAAA;MACA,cAAc,aAAa,oBAAC,YAAD,EAAA,UAAa,UAAsB,CAAA;KACzD,EAAA,CAAA,GAEP,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACC,oBAAC,YAAD;OAAY,SAAQ;OAA0B,WAAU;OAAqB,UAAA;MAEjE,CAAA,GACZ,oBAAC,QAAD;OAAQ,IAAG;OAA0B,SAAS;OAAW,iBAAiB;MAAe,CAAA,CACrF;KACD,CAAA,CAAA;;IAEL,qBAAC,cAAD;KAAc,WAAU;KAAxB,UAAA,CACC,oBAAC,QAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,eAAe,iBAAiB,KAAK;MAAG,UAAA;KAEpE,CAAA,GACR,oBAAC,QAAD;MACC,MAAK;MACL,eAAe;OACd,IAAI,WAAW;QACd,cAAc,IAAI;QAClB;OACD;OACA,SAAS;QAAC,MAAM,KAAK,KAAK;QAAG;OAAS,CAAC;OACvC,iBAAiB,KAAK;MACvB;MACA,UAAA;KAEO,CAAA,CACK;;GACA;EACR,CAAA,CAAA;;AAEV"}

package/dist/add-clinic-visit-dialog.d.mts

@@ -0,0 +1,51 @@
+import * as React from "react";
+//#region src/add-clinic-visit-dialog.d.ts
+export interface AddClinicVisitOption {
+  value: string;
+  label: string;
+}
+export interface AddClinicVisitValue {
+  /** Selected worker id, or "" when the visit is logged against a visitor. */
+  worker: string;
+  /** True when the visit was recorded for a visitor rather than a registered worker. */
+  isVisitor: boolean;
+  /** Free-text visitor name; empty unless `isVisitor`. */
+  visitorName: string;
+  /** Free-text visitor company; empty unless `isVisitor`. */
+  visitorCompany: string;
+  clinic: string;
+  visitDate: Date | undefined;
+  /** 12-hour time string, e.g. "06:30 PM". */
+  timeIn: string;
+  /** Empty while the visit is still open — Time Out is filled on discharge. */
+  timeOut: string;
+  reason: string;
+  fitToWork: string;
+  notes: string;
+}
+export interface AddClinicVisitDialogProps {
+  /** Controlled open state. Omit to let the dialog manage its own. */
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  /** Rendered inside DialogTrigger. Omit when driving `open` yourself. */
+  trigger?: React.ReactNode;
+  workers?: AddClinicVisitOption[];
+  clinics?: AddClinicVisitOption[];
+  reasons?: AddClinicVisitOption[];
+  fitnessOutcomes?: AddClinicVisitOption[];
+  /** Seeds the Visit Date field each time the dialog opens. Defaults to today. */
+  defaultDate?: Date;
+  /** Seeds Time In each time the dialog opens, e.g. "09:00 AM". Defaults to empty. */
+  defaultTimeIn?: string;
+  notesMaxLength?: number;
+  onSave?: (value: AddClinicVisitValue) => void;
+  className?: string;
+}
+/**
+ * Dialog form for recording a clinic visit — who was seen, where, when, why, and the fitness
+ * outcome. The Worker field flips to a free-text visitor pair for guests with no worker record.
+ */
+declare function AddClinicVisitDialog({ open, onOpenChange, trigger, workers, clinics, reasons, fitnessOutcomes, defaultDate, defaultTimeIn, notesMaxLength, onSave, className }: AddClinicVisitDialogProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { AddClinicVisitDialog };
+//# sourceMappingURL=add-clinic-visit-dialog.d.mts.map

package/dist/add-clinic-visit-dialog.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-clinic-visit-dialog.d.mts","names":[],"sources":["../src/add-clinic-visit-dialog.tsx"],"mappings":";;iBAWiB;EAChB;EACA;;iBAGgB;;EAEhB;;EAEA;;EAEA;;EAEA;EACA;EACA,WAAW;;EAEX;;EAEA;EACA;EACA;EACA;;iBAGgB;;EAEhB;EACA,gBAAgB;;EAEhB,UAAU,MAAM;EAChB,UAAU;EACV,UAAU;EACV,UAAU;EACV,kBAAkB;;EAElB,cAAc;;EAEd;EACA;EACA,UAAU,OAAO;EACjB;;;;;;iBAqBQ,uBACR,MACA,cACA,SACA,SACA,SACA,SACA,iBACA,aACA,eACA,gBACA,QACA,aACE,wDAAyB,IAAA"}